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