@breadstone/mosaik-elements-foundation 0.0.206 → 0.0.210

package/Controls/Components/Overlays/Drawer/DrawerHeaderSubTextElement.js

@@ -0,0 +1,110 @@
+// #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 { DomServiceLocator } from '../../../../Dom/Dom';
+import { TextFormattable } from '../../../Behaviors/TextFormattable';
+import { Component } from '../../../Decorators/ComponentDecorator';
+import { Property } from '../../../Decorators/PropertyDecorator';
+import { CustomElement } from '../../Abstracts/CustomElement';
+import { TextElement } from '../../Primitives/Text/TextElement';
+import { drawerHeaderSubTextElementTemplate } from './DrawerHeaderSubTextElementTemplate';
+import { drawerHeaderSubTextElementJoyStyle } from './Themes/DrawerHeaderSubTextElement.Joy';
+import { drawerHeaderSubTextElementMemphisStyle } from './Themes/DrawerHeaderSubTextElement.Memphis';
+import { drawerHeaderSubTextElementCosmopolitanStyle } from './Themes/DrawerHeaderSubTextElement.Cosmopolitan';
+import { Themeable } from '../../../Behaviors/Themeable';
+// #endregion
+/**
+ * Drawer Header Sub Text - The sub heading or label within a drawer component.
+ *
+ * @element mosaik-drawer-header-sub-text
+ *
+ * @public
+ */
+let DrawerHeaderSubTextElement = class DrawerHeaderSubTextElement extends Themeable(TextFormattable(CustomElement)) {
+    // #region Fields
+    _text;
+    // #endregion
+    // #region Ctor
+    /**
+     * @public
+     */
+    constructor() {
+        super();
+        this._text = '';
+    }
+    // #endregion
+    // #region Properties
+    /**
+     * Returns the `is` property.
+     *
+     * @public
+     * @static
+     * @readonly
+    */
+    static get is() {
+        return 'mosaik-drawer-header-sub-text';
+    }
+    /**
+     * Gets or sets the `text` property.
+     *
+     * @public
+     */
+    get text() {
+        return this._text;
+    }
+    set text(value) {
+        if (this._text !== value) {
+            this._text = value;
+            this.requestUpdate('text');
+        }
+    }
+    // #endregion
+    // #region Methods
+    /**
+     * @protected
+     * @override
+     */
+    onApplyTemplate() {
+        super.onApplyTemplate();
+        // TODO: create any kind of obsevation here
+        const header = DomServiceLocator.current.findShadowDomHost(this, { strict: true });
+        if (this._text === '' && header.subText !== '') {
+            this.text = header.subText;
+        }
+        if (this.formatter === null && header.formatter !== null) {
+            this.formatter = header.formatter;
+        }
+    }
+};
+__decorate([
+    Property({ type: String }),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [String])
+], DrawerHeaderSubTextElement.prototype, "text", null);
+DrawerHeaderSubTextElement = __decorate([
+    Component({
+        selector: 'mosaik-drawer-header-sub-text',
+        themes: {
+            joy: drawerHeaderSubTextElementJoyStyle,
+            memphis: drawerHeaderSubTextElementMemphisStyle,
+            cosmopolitan: drawerHeaderSubTextElementCosmopolitanStyle
+        },
+        template: drawerHeaderSubTextElementTemplate,
+        host: {
+            slot: 'subHeader'
+        },
+        imports: [
+            TextElement
+        ]
+    }),
+    __metadata("design:paramtypes", [])
+], DrawerHeaderSubTextElement);
+export { DrawerHeaderSubTextElement };
+//# sourceMappingURL=DrawerHeaderSubTextElement.js.map

package/Controls/Components/Overlays/Drawer/DrawerHeaderSubTextElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerHeaderSubTextElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Drawer/DrawerHeaderSubTextElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAEhE,OAAO,EAAE,kCAAkC,EAAE,MAAM,sCAAsC,CAAC;AAE1F,OAAO,EAAE,kCAAkC,EAAE,MAAM,yCAAyC,CAAC;AAC7F,OAAO,EAAE,sCAAsC,EAAE,MAAM,6CAA6C,CAAC;AACrG,OAAO,EAAE,2CAA2C,EAAE,MAAM,kDAAkD,CAAC;AAC/G,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,aAAa;AAEb;;;;;;GAMG;AAgBI,IAAM,0BAA0B,GAAhC,MAAM,0BACT,SAAQ,SAAS,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;IAGjD,iBAAiB;IAET,KAAK,CAAS;IAEtB,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;IACpB,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;MAME;IACK,MAAM,KAAK,EAAE;QAChB,OAAO,+BAA+B,CAAC;IAC3C,CAAC;IAED;;;;OAIG;IACH,IACW,IAAI;QACX,OAAO,IAAI,CAAC,KAAK,CAAC;IACtB,CAAC;IACD,IAAW,IAAI,CAAC,KAAa;QACzB,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC;YACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC/B,CAAC;IACL,CAAC;IAED,aAAa;IAEb,kBAAkB;IAElB;;;OAGG;IACgB,eAAe;QAC9B,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,2CAA2C;QAE3C,MAAM,MAAM,GAAG,iBAAiB,CAAC,OAAO,CAAC,iBAAiB,CAAsB,IAAI,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;QAExG,IAAI,IAAI,CAAC,KAAK,KAAK,EAAE,IAAI,MAAM,CAAC,OAAO,KAAK,EAAE,EAAE,CAAC;YAC7C,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC;QAC/B,CAAC;QAED,IAAI,IAAI,CAAC,SAAS,KAAK,IAAI,IAAI,MAAM,CAAC,SAAS,KAAK,IAAI,EAAE,CAAC;YACvD,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;QACtC,CAAC;IACL,CAAC;CAIJ,CAAA;AArCG;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;sDAG1B;AA5CQ,0BAA0B;IAftC,SAAS,CAAC;QACP,QAAQ,EAAE,+BAA+B;QACzC,MAAM,EAAE;YACJ,GAAG,EAAE,kCAAkC;YACvC,OAAO,EAAE,sCAAsC;YAC/C,YAAY,EAAE,2CAA2C;SAC5D;QACD,QAAQ,EAAE,kCAAkC;QAC5C,IAAI,EAAE;YACF,IAAI,EAAE,WAAW;SACpB;QACD,OAAO,EAAE;YACL,WAAW;SACd;KACJ,CAAC;;GACW,0BAA0B,CA8EtC"}

package/Controls/Components/Overlays/Drawer/DrawerHeaderSubTextElementTemplate.d.ts

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

package/Controls/Components/Overlays/Drawer/DrawerHeaderSubTextElementTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerHeaderSubTextElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Drawer/DrawerHeaderSubTextElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEjE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAI/E;;;;GAIG;AACH,wBAAgB,kCAAkC,CAAC,CAAC,SAAS,0BAA0B,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAW7G"}

package/Controls/Components/Overlays/Drawer/DrawerHeaderSubTextElementTemplate.js

@@ -0,0 +1,22 @@
+// #region Imports
+import { html } from '../../../../Dom/Html';
+import { when } from '../../../Directives/Directives';
+// #endregion
+/**
+ * The template of the {@link DrawerHeaderSubTextElement}.
+ *
+ * @public
+ */
+export function drawerHeaderSubTextElementTemplate(e) {
+    return html `
+        <slot>
+            ${when(e.text.trim().length > 0, () => html `
+            <mosaik-text .text="${e.text.trim()}"
+                         .formatter="${e.formatter}"
+                         .wrap="${true}"
+                         .dir="${e.dir}"></mosaik-text>
+            `)}
+        </slot>
+    `;
+}
+//# sourceMappingURL=DrawerHeaderSubTextElementTemplate.js.map

package/Controls/Components/Overlays/Drawer/DrawerHeaderSubTextElementTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerHeaderSubTextElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Drawer/DrawerHeaderSubTextElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AAGtD,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,kCAAkC,CAAuC,CAAI;IACzF,OAAO,IAAI,CAAA;;cAED,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;kCACrB,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE;uCACR,CAAC,CAAC,SAAS;kCAChB,IAAI;iCACL,CAAC,CAAC,GAAG;aACzB,CAAC;;KAET,CAAC;AACN,CAAC"}

package/Controls/Components/Overlays/Drawer/DrawerHeaderTextElement.d.ts

@@ -0,0 +1,53 @@
+import { CustomElement } from '../../Abstracts/CustomElement';
+import type { IDrawerHeaderTextElementProps } from './IDrawerHeaderTextElementProps';
+declare const DrawerHeaderTextElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/TextFormattable").ITextFormattableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
+/**
+ * Drawer Header - The main heading or label within a drawer component.
+ *
+ * @element mosaik-drawer-header-text
+ *
+ * @public
+ */
+export declare class DrawerHeaderTextElement extends DrawerHeaderTextElement_base implements IDrawerHeaderTextElementProps {
+    private _text;
+    /**
+     * @public
+     */
+    constructor();
+    /**
+     * Returns the `is` property.
+     *
+     * @public
+     * @static
+     * @readonly
+    */
+    static get is(): string;
+    /**
+     * Gets or sets the `text` property.
+     *
+     * @public
+     */
+    get text(): string;
+    set text(value: string);
+    /**
+     * @protected
+     * @override
+     */
+    protected onApplyTemplate(): void;
+}
+/**
+ * @public
+ */
+export declare namespace DrawerHeaderTextElement {
+    type Props = IDrawerHeaderTextElementProps;
+}
+/**
+ * @public
+ */
+declare global {
+    interface HTMLElementTagNameMap {
+        'mosaik-drawer-header-text': DrawerHeaderTextElement;
+    }
+}
+export {};
+//# sourceMappingURL=DrawerHeaderTextElement.d.ts.map

package/Controls/Components/Overlays/Drawer/DrawerHeaderTextElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerHeaderTextElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Drawer/DrawerHeaderTextElement.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9D,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;;AAQrF;;;;;;GAMG;AACH,qBAea,uBACT,SAAQ,4BACR,YAAW,6BAA6B;IAIxC,OAAO,CAAC,KAAK,CAAS;IAMtB;;OAEG;;IAWH;;;;;;MAME;IACF,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAK5B;IAMD;;;OAGG;cACgB,eAAe,IAAI,IAAI;CAgB7C;AAED;;GAEG;AACH,yBAAiB,uBAAuB,CAAC;IACrC,KAAY,KAAK,GAAG,6BAA6B,CAAC;CACrD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,2BAA2B,EAAE,uBAAuB,CAAC;KACxD;CACJ"}

package/Controls/Components/Overlays/Drawer/DrawerHeaderTextElement.js

@@ -0,0 +1,109 @@
+// #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 { DomServiceLocator } from '../../../../Dom/Dom';
+import { TextFormattable } from '../../../Behaviors/TextFormattable';
+import { Component } from '../../../Decorators/ComponentDecorator';
+import { Property } from '../../../Decorators/PropertyDecorator';
+import { CustomElement } from '../../Abstracts/CustomElement';
+import { TextElement } from '../../Primitives/Text/TextElement';
+import { drawerHeaderTextElementTemplate } from './DrawerHeaderTextElementTemplate';
+import { drawerHeaderTextElementJoyStyle } from './Themes/DrawerHeaderTextElement.Joy';
+import { drawerHeaderTextElementMemphisStyle } from './Themes/DrawerHeaderTextElement.Memphis';
+import { drawerHeaderTextElementCosmopolitanStyle } from './Themes/DrawerHeaderTextElement.Cosmopolitan';
+import { Themeable } from '../../../Behaviors/Themeable';
+// #endregion
+/**
+ * Drawer Header - The main heading or label within a drawer component.
+ *
+ * @element mosaik-drawer-header-text
+ *
+ * @public
+ */
+let DrawerHeaderTextElement = class DrawerHeaderTextElement extends Themeable(TextFormattable(CustomElement)) {
+    // #region Fields
+    _text;
+    // #endregion
+    // #region Ctor
+    /**
+     * @public
+     */
+    constructor() {
+        super();
+        this._text = '';
+    }
+    // #endregion
+    // #region Properties
+    /**
+     * Returns the `is` property.
+     *
+     * @public
+     * @static
+     * @readonly
+    */
+    static get is() {
+        return 'mosaik-drawer-header-text';
+    }
+    /**
+     * Gets or sets the `text` property.
+     *
+     * @public
+     */
+    get text() {
+        return this._text;
+    }
+    set text(value) {
+        if (this._text !== value) {
+            this._text = value;
+            this.requestUpdate('text');
+        }
+    }
+    // #endregion
+    // #region Methods
+    /**
+     * @protected
+     * @override
+     */
+    onApplyTemplate() {
+        super.onApplyTemplate();
+        const header = DomServiceLocator.current.findShadowDomHost(this, { strict: true });
+        if (this._text === '' && header.text !== '') {
+            this.text = header.text;
+        }
+        if (this.formatter === null && header.formatter !== null) {
+            this.formatter = header.formatter;
+        }
+    }
+};
+__decorate([
+    Property({ type: String }),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [String])
+], DrawerHeaderTextElement.prototype, "text", null);
+DrawerHeaderTextElement = __decorate([
+    Component({
+        selector: 'mosaik-drawer-header-text',
+        themes: {
+            joy: drawerHeaderTextElementJoyStyle,
+            memphis: drawerHeaderTextElementMemphisStyle,
+            cosmopolitan: drawerHeaderTextElementCosmopolitanStyle
+        },
+        template: drawerHeaderTextElementTemplate,
+        host: {
+            slot: 'header'
+        },
+        imports: [
+            TextElement
+        ]
+    }),
+    __metadata("design:paramtypes", [])
+], DrawerHeaderTextElement);
+export { DrawerHeaderTextElement };
+//# sourceMappingURL=DrawerHeaderTextElement.js.map

package/Controls/Components/Overlays/Drawer/DrawerHeaderTextElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerHeaderTextElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Drawer/DrawerHeaderTextElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAEhE,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AAEpF,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAC;AACvF,OAAO,EAAE,mCAAmC,EAAE,MAAM,0CAA0C,CAAC;AAC/F,OAAO,EAAE,wCAAwC,EAAE,MAAM,+CAA+C,CAAC;AACzG,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,aAAa;AAEb;;;;;;GAMG;AAgBI,IAAM,uBAAuB,GAA7B,MAAM,uBACT,SAAQ,SAAS,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;IAGjD,iBAAiB;IAET,KAAK,CAAS;IAEtB,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;IACpB,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;MAME;IACK,MAAM,KAAK,EAAE;QAChB,OAAO,2BAA2B,CAAC;IACvC,CAAC;IAED;;;;OAIG;IACH,IACW,IAAI;QACX,OAAO,IAAI,CAAC,KAAK,CAAC;IACtB,CAAC;IACD,IAAW,IAAI,CAAC,KAAa;QACzB,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC;YACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC/B,CAAC;IACL,CAAC;IAED,aAAa;IAEb,kBAAkB;IAElB;;;OAGG;IACgB,eAAe;QAC9B,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,MAAM,MAAM,GAAG,iBAAiB,CAAC,OAAO,CAAC,iBAAiB,CAAsB,IAAI,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;QAExG,IAAI,IAAI,CAAC,KAAK,KAAK,EAAE,IAAI,MAAM,CAAC,IAAI,KAAK,EAAE,EAAE,CAAC;YAC1C,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;QAC5B,CAAC;QAED,IAAI,IAAI,CAAC,SAAS,KAAK,IAAI,IAAI,MAAM,CAAC,SAAS,KAAK,IAAI,EAAE,CAAC;YACvD,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;QACtC,CAAC;IACL,CAAC;CAIJ,CAAA;AAnCG;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;mDAG1B;AA5CQ,uBAAuB;IAfnC,SAAS,CAAC;QACP,QAAQ,EAAE,2BAA2B;QACrC,MAAM,EAAE;YACJ,GAAG,EAAE,+BAA+B;YACpC,OAAO,EAAE,mCAAmC;YAC5C,YAAY,EAAE,wCAAwC;SACzD;QACD,QAAQ,EAAE,+BAA+B;QACzC,IAAI,EAAE;YACF,IAAI,EAAE,QAAQ;SACjB;QACD,OAAO,EAAE;YACL,WAAW;SACd;KACJ,CAAC;;GACW,uBAAuB,CA4EnC"}

package/Controls/Components/Overlays/Drawer/DrawerHeaderTextElementTemplate.d.ts

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

package/Controls/Components/Overlays/Drawer/DrawerHeaderTextElementTemplate.d.ts.map

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

package/Controls/Components/Overlays/Drawer/DrawerHeaderTextElementTemplate.js

@@ -0,0 +1,22 @@
+// #region Imports
+import { html } from '../../../../Dom/Html';
+import { when } from '../../../Directives/Directives';
+// #endregion
+/**
+ * The template of the {@link DrawerHeaderTextElement}.
+ *
+ * @public
+ */
+export function drawerHeaderTextElementTemplate(e) {
+    return html `
+        <slot>
+            ${when(e.text.trim().length > 0, () => html `
+            <mosaik-text .text="${e.text.trim()}"
+                         .formatter="${e.formatter}"
+                         .wrap="${true}"
+                         .dir="${e.dir}"></mosaik-text>
+            `)}
+        </slot>
+    `;
+}
+//# sourceMappingURL=DrawerHeaderTextElementTemplate.js.map

package/Controls/Components/Overlays/Drawer/DrawerHeaderTextElementTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerHeaderTextElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Drawer/DrawerHeaderTextElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AAGtD,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,+BAA+B,CAAoC,CAAI;IACnF,OAAO,IAAI,CAAA;;cAED,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;kCACrB,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE;uCACR,CAAC,CAAC,SAAS;kCAChB,IAAI;iCACL,CAAC,CAAC,GAAG;aACzB,CAAC;;KAET,CAAC;AACN,CAAC"}

package/Controls/Components/Overlays/Drawer/DrawerService.d.ts

@@ -1,29 +1,146 @@
 import type { IPortalElementProps } from '../../Primitives/Portal/IPortalElementProps';
+import type { PortalProjectionElement } from '../../Primitives/Portal/PortalProjectionElement';
+import { DrawerElement } from './DrawerElement';
 import type { IDrawerElementProps } from './IDrawerElementProps';
+import { DrawerPosition } from '../../../Types/DrawerPosition';
 import type { IOverlayElement } from '../Abstracts/OverlayElement';
+import { type IDrawerServiceConfig, type IDrawerBehavior } from './IDrawerServiceConfig';
+/**
+ * CSS class name applied to drawers that are stacked (have another drawer on top).
+ *
+ * @public
+ */
+export declare const DRAWER_STACKED_CLASS = "stacked";
+/**
+ * Function type for resolving drawer results.
+ *
+ * @public
+ */
+export type DrawerResolveFunction = (result: unknown) => void;
+/**
+ * Represents the `IDrawerRef` interface.
+ *
+ * @public
+ */
+export interface IDrawerRef {
+    readonly drawerId: string;
+    readonly drawerElement: DrawerElement;
+    readonly portalProjectionElement: PortalProjectionElement;
+    readonly wrapperElement: HTMLElement;
+    readonly stackLevel: number;
+    readonly computedWidth: string;
+    readonly options?: IDrawerOptions;
+    resolve?: DrawerResolveFunction;
+}
 /**
  * Interface for Drawer options.
  *
  * @public
  */
-export interface IDrawerOptions extends Partial<IDrawerElementProps>, Partial<IPortalElementProps> {
+export interface IDrawerOptions extends Omit<Partial<IDrawerElementProps>, 'position'>, Partial<IPortalElementProps> {
+    /**
+     * The position of the drawer.
+     * Supports 'auto' to automatically use the same position as the last opened drawer.
+     * Falls back to default position if no drawer is currently open.
+     */
+    position?: DrawerPosition | 'auto';
+    /**
+     * Whether to close the drawer when navigating away.
+     */
     navigateToClose?: boolean;
+    /**
+     * Enable stack mode for this drawer.
+     * When enabled, the drawer width will be calculated based on its position in the stack.
+     */
+    enableStack?: boolean;
+    /**
+     * Override the base width for this specific drawer in the stack.
+     * If not provided, uses the service's stack configuration.
+     */
+    stackBaseWidth?: string;
 }
 /**
  * Service for managing the display and behavior of drawer elements.
  * Provides methods to open and close drawer elements within a portal structure.
+ * Supports extensible behavior pattern for customizing drawer interactions.
+ *
+ * @example
+ * ```typescript
+ * // Configure service globally before use
+ * DrawerService.configure({
+ *     behaviors: [withDrawerStackBehavior({ baseWidth: '80%' })],
+ *     closeOnNavigation: true
+ * });
+ *
+ * // Use the singleton instance
+ * const result = await DrawerService.instance.open('myDrawer', MyDrawerWrapper, options);
+ * ```
  *
  * @public
  */
 export declare class DrawerService {
+    private static _instance;
+    private static _config;
+    private static _isConfigured;
     private readonly _drawerRefMap;
+    private readonly _drawerStack;
+    private readonly _behaviors;
     private _portalElement?;
     /**
      * Constructs a new instance of the `DrawerService` class.
+     * Use {@link DrawerService.instance} to access the singleton instance.
+     *
+     * @private
+     */
+    private constructor();
+    /**
+     * Returns the singleton instance of the DrawerService.
+     * Creates the instance on first access using the current configuration.
+     *
+     * @public
+     * @readonly
+     */
+    static get instance(): DrawerService;
+    /**
+     * Returns the current number of open drawers in the stack.
+     *
+     * @public
+     * @readonly
+     */
+    get stackSize(): number;
+    /**
+     * Returns an array of all drawer references in stack order (oldest first).
+     *
+     * @public
+     * @readonly
+     */
+    get stack(): ReadonlyArray<IDrawerRef>;
+    /**
+     * Returns the registered behaviors for this service instance.
      *
      * @public
+     * @readonly
      */
-    constructor();
+    get behaviors(): ReadonlyArray<IDrawerBehavior>;
+    /**
+     * Configures the drawer service globally.
+     * Must be called before accessing the singleton instance.
+     *
+     * @public
+     * @static
+     * @param config - Configuration options for the drawer service.
+     * @returns The DrawerService class for chaining.
+     * @throws Error if called after the instance has already been created.
+     *
+     * @example
+     * ```typescript
+     * DrawerService.configure({
+     *     behaviors: [withDrawerStackBehavior({ baseWidth: '80%' })],
+     *     closeOnNavigation: true
+     * });
+     * ```
+     */
+    static configure(config: Partial<IDrawerServiceConfig>): typeof DrawerService;
     /**
      * Opens a custom wrapper component containing a drawer within a portal.
      *
@@ -31,11 +148,11 @@ export declare class DrawerService {
      * @template T - Type of the wrapper component extending HTMLElement.
      * @template TData - Type of data provided to the wrapper component.
      * @template TResult - Expected return type of the resolved drawer result.
-     * @param {string} drawerId - Unique identifier for the drawer instance.
-     * @param {new (args?: TData) => T} wrapperClass - Class of the wrapper component containing the drawer.
-     * @param {IDrawerOptions} options - Properties for portal and drawer.
-     * @param {TData} [data] - Optional data passed to the wrapper component.
-     * @returns {Promise<TResult>} A promise resolving with the drawer result.
+     * @param drawerId - Unique identifier for the drawer instance.
+     * @param wrapperClass - Class of the wrapper component containing the drawer.
+     * @param options - Properties for portal and drawer.
+     * @param data - Optional data passed to the wrapper component.
+     * @returns A promise resolving with the drawer result.
      */
     open<T extends HTMLElement, TData, TResult>(drawerId: string, wrapperClass: new (args?: TData) => T, options?: IDrawerOptions, data?: TData): Promise<TResult>;
     /**
@@ -48,6 +165,22 @@ export declare class DrawerService {
      * @returns {Promise<void>} A promise resolving once the drawer is fully closed.
      */
     close<TResult>(drawerId: string, result?: TResult): Promise<void>;
+    /**
+     * Closes the topmost drawer in the stack.
+     *
+     * @public
+     * @template TResult - Type of result returned when the drawer is closed.
+     * @param {TResult} [result] - Optional result returned when closing the drawer.
+     * @returns {Promise<void>} A promise resolving once the drawer is fully closed.
+     */
+    closeTop<TResult>(result?: TResult): Promise<void>;
+    /**
+     * Closes all open drawers in the stack, from top to bottom.
+     *
+     * @public
+     * @returns {Promise<void>} A promise resolving once all drawers are closed.
+     */
+    closeAll(): Promise<void>;
     /**
      * Returns the drawer element with the specified ID if it exists.
      * For example, all drawer elements will be automatically registered (by id) when its available in the DOM.
@@ -56,6 +189,12 @@ export declare class DrawerService {
      * @public
      */
     tryGet(drawerId: string): IOverlayElement | undefined;
+    /**
+     * Creates a new drawer reference.
+     *
+     * @private
+     */
+    private createDrawerRef;
     /**
      * Extends the drawer component by placing it within a portal structure.
      *
@@ -65,14 +204,13 @@ export declare class DrawerService {
      * @returns The created PortalElement containing the drawer.
      */
     private extendToPortal;
-}
-/**
- * @public
- */
-export declare class DrawerServiceLocator {
-    private static _current;
-    static get current(): DrawerService;
-    static isSet(): boolean;
-    static set(current: DrawerService): void;
+    /**
+     * Resolves the drawer position, handling 'auto' by returning the last drawer's position.
+     *
+     * @private
+     * @param requestedPosition - The requested position, which may be 'auto'.
+     * @returns The resolved position ('left', 'right', 'top', or 'bottom').
+     */
+    private resolvePosition;
 }
 //# sourceMappingURL=DrawerService.d.ts.map

package/Controls/Components/Overlays/Drawer/DrawerService.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerService.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Drawer/DrawerService.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAIvF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAGjE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAyCnE;;;;GAIG;AACH,MAAM,WAAW,cAAe,SAAQ,OAAO,CAAC,mBAAmB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC;IAC9F,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED;;;;;GAKG;AACH,qBAAa,aAAa;IAItB,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA0B;IACxD,OAAO,CAAC,cAAc,CAAC,CAAgB;IAMvC;;;;OAIG;;IAmBH;;;;;;;;;;;;OAYG;IACU,IAAI,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,OAAO,EACnD,QAAQ,EAAE,MAAM,EAChB,YAAY,EAAE,KAAK,IAAI,CAAC,EAAE,KAAK,KAAK,CAAC,EACrC,OAAO,CAAC,EAAE,cAAc,EACxB,IAAI,CAAC,EAAE,KAAK,GACb,OAAO,CAAC,OAAO,CAAC;IA6CnB;;;;;;;;OAQG;IACU,KAAK,CAAC,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC;IA0B9E;;;;;;OAMG;IACI,MAAM,CAAC,QAAQ,EAAE,MAAM,GAAG,eAAe,GAAG,SAAS;IAI5D;;;;;;;OAOG;IACH,OAAO,CAAC,cAAc;CAoBzB;AAOD;;GAEG;AACH,qBAAa,oBAAoB;IAI7B,OAAO,CAAC,MAAM,CAAC,QAAQ,CAA8B;IAMrD,WAAkB,OAAO,IAAI,aAAa,CAMzC;WAMa,KAAK,IAAI,OAAO;WAIhB,GAAG,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;CAMlD"}
+{"version":3,"file":"DrawerService.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Drawer/DrawerService.ts"],"names":[],"mappings":"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"}