@public-ui/components 4.0.0-alpha.0 → 4.0.0-alpha.2

package/dist/types/components/select/shadow.d.ts

@@ -1,30 +1,28 @@
-import type { FocusableElement, HideErrorPropType, IdPropType, InputTypeOnDefault, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, OptionsWithOptgroupPropType, RowsPropType, SelectAPI, SelectStates, ShortKeyPropType, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType, W3CInputValue } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
+import type { DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, IdPropType, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, MultiplePropType, NamePropType, OptionsWithOptgroupPropType, RequiredPropType, RowsPropType, SelectAPI, SelectStates, ShortKeyPropType, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 export declare class KolSelect implements SelectAPI, FocusableElement {
     private readonly host?;
     private selectRef?;
     private readonly catchRef;
-    getValue(): Promise<Stringified<W3CInputValue[]> | undefined>;
-    focus(): Promise<void>;
+    getValue(): Promise<StencilUnknown[] | StencilUnknown>;
     kolFocus(): Promise<void>;
-    private renderOptgroup;
+    private getFormFieldProps;
+    private getSelectProps;
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: string;
-    _alert?: boolean;
     _disabled?: boolean;
-    _error?: string;
-    _hideError?: boolean;
+    _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
-    _icons?: Stringified<KoliBriHorizontalIcons>;
+    _icons?: IconsHorizontalPropType;
     _id?: IdPropType;
     _label: LabelWithExpertSlotPropType;
     _msg?: Stringified<MsgPropType>;
     _multiple?: boolean;
     _name?: NamePropType;
     _on?: InputTypeOnDefault;
-    _options?: OptionsWithOptgroupPropType;
+    _options: OptionsWithOptgroupPropType;
     _required?: boolean;
     _shortKey?: ShortKeyPropType;
     _rows?: RowsPropType;
@@ -32,33 +30,31 @@ export declare class KolSelect implements SelectAPI, FocusableElement {
     _tabIndex?: number;
     _tooltipAlign?: TooltipAlignPropType;
     _touched?: boolean;
-    _value?: Stringified<W3CInputValue[]>;
+    _value?: Stringified<StencilUnknown[]> | Stringified<StencilUnknown>;
     state: SelectStates;
     private inputHasFocus;
     constructor();
     private showAsAlert;
     validateAccessKey(value?: string): void;
-    validateAlert(value?: boolean): void;
-    validateDisabled(value?: boolean): void;
-    validateError(value?: string): void;
-    validateHideError(value?: HideErrorPropType): void;
-    validateHideLabel(value?: boolean): void;
-    validateHint(value?: string): void;
-    validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;
+    validateDisabled(value?: DisabledPropType): void;
+    validateHideMsg(value?: HideMsgPropType): void;
+    validateHideLabel(value?: HideLabelPropType): void;
+    validateHint(value?: HintPropType): void;
+    validateIcons(value?: IconsHorizontalPropType): void;
     validateId(value?: string): void;
     validateLabel(value?: LabelWithExpertSlotPropType): void;
     validateMsg(value?: Stringified<MsgPropType>): void;
-    validateMultiple(value?: boolean): void;
+    validateMultiple(value?: MultiplePropType): void;
     validateName(value?: string): void;
     validateOn(value?: InputTypeOnDefault): void;
     validateOptions(value?: OptionsWithOptgroupPropType): void;
-    validateRequired(value?: boolean): void;
+    validateRequired(value?: RequiredPropType): void;
     validateRows(value?: RowsPropType): void;
     validateShortKey(value?: ShortKeyPropType): void;
     validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
     validateTabIndex(value?: number): void;
     validateTouched(value?: boolean): void;
-    validateValue(value?: Stringified<W3CInputValue[]>): void;
+    validateValue(value?: Stringified<StencilUnknown[]> | Stringified<StencilUnknown>): void;
     componentWillLoad(): void;
     private onInput;
     private onChange;

package/dist/types/components/single-select/controller.d.ts

@@ -1,4 +1,4 @@
-import type { OptionsPropType, SingleSelectProps, SingleSelectWatches } from '../../schema';
+import type { OptionsPropType, PlaceholderPropType, RequiredPropType, SingleSelectProps, SingleSelectWatches, StencilUnknown } from '../../schema';
 import { InputIconController } from '../@deprecated/input/controller-icon';
 import type { Generic } from 'adopted-style-sheets';
 export declare class SingleSelectController extends InputIconController implements SingleSelectWatches {
@@ -8,8 +8,10 @@ export declare class SingleSelectController extends InputIconController implemen
     protected readonly afterPatchOptions: (value: unknown, _state: Record<string, unknown>, _component: Generic.Element.Component, key: string) => void;
     protected readonly beforePatchOptions: (_value: unknown, nextState: Map<string, unknown>) => void;
     validateOptions(value?: OptionsPropType): void;
-    validateRequired(value?: boolean): void;
-    validateValue(value?: string): void;
-    validatePlaceholder(value?: string): void;
+    validateRequired(value?: RequiredPropType): void;
+    validateValue(value: StencilUnknown): void;
+    validatePlaceholder(value?: PlaceholderPropType): void;
+    validateHideClearButton(value?: boolean): void;
+    validateRows(value?: number): void;
     componentWillLoad(): void;
 }

package/dist/types/components/single-select/shadow.d.ts

@@ -1,15 +1,18 @@
-import type { HideErrorPropType, IdPropType, InputTypeOnDefault, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, OptionsPropType, ShortKeyPropType, SingleSelectAPI, SingleSelectStates, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
+import type { DisabledPropType, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, IdPropType, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, NamePropType, OptionsPropType, PlaceholderPropType, RequiredPropType, RowsPropType, ShortKeyPropType, SingleSelectAPI, SingleSelectStates, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 export declare class KolSingleSelect implements SingleSelectAPI {
     private readonly host?;
     private refInput?;
     private refOptions;
+    private readonly translateDeleteSelection;
+    private readonly translateNoResultsMessage;
     private oldValue?;
-    getValue(): Promise<string | undefined>;
+    getValue(): Promise<StencilUnknown>;
     kolFocus(): Promise<void>;
     private readonly catchRef;
     private toggleListbox;
     private onBlur;
+    private createEventWithTarget;
     private clearSelection;
     private selectOption;
     private onInput;
@@ -19,6 +22,8 @@ export declare class KolSingleSelect implements SingleSelectAPI {
     private moveFocus;
     private focusOption;
     private focusSuggestionStartingWith;
+    private getFormFieldProps;
+    private getInputProps;
     render(): JSX.Element;
     handleFocusOut(): void;
     handleWindowBlur(): void;
@@ -28,14 +33,14 @@ export declare class KolSingleSelect implements SingleSelectAPI {
     private _filteredOptions?;
     private _inputValue;
     private blockSuggestionMouseOver;
+    private _hasOpened;
     _accessKey?: string;
     _placeholder?: string;
-    _alert?: boolean;
     _disabled?: boolean;
-    _hideError?: boolean;
+    _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
-    _icons?: Stringified<KoliBriHorizontalIcons>;
+    _icons?: IconsHorizontalPropType;
     _id?: IdPropType;
     _label: LabelWithExpertSlotPropType;
     _msg?: Stringified<MsgPropType>;
@@ -45,36 +50,38 @@ export declare class KolSingleSelect implements SingleSelectAPI {
     _required?: boolean;
     _shortKey?: ShortKeyPropType;
     _syncValueBySelector?: SyncValueBySelectorPropType;
-    _tabIndex?: number;
     _tooltipAlign?: TooltipAlignPropType;
     _touched?: boolean;
-    _value?: string;
+    _value: StencilUnknown;
+    _hideClearButton?: boolean;
+    _rows?: RowsPropType;
     state: SingleSelectStates;
     private inputHasFocus;
     constructor();
     private showAsAlert;
-    validatePlaceholder(value?: string): void;
+    validatePlaceholder(value?: PlaceholderPropType): void;
     validateAccessKey(value?: string): void;
-    validateAlert(value?: boolean): void;
-    validateDisabled(value?: boolean): void;
-    validateHideError(value?: HideErrorPropType): void;
-    validateHideLabel(value?: boolean): void;
-    validateHint(value?: string): void;
-    validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;
+    validateDisabled(value?: DisabledPropType): void;
+    validateHideMsg(value?: HideMsgPropType): void;
+    validateHideLabel(value?: HideLabelPropType): void;
+    validateHint(value?: HintPropType): void;
+    validateIcons(value?: IconsHorizontalPropType): void;
     validateId(value?: string): void;
     validateLabel(value?: LabelWithExpertSlotPropType): void;
     validateMsg(value?: Stringified<MsgPropType>): void;
     validateName(value?: string): void;
     validateOn(value?: InputTypeOnDefault): void;
     validateOptions(value?: OptionsPropType): void;
-    validateRequired(value?: boolean): void;
+    validateRequired(value?: RequiredPropType): void;
     validateShortKey(value?: ShortKeyPropType): void;
     validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
-    validateTabIndex(value?: number): void;
     validateTouched(value?: boolean): void;
-    validateValue(value?: string): void;
+    validateValue(value: StencilUnknown): void;
+    validateHideClearButton(value?: boolean): void;
+    validateRows(value?: number): void;
     handleMouseEvent(): void;
     private updateInputValue;
     componentWillLoad(): void;
     private onChange;
+    private onClick;
 }

package/dist/types/components/spin/shadow.d.ts

@@ -1,12 +1,16 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { ShowPropType, SpinAPI, SpinStates, SpinVariantPropType } from '../../schema';
+import type { LabelPropType, ShowPropType, SpinAPI, SpinStates, SpinVariantPropType } from '../../schema';
 export declare class KolSpin implements SpinAPI {
     private showToggled;
+    private readonly translateActionRunning;
+    private readonly translateActionDone;
     render(): JSX.Element;
     _show?: boolean;
+    _label?: LabelPropType;
     _variant?: SpinVariantPropType;
     state: SpinStates;
     validateShow(value?: ShowPropType): void;
+    validateLabel(value?: LabelPropType): void;
     validateVariant(value?: SpinVariantPropType): void;
     componentWillLoad(): void;
 }

package/dist/types/components/split-button/shadow.d.ts

@@ -1,13 +1,19 @@
-import type { AlternativeButtonLinkRolePropType, ButtonCallbacksPropType, ButtonTypePropType, ButtonVariantPropType, CustomClassPropType, IconsPropType, LabelPropType, NamePropType, SplitButtonProps, SplitButtonStates, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaDescriptionPropType, ButtonCallbacksPropType, ButtonTypePropType, ButtonVariantPropType, CustomClassPropType, IconsPropType, LabelWithExpertSlotPropType, ShortKeyPropType, SplitButtonProps, SplitButtonStates, StencilUnknown, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
 export declare class KolSplitButton implements SplitButtonProps {
+    private primaryButtonWcRef?;
+    private readonly catchPrimaryRef;
+    getValue(): Promise<StencilUnknown>;
+    kolFocus(): Promise<void>;
     private readonly clickButtonHandler;
     private readonly clickToggleHandler;
     private readonly toggleDropdown;
     private readonly handleOnClose;
     render(): JSX.Element;
     closePopup(): Promise<void>;
+    _accessKey?: AccessKeyPropType;
     _ariaControls?: string;
+    _ariaDescription?: AriaDescriptionPropType;
     _ariaExpanded?: boolean;
     _ariaSelected?: boolean;
     _customClass?: CustomClassPropType;
@@ -15,15 +21,15 @@ export declare class KolSplitButton implements SplitButtonProps {
     _hideLabel?: boolean;
     _icons?: IconsPropType;
     _id?: string;
-    _label: LabelPropType;
-    _name?: NamePropType;
+    _label: LabelWithExpertSlotPropType;
+    _name?: string;
     _on?: ButtonCallbacksPropType<StencilUnknown>;
     _role?: AlternativeButtonLinkRolePropType;
+    _shortKey?: ShortKeyPropType;
     _syncValueBySelector?: SyncValueBySelectorPropType;
-    _tabIndex?: number;
     _tooltipAlign?: TooltipAlignPropType;
     _type?: ButtonTypePropType;
-    _value?: Stringified<StencilUnknown>;
+    _value?: StencilUnknown;
     _variant?: ButtonVariantPropType;
     state: SplitButtonStates;
 }

package/dist/types/components/table-stateful/shadow.d.ts

@@ -1,39 +1,41 @@
-import type { KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, LabelPropType, PaginationPositionPropType, Stringified, TableAPI, TableStatefulCallbacksPropType, TableDataFootPropType, TableDataPropType, TableSelectionPropType, TableStates } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
+import type { HasSettingsMenuPropType, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, LabelPropType, PaginationPositionPropType, Stringified, TableAPI, TableDataFootPropType, TableDataPropType, TableSelectionPropType, TableStatefulCallbacksPropType, TableStates } from '../../schema';
+import type { MinWidthPropType } from '../../schema/props/min-width';
+import type { TableSettingsPropType } from '../../schema/props/table-settings';
 export declare class KolTableStateful implements TableAPI {
     private readonly host?;
     private tableWcRef?;
     private readonly catchRef;
-    private sortFunction?;
-    private sortDirections;
     private sortData;
     private showPagination;
     private pageStartSlice;
     private pageEndSlice;
     private disableSort;
-    private sortedColumnHead;
     _allowMultiSort?: boolean;
     _data: Stringified<KoliBriTableDataType[]>;
     _dataFoot?: Stringified<KoliBriTableDataType[]>;
     _headers: Stringified<KoliBriTableHeaders>;
     _label: string;
-    _minWidth?: string;
+    _minWidth: MinWidthPropType;
     _pagination?: boolean | Stringified<KoliBriTablePaginationProps>;
     _paginationPosition?: PaginationPositionPropType;
     _selection?: TableSelectionPropType;
     _on?: TableStatefulCallbacksPropType;
+    _tableSettings?: TableSettingsPropType;
+    _hasSettingsMenu?: HasSettingsMenuPropType;
     state: TableStates;
     validateAllowMultiSort(value?: boolean): void;
     validateData(value?: TableDataPropType): void;
     validateDataFoot(value?: TableDataFootPropType): void;
     validatePaginationPosition(value?: PaginationPositionPropType): void;
-    private setSortDirection;
+    validateHasSettingsMenu(value?: HasSettingsMenuPropType): void;
     private changeCellSort;
     validateHeaders(value?: Stringified<KoliBriTableHeaders>): void;
     validateLabel(value?: LabelPropType): void;
     validateMinWidth(value?: string): void;
     validateSelection(value?: TableSelectionPropType): void;
     validateOn(value?: TableStatefulCallbacksPropType): void;
+    validateTableSettings(value?: TableSettingsPropType): void;
     private readonly handlePagination;
     validatePagination(value?: boolean | Stringified<KoliBriTablePaginationProps>): void;
     private onSelectionChange;

package/dist/types/components/table-stateless/component.d.ts

@@ -1,7 +1,10 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { LabelPropType, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatelessAPI, TableStatelessStates } from '../../schema';
+import type { HasSettingsMenuPropType, LabelPropType, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableSettings, TableStatelessAPI, TableStatelessStates } from '../../schema';
+import type { MinWidthPropType } from '../../schema/props/min-width';
+import type { TableSettingsPropType } from '../../schema/props/table-settings';
 export declare class KolTableStateless implements TableStatelessAPI {
     private readonly host?;
+    private readonly translateNoEntries;
     state: TableStatelessStates;
     private tableDivElement?;
     private tableDivElementResizeObserver?;
@@ -9,24 +12,31 @@ export declare class KolTableStateless implements TableStatelessAPI {
     private cellsToRenderTimeouts;
     private dataToKeyMap;
     private checkboxRefs;
+    private translateSort;
     private tableDivElementHasScrollbar;
+    private previousHeaderCells?;
     _data: TableDataPropType;
     _dataFoot?: TableDataFootPropType;
     _headerCells: TableHeaderCellsPropType;
     _label: string;
-    _minWidth?: string;
+    _minWidth: MinWidthPropType;
     _on?: TableCallbacksPropType;
     _selection?: TableSelectionPropType;
+    _tableSettings?: TableSettingsPropType;
+    _hasSettingsMenu?: HasSettingsMenuPropType;
+    validateHasSettingsMenu(value?: HasSettingsMenuPropType): void;
     validateData(value?: TableDataPropType): void;
     validateDataFoot(value?: TableDataFootPropType): void;
     validateHeaderCells(value?: TableHeaderCellsPropType): void;
     validateLabel(value?: LabelPropType): void;
-    validateMinWidth(value?: string): void;
+    validateMinWidth(value?: MinWidthPropType): void;
     validateOn(value?: TableCallbacksPropType): void;
     validateSelection(value?: TableSelectionPropType): void;
+    validateTableSettings(value?: TableSettingsPropType): void;
     handleKeyDown(event: KeyboardEvent): void;
     componentDidRender(): void;
     componentDidLoad(): void;
+    handleSettingsChange(event: CustomEvent<TableSettings>): void;
     disconnectedCallback(): void;
     private checkDivElementScrollbar;
     private updateDataToKeyMap;
@@ -34,14 +44,26 @@ export declare class KolTableStateless implements TableStatelessAPI {
     private cellRender;
     private getNumberOfCols;
     private getNumberOfRows;
-    private filterHeaderKeys;
-    private getPrimaryHeader;
+    private getThePrimaryHeadersWithKeyOrRenderFunction;
+    private getPrimaryHeaders;
+    private getColumnPositionMap;
+    private sortByColumnPosition;
     private createDataField;
+    private handleSelectionChangeCallbackAndEvent;
+    private initializeTableSettings;
     componentWillLoad(): void;
     private renderSelectionCell;
     private readonly renderTableRow;
+    private getColumnSettings;
     private readonly renderTableCell;
+    private getSelectionKeyPropertyName;
+    private getDataWithSelectionEnabled;
+    private getSelectedKeysWithoutDisabledKeys;
+    private getSelectedKeysWithDisabledKeysOnly;
+    private getRevertedSelection;
+    private getTableMinWidth;
     private renderHeadingSelectionCell;
+    private renderHeaderTdCell;
     private renderHeadingCell;
     private renderSpacer;
     private renderFoot;

package/dist/types/components/table-stateless/shadow.d.ts

@@ -1,12 +1,16 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableStatelessProps, TableCallbacksPropType, TableSelectionPropType } from '../../schema';
+import type { HasSettingsMenuPropType, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatelessProps } from '../../schema';
+import type { MinWidthPropType } from '../../schema/props/min-width';
+import type { TableSettingsPropType } from '../../schema/props/table-settings';
 export declare class KolTableStateless implements TableStatelessProps {
     _data: TableDataPropType;
     _dataFoot?: TableDataFootPropType;
     _headerCells: TableHeaderCellsPropType;
     _label: string;
-    _minWidth?: string;
+    _minWidth: MinWidthPropType;
     _on?: TableCallbacksPropType;
     _selection?: TableSelectionPropType;
+    _tableSettings?: TableSettingsPropType;
+    _hasSettingsMenu?: HasSettingsMenuPropType;
     render(): JSX.Element;
 }

package/dist/types/components/table-stateless/table-settings.d.ts

@@ -0,0 +1,23 @@
+import type { JSX } from '../../stencil-public-runtime';
+import type { TableSettingsPropType } from '../../schema/props/table-settings';
+export declare class KolTableSettings {
+    private readonly host?;
+    tableSettings: TableSettingsPropType;
+    errorMessage: string | null;
+    private readonly translateTableSettings;
+    private readonly translateTableSettingsCancel;
+    private readonly translateTableSettingsApply;
+    private readonly translateErrorAllInvisible;
+    private readonly translateColumnNotHidable;
+    _tableSettings: TableSettingsPropType;
+    handleTableSettingsChange(newValue: TableSettingsPropType): void;
+    componentWillLoad(): void;
+    private popoverRef;
+    private sortColumnsByPosition;
+    private moveColumn;
+    private handleVisibilityChange;
+    private handleWidthChange;
+    private handleCancel;
+    private handleSubmit;
+    render(): JSX.Element;
+}

package/dist/types/components/tabs/shadow.d.ts

@@ -1,10 +1,10 @@
 import type { AlignPropType, KoliBriTabsCallbacks, LabelPropType, Stringified, TabBehaviorPropType, TabButtonProps, TabsAPI, TabsStates } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
+import type { HasCreateButtonPropType } from '../../schema/props/has-create-button';
 export declare class KolTabs implements TabsAPI {
     private readonly host?;
     private tabPanelsElement?;
     private onCreateLabel;
-    private showCreateTab;
     private currentFocusIndex;
     private nextPossibleTabIndex;
     private prevPossibleTabIndex;
@@ -24,6 +24,7 @@ export declare class KolTabs implements TabsAPI {
     render(): JSX.Element;
     _align?: AlignPropType;
     _behavior?: TabBehaviorPropType;
+    _hasCreateButton?: HasCreateButtonPropType;
     _label: LabelPropType;
     _on?: KoliBriTabsCallbacks;
     _selected?: number;
@@ -33,12 +34,14 @@ export declare class KolTabs implements TabsAPI {
     private syncSelectedAndTabs;
     validateAlign(value?: AlignPropType): void;
     validateBehavior(value?: TabBehaviorPropType): void;
+    validateHasCreateButton(value?: HasCreateButtonPropType): void;
     validateLabel(value?: LabelPropType): void;
     validateOn(value?: KoliBriTabsCallbacks): void;
     validateSelected(value?: number): void;
     validateTabs(value?: Stringified<TabButtonProps[]>): void;
     componentWillLoad(): void;
-    private readonly handleTabPanels;
+    private refreshTabPanels;
+    private updateVisiblePanel;
     componentDidRender(): void;
     private focusTabById;
     private onSelect;

package/dist/types/components/textarea/controller.d.ts

@@ -1,4 +1,4 @@
-import type { CSSResize, HasCounterPropType, RowsPropType, TextareaProps, TextareaWatches } from '../../schema';
+import type { HasCounterPropType, MaxLengthBehaviorPropType, PlaceholderPropType, ReadOnlyPropType, RequiredPropType, RowsPropType, SpellCheckPropType, TextareaProps, TextareaResizePropType, TextareaWatches } from '../../schema';
 import { InputIconController } from '../@deprecated/input/controller-icon';
 import type { Generic } from 'adopted-style-sheets';
 export declare class TextareaController extends InputIconController implements TextareaWatches {
@@ -6,12 +6,14 @@ export declare class TextareaController extends InputIconController implements T
     constructor(component: Generic.Element.Component & TextareaProps, name: string, host?: HTMLElement);
     private afterSyncCharCounter;
     validateHasCounter(value?: HasCounterPropType): void;
+    validateMaxLengthBehavior(value?: MaxLengthBehaviorPropType): void;
     validateMaxLength(value?: number): void;
-    validatePlaceholder(value?: string): void;
-    validateReadOnly(value?: boolean): void;
-    validateResize(value?: CSSResize): void;
-    validateRequired(value?: boolean): void;
+    validatePlaceholder(value?: PlaceholderPropType): void;
+    validateReadOnly(value?: ReadOnlyPropType): void;
+    validateResize(value?: TextareaResizePropType): void;
+    validateRequired(value?: RequiredPropType): void;
     validateRows(value?: RowsPropType): void;
+    validateSpellCheck(value?: SpellCheckPropType): void;
     validateValue(value?: string): void;
     componentWillLoad(): void;
 }

package/dist/types/components/textarea/shadow.d.ts

@@ -1,38 +1,38 @@
-import type { AdjustHeightPropType, CSSResize, FocusableElement, HasCounterPropType, HideErrorPropType, IdPropType, InputTypeOnDefault, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, RowsPropType, ShortKeyPropType, Stringified, SyncValueBySelectorPropType, TextareaAPI, TextareaStates, TooltipAlignPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
+import type { AdjustHeightPropType, DisabledPropType, FocusableElement, HasCounterPropType, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, IdPropType, InputTypeOnDefault, LabelWithExpertSlotPropType, MaxLengthBehaviorPropType, MsgPropType, NamePropType, PlaceholderPropType, ReadOnlyPropType, RequiredPropType, RowsPropType, ShortKeyPropType, SpellCheckPropType, Stringified, SyncValueBySelectorPropType, TextareaAPI, TextareaResizePropType, TextareaStates, TooltipAlignPropType } from '../../schema';
 export declare class KolTextarea implements TextareaAPI, FocusableElement {
     private readonly host?;
     private textareaRef?;
     private readonly catchRef;
     getValue(): Promise<string | undefined>;
-    focus(): Promise<void>;
     kolFocus(): Promise<void>;
+    private getFormFieldProps;
+    private getTextAreaProps;
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: string;
     _adjustHeight?: boolean;
-    _alert?: boolean;
     _disabled?: boolean;
-    _error?: string;
-    _hasCounter?: boolean;
-    _hideError?: boolean;
+    _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
-    _icons?: KoliBriHorizontalIcons;
+    _icons?: IconsHorizontalPropType;
     _id?: IdPropType;
     _label: LabelWithExpertSlotPropType;
     _maxLength?: number;
+    _hasCounter?: boolean;
+    _maxLengthBehavior?: MaxLengthBehaviorPropType;
     _msg?: Stringified<MsgPropType>;
     _name?: NamePropType;
     _on?: InputTypeOnDefault;
     _placeholder?: string;
     _readOnly?: boolean;
-    _resize?: CSSResize;
+    _resize?: TextareaResizePropType;
     _required?: boolean;
     _rows?: RowsPropType;
     _shortKey?: ShortKeyPropType;
+    _spellCheck?: SpellCheckPropType;
     _syncValueBySelector?: SyncValueBySelectorPropType;
-    _tabIndex?: number;
     _tooltipAlign?: TooltipAlignPropType;
     _touched?: boolean;
     _value?: string;
@@ -42,28 +42,27 @@ export declare class KolTextarea implements TextareaAPI, FocusableElement {
     private showAsAlert;
     validateAccessKey(value?: string): void;
     validateAdjustHeight(value?: AdjustHeightPropType): void;
-    validateAlert(value?: boolean): void;
-    validateDisabled(value?: boolean): void;
-    validateError(value?: string): void;
+    validateDisabled(value?: DisabledPropType): void;
+    validateHideMsg(value?: HideMsgPropType): void;
+    validateHideLabel(value?: HideLabelPropType): void;
     validateHasCounter(value?: HasCounterPropType): void;
-    validateHideError(value?: HideErrorPropType): void;
-    validateHideLabel(value?: boolean): void;
-    validateHint(value?: string): void;
-    validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;
+    validateHint(value?: HintPropType): void;
+    validateIcons(value?: IconsHorizontalPropType): void;
     validateId(value?: string): void;
     validateLabel(value?: LabelWithExpertSlotPropType): void;
     validateMaxLength(value?: number): void;
+    validateMaxLengthBehavior(value?: MaxLengthBehaviorPropType): void;
     validateMsg(value?: Stringified<MsgPropType>): void;
     validateName(value?: string): void;
     validateOn(value?: InputTypeOnDefault): void;
-    validatePlaceholder(value?: string): void;
-    validateReadOnly(value?: boolean): void;
-    validateResize(value?: CSSResize): void;
-    validateRequired(value?: boolean): void;
+    validatePlaceholder(value?: PlaceholderPropType): void;
+    validateReadOnly(value?: ReadOnlyPropType): void;
+    validateResize(value?: TextareaResizePropType): void;
+    validateRequired(value?: RequiredPropType): void;
     validateRows(value?: RowsPropType): void;
     validateShortKey(value?: ShortKeyPropType): void;
+    validateSpellCheck(value?: SpellCheckPropType): void;
     validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
-    validateTabIndex(value?: number): void;
     validateTouched(value?: boolean): void;
     validateValue(value?: string): void;
     componentDidLoad(): void;

package/dist/types/components/toaster/shadow.d.ts

@@ -2,6 +2,7 @@ import type { JSX } from '../../stencil-public-runtime';
 import type { Toast, ToasterAPI, ToasterStates } from '../../schema';
 export declare class KolToastContainer implements ToasterAPI {
     state: ToasterStates;
+    private readonly translateToastCloseAll;
     private knownRenderFunctions;
     enqueue(toast: Toast): Promise<() => void>;
     private handleClose;

package/dist/types/components/toolbar/shadow.d.ts

@@ -1,16 +1,20 @@
 import type { JSX } from '../../stencil-public-runtime';
 import type { LabelPropType, ToolbarAPI, ToolbarStates, ToolbarItemsPropType } from '../../schema';
+import type { OrientationPropType } from '../../schema/props/orientation';
 export declare class KolToolbar implements ToolbarAPI {
     host: HTMLElement;
     state: ToolbarStates;
     private currentIndex;
     private indexToElement;
+    private normalizeItem;
     private renderItem;
     render(): JSX.Element;
     _label: string;
     _items: ToolbarItemsPropType;
+    _orientation?: OrientationPropType;
     validateLabel(value?: LabelPropType): void;
     validateItems(value?: ToolbarItemsPropType): void;
+    validateOrientation(value?: OrientationPropType): void;
     private getCurrentToolbarItem;
     private setFirstEnabledItemIndex;
     handleKeyDown(event: KeyboardEvent): void;

package/dist/types/components/tooltip/component.d.ts

@@ -5,12 +5,14 @@ export declare class KolTooltipWc implements TooltipAPI {
     private arrowElement?;
     private previousSibling?;
     private tooltipElement?;
-    private hasFocusIn;
-    private hasMouseIn;
     private cleanupAutoPositioning?;
     private alignTooltip;
     private showTooltip;
-    private hideTooltip;
+    private showTooltipTimeout?;
+    private showTooltipWithDelay;
+    private hideTooltipTimeout?;
+    private hideTooltipWithDelay;
+    hideTooltip(): Promise<void>;
     private hideTooltipByEscape;
     private handleMouseEnter;
     private handleMouseleave;
@@ -31,8 +33,6 @@ export declare class KolTooltipWc implements TooltipAPI {
     validateAlign(value?: AlignPropType): void;
     validateId(value?: IdPropType): void;
     validateLabel(value?: LabelPropType): void;
-    private overFocusTimeout?;
-    private showOrHideTooltip;
     componentWillLoad(): void;
     private handleEventListeners;
     connectedCallback(): void;

package/dist/types/components/version/shadow.d.ts

@@ -1,6 +1,7 @@
 import type { LabelPropType, VersionAPI, VersionStates } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
 export declare class KolVersion implements VersionAPI {
+    private readonly translateVersion;
     render(): JSX.Element;
     _label: LabelPropType;
     state: VersionStates;