import { ISlottable } from '../../../Behaviors/Slottable'; import type { Size } from '../../../Types/Size'; import { CustomElement } from '../../Abstracts/CustomElement'; import type { IActionbarItemElementProps } from './IActionbarItemElementProps'; declare const ActionbarItemElement_base: (abstract new (...args: Array) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Sizeable").ISizeableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Disableable").IDisableableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Slottable").ISlottableProps & ISlottable) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor; /** * Actionbar Item - The generic adapter for one primary inner control within the Actionbar. * * @description * The Actionbar Item is the structural and presentational bridge between the Actionbar context * and a concrete child control. It hosts exactly one primary slotted control * and integrates it into the Actionbar layout with consistent sizing, spacing, and alignment. * * The item provides Actionbar-level states such as `active` and `selected`, and enables * Actionbar-specific restyling of the inner control through CSS custom properties and * `::slotted()` rules. This allows controls to render differently inside an Actionbar than * outside of it, without modifying the controls themselves. * * The item does not implement control-specific domain behavior (toggle logic, dropdown * behavior, etc.). Those concerns remain in the slotted child control. * * @name Actionbar Item * @element mosaik-actionbar-item * @category Grouping * * @slot - The default slot for exactly one primary child control (button, toggle, etc.) * * @csspart root - The item container element * * @cssprop {String} --actionbar-item-background-color - Background color of the item * @cssprop {String} --actionbar-item-background-color-hover - Background color on hover * @cssprop {String} --actionbar-item-background-color-active - Background color when active/selected * @cssprop {String} --actionbar-item-border-radius - Border radius of the item * @cssprop {String} --actionbar-item-padding-bottom - Bottom padding * @cssprop {String} --actionbar-item-padding-left - Left padding * @cssprop {String} --actionbar-item-padding-right - Right padding * @cssprop {String} --actionbar-item-padding-top - Top padding * @cssprop {String} --actionbar-item-transition-duration - Duration of transitions * @cssprop {String} --actionbar-item-transition-mode - Timing function for transitions * @cssprop {String} --actionbar-item-transition-property - CSS properties to transition * * @example * Item wrapping a button in an actionbar group: * ```html * * * * * * * * * ``` * * @example * Item with grow for a combobox: * ```html * * * * ``` * * @public */ export declare class ActionbarItemElement extends ActionbarItemElement_base implements IActionbarItemElementProps, ISlottable { private readonly _inheritance; private _active; private _grow; private _selected; private _shrink; /** * @public */ constructor(); /** * Returns the `is` property. * * @public * @static * @readonly */ static get is(): string; /** * Gets or sets the `active` property. * A generic Actionbar item active state. This is an Actionbar-level state, * not the same as pressed/toggled behavior of a child control. * * @public * @attr */ get active(): boolean; set active(value: boolean); /** * Gets or sets the `grow` property. * When true, the item expands to fill available space on the main axis. * Important for controls such as comboboxes or larger inputs. * * @public * @attr */ get grow(): boolean; set grow(value: boolean); /** * Gets or sets the `selected` property. * A generic Actionbar item selected state. This is distinct from control-specific * selected behavior unless intentionally mapped. * * @public * @attr */ get selected(): boolean; set selected(value: boolean); /** * Gets or sets the `shrink` property. * When true, the item can shrink below its natural size on the main axis * when space is limited. * * @public * @attr */ get shrink(): boolean; set shrink(value: boolean); /** * Gets or sets the `disabled` property. * Inherits from the parent actionbar/group if not explicitly set. * * @public * @override */ get disabled(): boolean; set disabled(value: boolean); /** * Gets or sets the `size` property. * Inherits from the parent actionbar/group if not explicitly set. * * @public * @override */ get size(): Size; set size(value: Size); } /** * @public */ export declare namespace ActionbarItemElement { type Props = IActionbarItemElementProps; } /** * @public */ declare global { interface HTMLElementTagNameMap { 'mosaik-actionbar-item': ActionbarItemElement; } } export {}; //# sourceMappingURL=ActionbarItemElement.d.ts.map