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 divider - The vertical separator between tool groups * @csspart group - A logical grouping of related formatting buttons * * @cssprop {String} --rich-text-box-toolbox-background-color - The background color of the toolbox * @cssprop {String} --rich-text-box-toolbox-border-color - The border color * @cssprop {String} --rich-text-box-toolbox-border-radius - The corner rounding radius * @cssprop {String} --rich-text-box-toolbox-border-style - The border line style * @cssprop {String} --rich-text-box-toolbox-border-width - The border thickness * @cssprop {String} --rich-text-box-toolbox-font-family - The text box toolbox font family CSS custom property. * @cssprop {String} --rich-text-box-toolbox-font-letter-spacing - The text box toolbox font letter spacing CSS custom property. * @cssprop {String} --rich-text-box-toolbox-font-line-height - The text box toolbox font line height CSS custom property. * @cssprop {String} --rich-text-box-toolbox-font-size - The text box toolbox font size CSS custom property. * @cssprop {String} --rich-text-box-toolbox-font-text-decoration - The text box toolbox font text decoration CSS custom property. * @cssprop {String} --rich-text-box-toolbox-font-text-transform - The text box toolbox font text transform CSS custom property. * @cssprop {String} --rich-text-box-toolbox-font-weight - The text box toolbox font weight CSS custom property. * @cssprop {String} --rich-text-box-toolbox-foreground-color - The button icon/text color * @cssprop {String} --rich-text-box-toolbox-gap - The spacing between tool groups * @cssprop {String} --rich-text-box-toolbox-orientation - The text box toolbox orientation CSS custom property. * @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-padding-right - The right padding inside the toolbox * @cssprop {String} --rich-text-box-toolbox-padding-top - The top padding inside the toolbox * @cssprop {String} --rich-text-box-toolbox-shadow - The drop shadow or elevation effect * @cssprop {String} --rich-text-box-toolbox-shadow-blur - The text box toolbox shadow blur CSS custom property. * @cssprop {String} --rich-text-box-toolbox-shadow-color - The text box toolbox shadow color CSS custom property. * @cssprop {String} --rich-text-box-toolbox-shadow-offset-x - The text box toolbox shadow offset x CSS custom property. * @cssprop {String} --rich-text-box-toolbox-shadow-offset-y - The text box toolbox shadow offset y CSS custom property. * @cssprop {String} --rich-text-box-toolbox-shadow-spread - The text box toolbox shadow spread CSS custom property. * @cssprop {String} --rich-text-box-toolbox-transition-duration - The text box toolbox transition duration CSS custom property. * @cssprop {String} --rich-text-box-toolbox-transition-mode - The text box toolbox transition mode CSS custom property. * @cssprop {String} --rich-text-box-toolbox-transition-property - The text box toolbox transition property CSS custom property. * @cssprop {String} --rich-text-box-toolbox-translate - The text box toolbox translate CSS custom property. * * @dependency mosaik-button - The Button element. * @dependency mosaik-divider - The Divider element. * @dependency mosaik-tooltip - The Tooltip element. * * @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