import { CustomElement } from '../../Abstracts/CustomElement'; import { IRichTextBoxToolboxElementProps } from './IRichTextBoxToolboxElementProps'; import { RichTextBoxElementIntl } from './Intl/RichTextBoxElementIntl'; import type { RichTextBoxElement } from './RichTextBoxElement'; declare const RichTextBoxToolboxElement_base: (abstract new (...args: Array) => import("../../../Behaviors/Themeable").IThemeableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor; /** * Rich Text Box Toolbox - A formatting toolbar for rich text editing controls. * * @description * The Rich Text Box Toolbox component provides a collection of formatting buttons * for text editing operations within a rich text editor. It includes common text * formatting tools like bold, italic, strikethrough, and monospace/code formatting. * The toolbox is internationalized with tooltip labels and integrates seamlessly * with Rich Text Box editors through a connected editor reference. Each tool button * includes hover tooltips and executes formatting commands on the associated editor. * The component is organized into logical groups separated by dividers. * * @name Rich Text Box Toolbox * @element mosaik-richtextbox-toolbox * @category Inputs * * @csspart group - A logical grouping of related formatting buttons * @csspart divider - The vertical separator between tool groups * * @cssprop {String} --rich-text-box-toolbox-background-color - The background color of the toolbox * @cssprop {String} --rich-text-box-toolbox-foreground-color - The button icon/text color * @cssprop {String} --rich-text-box-toolbox-border-color - The border color * @cssprop {String} --rich-text-box-toolbox-border-width - The border thickness * @cssprop {String} --rich-text-box-toolbox-border-style - The border line style * @cssprop {String} --rich-text-box-toolbox-border-radius - The corner rounding radius * @cssprop {String} --rich-text-box-toolbox-gap - The spacing between tool groups * @cssprop {String} --rich-text-box-toolbox-padding-top - The top padding inside the toolbox * @cssprop {String} --rich-text-box-toolbox-padding-right - The right padding inside the toolbox * @cssprop {String} --rich-text-box-toolbox-padding-bottom - The bottom padding inside the toolbox * @cssprop {String} --rich-text-box-toolbox-padding-left - The left padding inside the toolbox * @cssprop {String} --rich-text-box-toolbox-shadow - The drop shadow or elevation effect * * @dependency {ButtonElement} - Button component for formatting action triggers * @dependency {TooltipElement} - Tooltip component for tool descriptions * @dependency {DividerElement} - Divider component for separating tool groups * * @example * Basic toolbox with editor reference: * ```html * * * * ``` * * @example * Standalone toolbox (editor connected later): * ```html * * ``` * * @public */ export declare class RichTextBoxToolboxElement extends RichTextBoxToolboxElement_base implements IRichTextBoxToolboxElementProps { private readonly _intl; private _editor; /** * @public */ constructor(); /** * Returns the `is` property. * The `is` property represents natural name of this element. * * @public * @static * @readonly */ static get is(): string; /** * Gets or sets the `editor` property. * * @public */ get editor(): RichTextBoxElement | null; set editor(value: RichTextBoxElement | null); /** * Returns the `intl` property. * * @public * @readonly */ get intl(): RichTextBoxElementIntl; } /** * @public */ export declare namespace RichTextBoxToolboxElement { type Props = IRichTextBoxToolboxElementProps; } /** * @public */ declare global { interface HTMLElementTagNameMap { 'mosaik-richtextbox-toolbox': RichTextBoxToolboxElement; } } export {}; //# sourceMappingURL=RichTextBoxToolboxElement.d.ts.map