@public-ui/components 4.0.0-alpha.5 → 4.0.0-alpha.7

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

@@ -4,6 +4,7 @@ import type { Generic } from 'adopted-style-sheets';
 export declare class ComboboxController extends InputIconController implements ComboboxWatches {
     protected readonly component: Generic.Element.Component & ComboboxProps;
     constructor(component: Generic.Element.Component & ComboboxProps, name: string, host?: HTMLElement);
+    validateHideClearButton(value?: boolean): void;
     validatePlaceholder(value?: PlaceholderPropType): void;
     validateRequired(value?: RequiredPropType): void;
     validateSuggestions(value?: SuggestionsPropType): void;

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

@@ -5,11 +5,13 @@ export declare class KolCombobox implements ComboboxAPI {
     private refInput?;
     private refSuggestions;
     private _focusedOptionIndex;
+    private readonly translateDeleteSelection;
     getValue(): Promise<string>;
     kolFocus(): Promise<void>;
     private toggleListbox;
     private readonly catchRef;
     private selectOption;
+    private clearSelection;
     private onInput;
     private handleKeyDownDropdown;
     private setFilteredSuggestionsByQuery;
@@ -24,7 +26,6 @@ export declare class KolCombobox implements ComboboxAPI {
     private blockSuggestionMouseOver;
     private _isOpen;
     private _filteredSuggestions?;
-    private _hasOpened;
     handleWindowClick(event: MouseEvent): void;
     _accessKey?: string;
     _placeholder?: string;
@@ -38,6 +39,7 @@ export declare class KolCombobox implements ComboboxAPI {
     _msg?: Stringified<MsgPropType>;
     _name?: NamePropType;
     _on?: InputTypeOnDefault;
+    _hideClearButton?: boolean;
     _suggestions: SuggestionsPropType;
     _required?: boolean;
     _shortKey?: ShortKeyPropType;
@@ -63,6 +65,7 @@ export declare class KolCombobox implements ComboboxAPI {
     validateOn(value?: InputTypeOnDefault): void;
     validateShortKey(value?: ShortKeyPropType): void;
     validateSuggestions(value?: SuggestionsPropType): void;
+    validateHideClearButton(value?: boolean): void;
     validateRequired(value?: RequiredPropType): void;
     validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
     validateTouched(value?: boolean): void;

package/dist/types/components/icon/bem.d.ts

@@ -9,15 +9,15 @@ type SCHEMA = {
     };
 };
 declare const bem: {
-    <BlockName extends "kol-icon", ElementName extends keyof NonNullable<SCHEMA[BlockName]["elements"]>>(blockName: BlockName, blockModifiersOrElementName?: ElementName | ((SCHEMA[BlockName]["modifiers"] extends infer T ? T extends SCHEMA[BlockName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<SCHEMA[BlockName]["modifiers"] extends infer T ? T extends SCHEMA[BlockName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never, boolean>>) | undefined, elementModifiers?: ((NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_1 ? T_1 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_1 extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_1 ? T_1 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_1 extends Set<infer U> ? U : never : never : never, boolean>>) | undefined): string;
+    <BlockName extends "kol-icon", ElementName extends keyof NonNullable<SCHEMA[BlockName]["elements"]>>(blockName: BlockName, blockModifiersOrElementName?: ElementName | ((SCHEMA[BlockName]["modifiers"] extends infer T ? T extends SCHEMA[BlockName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<SCHEMA[BlockName]["modifiers"] extends infer T_1 ? T_1 extends SCHEMA[BlockName]["modifiers"] ? T_1 extends Set<infer U> ? U : never : never : never, boolean>>) | undefined, elementModifiers?: ((NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_2 ? T_2 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_2 extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_3 ? T_3 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_3 extends Set<infer U> ? U : never : never : never, boolean>>) | undefined): string;
     forBlock<BlockName extends "kol-icon">(blockName: BlockName): {
-        <ElementName extends keyof NonNullable<SCHEMA[BlockName]["elements"]>>(elementNameOrBlockModifiers?: ElementName | ((SCHEMA[BlockName]["modifiers"] extends infer T ? T extends SCHEMA[BlockName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<SCHEMA[BlockName]["modifiers"] extends infer T ? T extends SCHEMA[BlockName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never, boolean>>) | undefined, elementModifiers?: ((NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_1 ? T_1 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_1 extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_1 ? T_1 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_1 extends Set<infer U> ? U : never : never : never, boolean>>) | undefined): string;
-        forElement: <ElementName extends keyof NonNullable<SCHEMA[BlockName]["elements"]>>(elementName: ElementName) => (elementModifiers?: ((NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T ? T extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T ? T extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never, boolean>>) | undefined) => string;
+        <ElementName extends keyof NonNullable<SCHEMA[BlockName]["elements"]>>(elementNameOrBlockModifiers?: ElementName | ((SCHEMA[BlockName]["modifiers"] extends infer T ? T extends SCHEMA[BlockName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<SCHEMA[BlockName]["modifiers"] extends infer T_1 ? T_1 extends SCHEMA[BlockName]["modifiers"] ? T_1 extends Set<infer U> ? U : never : never : never, boolean>>) | undefined, elementModifiers?: ((NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_2 ? T_2 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_2 extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_3 ? T_3 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_3 extends Set<infer U> ? U : never : never : never, boolean>>) | undefined): string;
+        forElement: <ElementName extends keyof NonNullable<SCHEMA[BlockName]["elements"]>>(elementName: ElementName) => (elementModifiers?: ((NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T ? T extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_1 ? T_1 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_1 extends Set<infer U> ? U : never : never : never, boolean>>) | undefined) => string;
     };
 } & {
     forBlock: <BlockName extends "kol-icon">(blockName: BlockName) => {
-        <ElementName extends keyof NonNullable<SCHEMA[BlockName]["elements"]>>(elementNameOrBlockModifiers?: ElementName | ((SCHEMA[BlockName]["modifiers"] extends infer T ? T extends SCHEMA[BlockName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<SCHEMA[BlockName]["modifiers"] extends infer T ? T extends SCHEMA[BlockName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never, boolean>>) | undefined, elementModifiers?: ((NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_1 ? T_1 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_1 extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_1 ? T_1 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_1 extends Set<infer U> ? U : never : never : never, boolean>>) | undefined): string;
-        forElement: <ElementName extends keyof NonNullable<SCHEMA[BlockName]["elements"]>>(elementName: ElementName) => (elementModifiers?: ((NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T ? T extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T ? T extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never, boolean>>) | undefined) => string;
+        <ElementName extends keyof NonNullable<SCHEMA[BlockName]["elements"]>>(elementNameOrBlockModifiers?: ElementName | ((SCHEMA[BlockName]["modifiers"] extends infer T ? T extends SCHEMA[BlockName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<SCHEMA[BlockName]["modifiers"] extends infer T_1 ? T_1 extends SCHEMA[BlockName]["modifiers"] ? T_1 extends Set<infer U> ? U : never : never : never, boolean>>) | undefined, elementModifiers?: ((NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_2 ? T_2 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_2 extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_3 ? T_3 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_3 extends Set<infer U> ? U : never : never : never, boolean>>) | undefined): string;
+        forElement: <ElementName extends keyof NonNullable<SCHEMA[BlockName]["elements"]>>(elementName: ElementName) => (elementModifiers?: ((NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T ? T extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_1 ? T_1 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_1 extends Set<infer U> ? U : never : never : never, boolean>>) | undefined) => string;
     };
 };
 declare const BEM: SCHEMA;

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

@@ -3,9 +3,11 @@ import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaCurrentV
 export declare class KolLinkWc implements InternalLinkAPI, FocusableElement {
     private readonly host?;
     private anchorRef?;
+    private tooltipRef?;
     private unsubscribeOnLocationChange?;
     private readonly translateOpenLinkInTab;
     private readonly catchRef;
+    private readonly hideTooltip;
     kolFocus(): Promise<void>;
     private readonly onClick;
     private readonly getRenderValues;

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

@@ -5,15 +5,21 @@ export declare class KolPopover implements PopoverAPI {
     private popoverElement?;
     private triggerElement?;
     private host?;
-    private showPopover;
-    private hidePopover;
-    private hidePopoverByEscape;
-    private hidePopoverByClickOutside;
-    private addListenersToBody;
-    private removeListenersToBody;
+    private cleanupAutoUpdate?;
+    private lastCloseEvent?;
+    private alignPopover;
+    private handleBeforeToggle;
+    private handleToggle;
     private catchHostAndTriggerElement;
     private catchPopoverElement;
     private catchArrowElement;
+    private requestHide;
+    private handleEscape;
+    private hidePopoverByClickOutside;
+    private handleScroll;
+    private addListenersToBody;
+    private removeListenersFromBody;
+    private syncPopoverVisibility;
     render(): JSX.Element;
     _align?: AlignPropType;
     _on?: PopoverCallbacksPropType;
@@ -23,4 +29,5 @@ export declare class KolPopover implements PopoverAPI {
     validateOn(value?: PopoverCallbacksPropType): void;
     validateShow(value?: ShowPropType): void;
     componentWillLoad(): void;
+    disconnectedCallback(): void;
 }

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

@@ -33,7 +33,6 @@ export declare class KolSingleSelect implements SingleSelectAPI {
     private _filteredOptions?;
     private _inputValue;
     private blockSuggestionMouseOver;
-    private _hasOpened;
     _accessKey?: string;
     _placeholder?: string;
     _disabled?: boolean;

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

@@ -49,6 +49,6 @@ export declare class KolTableStateful implements TableAPI {
     private handleSort;
     private getSelectedData;
     private handleSelectionChange;
-    getSelection(): Promise<KoliBriTableDataType[] | KoliBriTableDataType | null>;
+    getSelection(): Promise<KoliBriTableDataType[] | null>;
     render(): JSX.Element;
 }

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

@@ -33,6 +33,7 @@ export declare class KolTableStateless implements TableStatelessAPI {
     validateOn(value?: TableCallbacksPropType): void;
     validateSelection(value?: TableSelectionPropType): void;
     validateTableSettings(value?: TableSettingsPropType): void;
+    private normalizeTableSettings;
     handleKeyDown(event: KeyboardEvent): void;
     componentDidRender(): void;
     componentDidLoad(): void;

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

@@ -13,7 +13,7 @@ export declare class KolTableSettings {
     handleTableSettingsChange(newValue: TableSettingsPropType): void;
     componentWillLoad(): void;
     private popoverRef;
-    private sortColumnsByPosition;
+    private normalizeColumns;
     private moveColumn;
     private handleVisibilityChange;
     private handleWidthChange;

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

@@ -7,7 +7,10 @@ export declare class KolTooltipWc implements TooltipAPI {
     private tooltipElement?;
     private hasFocusIn;
     private hasMouseIn;
+    private isHiddenForCurrentVisit;
     private cleanupAutoPositioning?;
+    private isNewVisit;
+    private resetHideFlag;
     private alignTooltip;
     private showTooltip;
     hideTooltip(): Promise<void>;

package/dist/types/components.d.ts

@@ -489,10 +489,6 @@ export namespace Components {
           * Defines the value that the button emits on click.
          */
         "_value"?: StencilUnknown;
-        /**
-          * Hides the tooltip.
-         */
-        "hideTooltip": () => Promise<void>;
         /**
           * Sets focus on the internal element.
          */
@@ -550,6 +546,11 @@ export namespace Components {
           * @default false
          */
         "_disabled"?: boolean;
+        /**
+          * Hides the clear button.
+          * @default false
+         */
+        "_hideClearButton"?: boolean;
         /**
           * Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -2794,7 +2795,7 @@ export namespace Components {
     }
     interface KolSingleSelect {
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
         /**
@@ -3089,7 +3090,7 @@ export namespace Components {
         /**
           * Returns the selected rows.
          */
-        "getSelection": () => Promise<KoliBriTableDataType[] | KoliBriTableDataType | null>;
+        "getSelection": () => Promise<KoliBriTableDataType[] | null>;
     }
     interface KolTableStateless {
         /**
@@ -4400,6 +4401,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "_disabled"?: boolean;
+        /**
+          * Hides the clear button.
+          * @default false
+         */
+        "_hideClearButton"?: boolean;
         /**
           * Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -6391,7 +6397,7 @@ declare namespace LocalJSX {
     }
     interface KolSingleSelect {
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
         /**

package/dist/types/functional-components/Alert/bem.d.ts

@@ -21,15 +21,15 @@ type SCHEMA = {
     };
 };
 declare const bem: {
-    <BlockName extends "kol-alert", ElementName extends keyof NonNullable<SCHEMA[BlockName]["elements"]>>(blockName: BlockName, blockModifiersOrElementName?: ElementName | ((SCHEMA[BlockName]["modifiers"] extends infer T ? T extends SCHEMA[BlockName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<SCHEMA[BlockName]["modifiers"] extends infer T ? T extends SCHEMA[BlockName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never, boolean>>) | undefined, elementModifiers?: ((NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_1 ? T_1 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_1 extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_1 ? T_1 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_1 extends Set<infer U> ? U : never : never : never, boolean>>) | undefined): string;
+    <BlockName extends "kol-alert", ElementName extends keyof NonNullable<SCHEMA[BlockName]["elements"]>>(blockName: BlockName, blockModifiersOrElementName?: ElementName | ((SCHEMA[BlockName]["modifiers"] extends infer T ? T extends SCHEMA[BlockName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<SCHEMA[BlockName]["modifiers"] extends infer T_1 ? T_1 extends SCHEMA[BlockName]["modifiers"] ? T_1 extends Set<infer U> ? U : never : never : never, boolean>>) | undefined, elementModifiers?: ((NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_2 ? T_2 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_2 extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_3 ? T_3 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_3 extends Set<infer U> ? U : never : never : never, boolean>>) | undefined): string;
     forBlock<BlockName extends "kol-alert">(blockName: BlockName): {
-        <ElementName extends keyof NonNullable<SCHEMA[BlockName]["elements"]>>(elementNameOrBlockModifiers?: ElementName | ((SCHEMA[BlockName]["modifiers"] extends infer T ? T extends SCHEMA[BlockName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<SCHEMA[BlockName]["modifiers"] extends infer T ? T extends SCHEMA[BlockName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never, boolean>>) | undefined, elementModifiers?: ((NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_1 ? T_1 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_1 extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_1 ? T_1 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_1 extends Set<infer U> ? U : never : never : never, boolean>>) | undefined): string;
-        forElement: <ElementName extends keyof NonNullable<SCHEMA[BlockName]["elements"]>>(elementName: ElementName) => (elementModifiers?: ((NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T ? T extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T ? T extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never, boolean>>) | undefined) => string;
+        <ElementName extends keyof NonNullable<SCHEMA[BlockName]["elements"]>>(elementNameOrBlockModifiers?: ElementName | ((SCHEMA[BlockName]["modifiers"] extends infer T ? T extends SCHEMA[BlockName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<SCHEMA[BlockName]["modifiers"] extends infer T_1 ? T_1 extends SCHEMA[BlockName]["modifiers"] ? T_1 extends Set<infer U> ? U : never : never : never, boolean>>) | undefined, elementModifiers?: ((NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_2 ? T_2 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_2 extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_3 ? T_3 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_3 extends Set<infer U> ? U : never : never : never, boolean>>) | undefined): string;
+        forElement: <ElementName extends keyof NonNullable<SCHEMA[BlockName]["elements"]>>(elementName: ElementName) => (elementModifiers?: ((NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T ? T extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_1 ? T_1 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_1 extends Set<infer U> ? U : never : never : never, boolean>>) | undefined) => string;
     };
 } & {
     forBlock: <BlockName extends "kol-alert">(blockName: BlockName) => {
-        <ElementName extends keyof NonNullable<SCHEMA[BlockName]["elements"]>>(elementNameOrBlockModifiers?: ElementName | ((SCHEMA[BlockName]["modifiers"] extends infer T ? T extends SCHEMA[BlockName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<SCHEMA[BlockName]["modifiers"] extends infer T ? T extends SCHEMA[BlockName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never, boolean>>) | undefined, elementModifiers?: ((NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_1 ? T_1 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_1 extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_1 ? T_1 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_1 extends Set<infer U> ? U : never : never : never, boolean>>) | undefined): string;
-        forElement: <ElementName extends keyof NonNullable<SCHEMA[BlockName]["elements"]>>(elementName: ElementName) => (elementModifiers?: ((NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T ? T extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T ? T extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never, boolean>>) | undefined) => string;
+        <ElementName extends keyof NonNullable<SCHEMA[BlockName]["elements"]>>(elementNameOrBlockModifiers?: ElementName | ((SCHEMA[BlockName]["modifiers"] extends infer T ? T extends SCHEMA[BlockName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<SCHEMA[BlockName]["modifiers"] extends infer T_1 ? T_1 extends SCHEMA[BlockName]["modifiers"] ? T_1 extends Set<infer U> ? U : never : never : never, boolean>>) | undefined, elementModifiers?: ((NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_2 ? T_2 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_2 extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_3 ? T_3 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_3 extends Set<infer U> ? U : never : never : never, boolean>>) | undefined): string;
+        forElement: <ElementName extends keyof NonNullable<SCHEMA[BlockName]["elements"]>>(elementName: ElementName) => (elementModifiers?: ((NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T ? T extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_1 ? T_1 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_1 extends Set<infer U> ? U : never : never : never, boolean>>) | undefined) => string;
     };
 };
 declare const BEM: SCHEMA;

package/dist/types/functional-components/FormFieldLabel/FormFieldLabel.d.ts

@@ -13,6 +13,7 @@ type FormFieldLabelProps = JSXBase.HTMLAttributes<Omit<HTMLLabelElement | HTMLLe
     hideLabel?: boolean;
     baseClassName?: string;
     showBadge?: boolean;
+    readOnly?: boolean;
 } & LabelProps;
 declare const KolFormFieldLabelFc: FC<FormFieldLabelProps>;
 export default KolFormFieldLabelFc;

package/dist/types/index.d.ts

@@ -7,6 +7,6 @@ export * from './enums/bund';
 export { BEM_ALERT } from './functional-components/Alert/bem';
 export * from './kolibri';
 export { KoliBri, KoliBriDevHelper } from './schema';
-export type { FocusableElement, KoliBriTableCell, KoliBriTableHeaderCell, KoliBriTableSelection, Optgroup, Option, SelectOption, Toast, ToasterOptions, W3CInputValue, } from './schema';
+export type { FocusableElement, KoliBriTableCell, KoliBriTableHeaderCell, KoliBriTableHeaderCellWithLogic, KoliBriTableSelection, Optgroup, Option, SelectOption, Toast, ToasterOptions, W3CInputValue, } from './schema';
 export { KolEvent } from './utils/events';
 export { isTooltipOpen } from './utils/tooltip-open-tracking';

package/dist/types/locales/de.d.ts

@@ -66,5 +66,6 @@ declare const _default: {
     'character-counter-current': string;
     'character-counter-current-of-max': string;
     'character-counter-current-of-max-aria': string;
+    readonly: string;
 };
 export default _default;

package/dist/types/locales/en.d.ts

@@ -66,5 +66,6 @@ declare const _default: {
     'character-counter-current': string;
     'character-counter-current-of-max': string;
     'character-counter-current-of-max-aria': string;
+    readonly: string;
 };
 export default _default;

package/dist/types/schema/components/combobox.d.ts

@@ -3,6 +3,7 @@ import type { MsgPropType, PropAccessKey, PropDisabled, PropHideLabel, PropHideM
 import type { InputTypeOnDefault, KoliBriHIcons, Stringified, W3CInputValue } from '../types';
 type RequiredProps = PropLabelWithExpertSlot & PropSuggestions;
 type OptionalProps = {
+    hideClearButton: boolean;
     msg: Stringified<MsgPropType>;
     on: InputTypeOnDefault;
     placeholder: string;
@@ -10,6 +11,7 @@ type OptionalProps = {
 } & PropAccessKey & PropDisabled & PropHideMsg & PropHideLabel & PropHint & PropHorizontalIcons & PropName & PropRequired & PropShortKey & PropSyncValueBySelector & PropTouched;
 type RequiredStates = {
     hasValue: boolean;
+    hideClearButton: boolean;
     suggestions: W3CInputValue[];
     value: string;
 } & PropId & PropHideMsg & PropLabelWithExpertSlot;

package/dist/types/schema/props/popover-callbacks.d.ts

@@ -1,8 +1,9 @@
 import type { Generic } from 'adopted-style-sheets';
 import type { Callback } from '../enums';
 import type { EventCallback } from '../types/callbacks';
+export type PopoverCloseEvent = MouseEvent | KeyboardEvent | ToggleEvent;
 export type PopoverCallbacksPropType = {
-    [Callback.onClose]?: EventCallback<MouseEvent | KeyboardEvent>;
+    [Callback.onClose]?: EventCallback<PopoverCloseEvent>;
 };
 export type PropPopoverCallbacks = {
     on: PopoverCallbacksPropType;

package/dist/types/schema/props/table-callbacks.d.ts

@@ -1,13 +1,13 @@
 import type { Callback } from '../enums';
 import type { EventValueOrEventCallback } from '../types/callbacks';
 import type { Generic } from 'adopted-style-sheets';
-import type { KoliBriSortDirection, KoliBriTableDataType, KoliBriTableSelectionKey, KoliBriTableSelectionKeys } from '../types';
+import type { KoliBriSortDirection, KoliBriTableDataType, KoliBriTableSelectionKeys } from '../types';
 export type SortEventPayload = {
     key: string;
     currentSortDirection: KoliBriSortDirection;
 };
-export type SelectionChangeEventPayload = KoliBriTableSelectionKeys | KoliBriTableSelectionKey;
-export type StatefulSelectionChangeEventPayload = KoliBriTableDataType[] | KoliBriTableDataType | null;
+export type SelectionChangeEventPayload = KoliBriTableSelectionKeys;
+export type StatefulSelectionChangeEventPayload = KoliBriTableDataType[] | null;
 export type TableCallbacksPropType = {
     [Callback.onSort]?: EventValueOrEventCallback<MouseEvent, SortEventPayload>;
     [Callback.onSelectionChange]?: EventValueOrEventCallback<Event, SelectionChangeEventPayload>;

package/dist/types/schema/types/input/types.d.ts

@@ -15,6 +15,9 @@ type InputTypeOnFocus = {
 type InputTypeOnInput = {
     [Callback.onInput]?: EventValueOrEventCallback<Event, unknown>;
 };
+type InputTypeOnKeyDown = {
+    [Callback.onKeyDown]?: EventCallback<KeyboardEvent>;
+};
 export type Option<T> = {
     disabled?: boolean;
     label: string | number;
@@ -29,5 +32,5 @@ export type Optgroup<T> = {
     options: Option<T>[];
 };
 export type SelectOption<T> = Option<T> | Optgroup<T> | RadioOption<T>;
-export type InputTypeOnDefault = InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus & InputTypeOnInput;
+export type InputTypeOnDefault = InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus & InputTypeOnInput & InputTypeOnKeyDown;
 export {};

package/dist/types/schema/types/table-settings.d.ts

@@ -2,7 +2,8 @@ export interface ColumnSettings {
     hidable?: boolean;
     key: string;
     label: string;
-    position: number;
+    sortable?: boolean;
+    resizable?: boolean;
     visible: boolean;
     width?: number;
 }

package/dist/types/schema/types/table.d.ts

@@ -17,6 +17,8 @@ export type KoliBriTableHeaderCell = KoliBriTableCell & {
     key?: string;
     sortDirection?: KoliBriSortDirection;
     hidable?: boolean;
+    sortable?: boolean;
+    resizable?: boolean;
 };
 export type KoliBriTableSelection = {
     label: (row: KoliBriTableDataType) => string;

package/dist/types/stencil-public-runtime.d.ts

@@ -1,5 +1,6 @@
 type CustomMethodDecorator<T> = (target: object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
-type UnionToIntersection<U> = (U extends any ? (x: U) => void : never) extends (x: infer I) => void ? I : never;
+type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
+type MixinInstance<F> = F extends (base: MixedInCtor) => MixedInCtor<infer I> ? I : never;
 export interface ComponentDecorator {
     (opts?: ComponentOptions): ClassDecorator;
 }
@@ -364,18 +365,27 @@ export declare function readTask(task: RafCallback): void;
  * Unhandled exception raised while rendering, during event handling, or lifecycles will trigger the custom event handler.
  */
 export declare const setErrorHandler: (handler: ErrorHandler) => void;
-export type MixinFactory = <TBase extends new (...args: any[]) => any>(base: TBase) => abstract new (...args: ConstructorParameters<TBase>) => any;
+/**
+ * @deprecated - Use `MixedInCtor` instead:
+ * ```ts
+ * import { MixedInCtor } from '@stencil/core';
+ *
+ * const AFactoryFn = <B extends MixedInCtor>(Base: B) => {class A extends Base { propA = A }; return A;}
+ * ```
+ */
+export type MixinFactory = (base: MixedInCtor) => MixedInCtor;
+export type MixedInCtor<T = {}> = new (...args: any[]) => T;
 /**
  * Compose multiple mixin classes into a single constructor.
  * The resulting class has the combined instance types of all mixed-in classes.
  *
  * Example:
- * ```
- * import { Mixin, MixinFactory } from '@stencil/core';
+ * ```ts
+ * import { Mixin, MixedInCtor } from '@stencil/core';
  *
- * const AWrap: MixinFactory = (Base) => {class A extends Base { propA = A }; return A;}
- * const BWrap: MixinFactory = (Base) => {class B extends Base { propB = B }; return B;}
- * const CWrap: MixinFactory = (Base) => {class C extends Base { propC = C }; return C;}
+ * const AWrap = <B extends MixedInCtor>(Base: B) => {class A extends Base { propA = A }; return A;}
+ * const BWrap = <B extends MixedInCtor>(Base: B) => {class B extends Base { propB = B }; return B;}
+ * const CWrap = <B extends MixedInCtor>(Base: B) => {class C extends Base { propC = C }; return C;}
  *
  * class X extends Mixin(AWrap, BWrap, CWrap) {
  *   render() { return <div>{this.propA} {this.propB} {this.propC}</div>; }
@@ -383,9 +393,9 @@ export type MixinFactory = <TBase extends new (...args: any[]) => any>(base: TBa
  * ```
  *
  * @param mixinFactories mixin factory functions that return a class which extends from the provided class.
- * @returns a class that that is composed from extending each of the provided classes in the order they were provided.
+ * @returns a class that is composed from extending each of the provided classes in the order they were provided.
  */
-export declare function Mixin<TMixins extends readonly MixinFactory[]>(...mixinFactories: TMixins): abstract new (...args: any[]) => UnionToIntersection<InstanceType<ReturnType<TMixins[number]>>>;
+export declare function Mixin<const TMixins extends readonly MixinFactory[]>(...mixinFactories: TMixins): abstract new (...args: any[]) => UnionToIntersection<MixinInstance<TMixins[number]>>;
 /**
  * This file gets copied to all distributions of stencil component collections.
  * - no imports

package/dist/types/utils/events.d.ts

@@ -8,6 +8,7 @@ declare enum KolEvent {
     create = "kolCreate",
     focus = "kolFocus",
     input = "kolInput",
+    keydown = "kolKeydown",
     mousedown = "kolMousedown",
     reset = "kolReset",
     select = "kolSelect",

package/doc/combobox.md

@@ -5,26 +5,27 @@
 
 ## Properties
 
-| Property                    | Attribute        | Description                                                                                                                                                   | Type                                                                                                                               | Default     |
-| --------------------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- | ----------- |
-| `_accessKey`                | `_access-key`    | Defines the key combination that can be used to trigger or focus the component’s interactive element.                                                         | `string \| undefined`                                                                                                              | `undefined` |
-| `_disabled`                 | `_disabled`      | Makes the element not focusable and ignore all events.                                                                                                        | `boolean \| undefined`                                                                                                             | `false`     |
-| `_hideLabel`                | `_hide-label`    | Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.                    | `boolean \| undefined`                                                                                                             | `false`     |
-| `_hideMsg`                  | `_hide-msg`      | Hides the error message but leaves it in the DOM for the input's aria-describedby.                                                                            | `boolean \| undefined`                                                                                                             | `false`     |
-| `_hint`                     | `_hint`          | Defines the hint text.                                                                                                                                        | `string \| undefined`                                                                                                              | `''`        |
-| `_icons`                    | `_icons`         | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                               | `string \| undefined \| { right?: IconOrIconClass \| undefined; left?: IconOrIconClass \| undefined; }`                            | `undefined` |
-| `_id`                       | `_id`            | <span class="text-red-500">**[DEPRECATED]**</span> Will be removed in the next major version.<br/><br/>Defines the internal ID of the primary component element. | `string \| undefined`                                                                                                              | `undefined` |
-| `_label` _(required)_       | `_label`         | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.  | `string`                                                                                                                           | `undefined` |
-| `_msg`                      | `_msg`           | Defines the properties for a message rendered as Alert component.                                                                                             | `Omit<AlertProps, "_on" \| "_hasCloser" \| "_label" \| "_level" \| "_variant"> & { _description: string; } \| string \| undefined` | `undefined` |
-| `_name`                     | `_name`          | Defines the technical name of an input field.                                                                                                                 | `string \| undefined`                                                                                                              | `undefined` |
-| `_on`                       | --               | Gibt die EventCallback-Funktionen für das Input-Event an.                                                                                                     | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus & InputTypeOnInput \| undefined`                        | `undefined` |
-| `_placeholder`              | `_placeholder`   | Defines the placeholder for input field. To be shown when there's no value.                                                                                   | `string \| undefined`                                                                                                              | `undefined` |
-| `_required`                 | `_required`      | Makes the input element required.                                                                                                                             | `boolean \| undefined`                                                                                                             | `false`     |
-| `_shortKey`                 | `_short-key`     | Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.                                                       | `string \| undefined`                                                                                                              | `undefined` |
-| `_suggestions` _(required)_ | `_suggestions`   | Suggestions to provide for the input.                                                                                                                         | `W3CInputValue[] \| string`                                                                                                        | `undefined` |
-| `_tooltipAlign`             | `_tooltip-align` | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                     | `"bottom" \| "left" \| "right" \| "top" \| undefined`                                                                              | `'top'`     |
-| `_touched`                  | `_touched`       | Shows if the input was touched by a user.                                                                                                                     | `boolean \| undefined`                                                                                                             | `false`     |
-| `_value`                    | `_value`         | Defines the value of the input.                                                                                                                               | `string \| undefined`                                                                                                              | `undefined` |
+| Property                    | Attribute            | Description                                                                                                                                                   | Type                                                                                                                               | Default     |
+| --------------------------- | -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- | ----------- |
+| `_accessKey`                | `_access-key`        | Defines the key combination that can be used to trigger or focus the component’s interactive element.                                                         | `string \| undefined`                                                                                                              | `undefined` |
+| `_disabled`                 | `_disabled`          | Makes the element not focusable and ignore all events.                                                                                                        | `boolean \| undefined`                                                                                                             | `false`     |
+| `_hideClearButton`          | `_hide-clear-button` | Hides the clear button.                                                                                                                                       | `boolean \| undefined`                                                                                                             | `false`     |
+| `_hideLabel`                | `_hide-label`        | Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.                    | `boolean \| undefined`                                                                                                             | `false`     |
+| `_hideMsg`                  | `_hide-msg`          | Hides the error message but leaves it in the DOM for the input's aria-describedby.                                                                            | `boolean \| undefined`                                                                                                             | `false`     |
+| `_hint`                     | `_hint`              | Defines the hint text.                                                                                                                                        | `string \| undefined`                                                                                                              | `''`        |
+| `_icons`                    | `_icons`             | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                               | `string \| undefined \| { right?: IconOrIconClass \| undefined; left?: IconOrIconClass \| undefined; }`                            | `undefined` |
+| `_id`                       | `_id`                | <span class="text-red-500">**[DEPRECATED]**</span> Will be removed in the next major version.<br/><br/>Defines the internal ID of the primary component element. | `string \| undefined`                                                                                                              | `undefined` |
+| `_label` _(required)_       | `_label`             | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.  | `string`                                                                                                                           | `undefined` |
+| `_msg`                      | `_msg`               | Defines the properties for a message rendered as Alert component.                                                                                             | `Omit<AlertProps, "_on" \| "_hasCloser" \| "_label" \| "_level" \| "_variant"> & { _description: string; } \| string \| undefined` | `undefined` |
+| `_name`                     | `_name`              | Defines the technical name of an input field.                                                                                                                 | `string \| undefined`                                                                                                              | `undefined` |
+| `_on`                       | --                   | Gibt die EventCallback-Funktionen für das Input-Event an.                                                                                                     | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus & InputTypeOnInput & InputTypeOnKeyDown \| undefined`   | `undefined` |
+| `_placeholder`              | `_placeholder`       | Defines the placeholder for input field. To be shown when there's no value.                                                                                   | `string \| undefined`                                                                                                              | `undefined` |
+| `_required`                 | `_required`          | Makes the input element required.                                                                                                                             | `boolean \| undefined`                                                                                                             | `false`     |
+| `_shortKey`                 | `_short-key`         | Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.                                                       | `string \| undefined`                                                                                                              | `undefined` |
+| `_suggestions` _(required)_ | `_suggestions`       | Suggestions to provide for the input.                                                                                                                         | `W3CInputValue[] \| string`                                                                                                        | `undefined` |
+| `_tooltipAlign`             | `_tooltip-align`     | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                     | `"bottom" \| "left" \| "right" \| "top" \| undefined`                                                                              | `'top'`     |
+| `_touched`                  | `_touched`           | Shows if the input was touched by a user.                                                                                                                     | `boolean \| undefined`                                                                                                             | `false`     |
+| `_value`                    | `_value`             | Defines the value of the input.                                                                                                                               | `string \| undefined`                                                                                                              | `undefined` |
 
 
 ## Methods

package/doc/components.md

@@ -15,7 +15,7 @@ yarn add @public-ui/components
 First, initialize KoliBri with a [theme](https://github.com/public-ui/kolibri/tree/develop/packages/themes) of your choice:
 
 ```ts
-import { defineCustomElements } from '@public-ui/components/dist/loader';
+import { defineCustomElements } from '@public-ui/components/loader';
 import { register } from '@public-ui/components';
 import { DEFAULT } from '@public-ui/theme-default';
 

package/doc/input-checkbox.md

@@ -20,7 +20,7 @@
 | `_labelAlign`         | `_label-align`   | Defines which alignment should be used for presentation.                                                                                                      | `"left" \| "right" \| undefined`                                                                                                                                                                                                                                                                                | `'right'`   |
 | `_msg`                | `_msg`           | Defines the properties for a message rendered as Alert component.                                                                                             | `Omit<AlertProps, "_on" \| "_hasCloser" \| "_label" \| "_level" \| "_variant"> & { _description: string; } \| string \| undefined`                                                                                                                                                                              | `undefined` |
 | `_name`               | `_name`          | Defines the technical name of an input field.                                                                                                                 | `string \| undefined`                                                                                                                                                                                                                                                                                           | `undefined` |
-| `_on`                 | --               | Gibt die EventCallback-Funktionen für das Input-Event an.                                                                                                     | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus & InputTypeOnInput \| undefined`                                                                                                                                                                                                     | `undefined` |
+| `_on`                 | --               | Gibt die EventCallback-Funktionen für das Input-Event an.                                                                                                     | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus & InputTypeOnInput & InputTypeOnKeyDown \| undefined`                                                                                                                                                                                | `undefined` |
 | `_required`           | `_required`      | Makes the input element required.                                                                                                                             | `boolean \| undefined`                                                                                                                                                                                                                                                                                          | `false`     |
 | `_shortKey`           | `_short-key`     | Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.                                                       | `string \| undefined`                                                                                                                                                                                                                                                                                           | `undefined` |
 | `_tooltipAlign`       | `_tooltip-align` | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                     | `"bottom" \| "left" \| "right" \| "top" \| undefined`                                                                                                                                                                                                                                                           | `'top'`     |

package/doc/input-color.md

@@ -18,7 +18,7 @@
 | `_label` _(required)_ | `_label`         | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.  | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `undefined` |
 | `_msg`                | `_msg`           | Defines the properties for a message rendered as Alert component.                                                                                             | `Omit<AlertProps, "_on" \| "_hasCloser" \| "_label" \| "_level" \| "_variant"> & { _description: string; } \| string \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `undefined` |
 | `_name`               | `_name`          | Defines the technical name of an input field.                                                                                                                 | `string \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `undefined` |
-| `_on`                 | --               | Gibt die EventCallback-Funktionen für das Input-Event an.                                                                                                     | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus & InputTypeOnInput \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `undefined` |
+| `_on`                 | --               | Gibt die EventCallback-Funktionen für das Input-Event an.                                                                                                     | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus & InputTypeOnInput & InputTypeOnKeyDown \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `undefined` |
 | `_shortKey`           | `_short-key`     | Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.                                                       | `string \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `undefined` |
 | `_smartButton`        | `_smart-button`  | Allows to add a button with an arbitrary action within the element (_hide-label only).                                                                        | `string \| undefined \| { _label: string; } & { _tabIndex?: number \| undefined; _value?: StencilUnknown; _ariaExpanded?: boolean \| undefined; _accessKey?: string \| undefined; _role?: "tab" \| "treeitem" \| undefined; _ariaControls?: string \| undefined; _ariaDescription?: string \| undefined; _ariaSelected?: boolean \| undefined; _on?: ButtonCallbacksPropType<StencilUnknown> \| undefined; _type?: "button" \| "reset" \| "submit" \| undefined; _variant?: "primary" \| "secondary" \| "normal" \| "tertiary" \| "danger" \| "ghost" \| "custom" \| undefined; _customClass?: string \| undefined; _disabled?: boolean \| undefined; _hideLabel?: boolean \| undefined; _icons?: IconsPropType \| undefined; _id?: string \| undefined; _name?: string \| undefined; _shortKey?: string \| undefined; _syncValueBySelector?: string \| undefined; _tooltipAlign?: AlignPropType \| undefined; }` | `undefined` |
 | `_suggestions`        | `_suggestions`   | Suggestions to provide for the input.                                                                                                                         | `W3CInputValue[] \| string \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `undefined` |