diff --git a/packages/web-components/src/components.d.ts b/packages/web-components/src/components.d.ts index 19774550f..da0cbccae 100644 --- a/packages/web-components/src/components.d.ts +++ b/packages/web-components/src/components.d.ts @@ -20163,6 +20163,9 @@ export namespace Components { "columns": number; "end": string; "interval": any; + /** + * The playhead of rux-track. + */ "playhead": any; "start": string; "timezone": string; @@ -55787,6 +55790,9 @@ declare namespace LocalJSX { "columns"?: number; "end"?: string; "interval"?: any; + /** + * The playhead of rux-track. + */ "playhead"?: any; "start"?: string; "timezone"?: string; diff --git a/packages/web-components/src/components/rux-timeline/rux-track/readme.md b/packages/web-components/src/components/rux-timeline/rux-track/readme.md index 3978a62aa..b8107f379 100644 --- a/packages/web-components/src/components/rux-timeline/rux-track/readme.md +++ b/packages/web-components/src/components/rux-timeline/rux-track/readme.md @@ -5,9 +5,9 @@ ## Properties -| Property | Attribute | Description | Type | Default | -| ---------- | ---------- | ----------- | ----- | ----------- | -| `playhead` | `playhead` | | `any` | `undefined` | +| Property | Attribute | Description | Type | Default | +| ---------- | ---------- | -------------------------- | ----- | ----------- | +| `playhead` | `playhead` | The playhead of rux-track. | `any` | `undefined` | ## Slots diff --git a/packages/web-components/src/components/rux-timeline/rux-track/rux-track.tsx b/packages/web-components/src/components/rux-timeline/rux-track/rux-track.tsx index 8c14801f4..a74874a72 100644 --- a/packages/web-components/src/components/rux-timeline/rux-track/rux-track.tsx +++ b/packages/web-components/src/components/rux-timeline/rux-track/rux-track.tsx @@ -35,12 +35,11 @@ export class RuxTrack { @Element() el!: HTMLRuxTrackElement - @Prop({ reflect: true }) playhead: any - /** * @internal - The grid's width. Set automatically from the parent Timeline component. */ @Prop({ reflect: true }) width = 0 + /** * @internal - The number of grid columns to display. Set automatically from the parent Timeline component. */ @@ -50,10 +49,12 @@ export class RuxTrack { * @internal - The Track's interval. Set automatically from the parent Timeline component. */ @Prop({ reflect: true }) interval: any + /** * @internal - The Track's start date. Set automatically from the parent Timeline component. */ @Prop({ reflect: true }) start = '' + /** * @internal - The Track's end date. Set automatically from the parent Timeline component. */ @@ -64,6 +65,11 @@ export class RuxTrack { */ @Prop({ reflect: true }) timezone = 'UTC' + /** + * The playhead of rux-track. + */ + @Prop({ reflect: true }) playhead: any + @Watch('start') @Watch('end') @Watch('interval')