@breadstone/mosaik-elements-foundation 0.0.231 → 0.0.233

package/Controls/Components/Grouping/TitleBar/TitleBarElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"TitleBarElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/TitleBar/TitleBarElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAEhE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,gCAAgC,EAAE,MAAM,uCAAuC,CAAC;AAEzF,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiDG;AAeI,IAAM,eAAe,GAArB,MAAM,eACT,SAAQ,SAAS,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;IAGjD,iBAAiB;IAET,MAAM,CAAS;IACf,KAAK,CAAS;IAEtB,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;QACjB,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;IACpB,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,iBAAiB,CAAC;IAC7B,CAAC;IAED;;;;;OAKG;IACH,IACoB,KAAK;QACrB,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;IAED,IAAoB,KAAK,CAAC,KAAa;QACnC,IAAI,IAAI,CAAC,MAAM,KAAK,KAAK,EAAE,CAAC;YACxB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACpB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAChC,CAAC;IACL,CAAC;IAED;;;;OAIG;IACH,IACW,IAAI;QACX,OAAO,IAAI,CAAC,KAAK,CAAC;IACtB,CAAC;IAED,IAAW,IAAI,CAAC,KAAa;QACzB,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC;YACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC/B,CAAC;IACL,CAAC;CAIJ,CAAA;AA/BG;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;4CAG1B;AAcD;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;2CAG1B;AAjEQ,eAAe;IAd3B,SAAS,CAAC;QACP,QAAQ,EAAE,iBAAiB;QAC3B,QAAQ,EAAE,uBAAuB;QACjC,MAAM,EAAE;YACJ,GAAG,EAAE,uBAAuB;YAC5B,OAAO,EAAE,2BAA2B;YACpC,YAAY,EAAE,gCAAgC;SACjD;QACD,OAAO,EAAE;YACL,WAAW;YACX,WAAW;YACX,aAAa;SAChB;KACJ,CAAC;;GACW,eAAe,CA4E3B"}
+{"version":3,"file":"TitleBarElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/TitleBar/TitleBarElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAEhE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,gCAAgC,EAAE,MAAM,uCAAuC,CAAC;AAEzF,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8DG;AAeI,IAAM,eAAe,GAArB,MAAM,eACT,SAAQ,SAAS,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;IAGjD,iBAAiB;IAET,MAAM,CAAS;IACf,KAAK,CAAS;IAEtB,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;QACjB,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;IACpB,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,iBAAiB,CAAC;IAC7B,CAAC;IAED;;;;;OAKG;IACH,IACoB,KAAK;QACrB,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;IAED,IAAoB,KAAK,CAAC,KAAa;QACnC,IAAI,IAAI,CAAC,MAAM,KAAK,KAAK,EAAE,CAAC;YACxB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACpB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAChC,CAAC;IACL,CAAC;IAED;;;;OAIG;IACH,IACW,IAAI;QACX,OAAO,IAAI,CAAC,KAAK,CAAC;IACtB,CAAC;IAED,IAAW,IAAI,CAAC,KAAa;QACzB,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC;YACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC/B,CAAC;IACL,CAAC;CAIJ,CAAA;AA/BG;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;4CAG1B;AAcD;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;2CAG1B;AAjEQ,eAAe;IAd3B,SAAS,CAAC;QACP,QAAQ,EAAE,iBAAiB;QAC3B,QAAQ,EAAE,uBAAuB;QACjC,MAAM,EAAE;YACJ,GAAG,EAAE,uBAAuB;YAC5B,OAAO,EAAE,2BAA2B;YACpC,YAAY,EAAE,gCAAgC;SACjD;QACD,OAAO,EAAE;YACL,WAAW;YACX,WAAW;YACX,aAAa;SAChB;KACJ,CAAC;;GACW,eAAe,CA4E3B"}

package/Controls/Components/Grouping/Toolbar/IToolbarElementProps.d.ts

@@ -1,5 +1,6 @@
 import type { IAppearanceableProps } from '../../../Behaviors/Appearanceable';
 import type { IFitableProps } from '../../../Behaviors/Fitable';
+import type { ISlottableProps } from '../../../Behaviors/Slottable';
 import type { ITextFormattableProps } from '../../../Behaviors/TextFormattable';
 import type { IVariantableProps } from '../../../Behaviors/Variantable';
 /**
@@ -7,7 +8,7 @@ import type { IVariantableProps } from '../../../Behaviors/Variantable';
  *
  * @public
  */
-export interface IToolbarElementProps extends IVariantableProps, IAppearanceableProps, IFitableProps, ITextFormattableProps {
+export interface IToolbarElementProps extends IVariantableProps, IAppearanceableProps, IFitableProps, ITextFormattableProps, ISlottableProps {
     title: string;
     subTitle: string;
 }

package/Controls/Components/Grouping/Toolbar/IToolbarElementProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IToolbarElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/Toolbar/IToolbarElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAChF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAIxE;;;;GAIG;AACH,MAAM,WAAW,oBACb,SAAQ,iBAAiB,EAAE,oBAAoB,EAAE,aAAa,EAAE,qBAAqB;IAErF,KAAK,EAAE,MAAM,CAAC;IAEd,QAAQ,EAAE,MAAM,CAAC;CAEpB"}
+{"version":3,"file":"IToolbarElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/Toolbar/IToolbarElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAChF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAIxE;;;;GAIG;AACH,MAAM,WAAW,oBACb,SAAQ,iBAAiB,EAAE,oBAAoB,EAAE,aAAa,EAAE,qBAAqB,EAAE,eAAe;IAEtG,KAAK,EAAE,MAAM,CAAC;IAEd,QAAQ,EAAE,MAAM,CAAC;CAEpB"}

package/Controls/Components/Grouping/Toolbar/Themes/ToolbarElement.Cosmopolitan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Toolbar/Themes/ToolbarElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,+BAA+B,IAAI,SAAS,CA4H3D"}
+{"version":3,"file":"ToolbarElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Toolbar/Themes/ToolbarElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,+BAA+B,IAAI,SAAS,CAoI3D"}

package/Controls/Components/Grouping/Toolbar/Themes/ToolbarElement.Cosmopolitan.js

@@ -107,6 +107,10 @@ export function toolbarElementCosmopolitanStyle() {
   display: flex;
 }
 
+:host [part="main"][hidden] {
+  display: none;
+}
+
 :host [part="main"] [part="title"] ::slotted(*) {
   font-family: inherit;
   font-size: inherit;
@@ -120,6 +124,10 @@ export function toolbarElementCosmopolitanStyle() {
   color: inherit;
 }
 
+:host ::slotted(mosaik-divider) {
+  height: calc(var(--toolbar-height) - var(--toolbar-padding-top) - var(--toolbar-padding-bottom));
+}
+
 :host([fit="width"]) {
   width: 100%;
 }

package/Controls/Components/Grouping/Toolbar/Themes/ToolbarElement.Cosmopolitan.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Toolbar/Themes/ToolbarElement.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,+BAA+B;IAC3C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0HT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ToolbarElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Toolbar/Themes/ToolbarElement.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,+BAA+B;IAC3C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkIT,CAAC;AACN,CAAC"}

package/Controls/Components/Grouping/Toolbar/Themes/ToolbarElement.Joy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Toolbar/Themes/ToolbarElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,sBAAsB,IAAI,SAAS,CA+TlD"}
+{"version":3,"file":"ToolbarElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Toolbar/Themes/ToolbarElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,sBAAsB,IAAI,SAAS,CAuUlD"}

package/Controls/Components/Grouping/Toolbar/Themes/ToolbarElement.Joy.js

@@ -26,7 +26,7 @@ export function toolbarElementJoyStyle() {
   --toolbar-font-text-transform: unset;
   --toolbar-font-weight: normal;
   --toolbar-foreground-color: var(--joy-scheme-foreground);
-  --toolbar-gap: 16px;
+  --toolbar-gap: calc(var(--joy-layout-space) * 2);
   --toolbar-height: 64px;
   --toolbar-line-height: 28px;
   --toolbar-padding-bottom: var(--joy-layout-space);
@@ -42,7 +42,7 @@ export function toolbarElementJoyStyle() {
   --toolbar-transition-duration: var(--joy-duration-short);
   --toolbar-transition-mode: ease;
   --toolbar-transition-property: all;
-  --toolbar-translate: unset;
+  --toolbar-translate: none;
 }
 
 @media screen and (prefers-reduced-motion: reduce) {
@@ -107,6 +107,10 @@ export function toolbarElementJoyStyle() {
   display: flex;
 }
 
+:host [part="main"][hidden] {
+  display: none;
+}
+
 :host [part="main"] [part="title"] ::slotted(*) {
   font-family: inherit;
   font-size: inherit;
@@ -120,6 +124,10 @@ export function toolbarElementJoyStyle() {
   color: inherit;
 }
 
+:host ::slotted(mosaik-divider) {
+  height: calc(var(--toolbar-height) - var(--toolbar-padding-top) - var(--toolbar-padding-bottom));
+}
+
 :host([fit="width"]) {
   width: 100%;
 }

package/Controls/Components/Grouping/Toolbar/Themes/ToolbarElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Toolbar/Themes/ToolbarElement.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,sBAAsB;IAClC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6TT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ToolbarElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Toolbar/Themes/ToolbarElement.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,sBAAsB;IAClC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqUT,CAAC;AACN,CAAC"}

package/Controls/Components/Grouping/Toolbar/Themes/ToolbarElement.Memphis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Toolbar/Themes/ToolbarElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,0BAA0B,IAAI,SAAS,CAyItD"}
+{"version":3,"file":"ToolbarElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Toolbar/Themes/ToolbarElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,0BAA0B,IAAI,SAAS,CAiJtD"}

package/Controls/Components/Grouping/Toolbar/Themes/ToolbarElement.Memphis.js

@@ -107,6 +107,10 @@ export function toolbarElementMemphisStyle() {
   display: flex;
 }
 
+:host [part="main"][hidden] {
+  display: none;
+}
+
 :host [part="main"] [part="title"] ::slotted(*) {
   font-family: inherit;
   font-size: inherit;
@@ -120,6 +124,10 @@ export function toolbarElementMemphisStyle() {
   color: inherit;
 }
 
+:host ::slotted(mosaik-divider) {
+  height: calc(var(--toolbar-height) - var(--toolbar-padding-top) - var(--toolbar-padding-bottom));
+}
+
 :host([fit="width"]) {
   width: 100%;
 }

package/Controls/Components/Grouping/Toolbar/Themes/ToolbarElement.Memphis.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Toolbar/Themes/ToolbarElement.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,0BAA0B;IACtC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuIT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ToolbarElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Toolbar/Themes/ToolbarElement.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,0BAA0B;IACtC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+IT,CAAC;AACN,CAAC"}

package/Controls/Components/Grouping/Toolbar/ToolbarElement.d.ts

@@ -1,6 +1,7 @@
+import { ISlottable } from '../../../Behaviors/Slottable';
 import { CustomElement } from '../../Abstracts/CustomElement';
 import type { IToolbarElementProps } from './IToolbarElementProps';
-declare const ToolbarElement_base: (abstract new (...args: Array<any>) => import("../../../../Controls/Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Variantable").IVariantableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Appearanceable").IAppearanceableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Fitable").IFitableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/TextFormattable").ITextFormattableProps) & typeof CustomElement & import("../../../../Controls/Behaviors/Themeable").IThemeableCtor;
+declare const ToolbarElement_base: (abstract new (...args: Array<any>) => import("../../../../Controls/Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Variantable").IVariantableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Appearanceable").IAppearanceableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Fitable").IFitableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/TextFormattable").ITextFormattableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Slottable").ISlottableProps & ISlottable) & typeof CustomElement & import("../../../../Controls/Behaviors/Themeable").IThemeableCtor;
 /**
  * Toolbar - A horizontal container component for organizing actions, controls, and navigation elements.
  *
@@ -14,16 +15,16 @@ declare const ToolbarElement_base: (abstract new (...args: Array<any>) => import
  * @element mosaik-toolbar
  * @category Grouping
  *
- * @slot start - Leading content area for navigation buttons or primary actions
  * @slot - Default content slot for main toolbar controls and elements
- * @slot title - Primary toolbar title or heading text
- * @slot subTitle - Secondary title or subtitle text for additional context
  * @slot end - Trailing content area for secondary actions, user menus, or controls
+ * @slot start - Leading content area for navigation buttons or primary actions
+ * @slot subTitle - Secondary title or subtitle text for additional context
+ * @slot title - Primary toolbar title or heading text
  *
- * @csspart root - Root container for the entire toolbar layout
  * @csspart main - Main content section container for default slot and titles
- * @csspart title - Title section styling container
+ * @csspart root - Root container for the entire toolbar layout
  * @csspart subTitle - Subtitle section styling container
+ * @csspart title - Title section styling container
  *
  * @cssprop {String} --toolbar-background-color - Background color of the toolbar container
  * @cssprop {String} --toolbar-border-color - Border color for toolbar edges
@@ -31,16 +32,21 @@ declare const ToolbarElement_base: (abstract new (...args: Array<any>) => import
  * @cssprop {String} --toolbar-border-style - Border line style (solid, dashed, dotted)
  * @cssprop {String} --toolbar-border-width - Border width for toolbar outline
  * @cssprop {String} --toolbar-font-family - Font family for toolbar text
+ * @cssprop {String} --toolbar-font-letter-spacing - The font letter spacing CSS custom property.
+ * @cssprop {String} --toolbar-font-line-height - The font line height CSS custom property.
  * @cssprop {String} --toolbar-font-size - Font size for toolbar text
+ * @cssprop {String} --toolbar-font-text-decoration - The font text decoration CSS custom property.
+ * @cssprop {String} --toolbar-font-text-transform - The font text transform CSS custom property.
  * @cssprop {String} --toolbar-font-weight - Font weight for toolbar text
  * @cssprop {String} --toolbar-foreground-color - Primary text and icon color
  * @cssprop {String} --toolbar-gap - Spacing between toolbar sections and elements
  * @cssprop {String} --toolbar-height - Height of the toolbar container
  * @cssprop {String} --toolbar-line-height - Line height for toolbar text
- * @cssprop {String} --toolbar-padding-top - Top padding for toolbar content
- * @cssprop {String} --toolbar-padding-right - Right padding for toolbar content
  * @cssprop {String} --toolbar-padding-bottom - Bottom padding for toolbar content
  * @cssprop {String} --toolbar-padding-left - Left padding for toolbar content
+ * @cssprop {String} --toolbar-padding-right - Right padding for toolbar content
+ * @cssprop {String} --toolbar-padding-top - Top padding for toolbar content
+ * @cssprop {String} --toolbar-shadow - The shadow CSS custom property.
  * @cssprop {String} --toolbar-shadow-blur - Shadow blur radius for elevation effect
  * @cssprop {String} --toolbar-shadow-color - Shadow color for elevation effect
  * @cssprop {String} --toolbar-shadow-offset-x - Horizontal shadow offset
@@ -49,8 +55,9 @@ declare const ToolbarElement_base: (abstract new (...args: Array<any>) => import
  * @cssprop {String} --toolbar-transition-duration - Duration of hover and state transitions
  * @cssprop {String} --toolbar-transition-mode - Timing function for transitions
  * @cssprop {String} --toolbar-transition-property - CSS properties to transition
+ * @cssprop {String} --toolbar-translate - The translate CSS custom property.
  *
- * @dependency {TextElement} - Text rendering component for title and subtitle display
+ * @dependency mosaik-text - The Text element.
  *
  * @example
  * Basic application header:
@@ -82,7 +89,7 @@ declare const ToolbarElement_base: (abstract new (...args: Array<any>) => import
  *
  * @public
  */
-export declare class ToolbarElement extends ToolbarElement_base implements IToolbarElementProps {
+export declare class ToolbarElement extends ToolbarElement_base implements IToolbarElementProps, ISlottable {
     private _title;
     private _subTitle;
     /**

package/Controls/Components/Grouping/Toolbar/ToolbarElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/Toolbar/ToolbarElement.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;;AAQnE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgFG;AACH,qBAYa,cACT,SAAQ,mBACR,YAAW,oBAAoB;IAI/B,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,SAAS,CAAS;IAM1B;;OAEG;;IAYH;;;;;;MAME;IACF,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IACoB,KAAK,IAAI,MAAM,CAElC;IAED,IAAoB,KAAK,CAAC,KAAK,EAAE,MAAM,EAKtC;IAED;;;;;OAKG;IACH,IACW,QAAQ,IAAI,MAAM,CAE5B;IAED,IAAW,QAAQ,CAAC,KAAK,EAAE,MAAM,EAKhC;CAIJ;AAED;;GAEG;AACH,yBAAiB,cAAc,CAAC;IAC5B,KAAY,KAAK,GAAG,oBAAoB,CAAC;CAC5C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,gBAAgB,EAAE,cAAc,CAAC;KACpC;CACJ"}
+{"version":3,"file":"ToolbarElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/Toolbar/ToolbarElement.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAa,MAAM,8BAA8B,CAAC;AAKrE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;;AAQnE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsFG;AACH,qBAYa,cACT,SAAQ,mBACR,YAAW,oBAAoB,EAAE,UAAU;IAI3C,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,SAAS,CAAS;IAM1B;;OAEG;;IAYH;;;;;;MAME;IACF,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IACoB,KAAK,IAAI,MAAM,CAElC;IAED,IAAoB,KAAK,CAAC,KAAK,EAAE,MAAM,EAKtC;IAED;;;;;OAKG;IACH,IACW,QAAQ,IAAI,MAAM,CAE5B;IAED,IAAW,QAAQ,CAAC,KAAK,EAAE,MAAM,EAKhC;CAIJ;AAED;;GAEG;AACH,yBAAiB,cAAc,CAAC;IAC5B,KAAY,KAAK,GAAG,oBAAoB,CAAC;CAC5C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,gBAAgB,EAAE,cAAc,CAAC;KACpC;CACJ"}

package/Controls/Components/Grouping/Toolbar/ToolbarElement.js

@@ -11,6 +11,7 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 import { Themeable } from '../../../../Controls/Behaviors/Themeable';
 import { Appearanceable } from '../../../Behaviors/Appearanceable';
 import { Fitable } from '../../../Behaviors/Fitable';
+import { Slottable } from '../../../Behaviors/Slottable';
 import { TextFormattable } from '../../../Behaviors/TextFormattable';
 import { Variantable } from '../../../Behaviors/Variantable';
 import { Attribute } from '../../../Decorators/AttributeDecorator';
@@ -35,16 +36,16 @@ import { toolbarElementTemplate } from './ToolbarElementTemplate';
  * @element mosaik-toolbar
  * @category Grouping
  *
- * @slot start - Leading content area for navigation buttons or primary actions
  * @slot - Default content slot for main toolbar controls and elements
- * @slot title - Primary toolbar title or heading text
- * @slot subTitle - Secondary title or subtitle text for additional context
  * @slot end - Trailing content area for secondary actions, user menus, or controls
+ * @slot start - Leading content area for navigation buttons or primary actions
+ * @slot subTitle - Secondary title or subtitle text for additional context
+ * @slot title - Primary toolbar title or heading text
  *
- * @csspart root - Root container for the entire toolbar layout
  * @csspart main - Main content section container for default slot and titles
- * @csspart title - Title section styling container
+ * @csspart root - Root container for the entire toolbar layout
  * @csspart subTitle - Subtitle section styling container
+ * @csspart title - Title section styling container
  *
  * @cssprop {String} --toolbar-background-color - Background color of the toolbar container
  * @cssprop {String} --toolbar-border-color - Border color for toolbar edges
@@ -52,16 +53,21 @@ import { toolbarElementTemplate } from './ToolbarElementTemplate';
  * @cssprop {String} --toolbar-border-style - Border line style (solid, dashed, dotted)
  * @cssprop {String} --toolbar-border-width - Border width for toolbar outline
  * @cssprop {String} --toolbar-font-family - Font family for toolbar text
+ * @cssprop {String} --toolbar-font-letter-spacing - The font letter spacing CSS custom property.
+ * @cssprop {String} --toolbar-font-line-height - The font line height CSS custom property.
  * @cssprop {String} --toolbar-font-size - Font size for toolbar text
+ * @cssprop {String} --toolbar-font-text-decoration - The font text decoration CSS custom property.
+ * @cssprop {String} --toolbar-font-text-transform - The font text transform CSS custom property.
  * @cssprop {String} --toolbar-font-weight - Font weight for toolbar text
  * @cssprop {String} --toolbar-foreground-color - Primary text and icon color
  * @cssprop {String} --toolbar-gap - Spacing between toolbar sections and elements
  * @cssprop {String} --toolbar-height - Height of the toolbar container
  * @cssprop {String} --toolbar-line-height - Line height for toolbar text
- * @cssprop {String} --toolbar-padding-top - Top padding for toolbar content
- * @cssprop {String} --toolbar-padding-right - Right padding for toolbar content
  * @cssprop {String} --toolbar-padding-bottom - Bottom padding for toolbar content
  * @cssprop {String} --toolbar-padding-left - Left padding for toolbar content
+ * @cssprop {String} --toolbar-padding-right - Right padding for toolbar content
+ * @cssprop {String} --toolbar-padding-top - Top padding for toolbar content
+ * @cssprop {String} --toolbar-shadow - The shadow CSS custom property.
  * @cssprop {String} --toolbar-shadow-blur - Shadow blur radius for elevation effect
  * @cssprop {String} --toolbar-shadow-color - Shadow color for elevation effect
  * @cssprop {String} --toolbar-shadow-offset-x - Horizontal shadow offset
@@ -70,8 +76,9 @@ import { toolbarElementTemplate } from './ToolbarElementTemplate';
  * @cssprop {String} --toolbar-transition-duration - Duration of hover and state transitions
  * @cssprop {String} --toolbar-transition-mode - Timing function for transitions
  * @cssprop {String} --toolbar-transition-property - CSS properties to transition
+ * @cssprop {String} --toolbar-translate - The translate CSS custom property.
  *
- * @dependency {TextElement} - Text rendering component for title and subtitle display
+ * @dependency mosaik-text - The Text element.
  *
  * @example
  * Basic application header:
@@ -103,7 +110,7 @@ import { toolbarElementTemplate } from './ToolbarElementTemplate';
  *
  * @public
  */
-let ToolbarElement = class ToolbarElement extends Themeable(Variantable(Appearanceable(Fitable(TextFormattable(CustomElement))))) {
+let ToolbarElement = class ToolbarElement extends Themeable(Variantable(Appearanceable(Fitable(TextFormattable(Slottable(CustomElement)))))) {
     // #region Fields
     _title;
     _subTitle;

package/Controls/Components/Grouping/Toolbar/ToolbarElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/Toolbar/ToolbarElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAEhE,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAC;AACvF,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAC7E,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgFG;AAaI,IAAM,cAAc,GAApB,MAAM,cACT,SAAQ,SAAS,CAAC,WAAW,CAAC,cAAc,CAAC,OAAO,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;IAGvF,iBAAiB;IAET,MAAM,CAAS;IACf,SAAS,CAAS;IAE1B,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;QACjB,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;IACxB,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;MAME;IACK,MAAM,KAAK,EAAE;QAChB,OAAO,gBAAgB,CAAC;IAC5B,CAAC;IAED;;;;;OAKG;IACH,IACoB,KAAK;QACrB,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;IAED,IAAoB,KAAK,CAAC,KAAa;QACnC,IAAI,IAAI,CAAC,MAAM,KAAK,KAAK,EAAE,CAAC;YACxB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACpB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAChC,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IACW,QAAQ;QACf,OAAO,IAAI,CAAC,SAAS,CAAC;IAC1B,CAAC;IAED,IAAW,QAAQ,CAAC,KAAa;QAC7B,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE,CAAC;YAC3B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QACnC,CAAC;IACL,CAAC;CAIJ,CAAA;AAhCG;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;2CAG3B;AAeD;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;8CAG3B;AAjEQ,cAAc;IAZ1B,SAAS,CAAC;QACP,QAAQ,EAAE,gBAAgB;QAC1B,QAAQ,EAAE,sBAAsB;QAChC,MAAM,EAAE;YACJ,GAAG,EAAE,sBAAsB;YAC3B,OAAO,EAAE,0BAA0B;YACnC,YAAY,EAAE,+BAA+B;SAChD;QACD,OAAO,EAAE;YACL,WAAW;SACd;KACJ,CAAC;;GACW,cAAc,CA4E1B"}
+{"version":3,"file":"ToolbarElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/Toolbar/ToolbarElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAc,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAEhE,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAC;AACvF,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAC7E,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsFG;AAaI,IAAM,cAAc,GAApB,MAAM,cACT,SAAQ,SAAS,CAAC,WAAW,CAAC,cAAc,CAAC,OAAO,CAAC,eAAe,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAGlG,iBAAiB;IAET,MAAM,CAAS;IACf,SAAS,CAAS;IAE1B,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;QACjB,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;IACxB,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;MAME;IACK,MAAM,KAAK,EAAE;QAChB,OAAO,gBAAgB,CAAC;IAC5B,CAAC;IAED;;;;;OAKG;IACH,IACoB,KAAK;QACrB,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;IAED,IAAoB,KAAK,CAAC,KAAa;QACnC,IAAI,IAAI,CAAC,MAAM,KAAK,KAAK,EAAE,CAAC;YACxB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACpB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAChC,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IACW,QAAQ;QACf,OAAO,IAAI,CAAC,SAAS,CAAC;IAC1B,CAAC;IAED,IAAW,QAAQ,CAAC,KAAa;QAC7B,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE,CAAC;YAC3B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QACnC,CAAC;IACL,CAAC;CAIJ,CAAA;AAhCG;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;2CAG3B;AAeD;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;8CAG3B;AAjEQ,cAAc;IAZ1B,SAAS,CAAC;QACP,QAAQ,EAAE,gBAAgB;QAC1B,QAAQ,EAAE,sBAAsB;QAChC,MAAM,EAAE;YACJ,GAAG,EAAE,sBAAsB;YAC3B,OAAO,EAAE,0BAA0B;YACnC,YAAY,EAAE,+BAA+B;SAChD;QACD,OAAO,EAAE;YACL,WAAW;SACd;KACJ,CAAC;;GACW,cAAc,CA4E1B"}

package/Controls/Components/Grouping/Toolbar/ToolbarElementTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/Toolbar/ToolbarElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAIvD;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,CAAC,SAAS,cAAc,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CA4BrF"}
+{"version":3,"file":"ToolbarElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/Toolbar/ToolbarElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAIvD;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,CAAC,SAAS,cAAc,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAiCrF"}

package/Controls/Components/Grouping/Toolbar/ToolbarElementTemplate.js

@@ -1,6 +1,7 @@
 // #region Imports
 import { html } from '../../../../Dom/Html';
 import { when } from '../../../Directives/Directives';
+import { setHost } from '../../../Directives/setHost';
 // #endregion
 /**
  * @public
@@ -9,20 +10,23 @@ export function toolbarElementTemplate(e) {
     return html `
         <div part="root">
             <slot name="start"></slot>
-            <div part="main">
+            <div part="main"
+                 ?hidden="${!setHost(e, 'has-main', e.hasSlotContent('') || e.hasSlotContent('title') || e.hasSlotContent('subTitle'))}">
                 <slot></slot>
-                <div part="title">
+                <div part="title"
+                     ?hidden="${!setHost(e, 'has-title', e.hasSlotContent('title'))}">
                     <slot name="title">
-                        ${when(e.title, () => html `
+                        ${when(e.title.trim(), () => html `
                         <mosaik-text .text="${e.title}"
                                      .formatter="${e.formatter}"
                                      .truncate="${true}"></mosaik-text>
                         `)}
                     </slot>
                 </div>
-                <div part="subTitle">
+                <div part="subTitle"
+                     ?hidden="${!setHost(e, 'has-sub-title', e.hasSlotContent('subTitle'))}">
                     <slot name="subTitle">
-                        ${when(e.subTitle, () => html `
+                        ${when(e.subTitle.trim(), () => html `
                         <mosaik-text .text="${e.subTitle}"
                                      .formatter="${e.formatter}"
                                      .truncate="${true}"></mosaik-text>

package/Controls/Components/Grouping/Toolbar/ToolbarElementTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/Toolbar/ToolbarElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AAGtD,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,sBAAsB,CAA2B,CAAI;IACjE,OAAO,IAAI,CAAA;;;;;;;0BAOW,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;8CACJ,CAAC,CAAC,KAAK;mDACF,CAAC,CAAC,SAAS;kDACZ,IAAI;yBAC7B,CAAC;;;;;0BAKA,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;8CACP,CAAC,CAAC,QAAQ;mDACL,CAAC,CAAC,SAAS;kDACZ,IAAI;yBAC7B,CAAC;;;;;;KAMrB,CAAC;AACN,CAAC"}
+{"version":3,"file":"ToolbarElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/Toolbar/ToolbarElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AAGtD,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,sBAAsB,CAA2B,CAAI;IAGjE,OAAO,IAAI,CAAA;;;;4BAIa,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC,cAAc,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;;;gCAGtG,CAAC,OAAO,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;;0BAEzD,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;8CACX,CAAC,CAAC,KAAK;mDACF,CAAC,CAAC,SAAS;kDACZ,IAAI;yBAC7B,CAAC;;;;gCAIM,CAAC,OAAO,CAAC,CAAC,EAAE,eAAe,EAAE,CAAC,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;;0BAEhE,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;8CACd,CAAC,CAAC,QAAQ;mDACL,CAAC,CAAC,SAAS;kDACZ,IAAI;yBAC7B,CAAC;;;;;;KAMrB,CAAC;AACN,CAAC"}

package/Controls/Components/Grouping/actionbar/ActionbarElement.d.ts

@@ -0,0 +1,145 @@
+import { ISlottable } from '../../../Behaviors/Slottable';
+import { Overflow } from '../../../Types/Overflow';
+import { CustomElement } from '../../Abstracts/CustomElement';
+import type { IActionbarElementProps } from './IActionbarElementProps';
+declare const ActionbarElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Sizeable").ISizeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Orientable").IOrientableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Disableable").IDisableableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Fitable").IFitableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Slottable").ISlottableProps & ISlottable) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
+/**
+ * Actionbar - A generic container for organizing groups of heterogeneous controls.
+ *
+ * @description
+ * The Actionbar component is the root container and top-level context provider for
+ * the Actionbar system. It defines the Actionbar context including orientation, size,
+ * disabled state, and overflow behavior. It hosts groups and separators, distributing
+ * inherited state to all descendants through the inheritance controller.
+ *
+ * The Actionbar is explicitly not button-centric. It supports different kinds of
+ * controls such as buttons, toggle buttons, split buttons, dropdown buttons,
+ * comboboxes, inputs, and custom controls.
+ *
+ * @name Actionbar
+ * @element mosaik-actionbar
+ * @category Grouping
+ *
+ * @slot - The default slot for actionbar groups and separators
+ *
+ * @csspart root - The root container for the actionbar layout
+ *
+ * @cssprop {String} --actionbar-background-color - Background color of the actionbar
+ * @cssprop {String} --actionbar-border-color - Border color for actionbar edges
+ * @cssprop {String} --actionbar-border-radius - Border radius for corner rounding
+ * @cssprop {String} --actionbar-border-style - Border line style
+ * @cssprop {String} --actionbar-border-width - Border width
+ * @cssprop {String} --actionbar-font-family - Font family
+ * @cssprop {String} --actionbar-font-letter-spacing - The font letter spacing CSS custom property.
+ * @cssprop {String} --actionbar-font-line-height - The font line height CSS custom property.
+ * @cssprop {String} --actionbar-font-size - Font size
+ * @cssprop {String} --actionbar-font-text-decoration - The font text decoration CSS custom property.
+ * @cssprop {String} --actionbar-font-text-transform - The font text transform CSS custom property.
+ * @cssprop {String} --actionbar-font-weight - Font weight
+ * @cssprop {String} --actionbar-foreground-color - Text and icon color
+ * @cssprop {String} --actionbar-gap - Spacing between groups and separators
+ * @cssprop {String} --actionbar-min-height - Minimum height of the actionbar
+ * @cssprop {String} --actionbar-padding-bottom - Bottom padding
+ * @cssprop {String} --actionbar-padding-left - Left padding
+ * @cssprop {String} --actionbar-padding-right - Right padding
+ * @cssprop {String} --actionbar-padding-top - Top padding
+ * @cssprop {String} --actionbar-shadow - The shadow CSS custom property.
+ * @cssprop {String} --actionbar-shadow-blur - The shadow blur CSS custom property.
+ * @cssprop {String} --actionbar-shadow-color - The shadow color CSS custom property.
+ * @cssprop {String} --actionbar-shadow-offset-x - The shadow offset x CSS custom property.
+ * @cssprop {String} --actionbar-shadow-offset-y - The shadow offset y CSS custom property.
+ * @cssprop {String} --actionbar-shadow-spread - The shadow spread CSS custom property.
+ * @cssprop {String} --actionbar-transition-duration - Duration of transitions
+ * @cssprop {String} --actionbar-transition-mode - Timing function for transitions
+ * @cssprop {String} --actionbar-transition-property - CSS properties to transition
+ * @cssprop {String} --actionbar-translate - The translate CSS custom property.
+ *
+ * @fires connected {ConnectedEvent} - Fired when connected to DOM
+ * @fires changed {PropertyChangedEvent} - Fired when property changes
+ *
+ * @example
+ * Text editor formatting toolbar with grouped actions:
+ * ```html
+ * <mosaik-actionbar orientation="horizontal" size="md">
+ *   <mosaik-actionbar-group label="Clipboard">
+ *     <mosaik-actionbar-item>
+ *       <mosaik-button label="Cut"></mosaik-button>
+ *     </mosaik-actionbar-item>
+ *     <mosaik-actionbar-item>
+ *       <mosaik-button label="Copy"></mosaik-button>
+ *     </mosaik-actionbar-item>
+ *   </mosaik-actionbar-group>
+ *   <mosaik-actionbar-separator></mosaik-actionbar-separator>
+ *   <mosaik-actionbar-group label="Format">
+ *     <mosaik-actionbar-item>
+ *       <mosaik-toggle-button label="Bold"></mosaik-toggle-button>
+ *     </mosaik-actionbar-item>
+ *   </mosaik-actionbar-group>
+ * </mosaik-actionbar>
+ * ```
+ *
+ * @example
+ * Vertical actionbar with disabled state:
+ * ```html
+ * <mosaik-actionbar orientation="vertical" disabled>
+ *   <mosaik-actionbar-group>
+ *     <mosaik-actionbar-item>
+ *       <mosaik-button label="Action 1"></mosaik-button>
+ *     </mosaik-actionbar-item>
+ *   </mosaik-actionbar-group>
+ * </mosaik-actionbar>
+ * ```
+ *
+ * @public
+ */
+export declare class ActionbarElement extends ActionbarElement_base implements IActionbarElementProps, ISlottable {
+    private readonly _provider;
+    private _overflow;
+    private _wrap;
+    /**
+     * @public
+     */
+    constructor();
+    /**
+     * Returns the `is` property.
+     *
+     * @public
+     * @static
+     * @readonly
+     */
+    static get is(): string;
+    /**
+     * Gets or sets the `overflow` property.
+     * Controls how the actionbar handles content that exceeds its available space.
+     *
+     * @public
+     * @attr
+     */
+    get overflow(): Overflow;
+    set overflow(value: Overflow);
+    /**
+     * Gets or sets the `wrap` property.
+     * When true, actionbar content wraps to the next line when space is insufficient.
+     *
+     * @public
+     * @attr
+     */
+    get wrap(): boolean;
+    set wrap(value: boolean);
+}
+/**
+ * @public
+ */
+export declare namespace ActionbarElement {
+    type Props = IActionbarElementProps;
+}
+/**
+ * @public
+ */
+declare global {
+    interface HTMLElementTagNameMap {
+        'mosaik-actionbar': ActionbarElement;
+    }
+}
+export {};
+//# sourceMappingURL=ActionbarElement.d.ts.map

package/Controls/Components/Grouping/actionbar/ActionbarElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionbarElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/actionbar/ActionbarElement.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAa,MAAM,8BAA8B,CAAC;AAKrE,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAM9D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;;AAOvE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwFG;AACH,qBAiBa,gBACT,SAAQ,qBACR,YAAW,sBAAsB,EAAE,UAAU;IAI7C,OAAO,CAAC,QAAQ,CAAC,SAAS,CAQvB;IAEH,OAAO,CAAC,SAAS,CAAW;IAC5B,OAAO,CAAC,KAAK,CAAU;IAMvB;;OAEG;;IAYH;;;;;;OAMG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;;OAMG;IACH,IACW,QAAQ,IAAI,QAAQ,CAE9B;IAED,IAAW,QAAQ,CAAC,KAAK,EAAE,QAAQ,EAKlC;IAED;;;;;;OAMG;IACH,IACW,IAAI,IAAI,OAAO,CAEzB;IAED,IAAW,IAAI,CAAC,KAAK,EAAE,OAAO,EAK7B;CAIJ;AAED;;GAEG;AACH,yBAAiB,gBAAgB,CAAC;IAC9B,KAAY,KAAK,GAAG,sBAAsB,CAAC;CAC9C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,kBAAkB,EAAE,gBAAgB,CAAC;KACxC;CACJ"}