@breadstone/mosaik-elements-foundation 0.0.206 → 0.0.210

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

@@ -0,0 +1,60 @@
+// #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 { Component } from '../../../Decorators/ComponentDecorator';
+import { Themeable } from '../../../Behaviors/Themeable';
+import { CustomElement } from '../../Abstracts/CustomElement';
+import { timelineItemElementTemplate } from './TimelineItemElementTemplate';
+import { timelineItemElementCosmopolitanStyle } from './Themes/TimelineItemElement.Cosmopolitan';
+import { timelineItemElementJoyStyle } from './Themes/TimelineItemElement.Joy';
+import { timelineItemElementMemphisStyle } from './Themes/TimelineItemElement.Memphis';
+// #endregion
+/**
+ * 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
+ */
+let TimelineItemElement = class TimelineItemElement extends Themeable(CustomElement) {
+    // #region Properties
+    /**
+     * Returns the `is` property.
+     *
+     * @public
+     * @static
+     * @readonly
+     */
+    static get is() {
+        return 'mosaik-timeline-item';
+    }
+};
+TimelineItemElement = __decorate([
+    Component({
+        selector: 'mosaik-timeline-item',
+        template: timelineItemElementTemplate,
+        themes: {
+            joy: timelineItemElementJoyStyle,
+            memphis: timelineItemElementMemphisStyle,
+            cosmopolitan: timelineItemElementCosmopolitanStyle
+        },
+        host: {
+            role: 'listitem'
+        }
+    })
+], TimelineItemElement);
+export { TimelineItemElement };
+//# sourceMappingURL=TimelineItemElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineItemElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Timeline/TimelineItemElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,oCAAoC,EAAE,MAAM,2CAA2C,CAAC;AACjG,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAC;AAEvF,aAAa;AAEb;;;;;;;;;;;;;;;GAeG;AAaI,IAAM,mBAAmB,GAAzB,MAAM,mBACT,SAAQ,SAAS,CAAC,aAAa,CAAC;IAGhC,qBAAqB;IAErB;;;;;;OAMG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,sBAAsB,CAAC;IAClC,CAAC;CAIJ,CAAA;AAnBY,mBAAmB;IAZ/B,SAAS,CAAC;QACP,QAAQ,EAAE,sBAAsB;QAChC,QAAQ,EAAE,2BAA2B;QACrC,MAAM,EAAE;YACJ,GAAG,EAAE,2BAA2B;YAChC,OAAO,EAAE,+BAA+B;YACxC,YAAY,EAAE,oCAAoC;SACrD;QACD,IAAI,EAAE;YACF,IAAI,EAAE,UAAU;SACnB;KACJ,CAAC;GACW,mBAAmB,CAmB/B"}

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

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

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

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

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

@@ -0,0 +1,26 @@
+// #region Imports
+import { html } from '../../../../Dom/Html';
+// #endregion
+/**
+ * The template of the {@link TimelineItemElement}.
+ *
+ * @public
+ */
+export function timelineItemElementTemplate(_e) {
+    return html `
+        <div part="item">
+            <div part="opposite">
+                <slot name="opposite"></slot>
+            </div>
+            <div part="marker">
+                <slot name="marker">
+                    <span part="marker-default"></span>
+                </slot>
+            </div>
+            <div part="content">
+                <slot name="content"></slot>
+            </div>
+        </div>
+    `;
+}
+//# sourceMappingURL=TimelineItemElementTemplate.js.map

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

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

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

@@ -0,0 +1,43 @@
+import { CustomElement } from '../../Abstracts/CustomElement';
+import { ITimelineMarkerElementProps } from './ITimelineMarkerElementProps';
+declare const TimelineMarkerElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
+/**
+ * TimelineMarker - Represents the visual marker of a timeline item.
+ *
+ * @description
+ * Provides an optional slot to override the default marker rendered by
+ * {@link TimelineItemElement}.
+ *
+ * @element mosaik-timeline-marker
+ * @category Layouts
+ *
+ * @slot - Default slot for custom marker content.
+ *
+ * @public
+ */
+export declare class TimelineMarkerElement extends TimelineMarkerElement_base implements ITimelineMarkerElementProps {
+    /**
+     * Returns the `is` property.
+     *
+     * @public
+     * @static
+     * @readonly
+     */
+    static get is(): string;
+}
+/**
+ * @public
+ */
+export declare namespace TimelineMarkerElement {
+    type Props = ITimelineMarkerElementProps;
+}
+/**
+ * @public
+ */
+declare global {
+    interface HTMLElementTagNameMap {
+        'mosaik-timeline-marker': TimelineMarkerElement;
+    }
+}
+export {};
+//# sourceMappingURL=TimelineMarkerElement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineMarkerElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Timeline/TimelineMarkerElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;;AAQ5E;;;;;;;;;;;;;GAaG;AACH,qBAYa,qBACT,SAAQ,0BACR,YAAW,2BAA2B;IAItC;;;;;;OAMG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;CAIJ;AAED;;GAEG;AACH,yBAAiB,qBAAqB,CAAC;IACnC,KAAY,KAAK,GAAG,2BAA2B,CAAC;CACnD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,wBAAwB,EAAE,qBAAqB,CAAC;KACnD;CACJ"}

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

@@ -0,0 +1,58 @@
+// #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 { timelineMarkerElementCosmopolitanStyle } from './Themes/TimelineMarkerElement.Cosmopolitan';
+import { timelineMarkerElementJoyStyle } from './Themes/TimelineMarkerElement.Joy';
+import { timelineMarkerElementMemphisStyle } from './Themes/TimelineMarkerElement.Memphis';
+import { timelineMarkerElementTemplate } from './TimelineMarkerElementTemplate';
+// #endregion
+/**
+ * TimelineMarker - Represents the visual marker of a timeline item.
+ *
+ * @description
+ * Provides an optional slot to override the default marker rendered by
+ * {@link TimelineItemElement}.
+ *
+ * @element mosaik-timeline-marker
+ * @category Layouts
+ *
+ * @slot - Default slot for custom marker content.
+ *
+ * @public
+ */
+let TimelineMarkerElement = class TimelineMarkerElement extends Themeable(CustomElement) {
+    // #region Properties
+    /**
+     * Returns the `is` property.
+     *
+     * @public
+     * @static
+     * @readonly
+     */
+    static get is() {
+        return 'mosaik-timeline-marker';
+    }
+};
+TimelineMarkerElement = __decorate([
+    Component({
+        selector: 'mosaik-timeline-marker',
+        template: timelineMarkerElementTemplate,
+        themes: {
+            joy: timelineMarkerElementJoyStyle,
+            memphis: timelineMarkerElementMemphisStyle,
+            cosmopolitan: timelineMarkerElementCosmopolitanStyle
+        },
+        host: {
+            slot: 'marker'
+        }
+    })
+], TimelineMarkerElement);
+export { TimelineMarkerElement };
+//# sourceMappingURL=TimelineMarkerElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineMarkerElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Timeline/TimelineMarkerElement.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,sCAAsC,EAAE,MAAM,6CAA6C,CAAC;AACrG,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,EAAE,iCAAiC,EAAE,MAAM,wCAAwC,CAAC;AAC3F,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAEhF,aAAa;AAEb;;;;;;;;;;;;;GAaG;AAaI,IAAM,qBAAqB,GAA3B,MAAM,qBACT,SAAQ,SAAS,CAAC,aAAa,CAAC;IAGhC,qBAAqB;IAErB;;;;;;OAMG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,wBAAwB,CAAC;IACpC,CAAC;CAIJ,CAAA;AAnBY,qBAAqB;IAZjC,SAAS,CAAC;QACP,QAAQ,EAAE,wBAAwB;QAClC,QAAQ,EAAE,6BAA6B;QACvC,MAAM,EAAE;YACJ,GAAG,EAAE,6BAA6B;YAClC,OAAO,EAAE,iCAAiC;YAC1C,YAAY,EAAE,sCAAsC;SACvD;QACD,IAAI,EAAE;YACF,IAAI,EAAE,QAAQ;SACjB;KACJ,CAAC;GACW,qBAAqB,CAmBjC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineMarkerElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Timeline/TimelineMarkerElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAIrE;;;;GAIG;AACH,wBAAgB,6BAA6B,CAAC,CAAC,SAAS,qBAAqB,EAAE,EAAE,EAAE,CAAC,GAAG,cAAc,CAEpG"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineOppositeElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Timeline/TimelineOppositeElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;;AAQhF;;;;;;;;;GASG;AACH,qBAYa,uBACT,SAAQ,4BACR,YAAW,6BAA6B;IAIxC;;;;;;OAMG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;CAIJ;AAED;;GAEG;AACH,yBAAiB,uBAAuB,CAAC;IACrC,KAAY,KAAK,GAAG,6BAA6B,CAAC;CACrD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,0BAA0B,EAAE,uBAAuB,CAAC;KACvD;CACJ"}

package/Controls/Components/Media/Timeline/TimelineOppositeElement.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 { timelineOppositeElementCosmopolitanStyle } from './Themes/TimelineOppositeElement.Cosmopolitan';
+import { timelineOppositeElementJoyStyle } from './Themes/TimelineOppositeElement.Joy';
+import { timelineOppositeElementMemphisStyle } from './Themes/TimelineOppositeElement.Memphis';
+import { timelineOppositeElementTemplate } from './TimelineOppositeElementTemplate';
+// #endregion
+/**
+ * TimelineOpposite - Represents secondary content positioned opposite the main timeline content.
+ *
+ * @element mosaik-timeline-opposite
+ * @category Layouts
+ *
+ * @slot - Default slot for opposite content.
+ *
+ * @public
+ */
+let TimelineOppositeElement = class TimelineOppositeElement extends Themeable(CustomElement) {
+    // #region Properties
+    /**
+     * Returns the `is` property.
+     *
+     * @public
+     * @static
+     * @readonly
+     */
+    static get is() {
+        return 'mosaik-timeline-opposite';
+    }
+};
+TimelineOppositeElement = __decorate([
+    Component({
+        selector: 'mosaik-timeline-opposite',
+        template: timelineOppositeElementTemplate,
+        themes: {
+            joy: timelineOppositeElementJoyStyle,
+            memphis: timelineOppositeElementMemphisStyle,
+            cosmopolitan: timelineOppositeElementCosmopolitanStyle
+        },
+        host: {
+            slot: 'opposite'
+        }
+    })
+], TimelineOppositeElement);
+export { TimelineOppositeElement };
+//# sourceMappingURL=TimelineOppositeElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineOppositeElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Timeline/TimelineOppositeElement.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,wCAAwC,EAAE,MAAM,+CAA+C,CAAC;AACzG,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAC;AACvF,OAAO,EAAE,mCAAmC,EAAE,MAAM,0CAA0C,CAAC;AAC/F,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AAEpF,aAAa;AAEb;;;;;;;;;GASG;AAaI,IAAM,uBAAuB,GAA7B,MAAM,uBACT,SAAQ,SAAS,CAAC,aAAa,CAAC;IAGhC,qBAAqB;IAErB;;;;;;OAMG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,0BAA0B,CAAC;IACtC,CAAC;CAIJ,CAAA;AAnBY,uBAAuB;IAZnC,SAAS,CAAC;QACP,QAAQ,EAAE,0BAA0B;QACpC,QAAQ,EAAE,+BAA+B;QACzC,MAAM,EAAE;YACJ,GAAG,EAAE,+BAA+B;YACpC,OAAO,EAAE,mCAAmC;YAC5C,YAAY,EAAE,wCAAwC;SACzD;QACD,IAAI,EAAE;YACF,IAAI,EAAE,UAAU;SACnB;KACJ,CAAC;GACW,uBAAuB,CAmBnC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineOppositeElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Timeline/TimelineOppositeElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAIzE;;;;GAIG;AACH,wBAAgB,+BAA+B,CAAC,CAAC,SAAS,uBAAuB,EAAE,EAAE,EAAE,CAAC,GAAG,cAAc,CAExG"}

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

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

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

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

package/Controls/Components/Overlays/Abstracts/IOverlayBehavior.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Base interface for overlay behaviors.
+ * Behaviors encapsulate reusable logic that can be attached to overlay services
+ * (e.g., stack behavior, animation behavior, breakpoint observer).
+ *
+ * @public
+ * @typeParam TRef - The type of overlay reference this behavior handles.
+ * @typeParam TOptions - The type of options passed when opening an overlay.
+ */
+export interface IOverlayBehavior<TRef, TOptions = unknown> {
+    /**
+     * Called before an overlay is opened. Allows the behavior to modify the options.
+     *
+     * @param options - The options that will be used to open the overlay.
+     */
+    configure(options: Partial<TOptions>): void;
+    /**
+     * Called after an overlay is opened and attached to the DOM.
+     *
+     * @param ref - The reference to the opened overlay.
+     */
+    attach(ref: TRef): void;
+    /**
+     * Called when an overlay is closed and should be detached.
+     *
+     * @param ref - The reference to the overlay being closed.
+     */
+    detach(ref: TRef): void;
+    /**
+     * Called when the behavior should clean up all resources.
+     */
+    dispose(): void;
+}
+//# sourceMappingURL=IOverlayBehavior.d.ts.map

package/Controls/Components/Overlays/Abstracts/IOverlayBehavior.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IOverlayBehavior.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Abstracts/IOverlayBehavior.ts"],"names":[],"mappings":"AAIA;;;;;;;;GAQG;AACH,MAAM,WAAW,gBAAgB,CAAC,IAAI,EAAE,QAAQ,GAAG,OAAO;IAItD;;;;OAIG;IACH,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC;IAE5C;;;;OAIG;IACH,MAAM,CAAC,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IAExB;;;;OAIG;IACH,MAAM,CAAC,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IAExB;;OAEG;IACH,OAAO,IAAI,IAAI,CAAC;CAInB"}

package/Controls/Components/Overlays/Abstracts/IOverlayBehavior.js

@@ -0,0 +1,3 @@
+// #region Imports
+export {};
+//# sourceMappingURL=IOverlayBehavior.js.map

package/Controls/Components/Overlays/Abstracts/IOverlayBehavior.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IOverlayBehavior.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Abstracts/IOverlayBehavior.ts"],"names":[],"mappings":"AAAA,kBAAkB"}

package/Controls/Components/Overlays/Abstracts/IOverlayServiceConfig.d.ts

@@ -0,0 +1,16 @@
+import type { IOverlayBehavior } from './IOverlayBehavior';
+/**
+ * Base configuration interface for overlay services.
+ * All overlay services (Drawer, Dialog, Toast, etc.) extend this interface.
+ *
+ * @public
+ * @typeParam TBehavior - The type of behaviors this service supports.
+ */
+export interface IOverlayServiceConfig<TBehavior extends IOverlayBehavior<unknown> = IOverlayBehavior<unknown>> {
+    /**
+     * Array of behaviors to apply to this service.
+     * Behaviors are applied in order during overlay lifecycle events.
+     */
+    behaviors?: ReadonlyArray<TBehavior>;
+}
+//# sourceMappingURL=IOverlayServiceConfig.d.ts.map

package/Controls/Components/Overlays/Abstracts/IOverlayServiceConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IOverlayServiceConfig.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Abstracts/IOverlayServiceConfig.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAI3D;;;;;;GAMG;AACH,MAAM,WAAW,qBAAqB,CAAC,SAAS,SAAS,gBAAgB,CAAC,OAAO,CAAC,GAAG,gBAAgB,CAAC,OAAO,CAAC;IAI1G;;;OAGG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;CAIxC"}

package/Controls/Components/Overlays/Abstracts/IOverlayServiceConfig.js

@@ -0,0 +1,3 @@
+// #region Imports
+export {};
+//# sourceMappingURL=IOverlayServiceConfig.js.map

package/Controls/Components/Overlays/Abstracts/IOverlayServiceConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IOverlayServiceConfig.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Abstracts/IOverlayServiceConfig.ts"],"names":[],"mappings":"AAAA,kBAAkB"}

package/Controls/Components/Overlays/Abstracts/OverlayElement.d.ts

@@ -31,6 +31,7 @@ export declare abstract class OverlayElement extends OverlayElement_base impleme
     private _hasBackdrop;
     private _pressEscapeToClose;
     private _clickOutsideToClose;
+    private _boundHandleKeyDown;
     /**
      * @public
      */
@@ -72,6 +73,11 @@ export declare abstract class OverlayElement extends OverlayElement_base impleme
      * @override
      */
     connectedCallback(): void;
+    /**
+     * @public
+     * @override
+     */
+    disconnectedCallback(): void;
     /**
      * Opens the `OverlayElement`.
      *
@@ -92,6 +98,25 @@ export declare abstract class OverlayElement extends OverlayElement_base impleme
      * @protected
      */
     protected onIsOpenChanged(_prev: boolean, newValue: boolean): void;
+    /**
+     * Handles the keydown event for the escape key.
+     * Only closes if this overlay is the topmost one (last in DOM order among open overlays).
+     *
+     * @private
+     */
+    private handleKeyDown;
+    /**
+     * Adds the escape key listener to the document.
+     *
+     * @private
+     */
+    private addEscapeListener;
+    /**
+     * Removes the escape key listener from the document.
+     *
+     * @private
+     */
+    private removeEscapeListener;
 }
 export {};
 //# sourceMappingURL=OverlayElement.d.ts.map

package/Controls/Components/Overlays/Abstracts/OverlayElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OverlayElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"],"names":[],"mappings":"AAGA,OAAO,EAAa,UAAU,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAClH,OAAO,EAAY,KAAK,SAAS,EAAE,KAAK,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE7F,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9D,MAAM,WAAW,eAAe;IAE5B,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IAEtB,KAAK,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;CAE7B;AAED;;;;GAIG;AACH,MAAM,WAAW,oBAAqB,SAAQ,eAAe;IAIzD,MAAM,EAAE,OAAO,CAAC;IAEhB,WAAW,EAAE,OAAO,CAAC;IAErB,kBAAkB,EAAE,OAAO,CAAC;IAE5B,mBAAmB,EAAE,OAAO,CAAC;CAIhC;;AAED;;;;;;;;GAQG;AACH,8BAAsB,cAClB,SAAQ,mBACR,YAAW,oBAAoB,EAAE,SAAS,EAAE,UAAU,EAAE,eAAe,EAAE,gBAAgB,EAAE,eAAe;IAI1G,OAAO,CAAC,OAAO,CAAU;IACzB,OAAO,CAAC,YAAY,CAAU;IAC9B,OAAO,CAAC,mBAAmB,CAAU;IACrC,OAAO,CAAC,oBAAoB,CAAU;IAMtC;;OAEG;;IAcH;;;;;OAKG;IACH,IAIW,MAAM,IAAI,OAAO,CAE3B;IAED,IAAW,MAAM,CAAC,KAAK,EAAE,OAAO,EAI/B;IAED;;;;;OAKG;IACH,IAIW,WAAW,IAAI,OAAO,CAEhC;IAED,IAAW,WAAW,CAAC,KAAK,EAAE,OAAO,EAKpC;IAED;;;;;OAKG;IACH,IAIW,kBAAkB,IAAI,OAAO,CAEvC;IAED,IAAW,kBAAkB,CAAC,KAAK,EAAE,OAAO,EAK3C;IAED;;;;;OAKG;IACH,IAIW,mBAAmB,IAAI,OAAO,CAExC;IAED,IAAW,mBAAmB,CAAC,KAAK,EAAE,OAAO,EAK5C;IAMD;;;OAGG;IACa,iBAAiB,IAAI,IAAI;IAUzC;;;;;OAKG;IACmB,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAW3C;;;;;OAKG;IACmB,KAAK,IAAI,OAAO,CAAC,OAAO,CAAC;IAY/C;;;;OAIG;IACH,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI;CAcrE"}
+{"version":3,"file":"OverlayElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Abstracts/OverlayElement.ts"],"names":[],"mappings":"AAGA,OAAO,EAAa,UAAU,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAClH,OAAO,EAAY,KAAK,SAAS,EAAE,KAAK,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE7F,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9D,MAAM,WAAW,eAAe;IAE5B,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IAEtB,KAAK,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;CAE7B;AAED;;;;GAIG;AACH,MAAM,WAAW,oBAAqB,SAAQ,eAAe;IAIzD,MAAM,EAAE,OAAO,CAAC;IAEhB,WAAW,EAAE,OAAO,CAAC;IAErB,kBAAkB,EAAE,OAAO,CAAC;IAE5B,mBAAmB,EAAE,OAAO,CAAC;CAIhC;;AAED;;;;;;;;GAQG;AACH,8BAAsB,cAClB,SAAQ,mBACR,YAAW,oBAAoB,EAAE,SAAS,EAAE,UAAU,EAAE,eAAe,EAAE,gBAAgB,EAAE,eAAe;IAI1G,OAAO,CAAC,OAAO,CAAU;IACzB,OAAO,CAAC,YAAY,CAAU;IAC9B,OAAO,CAAC,mBAAmB,CAAU;IACrC,OAAO,CAAC,oBAAoB,CAAU;IACtC,OAAO,CAAC,mBAAmB,CAA0C;IAMrE;;OAEG;;IAeH;;;;;OAKG;IACH,IAIW,MAAM,IAAI,OAAO,CAE3B;IAED,IAAW,MAAM,CAAC,KAAK,EAAE,OAAO,EAI/B;IAED;;;;;OAKG;IACH,IAIW,WAAW,IAAI,OAAO,CAEhC;IAED,IAAW,WAAW,CAAC,KAAK,EAAE,OAAO,EAKpC;IAED;;;;;OAKG;IACH,IAIW,kBAAkB,IAAI,OAAO,CAEvC;IAED,IAAW,kBAAkB,CAAC,KAAK,EAAE,OAAO,EAK3C;IAED;;;;;OAKG;IACH,IAIW,mBAAmB,IAAI,OAAO,CAExC;IAED,IAAW,mBAAmB,CAAC,KAAK,EAAE,OAAO,EAK5C;IAMD;;;OAGG;IACa,iBAAiB,IAAI,IAAI;IAMzC;;;OAGG;IACa,oBAAoB,IAAI,IAAI;IAK5C;;;;;OAKG;IACmB,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAY3C;;;;;OAKG;IACmB,KAAK,IAAI,OAAO,CAAC,OAAO,CAAC;IAc/C;;;;OAIG;IACH,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI;IAclE;;;;;OAKG;IACH,OAAO,CAAC,aAAa;IAgBrB;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;IAMzB;;;;OAIG;IACH,OAAO,CAAC,oBAAoB;CAQ/B"}

package/Controls/Components/Overlays/Abstracts/OverlayElement.js

@@ -27,6 +27,7 @@ export class OverlayElement extends Openable(Closeable(CustomElement)) {
     _hasBackdrop;
     _pressEscapeToClose;
     _clickOutsideToClose;
+    _boundHandleKeyDown;
     // #endregion
     // #region Ctor
     /**
@@ -38,6 +39,7 @@ export class OverlayElement extends Openable(Closeable(CustomElement)) {
         this._hasBackdrop = false;
         this._pressEscapeToClose = false;
         this._clickOutsideToClose = false;
+        this._boundHandleKeyDown = null;
     }
     // #endregion
     // #region Properties
@@ -108,11 +110,15 @@ export class OverlayElement extends Openable(Closeable(CustomElement)) {
      */
     connectedCallback() {
         super.connectedCallback();
-        this.on('keydown', (event) => {
-            if (this._pressEscapeToClose && event.code === 'Escape') {
-                void this.close();
-            }
-        });
+        this._boundHandleKeyDown = this.handleKeyDown.bind(this);
+    }
+    /**
+     * @public
+     * @override
+     */
+    disconnectedCallback() {
+        this.removeEscapeListener();
+        super.disconnectedCallback();
     }
     /**
      * Opens the `OverlayElement`.
@@ -127,6 +133,7 @@ export class OverlayElement extends Openable(Closeable(CustomElement)) {
         return super.open()
             .then(() => {
             this.isOpen = true;
+            this.addEscapeListener();
         });
     }
     /**
@@ -139,6 +146,7 @@ export class OverlayElement extends Openable(Closeable(CustomElement)) {
         if (!this._isOpen) {
             return false;
         }
+        this.removeEscapeListener();
         return super.close()
             .then((x) => {
             this.isOpen = false;
@@ -155,12 +163,53 @@ export class OverlayElement extends Openable(Closeable(CustomElement)) {
         this.requestUpdate('isOpen');
         if (newValue) {
             void super.open();
+            this.addEscapeListener();
         }
         else {
+            this.removeEscapeListener();
             const args = { cancel: false };
             this.closed.emit(args);
         }
     }
+    /**
+     * Handles the keydown event for the escape key.
+     * Only closes if this overlay is the topmost one (last in DOM order among open overlays).
+     *
+     * @private
+     */
+    handleKeyDown(event) {
+        if (!this._pressEscapeToClose || !this._isOpen || event.code !== 'Escape') {
+            return;
+        }
+        // Find all open overlays that listen to escape
+        const allOpenOverlays = Array.from(document.querySelectorAll('[is-open]'))
+            .filter((el) => el instanceof OverlayElement && el.isOpen && el.pressEscapeToClose);
+        // Only close if this is the topmost overlay (last in the list)
+        if (allOpenOverlays.length > 0 && allOpenOverlays[allOpenOverlays.length - 1] === this) {
+            event.stopPropagation();
+            void this.close();
+        }
+    }
+    /**
+     * Adds the escape key listener to the document.
+     *
+     * @private
+     */
+    addEscapeListener() {
+        if (this._boundHandleKeyDown && this._pressEscapeToClose) {
+            document.addEventListener('keydown', this._boundHandleKeyDown);
+        }
+    }
+    /**
+     * Removes the escape key listener from the document.
+     *
+     * @private
+     */
+    removeEscapeListener() {
+        if (this._boundHandleKeyDown) {
+            document.removeEventListener('keydown', this._boundHandleKeyDown);
+        }
+    }
 }
 __decorate([
     Attribute({