@breadstone/mosaik-elements-foundation 0.0.211 → 0.0.214

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/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,CAkK1D"}
+{"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,CAiN1D"}

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

@@ -92,6 +92,7 @@ export function drawerElementCosmopolitanStyle() {
   flex-direction: column;
   display: flex;
   position: absolute;
+  overflow: hidden;
 }
 
 :host [part="root"] [part="heading"], :host [part="root"] [part="main"] {
@@ -104,7 +105,6 @@ export function drawerElementCosmopolitanStyle() {
 
 :host [part="root"]:after {
   content: "";
-  width: var(--drawer-line-thickness);
   background-color: var(--drawer-border-color);
   position: absolute;
   top: 0;
@@ -143,18 +143,46 @@ export function drawerElementCosmopolitanStyle() {
   left: 0;
 }
 
+:host([position="left"]) [part="root"]:after {
+  width: var(--drawer-line-thickness);
+  right: 0;
+  left: unset;
+}
+
 :host([position="right"]) [part="root"] {
   right: 0;
 }
 
+:host([position="right"]) [part="root"]:after {
+  width: var(--drawer-line-thickness);
+  left: 0;
+  right: unset;
+}
+
 :host([position="top"]) [part="root"] {
   top: 0;
 }
 
+:host([position="top"]) [part="root"]:after {
+  height: var(--drawer-line-thickness);
+  bottom: 0;
+  left: 0;
+  right: 0;
+  top: unset;
+}
+
 :host([position="bottom"]) [part="root"] {
   bottom: 0;
 }
 
+:host([position="bottom"]) [part="root"]:after {
+  height: var(--drawer-line-thickness);
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: unset;
+}
+
 :host([position="left"]:not([is-open])) [part="root"] {
   margin-left: -40px;
 }
@@ -171,6 +199,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgKT,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+MT,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,CAkKjD"}
+{"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,CAiNjD"}

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

@@ -92,6 +92,7 @@ export function drawerElementJoyStyle() {
   flex-direction: column;
   display: flex;
   position: absolute;
+  overflow: hidden;
 }
 
 :host [part="root"] [part="heading"], :host [part="root"] [part="main"] {
@@ -104,7 +105,6 @@ export function drawerElementJoyStyle() {
 
 :host [part="root"]:after {
   content: "";
-  width: var(--drawer-line-thickness);
   background-color: var(--drawer-border-color);
   position: absolute;
   top: 0;
@@ -143,18 +143,46 @@ export function drawerElementJoyStyle() {
   left: 0;
 }
 
+:host([position="left"]) [part="root"]:after {
+  width: var(--drawer-line-thickness);
+  right: 0;
+  left: unset;
+}
+
 :host([position="right"]) [part="root"] {
   right: 0;
 }
 
+:host([position="right"]) [part="root"]:after {
+  width: var(--drawer-line-thickness);
+  left: 0;
+  right: unset;
+}
+
 :host([position="top"]) [part="root"] {
   top: 0;
 }
 
+:host([position="top"]) [part="root"]:after {
+  height: var(--drawer-line-thickness);
+  bottom: 0;
+  left: 0;
+  right: 0;
+  top: unset;
+}
+
 :host([position="bottom"]) [part="root"] {
   bottom: 0;
 }
 
+:host([position="bottom"]) [part="root"]:after {
+  height: var(--drawer-line-thickness);
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: unset;
+}
+
 :host([position="left"]:not([is-open])) [part="root"] {
   margin-left: -40px;
 }
@@ -171,6 +199,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgKT,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+MT,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,CAsKrD"}
+{"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,CAqNrD"}

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

@@ -92,6 +92,7 @@ export function drawerElementMemphisStyle() {
   flex-direction: column;
   display: flex;
   position: absolute;
+  overflow: hidden;
 }
 
 :host [part="root"] [part="heading"], :host [part="root"] [part="main"] {
@@ -104,7 +105,6 @@ export function drawerElementMemphisStyle() {
 
 :host [part="root"]:after {
   content: "";
-  width: var(--drawer-line-thickness);
   background-color: var(--drawer-border-color);
   position: absolute;
   top: 0;
@@ -143,18 +143,46 @@ export function drawerElementMemphisStyle() {
   left: 0;
 }
 
+:host([position="left"]) [part="root"]:after {
+  width: var(--drawer-line-thickness);
+  right: 0;
+  left: unset;
+}
+
 :host([position="right"]) [part="root"] {
   right: 0;
 }
 
+:host([position="right"]) [part="root"]:after {
+  width: var(--drawer-line-thickness);
+  left: 0;
+  right: unset;
+}
+
 :host([position="top"]) [part="root"] {
   top: 0;
 }
 
+:host([position="top"]) [part="root"]:after {
+  height: var(--drawer-line-thickness);
+  bottom: 0;
+  left: 0;
+  right: 0;
+  top: unset;
+}
+
 :host([position="bottom"]) [part="root"] {
   bottom: 0;
 }
 
+:host([position="bottom"]) [part="root"]:after {
+  height: var(--drawer-line-thickness);
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: unset;
+}
+
 :host([position="left"]:not([is-open])) [part="root"] {
   margin-left: -40px;
 }
@@ -171,6 +199,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoKT,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmNT,CAAC;AACN,CAAC"}

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

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

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

@@ -58,14 +58,8 @@ export function drawerFooterElementCosmopolitanStyle() {
 }
 
 :host {
-  justify-content: space-between;
-  align-items: center;
-  gap: var(--drawer-gap);
-  height: 56px;
   padding: var(--drawer-padding-top) var(--drawer-padding-right) var(--drawer-padding-bottom) var(--drawer-padding-left);
   gap: var(--drawer-gap);
-  flex-direction: row;
-  display: flex;
   position: relative;
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerFooterElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Drawer/Themes/DrawerFooterElement.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,oCAAoC;IAChD,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwET,CAAC;AACN,CAAC"}
+{"version":3,"file":"DrawerFooterElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Drawer/Themes/DrawerFooterElement.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,oCAAoC;IAChD,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkET,CAAC;AACN,CAAC"}

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

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

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

@@ -58,14 +58,8 @@ export function drawerFooterElementJoyStyle() {
 }
 
 :host {
-  justify-content: space-between;
-  align-items: center;
-  gap: var(--drawer-gap);
-  height: 56px;
   padding: var(--drawer-padding-top) var(--drawer-padding-right) var(--drawer-padding-bottom) var(--drawer-padding-left);
   gap: var(--drawer-gap);
-  flex-direction: row;
-  display: flex;
   position: relative;
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerFooterElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Drawer/Themes/DrawerFooterElement.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,2BAA2B;IACvC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwET,CAAC;AACN,CAAC"}
+{"version":3,"file":"DrawerFooterElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Drawer/Themes/DrawerFooterElement.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,2BAA2B;IACvC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkET,CAAC;AACN,CAAC"}

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

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

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

@@ -58,14 +58,8 @@ export function drawerFooterElementMemphisStyle() {
 }
 
 :host {
-  justify-content: space-between;
-  align-items: center;
-  gap: var(--drawer-gap);
-  height: 56px;
   padding: var(--drawer-padding-top) var(--drawer-padding-right) var(--drawer-padding-bottom) var(--drawer-padding-left);
   gap: var(--drawer-gap);
-  flex-direction: row;
-  display: flex;
   position: relative;
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerFooterElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Drawer/Themes/DrawerFooterElement.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,+BAA+B;IAC3C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwET,CAAC;AACN,CAAC"}
+{"version":3,"file":"DrawerFooterElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Overlays/Drawer/Themes/DrawerFooterElement.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,+BAA+B;IAC3C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkET,CAAC;AACN,CAAC"}