@breadstone/mosaik-elements-foundation 0.1.46 → 0.1.48

package/Controls/Components/Selectors/List/Themes/ListElement.Cosmopolitan.js

@@ -27,6 +27,7 @@ export function listElementCosmopolitanStyle() {
   --list-font-weight: unset;
   --list-foreground-color: unset;
   --list-gap: unset;
+  --list-line-thickness: unset;
   --list-padding-bottom: unset;
   --list-padding-left: unset;
   --list-padding-right: unset;
@@ -88,38 +89,78 @@ export function listElementCosmopolitanStyle() {
   transition-timing-function: var(--list-transition-mode);
   transition-property: var(--list-transition-property);
   box-shadow: var(--list-shadow);
+  outline: none;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  overflow: hidden;
+}
+
+:host [part="header"], :host [part="footer"] {
   padding-top: var(--list-padding-top);
   padding-left: var(--list-padding-left);
   padding-bottom: var(--list-padding-bottom);
   padding-right: var(--list-padding-right);
-  gap: var(--list-gap);
-  overflow: overlay;
-  outline: none;
-  width: 100%;
-  height: 100%;
+  flex: none;
+  position: relative;
 }
 
-:host [part="filter"] {
-  z-index: 2;
-  position: sticky;
-  top: 8px;
+:host [part="header"][hidden], :host [part="footer"][hidden] {
+  display: none;
+}
+
+:host [part="header"] {
+  background-color: var(--list-background-color);
+}
+
+:host [part="header"]:after {
+  content: "";
+  height: var(--list-line-thickness);
+  background-color: var(--list-border-color);
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+
+:host [part="footer"] {
+  background-color: var(--list-background-color);
+}
+
+:host [part="footer"]:before {
+  content: "";
+  height: var(--list-line-thickness);
+  background-color: var(--list-border-color);
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+}
+
+:host [part="footer"] ::slotted(mosaik-paginator) {
+  flex-direction: row-reverse;
+  align-items: center;
+  display: flex;
 }
 
 :host [part="items"] {
   gap: var(--list-gap);
+  min-height: 0;
+  overflow-y: overlay;
   flex-direction: column;
+  flex: auto;
   display: flex;
 }
 
-:host([orientation="horizontal"]) [part="items"] {
-  flex-flow: wrap;
+:host [part="items"] [part="filter"] {
+  z-index: 2;
+  position: sticky;
+  top: 8px;
 }
 
-:host([inset*="none"]), :host([empty]) {
-  --list-padding-top: 0px;
-  --list-padding-left: 0px;
-  --list-padding-bottom: 0px;
-  --list-padding-right: 0px;
+:host([orientation="horizontal"]) [part="items"] {
+  flex-flow: wrap;
 }
 
 :host([mosaik-dropdown-button-projection]), :host([mosaik-split-button-projection]) {

package/Controls/Components/Selectors/List/Themes/ListElement.Cosmopolitan.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/List/Themes/ListElement.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,4BAA4B;IACxC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2HT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ListElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/List/Themes/ListElement.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,4BAA4B;IACxC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoKT,CAAC;AACN,CAAC"}

package/Controls/Components/Selectors/List/Themes/ListElement.Joy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/List/Themes/ListElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,mBAAmB,IAAI,SAAS,CA6H/C"}
+{"version":3,"file":"ListElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/List/Themes/ListElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,mBAAmB,IAAI,SAAS,CAsK/C"}

package/Controls/Components/Selectors/List/Themes/ListElement.Joy.js

@@ -27,10 +27,11 @@ export function listElementJoyStyle() {
   --list-font-weight: var(--joy-typography-body1-font-weight);
   --list-foreground-color: var(--joy-scheme-foreground);
   --list-gap: var(--joy-layout-space);
-  --list-padding-bottom: var(--joy-layout-spacing);
-  --list-padding-left: calc(var(--joy-layout-spacing) * 2);
-  --list-padding-right: calc(var(--joy-layout-spacing) * 2);
-  --list-padding-top: var(--joy-layout-spacing);
+  --list-line-thickness: var(--joy-layout-thickness);
+  --list-padding-bottom: calc(var(--joy-layout-space) * 2);
+  --list-padding-left: calc(var(--joy-layout-space) * 2);
+  --list-padding-right: calc(var(--joy-layout-space) * 2);
+  --list-padding-top: calc(var(--joy-layout-space) * 2);
   --list-shadow: unset unset unset unset unset;
   --list-shadow-blur: unset;
   --list-shadow-color: unset;
@@ -88,38 +89,78 @@ export function listElementJoyStyle() {
   transition-timing-function: var(--list-transition-mode);
   transition-property: var(--list-transition-property);
   box-shadow: var(--list-shadow);
+  outline: none;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  overflow: hidden;
+}
+
+:host [part="header"], :host [part="footer"] {
   padding-top: var(--list-padding-top);
   padding-left: var(--list-padding-left);
   padding-bottom: var(--list-padding-bottom);
   padding-right: var(--list-padding-right);
-  gap: var(--list-gap);
-  overflow: overlay;
-  outline: none;
-  width: 100%;
-  height: 100%;
+  flex: none;
+  position: relative;
 }
 
-:host [part="filter"] {
-  z-index: 2;
-  position: sticky;
-  top: 8px;
+:host [part="header"][hidden], :host [part="footer"][hidden] {
+  display: none;
+}
+
+:host [part="header"] {
+  background-color: var(--list-background-color);
+}
+
+:host [part="header"]:after {
+  content: "";
+  height: var(--list-line-thickness);
+  background-color: var(--list-border-color);
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+
+:host [part="footer"] {
+  background-color: var(--list-background-color);
+}
+
+:host [part="footer"]:before {
+  content: "";
+  height: var(--list-line-thickness);
+  background-color: var(--list-border-color);
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+}
+
+:host [part="footer"] ::slotted(mosaik-paginator) {
+  flex-direction: row-reverse;
+  align-items: center;
+  display: flex;
 }
 
 :host [part="items"] {
   gap: var(--list-gap);
+  min-height: 0;
+  overflow-y: overlay;
   flex-direction: column;
+  flex: auto;
   display: flex;
 }
 
-:host([orientation="horizontal"]) [part="items"] {
-  flex-flow: wrap;
+:host [part="items"] [part="filter"] {
+  z-index: 2;
+  position: sticky;
+  top: 8px;
 }
 
-:host([inset*="none"]), :host([empty]) {
-  --list-padding-top: 0px;
-  --list-padding-left: 0px;
-  --list-padding-bottom: 0px;
-  --list-padding-right: 0px;
+:host([orientation="horizontal"]) [part="items"] {
+  flex-flow: wrap;
 }
 
 :host([mosaik-dropdown-button-projection]), :host([mosaik-split-button-projection]) {

package/Controls/Components/Selectors/List/Themes/ListElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/List/Themes/ListElement.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,mBAAmB;IAC/B,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2HT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ListElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/List/Themes/ListElement.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,mBAAmB;IAC/B,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoKT,CAAC;AACN,CAAC"}

package/Controls/Components/Selectors/List/Themes/ListElement.Memphis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/List/Themes/ListElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,SAAS,CA6HnD"}
+{"version":3,"file":"ListElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/List/Themes/ListElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,SAAS,CAsKnD"}

package/Controls/Components/Selectors/List/Themes/ListElement.Memphis.js

@@ -27,6 +27,7 @@ export function listElementMemphisStyle() {
   --list-font-weight: unset;
   --list-foreground-color: unset;
   --list-gap: unset;
+  --list-line-thickness: unset;
   --list-padding-bottom: unset;
   --list-padding-left: unset;
   --list-padding-right: unset;
@@ -88,38 +89,78 @@ export function listElementMemphisStyle() {
   transition-timing-function: var(--list-transition-mode);
   transition-property: var(--list-transition-property);
   box-shadow: var(--list-shadow);
+  outline: none;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  overflow: hidden;
+}
+
+:host [part="header"], :host [part="footer"] {
   padding-top: var(--list-padding-top);
   padding-left: var(--list-padding-left);
   padding-bottom: var(--list-padding-bottom);
   padding-right: var(--list-padding-right);
-  gap: var(--list-gap);
-  overflow: overlay;
-  outline: none;
-  width: 100%;
-  height: 100%;
+  flex: none;
+  position: relative;
 }
 
-:host [part="filter"] {
-  z-index: 2;
-  position: sticky;
-  top: 8px;
+:host [part="header"][hidden], :host [part="footer"][hidden] {
+  display: none;
+}
+
+:host [part="header"] {
+  background-color: var(--list-background-color);
+}
+
+:host [part="header"]:after {
+  content: "";
+  height: var(--list-line-thickness);
+  background-color: var(--list-border-color);
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+
+:host [part="footer"] {
+  background-color: var(--list-background-color);
+}
+
+:host [part="footer"]:before {
+  content: "";
+  height: var(--list-line-thickness);
+  background-color: var(--list-border-color);
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+}
+
+:host [part="footer"] ::slotted(mosaik-paginator) {
+  flex-direction: row-reverse;
+  align-items: center;
+  display: flex;
 }
 
 :host [part="items"] {
   gap: var(--list-gap);
+  min-height: 0;
+  overflow-y: overlay;
   flex-direction: column;
+  flex: auto;
   display: flex;
 }
 
-:host([orientation="horizontal"]) [part="items"] {
-  flex-flow: wrap;
+:host [part="items"] [part="filter"] {
+  z-index: 2;
+  position: sticky;
+  top: 8px;
 }
 
-:host([inset*="none"]), :host([empty]) {
-  --list-padding-top: 0px;
-  --list-padding-left: 0px;
-  --list-padding-bottom: 0px;
-  --list-padding-right: 0px;
+:host([orientation="horizontal"]) [part="items"] {
+  flex-flow: wrap;
 }
 
 :host([mosaik-dropdown-button-projection]), :host([mosaik-split-button-projection]) {

package/Controls/Components/Selectors/List/Themes/ListElement.Memphis.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/List/Themes/ListElement.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,uBAAuB;IACnC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2HT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ListElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/List/Themes/ListElement.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,uBAAuB;IACnC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoKT,CAAC;AACN,CAAC"}

package/Controls/Components/Selectors/Menu/Themes/MenuElement.Joy.js

@@ -27,10 +27,10 @@ export function menuElementJoyStyle() {
   --menu-font-weight: var(--joy-typography-body1-font-weight);
   --menu-foreground-color: var(--joy-scheme-foreground);
   --menu-gap: unset;
-  --menu-padding-bottom: var(--joy-layout-spacing);
-  --menu-padding-left: calc(var(--joy-layout-spacing) * 2);
-  --menu-padding-right: calc(var(--joy-layout-spacing) * 2);
-  --menu-padding-top: var(--joy-layout-spacing);
+  --menu-padding-bottom: var(--joy-layout-space);
+  --menu-padding-left: calc(var(--joy-layout-space) * 2);
+  --menu-padding-right: calc(var(--joy-layout-space) * 2);
+  --menu-padding-top: var(--joy-layout-space);
   --menu-shadow: unset unset unset unset unset;
   --menu-shadow-blur: unset;
   --menu-shadow-color: unset;

package/Controls/Components/Selectors/Table/Themes/TableElement.Joy.js

@@ -33,10 +33,10 @@ export function tableElementJoyStyle() {
   --table-foreground-color: var(--joy-scheme-foreground);
   --table-gap: var(--joy-layout-space);
   --table-line-thickness: var(--joy-layout-thickness);
-  --table-padding-bottom: var(--joy-layout-space);
+  --table-padding-bottom: calc(var(--joy-layout-space) * 2);
   --table-padding-left: calc(var(--joy-layout-space) * 2);
   --table-padding-right: calc(var(--joy-layout-space) * 2);
-  --table-padding-top: var(--joy-layout-space);
+  --table-padding-top: calc(var(--joy-layout-space) * 2);
   --table-row-border-color: var(--joy-scheme-highlight);
   --table-row-border-radius: unset;
   --table-row-border-style: solid;

package/Controls/Components/Shell/AppElement.d.ts

@@ -25,18 +25,21 @@ declare const AppElement_base: (abstract new (...args: Array<any>) => import("..
  * @slot nav - Navigation drawer content area for primary navigation links and menu items
  * @slot rail - The rail slot.
  *
- * @csspart content - Main content wrapper for application views and functionality
- * @csspart drawer - Navigation drawer container for side navigation elements
+ * @csspart body - View body layout containing the main and rail regions
  * @csspart header - Application header section containing branding and navigation controls
- * @csspart main - The main part.
- * @csspart nav - Navigation area within the drawer for menu items and links
- * @csspart rail - The rail part.
+ * @csspart main - Main content region for primary application views
+ * @csspart nav - Navigation drawer region
+ * @csspart nav-body - Navigation content region within the drawer
+ * @csspart rail - Secondary rail region next to the main content
+ * @csspart root - Root shell layout container
+ * @csspart view - View surface containing header, body, and footer content
  *
  * @cssprop {Color} --app-background-color - Background color for the application shell
+ * @cssprop {String} --app-border-color - The border color CSS custom property.
  * @cssprop {String} --app-border-radius - The border radius CSS custom property.
- * @cssprop {String} --app-content-offset-top - The content offset top CSS custom property.
- * @cssprop {String} --app-drawer-height - The drawer height CSS custom property.
- * @cssprop {String} --app-drawer-width - Width of the navigation drawer when expanded
+ * @cssprop {String} --app-border-style - The border style CSS custom property.
+ * @cssprop {String} --app-border-width - The border width CSS custom property.
+ * @cssprop {String} --app-body-offset-top - The body offset top CSS custom property.
  * @cssprop {String} --app-font-family - The font family CSS custom property.
  * @cssprop {String} --app-font-letter-spacing - The font letter spacing CSS custom property.
  * @cssprop {String} --app-font-line-height - The font line height CSS custom property.
@@ -47,6 +50,8 @@ declare const AppElement_base: (abstract new (...args: Array<any>) => import("..
  * @cssprop {String} --app-foreground-color - The foreground color CSS custom property.
  * @cssprop {String} --app-gap - The gap CSS custom property.
  * @cssprop {String} --app-line-thickness - The line thickness CSS custom property.
+ * @cssprop {String} --app-nav-height - The navigation drawer height CSS custom property.
+ * @cssprop {String} --app-nav-width - Width of the navigation drawer when expanded.
  * @cssprop {String} --app-padding-bottom - The padding bottom CSS custom property.
  * @cssprop {String} --app-padding-left - The padding left CSS custom property.
  * @cssprop {String} --app-padding-right - The padding right CSS custom property.
@@ -61,6 +66,10 @@ declare const AppElement_base: (abstract new (...args: Array<any>) => import("..
  * @cssprop {String} --app-transition-mode - The transition mode CSS custom property.
  * @cssprop {String} --app-transition-property - The transition property CSS custom property.
  * @cssprop {String} --app-translate - The translate CSS custom property.
+ * @cssprop {String} --app-view-border-color - The view border color CSS custom property.
+ * @cssprop {String} --app-view-border-radius - The view border radius CSS custom property.
+ * @cssprop {String} --app-view-border-style - The view border style CSS custom property.
+ * @cssprop {String} --app-view-border-width - The view border width CSS custom property.
  *
  * @dependency mosaik-app-header - The App Header element.
  * @dependency mosaik-drawer - The Drawer element.

package/Controls/Components/Shell/AppElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppElement.d.ts","sourceRoot":"","sources":["../../../../src/Controls/Components/Shell/AppElement.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAKnD,OAAO,EAAE,UAAU,EAAa,MAAM,2BAA2B,CAAC;AAMlE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAG3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;;AAOtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiGG;AACH,qBAca,UACT,SAAQ,eACR,YAAW,gBAAgB,EAAE,UAAU;IAIvC,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAAuB;IAC7D,OAAO,CAAC,cAAc,CAAiB;IACvC,OAAO,CAAC,cAAc,CAAoB;IAC1C,OAAO,CAAC,eAAe,CAAe;IACtC,OAAO,CAAC,MAAM,CAAgB;IAC9B,OAAO,CAAC,UAAU,CAAU;IAC5B,OAAO,CAAC,OAAO,CAAU;IACzB,OAAO,CAAC,SAAS,CAAU;IAC3B,OAAO,CAAC,UAAU,CAAU;IAM5B;;OAEG;;IAqBH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,KAAK,IAAI,MAAM,GAAG,IAAI,CAEhC;IACD,IAAW,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAKpC;IAED;;;;;OAKG;IACH,IAIW,SAAS,IAAI,OAAO,CAE9B;IACD,IAAW,SAAS,CAAC,KAAK,EAAE,OAAO,EAKlC;IAED;;;;;OAKG;IACH,IAIW,MAAM,IAAI,OAAO,CAE3B;IACD,IAAW,MAAM,CAAC,KAAK,EAAE,OAAO,EAK/B;IAED;;;;;;OAMG;IACH,IAIW,QAAQ,IAAI,OAAO,CAE7B;IACD,OAAO,KAAK,QAAQ,QAKnB;IAED;;;;;;OAMG;IACH,IAIW,SAAS,IAAI,OAAO,CAE9B;IACD,OAAO,KAAK,SAAS,QAKpB;IAED;;;;;;OAMG;IACH,IAAW,MAAM,IAAI,gBAAgB,CAEpC;IAED;;;;;;OAMG;IACH,IAAW,OAAO,IAAI,WAAW,CAEhC;IAMD;;;;OAIG;IACI,gBAAgB,IAAI,IAAI;IAI/B;;;;OAIG;IACI,cAAc,IAAI,IAAI;IAI7B;;;;OAIG;IACI,eAAe,IAAI,IAAI;IAId,aAAa,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI;IActD;;;OAGG;cACgB,eAAe,IAAI,IAAI;IAQ1C;;OAEG;IAEH,SAAS,CAAC,0BAA0B,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI;CAM9E;AAED;;GAEG;AACH,yBAAiB,UAAU,CAAC;IACxB,KAAY,KAAK,GAAG,gBAAgB,CAAC;CACxC;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,YAAY,EAAE,UAAU,CAAC;KAC5B;CACJ"}
+{"version":3,"file":"AppElement.d.ts","sourceRoot":"","sources":["../../../../src/Controls/Components/Shell/AppElement.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAKnD,OAAO,EAAE,UAAU,EAAa,MAAM,2BAA2B,CAAC;AAMlE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAG3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;;AAOtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0GG;AACH,qBAca,UACT,SAAQ,eACR,YAAW,gBAAgB,EAAE,UAAU;IAIvC,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAAuB;IAC7D,OAAO,CAAC,cAAc,CAAiB;IACvC,OAAO,CAAC,cAAc,CAAoB;IAC1C,OAAO,CAAC,eAAe,CAAe;IACtC,OAAO,CAAC,MAAM,CAAgB;IAC9B,OAAO,CAAC,UAAU,CAAU;IAC5B,OAAO,CAAC,OAAO,CAAU;IACzB,OAAO,CAAC,SAAS,CAAU;IAC3B,OAAO,CAAC,UAAU,CAAU;IAM5B;;OAEG;;IAqBH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,KAAK,IAAI,MAAM,GAAG,IAAI,CAEhC;IACD,IAAW,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAKpC;IAED;;;;;OAKG;IACH,IAIW,SAAS,IAAI,OAAO,CAE9B;IACD,IAAW,SAAS,CAAC,KAAK,EAAE,OAAO,EAKlC;IAED;;;;;OAKG;IACH,IAIW,MAAM,IAAI,OAAO,CAE3B;IACD,IAAW,MAAM,CAAC,KAAK,EAAE,OAAO,EAK/B;IAED;;;;;;OAMG;IACH,IAIW,QAAQ,IAAI,OAAO,CAE7B;IACD,OAAO,KAAK,QAAQ,QAKnB;IAED;;;;;;OAMG;IACH,IAIW,SAAS,IAAI,OAAO,CAE9B;IACD,OAAO,KAAK,SAAS,QAKpB;IAED;;;;;;OAMG;IACH,IAAW,MAAM,IAAI,gBAAgB,CAEpC;IAED;;;;;;OAMG;IACH,IAAW,OAAO,IAAI,WAAW,CAEhC;IAMD;;;;OAIG;IACI,gBAAgB,IAAI,IAAI;IAI/B;;;;OAIG;IACI,cAAc,IAAI,IAAI;IAI7B;;;;OAIG;IACI,eAAe,IAAI,IAAI;IAId,aAAa,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI;IActD;;;OAGG;cACgB,eAAe,IAAI,IAAI;IAQ1C;;OAEG;IAEH,SAAS,CAAC,0BAA0B,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI;CAM9E;AAED;;GAEG;AACH,yBAAiB,UAAU,CAAC;IACxB,KAAY,KAAK,GAAG,gBAAgB,CAAC;CACxC;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,YAAY,EAAE,UAAU,CAAC;KAC5B;CACJ"}

package/Controls/Components/Shell/AppElement.js

@@ -47,18 +47,21 @@ import { appElementMemphisStyle } from './Themes/AppElement.Memphis';
  * @slot nav - Navigation drawer content area for primary navigation links and menu items
  * @slot rail - The rail slot.
  *
- * @csspart content - Main content wrapper for application views and functionality
- * @csspart drawer - Navigation drawer container for side navigation elements
+ * @csspart body - View body layout containing the main and rail regions
  * @csspart header - Application header section containing branding and navigation controls
- * @csspart main - The main part.
- * @csspart nav - Navigation area within the drawer for menu items and links
- * @csspart rail - The rail part.
+ * @csspart main - Main content region for primary application views
+ * @csspart nav - Navigation drawer region
+ * @csspart nav-body - Navigation content region within the drawer
+ * @csspart rail - Secondary rail region next to the main content
+ * @csspart root - Root shell layout container
+ * @csspart view - View surface containing header, body, and footer content
  *
  * @cssprop {Color} --app-background-color - Background color for the application shell
+ * @cssprop {String} --app-border-color - The border color CSS custom property.
  * @cssprop {String} --app-border-radius - The border radius CSS custom property.
- * @cssprop {String} --app-content-offset-top - The content offset top CSS custom property.
- * @cssprop {String} --app-drawer-height - The drawer height CSS custom property.
- * @cssprop {String} --app-drawer-width - Width of the navigation drawer when expanded
+ * @cssprop {String} --app-border-style - The border style CSS custom property.
+ * @cssprop {String} --app-border-width - The border width CSS custom property.
+ * @cssprop {String} --app-body-offset-top - The body offset top CSS custom property.
  * @cssprop {String} --app-font-family - The font family CSS custom property.
  * @cssprop {String} --app-font-letter-spacing - The font letter spacing CSS custom property.
  * @cssprop {String} --app-font-line-height - The font line height CSS custom property.
@@ -69,6 +72,8 @@ import { appElementMemphisStyle } from './Themes/AppElement.Memphis';
  * @cssprop {String} --app-foreground-color - The foreground color CSS custom property.
  * @cssprop {String} --app-gap - The gap CSS custom property.
  * @cssprop {String} --app-line-thickness - The line thickness CSS custom property.
+ * @cssprop {String} --app-nav-height - The navigation drawer height CSS custom property.
+ * @cssprop {String} --app-nav-width - Width of the navigation drawer when expanded.
  * @cssprop {String} --app-padding-bottom - The padding bottom CSS custom property.
  * @cssprop {String} --app-padding-left - The padding left CSS custom property.
  * @cssprop {String} --app-padding-right - The padding right CSS custom property.
@@ -83,6 +88,10 @@ import { appElementMemphisStyle } from './Themes/AppElement.Memphis';
  * @cssprop {String} --app-transition-mode - The transition mode CSS custom property.
  * @cssprop {String} --app-transition-property - The transition property CSS custom property.
  * @cssprop {String} --app-translate - The translate CSS custom property.
+ * @cssprop {String} --app-view-border-color - The view border color CSS custom property.
+ * @cssprop {String} --app-view-border-radius - The view border radius CSS custom property.
+ * @cssprop {String} --app-view-border-style - The view border style CSS custom property.
+ * @cssprop {String} --app-view-border-width - The view border width CSS custom property.
  *
  * @dependency mosaik-app-header - The App Header element.
  * @dependency mosaik-drawer - The Drawer element.
@@ -308,9 +317,9 @@ let AppElement = class AppElement extends Themeable(Slottable(CustomElement)) {
      */
     onApplyTemplate() {
         super.onApplyTemplate();
-        this._contentElement = this.getTemplatePart('content');
+        this._contentElement = this.getTemplatePart('main');
         this._headerElement = this.getTemplatePart('header');
-        this._drawerElement = this.getTemplatePart('drawer');
+        this._drawerElement = this.getTemplatePart('nav');
     }
     /**
      * @protected

package/Controls/Components/Shell/AppElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppElement.js","sourceRoot":"","sources":["../../../../src/Controls/Components/Shell/AppElement.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"AppElement.js","sourceRoot":"","sources":["../../../../src/Controls/Components/Shell/AppElement.ts"],"names":[],"mappings":"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"}

package/Controls/Components/Shell/AppElementTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppElementTemplate.d.ts","sourceRoot":"","sources":["../../../../src/Controls/Components/Shell/AppElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,mBAAmB,CAAC;AAI9D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI/C;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,UAAU,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAuD7E"}
+{"version":3,"file":"AppElementTemplate.d.ts","sourceRoot":"","sources":["../../../../src/Controls/Components/Shell/AppElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,mBAAmB,CAAC;AAI9D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI/C;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,UAAU,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAyD7E"}

package/Controls/Components/Shell/AppElementTemplate.js

@@ -12,13 +12,14 @@ import { Fit } from '../../Types/Fit';
 export function appElementTemplate(e) {
     return html `
         <mosaik-theme2 .theme="${e.theme}">
-            <mosaik-drawer-container .lang="${e.lang}"
+            <mosaik-drawer-container part="root"
+                                     .lang="${e.lang}"
                                      .dir="${e.dir}"
                                      .fit="${Fit.Both}"
                                      .hasBackdrop="${e.isMobile}">
                 ${when(e.hasNav, () => html `
-                <mosaik-drawer slot="drawer"
-                               part="drawer"
+                <mosaik-drawer part="nav"
+                               slot="drawer"
                                .lang="${e.lang}"
                                .dir="${e.dir}"
                                .isOpen="${e.isNavOpen}"
@@ -26,12 +27,13 @@ export function appElementTemplate(e) {
                                .hasBackdrop="${e.isMobile}"
                                .hasShadow="${e.isMobile}"
                                .clickOutsideToClose="${e.isMobile}">
-                    <nav part="nav">
+                    <nav part="nav-body">
                         <slot name="nav"></slot>
                     </nav>
                 </mosaik-drawer>
                 `)}
-                <mosaik-drawer-content slot="content"
+                <mosaik-drawer-content part="view"
+                                       slot="content"
                                        .lang="${e.lang}"
                                        .dir="${e.dir}">
                     <slot name="header"></slot>
@@ -51,7 +53,7 @@ export function appElementTemplate(e) {
                               name="headerActions"></slot>
                     </mosaik-app-header>
                     `)}
-                    <div part="content">
+                    <div part="body">
                         <main part="main">
                             <slot name="content"></slot>
                         </main>

package/Controls/Components/Shell/AppElementTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppElementTemplate.js","sourceRoot":"","sources":["../../../../src/Controls/Components/Shell/AppElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAuB,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AAGtC,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,kBAAkB,CAAuB,CAAI;IACzD,OAAO,IAAI,CAAA;iCACkB,CAAC,CAAC,KAAK;8CACM,CAAC,CAAC,IAAI;6CACP,CAAC,CAAC,GAAG;6CACL,GAAG,CAAC,IAAI;qDACA,CAAC,CAAC,QAAQ;kBAC7C,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;wCAGH,CAAC,CAAC,IAAI;uCACP,CAAC,CAAC,GAAG;0CACF,CAAC,CAAC,SAAS;wCACb,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI;+CACvC,CAAC,CAAC,QAAQ;6CACZ,CAAC,CAAC,QAAQ;uDACA,CAAC,CAAC,QAAQ;;;;;iBAKhD,CAAC;;gDAE8B,CAAC,CAAC,IAAI;+CACP,CAAC,CAAC,GAAG;;sBAE9B,IAAI,CAAC,CAAC,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;;gDAIF,CAAC,CAAC,IAAI;+CACP,CAAC,CAAC,GAAG;qDACC,CAAC,CAAC,SAAS;0DACN,GAAG,EAAE,CAAC,CAAC,CAAC,OAAO;;;;;;;;qBAQpD,CAAC;;;;;;;;;;;;;KAajB,CAAC;AACN,CAAC"}
+{"version":3,"file":"AppElementTemplate.js","sourceRoot":"","sources":["../../../../src/Controls/Components/Shell/AppElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAuB,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AAGtC,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,kBAAkB,CAAuB,CAAI;IACzD,OAAO,IAAI,CAAA;iCACkB,CAAC,CAAC,KAAK;;8CAEM,CAAC,CAAC,IAAI;6CACP,CAAC,CAAC,GAAG;6CACL,GAAG,CAAC,IAAI;qDACA,CAAC,CAAC,QAAQ;kBAC7C,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;wCAGH,CAAC,CAAC,IAAI;uCACP,CAAC,CAAC,GAAG;0CACF,CAAC,CAAC,SAAS;wCACb,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI;+CACvC,CAAC,CAAC,QAAQ;6CACZ,CAAC,CAAC,QAAQ;uDACA,CAAC,CAAC,QAAQ;;;;;iBAKhD,CAAC;;;gDAG8B,CAAC,CAAC,IAAI;+CACP,CAAC,CAAC,GAAG;;sBAE9B,IAAI,CAAC,CAAC,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;;gDAIF,CAAC,CAAC,IAAI;+CACP,CAAC,CAAC,GAAG;qDACC,CAAC,CAAC,SAAS;0DACN,GAAG,EAAE,CAAC,CAAC,CAAC,OAAO;;;;;;;;qBAQpD,CAAC;;;;;;;;;;;;;KAajB,CAAC;AACN,CAAC"}

package/Controls/Components/Shell/Themes/AppElement.Cosmopolitan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Shell/Themes/AppElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAI1D;;GAEG;AACH,wBAAgB,2BAA2B,IAAI,SAAS,CAoHvD"}
+{"version":3,"file":"AppElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Shell/Themes/AppElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAI1D;;GAEG;AACH,wBAAgB,2BAA2B,IAAI,SAAS,CAsIvD"}