Feat: [Timeline] Add timeline-notch-{mode} to part (#3401)

jason-whitted · web-flow · commit 83a0909efb82 · 2023-12-12T12:58:26.000+01:00
diff --git a/src/plugins/timeline.ts b/src/plugins/timeline.ts
@@ -185,7 +185,6 @@ class TimelinePlugin extends BasePlugin<TimelinePluginEvents, TimelinePluginOpti
     }
 
     const notchEl = document.createElement('div')
-    notchEl.setAttribute('part', 'timeline-notch')
     notchEl.setAttribute(
       'style',
       `
@@ -219,6 +218,9 @@ class TimelinePlugin extends BasePlugin<TimelinePluginEvents, TimelinePluginOpti
         if (isPrimary) notch.style.opacity = '1'
       }
 
+      const mode = isPrimary ? 'primary' : isSecondary ? 'secondary' : 'tick'
+      notch.setAttribute('part', `timeline-notch timeline-notch-${mode}`)
+
       notch.style.left = `${i * pxPerSec}px`
       timeline.appendChild(notch)
     }

Original file line number	Diff line number	Diff line change
`@@ -185,7 +185,6 @@ class TimelinePlugin extends BasePlugin<TimelinePluginEvents, TimelinePluginOpti`
`185`	`185`	`}`
`186`	`186`
`187`	`187`	`const notchEl = document.createElement('div')`
`188`		`- notchEl.setAttribute('part', 'timeline-notch')`
`189`	`188`	`notchEl.setAttribute(`
`190`	`189`	`'style',`
`191`	`190`	`
`@@ -219,6 +218,9 @@ class TimelinePlugin extends BasePlugin<TimelinePluginEvents, TimelinePluginOpti`
`219`	`218`	`if (isPrimary) notch.style.opacity = '1'`
`220`	`219`	`}`
`221`	`220`
	`221`	`+ const mode = isPrimary ? 'primary' : isSecondary ? 'secondary' : 'tick'`
	`222`	+ notch.setAttribute('part', `timeline-notch timeline-notch-${mode}`)
	`223`	`+`
`222`	`224`	notch.style.left = `${i * pxPerSec}px`
`223`	`225`	`timeline.appendChild(notch)`
`224`	`226`	`}`