@breadstone/mosaik-elements-foundation 0.0.210 → 0.0.212

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

@@ -0,0 +1,76 @@
+// ------------------------------------------------------------------------------
+// <auto-generated>
+//     This code was generated by a tool.
+//     Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+// </auto-generated>
+// ------------------------------------------------------------------------------
+// #region Imports
+import { css } from '../../../../../Dom/Css';
+// #endregion
+/**
+ * @public
+ */
+export function drawerActionsElementCosmopolitanStyle() {
+    return css `
+:host {
+  --drawer-actions-font-family: unset;
+  --drawer-actions-font-letter-spacing: unset;
+  --drawer-actions-font-line-height: unset;
+  --drawer-actions-font-size: unset;
+  --drawer-actions-font-text-decoration: unset;
+  --drawer-actions-font-text-transform: unset;
+  --drawer-actions-font-weight: unset;
+  --drawer-actions-gap: unset;
+  --drawer-actions-padding-bottom: unset;
+  --drawer-actions-padding-left: unset;
+  --drawer-actions-padding-right: unset;
+  --drawer-actions-padding-top: unset;
+  --drawer-actions-transition-duration: unset;
+  --drawer-actions-transition-mode: unset;
+  --drawer-actions-transition-property: unset;
+  --drawer-actions-translate: unset;
+}
+
+@media screen and (prefers-reduced-motion: reduce) {
+  :host {
+    transition-duration: .01ms;
+  }
+}
+
+:host {
+  box-sizing: border-box;
+  display: block;
+  position: relative;
+}
+
+:host *, :host :before, :host :after {
+  box-sizing: border-box;
+  background-repeat: no-repeat;
+}
+
+:host :before, :host :after {
+  text-decoration: inherit;
+  vertical-align: inherit;
+}
+
+:host([hidden]) {
+  display: none !important;
+}
+
+:host {
+  padding: var(--drawer-actions-padding-top) var(--drawer-actions-padding-right) var(--drawer-actions-padding-bottom) var(--drawer-actions-padding-left);
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--drawer-actions-gap);
+  flex-direction: row;
+  display: flex;
+  position: relative;
+}
+
+:host [part="innerStack"] {
+  --stack-gap: var(--drawer-actions-gap);
+}
+
+    `;
+}
+//# sourceMappingURL=DrawerActionsElement.Cosmopolitan.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerActionsElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Drawer/Themes/DrawerActionsElement.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,qCAAqC;IACjD,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4DT,CAAC;AACN,CAAC"}

package/Controls/Components/Overlays/Drawer/Themes/DrawerActionsElement.Joy.d.ts

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

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

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

package/Controls/Components/Overlays/Drawer/Themes/DrawerActionsElement.Joy.js

@@ -0,0 +1,76 @@
+// ------------------------------------------------------------------------------
+// <auto-generated>
+//     This code was generated by a tool.
+//     Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+// </auto-generated>
+// ------------------------------------------------------------------------------
+// #region Imports
+import { css } from '../../../../../Dom/Css';
+// #endregion
+/**
+ * @public
+ */
+export function drawerActionsElementJoyStyle() {
+    return css `
+:host {
+  --drawer-actions-font-family: unset;
+  --drawer-actions-font-letter-spacing: unset;
+  --drawer-actions-font-line-height: unset;
+  --drawer-actions-font-size: unset;
+  --drawer-actions-font-text-decoration: unset;
+  --drawer-actions-font-text-transform: unset;
+  --drawer-actions-font-weight: unset;
+  --drawer-actions-gap: var(--joy-layout-space);
+  --drawer-actions-padding-bottom: calc(var(--joy-layout-space) * 2);
+  --drawer-actions-padding-left: calc(var(--joy-layout-space) * 2);
+  --drawer-actions-padding-right: calc(var(--joy-layout-space) * 2);
+  --drawer-actions-padding-top: calc(var(--joy-layout-space) * 2);
+  --drawer-actions-transition-duration: unset;
+  --drawer-actions-transition-mode: unset;
+  --drawer-actions-transition-property: unset;
+  --drawer-actions-translate: unset;
+}
+
+@media screen and (prefers-reduced-motion: reduce) {
+  :host {
+    transition-duration: .01ms;
+  }
+}
+
+:host {
+  box-sizing: border-box;
+  display: block;
+  position: relative;
+}
+
+:host *, :host :before, :host :after {
+  box-sizing: border-box;
+  background-repeat: no-repeat;
+}
+
+:host :before, :host :after {
+  text-decoration: inherit;
+  vertical-align: inherit;
+}
+
+:host([hidden]) {
+  display: none !important;
+}
+
+:host {
+  padding: var(--drawer-actions-padding-top) var(--drawer-actions-padding-right) var(--drawer-actions-padding-bottom) var(--drawer-actions-padding-left);
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--drawer-actions-gap);
+  flex-direction: row;
+  display: flex;
+  position: relative;
+}
+
+:host [part="innerStack"] {
+  --stack-gap: var(--drawer-actions-gap);
+}
+
+    `;
+}
+//# sourceMappingURL=DrawerActionsElement.Joy.js.map

package/Controls/Components/Overlays/Drawer/Themes/DrawerActionsElement.Joy.js.map

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

package/Controls/Components/Overlays/Drawer/Themes/DrawerActionsElement.Memphis.d.ts

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

package/Controls/Components/Overlays/Drawer/Themes/DrawerActionsElement.Memphis.d.ts.map

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

package/Controls/Components/Overlays/Drawer/Themes/DrawerActionsElement.Memphis.js

@@ -0,0 +1,76 @@
+// ------------------------------------------------------------------------------
+// <auto-generated>
+//     This code was generated by a tool.
+//     Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+// </auto-generated>
+// ------------------------------------------------------------------------------
+// #region Imports
+import { css } from '../../../../../Dom/Css';
+// #endregion
+/**
+ * @public
+ */
+export function drawerActionsElementMemphisStyle() {
+    return css `
+:host {
+  --drawer-actions-font-family: unset;
+  --drawer-actions-font-letter-spacing: unset;
+  --drawer-actions-font-line-height: unset;
+  --drawer-actions-font-size: unset;
+  --drawer-actions-font-text-decoration: unset;
+  --drawer-actions-font-text-transform: unset;
+  --drawer-actions-font-weight: unset;
+  --drawer-actions-gap: var(--memphis-layout-space);
+  --drawer-actions-padding-bottom: calc(var(--memphis-layout-space) * 2);
+  --drawer-actions-padding-left: calc(var(--memphis-layout-space) * 2);
+  --drawer-actions-padding-right: calc(var(--memphis-layout-space) * 2);
+  --drawer-actions-padding-top: calc(var(--memphis-layout-space) * 2);
+  --drawer-actions-transition-duration: unset;
+  --drawer-actions-transition-mode: unset;
+  --drawer-actions-transition-property: unset;
+  --drawer-actions-translate: unset;
+}
+
+@media screen and (prefers-reduced-motion: reduce) {
+  :host {
+    transition-duration: .01ms;
+  }
+}
+
+:host {
+  box-sizing: border-box;
+  display: block;
+  position: relative;
+}
+
+:host *, :host :before, :host :after {
+  box-sizing: border-box;
+  background-repeat: no-repeat;
+}
+
+:host :before, :host :after {
+  text-decoration: inherit;
+  vertical-align: inherit;
+}
+
+:host([hidden]) {
+  display: none !important;
+}
+
+:host {
+  padding: var(--drawer-actions-padding-top) var(--drawer-actions-padding-right) var(--drawer-actions-padding-bottom) var(--drawer-actions-padding-left);
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--drawer-actions-gap);
+  flex-direction: row;
+  display: flex;
+  position: relative;
+}
+
+:host [part="innerStack"] {
+  --stack-gap: var(--drawer-actions-gap);
+}
+
+    `;
+}
+//# sourceMappingURL=DrawerActionsElement.Memphis.js.map

package/Controls/Components/Overlays/Drawer/Themes/DrawerActionsElement.Memphis.js.map

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

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

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

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

@@ -60,6 +60,7 @@ export function drawerContentElementCosmopolitanStyle() {
 :host {
   z-index: 1;
   height: 100%;
+  padding: var(--drawer-content-padding-top) var(--drawer-content-padding-right) var(--drawer-content-padding-bottom) var(--drawer-content-padding-left);
   transition-property: transform, margin-left, margin-right;
   transition-duration: .4s;
   transition-timing-function: cubic-bezier(.25, .8, .25, 1);

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerContentElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Drawer/Themes/DrawerContentElement.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,qCAAqC;IACjD,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyDT,CAAC;AACN,CAAC"}
+{"version":3,"file":"DrawerContentElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Drawer/Themes/DrawerContentElement.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,qCAAqC;IACjD,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0DT,CAAC;AACN,CAAC"}

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

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

package/Controls/Components/Overlays/Drawer/Themes/DrawerContentElement.Joy.js

@@ -20,11 +20,11 @@ export function drawerContentElementJoyStyle() {
   --drawer-content-font-text-decoration: unset;
   --drawer-content-font-text-transform: unset;
   --drawer-content-font-weight: unset;
-  --drawer-content-gap: unset;
-  --drawer-content-padding-bottom: unset;
-  --drawer-content-padding-left: unset;
-  --drawer-content-padding-right: unset;
-  --drawer-content-padding-top: unset;
+  --drawer-content-gap: var(--joy-layout-space);
+  --drawer-content-padding-bottom: calc(var(--joy-layout-space) * 2);
+  --drawer-content-padding-left: calc(var(--joy-layout-space) * 2);
+  --drawer-content-padding-right: calc(var(--joy-layout-space) * 2);
+  --drawer-content-padding-top: calc(var(--joy-layout-space) * 2);
   --drawer-content-transition-duration: unset;
   --drawer-content-transition-mode: unset;
   --drawer-content-transition-property: unset;
@@ -60,6 +60,7 @@ export function drawerContentElementJoyStyle() {
 :host {
   z-index: 1;
   height: 100%;
+  padding: var(--drawer-content-padding-top) var(--drawer-content-padding-right) var(--drawer-content-padding-bottom) var(--drawer-content-padding-left);
   transition-property: transform, margin-left, margin-right;
   transition-duration: .4s;
   transition-timing-function: cubic-bezier(.25, .8, .25, 1);

package/Controls/Components/Overlays/Drawer/Themes/DrawerContentElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerContentElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Drawer/Themes/DrawerContentElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,4BAA4B;IACxC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyDT,CAAC;AACN,CAAC"}
+{"version":3,"file":"DrawerContentElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Drawer/Themes/DrawerContentElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,4BAA4B;IACxC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0DT,CAAC;AACN,CAAC"}

package/Controls/Components/Overlays/Drawer/Themes/DrawerContentElement.Memphis.d.ts.map

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

package/Controls/Components/Overlays/Drawer/Themes/DrawerContentElement.Memphis.js

@@ -20,11 +20,11 @@ export function drawerContentElementMemphisStyle() {
   --drawer-content-font-text-decoration: unset;
   --drawer-content-font-text-transform: unset;
   --drawer-content-font-weight: unset;
-  --drawer-content-gap: unset;
-  --drawer-content-padding-bottom: unset;
-  --drawer-content-padding-left: unset;
-  --drawer-content-padding-right: unset;
-  --drawer-content-padding-top: unset;
+  --drawer-content-gap: var(--memphis-layout-space);
+  --drawer-content-padding-bottom: calc(var(--memphis-layout-space) * 2);
+  --drawer-content-padding-left: calc(var(--memphis-layout-space) * 2);
+  --drawer-content-padding-right: calc(var(--memphis-layout-space) * 2);
+  --drawer-content-padding-top: calc(var(--memphis-layout-space) * 2);
   --drawer-content-transition-duration: unset;
   --drawer-content-transition-mode: unset;
   --drawer-content-transition-property: unset;
@@ -60,6 +60,7 @@ export function drawerContentElementMemphisStyle() {
 :host {
   z-index: 1;
   height: 100%;
+  padding: var(--drawer-content-padding-top) var(--drawer-content-padding-right) var(--drawer-content-padding-bottom) var(--drawer-content-padding-left);
   transition-property: transform, margin-left, margin-right;
   transition-duration: .4s;
   transition-timing-function: cubic-bezier(.25, .8, .25, 1);

package/Controls/Components/Overlays/Drawer/Themes/DrawerContentElement.Memphis.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerContentElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Drawer/Themes/DrawerContentElement.Memphis.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,gCAAgC;IAC5C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyDT,CAAC;AACN,CAAC"}
+{"version":3,"file":"DrawerContentElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Drawer/Themes/DrawerContentElement.Memphis.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,gCAAgC;IAC5C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0DT,CAAC;AACN,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,CAmK1D"}
+{"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,CAsL1D"}

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

@@ -92,10 +92,10 @@ export function drawerElementCosmopolitanStyle() {
   flex-direction: column;
   display: flex;
   position: absolute;
+  overflow: hidden;
 }
 
 :host [part="root"] [part="heading"], :host [part="root"] [part="main"] {
-  display: flex;
   overflow: hidden;
 }
 
@@ -172,6 +172,25 @@ export function drawerElementCosmopolitanStyle() {
   margin-bottom: -40px;
 }
 
+:host([data-stack-level]) {
+  z-index: var(--drawer-z-index, 1);
+}
+
+:host([data-stack-level]:not([data-stack-level="0"])):before {
+  content: "";
+  top: var(--drawer-stack-indicator-offset, 0);
+  left: var(--drawer-stack-indicator-offset, 0);
+  right: calc(-1 * var(--drawer-stack-indicator-offset, 0));
+  bottom: calc(-1 * var(--drawer-stack-indicator-offset, 0));
+  pointer-events: none;
+  position: absolute;
+}
+
+:host(.mosaik-drawer-stacked) [part="root"] {
+  pointer-events: none;
+  filter: brightness(.95);
+}
+
     `;
 }
 //# sourceMappingURL=DrawerElement.Cosmopolitan.js.map

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiKT,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoLT,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,CAmKjD"}
+{"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,CAsLjD"}

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

@@ -92,10 +92,10 @@ export function drawerElementJoyStyle() {
   flex-direction: column;
   display: flex;
   position: absolute;
+  overflow: hidden;
 }
 
 :host [part="root"] [part="heading"], :host [part="root"] [part="main"] {
-  display: flex;
   overflow: hidden;
 }
 
@@ -172,6 +172,25 @@ export function drawerElementJoyStyle() {
   margin-bottom: -40px;
 }
 
+:host([data-stack-level]) {
+  z-index: var(--drawer-z-index, 1);
+}
+
+:host([data-stack-level]:not([data-stack-level="0"])):before {
+  content: "";
+  top: var(--drawer-stack-indicator-offset, 0);
+  left: var(--drawer-stack-indicator-offset, 0);
+  right: calc(-1 * var(--drawer-stack-indicator-offset, 0));
+  bottom: calc(-1 * var(--drawer-stack-indicator-offset, 0));
+  pointer-events: none;
+  position: absolute;
+}
+
+:host(.mosaik-drawer-stacked) [part="root"] {
+  pointer-events: none;
+  filter: brightness(.95);
+}
+
     `;
 }
 //# sourceMappingURL=DrawerElement.Joy.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Drawer/Themes/DrawerElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,qBAAqB;IACjC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiKT,CAAC;AACN,CAAC"}
+{"version":3,"file":"DrawerElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Drawer/Themes/DrawerElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,qBAAqB;IACjC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoLT,CAAC;AACN,CAAC"}

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

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

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

@@ -92,10 +92,10 @@ export function drawerElementMemphisStyle() {
   flex-direction: column;
   display: flex;
   position: absolute;
+  overflow: hidden;
 }
 
 :host [part="root"] [part="heading"], :host [part="root"] [part="main"] {
-  display: flex;
   overflow: hidden;
 }
 
@@ -172,6 +172,25 @@ export function drawerElementMemphisStyle() {
   margin-bottom: -40px;
 }
 
+:host([data-stack-level]) {
+  z-index: var(--drawer-z-index, 1);
+}
+
+:host([data-stack-level]:not([data-stack-level="0"])):before {
+  content: "";
+  top: var(--drawer-stack-indicator-offset, 0);
+  left: var(--drawer-stack-indicator-offset, 0);
+  right: calc(-1 * var(--drawer-stack-indicator-offset, 0));
+  bottom: calc(-1 * var(--drawer-stack-indicator-offset, 0));
+  pointer-events: none;
+  position: absolute;
+}
+
+:host(.mosaik-drawer-stacked) [part="root"] {
+  pointer-events: none;
+  filter: brightness(.95);
+}
+
 :host [part="root"]:after {
   width: var(--drawer-border-width);
 }

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Drawer/Themes/DrawerElement.Memphis.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,yBAAyB;IACrC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqKT,CAAC;AACN,CAAC"}
+{"version":3,"file":"DrawerElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Drawer/Themes/DrawerElement.Memphis.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,yBAAyB;IACrC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwLT,CAAC;AACN,CAAC"}

package/Controls/Components/Overlays/Drawer/behaviors/DrawerStackBehavior.d.ts

@@ -0,0 +1,136 @@
+import type { IOverlayBehavior } from '../../Abstracts/IOverlayBehavior';
+import type { IDrawerRef, IDrawerOptions } from '../DrawerService';
+import { type IDrawerStackBehaviorConfig } from './IDrawerStackBehaviorConfig';
+/**
+ * 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 declare class DrawerStackBehavior implements IOverlayBehavior<IDrawerRef, IDrawerOptions> {
+    private readonly _config;
+    private readonly _stack;
+    /**
+     * Constructs a new instance of the `DrawerStackBehavior` class.
+     *
+     * @public
+     * @param config - Optional configuration for stack behavior.
+     */
+    constructor(config?: Partial<IDrawerStackBehaviorConfig>);
+    /**
+     * Returns the current number of drawers in the stack.
+     *
+     * @public
+     * @readonly
+     */
+    get stackSize(): number;
+    /**
+     * Returns the current stack configuration.
+     *
+     * @public
+     * @readonly
+     */
+    get config(): Readonly<IDrawerStackBehaviorConfig>;
+    /**
+     * Returns an array of all drawer references in stack order (oldest first).
+     *
+     * @public
+     * @readonly
+     */
+    get stack(): ReadonlyArray<IDrawerRef>;
+    /**
+     * Configures the drawer options before opening.
+     * Calculates the appropriate width based on stack position.
+     *
+     * @public
+     * @param options - The drawer options to configure.
+     */
+    configure(_options: Partial<IDrawerOptions>): void;
+    /**
+     * Attaches a drawer to the stack and applies stack styling.
+     *
+     * @public
+     * @param ref - The drawer reference to attach.
+     */
+    attach(ref: IDrawerRef): void;
+    /**
+     * Detaches a drawer from the stack.
+     *
+     * @public
+     * @param ref - The drawer reference to detach.
+     */
+    detach(ref: IDrawerRef): void;
+    /**
+     * Disposes of all resources and clears the stack.
+     *
+     * @public
+     */
+    dispose(): void;
+    /**
+     * 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: number, baseWidthOverride?: string): string;
+    /**
+     * Applies the stacked CSS class to all drawers except the topmost one.
+     *
+     * @private
+     */
+    private applyStackedClasses;
+    /**
+     * 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
+     */
+    private recalculateStackWidths;
+    /**
+     * 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).
+     */
+    private cssLengthToString;
+    /**
+     * 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.
+     */
+    private parseWidthToPercentage;
+    /**
+     * 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.
+     */
+    private growSmallerDrawersToMatchLargest;
+    /**
+     * Calculates the z-index for a drawer at a specific stack level.
+     *
+     * @private
+     * @param stackLevel - The zero-based index of the drawer in the stack.
+     * @returns The calculated z-index value.
+     */
+    private calculateZIndex;
+    /**
+     * 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.
+     */
+    private applyStackStyles;
+}
+//# sourceMappingURL=DrawerStackBehavior.d.ts.map

package/Controls/Components/Overlays/Drawer/behaviors/DrawerStackBehavior.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerStackBehavior.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Drawer/behaviors/DrawerStackBehavior.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACnE,OAAO,EAAE,KAAK,0BAA0B,EAAwC,MAAM,8BAA8B,CAAC;AAYrH;;;;;;GAMG;AACH,qBAAa,mBAAoB,YAAW,gBAAgB,CAAC,UAAU,EAAE,cAAc,CAAC;IAIpF,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA6B;IACrD,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAoB;IAM3C;;;;;OAKG;gBACgB,MAAM,CAAC,EAAE,OAAO,CAAC,0BAA0B,CAAC;IAY/D;;;;;OAKG;IACH,IAAW,SAAS,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IAAW,MAAM,IAAI,QAAQ,CAAC,0BAA0B,CAAC,CAExD;IAED;;;;;OAKG;IACH,IAAW,KAAK,IAAI,aAAa,CAAC,UAAU,CAAC,CAE5C;IAMD;;;;;;OAMG;IACI,SAAS,CAAC,QAAQ,EAAE,OAAO,CAAC,cAAc,CAAC,GAAG,IAAI;IAOzD;;;;;OAKG;IACI,MAAM,CAAC,GAAG,EAAE,UAAU,GAAG,IAAI;IAcpC;;;;;OAKG;IACI,MAAM,CAAC,GAAG,EAAE,UAAU,GAAG,IAAI;IAapC;;;;OAIG;IACI,OAAO,IAAI,IAAI;IAItB;;;;;;;OAOG;IACI,cAAc,CAAC,UAAU,EAAE,MAAM,EAAE,iBAAiB,CAAC,EAAE,MAAM,GAAG,MAAM;IAkB7E;;;;OAIG;IACH,OAAO,CAAC,mBAAmB;IAa3B;;;;;;OAMG;IACH,OAAO,CAAC,sBAAsB;IA0C9B;;;;;;;OAOG;IACH,OAAO,CAAC,iBAAiB;IAczB;;;;;;OAMG;IACH,OAAO,CAAC,sBAAsB;IAa9B;;;;;;OAMG;IACH,OAAO,CAAC,gCAAgC;IAgCxC;;;;;;OAMG;IACH,OAAO,CAAC,eAAe;IAMvB;;;;;;;OAOG;IACH,OAAO,CAAC,gBAAgB;CAsB3B"}