@breadstone/mosaik-elements-foundation 0.0.231 → 0.0.233

package/Controls/Components/Grouping/actionbar/ActionbarElement.js

@@ -0,0 +1,219 @@
+// #region Imports
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { Disableable } from '../../../Behaviors/Disableable';
+import { Fitable } from '../../../Behaviors/Fitable';
+import { Orientable } from '../../../Behaviors/Orientable';
+import { Sizeable } from '../../../Behaviors/Sizeable';
+import { Slottable } from '../../../Behaviors/Slottable';
+import { Themeable } from '../../../Behaviors/Themeable';
+import { addInheritanceProviderController } from '../../../Controllers/InheritanceProviderController';
+import { Attribute } from '../../../Decorators/AttributeDecorator';
+import { Component } from '../../../Decorators/ComponentDecorator';
+import { Overflow } from '../../../Types/Overflow';
+import { CustomElement } from '../../Abstracts/CustomElement';
+import { actionbarElementTemplate } from './ActionbarElementTemplate';
+import { ActionbarGroupElement } from './ActionbarGroupElement';
+import { ACTIONBAR_INHERITANCE_CONTEXT } from './ActionbarInheritanceContext';
+import { ActionbarItemElement } from './ActionbarItemElement';
+import { ActionbarSeparatorElement } from './ActionbarSeparatorElement';
+import { actionbarElementCosmopolitanStyle } from './Themes/ActionbarElement.Cosmopolitan';
+import { actionbarElementJoyStyle } from './Themes/ActionbarElement.Joy';
+import { actionbarElementMemphisStyle } from './Themes/ActionbarElement.Memphis';
+// #endregion
+/**
+ * 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
+ */
+let ActionbarElement = class ActionbarElement extends Themeable(Sizeable(Orientable(Disableable(Fitable(Slottable(CustomElement)))))) {
+    // #region Fields
+    _provider = addInheritanceProviderController(this, {
+        context: ACTIONBAR_INHERITANCE_CONTEXT,
+        values: () => ({
+            disabled: this.disabled,
+            orientation: this.orientation,
+            overflow: this.overflow,
+            size: this.size
+        })
+    });
+    _overflow;
+    _wrap;
+    // #endregion
+    // #region Ctor
+    /**
+     * @public
+     */
+    constructor() {
+        super();
+        this._overflow = Overflow.Visible;
+        this._wrap = false;
+    }
+    // #endregion
+    // #region Properties
+    /**
+     * Returns the `is` property.
+     *
+     * @public
+     * @static
+     * @readonly
+     */
+    static get is() {
+        return 'mosaik-actionbar';
+    }
+    /**
+     * Gets or sets the `overflow` property.
+     * Controls how the actionbar handles content that exceeds its available space.
+     *
+     * @public
+     * @attr
+     */
+    get overflow() {
+        return this._overflow;
+    }
+    set overflow(value) {
+        if (this._overflow !== value) {
+            this._overflow = value;
+            this.requestUpdate('overflow');
+        }
+    }
+    /**
+     * Gets or sets the `wrap` property.
+     * When true, actionbar content wraps to the next line when space is insufficient.
+     *
+     * @public
+     * @attr
+     */
+    get wrap() {
+        return this._wrap;
+    }
+    set wrap(value) {
+        if (this._wrap !== value) {
+            this._wrap = value;
+            this.requestUpdate('wrap');
+        }
+    }
+};
+__decorate([
+    Attribute({ type: Overflow }),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [String])
+], ActionbarElement.prototype, "overflow", null);
+__decorate([
+    Attribute({ type: Boolean }),
+    __metadata("design:type", Boolean),
+    __metadata("design:paramtypes", [Boolean])
+], ActionbarElement.prototype, "wrap", null);
+ActionbarElement = __decorate([
+    Component({
+        selector: 'mosaik-actionbar',
+        template: actionbarElementTemplate,
+        themes: {
+            joy: actionbarElementJoyStyle,
+            memphis: actionbarElementMemphisStyle,
+            cosmopolitan: actionbarElementCosmopolitanStyle
+        },
+        host: {
+            role: 'toolbar'
+        },
+        imports: [
+            ActionbarGroupElement,
+            ActionbarItemElement,
+            ActionbarSeparatorElement
+        ]
+    }),
+    __metadata("design:paramtypes", [])
+], ActionbarElement);
+export { ActionbarElement };
+//# sourceMappingURL=ActionbarElement.js.map

package/Controls/Components/Grouping/actionbar/ActionbarElement.js.map

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

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

@@ -0,0 +1,9 @@
+import { type TemplateResult } from '../../../../Dom/Html';
+import type { ActionbarElement } from './ActionbarElement';
+/**
+ * The template of the `ActionbarElement`.
+ *
+ * @public
+ */
+export declare function actionbarElementTemplate<T extends ActionbarElement>(e: T): TemplateResult;
+//# sourceMappingURL=ActionbarElementTemplate.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionbarElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/actionbar/ActionbarElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAI3D;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,CAAC,SAAS,gBAAgB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAMzF"}

package/Controls/Components/Grouping/actionbar/ActionbarElementTemplate.js

@@ -0,0 +1,16 @@
+// #region Imports
+import { html } from '../../../../Dom/Html';
+// #endregion
+/**
+ * The template of the `ActionbarElement`.
+ *
+ * @public
+ */
+export function actionbarElementTemplate(e) {
+    return html `
+        <div part="root">
+            <slot></slot>
+        </div>
+    `;
+}
+//# sourceMappingURL=ActionbarElementTemplate.js.map

package/Controls/Components/Grouping/actionbar/ActionbarElementTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionbarElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/actionbar/ActionbarElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AAGjE,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,wBAAwB,CAA6B,CAAI;IACrE,OAAO,IAAI,CAAA;;;;KAIV,CAAC;AACN,CAAC"}

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

@@ -0,0 +1,116 @@
+import { ISlottable } from '../../../Behaviors/Slottable';
+import type { Orientation } from '../../../Types/Orientation';
+import type { Size } from '../../../Types/Size';
+import { CustomElement } from '../../Abstracts/CustomElement';
+import type { IActionbarGroupElementProps } from './IActionbarGroupElementProps';
+declare const ActionbarGroupElement_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/Labelable").ILabelableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Disableable").IDisableableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Slottable").ISlottableProps & ISlottable) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
+/**
+ * Actionbar Group - A logical grouping container for related actionbar items.
+ *
+ * @description
+ * The Actionbar Group component organizes related action items into a visually cohesive unit.
+ * It is the structural grouping element of the Actionbar, representing a contextual subsection
+ * that receives inherited Actionbar context (orientation, size, disabled) from the parent
+ * Actionbar and forwards it to child items through the inheritance controller.
+ *
+ * The group supports an optional label to describe its purpose for semantic identification
+ * and accessibility.
+ *
+ * @name Actionbar Group
+ * @element mosaik-actionbar-group
+ * @category Grouping
+ *
+ * @slot - The default slot for actionbar items
+ *
+ * @csspart root - The group container element
+ * @csspart label - The optional group label element
+ * @csspart content - The content container holding slotted items
+ *
+ * @cssprop {String} --actionbar-group-gap - Spacing between items within the group
+ * @cssprop {String} --actionbar-group-padding-bottom - Bottom padding
+ * @cssprop {String} --actionbar-group-padding-left - Left padding
+ * @cssprop {String} --actionbar-group-padding-right - Right padding
+ * @cssprop {String} --actionbar-group-padding-top - Top padding
+ * @cssprop {String} --actionbar-group-label-color - Color of the group label text
+ * @cssprop {String} --actionbar-group-label-font-size - Font size of the group label
+ * @cssprop {String} --actionbar-group-label-font-weight - Font weight of the group label
+ * @cssprop {String} --actionbar-group-transition-duration - Duration of transitions
+ * @cssprop {String} --actionbar-group-transition-mode - Timing function for transitions
+ * @cssprop {String} --actionbar-group-transition-property - CSS properties to transition
+ *
+ * @example
+ * Group of clipboard actions with a label:
+ * ```html
+ * <mosaik-actionbar>
+ *   <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>
+ * ```
+ *
+ * @public
+ */
+export declare class ActionbarGroupElement extends ActionbarGroupElement_base implements IActionbarGroupElementProps, ISlottable {
+    private readonly _inheritance;
+    private readonly _provider;
+    /**
+     * @public
+     */
+    constructor();
+    /**
+     * Returns the `is` property.
+     *
+     * @public
+     * @static
+     * @readonly
+     */
+    static get is(): string;
+    /**
+     * Gets or sets the `disabled` property.
+     * Inherits from the parent actionbar if not explicitly set.
+     *
+     * @public
+     * @override
+     */
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    /**
+     * Gets or sets the `orientation` property.
+     * Inherits from the parent actionbar if not explicitly set.
+     *
+     * @public
+     * @override
+     */
+    get orientation(): Orientation;
+    set orientation(value: Orientation);
+    /**
+     * Gets or sets the `size` property.
+     * Inherits from the parent actionbar if not explicitly set.
+     *
+     * @public
+     * @override
+     */
+    get size(): Size;
+    set size(value: Size);
+}
+/**
+ * @public
+ */
+export declare namespace ActionbarGroupElement {
+    type Props = IActionbarGroupElementProps;
+}
+/**
+ * @public
+ */
+declare global {
+    interface HTMLElementTagNameMap {
+        'mosaik-actionbar-group': ActionbarGroupElement;
+    }
+}
+export {};
+//# sourceMappingURL=ActionbarGroupElement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionbarGroupElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/actionbar/ActionbarGroupElement.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAa,MAAM,8BAA8B,CAAC;AAKrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAG9D,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;;AAOjF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AACH,qBAYa,qBACT,SAAQ,0BACR,YAAW,2BAA2B,EAAE,UAAU;IAIlD,OAAO,CAAC,QAAQ,CAAC,YAAY,CAE1B;IAEH,OAAO,CAAC,QAAQ,CAAC,SAAS,CAOvB;IAMH;;OAEG;;IASH;;;;;;OAMG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;;OAMG;IACH,IAAoB,QAAQ,IAAI,OAAO,CAEtC;IAED,IAAoB,QAAQ,CAAC,KAAK,EAAE,OAAO,EAG1C;IAED;;;;;;OAMG;IACH,IAAoB,WAAW,IAAI,WAAW,CAE7C;IAED,IAAoB,WAAW,CAAC,KAAK,EAAE,WAAW,EAGjD;IAED;;;;;;OAMG;IACH,IAAoB,IAAI,IAAI,IAAI,CAE/B;IAED,IAAoB,IAAI,CAAC,KAAK,EAAE,IAAI,EAGnC;CAIJ;AAED;;GAEG;AACH,yBAAiB,qBAAqB,CAAC;IACnC,KAAY,KAAK,GAAG,2BAA2B,CAAC;CACnD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,wBAAwB,EAAE,qBAAqB,CAAC;KACnD;CACJ"}

package/Controls/Components/Grouping/actionbar/ActionbarGroupElement.js

@@ -0,0 +1,170 @@
+// #region Imports
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { Disableable } from '../../../Behaviors/Disableable';
+import { Labelable } from '../../../Behaviors/Labelable';
+import { Orientable } from '../../../Behaviors/Orientable';
+import { Sizeable } from '../../../Behaviors/Sizeable';
+import { Slottable } from '../../../Behaviors/Slottable';
+import { Themeable } from '../../../Behaviors/Themeable';
+import { addInheritanceConsumerController } from '../../../Controllers/InheritanceConsumerController';
+import { addInheritanceProviderController } from '../../../Controllers/InheritanceProviderController';
+import { Component } from '../../../Decorators/ComponentDecorator';
+import { CustomElement } from '../../Abstracts/CustomElement';
+import { actionbarGroupElementTemplate } from './ActionbarGroupElementTemplate';
+import { ACTIONBAR_INHERITANCE_CONTEXT } from './ActionbarInheritanceContext';
+import { actionbarGroupElementCosmopolitanStyle } from './Themes/ActionbarGroupElement.Cosmopolitan';
+import { actionbarGroupElementJoyStyle } from './Themes/ActionbarGroupElement.Joy';
+import { actionbarGroupElementMemphisStyle } from './Themes/ActionbarGroupElement.Memphis';
+// #endregion
+/**
+ * Actionbar Group - A logical grouping container for related actionbar items.
+ *
+ * @description
+ * The Actionbar Group component organizes related action items into a visually cohesive unit.
+ * It is the structural grouping element of the Actionbar, representing a contextual subsection
+ * that receives inherited Actionbar context (orientation, size, disabled) from the parent
+ * Actionbar and forwards it to child items through the inheritance controller.
+ *
+ * The group supports an optional label to describe its purpose for semantic identification
+ * and accessibility.
+ *
+ * @name Actionbar Group
+ * @element mosaik-actionbar-group
+ * @category Grouping
+ *
+ * @slot - The default slot for actionbar items
+ *
+ * @csspart root - The group container element
+ * @csspart label - The optional group label element
+ * @csspart content - The content container holding slotted items
+ *
+ * @cssprop {String} --actionbar-group-gap - Spacing between items within the group
+ * @cssprop {String} --actionbar-group-padding-bottom - Bottom padding
+ * @cssprop {String} --actionbar-group-padding-left - Left padding
+ * @cssprop {String} --actionbar-group-padding-right - Right padding
+ * @cssprop {String} --actionbar-group-padding-top - Top padding
+ * @cssprop {String} --actionbar-group-label-color - Color of the group label text
+ * @cssprop {String} --actionbar-group-label-font-size - Font size of the group label
+ * @cssprop {String} --actionbar-group-label-font-weight - Font weight of the group label
+ * @cssprop {String} --actionbar-group-transition-duration - Duration of transitions
+ * @cssprop {String} --actionbar-group-transition-mode - Timing function for transitions
+ * @cssprop {String} --actionbar-group-transition-property - CSS properties to transition
+ *
+ * @example
+ * Group of clipboard actions with a label:
+ * ```html
+ * <mosaik-actionbar>
+ *   <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>
+ * ```
+ *
+ * @public
+ */
+let ActionbarGroupElement = class ActionbarGroupElement extends Themeable(Sizeable(Orientable(Labelable(Disableable(Slottable(CustomElement)))))) {
+    // #region Fields
+    _inheritance = addInheritanceConsumerController(this, {
+        context: ACTIONBAR_INHERITANCE_CONTEXT
+    });
+    _provider = addInheritanceProviderController(this, {
+        context: ACTIONBAR_INHERITANCE_CONTEXT,
+        values: () => ({
+            disabled: this.disabled,
+            orientation: this.orientation,
+            size: this.size
+        })
+    });
+    // #endregion
+    // #region Ctor
+    /**
+     * @public
+     */
+    constructor() {
+        super();
+    }
+    // #endregion
+    // #region Properties
+    /**
+     * Returns the `is` property.
+     *
+     * @public
+     * @static
+     * @readonly
+     */
+    static get is() {
+        return 'mosaik-actionbar-group';
+    }
+    /**
+     * Gets or sets the `disabled` property.
+     * Inherits from the parent actionbar if not explicitly set.
+     *
+     * @public
+     * @override
+     */
+    get disabled() {
+        return this._inheritance.get('disabled', super.disabled);
+    }
+    set disabled(value) {
+        this._inheritance.markExplicit('disabled');
+        super.disabled = value;
+    }
+    /**
+     * Gets or sets the `orientation` property.
+     * Inherits from the parent actionbar if not explicitly set.
+     *
+     * @public
+     * @override
+     */
+    get orientation() {
+        return this._inheritance.get('orientation', super.orientation);
+    }
+    set orientation(value) {
+        this._inheritance.markExplicit('orientation');
+        super.orientation = value;
+    }
+    /**
+     * Gets or sets the `size` property.
+     * Inherits from the parent actionbar if not explicitly set.
+     *
+     * @public
+     * @override
+     */
+    get size() {
+        return this._inheritance.get('size', super.size);
+    }
+    set size(value) {
+        this._inheritance.markExplicit('size');
+        super.size = value;
+    }
+};
+ActionbarGroupElement = __decorate([
+    Component({
+        selector: 'mosaik-actionbar-group',
+        template: actionbarGroupElementTemplate,
+        themes: {
+            joy: actionbarGroupElementJoyStyle,
+            memphis: actionbarGroupElementMemphisStyle,
+            cosmopolitan: actionbarGroupElementCosmopolitanStyle
+        },
+        host: {
+            role: 'group'
+        }
+    }),
+    __metadata("design:paramtypes", [])
+], ActionbarGroupElement);
+export { ActionbarGroupElement };
+//# sourceMappingURL=ActionbarGroupElement.js.map

package/Controls/Components/Grouping/actionbar/ActionbarGroupElement.js.map

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

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

@@ -0,0 +1,9 @@
+import { type TemplateResult } from '../../../../Dom/Html';
+import type { ActionbarGroupElement } from './ActionbarGroupElement';
+/**
+ * The template of the `ActionbarGroupElement`.
+ *
+ * @public
+ */
+export declare function actionbarGroupElementTemplate<T extends ActionbarGroupElement>(e: T): TemplateResult;
+//# sourceMappingURL=ActionbarGroupElementTemplate.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionbarGroupElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/actionbar/ActionbarGroupElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAIrE;;;;GAIG;AACH,wBAAgB,6BAA6B,CAAC,CAAC,SAAS,qBAAqB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAWnG"}

package/Controls/Components/Grouping/actionbar/ActionbarGroupElementTemplate.js

@@ -0,0 +1,22 @@
+// #region Imports
+import { html } from '../../../../Dom/Html';
+import { when } from '../../../Directives/Directives';
+// #endregion
+/**
+ * The template of the `ActionbarGroupElement`.
+ *
+ * @public
+ */
+export function actionbarGroupElementTemplate(e) {
+    return html `
+        <div part="root">
+            ${when(e.label, () => html `
+                <span part="label">${e.label}</span>
+            `)}
+            <div part="content">
+                <slot></slot>
+            </div>
+        </div>
+    `;
+}
+//# sourceMappingURL=ActionbarGroupElementTemplate.js.map

package/Controls/Components/Grouping/actionbar/ActionbarGroupElementTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionbarGroupElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/actionbar/ActionbarGroupElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AAGtD,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,6BAA6B,CAAkC,CAAI;IAC/E,OAAO,IAAI,CAAA;;cAED,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;qCACD,CAAC,CAAC,KAAK;aAC/B,CAAC;;;;;KAKT,CAAC;AACN,CAAC"}

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

@@ -0,0 +1,36 @@
+import type { Orientation } from '../../../Types/Orientation';
+import type { Overflow } from '../../../Types/Overflow';
+import type { Size } from '../../../Types/Size';
+/**
+ * Interface for properties inherited by child ActionbarGroup, ActionbarItem,
+ * and ActionbarSeparator elements from the root Actionbar.
+ *
+ * @public
+ */
+export interface IActionbarInherited {
+    /**
+     * Inherited disabled state.
+     */
+    disabled?: boolean;
+    /**
+     * Inherited orientation.
+     */
+    orientation?: Orientation;
+    /**
+     * Inherited overflow behavior.
+     */
+    overflow?: Overflow;
+    /**
+     * Inherited size.
+     */
+    size?: Size;
+}
+/**
+ * Context for Actionbar inheritance.
+ *
+ * @public
+ */
+export declare const ACTIONBAR_INHERITANCE_CONTEXT: {
+    __context__: Partial<IActionbarInherited>;
+};
+//# sourceMappingURL=ActionbarInheritanceContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionbarInheritanceContext.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/actionbar/ActionbarInheritanceContext.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAIhD;;;;;GAKG;AACH,MAAM,WAAW,mBAAmB;IAIhC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAEpB;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;CAIf;AAED;;;;GAIG;AACH,eAAO,MAAM,6BAA6B;;CAA0F,CAAC"}

package/Controls/Components/Grouping/actionbar/ActionbarInheritanceContext.js

@@ -0,0 +1,9 @@
+// #region Imports
+import { createContext } from '@lit/context';
+/**
+ * Context for Actionbar inheritance.
+ *
+ * @public
+ */
+export const ACTIONBAR_INHERITANCE_CONTEXT = createContext(Symbol.for('mosaik:actionbar:inheritance'));
+//# sourceMappingURL=ActionbarInheritanceContext.js.map

package/Controls/Components/Grouping/actionbar/ActionbarInheritanceContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionbarInheritanceContext.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Grouping/actionbar/ActionbarInheritanceContext.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAyC7C;;;;GAIG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAG,aAAa,CAA+B,MAAM,CAAC,GAAG,CAAC,8BAA8B,CAAC,CAAC,CAAC"}