@breadstone/mosaik-elements-foundation 0.0.147 → 0.0.148

package/Controls/Components/Selectors/TabStrip/TabStripElement.d.ts.map

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

package/Controls/Components/Selectors/TabStrip/TabStripElement.js

@@ -32,7 +32,78 @@ import { tabStripElementCosmopolitanStyle } from './Themes/TabStripElement.Cosmo
 import { Themeable } from '../../../Behaviors/Themeable';
 // #endregion
 /**
- * Tab Strip - A navigation element used to switch between different sections of content.
+ * TabStrip - A navigation container for organizing and switching between related content panels.
+ *
+ * Provides tab-based navigation with keyboard support, visual indicators, and flexible placement options.
+ * Manages tab selection states and coordinates with tab panel content. Essential for organizing
+ * complex interfaces with multiple related views or data sets.
+ *
+ * @name TabStripElement
+ * @element mosaik-tab-strip
+ * @category Selectors
+ *
+ * @csspart tab-strip - The main tab strip container
+ * @csspart tab-list - Container for the tab buttons
+ * @csspart indicator - Active tab indicator element
+ * @csspart overflow - Overflow controls for scrollable tabs
+ *
+ * @cssprop --tab-strip-background-color - Background color of the tab strip
+ * @cssprop --tab-strip-border-color - Border color for tab strip edges
+ * @cssprop --tab-strip-gap - Spacing between individual tabs
+ * @cssprop --tab-strip-padding - Internal padding of the tab strip
+ * @cssprop --tab-indicator-color - Color of the active tab indicator
+ * @cssprop --tab-indicator-height - Height of the tab indicator bar
+ * @cssprop --tab-selected-background - Background color of selected tabs
+ * @cssprop --tab-hover-background - Background color on tab hover
+ *
+ * @dependency InkBarElement - Provides the active tab indicator animation
+ *
+ * @example
+ * ```html
+ * <!-- Basic horizontal tab strip -->
+ * <mosaik-tab-strip>
+ *   <mosaik-tab-strip-item selected>Overview</mosaik-tab-strip-item>
+ *   <mosaik-tab-strip-item>Details</mosaik-tab-strip-item>
+ *   <mosaik-tab-strip-item>Settings</mosaik-tab-strip-item>
+ * </mosaik-tab-strip>
+ *
+ * <!-- Tab strip with indicator -->
+ * <mosaik-tab-strip has-indicator placement="top">
+ *   <mosaik-tab-strip-item>Dashboard</mosaik-tab-strip-item>
+ *   <mosaik-tab-strip-item>Analytics</mosaik-tab-strip-item>
+ *   <mosaik-tab-strip-item>Reports</mosaik-tab-strip-item>
+ *   <mosaik-tab-strip-item disabled>Admin</mosaik-tab-strip-item>
+ * </mosaik-tab-strip>
+ *
+ * <!-- Vertical tab navigation -->
+ * <div class="app-layout">
+ *   <mosaik-tab-strip placement="left" has-indicator>
+ *     <mosaik-tab-strip-item selected>
+ *       <mosaik-icon slot="icon" data="home"></mosaik-icon>
+ *       Home
+ *     </mosaik-tab-strip-item>
+ *     <mosaik-tab-strip-item>
+ *       <mosaik-icon slot="icon" data="user"></mosaik-icon>
+ *       Profile
+ *     </mosaik-tab-strip-item>
+ *     <mosaik-tab-strip-item>
+ *       <mosaik-icon slot="icon" data="settings"></mosaik-icon>
+ *       Settings
+ *     </mosaik-tab-strip-item>
+ *   </mosaik-tab-strip>
+ *   <div class="content-area">
+ *     <!-- Tab panel content -->
+ *   </div>
+ * </div>
+ *
+ * <!-- Scrollable tab strip for many tabs -->
+ * <mosaik-tab-strip variant="scrollable">
+ *   <mosaik-tab-strip-item>Tab 1</mosaik-tab-strip-item>
+ *   <mosaik-tab-strip-item>Tab 2</mosaik-tab-strip-item>
+ *   <mosaik-tab-strip-item>Tab 3</mosaik-tab-strip-item>
+ *   <!-- More tabs... -->
+ * </mosaik-tab-strip>
+ * ```
  *
  * @public
  */

package/Controls/Components/Selectors/TabStrip/TabStripElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabStripElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/TabStrip/TabStripElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,MAAM,EAAE,MAAM,+CAA+C,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAc,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAC7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAEtE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,gCAAgC,EAAE,MAAM,uCAAuC,CAAC;AACzF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,aAAa;AAEb;;;;GAIG;AAgBI,IAAM,eAAe,GAArB,MAAM,eACT,SAAQ,SAAS,CAAC,SAAS,CAAC,WAAW,CAAC,WAAW,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;IAGrF,iBAAiB;IAEA,iBAAiB,CAAmB;IACpC,mBAAmB,CAAqB;IACjD,iBAAiB,CAAuB;IACxC,UAAU,CAAoB;IAC9B,aAAa,CAAU;IAE/B,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,UAAU,GAAG,iBAAiB,CAAC,GAAG,CAAC;QACxC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;QAC1B,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;QAE9B,IAAI,CAAC,mBAAmB,GAAG,IAAI,kBAAkB,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAC3E,IAAI,CAAC,iBAAiB,GAAG,IAAI,gBAAgB,CAAC,IAAI,EAAE;YAChD,QAAQ,EAAE,GAAG,EAAE;gBACX,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;gBAElC,IAAI,OAAO,EAAE,CAAC;oBACV,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;gBACnC,CAAC;YACL,CAAC;SACJ,CAAC,CAAC;IACP,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,kBAAkB,CAAC;IAC9B,CAAC;IAED;;;;;OAKG;IACH,IACW,SAAS;QAChB,OAAO,IAAI,CAAC,UAAU,CAAC;IAC3B,CAAC;IACD,IAAW,SAAS,CAAC,KAAwB;QACzC,IAAI,IAAI,CAAC,UAAU,KAAK,KAAK,EAAE,CAAC;YAC5B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;YACxB,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;QACpC,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IAIW,YAAY;QACnB,OAAO,IAAI,CAAC,aAAa,CAAC;IAC9B,CAAC;IACD,IAAW,YAAY,CAAC,KAAc;QAClC,IAAI,IAAI,CAAC,aAAa,KAAK,KAAK,EAAE,CAAC;YAC/B,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;YAC3B,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;QACvC,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IAAW,KAAK;QACZ,OAAO,IAAI,CAAC,oBAAoB,CAAC,EAAE,EAAE,mBAAmB,CAAC,CAAC;IAC9D,CAAC;IAED;;;;;OAKG;IACH,IAAW,YAAY;QACnB,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC;IACxD,CAAC;IAED;;;;;OAKG;IACH,IAAW,aAAa;QACpB,OAAO,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;IACrD,CAAC;IAED,aAAa;IAEb,kBAAkB;IAElB;;;;;OAKG;IACI,MAAM,CAAC,YAAiC;QAC3C,IAAI,YAAY,CAAC,QAAQ,EAAE,CAAC;YACxB,OAAO;QACX,CAAC;QAED,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YAC5B,MAAM,SAAS,GAAG,IAAI,KAAK,YAAY,CAAC;YACxC,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;YAE5B,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;gBAClB,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;YAChC,CAAC;QACL,CAAC;QAED,IAAI,CAAC,aAAa,EAAE,CAAC;IACzB,CAAC;IAED;;;;;OAKG;IACI,aAAa,CAAC,KAAa;QAC9B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IACnC,CAAC;IAED;;;;;OAKG;IACI,aAAa,CAAC,KAAc;QAC/B,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;QAEvD,IAAI,IAAI,EAAE,CAAC;YACP,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACtB,CAAC;IACL,CAAC;IAED;;;OAGG;IACa,aAAa,CAAC,QAAiB;QAC3C,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAE9B,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC;QAE5B,KAAK,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,QAAQ,CAAC,OAAO,EAAE,EAAE,CAAC;YACtC,gEAAgE;YAChE,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;gBACd,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;YAC/B,CAAC;YAED,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;YACzB,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC;YAEjB,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;YACrC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YAC9D,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,KAAK,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YAEtD,IAAI,CAAC,CAAC,UAAU,EAAE,CAAC;gBACf,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;YAC7B,CAAC;QACL,CAAC;IACL,CAAC;IAED;;;OAGG;IACgB,eAAe;QAC9B,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,eAAe,CAAgB,WAAW,CAAC,CAAC;IAC9E,CAAC;IAED;;OAEG;IAEO,OAAO,CAAC,KAAY;QAC1B,+BAA+B;QAC/B,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,YAAY,mBAAmB,CAAC,EAAE,CAAC;YACjD,OAAO;QACX,CAAC;QAED,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC;QAC7B,mGAAmG;QACnG,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QACnC,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK;aACpB,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,OAAO,IAAI,CAAC,KAAK,QAAQ,CAAC;aAC9C,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;QAElC,8BAA8B;QAC9B,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,GAAG,KAAK,CAAC,CAAC;QAE5C,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;YACvB,IAAI,QAAQ,EAAE,CAAC;gBACX,QAAQ,CAAC,UAAU,GAAG,KAAK,CAAC;YAChC,CAAC;QACL,CAAC;QAED,OAAO,CAAC,UAAU,GAAG,IAAI,CAAC;QAC1B,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACnC,CAAC;IAED;;OAEG;IAEO,8BAA8B,CAAC,KAAkB;QACvD,IAAI,KAAK,CAAC,MAAM,YAAY,mBAAmB,EAAE,CAAC;YAC9C,IAAI,KAAK,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC;gBAC1B,uCAAuC;gBACvC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;YAC9B,CAAC;QACL,CAAC;IACL,CAAC;IAED;;OAEG;IAEO,wBAAwB,CAAC,KAAe,EAAE,IAAc;QAC9D,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACrB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;gBACrB,gEAAgE;gBAChE,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;oBACd,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC;gBACtB,CAAC;YACL,CAAC,CAAC,CAAC;YAEH,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;YAElC,IAAI,OAAO,EAAE,CAAC;gBACV,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;YACnC,CAAC;QACL,CAAC;IACL,CAAC;IAED;;OAEG;IAEO,uBAAuB,CAAC,KAAe,EAAE,IAAc;QAC7D,IAAI,IAAI,EAAE,CAAC;YACP,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;YAE5C,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;YAElC,IAAI,OAAO,EAAE,CAAC;gBACV,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;YACnC,CAAC;QACL,CAAC;IACL,CAAC;IAED;;OAEG;IAEO,mBAAmB,CAAC,KAAqB,EAAE,IAAoB;QACrE,IAAI,IAAI,EAAE,CAAC;YACP,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC;YAExC,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;YAElC,IAAI,OAAO,EAAE,CAAC;gBACV,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;YACnC,CAAC;QACL,CAAC;IACL,CAAC;IAED;;OAEG;IAEO,4BAA4B,CAAC,KAAmB,EAAE,IAAkB;QAC1E,IAAI,IAAI,EAAE,CAAC;YACP,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;YAElC,IAAI,OAAO,EAAE,CAAC;gBACV,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;YACnC,CAAC;QACL,CAAC;IACL,CAAC;IAED;;OAEG;IAEO,6BAA6B,CAAC,KAAe,EAAE,IAAc;QACnE,IAAI,IAAI,EAAE,CAAC;YACP,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,eAAe,CAAgB,WAAW,CAAC,CAAC;YAE1E,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;YAElC,IAAI,OAAO,EAAE,CAAC;gBACV,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;YACnC,CAAC;QACL,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;QAClC,CAAC;IACL,CAAC;IAED;;OAEG;IACK,gBAAgB,CAAC,OAAoB;QACzC,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;YACtB,OAAO;QACX,CAAC;QAED,IAAI,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACzB,IAAI,CAAC,iBAAiB,CAAC,MAAM,GAAG,OAAO,CAAC;YACxC,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC;QACnC,CAAC;IACL,CAAC;IAED;;OAEG;IACK,UAAU;QACd,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC;IACxD,CAAC;CAIJ,CAAA;AA7SG;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,iBAAiB,EAAE,CAAC;;;gDAGtC;AAcD;IAAC,SAAS,CAAC;QACP,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,IAAI;KACnB,CAAC;;;mDAGD;AAmIS;IADT,MAAM,CAAC,OAAO,CAAC;;qCACS,KAAK;;8CAwB7B;AAMS;IADT,MAAM,CAAC,kBAAkB,CAAC;;qCACqB,WAAW;;qEAO1D;AAMS;IADT,KAAK,CAAC,UAAU,CAAC;;;;+DAgBjB;AAMS;IADT,KAAK,CAAC,SAAS,CAAC;;;;8DAWhB;AAMS;IADT,KAAK,CAAC,KAAK,CAAC;;;;0DAWZ;AAMS;IADT,KAAK,CAAC,aAAa,CAAC;;;;mEASpB;AAMS;IADT,KAAK,CAAC,cAAc,CAAC;;;;oEAarB;AAhVQ,eAAe;IAf3B,SAAS,CAAC;QACP,QAAQ,EAAE,kBAAkB;QAC5B,QAAQ,EAAE,uBAAuB;QACjC,MAAM,EAAE;YACJ,GAAG,EAAE,uBAAuB;YAC5B,KAAK,EAAE,yBAAyB;YAChC,YAAY,EAAE,gCAAgC;SACjD;QACD,IAAI,EAAE;YACF,IAAI,EAAE,SAAS;SAClB;QACD,OAAO,EAAE;YACL,aAAa;SAChB;KACJ,CAAC;;GACW,eAAe,CAyW3B"}
+{"version":3,"file":"TabStripElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/TabStrip/TabStripElement.ts"],"names":[],"mappings":"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"}

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

@@ -5,50 +5,112 @@ import { ITheme } from '@breadstone/mosaik-themes';
 import { ISlottable } from '../../Behaviors/Slottable';
 declare const AppElement_base: (abstract new (...args: Array<any>) => import("../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../Behaviors/Slottable").ISlottableProps & ISlottable) & typeof CustomElement & import("../../Behaviors/Themeable").IThemeableCtor;
 /**
- * App - A container component that manages the layout and structure of the application, typically including
- *       navigation drawers, headers, and main content areas.
+ * App - A comprehensive application shell component that provides the foundation layout structure for modern web applications.
  *
- * @description
- * The App component provides a wrapper for the main layout of an application. It includes support for navigation
- * drawers, headers, and a content area, allowing for a consistent and customizable structure. This component is useful
- * for applications that require a flexible layout with integrated navigation and content management.
+ * Creates a complete application framework with integrated navigation drawers, headers, content areas, and responsive
+ * layout management. Handles breakpoint-aware design, theme management, and provides structured slots for organizing
+ * application navigation, branding, actions, and primary content in a cohesive shell architecture.
  *
- * @name App
+ * @name AppElement
  * @element mosaik-app
  * @category Shell
  *
- * @csspart header - The header section of the App, often used for titles or app branding.
- * @csspart content - The main content area of the App.
- * @csspart drawer - The part of the App responsible for the navigation drawer.
- * @csspart nav - The navigation part of the App, used for placing navigation links or menus.
+ * @slot nav - Navigation drawer content area for primary navigation links and menu items
+ * @slot menu - Menu area for contextual actions and secondary navigation
+ * @slot logo - Application branding area for logos, titles, and identity elements
+ * @slot actions - Action buttons area for global application actions and controls
+ * @slot content - Main content area for primary application content and views
+ * @slot footer - Footer area for secondary information, links, and application metadata
  *
- * @dependency {DrawerElement} - The Drawer element used for navigation.
- * @dependency {AppHeaderElement} - The App Header element for displaying the application header.
- * @dependency {Theme2Element} - The Theme element for applying theming and styling.
+ * @csspart header - Application header section containing branding and navigation controls
+ * @csspart content - Main content wrapper for application views and functionality
+ * @csspart drawer - Navigation drawer container for side navigation elements
+ * @csspart nav - Navigation area within the drawer for menu items and links
+ * @csspart overlay - Drawer overlay for mobile and responsive interactions
+ * @csspart backdrop - Background overlay for modal drawer interactions
  *
- * @slot nav - The slot for navigation elements.
- * @slot menu - The slot for menu items.
- * @slot logo - The slot for the application logo or branding.
- * @slot actions - The slot for action buttons or icons.
- * @slot content - The main content area of the App.
- * @slot footer - The footer area of the App, typically used for additional information or links.
+ * @cssprop --app-header-height - Height of the application header bar
+ * @cssprop --app-drawer-width - Width of the navigation drawer when expanded
+ * @cssprop --app-breakpoint-mobile - Mobile breakpoint threshold for responsive behavior
+ * @cssprop --app-breakpoint-tablet - Tablet breakpoint threshold for layout changes
+ * @cssprop --app-breakpoint-desktop - Desktop breakpoint for full layout display
+ * @cssprop --app-background-color - Background color for the application shell
+ * @cssprop --app-surface-color - Surface color for elevated application areas
+ * @cssprop --app-drawer-background - Background color for the navigation drawer
+ * @cssprop --app-header-background - Background color for the application header
+ *
+ * @dependency DrawerElement - For navigation drawer functionality and responsive behavior
+ * @dependency AppHeaderElement - For application header management and branding display
+ * @dependency Theme2Element - For comprehensive theme management and styling coordination
+ * @dependency BreakpointController - For responsive design and layout adaptation
  *
  * @example
  * ```html
- * <mosaik-app>
- *   <div slot="nav">
+ * <!-- Complete application shell -->
+ * <mosaik-app theme="joy" responsive="true">
+ *   <mosaik-icon slot="logo" data="company-logo"></mosaik-icon>
+ *   <mosaik-text slot="logo">My Application</mosaik-text>
+ *
+ *   <nav slot="nav">
+ *     <mosaik-list>
+ *       <mosaik-list-item value="dashboard">
+ *         <mosaik-icon slot="prefix" data="home"></mosaik-icon>
+ *         Dashboard
+ *       </mosaik-list-item>
+ *       <mosaik-list-item value="analytics">
+ *         <mosaik-icon slot="prefix" data="chart-bar"></mosaik-icon>
+ *         Analytics
+ *       </mosaik-list-item>
+ *       <mosaik-list-item value="settings">
+ *         <mosaik-icon slot="prefix" data="cog"></mosaik-icon>
+ *         Settings
+ *       </mosaik-list-item>
+ *     </mosaik-list>
+ *   </nav>
+ *
+ *   <div slot="actions">
+ *     <mosaik-button appearance="ghost" onclick="openSearch()">
+ *       <mosaik-icon data="search"></mosaik-icon>
+ *     </mosaik-button>
+ *     <mosaik-button appearance="ghost" onclick="showNotifications()">
+ *       <mosaik-icon data="bell"></mosaik-icon>
+ *       <mosaik-badge slot="overlay" value="3"></mosaik-badge>
+ *     </mosaik-button>
+ *     <mosaik-avatar onclick="showProfile()" src="user-avatar.jpg"></mosaik-avatar>
  *   </div>
- *   <div slot="menu">
+ *
+ *   <main slot="content">
+ *     <router-outlet></router-outlet>
+ *   </main>
+ *
+ *   <footer slot="footer">
+ *     <mosaik-text variant="caption">© 2024 My Company. All rights reserved.</mosaik-text>
+ *   </footer>
+ * </mosaik-app>
+ *
+ * <!-- Minimal app shell -->
+ * <mosaik-app drawer-mode="overlay">
+ *   <h1 slot="logo">Simple App</h1>
+ *   <div slot="content">
+ *     <h2>Welcome to the application</h2>
  *   </div>
+ * </mosaik-app>
+ *
+ * <!-- Dashboard layout -->
+ * <mosaik-app theme="cosmopolitan" drawer-collapsed="false">
  *   <div slot="logo">
+ *     <img src="logo.png" alt="Dashboard" />
  *   </div>
- *   <div slot="actions">
+ *
+ *   <div slot="menu">
+ *     <mosaik-combo label="Workspace" value="current">
+ *       <mosaik-combo-item value="current">Current Project</mosaik-combo-item>
+ *       <mosaik-combo-item value="archived">Archived Projects</mosaik-combo-item>
+ *     </mosaik-combo>
  *   </div>
+ *
  *   <div slot="content">
- *     <!-- Main content area here -->
- *   </div>
- *   <div slot="footer">
- *     <!-- Footer content here -->
+ *     <mosaik-chart type="line" title="Performance Metrics"></mosaik-chart>
  *   </div>
  * </mosaik-app>
  * ```

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":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAG3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAMtD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAEnD,OAAO,EAAE,UAAU,EAAa,MAAM,2BAA2B,CAAC;;AAKlE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;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":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAG3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAMtD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAEnD,OAAO,EAAE,UAAU,EAAa,MAAM,2BAA2B,CAAC;;AAKlE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgHG;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

@@ -27,50 +27,112 @@ import { Slottable } from '../../Behaviors/Slottable';
 import { Watch } from '../../Decorators/WatchDecorator';
 // #endregion
 /**
- * App - A container component that manages the layout and structure of the application, typically including
- *       navigation drawers, headers, and main content areas.
+ * App - A comprehensive application shell component that provides the foundation layout structure for modern web applications.
  *
- * @description
- * The App component provides a wrapper for the main layout of an application. It includes support for navigation
- * drawers, headers, and a content area, allowing for a consistent and customizable structure. This component is useful
- * for applications that require a flexible layout with integrated navigation and content management.
+ * Creates a complete application framework with integrated navigation drawers, headers, content areas, and responsive
+ * layout management. Handles breakpoint-aware design, theme management, and provides structured slots for organizing
+ * application navigation, branding, actions, and primary content in a cohesive shell architecture.
  *
- * @name App
+ * @name AppElement
  * @element mosaik-app
  * @category Shell
  *
- * @csspart header - The header section of the App, often used for titles or app branding.
- * @csspart content - The main content area of the App.
- * @csspart drawer - The part of the App responsible for the navigation drawer.
- * @csspart nav - The navigation part of the App, used for placing navigation links or menus.
+ * @slot nav - Navigation drawer content area for primary navigation links and menu items
+ * @slot menu - Menu area for contextual actions and secondary navigation
+ * @slot logo - Application branding area for logos, titles, and identity elements
+ * @slot actions - Action buttons area for global application actions and controls
+ * @slot content - Main content area for primary application content and views
+ * @slot footer - Footer area for secondary information, links, and application metadata
  *
- * @dependency {DrawerElement} - The Drawer element used for navigation.
- * @dependency {AppHeaderElement} - The App Header element for displaying the application header.
- * @dependency {Theme2Element} - The Theme element for applying theming and styling.
+ * @csspart header - Application header section containing branding and navigation controls
+ * @csspart content - Main content wrapper for application views and functionality
+ * @csspart drawer - Navigation drawer container for side navigation elements
+ * @csspart nav - Navigation area within the drawer for menu items and links
+ * @csspart overlay - Drawer overlay for mobile and responsive interactions
+ * @csspart backdrop - Background overlay for modal drawer interactions
  *
- * @slot nav - The slot for navigation elements.
- * @slot menu - The slot for menu items.
- * @slot logo - The slot for the application logo or branding.
- * @slot actions - The slot for action buttons or icons.
- * @slot content - The main content area of the App.
- * @slot footer - The footer area of the App, typically used for additional information or links.
+ * @cssprop --app-header-height - Height of the application header bar
+ * @cssprop --app-drawer-width - Width of the navigation drawer when expanded
+ * @cssprop --app-breakpoint-mobile - Mobile breakpoint threshold for responsive behavior
+ * @cssprop --app-breakpoint-tablet - Tablet breakpoint threshold for layout changes
+ * @cssprop --app-breakpoint-desktop - Desktop breakpoint for full layout display
+ * @cssprop --app-background-color - Background color for the application shell
+ * @cssprop --app-surface-color - Surface color for elevated application areas
+ * @cssprop --app-drawer-background - Background color for the navigation drawer
+ * @cssprop --app-header-background - Background color for the application header
+ *
+ * @dependency DrawerElement - For navigation drawer functionality and responsive behavior
+ * @dependency AppHeaderElement - For application header management and branding display
+ * @dependency Theme2Element - For comprehensive theme management and styling coordination
+ * @dependency BreakpointController - For responsive design and layout adaptation
  *
  * @example
  * ```html
- * <mosaik-app>
- *   <div slot="nav">
+ * <!-- Complete application shell -->
+ * <mosaik-app theme="joy" responsive="true">
+ *   <mosaik-icon slot="logo" data="company-logo"></mosaik-icon>
+ *   <mosaik-text slot="logo">My Application</mosaik-text>
+ *
+ *   <nav slot="nav">
+ *     <mosaik-list>
+ *       <mosaik-list-item value="dashboard">
+ *         <mosaik-icon slot="prefix" data="home"></mosaik-icon>
+ *         Dashboard
+ *       </mosaik-list-item>
+ *       <mosaik-list-item value="analytics">
+ *         <mosaik-icon slot="prefix" data="chart-bar"></mosaik-icon>
+ *         Analytics
+ *       </mosaik-list-item>
+ *       <mosaik-list-item value="settings">
+ *         <mosaik-icon slot="prefix" data="cog"></mosaik-icon>
+ *         Settings
+ *       </mosaik-list-item>
+ *     </mosaik-list>
+ *   </nav>
+ *
+ *   <div slot="actions">
+ *     <mosaik-button appearance="ghost" onclick="openSearch()">
+ *       <mosaik-icon data="search"></mosaik-icon>
+ *     </mosaik-button>
+ *     <mosaik-button appearance="ghost" onclick="showNotifications()">
+ *       <mosaik-icon data="bell"></mosaik-icon>
+ *       <mosaik-badge slot="overlay" value="3"></mosaik-badge>
+ *     </mosaik-button>
+ *     <mosaik-avatar onclick="showProfile()" src="user-avatar.jpg"></mosaik-avatar>
  *   </div>
- *   <div slot="menu">
+ *
+ *   <main slot="content">
+ *     <router-outlet></router-outlet>
+ *   </main>
+ *
+ *   <footer slot="footer">
+ *     <mosaik-text variant="caption">© 2024 My Company. All rights reserved.</mosaik-text>
+ *   </footer>
+ * </mosaik-app>
+ *
+ * <!-- Minimal app shell -->
+ * <mosaik-app drawer-mode="overlay">
+ *   <h1 slot="logo">Simple App</h1>
+ *   <div slot="content">
+ *     <h2>Welcome to the application</h2>
  *   </div>
+ * </mosaik-app>
+ *
+ * <!-- Dashboard layout -->
+ * <mosaik-app theme="cosmopolitan" drawer-collapsed="false">
  *   <div slot="logo">
+ *     <img src="logo.png" alt="Dashboard" />
  *   </div>
- *   <div slot="actions">
+ *
+ *   <div slot="menu">
+ *     <mosaik-combo label="Workspace" value="current">
+ *       <mosaik-combo-item value="current">Current Project</mosaik-combo-item>
+ *       <mosaik-combo-item value="archived">Archived Projects</mosaik-combo-item>
+ *     </mosaik-combo>
  *   </div>
+ *
  *   <div slot="content">
- *     <!-- Main content area here -->
- *   </div>
- *   <div slot="footer">
- *     <!-- Footer content here -->
+ *     <mosaik-chart type="line" title="Performance Metrics"></mosaik-chart>
  *   </div>
  * </mosaik-app>
  * ```

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":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,eAAe,EAAE,MAAM,4CAA4C,CAAC;AAC7E,OAAO,EAAE,oBAAoB,EAAE,MAAM,iDAAiD,CAAC;AACvF,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAE9D,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAc,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAC;AAExD,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgHG;AAeI,IAAM,UAAU,GAAhB,MAAM,UACT,SAAQ,SAAS,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IAG3C,iBAAiB;IAEA,qBAAqB,CAAuB;IACrD,cAAc,CAAiB;IAC/B,cAAc,CAAoB;IAClC,eAAe,CAAe;IAC9B,MAAM,CAAgB;IACtB,UAAU,CAAU;IACpB,OAAO,CAAU;IACjB,SAAS,CAAU;IACnB,UAAU,CAAU;IAE5B,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACnB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,IAAI,CAAC,qBAAqB,GAAG,IAAI,oBAAoB,CAAC,IAAI,EAAE;YACxD,KAAK,EAAE,eAAe,CAAC,cAAc;YACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAChB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YAC1B,CAAC;SACJ,CAAC,CAAC;IACP,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,YAAY,CAAC;IACxB,CAAC;IAED;;;;OAIG;IACH,IACW,KAAK;QACZ,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;IACD,IAAW,KAAK,CAAC,KAAoB;QACjC,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC;YAC9C,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACpB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAChC,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IAIW,SAAS;QAChB,OAAO,IAAI,CAAC,UAAU,CAAC;IAC3B,CAAC;IACD,IAAW,SAAS,CAAC,KAAc;QAC/B,IAAI,IAAI,CAAC,UAAU,KAAK,KAAK,EAAE,CAAC;YAC5B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;YACxB,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;QACpC,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IAIW,MAAM;QACb,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IACD,IAAW,MAAM,CAAC,KAAc;QAC5B,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,EAAE,CAAC;YACzB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACrB,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACjC,CAAC;IACL,CAAC;IAED;;;;;;OAMG;IACH,IAIW,QAAQ;QACf,OAAO,IAAI,CAAC,SAAS,CAAC;IAC1B,CAAC;IACD,IAAY,QAAQ,CAAC,KAAc;QAC/B,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;IAED;;;;;;OAMG;IACH,IAIW,SAAS;QAChB,OAAO,IAAI,CAAC,UAAU,CAAC;IAC3B,CAAC;IACD,IAAY,SAAS,CAAC,KAAc;QAChC,IAAI,IAAI,CAAC,UAAU,KAAK,KAAK,EAAE,CAAC;YAC5B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;YACxB,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QACnC,CAAC;IACL,CAAC;IAED;;;;;;OAMG;IACH,IAAW,MAAM;QACb,OAAO,IAAI,CAAC,cAAc,CAAC;IAC/B,CAAC;IAED;;;;;;OAMG;IACH,IAAW,OAAO;QACd,OAAO,IAAI,CAAC,eAAe,CAAC;IAChC,CAAC;IAED,aAAa;IAEb,kBAAkB;IAElB;;;;OAIG;IACI,gBAAgB;QACnB,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC;IACrC,CAAC;IAED;;;;OAIG;IACI,cAAc;QACjB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;IAC1B,CAAC;IAED;;;;OAIG;IACI,eAAe;QAClB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IAC3B,CAAC;IAEe,aAAa,CAAC,QAAiB;QAC3C,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;YACxB,MAAM,cAAc,GAAG,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC;iBACnD,MAAM,CAAC,CAAC,CAAC,EAAyB,EAAE,CAAC,CAAC,YAAY,gBAAgB,CAAC,CAAC;YAEzE,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC5B,IAAI,CAAC,cAAc,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;gBACxC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;YAC1B,CAAC;iBAAM,CAAC;gBACJ,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YAC3B,CAAC;QACL,CAAC;IACL,CAAC;IAED;;;OAGG;IACgB,eAAe;QAC9B,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAc,SAAS,CAAC,CAAC;QACpE,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,eAAe,CAAmB,QAAQ,CAAC,CAAC;QACvE,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,eAAe,CAAgB,QAAQ,CAAC,CAAC;IACxE,CAAC;IAED;;OAEG;IAEO,0BAA0B,CAAC,KAAe,EAAE,IAAc;QAChE,IAAI,CAAC,cAAc,CAAC,SAAS,GAAG,IAAI,IAAI,KAAK,CAAC;IAClD,CAAC;CAIJ,CAAA;AAtLG;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;uCAG1B;AAcD;IAAC,SAAS,CAAC;QACP,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,IAAI;KACnB,CAAC;;;2CAGD;AAcD;IAAC,SAAS,CAAC;QACP,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,IAAI;KACnB,CAAC;;;wCAGD;AAeD;IAAC,SAAS,CAAC;QACP,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,IAAI;KACnB,CAAC;;;0CAGD;AAeD;IAAC,SAAS,CAAC;QACP,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,IAAI;KACnB,CAAC;;;2CAGD;AA2FS;IADT,KAAK,CAAC,WAAW,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;;;;4DAGlD;AA9OQ,UAAU;IAdtB,SAAS,CAAC;QACP,QAAQ,EAAE,YAAY;QACtB,QAAQ,EAAE,kBAAkB;QAC5B,MAAM,EAAE;YACJ,GAAG,EAAE,kBAAkB;YACvB,KAAK,EAAE,oBAAoB;YAC3B,YAAY,EAAE,2BAA2B;SAC5C;QACD,OAAO,EAAE;YACL,aAAa;YACb,gBAAgB;YAChB,aAAa;SAChB;KACJ,CAAC;;GACW,UAAU,CAkPtB"}

package/Controls/Components/States/Busy/BusyStateElement.d.ts

@@ -2,42 +2,67 @@ import { StateBaseElement } from '../Abstracts/StateBaseElement';
 import { IBusyStateElementProps } from './IBusyStateElementProps';
 declare const BusyStateElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & typeof StateBaseElement & import("../../../Behaviors/Themeable").IThemeableCtor;
 /**
- * Busy State - A UI component used to display a message or indication when there is no content or data.
+ * BusyState - A loading state component that indicates ongoing processes or data retrieval operations.
  *
- * @description
- * The Busy State component is designed to provide users with information or guidance when there is no content
- * or data available. This component often includes a message, icon, and sometimes suggestions or actions
- * to help users understand what to do next. It helps in creating a more user-friendly experience by guiding users
- * in scenarios where content is absent.
+ * Displays animated loading indicators and optional status messages to inform users when content
+ * is being loaded, processed, or retrieved. Provides visual feedback for asynchronous operations
+ * to maintain user engagement and communicate system activity.
  *
- * @name Busy State
+ * @name BusyStateElement
  * @element mosaik-busy-state
  * @category States
  *
- * @slot - The default slot for placing additional content or elements related to the busy state.
- * @slot actions - The actions slot for placing actionable elements such as buttons or links for user interaction.
+ * @slot - Default content area for additional loading state information
+ * @slot actions - Action buttons or controls available during loading (e.g., cancel operation)
  *
- * @csspart icon - The icon part of the busy state component.
- * @csspart header - The header part of the busy state component.
- * @csspart content - The content part of the busy state component.
+ * @csspart icon - Loading indicator container for progress ring or spinner
+ * @csspart header - Header text container for loading status messaging
+ * @csspart content - Content text container for detailed loading information
  *
- * @cssprop {String} --busy-state-foreground-color - The foreground color for the busy state content.
- * @cssprop {String} --icon-foreground-color - The foreground color for the icon.
- * @cssprop {String} --busy-state-header-font-family - The font family for the header text.
- * @cssprop {String} --busy-state-header-font-size - The font size for the header text.
- * @cssprop {String} --busy-state-header-font-line-height - The line height for the header text.
- * @cssprop {String} --busy-state-header-font-weight - The font weight for the header text.
- * @cssprop {String} --busy-state-header-font-letter-spacing - The letter spacing for the header text.
- * @cssprop {String} --busy-state-header-font-text-decoration - The text decoration for the header text.
- * @cssprop {String} --busy-state-header-font-text-transform - The text transform for the header text.
+ * @cssprop --busy-state-foreground-color - Text color for busy state content
+ * @cssprop --icon-foreground-color - Color for the loading indicator
+ * @cssprop --busy-state-header-font-family - Font family for header text
+ * @cssprop --busy-state-header-font-size - Font size for header text
+ * @cssprop --busy-state-header-font-line-height - Line height for header text
+ * @cssprop --busy-state-header-font-weight - Font weight for header text
+ * @cssprop --busy-state-header-font-letter-spacing - Letter spacing for header text
+ * @cssprop --busy-state-header-font-text-decoration - Text decoration for header text
+ * @cssprop --busy-state-header-font-text-transform - Text transform for header text
  *
- * @dependency {ProgressRingElement} mosaik-progress-ring - The Progress Ring component, used for displaying the loading indicator.
- * @dependency {TextElement} mosaik-text - The Text component, used for displaying the header and content text.
- * @dependency {StackElement} mosaik-stack - The Stack component, used for layout management of the icon, header, and content.
+ * @dependency ProgressRingElement - For animated loading indicators and progress visualization
+ * @dependency TextElement - For rendering header and content text
+ * @dependency StackElement - For layout management and content arrangement
  *
  * @example
  * ```html
+ * <!-- Simple loading state -->
  * <mosaik-busy-state>
+ *   <mosaik-progress-ring slot="icon"></mosaik-progress-ring>
+ *   <mosaik-text slot="header">Loading...</mosaik-text>
+ * </mosaik-busy-state>
+ *
+ * <!-- Data loading with details -->
+ * <mosaik-busy-state>
+ *   <mosaik-progress-ring slot="icon"></mosaik-progress-ring>
+ *   <mosaik-text slot="header">Loading your dashboard</mosaik-text>
+ *   <mosaik-text slot="content">This may take a few moments</mosaik-text>
+ * </mosaik-busy-state>
+ *
+ * <!-- Upload progress -->
+ * <mosaik-busy-state>
+ *   <mosaik-progress-ring slot="icon" value="65"></mosaik-progress-ring>
+ *   <mosaik-text slot="header">Uploading files...</mosaik-text>
+ *   <mosaik-text slot="content">65% complete</mosaik-text>
+ *   <div slot="actions">
+ *     <mosaik-button appearance="soft" onclick="cancelUpload()">Cancel</mosaik-button>
+ *   </div>
+ * </mosaik-busy-state>
+ *
+ * <!-- Search in progress -->
+ * <mosaik-busy-state>
+ *   <mosaik-progress-ring slot="icon"></mosaik-progress-ring>
+ *   <mosaik-text slot="header">Searching...</mosaik-text>
+ *   <mosaik-text slot="content">Finding the best results for you</mosaik-text>
  * </mosaik-busy-state>
  * ```
  *

package/Controls/Components/States/Busy/BusyStateElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BusyStateElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Busy/BusyStateElement.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAMjE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;;AAKlE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,qBAca,gBACT,SAAQ,qBACR,YAAW,sBAAsB;IAIjC,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,KAAK,CAAS;IAMtB;;;;OAIG;;IAYH;;;;;;MAME;IACF,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IAED,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAI5B;IAED;;;;;OAKG;IACH,IACW,MAAM,IAAI,MAAM,CAE1B;IAED,IAAW,MAAM,CAAC,KAAK,EAAE,MAAM,EAI9B;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,mBAAmB,EAAE,gBAAgB,CAAC;KACzC;CACJ"}
+{"version":3,"file":"BusyStateElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/States/Busy/BusyStateElement.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAMjE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;;AAKlE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkEG;AACH,qBAca,gBACT,SAAQ,qBACR,YAAW,sBAAsB;IAIjC,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,KAAK,CAAS;IAMtB;;;;OAIG;;IAYH;;;;;;MAME;IACF,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IAED,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAI5B;IAED;;;;;OAKG;IACH,IACW,MAAM,IAAI,MAAM,CAE1B;IAED,IAAW,MAAM,CAAC,KAAK,EAAE,MAAM,EAI9B;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,mBAAmB,EAAE,gBAAgB,CAAC;KACzC;CACJ"}