@public-ui/components 2.2.11-rc.0 → 3.0.0-023e727fba43bcd74fd9f7ce52558eee4a3aa906.0

package/dist/types/components/input-radio/shadow.d.ts

@@ -1,20 +1,20 @@
-import type { FocusableElement, HideErrorPropType, IdPropType, InputRadioAPI, InputRadioStates, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, NamePropType, Orientation, RadioOptionsPropType, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType, ShortKeyPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
+import type { FocusableElement, HideMsgPropType, IdPropType, InputRadioAPI, InputRadioStates, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, NamePropType, Orientation, RadioOptionsPropType, ShortKeyPropType, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 export declare class KolInputRadio implements InputRadioAPI, FocusableElement {
     private readonly host?;
-    private currentValue?;
     private inputRef?;
     private readonly catchRef;
     getValue(): Promise<StencilUnknown | undefined>;
-    focus(): Promise<void>;
     kolFocus(): Promise<void>;
+    private getFormFieldProps;
     render(): JSX.Element;
+    private getOptionProps;
+    private getInputProps;
+    private renderOption;
     private readonly controller;
     _accessKey?: string;
-    _alert?: boolean;
     _disabled?: boolean;
-    _error?: string;
-    _hideError?: boolean;
+    _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
     _id?: IdPropType;
@@ -27,7 +27,6 @@ export declare class KolInputRadio implements InputRadioAPI, FocusableElement {
     _required?: boolean;
     _shortKey?: ShortKeyPropType;
     _syncValueBySelector?: SyncValueBySelectorPropType;
-    _tabIndex?: number;
     _tooltipAlign?: TooltipAlignPropType;
     _touched?: boolean;
     _value?: StencilUnknown;
@@ -37,11 +36,9 @@ export declare class KolInputRadio implements InputRadioAPI, FocusableElement {
     private showAsAlert;
     validateAccessKey(value?: string): void;
     validateTooltipAlign(value?: TooltipAlignPropType): void;
-    validateAlert(value?: boolean): void;
     validateDisabled(value?: boolean): void;
-    validateError(value?: string): void;
     validateHideLabel(value?: boolean): void;
-    validateHideError(value?: HideErrorPropType): void;
+    validateHideMsg(value?: HideMsgPropType): void;
     validateHint(value?: string): void;
     validateId(value?: string): void;
     validateLabel(value?: LabelWithExpertSlotPropType): void;
@@ -53,7 +50,6 @@ export declare class KolInputRadio implements InputRadioAPI, FocusableElement {
     validateRequired(value?: boolean): void;
     validateShortKey(value?: ShortKeyPropType): void;
     validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
-    validateTabIndex(value?: number): void;
     validateTouched(value?: boolean): void;
     validateValue(value?: Stringified<StencilUnknown>): void;
     componentWillLoad(): void;

package/dist/types/components/input-range/shadow.d.ts

@@ -1,10 +1,9 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { FocusableElement, HideErrorPropType, IconsHorizontalPropType, IdPropType, InputRangeAPI, InputRangeStates, InputTypeOnDefault, InputTypeOnOff, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { FocusableElement, HideMsgPropType, IdPropType, InputRangeAPI, InputRangeStates, InputTypeOnDefault, InputTypeOnOff, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 export declare class KolInputRange implements InputRangeAPI, FocusableElement {
     private readonly host?;
     private refInputNumber?;
     private refInputRange?;
-    focus(): Promise<void>;
     kolFocus(): Promise<void>;
     private readonly catchInputNumberRef;
     private readonly catchInputRangeRef;
@@ -13,17 +12,20 @@ export declare class KolInputRange implements InputRangeAPI, FocusableElement {
     private readonly onChange;
     private readonly onKeyDown;
     componentDidLoad(): void;
+    private getFormFieldProps;
+    private getGenericInputProps;
+    private get hasSuggestions();
+    private getInputRangeProps;
+    private getInputNumberProps;
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: string;
-    _alert?: boolean;
     _autoComplete?: InputTypeOnOff;
     _disabled?: boolean;
-    _error?: string;
-    _hideError?: boolean;
+    _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
-    _icons?: IconsHorizontalPropType;
+    _icons?: Stringified<KoliBriHorizontalIcons>;
     _id?: IdPropType;
     _label: LabelWithExpertSlotPropType;
     _max?: number;
@@ -35,7 +37,6 @@ export declare class KolInputRange implements InputRangeAPI, FocusableElement {
     _step?: number;
     _suggestions?: SuggestionsPropType;
     _syncValueBySelector?: SyncValueBySelectorPropType;
-    _tabIndex?: number;
     _tooltipAlign?: TooltipAlignPropType;
     _touched?: boolean;
     _value?: number;
@@ -44,14 +45,12 @@ export declare class KolInputRange implements InputRangeAPI, FocusableElement {
     constructor();
     private showAsAlert;
     validateAccessKey(value?: string): void;
-    validateAlert(value?: boolean): void;
     validateAutoComplete(value?: InputTypeOnOff): void;
     validateDisabled(value?: boolean): void;
-    validateError(value?: string): void;
-    validateHideError(value?: HideErrorPropType): void;
+    validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
-    validateIcons(value?: IconsHorizontalPropType): void;
+    validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;
     validateId(value?: string): void;
     validateLabel(value?: LabelWithExpertSlotPropType): void;
     validateMax(value?: number): void;
@@ -63,7 +62,6 @@ export declare class KolInputRange implements InputRangeAPI, FocusableElement {
     validateStep(value?: number): void;
     validateSuggestions(value?: SuggestionsPropType): void;
     validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
-    validateTabIndex(value?: number): void;
     validateTouched(value?: boolean): void;
     validateValue(value?: number): void;
     componentWillLoad(): void;

package/dist/types/components/input-text/shadow.d.ts

@@ -1,28 +1,29 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AccessKeyPropType, AlertPropType, ButtonProps, FocusableElement, HideErrorPropType, IconsHorizontalPropType, IdPropType, InputTextAPI, InputTextStates, InputTextType, InputTypeOnDefault, InputTypeOnOff, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, SpellCheckPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { AccessKeyPropType, ButtonProps, FocusableElement, HideMsgPropType, IdPropType, InputTextAPI, InputTextStates, InputTextType, InputTypeOnDefault, InputTypeOnOff, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, SpellCheckPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 export declare class KolInputText implements InputTextAPI, FocusableElement {
     private readonly host?;
     private inputRef?;
     private oldValue?;
     private readonly catchRef;
+    private readonly onBlur;
     private readonly onChange;
+    private readonly onFocus;
     private readonly onInput;
     private readonly onKeyDown;
     getValue(): Promise<string | undefined>;
-    focus(): Promise<void>;
     kolFocus(): Promise<void>;
+    private getFormFieldProps;
+    private getInputProps;
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: AccessKeyPropType;
-    _alert?: boolean;
     _autoComplete?: InputTypeOnOff;
     _disabled?: boolean;
-    _error?: string;
     _hasCounter?: boolean;
-    _hideError?: boolean;
+    _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
-    _icons?: IconsHorizontalPropType;
+    _icons?: Stringified<KoliBriHorizontalIcons>;
     _id?: IdPropType;
     _label: LabelWithExpertSlotPropType;
     _maxLength?: number;
@@ -38,7 +39,6 @@ export declare class KolInputText implements InputTextAPI, FocusableElement {
     _suggestions?: SuggestionsPropType;
     _smartButton?: Stringified<ButtonProps>;
     _syncValueBySelector?: SyncValueBySelectorPropType;
-    _tabIndex?: number;
     _tooltipAlign?: TooltipAlignPropType;
     _touched?: boolean;
     _type?: InputTextType;
@@ -48,15 +48,13 @@ export declare class KolInputText implements InputTextAPI, FocusableElement {
     constructor();
     private showAsAlert;
     validateAccessKey(value?: AccessKeyPropType): void;
-    validateAlert(value?: AlertPropType): void;
     validateAutoComplete(value?: InputTypeOnOff): void;
     validateDisabled(value?: boolean): void;
-    validateError(value?: string): void;
     validateHasCounter(value?: boolean): void;
-    validateHideError(value?: HideErrorPropType): void;
+    validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
-    validateIcons(value?: IconsHorizontalPropType): void;
+    validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;
     validateId(value?: string): void;
     validateLabel(value?: LabelWithExpertSlotPropType): void;
     validateMaxLength(value?: number): void;
@@ -72,7 +70,6 @@ export declare class KolInputText implements InputTextAPI, FocusableElement {
     validateSuggestions(value?: SuggestionsPropType): void;
     validateSmartButton(value?: ButtonProps | string): void;
     validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
-    validateTabIndex(value?: number): void;
     validateTouched(value?: boolean): void;
     validateType(value?: InputTextType): void;
     validateValue(value?: string): void;

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

@@ -1,6 +1,7 @@
-import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaExpandedPropType, AriaOwnsPropType, DisabledPropType, DownloadPropType, FocusableElement, HrefPropType, KoliBriIconsProp, LabelWithExpertSlotPropType, LinkAPI, LinkOnCallbacksPropType, LinkStates, LinkTargetPropType, ShortKeyPropType, Stringified, TooltipAlignPropType } from '../../schema';
+import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaExpandedPropType, AriaOwnsPropType, ButtonVariantPropType, CustomClassPropType, DisabledPropType, DownloadPropType, FocusableElement, HrefPropType, KoliBriIconsProp, LabelWithExpertSlotPropType, LinkAPI, LinkOnCallbacksPropType, LinkStates, LinkTargetPropType, ShortKeyPropType, Stringified, TooltipAlignPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
 export declare class KolLinkWc implements LinkAPI, FocusableElement {
+    private readonly host?;
     private anchorRef?;
     private unsubscribeOnLocationChange?;
     private readonly internalDescriptionById;
@@ -14,6 +15,7 @@ export declare class KolLinkWc implements LinkAPI, FocusableElement {
     _ariaDescription?: AriaDescriptionPropType;
     _ariaExpanded?: boolean;
     _ariaOwns?: AriaOwnsPropType;
+    _customClass?: CustomClassPropType;
     _disabled?: boolean;
     _download?: DownloadPropType;
     _hideLabel?: boolean;
@@ -26,12 +28,14 @@ export declare class KolLinkWc implements LinkAPI, FocusableElement {
     _tabIndex?: number;
     _target?: LinkTargetPropType;
     _tooltipAlign?: TooltipAlignPropType;
+    _variant?: ButtonVariantPropType;
     state: LinkStates;
     validateAccessKey(value?: AccessKeyPropType): void;
     validateAriaCurrentValue(value?: AriaCurrentValuePropType): void;
     validateAriaDescription(value?: AriaDescriptionPropType): void;
     validateAriaExpanded(value?: AriaExpandedPropType): void;
     validateAriaOwns(value?: AriaOwnsPropType): void;
+    validateCustomClass(value?: CustomClassPropType): void;
     validateDisabled(value?: DisabledPropType): void;
     validateDownload(value?: DownloadPropType): void;
     validateHideLabel(value?: boolean): void;
@@ -44,6 +48,7 @@ export declare class KolLinkWc implements LinkAPI, FocusableElement {
     validateTabIndex(value?: number): void;
     validateTarget(value?: LinkTargetPropType): void;
     validateTooltipAlign(value?: TooltipAlignPropType): void;
+    validateVariant(value?: ButtonVariantPropType): void;
     componentWillLoad(): void;
     disconnectedCallback(): void;
 }

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

@@ -3,7 +3,6 @@ import type { JSX } from '../../stencil-public-runtime';
 export declare class KolLink implements LinkProps, FocusableElement {
     private linkWcRef?;
     private readonly catchRef;
-    focus(): Promise<void>;
     kolFocus(): Promise<void>;
     render(): JSX.Element;
     _accessKey?: AccessKeyPropType;
@@ -18,7 +17,6 @@ export declare class KolLink implements LinkProps, FocusableElement {
     _on?: LinkOnCallbacksPropType;
     _role?: AlternativeButtonLinkRolePropType;
     _shortKey?: ShortKeyPropType;
-    _tabIndex?: number;
     _target?: LinkTargetPropType;
     _tooltipAlign?: TooltipAlignPropType;
 }

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

@@ -3,7 +3,6 @@ import type { JSX } from '../../stencil-public-runtime';
 export declare class KolLinkButton implements LinkButtonProps, FocusableElement {
     private linkWcRef?;
     private readonly catchRef;
-    focus(): Promise<void>;
     kolFocus(): Promise<void>;
     render(): JSX.Element;
     _accessKey?: AccessKeyPropType;
@@ -19,7 +18,6 @@ export declare class KolLinkButton implements LinkButtonProps, FocusableElement
     _on?: LinkOnCallbacksPropType;
     _role?: AlternativeButtonLinkRolePropType;
     _shortKey?: ShortKeyPropType;
-    _tabIndex?: number;
     _target?: LinkTargetPropType;
     _tooltipAlign?: TooltipAlignPropType;
     _variant?: ButtonVariantPropType;

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

@@ -1,21 +1,23 @@
 import type { KoliBriModalEventCallbacks, LabelPropType, ModalAPI, ModalStates } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
+import type { ModalVariantPropType } from '../../schema/props/variant/modal';
 export declare class KolModal implements ModalAPI {
+    private readonly host?;
     private refDialog?;
-    componentDidRender(): void;
     disconnectedCallback(): void;
     private handleNativeCloseEvent;
     openModal(): Promise<void>;
     closeModal(): Promise<void>;
+    private readonly on;
     render(): JSX.Element;
-    _activeElement?: HTMLElement | null;
     _label: LabelPropType;
     _on?: KoliBriModalEventCallbacks;
     _width?: string;
+    _variant?: ModalVariantPropType;
     state: ModalStates;
-    validateActiveElement(value?: HTMLElement | null): void;
     validateLabel(value?: LabelPropType): void;
     validateOn(value?: KoliBriModalEventCallbacks): void;
     validateWidth(value?: string): void;
+    validateVariant(value?: ModalVariantPropType): void;
     componentWillLoad(): void;
 }

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

@@ -1,6 +1,7 @@
 import type { CustomClassPropType, KoliBriPaginationButtonCallbacks, LabelPropType, MaxPropType, PaginationAPI, PaginationHasButton, PaginationStates, Stringified, TooltipAlignPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
 export declare class KolPagination implements PaginationAPI {
+    private readonly host?;
     private readonly nonce;
     private readonly calcCount;
     private readonly getCount;

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

@@ -0,0 +1,40 @@
+import type { JSX } from '../../stencil-public-runtime';
+import type { PopoverButtonProps, PopoverButtonStates } from '../../schema/components/popover-button';
+import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaDescriptionPropType, ButtonCallbacksPropType, ButtonTypePropType, ButtonVariantPropType, CustomClassPropType, IconsPropType, LabelWithExpertSlotPropType, PopoverAlignPropType, ShortKeyPropType, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+export declare class KolPopoverButton implements PopoverButtonProps {
+    private refButton?;
+    private refPopover?;
+    state: PopoverButtonStates;
+    private justClosed;
+    hidePopover(): Promise<void>;
+    private handleBeforeToggle;
+    private handleToggle;
+    private handleButtonClick;
+    componentDidRender(): void;
+    disconnectedCallback(): void;
+    render(): JSX.Element;
+    _accessKey?: AccessKeyPropType;
+    _ariaControls?: string;
+    _ariaDescription?: AriaDescriptionPropType;
+    _ariaExpanded?: boolean;
+    _ariaSelected?: boolean;
+    _customClass?: CustomClassPropType;
+    _disabled?: boolean;
+    _hideLabel?: boolean;
+    _icons?: IconsPropType;
+    _id?: string;
+    _label: LabelWithExpertSlotPropType;
+    _name?: string;
+    _on?: ButtonCallbacksPropType<StencilUnknown>;
+    _popoverAlign?: PopoverAlignPropType;
+    _role?: AlternativeButtonLinkRolePropType;
+    _shortKey?: ShortKeyPropType;
+    _syncValueBySelector?: SyncValueBySelectorPropType;
+    _tabIndex?: number;
+    _tooltipAlign?: TooltipAlignPropType;
+    _type?: ButtonTypePropType;
+    _value?: Stringified<StencilUnknown>;
+    _variant?: ButtonVariantPropType;
+    validatePopoverAlign(value?: PopoverAlignPropType): void;
+    componentWillLoad(): void;
+}

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

@@ -1,16 +1,9 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { PopoverButtonProps, PopoverButtonStates } from '../../schema/components/popover-button';
+import type { PopoverButtonProps } from '../../schema/components/popover-button';
 import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaDescriptionPropType, ButtonCallbacksPropType, ButtonTypePropType, ButtonVariantPropType, CustomClassPropType, IconsPropType, LabelWithExpertSlotPropType, PopoverAlignPropType, ShortKeyPropType, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 export declare class KolPopoverButton implements PopoverButtonProps {
-    private refButton?;
-    private refPopover?;
-    state: PopoverButtonStates;
-    private justClosed;
-    private handleBeforeToggle;
-    private handleToggle;
-    private handleButtonClick;
-    componentDidRender(): void;
-    disconnectedCallback(): void;
+    private ref?;
+    hidePopover(): Promise<void>;
     render(): JSX.Element;
     _accessKey?: AccessKeyPropType;
     _ariaControls?: string;
@@ -34,6 +27,4 @@ export declare class KolPopoverButton implements PopoverButtonProps {
     _type?: ButtonTypePropType;
     _value?: Stringified<StencilUnknown>;
     _variant?: ButtonVariantPropType;
-    validatePopoverAlign(value?: PopoverAlignPropType): void;
-    componentWillLoad(): void;
 }

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

@@ -1,30 +1,28 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { FocusableElement, HideErrorPropType, IconsHorizontalPropType, IdPropType, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, NamePropType, OptionsWithOptgroupPropType, RowsPropType, SelectAPI, SelectStates, ShortKeyPropType, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType, W3CInputValue } from '../../schema';
+import type { FocusableElement, HideMsgPropType, IdPropType, InputTypeOnDefault, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, OptionsWithOptgroupPropType, RowsPropType, SelectAPI, SelectStates, ShortKeyPropType, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType, W3CInputValue } 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>;
     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?: IconsHorizontalPropType;
+    _icons?: Stringified<KoliBriHorizontalIcons>;
     _id?: IdPropType;
     _label: LabelWithExpertSlotPropType;
     _msg?: Stringified<MsgPropType>;
     _multiple?: boolean;
     _name?: NamePropType;
     _on?: InputTypeOnDefault;
-    _options: OptionsWithOptgroupPropType;
+    _options?: OptionsWithOptgroupPropType;
     _required?: boolean;
     _shortKey?: ShortKeyPropType;
     _rows?: RowsPropType;
@@ -38,13 +36,11 @@ export declare class KolSelect implements SelectAPI, FocusableElement {
     constructor();
     private showAsAlert;
     validateAccessKey(value?: string): void;
-    validateAlert(value?: boolean): void;
     validateDisabled(value?: boolean): void;
-    validateError(value?: string): void;
-    validateHideError(value?: HideErrorPropType): void;
+    validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
-    validateIcons(value?: IconsHorizontalPropType): void;
+    validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;
     validateId(value?: string): void;
     validateLabel(value?: LabelWithExpertSlotPropType): void;
     validateMsg(value?: Stringified<MsgPropType>): void;

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

@@ -1,5 +1,5 @@
+import type { HideMsgPropType, IdPropType, InputTypeOnDefault, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, OptionsPropType, ShortKeyPropType, SingleSelectAPI, SingleSelectStates, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
-import type { HideErrorPropType, IconsHorizontalPropType, IdPropType, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, NamePropType, OptionsPropType, ShortKeyPropType, SingleSelectAPI, SingleSelectStates, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 export declare class KolSingleSelect implements SingleSelectAPI {
     private readonly host?;
     private refInput?;
@@ -19,24 +19,25 @@ export declare class KolSingleSelect implements SingleSelectAPI {
     private moveFocus;
     private focusOption;
     private focusSuggestionStartingWith;
+    private getFormFieldProps;
+    private getInputProps;
     render(): JSX.Element;
     handleFocusOut(): void;
     handleWindowBlur(): void;
     handleKeyDown(event: KeyboardEvent): void;
     private readonly controller;
     private _isOpen;
-    private _hasOpened;
     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?: IconsHorizontalPropType;
+    _icons?: Stringified<KoliBriHorizontalIcons>;
     _id?: IdPropType;
     _label: LabelWithExpertSlotPropType;
     _msg?: Stringified<MsgPropType>;
@@ -46,7 +47,6 @@ export declare class KolSingleSelect implements SingleSelectAPI {
     _required?: boolean;
     _shortKey?: ShortKeyPropType;
     _syncValueBySelector?: SyncValueBySelectorPropType;
-    _tabIndex?: number;
     _tooltipAlign?: TooltipAlignPropType;
     _touched?: boolean;
     _value?: StencilUnknown;
@@ -57,12 +57,11 @@ export declare class KolSingleSelect implements SingleSelectAPI {
     private showAsAlert;
     validatePlaceholder(value?: string): void;
     validateAccessKey(value?: string): void;
-    validateAlert(value?: boolean): void;
     validateDisabled(value?: boolean): void;
-    validateHideError(value?: HideErrorPropType): void;
+    validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
-    validateIcons(value?: IconsHorizontalPropType): void;
+    validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;
     validateId(value?: string): void;
     validateLabel(value?: LabelWithExpertSlotPropType): void;
     validateMsg(value?: Stringified<MsgPropType>): void;
@@ -72,7 +71,6 @@ export declare class KolSingleSelect implements SingleSelectAPI {
     validateRequired(value?: boolean): void;
     validateShortKey(value?: ShortKeyPropType): void;
     validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
-    validateTabIndex(value?: number): void;
     validateTouched(value?: boolean): void;
     validateValue(value?: StencilUnknown): void;
     validateHideClearButton(value?: boolean): void;
@@ -80,4 +78,5 @@ export declare class KolSingleSelect implements SingleSelectAPI {
     private updateInputValue;
     componentWillLoad(): void;
     private onChange;
+    private onClick;
 }

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

@@ -20,7 +20,6 @@ export declare class KolSplitButton implements SplitButtonProps {
     _on?: ButtonCallbacksPropType<StencilUnknown>;
     _role?: AlternativeButtonLinkRolePropType;
     _syncValueBySelector?: SyncValueBySelectorPropType;
-    _tabIndex?: number;
     _tooltipAlign?: TooltipAlignPropType;
     _type?: ButtonTypePropType;
     _value?: Stringified<StencilUnknown>;

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

@@ -1,39 +1,39 @@
-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 { 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;
     state: TableStates;
     validateAllowMultiSort(value?: boolean): void;
     validateData(value?: TableDataPropType): void;
     validateDataFoot(value?: TableDataFootPropType): void;
     validatePaginationPosition(value?: PaginationPositionPropType): void;
-    private setSortDirection;
     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,5 +1,7 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { LabelPropType, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatelessAPI, TableStatelessStates } from '../../schema';
+import type { 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?;
     state: TableStatelessStates;
@@ -14,19 +16,22 @@ export declare class KolTableStateless implements TableStatelessAPI {
     _dataFoot?: TableDataFootPropType;
     _headerCells: TableHeaderCellsPropType;
     _label: string;
-    _minWidth?: string;
+    _minWidth: MinWidthPropType;
     _on?: TableCallbacksPropType;
     _selection?: TableSelectionPropType;
+    _tableSettings?: TableSettingsPropType;
     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;
@@ -36,11 +41,22 @@ export declare class KolTableStateless implements TableStatelessAPI {
     private getNumberOfRows;
     private getThePrimaryHeadersWithKeysIfExists;
     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;

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

@@ -1,12 +1,15 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableStatelessProps, TableCallbacksPropType, TableSelectionPropType } from '../../schema';
+import type { 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;
     render(): JSX.Element;
 }

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

@@ -0,0 +1,18 @@
+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;
+    _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;
+}