@breadstone/mosaik-elements-foundation 0.0.206 → 0.0.209

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

@@ -0,0 +1,298 @@
+// #region Imports
+import { DRAWER_STACK_DEFAULT_CONFIG } from './IDrawerStackConfig';
+import { DRAWER_STACKED_CLASS } from './DrawerService';
+// #endregion
+/**
+ * Behavior that manages a stack of drawers with decreasing widths.
+ * Each drawer in the stack is offset from the previous one, creating
+ * a cascading visual effect.
+ *
+ * @public
+ */
+export class DrawerStackBehavior {
+    // #region Fields
+    _config;
+    _stack;
+    // #endregion
+    // #region Ctor
+    /**
+     * Constructs a new instance of the `DrawerStackBehavior` class.
+     *
+     * @public
+     * @param config - Optional configuration for stack behavior.
+     */
+    constructor(config) {
+        this._config = {
+            ...DRAWER_STACK_DEFAULT_CONFIG,
+            ...config
+        };
+        this._stack = new Array();
+    }
+    // #endregion
+    // #region Properties
+    /**
+     * Returns the current number of drawers in the stack.
+     *
+     * @public
+     * @readonly
+     */
+    get stackSize() {
+        return this._stack.length;
+    }
+    /**
+     * Returns the current stack configuration.
+     *
+     * @public
+     * @readonly
+     */
+    get config() {
+        return this._config;
+    }
+    /**
+     * Returns an array of all drawer references in stack order (oldest first).
+     *
+     * @public
+     * @readonly
+     */
+    get stack() {
+        return this._stack;
+    }
+    // #endregion
+    // #region Methods
+    /**
+     * Configures the drawer options before opening.
+     * Calculates the appropriate width based on stack position.
+     *
+     * @public
+     * @param options - The drawer options to configure.
+     */
+    configure(options) {
+        if (!options.enableStack) {
+            return;
+        }
+        // Check max stack depth
+        if (this._config.maxStackDepth !== undefined && this._stack.length >= this._config.maxStackDepth) {
+            throw new Error(`Cannot open drawer: maximum stack depth (${this._config.maxStackDepth}) reached.`);
+        }
+    }
+    /**
+     * Attaches a drawer to the stack and applies stack styling.
+     *
+     * @public
+     * @param ref - The drawer reference to attach.
+     */
+    attach(ref) {
+        if (!ref.options?.enableStack) {
+            return;
+        }
+        // Use stackBaseWidth if provided, otherwise fall back to options.width (as string), then config.baseWidth
+        const baseWidth = ref.options.stackBaseWidth ?? this.cssLengthToString(ref.options.width) ?? this._config.baseWidth;
+        // Grow smaller drawers to match the new larger drawer
+        this.growSmallerDrawersToMatchLargest(baseWidth);
+        // Add stacked class to previous drawers
+        this.applyStackedClasses();
+        // Add to stack
+        this._stack.push(ref);
+    }
+    /**
+     * Detaches a drawer from the stack.
+     *
+     * @public
+     * @param ref - The drawer reference to detach.
+     */
+    detach(ref) {
+        const index = this._stack.indexOf(ref);
+        if (index !== -1) {
+            this._stack.splice(index, 1);
+            // Recalculate widths for remaining drawers
+            this.recalculateStackWidths();
+            // Update stacked classes
+            this.applyStackedClasses();
+        }
+    }
+    /**
+     * Disposes of all resources and clears the stack.
+     *
+     * @public
+     */
+    dispose() {
+        this._stack.length = 0;
+    }
+    /**
+     * Calculates the width for a drawer at a specific stack level.
+     *
+     * @public
+     * @param stackLevel - The zero-based index of the drawer in the stack.
+     * @param baseWidthOverride - Optional override for the base width.
+     * @returns The calculated CSS width string.
+     */
+    calculateWidth(stackLevel, baseWidthOverride) {
+        const baseWidth = baseWidthOverride ?? this._config.baseWidth;
+        const reduction = stackLevel * this._config.stackThreshold;
+        // Parse the base width to determine format (%, px, vw, etc.)
+        const match = (/^(\d+(?:\.\d+)?)(%.*)$/).exec(baseWidth);
+        if (match) {
+            const numericValue = parseFloat(match[1]);
+            const unit = match[2];
+            const calculatedValue = Math.max(0, numericValue - reduction);
+            return `${calculatedValue}${unit}`;
+        }
+        // For calc(), vw, or other complex values, use CSS calc
+        return `calc(${baseWidth} - ${reduction}%)`;
+    }
+    /**
+     * Applies the stacked CSS class to all drawers except the topmost one.
+     *
+     * @private
+     */
+    applyStackedClasses() {
+        for (let i = 0; i < this._stack.length; i++) {
+            const ref = this._stack[i];
+            const isTopmost = i === this._stack.length - 1;
+            if (isTopmost) {
+                ref.drawerElement.classList.remove(DRAWER_STACKED_CLASS);
+            }
+            else {
+                ref.drawerElement.classList.add(DRAWER_STACKED_CLASS);
+            }
+        }
+    }
+    /**
+     * Recalculates and applies widths for all remaining drawers in the stack.
+     * After a drawer is closed, we need to restore each drawer to its original width
+     * (which may have been grown when larger drawers were opened on top).
+     *
+     * @private
+     */
+    recalculateStackWidths() {
+        // Find the largest base width among remaining drawers
+        let largestBaseWidth = 0;
+        for (const ref of this._stack) {
+            const baseWidth = ref.options?.stackBaseWidth ?? this.cssLengthToString(ref.options?.width) ?? this._config.baseWidth;
+            const percentage = this.parseWidthToPercentage(baseWidth);
+            if (percentage !== null && percentage > largestBaseWidth) {
+                largestBaseWidth = percentage;
+            }
+        }
+        // Recalculate widths: drawers should be based on the largest remaining drawer
+        const threshold = this._config.stackThreshold;
+        const stackLength = this._stack.length;
+        for (let i = 0; i < stackLength; i++) {
+            const ref = this._stack[i];
+            const baseWidth = ref.options?.stackBaseWidth ?? this.cssLengthToString(ref.options?.width) ?? this._config.baseWidth;
+            const basePercentage = this.parseWidthToPercentage(baseWidth);
+            if (basePercentage === null) {
+                // For non-percentage widths, fall back to the original behavior
+                const newWidth = this.calculateWidth(i, baseWidth);
+                this.applyStackStyles(ref, i, newWidth);
+                continue;
+            }
+            // If the largest remaining drawer is bigger than this drawer's base,
+            // grow this drawer to match (plus offset)
+            if (largestBaseWidth > basePercentage) {
+                const offsetFromTop = stackLength - 1 - i;
+                const grownWidth = largestBaseWidth + (offsetFromTop * threshold);
+                this.applyStackStyles(ref, i, `${grownWidth}%`);
+            }
+            else {
+                // Otherwise use the original calculated width based on stack position
+                const newWidth = this.calculateWidth(i, baseWidth);
+                this.applyStackStyles(ref, i, newWidth);
+            }
+        }
+    }
+    /**
+     * Converts a CssLength to a string representation.
+     * If the value is a number, it's treated as pixels and not suitable for percentage-based calculations.
+     *
+     * @private
+     * @param value - The CssLength value to convert.
+     * @returns The string representation, or undefined if it's a number (pixels).
+     */
+    cssLengthToString(value) {
+        if (value === undefined || value === null) {
+            return undefined;
+        }
+        if (typeof value === 'number') {
+            // Numbers are treated as pixels, which we can't use for percentage-based stack calculations
+            return undefined;
+        }
+        return value;
+    }
+    /**
+     * Parses a percentage-based width string into a numeric value.
+     *
+     * @private
+     * @param width - The CSS width string (e.g. "50%").
+     * @returns The numeric percentage value, or null if not a percentage.
+     */
+    parseWidthToPercentage(width) {
+        if (!width) {
+            return null;
+        }
+        const match = (/^(\d+(?:\.\d+)?)%$/).exec(width);
+        if (match) {
+            return parseFloat(match[1]);
+        }
+        return null;
+    }
+    /**
+     * Grows smaller drawers in the stack to match the size of a newly opened larger drawer.
+     * Each existing drawer gets the new base width plus an offset based on its distance from the top.
+     *
+     * @private
+     * @param newDrawerBaseWidth - The base width of the newly opened drawer.
+     */
+    growSmallerDrawersToMatchLargest(newDrawerBaseWidth) {
+        const newWidthPercentage = this.parseWidthToPercentage(newDrawerBaseWidth);
+        if (newWidthPercentage === null) {
+            return;
+        }
+        const threshold = this._config.stackThreshold;
+        const stackLength = this._stack.length;
+        for (let i = 0; i < stackLength; i++) {
+            const ref = this._stack[i];
+            const existingBaseWidth = ref.options?.stackBaseWidth ?? this.cssLengthToString(ref.options?.width) ?? this._config.baseWidth;
+            const existingWidthPercentage = this.parseWidthToPercentage(existingBaseWidth);
+            if (existingWidthPercentage === null) {
+                continue;
+            }
+            // Only grow if the new drawer is larger
+            if (newWidthPercentage > existingWidthPercentage) {
+                // Calculate offset from the top of the stack (new drawer will be at stackLength)
+                // Drawer at index i has (stackLength - i) drawers above it
+                const offsetFromTop = stackLength - i;
+                const grownWidth = newWidthPercentage + (offsetFromTop * threshold);
+                const grownWidthStr = `${grownWidth}%`;
+                // Update computed width and apply styles
+                this.applyStackStyles(ref, i, grownWidthStr);
+            }
+        }
+    }
+    /**
+     * Applies stack-related styles to a drawer element.
+     *
+     * @private
+     * @param ref - The drawer reference.
+     * @param stackLevel - The stack level for this drawer.
+     * @param computedWidth - The computed width for this drawer.
+     */
+    applyStackStyles(ref, stackLevel, computedWidth) {
+        // Use CSS custom properties for styling
+        ref.drawerElement.setAttribute('data-stack-level', String(stackLevel));
+        ref.drawerElement.setAttribute('data-computed-width', computedWidth);
+        // Apply width directly via the component's width property
+        ref.drawerElement.width = computedWidth;
+    }
+}
+/**
+ * Creates a drawer stack behavior with the specified configuration.
+ *
+ * @public
+ * @param config - Optional configuration for the stack behavior.
+ * @returns A new DrawerStackBehavior instance.
+ */
+export function withDrawerStackBehavior(config) {
+    return new DrawerStackBehavior(config);
+}
+//# sourceMappingURL=DrawerStackBehavior.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerStackBehavior.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Drawer/DrawerStackBehavior.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAKlB,OAAO,EAA2B,2BAA2B,EAAE,MAAM,sBAAsB,CAAC;AAC5F,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEvD,aAAa;AAEb;;;;;;GAMG;AACH,MAAM,OAAO,mBAAmB;IAE5B,iBAAiB;IAEA,OAAO,CAAqB;IAC5B,MAAM,CAAoB;IAE3C,aAAa;IAEb,eAAe;IAEf;;;;;OAKG;IACH,YAAmB,MAAoC;QACnD,IAAI,CAAC,OAAO,GAAG;YACX,GAAG,2BAA2B;YAC9B,GAAG,MAAM;SACZ,CAAC;QACF,IAAI,CAAC,MAAM,GAAG,IAAI,KAAK,EAAc,CAAC;IAC1C,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;OAKG;IACH,IAAW,SAAS;QAChB,OAAO,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;IAC9B,CAAC;IAED;;;;;OAKG;IACH,IAAW,MAAM;QACb,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IAED;;;;;OAKG;IACH,IAAW,KAAK;QACZ,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;IAED,aAAa;IAEb,kBAAkB;IAElB;;;;;;OAMG;IACI,SAAS,CAAC,OAAgC;QAC7C,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;YACvB,OAAO;QACX,CAAC;QAED,wBAAwB;QACxB,IAAI,IAAI,CAAC,OAAO,CAAC,aAAa,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC;YAC/F,MAAM,IAAI,KAAK,CAAC,4CAA4C,IAAI,CAAC,OAAO,CAAC,aAAa,YAAY,CAAC,CAAC;QACxG,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACI,MAAM,CAAC,GAAe;QACzB,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,WAAW,EAAE,CAAC;YAC5B,OAAO;QACX,CAAC;QAED,0GAA0G;QAC1G,MAAM,SAAS,GAAG,GAAG,CAAC,OAAO,CAAC,cAAc,IAAI,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC;QAEpH,sDAAsD;QACtD,IAAI,CAAC,gCAAgC,CAAC,SAAS,CAAC,CAAC;QAEjD,wCAAwC;QACxC,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAE3B,eAAe;QACf,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC1B,CAAC;IAED;;;;;OAKG;IACI,MAAM,CAAC,GAAe;QACzB,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QACvC,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE,CAAC;YACf,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YAE7B,2CAA2C;YAC3C,IAAI,CAAC,sBAAsB,EAAE,CAAC;YAE9B,yBAAyB;YACzB,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC/B,CAAC;IACL,CAAC;IAED;;;;OAIG;IACI,OAAO;QACV,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;IAC3B,CAAC;IAED;;;;;;;OAOG;IACI,cAAc,CAAC,UAAkB,EAAE,iBAA0B;QAChE,MAAM,SAAS,GAAG,iBAAiB,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC;QAC9D,MAAM,SAAS,GAAG,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC;QAE3D,6DAA6D;QAC7D,MAAM,KAAK,GAAG,CAAC,wBAAwB,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACzD,IAAI,KAAK,EAAE,CAAC;YACR,MAAM,YAAY,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;YAC1C,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;YACtB,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC,CAAC;YAE9D,OAAO,GAAG,eAAe,GAAG,IAAI,EAAE,CAAC;QACvC,CAAC;QAED,wDAAwD;QACxD,OAAO,QAAQ,SAAS,MAAM,SAAS,IAAI,CAAC;IAChD,CAAC;IAED;;;;OAIG;IACK,mBAAmB;QACvB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAC1C,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YAC3B,MAAM,SAAS,GAAG,CAAC,KAAK,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;YAE/C,IAAI,SAAS,EAAE,CAAC;gBACZ,GAAG,CAAC,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC;YAC7D,CAAC;iBAAM,CAAC;gBACJ,GAAG,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;YAC1D,CAAC;QACL,CAAC;IACL,CAAC;IAED;;;;;;OAMG;IACK,sBAAsB;QAC1B,sDAAsD;QACtD,IAAI,gBAAgB,GAAG,CAAC,CAAC;QAEzB,KAAK,MAAM,GAAG,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAC5B,MAAM,SAAS,GAAG,GAAG,CAAC,OAAO,EAAE,cAAc,IAAI,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC;YACtH,MAAM,UAAU,GAAG,IAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,CAAC;YAC1D,IAAI,UAAU,KAAK,IAAI,IAAI,UAAU,GAAG,gBAAgB,EAAE,CAAC;gBACvD,gBAAgB,GAAG,UAAU,CAAC;YAClC,CAAC;QACL,CAAC;QAED,8EAA8E;QAC9E,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC;QAC9C,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;QAEvC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,WAAW,EAAE,CAAC,EAAE,EAAE,CAAC;YACnC,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YAC3B,MAAM,SAAS,GAAG,GAAG,CAAC,OAAO,EAAE,cAAc,IAAI,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC;YACtH,MAAM,cAAc,GAAG,IAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,CAAC;YAE9D,IAAI,cAAc,KAAK,IAAI,EAAE,CAAC;gBAC1B,gEAAgE;gBAChE,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;gBACnD,IAAI,CAAC,gBAAgB,CAAC,GAAG,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC;gBACxC,SAAS;YACb,CAAC;YAED,qEAAqE;YACrE,0CAA0C;YAC1C,IAAI,gBAAgB,GAAG,cAAc,EAAE,CAAC;gBACpC,MAAM,aAAa,GAAG,WAAW,GAAG,CAAC,GAAG,CAAC,CAAC;gBAC1C,MAAM,UAAU,GAAG,gBAAgB,GAAG,CAAC,aAAa,GAAG,SAAS,CAAC,CAAC;gBAClE,IAAI,CAAC,gBAAgB,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,UAAU,GAAG,CAAC,CAAC;YACpD,CAAC;iBAAM,CAAC;gBACJ,sEAAsE;gBACtE,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;gBACnD,IAAI,CAAC,gBAAgB,CAAC,GAAG,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC;YAC5C,CAAC;QACL,CAAC;IACL,CAAC;IAED;;;;;;;OAOG;IACK,iBAAiB,CAAC,KAA4B;QAClD,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;YACxC,OAAO,SAAS,CAAC;QACrB,CAAC;QAED,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC5B,4FAA4F;YAC5F,OAAO,SAAS,CAAC;QACrB,CAAC;QAED,OAAO,KAAK,CAAC;IACjB,CAAC;IAED;;;;;;OAMG;IACK,sBAAsB,CAAC,KAAyB;QACpD,IAAI,CAAC,KAAK,EAAE,CAAC;YACT,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,MAAM,KAAK,GAAG,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACjD,IAAI,KAAK,EAAE,CAAC;YACR,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAChC,CAAC;QAED,OAAO,IAAI,CAAC;IAChB,CAAC;IAED;;;;;;OAMG;IACK,gCAAgC,CAAC,kBAA0B;QAC/D,MAAM,kBAAkB,GAAG,IAAI,CAAC,sBAAsB,CAAC,kBAAkB,CAAC,CAAC;QAC3E,IAAI,kBAAkB,KAAK,IAAI,EAAE,CAAC;YAC9B,OAAO;QACX,CAAC;QAED,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC;QAC9C,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;QAEvC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,WAAW,EAAE,CAAC,EAAE,EAAE,CAAC;YACnC,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YAC3B,MAAM,iBAAiB,GAAG,GAAG,CAAC,OAAO,EAAE,cAAc,IAAI,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC;YAC9H,MAAM,uBAAuB,GAAG,IAAI,CAAC,sBAAsB,CAAC,iBAAiB,CAAC,CAAC;YAE/E,IAAI,uBAAuB,KAAK,IAAI,EAAE,CAAC;gBACnC,SAAS;YACb,CAAC;YAED,wCAAwC;YACxC,IAAI,kBAAkB,GAAG,uBAAuB,EAAE,CAAC;gBAC/C,iFAAiF;gBACjF,2DAA2D;gBAC3D,MAAM,aAAa,GAAG,WAAW,GAAG,CAAC,CAAC;gBACtC,MAAM,UAAU,GAAG,kBAAkB,GAAG,CAAC,aAAa,GAAG,SAAS,CAAC,CAAC;gBACpE,MAAM,aAAa,GAAG,GAAG,UAAU,GAAG,CAAC;gBAEvC,yCAAyC;gBACzC,IAAI,CAAC,gBAAgB,CAAC,GAAG,EAAE,CAAC,EAAE,aAAa,CAAC,CAAC;YACjD,CAAC;QACL,CAAC;IACL,CAAC;IAED;;;;;;;OAOG;IACK,gBAAgB,CAAC,GAAe,EAAE,UAAkB,EAAE,aAAqB;QAC/E,wCAAwC;QACxC,GAAG,CAAC,aAAa,CAAC,YAAY,CAAC,kBAAkB,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC;QACvE,GAAG,CAAC,aAAa,CAAC,YAAY,CAAC,qBAAqB,EAAE,aAAa,CAAC,CAAC;QAErE,0DAA0D;QAC1D,GAAG,CAAC,aAAa,CAAC,KAAK,GAAG,aAA0B,CAAC;IACzD,CAAC;CAIJ;AAED;;;;;;GAMG;AACH,MAAM,UAAU,uBAAuB,CAAC,MAAoC;IACxE,OAAO,IAAI,mBAAmB,CAAC,MAAM,CAAC,CAAC;AAC3C,CAAC"}

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

@@ -5,12 +5,13 @@ import type { IElevatableProps } from '../../../Behaviors/Elevatable';
 import type { DrawerMode } from '../../../Types/DrawerMode';
 import type { DrawerPosition } from '../../../Types/DrawerPosition';
 import type { IOverlayElementProps } from '../Abstracts/OverlayElement';
+import type { ISlottableProps } from '../../../Behaviors/Slottable';
 /**
  * Represents the `{@link IDrawerElementProps}` interface.
  *
  * @public
  */
-export interface IDrawerElementProps extends IOverlayElementProps, IDimensionableProps, IElevatableProps, IAnimatableProps {
+export interface IDrawerElementProps extends IOverlayElementProps, IDimensionableProps, IElevatableProps, ISlottableProps, IAnimatableProps {
     header: string;
     subHeader: string;
     position: DrawerPosition;

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

@@ -1 +1 @@
-{"version":3,"file":"IDrawerElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Drawer/IDrawerElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAIxE;;;;GAIG;AACH,MAAM,WAAW,mBACb,SAAQ,oBAAoB,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,gBAAgB;IAErF,MAAM,EAAE,MAAM,CAAC;IAEf,SAAS,EAAE,MAAM,CAAC;IAElB,QAAQ,EAAE,cAAc,CAAC;IAEzB,MAAM,EAAE,SAAS,CAAC;IAElB,KAAK,EAAE,SAAS,CAAC;IAEjB,IAAI,EAAE,UAAU,CAAC;IAEjB,SAAS,EAAE,OAAO,CAAC;CAEtB"}
+{"version":3,"file":"IDrawerElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Drawer/IDrawerElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAIpE;;;;GAIG;AACH,MAAM,WAAW,mBACb,SAAQ,oBAAoB,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,eAAe,EAAE,gBAAgB;IAEtG,MAAM,EAAE,MAAM,CAAC;IAEf,SAAS,EAAE,MAAM,CAAC;IAElB,QAAQ,EAAE,cAAc,CAAC;IAEzB,MAAM,EAAE,SAAS,CAAC;IAElB,KAAK,EAAE,SAAS,CAAC;IAEjB,IAAI,EAAE,UAAU,CAAC;IAEjB,SAAS,EAAE,OAAO,CAAC;CAEtB"}

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

@@ -0,0 +1,9 @@
+import type { ISlottableProps } from '../../../Behaviors/Slottable';
+/**
+ * Represents the `{@link IDrawerFooterElementProps}` interface.
+ *
+ * @public
+ */
+export interface IDrawerFooterElementProps extends ISlottableProps {
+}
+//# sourceMappingURL=IDrawerFooterElementProps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IDrawerFooterElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Drawer/IDrawerFooterElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAIpE;;;;GAIG;AACH,MAAM,WAAW,yBAA0B,SAAQ,eAAe;CACjE"}

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

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

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

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

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

@@ -0,0 +1,12 @@
+import type { ISlottableProps } from '../../../Behaviors/Slottable';
+import type { ITextFormattableProps } from '../../../Behaviors/TextFormattable';
+/**
+ * Represents the `{@link IDrawerHeaderElementProps}` interface.
+ *
+ * @public
+ */
+export interface IDrawerHeaderElementProps extends ITextFormattableProps, ISlottableProps {
+    readonly text: string;
+    readonly subText: string;
+}
+//# sourceMappingURL=IDrawerHeaderElementProps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IDrawerHeaderElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Drawer/IDrawerHeaderElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAIhF;;;;GAIG;AACH,MAAM,WAAW,yBAA0B,SAAQ,qBAAqB,EAAE,eAAe;IAErF,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAEtB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;CAE5B"}

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

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

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

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

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

@@ -0,0 +1,10 @@
+import type { ITextFormattableProps } from '../../../Behaviors/TextFormattable';
+/**
+ * Represents the `{@link IDrawerHeaderSubTextElementProps}` interface.
+ *
+ * @public
+ */
+export interface IDrawerHeaderSubTextElementProps extends ITextFormattableProps {
+    text: string;
+}
+//# sourceMappingURL=IDrawerHeaderSubTextElementProps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IDrawerHeaderSubTextElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Drawer/IDrawerHeaderSubTextElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAIhF;;;;GAIG;AACH,MAAM,WAAW,gCAAiC,SAAQ,qBAAqB;IAE3E,IAAI,EAAE,MAAM,CAAC;CAEhB"}

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

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

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

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

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

@@ -0,0 +1,10 @@
+import type { ITextFormattableProps } from '../../../Behaviors/TextFormattable';
+/**
+ * Represents the `{@link IDrawerHeaderTextElementProps}` interface.
+ *
+ * @public
+ */
+export interface IDrawerHeaderTextElementProps extends ITextFormattableProps {
+    text: string;
+}
+//# sourceMappingURL=IDrawerHeaderTextElementProps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IDrawerHeaderTextElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Drawer/IDrawerHeaderTextElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAIhF;;;;GAIG;AACH,MAAM,WAAW,6BAA8B,SAAQ,qBAAqB;IAExE,IAAI,EAAE,MAAM,CAAC;CAEhB"}

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

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

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

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

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

@@ -0,0 +1,30 @@
+import type { IOverlayServiceConfig } from '../Abstracts/IOverlayServiceConfig';
+import type { IDrawerRef, IDrawerOptions } from './DrawerService';
+import type { IOverlayBehavior } from '../Abstracts/IOverlayBehavior';
+/**
+ * Drawer behavior type.
+ *
+ * @public
+ */
+export type IDrawerBehavior = IOverlayBehavior<IDrawerRef, IDrawerOptions>;
+/**
+ * Configuration for the drawer service.
+ * Extends the base overlay service config with drawer-specific options.
+ *
+ * @public
+ */
+export interface IDrawerServiceConfig extends IOverlayServiceConfig<IDrawerBehavior> {
+    /**
+     * Whether to close drawers when navigating away (popstate event).
+     *
+     * @default true
+     */
+    readonly closeOnNavigation?: boolean;
+}
+/**
+ * Default configuration for the drawer service.
+ *
+ * @public
+ */
+export declare const DRAWER_SERVICE_DEFAULT_CONFIG: IDrawerServiceConfig;
+//# sourceMappingURL=IDrawerServiceConfig.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IDrawerServiceConfig.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Drawer/IDrawerServiceConfig.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAChF,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAClE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAItE;;;;GAIG;AACH,MAAM,MAAM,eAAe,GAAG,gBAAgB,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC;AAE3E;;;;;GAKG;AACH,MAAM,WAAW,oBAAqB,SAAQ,qBAAqB,CAAC,eAAe,CAAC;IAIhF;;;;OAIG;IACH,QAAQ,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAIxC;AAED;;;;GAIG;AACH,eAAO,MAAM,6BAA6B,EAAE,oBAG3C,CAAC"}

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

@@ -0,0 +1,11 @@
+// #region Imports
+/**
+ * Default configuration for the drawer service.
+ *
+ * @public
+ */
+export const DRAWER_SERVICE_DEFAULT_CONFIG = {
+    behaviors: [],
+    closeOnNavigation: true
+};
+//# sourceMappingURL=IDrawerServiceConfig.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IDrawerServiceConfig.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Drawer/IDrawerServiceConfig.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAoClB;;;;GAIG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAyB;IAC/D,SAAS,EAAE,EAAE;IACb,iBAAiB,EAAE,IAAI;CAC1B,CAAC"}

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

@@ -0,0 +1,73 @@
+/**
+ * Display modes for the drawer service.
+ * - 'default': Normal drawer behavior, each drawer opens independently.
+ * - 'stacked': Drawers cascade with configurable width reduction per level.
+ *
+ * @public
+ */
+export type DrawerDisplayMode = 'default' | 'stacked';
+/**
+ * Configuration for the drawer stack behavior.
+ * Controls how multiple drawers are displayed in a cascaded/stacked manner.
+ *
+ * @public
+ */
+export interface IDrawerStackConfig {
+    /**
+     * The display mode for drawers opened through this service.
+     * - 'default': Normal drawer behavior, each drawer opens independently.
+     * - 'stacked': Drawers cascade with configurable width reduction per level.
+     *
+     * @default 'default'
+     */
+    readonly displayMode: DrawerDisplayMode;
+    /**
+     * The base width of the first drawer in the stack.
+     * Can be a percentage (e.g., '80%', '90%') or a fixed value (e.g., '800px').
+     *
+     * @default '80%'
+     */
+    readonly baseWidth: string;
+    /**
+     * The percentage threshold to reduce width for each subsequent drawer in the stack.
+     * For example, if baseWidth is 80% and threshold is 4, the second drawer will be 76%, third 72%, etc.
+     *
+     * @default 4
+     */
+    readonly stackThreshold: number;
+    /**
+     * The maximum number of drawers that can be stacked.
+     * When this limit is reached, opening a new drawer will close the oldest one.
+     * Set to undefined for unlimited stacking.
+     *
+     * @default undefined
+     */
+    readonly maxStackDepth?: number;
+    /**
+     * The z-index increment for each stacked drawer.
+     * Ensures that newer drawers appear above older ones.
+     *
+     * @default 10
+     */
+    readonly zIndexIncrement: number;
+    /**
+     * Whether to show a visual indicator (shadow/edge) of drawers beneath the top one.
+     *
+     * @default true
+     */
+    readonly showStackIndicator: boolean;
+    /**
+     * The visual offset (in pixels) to show a hint of the drawer beneath.
+     * Only applies when showStackIndicator is true.
+     *
+     * @default 8
+     */
+    readonly stackIndicatorOffset: number;
+}
+/**
+ * Default configuration for drawer stacking behavior.
+ *
+ * @public
+ */
+export declare const DRAWER_STACK_DEFAULT_CONFIG: IDrawerStackConfig;
+//# sourceMappingURL=IDrawerStackConfig.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IDrawerStackConfig.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Drawer/IDrawerStackConfig.ts"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,SAAS,CAAC;AAEtD;;;;;GAKG;AACH,MAAM,WAAW,kBAAkB;IAI/B;;;;;;OAMG;IACH,QAAQ,CAAC,WAAW,EAAE,iBAAiB,CAAC;IAExC;;;;;OAKG;IACH,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAE3B;;;;;OAKG;IACH,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAEhC;;;;;;OAMG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAEhC;;;;;OAKG;IACH,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC;IAEjC;;;;OAIG;IACH,QAAQ,CAAC,kBAAkB,EAAE,OAAO,CAAC;IAErC;;;;;OAKG;IACH,QAAQ,CAAC,oBAAoB,EAAE,MAAM,CAAC;CAIzC;AAED;;;;GAIG;AACH,eAAO,MAAM,2BAA2B,EAAE,kBAQzC,CAAC"}

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

@@ -0,0 +1,16 @@
+// #region Imports
+/**
+ * Default configuration for drawer stacking behavior.
+ *
+ * @public
+ */
+export const DRAWER_STACK_DEFAULT_CONFIG = {
+    displayMode: 'default',
+    baseWidth: '80%',
+    stackThreshold: 4,
+    maxStackDepth: undefined,
+    zIndexIncrement: 10,
+    showStackIndicator: true,
+    stackIndicatorOffset: 8
+};
+//# sourceMappingURL=IDrawerStackConfig.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IDrawerStackConfig.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Overlays/Drawer/IDrawerStackConfig.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAoFlB;;;;GAIG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAuB;IAC3D,WAAW,EAAE,SAAS;IACtB,SAAS,EAAE,KAAK;IAChB,cAAc,EAAE,CAAC;IACjB,aAAa,EAAE,SAAS;IACxB,eAAe,EAAE,EAAE;IACnB,kBAAkB,EAAE,IAAI;IACxB,oBAAoB,EAAE,CAAC;CAC1B,CAAC"}

package/Controls/Components/Overlays/Drawer/Themes/DrawerElement.Cosmopolitan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Drawer/Themes/DrawerElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,8BAA8B,IAAI,SAAS,CAqK1D"}
+{"version":3,"file":"DrawerElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Drawer/Themes/DrawerElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,8BAA8B,IAAI,SAAS,CAmK1D"}

package/Controls/Components/Overlays/Drawer/Themes/DrawerElement.Cosmopolitan.js

@@ -76,8 +76,6 @@ export function drawerElementCosmopolitanStyle() {
   pointer-events: none;
   width: 100%;
   height: 100%;
-  width: var(--drawer-width);
-  height: var(--drawer-height);
   position: fixed;
   top: 0;
   left: 0;
@@ -96,7 +94,7 @@ export function drawerElementCosmopolitanStyle() {
   position: absolute;
 }
 
-:host [part="root"] [part="header"], :host [part="root"] [part="main"] {
+:host [part="root"] [part="heading"], :host [part="root"] [part="main"] {
   display: flex;
   overflow: hidden;
 }

package/Controls/Components/Overlays/Drawer/Themes/DrawerElement.Cosmopolitan.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Drawer/Themes/DrawerElement.Cosmopolitan.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,8BAA8B;IAC1C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmKT,CAAC;AACN,CAAC"}
+{"version":3,"file":"DrawerElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Drawer/Themes/DrawerElement.Cosmopolitan.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,8BAA8B;IAC1C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiKT,CAAC;AACN,CAAC"}

package/Controls/Components/Overlays/Drawer/Themes/DrawerElement.Joy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Drawer/Themes/DrawerElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,SAAS,CAqKjD"}
+{"version":3,"file":"DrawerElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Drawer/Themes/DrawerElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,SAAS,CAmKjD"}