@breadstone/mosaik-elements-foundation 0.0.206 → 0.0.209

package/Controls/Components/Media/Timeline/Themes/TimelineOppositeElement.Joy.js

@@ -0,0 +1,84 @@
+// ------------------------------------------------------------------------------
+// <auto-generated>
+//     This code was generated by a tool.
+//     Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+// </auto-generated>
+// ------------------------------------------------------------------------------
+// #region Imports
+import { css } from '../../../../../Dom/Css';
+// #endregion
+/**
+ * @public
+ */
+export function timelineOppositeElementJoyStyle() {
+    return css `
+:host {
+  --timeline-opposite-content-gap: var(--joy-layout-space);
+  --timeline-opposite-font-family: var(--joy-font-family);
+  --timeline-opposite-font-letter-spacing: unset;
+  --timeline-opposite-font-line-height: 1.5;
+  --timeline-opposite-font-size: unset;
+  --timeline-opposite-font-text-decoration: unset;
+  --timeline-opposite-font-text-transform: unset;
+  --timeline-opposite-font-weight: 400;
+  --timeline-opposite-foreground-color: var(--joy-scheme-foreground);
+  --timeline-opposite-gap: calc(var(--joy-layout-space) * 2);
+  --timeline-opposite-line-color: var(--joy-scheme-highlight);
+  --timeline-opposite-line-offset: calc(var(--joy-layout-space) * 4);
+  --timeline-opposite-line-thickness: var(--joy-layout-thickness);
+  --timeline-opposite-marker-border-color: var(--joy-scheme-highlight);
+  --timeline-opposite-marker-border-width: var(--joy-layout-thickness);
+  --timeline-opposite-marker-color: var(--joy-scheme-background);
+  --timeline-opposite-marker-size: calc(var(--joy-layout-space) * 2.5);
+  --timeline-opposite-padding-bottom: var(--joy-layout-space);
+  --timeline-opposite-padding-left: var(--joy-layout-space);
+  --timeline-opposite-padding-right: var(--joy-layout-space);
+  --timeline-opposite-padding-top: var(--joy-layout-space);
+  --timeline-opposite-transition-duration: var(--joy-duration-short);
+  --timeline-opposite-transition-mode: ease;
+  --timeline-opposite-transition-property: color, background-color, transform;
+  --timeline-opposite-translate: unset;
+}
+
+@media screen and (prefers-reduced-motion: reduce) {
+  :host {
+    transition-duration: .01ms;
+  }
+}
+
+:host {
+  box-sizing: border-box;
+  display: block;
+  position: relative;
+}
+
+:host *, :host :before, :host :after {
+  box-sizing: border-box;
+  background-repeat: no-repeat;
+}
+
+:host :before, :host :after {
+  text-decoration: inherit;
+  vertical-align: inherit;
+}
+
+:host([hidden]) {
+  display: none !important;
+}
+
+:host {
+  color: var(--timeline-opposite-foreground-color);
+  font-family: var(--timeline-opposite-font-family);
+  font-size: var(--timeline-opposite-font-size);
+  line-height: var(--timeline-opposite-font-line-height);
+  font-weight: var(--timeline-opposite-font-weight);
+  letter-spacing: var(--timeline-opposite-font-letter-spacing);
+  -webkit-text-decoration: var(--timeline-opposite-font-text-decoration);
+  text-decoration: var(--timeline-opposite-font-text-decoration);
+  text-transform: var(--timeline-opposite-font-text-transform);
+  display: block;
+}
+
+    `;
+}
+//# sourceMappingURL=TimelineOppositeElement.Joy.js.map

package/Controls/Components/Media/Timeline/Themes/TimelineOppositeElement.Joy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineOppositeElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Timeline/Themes/TimelineOppositeElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,+BAA+B;IAC3C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoET,CAAC;AACN,CAAC"}

package/Controls/Components/Media/Timeline/Themes/TimelineOppositeElement.Memphis.d.ts

@@ -0,0 +1,6 @@
+import { type CSSResult } from '../../../../../Dom/Css';
+/**
+ * @public
+ */
+export declare function timelineOppositeElementMemphisStyle(): CSSResult;
+//# sourceMappingURL=TimelineOppositeElement.Memphis.d.ts.map

package/Controls/Components/Media/Timeline/Themes/TimelineOppositeElement.Memphis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineOppositeElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Timeline/Themes/TimelineOppositeElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,mCAAmC,IAAI,SAAS,CAsE/D"}

package/Controls/Components/Media/Timeline/Themes/TimelineOppositeElement.Memphis.js

@@ -0,0 +1,84 @@
+// ------------------------------------------------------------------------------
+// <auto-generated>
+//     This code was generated by a tool.
+//     Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+// </auto-generated>
+// ------------------------------------------------------------------------------
+// #region Imports
+import { css } from '../../../../../Dom/Css';
+// #endregion
+/**
+ * @public
+ */
+export function timelineOppositeElementMemphisStyle() {
+    return css `
+:host {
+  --timeline-opposite-content-gap: var(--memphis-layout-space);
+  --timeline-opposite-font-family: var(--memphis-font-family);
+  --timeline-opposite-font-letter-spacing: unset;
+  --timeline-opposite-font-line-height: 1.5;
+  --timeline-opposite-font-size: unset;
+  --timeline-opposite-font-text-decoration: unset;
+  --timeline-opposite-font-text-transform: unset;
+  --timeline-opposite-font-weight: 400;
+  --timeline-opposite-foreground-color: var(--memphis-scheme-foreground);
+  --timeline-opposite-gap: calc(var(--memphis-layout-space) * 2);
+  --timeline-opposite-line-color: var(--memphis-scheme-highlight);
+  --timeline-opposite-line-offset: calc(var(--memphis-layout-space) * 3);
+  --timeline-opposite-line-thickness: var(--memphis-layout-thickness);
+  --timeline-opposite-marker-border-color: var(--memphis-scheme-highlight);
+  --timeline-opposite-marker-border-width: var(--memphis-layout-thickness);
+  --timeline-opposite-marker-color: var(--memphis-scheme-background);
+  --timeline-opposite-marker-size: calc(var(--memphis-layout-space) * 2.5);
+  --timeline-opposite-padding-bottom: var(--memphis-layout-space);
+  --timeline-opposite-padding-left: var(--memphis-layout-space);
+  --timeline-opposite-padding-right: var(--memphis-layout-space);
+  --timeline-opposite-padding-top: var(--memphis-layout-space);
+  --timeline-opposite-transition-duration: var(--memphis-duration-medium);
+  --timeline-opposite-transition-mode: ease;
+  --timeline-opposite-transition-property: color, background-color, transform;
+  --timeline-opposite-translate: unset;
+}
+
+@media screen and (prefers-reduced-motion: reduce) {
+  :host {
+    transition-duration: .01ms;
+  }
+}
+
+:host {
+  box-sizing: border-box;
+  display: block;
+  position: relative;
+}
+
+:host *, :host :before, :host :after {
+  box-sizing: border-box;
+  background-repeat: no-repeat;
+}
+
+:host :before, :host :after {
+  text-decoration: inherit;
+  vertical-align: inherit;
+}
+
+:host([hidden]) {
+  display: none !important;
+}
+
+:host {
+  color: var(--timeline-opposite-foreground-color);
+  font-family: var(--timeline-opposite-font-family);
+  font-size: var(--timeline-opposite-font-size);
+  line-height: var(--timeline-opposite-font-line-height);
+  font-weight: var(--timeline-opposite-font-weight);
+  letter-spacing: var(--timeline-opposite-font-letter-spacing);
+  -webkit-text-decoration: var(--timeline-opposite-font-text-decoration);
+  text-decoration: var(--timeline-opposite-font-text-decoration);
+  text-transform: var(--timeline-opposite-font-text-transform);
+  display: block;
+}
+
+    `;
+}
+//# sourceMappingURL=TimelineOppositeElement.Memphis.js.map

package/Controls/Components/Media/Timeline/Themes/TimelineOppositeElement.Memphis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineOppositeElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Timeline/Themes/TimelineOppositeElement.Memphis.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,mCAAmC;IAC/C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoET,CAAC;AACN,CAAC"}

package/Controls/Components/Media/Timeline/TimelineContentElement.d.ts

@@ -0,0 +1,39 @@
+import { CustomElement } from '../../Abstracts/CustomElement';
+import { ITimelineContentElementProps } from './ITimelineContentElementProps';
+declare const TimelineContentElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
+/**
+ * TimelineContent - Represents the primary content area within a timeline item.
+ *
+ * @element mosaik-timeline-content
+ * @category Layouts
+ *
+ * @slot - Default slot for primary timeline content.
+ *
+ * @public
+ */
+export declare class TimelineContentElement extends TimelineContentElement_base implements ITimelineContentElementProps {
+    /**
+     * Returns the `is` property.
+     *
+     * @public
+     * @static
+     * @readonly
+     */
+    static get is(): string;
+}
+/**
+ * @public
+ */
+export declare namespace TimelineContentElement {
+    type Props = ITimelineContentElementProps;
+}
+/**
+ * @public
+ */
+declare global {
+    interface HTMLElementTagNameMap {
+        'mosaik-timeline-content': TimelineContentElement;
+    }
+}
+export {};
+//# sourceMappingURL=TimelineContentElement.d.ts.map

package/Controls/Components/Media/Timeline/TimelineContentElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineContentElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Timeline/TimelineContentElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;;AAQ9E;;;;;;;;;GASG;AACH,qBAYa,sBACT,SAAQ,2BACR,YAAW,4BAA4B;IAIvC;;;;;;OAMG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;CAIJ;AAED;;GAEG;AACH,yBAAiB,sBAAsB,CAAC;IACpC,KAAY,KAAK,GAAG,4BAA4B,CAAC;CACpD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,yBAAyB,EAAE,sBAAsB,CAAC;KACrD;CACJ"}

package/Controls/Components/Media/Timeline/TimelineContentElement.js

@@ -0,0 +1,54 @@
+// #region Imports
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Themeable } from '../../../Behaviors/Themeable';
+import { Component } from '../../../Decorators/ComponentDecorator';
+import { CustomElement } from '../../Abstracts/CustomElement';
+import { timelineContentElementCosmopolitanStyle } from './Themes/TimelineContentElement.Cosmopolitan';
+import { timelineContentElementJoyStyle } from './Themes/TimelineContentElement.Joy';
+import { timelineContentElementMemphisStyle } from './Themes/TimelineContentElement.Memphis';
+import { timelineContentElementTemplate } from './TimelineContentElementTemplate';
+// #endregion
+/**
+ * TimelineContent - Represents the primary content area within a timeline item.
+ *
+ * @element mosaik-timeline-content
+ * @category Layouts
+ *
+ * @slot - Default slot for primary timeline content.
+ *
+ * @public
+ */
+let TimelineContentElement = class TimelineContentElement extends Themeable(CustomElement) {
+    // #region Properties
+    /**
+     * Returns the `is` property.
+     *
+     * @public
+     * @static
+     * @readonly
+     */
+    static get is() {
+        return 'mosaik-timeline-content';
+    }
+};
+TimelineContentElement = __decorate([
+    Component({
+        selector: 'mosaik-timeline-content',
+        template: timelineContentElementTemplate,
+        themes: {
+            joy: timelineContentElementJoyStyle,
+            memphis: timelineContentElementMemphisStyle,
+            cosmopolitan: timelineContentElementCosmopolitanStyle
+        },
+        host: {
+            slot: 'content'
+        }
+    })
+], TimelineContentElement);
+export { TimelineContentElement };
+//# sourceMappingURL=TimelineContentElement.js.map

package/Controls/Components/Media/Timeline/TimelineContentElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineContentElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Timeline/TimelineContentElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,EAAE,uCAAuC,EAAE,MAAM,8CAA8C,CAAC;AACvG,OAAO,EAAE,8BAA8B,EAAE,MAAM,qCAAqC,CAAC;AACrF,OAAO,EAAE,kCAAkC,EAAE,MAAM,yCAAyC,CAAC;AAC7F,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAElF,aAAa;AAEb;;;;;;;;;GASG;AAaI,IAAM,sBAAsB,GAA5B,MAAM,sBACT,SAAQ,SAAS,CAAC,aAAa,CAAC;IAGhC,qBAAqB;IAErB;;;;;;OAMG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,yBAAyB,CAAC;IACrC,CAAC;CAIJ,CAAA;AAnBY,sBAAsB;IAZlC,SAAS,CAAC;QACP,QAAQ,EAAE,yBAAyB;QACnC,QAAQ,EAAE,8BAA8B;QACxC,MAAM,EAAE;YACJ,GAAG,EAAE,8BAA8B;YACnC,OAAO,EAAE,kCAAkC;YAC3C,YAAY,EAAE,uCAAuC;SACxD;QACD,IAAI,EAAE;YACF,IAAI,EAAE,SAAS;SAClB;KACJ,CAAC;GACW,sBAAsB,CAmBlC"}

package/Controls/Components/Media/Timeline/TimelineContentElementTemplate.d.ts

@@ -0,0 +1,9 @@
+import { type TemplateResult } from '../../../../Dom/Html';
+import type { TimelineContentElement } from './TimelineContentElement';
+/**
+ * The template of the {@link TimelineContentElement}.
+ *
+ * @public
+ */
+export declare function timelineContentElementTemplate<T extends TimelineContentElement>(_e: T): TemplateResult;
+//# sourceMappingURL=TimelineContentElementTemplate.d.ts.map

package/Controls/Components/Media/Timeline/TimelineContentElementTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineContentElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Timeline/TimelineContentElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAIvE;;;;GAIG;AACH,wBAAgB,8BAA8B,CAAC,CAAC,SAAS,sBAAsB,EAAE,EAAE,EAAE,CAAC,GAAG,cAAc,CAEtG"}

package/Controls/Components/Media/Timeline/TimelineContentElementTemplate.js

@@ -0,0 +1,12 @@
+// #region Imports
+import { html } from '../../../../Dom/Html';
+// #endregion
+/**
+ * The template of the {@link TimelineContentElement}.
+ *
+ * @public
+ */
+export function timelineContentElementTemplate(_e) {
+    return html `<slot></slot>`;
+}
+//# sourceMappingURL=TimelineContentElementTemplate.js.map

package/Controls/Components/Media/Timeline/TimelineContentElementTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineContentElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Timeline/TimelineContentElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AAGjE,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,8BAA8B,CAAmC,EAAK;IAClF,OAAO,IAAI,CAAA,eAAe,CAAC;AAC/B,CAAC"}

package/Controls/Components/Media/Timeline/TimelineElement.d.ts

@@ -0,0 +1,75 @@
+import type { ITimelineElementProps } from './ITimelineElementProps';
+import { CustomElement } from '../../Abstracts/CustomElement';
+import { TimelineAlignment } from '../../../Types/TimelineAlignment';
+declare const TimelineElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Orientable").IOrientableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
+/**
+ * Timeline - A semantic container for ordered timeline items.
+ *
+ * @description
+ * Provides layout direction, alignment context, and renders the timeline line
+ * while exposing a single slot for {@link TimelineItemElement} children.
+ *
+ * @element mosaik-timeline
+ * @category Layouts
+ *
+ * @slot - Default slot for {@link TimelineItemElement} children.
+ *
+ * @csspart line - The visual connector line running through the timeline.
+ *
+ * @cssprop --timeline-gap - Gap between timeline items.
+ * @cssprop --timeline-line-color - Color of the timeline connector line.
+ * @cssprop --timeline-line-thickness - Thickness of the timeline connector line.
+ * @cssprop --timeline-line-offset - Offset position of the timeline line.
+ * @cssprop --timeline-foreground-color - Foreground/text color.
+ * @cssprop --timeline-font-family - Font family for timeline text.
+ * @cssprop --timeline-font-size - Font size for timeline text.
+ * @cssprop --timeline-font-weight - Font weight for timeline text.
+ * @cssprop --timeline-font-line-height - Line height for timeline text.
+ * @cssprop --timeline-marker-size - Size of the timeline marker.
+ * @cssprop --timeline-marker-color - Background color of the marker.
+ * @cssprop --timeline-marker-border-color - Border color of the marker.
+ * @cssprop --timeline-marker-border-width - Border width of the marker.
+ *
+ * @public
+ */
+export declare class TimelineElement extends TimelineElement_base implements ITimelineElementProps {
+    private _align;
+    /**
+     * Constructs a new instance of the `TimelineElement` class.
+     *
+     * @public
+     */
+    constructor();
+    /**
+     * Returns the `is` property.
+     *
+     * @public
+     * @static
+     * @readonly
+     */
+    static get is(): string;
+    /**
+     * Gets or sets the `align` property.
+     *
+     * @public
+     * @attr
+     */
+    get align(): TimelineAlignment;
+    set align(value: TimelineAlignment);
+}
+/**
+ * @public
+ */
+export declare namespace TimelineElement {
+    type Props = ITimelineElementProps;
+}
+/**
+ * @public
+ */
+declare global {
+    interface HTMLElementTagNameMap {
+        'mosaik-timeline': TimelineElement;
+    }
+}
+export {};
+//# sourceMappingURL=TimelineElement.d.ts.map

package/Controls/Components/Media/Timeline/TimelineElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Timeline/TimelineElement.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAMrE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAM9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;;AAIrE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,qBAkBa,eACT,SAAQ,oBACR,YAAW,qBAAqB;IAIhC,OAAO,CAAC,MAAM,CAAoB;IAMlC;;;;OAIG;;IAgBH;;;;;;OAMG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IACW,KAAK,IAAI,iBAAiB,CAEpC;IACD,IAAW,KAAK,CAAC,KAAK,EAAE,iBAAiB,EAKxC;CAIJ;AAED;;GAEG;AACH,yBAAiB,eAAe,CAAC;IAC7B,KAAY,KAAK,GAAG,qBAAqB,CAAC;CAC7C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,iBAAiB,EAAE,eAAe,CAAC;KACtC;CACJ"}

package/Controls/Components/Media/Timeline/TimelineElement.js

@@ -0,0 +1,130 @@
+// #region Imports
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { Themeable } from '../../../Behaviors/Themeable';
+import { Attribute } from '../../../Decorators/AttributeDecorator';
+import { Component } from '../../../Decorators/ComponentDecorator';
+import { timelineElementTemplate } from './TimelineElementTemplate';
+import { TimelineItemElement } from './TimelineItemElement';
+import { TimelineMarkerElement } from './TimelineMarkerElement';
+import { TimelineContentElement } from './TimelineContentElement';
+import { TimelineOppositeElement } from './TimelineOppositeElement';
+import { CustomElement } from '../../Abstracts/CustomElement';
+import { timelineElementCosmopolitanStyle } from './Themes/TimelineElement.Cosmopolitan';
+import { timelineElementJoyStyle } from './Themes/TimelineElement.Joy';
+import { timelineElementMemphisStyle } from './Themes/TimelineElement.Memphis';
+import { Orientable } from '../../../Behaviors/Orientable';
+import { Orientation } from '../../../Types/Orientation';
+import { TimelineAlignment } from '../../../Types/TimelineAlignment';
+// #endregion
+/**
+ * Timeline - A semantic container for ordered timeline items.
+ *
+ * @description
+ * Provides layout direction, alignment context, and renders the timeline line
+ * while exposing a single slot for {@link TimelineItemElement} children.
+ *
+ * @element mosaik-timeline
+ * @category Layouts
+ *
+ * @slot - Default slot for {@link TimelineItemElement} children.
+ *
+ * @csspart line - The visual connector line running through the timeline.
+ *
+ * @cssprop --timeline-gap - Gap between timeline items.
+ * @cssprop --timeline-line-color - Color of the timeline connector line.
+ * @cssprop --timeline-line-thickness - Thickness of the timeline connector line.
+ * @cssprop --timeline-line-offset - Offset position of the timeline line.
+ * @cssprop --timeline-foreground-color - Foreground/text color.
+ * @cssprop --timeline-font-family - Font family for timeline text.
+ * @cssprop --timeline-font-size - Font size for timeline text.
+ * @cssprop --timeline-font-weight - Font weight for timeline text.
+ * @cssprop --timeline-font-line-height - Line height for timeline text.
+ * @cssprop --timeline-marker-size - Size of the timeline marker.
+ * @cssprop --timeline-marker-color - Background color of the marker.
+ * @cssprop --timeline-marker-border-color - Border color of the marker.
+ * @cssprop --timeline-marker-border-width - Border width of the marker.
+ *
+ * @public
+ */
+let TimelineElement = class TimelineElement extends Themeable(Orientable(CustomElement)) {
+    // #region Fields
+    _align;
+    // #endregion
+    // #region Ctor
+    /**
+     * Constructs a new instance of the `TimelineElement` class.
+     *
+     * @public
+     */
+    constructor() {
+        super();
+        // TODO: REMARK: This is a workaround for the issue with the docs generation.
+        // If we set the orientation property like this `this.orientation = Orientation.Vertical;` the
+        // docs generation will generates a wrong type.
+        Object.assign(this, { orientation: Orientation.Vertical });
+        this._align = TimelineAlignment.Start;
+    }
+    // #endregion
+    // #region Properties
+    /**
+     * Returns the `is` property.
+     *
+     * @public
+     * @static
+     * @readonly
+     */
+    static get is() {
+        return 'mosaik-timeline';
+    }
+    /**
+     * Gets or sets the `align` property.
+     *
+     * @public
+     * @attr
+     */
+    get align() {
+        return this._align;
+    }
+    set align(value) {
+        if (this._align !== value) {
+            this._align = value;
+            this.requestUpdate('align');
+        }
+    }
+};
+__decorate([
+    Attribute({ type: String }),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [String])
+], TimelineElement.prototype, "align", null);
+TimelineElement = __decorate([
+    Component({
+        selector: 'mosaik-timeline',
+        template: timelineElementTemplate,
+        themes: {
+            joy: timelineElementJoyStyle,
+            memphis: timelineElementMemphisStyle,
+            cosmopolitan: timelineElementCosmopolitanStyle
+        },
+        host: {
+            role: 'list'
+        },
+        imports: [
+            TimelineItemElement,
+            TimelineMarkerElement,
+            TimelineContentElement,
+            TimelineOppositeElement
+        ]
+    }),
+    __metadata("design:paramtypes", [])
+], TimelineElement);
+export { TimelineElement };
+//# sourceMappingURL=TimelineElement.js.map

package/Controls/Components/Media/Timeline/TimelineElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Timeline/TimelineElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AAEnE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,gCAAgC,EAAE,MAAM,uCAAuC,CAAC;AACzF,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAErE,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAmBI,IAAM,eAAe,GAArB,MAAM,eACT,SAAQ,SAAS,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAG5C,iBAAiB;IAET,MAAM,CAAoB;IAElC,aAAa;IAEb,eAAe;IAEf;;;;OAIG;IACH;QACI,KAAK,EAAE,CAAC;QAER,6EAA6E;QAC7E,8FAA8F;QAC9F,+CAA+C;QAC/C,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,WAAW,EAAE,WAAW,CAAC,QAAQ,EAAE,CAAC,CAAC;QAE3D,IAAI,CAAC,MAAM,GAAG,iBAAiB,CAAC,KAAK,CAAC;IAC1C,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;OAMG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,iBAAiB,CAAC;IAC7B,CAAC;IAED;;;;;OAKG;IACH,IACW,KAAK;QACZ,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;IACD,IAAW,KAAK,CAAC,KAAwB;QACrC,IAAI,IAAI,CAAC,MAAM,KAAK,KAAK,EAAE,CAAC;YACxB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACpB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAChC,CAAC;IACL,CAAC;CAIJ,CAAA;AAbG;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;4CAG3B;AApDQ,eAAe;IAlB3B,SAAS,CAAC;QACP,QAAQ,EAAE,iBAAiB;QAC3B,QAAQ,EAAE,uBAAuB;QACjC,MAAM,EAAE;YACJ,GAAG,EAAE,uBAAuB;YAC5B,OAAO,EAAE,2BAA2B;YACpC,YAAY,EAAE,gCAAgC;SACjD;QACD,IAAI,EAAE;YACF,IAAI,EAAE,MAAM;SACf;QACD,OAAO,EAAE;YACL,mBAAmB;YACnB,qBAAqB;YACrB,sBAAsB;YACtB,uBAAuB;SAC1B;KACJ,CAAC;;GACW,eAAe,CA8D3B"}

package/Controls/Components/Media/Timeline/TimelineElementTemplate.d.ts

@@ -0,0 +1,9 @@
+import { type TemplateResult } from '../../../../Dom/Html';
+import type { TimelineElement } from './TimelineElement';
+/**
+ * The template of the {@link TimelineElement}.
+ *
+ * @public
+ */
+export declare function timelineElementTemplate<T extends TimelineElement>(_e: T): TemplateResult;
+//# sourceMappingURL=TimelineElementTemplate.d.ts.map

package/Controls/Components/Media/Timeline/TimelineElementTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Timeline/TimelineElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIzD;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,eAAe,EAAE,EAAE,EAAE,CAAC,GAAG,cAAc,CAKxF"}

package/Controls/Components/Media/Timeline/TimelineElementTemplate.js

@@ -0,0 +1,15 @@
+// #region Imports
+import { html } from '../../../../Dom/Html';
+// #endregion
+/**
+ * The template of the {@link TimelineElement}.
+ *
+ * @public
+ */
+export function timelineElementTemplate(_e) {
+    return html `
+        <div part="line"></div>
+        <slot></slot>
+    `;
+}
+//# sourceMappingURL=TimelineElementTemplate.js.map

package/Controls/Components/Media/Timeline/TimelineElementTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Timeline/TimelineElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AAGjE,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,uBAAuB,CAA4B,EAAK;IACpE,OAAO,IAAI,CAAA;;;KAGV,CAAC;AACN,CAAC"}

package/Controls/Components/Media/Timeline/TimelineItemElement.d.ts

@@ -0,0 +1,45 @@
+import { CustomElement } from '../../Abstracts/CustomElement';
+import type { ITimelineItemElementProps } from './ITimelineItemElementProps';
+declare const TimelineItemElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
+/**
+ * TimelineItem - Represents a single event entry within a timeline.
+ *
+ * @description
+ * Positions its marker, primary content, and optional opposite content
+ * according to the parent {@link TimelineElement} layout and alignment rules.
+ *
+ * @element mosaik-timeline-item
+ * @category Layouts
+ *
+ * @slot marker - Optional marker slot. Defaults to an internally rendered marker when omitted.
+ * @slot content - Required content slot representing the primary timeline information.
+ * @slot opposite - Optional slot for secondary content positioned opposite the main content.
+ *
+ * @public
+ */
+export declare class TimelineItemElement extends TimelineItemElement_base implements ITimelineItemElementProps {
+    /**
+     * Returns the `is` property.
+     *
+     * @public
+     * @static
+     * @readonly
+     */
+    static get is(): string;
+}
+/**
+ * @public
+ */
+export declare namespace TimelineItemElement {
+    type Props = ITimelineItemElementProps;
+}
+/**
+ * @public
+ */
+declare global {
+    interface HTMLElementTagNameMap {
+        'mosaik-timeline-item': TimelineItemElement;
+    }
+}
+export {};
+//# sourceMappingURL=TimelineItemElement.d.ts.map

package/Controls/Components/Media/Timeline/TimelineItemElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineItemElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Timeline/TimelineItemElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;;AAQ7E;;;;;;;;;;;;;;;GAeG;AACH,qBAYa,mBACT,SAAQ,wBACR,YAAW,yBAAyB;IAIpC;;;;;;OAMG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;CAIJ;AAED;;GAEG;AACH,yBAAiB,mBAAmB,CAAC;IACjC,KAAY,KAAK,GAAG,yBAAyB,CAAC;CACjD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,sBAAsB,EAAE,mBAAmB,CAAC;KAC/C;CACJ"}