@breadstone/mosaik-elements-foundation 0.0.146 → 0.0.148

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

@@ -21,11 +21,70 @@ import { menuElementCosmopolitanStyle } from './Themes/MenuElement.Cosmopolitan'
 import { Themeable } from '../../../Behaviors/Themeable';
 // #endregion
 /**
- * Menu - A list of options or actions presented to users.
+ * Menu - A vertical list container for presenting navigation options and actionable commands.
  *
+ * Provides structured menu layouts with support for menu items, dividers, and hierarchical organization.
+ * Handles selection states, keyboard navigation, and accessibility features. Essential for context menus,
+ * navigation menus, and dropdown command lists.
+ *
+ * @name MenuElement
  * @element mosaik-menu
+ * @category Selectors
+ *
+ * @csspart menu - The main menu container element
+ * @csspart menu-list - Container for menu items and content
+ *
+ * @cssprop --menu-background-color - Background color of the menu container
+ * @cssprop --menu-border-color - Border color around the menu
+ * @cssprop --menu-border-radius - Border radius for menu corners
+ * @cssprop --menu-padding - Internal padding of the menu
+ * @cssprop --menu-min-width - Minimum width constraint for the menu
+ * @cssprop --menu-max-height - Maximum height before scrolling
+ * @cssprop --menu-item-height - Standard height for menu items
+ * @cssprop --menu-divider-color - Color of menu section dividers
+ *
+ * @example
+ * ```html
+ * <!-- Basic context menu -->
+ * <mosaik-menu>
+ *   <mosaik-menu-item>Cut</mosaik-menu-item>
+ *   <mosaik-menu-item>Copy</mosaik-menu-item>
+ *   <mosaik-menu-item>Paste</mosaik-menu-item>
+ *   <mosaik-divider></mosaik-divider>
+ *   <mosaik-menu-item disabled>Delete</mosaik-menu-item>
+ * </mosaik-menu>
+ *
+ * <!-- Navigation menu with icons -->
+ * <mosaik-menu>
+ *   <mosaik-menu-item selected>
+ *     <mosaik-icon slot="prefix" data="home"></mosaik-icon>
+ *     Home
+ *   </mosaik-menu-item>
+ *   <mosaik-menu-item>
+ *     <mosaik-icon slot="prefix" data="user"></mosaik-icon>
+ *     Profile
+ *   </mosaik-menu-item>
+ *   <mosaik-menu-item>
+ *     <mosaik-icon slot="prefix" data="settings"></mosaik-icon>
+ *     Settings
+ *   </mosaik-menu-item>
+ * </mosaik-menu>
+ *
+ * <!-- Hierarchical menu with submenus -->
+ * <mosaik-menu>
+ *   <mosaik-menu-item>File</mosaik-menu-item>
+ *   <mosaik-menu-item>
+ *     Edit
+ *     <mosaik-menu slot="submenu">
+ *       <mosaik-menu-item>Undo</mosaik-menu-item>
+ *       <mosaik-menu-item>Redo</mosaik-menu-item>
+ *     </mosaik-menu>
+ *   </mosaik-menu-item>
+ *   <mosaik-menu-item>View</mosaik-menu-item>
+ * </mosaik-menu>
+ * ```
  *
- * @fires activated - Called when the element is activated.
+ * @fires activated - Emitted when a menu item is activated or selected
  *
  * @public
  */

package/Controls/Components/Selectors/Menu/MenuElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Menu/MenuElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,IAAI,EAAE,MAAM,6CAA6C,CAAC;AACnE,OAAO,EAAE,uBAAuB,EAA+B,MAAM,6BAA6B,CAAC;AACnG,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AACjF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,aAAa;AAEb;;;;;;;;GAQG;AAWI,IAAM,WAAW,GAAjB,MAAM,WACT,SAAQ,SAAS,CAAC,WAAW,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC;IAGxD,iBAAiB;IAEA,UAAU,CAAoC;IAE/D,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,UAAU,GAAG,IAAI,uBAAuB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;IACrE,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,aAAa,CAAC;IACzB,CAAC;IAED;;;;;;;OAOG;IACH,IACW,SAAS;QAChB,OAAO,IAAI,CAAC,UAAU,CAAC;IAC3B,CAAC;IAED,aAAa;IAEb,kBAAkB;IAElB;;;OAGG;IACI,YAAY,CAAC,CAAQ;QACxB,MAAM,MAAM,GAAG,CAAC,CAAC,MAAyB,CAAC;QAE3C,IAAI,MAAM,CAAC,gBAAgB,EAAE,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACzC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;QACnC,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;QAClC,CAAC;IACL,CAAC;CAIJ,CAAA;AAzBG;IAAC,IAAI,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;;;4CAGhC;AAhDQ,WAAW;IAVvB,SAAS,CAAC;QACP,QAAQ,EAAE,aAAa;QACvB,QAAQ,EAAE,mBAAmB;QAC7B,MAAM,EAAE;YACJ,GAAG,EAAE,mBAAmB;YACxB,KAAK,EAAE,qBAAqB;YAC5B,YAAY,EAAE,4BAA4B;SAC7C;QACD,OAAO,EAAE,EAAE;KACd,CAAC;;GACW,WAAW,CAsEvB"}
+{"version":3,"file":"MenuElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Menu/MenuElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,IAAI,EAAE,MAAM,6CAA6C,CAAC;AACnE,OAAO,EAAE,uBAAuB,EAA+B,MAAM,6BAA6B,CAAC;AACnG,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AACjF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmEG;AAWI,IAAM,WAAW,GAAjB,MAAM,WACT,SAAQ,SAAS,CAAC,WAAW,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC;IAGxD,iBAAiB;IAEA,UAAU,CAAoC;IAE/D,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,UAAU,GAAG,IAAI,uBAAuB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;IACrE,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,aAAa,CAAC;IACzB,CAAC;IAED;;;;;;;OAOG;IACH,IACW,SAAS;QAChB,OAAO,IAAI,CAAC,UAAU,CAAC;IAC3B,CAAC;IAED,aAAa;IAEb,kBAAkB;IAElB;;;OAGG;IACI,YAAY,CAAC,CAAQ;QACxB,MAAM,MAAM,GAAG,CAAC,CAAC,MAAyB,CAAC;QAE3C,IAAI,MAAM,CAAC,gBAAgB,EAAE,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACzC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;QACnC,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;QAClC,CAAC;IACL,CAAC;CAIJ,CAAA;AAzBG;IAAC,IAAI,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;;;4CAGhC;AAhDQ,WAAW;IAVvB,SAAS,CAAC;QACP,QAAQ,EAAE,aAAa;QACvB,QAAQ,EAAE,mBAAmB;QAC7B,MAAM,EAAE;YACJ,GAAG,EAAE,mBAAmB;YACxB,KAAK,EAAE,qBAAqB;YAC5B,YAAY,EAAE,4BAA4B;SAC7C;QACD,OAAO,EAAE,EAAE;KACd,CAAC;;GACW,WAAW,CAsEvB"}

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

@@ -8,7 +8,78 @@ import { ITabStripElementProps } from './ITabStripElementProps';
 import { TabStripItemElement } from './TabStripItemElement';
 declare const TabStripElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Slottable").ISlottableProps & ISlottable) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Disableable").IDisableableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Variantable").IVariantableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Appearanceable").IAppearanceableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
 /**
- * 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.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":"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"}
+{"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":"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"}