@public-ui/components 3.0.0-0edf6aa20a9ac9faa46ebe0e45a8c62841b05164.0 → 3.0.0-37e952f54ae220a836264edf844556a2c45116ea.0

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

@@ -1,21 +1,13 @@
 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;
     _ariaDescription?: AriaDescriptionPropType;
-    _ariaExpanded?: boolean;
     _ariaSelected?: boolean;
     _customClass?: CustomClassPropType;
     _disabled?: boolean;
@@ -34,6 +26,4 @@ export declare class KolPopoverButton implements PopoverButtonProps {
     _type?: ButtonTypePropType;
     _value?: Stringified<StencilUnknown>;
     _variant?: ButtonVariantPropType;
-    validatePopoverAlign(value?: PopoverAlignPropType): void;
-    componentWillLoad(): void;
 }

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

@@ -1,6 +1,6 @@
 import type { KoliBriProgressVariantType, LabelPropType, ProgressAPI, ProgressStates } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
-export declare class KolProcess implements ProgressAPI {
+export declare class KolProgress implements ProgressAPI {
     private interval?;
     render(): JSX.Element;
     _label?: LabelPropType;

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

@@ -1,5 +1,5 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { FocusableElement, HideMsgPropType, IdPropType, InputTypeOnDefault, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, OptionsWithOptgroupPropType, RowsPropType, SelectAPI, SelectStates, ShortKeyPropType, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType, W3CInputValue } from '../../schema';
+import type { FocusableElement, HideMsgPropType, IdPropType, InputTypeOnDefault, IconsHorizontalPropType, 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?;
@@ -15,14 +15,14 @@ export declare class KolSelect implements SelectAPI, FocusableElement {
     _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
-    _icons?: Stringified<KoliBriHorizontalIcons>;
+    _icons?: IconsHorizontalPropType;
     _id?: IdPropType;
     _label: LabelWithExpertSlotPropType;
     _msg?: Stringified<MsgPropType>;
     _multiple?: boolean;
     _name?: NamePropType;
     _on?: InputTypeOnDefault;
-    _options?: OptionsWithOptgroupPropType;
+    _options: OptionsWithOptgroupPropType;
     _required?: boolean;
     _shortKey?: ShortKeyPropType;
     _rows?: RowsPropType;
@@ -40,7 +40,7 @@ export declare class KolSelect implements SelectAPI, FocusableElement {
     validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
-    validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;
+    validateIcons(value?: IconsHorizontalPropType): void;
     validateId(value?: string): void;
     validateLabel(value?: LabelWithExpertSlotPropType): void;
     validateMsg(value?: Stringified<MsgPropType>): void;

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

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

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

@@ -1,11 +1,11 @@
-import type { HideMsgPropType, IdPropType, InputTypeOnDefault, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, OptionsPropType, ShortKeyPropType, SingleSelectAPI, SingleSelectStates, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
+import type { HideMsgPropType, IconsHorizontalPropType, IdPropType, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, NamePropType, OptionsPropType, RowsPropType, ShortKeyPropType, SingleSelectAPI, SingleSelectStates, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 export declare class KolSingleSelect implements SingleSelectAPI {
     private readonly host?;
     private refInput?;
     private refOptions;
     private oldValue?;
-    getValue(): Promise<string | undefined>;
+    getValue(): Promise<StencilUnknown | undefined>;
     kolFocus(): Promise<void>;
     private readonly catchRef;
     private toggleListbox;
@@ -30,13 +30,14 @@ export declare class KolSingleSelect implements SingleSelectAPI {
     private _filteredOptions?;
     private _inputValue;
     private blockSuggestionMouseOver;
+    private _hasOpened;
     _accessKey?: string;
     _placeholder?: string;
     _disabled?: boolean;
     _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
-    _icons?: Stringified<KoliBriHorizontalIcons>;
+    _icons?: IconsHorizontalPropType;
     _id?: IdPropType;
     _label: LabelWithExpertSlotPropType;
     _msg?: Stringified<MsgPropType>;
@@ -46,10 +47,11 @@ export declare class KolSingleSelect implements SingleSelectAPI {
     _required?: boolean;
     _shortKey?: ShortKeyPropType;
     _syncValueBySelector?: SyncValueBySelectorPropType;
-    _tabIndex?: number;
     _tooltipAlign?: TooltipAlignPropType;
     _touched?: boolean;
-    _value?: string;
+    _value?: StencilUnknown;
+    _hideClearButton?: boolean;
+    _rows?: RowsPropType;
     state: SingleSelectStates;
     private inputHasFocus;
     constructor();
@@ -60,7 +62,7 @@ export declare class KolSingleSelect implements SingleSelectAPI {
     validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
-    validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;
+    validateIcons(value?: IconsHorizontalPropType): void;
     validateId(value?: string): void;
     validateLabel(value?: LabelWithExpertSlotPropType): void;
     validateMsg(value?: Stringified<MsgPropType>): void;
@@ -70,9 +72,10 @@ 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?: string): void;
+    validateValue(value?: StencilUnknown): void;
+    validateHideClearButton(value?: boolean): void;
+    validateRows(value?: number): void;
     handleMouseEvent(): void;
     private updateInputValue;
     componentWillLoad(): void;

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,6 +1,7 @@
 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?;
@@ -20,6 +21,7 @@ export declare class KolTableStateful implements TableAPI {
     _paginationPosition?: PaginationPositionPropType;
     _selection?: TableSelectionPropType;
     _on?: TableStatefulCallbacksPropType;
+    _tableSettings?: TableSettingsPropType;
     state: TableStates;
     validateAllowMultiSort(value?: boolean): void;
     validateData(value?: TableDataPropType): void;
@@ -31,6 +33,7 @@ export declare class KolTableStateful implements TableAPI {
     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,6 +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;
@@ -11,6 +12,7 @@ export declare class KolTableStateless implements TableStatelessAPI {
     private dataToKeyMap;
     private checkboxRefs;
     private tableDivElementHasScrollbar;
+    private previousHeaderCells?;
     _data: TableDataPropType;
     _dataFoot?: TableDataFootPropType;
     _headerCells: TableHeaderCellsPropType;
@@ -18,6 +20,7 @@ export declare class KolTableStateless implements TableStatelessAPI {
     _minWidth: MinWidthPropType;
     _on?: TableCallbacksPropType;
     _selection?: TableSelectionPropType;
+    _tableSettings?: TableSettingsPropType;
     validateData(value?: TableDataPropType): void;
     validateDataFoot(value?: TableDataFootPropType): void;
     validateHeaderCells(value?: TableHeaderCellsPropType): void;
@@ -25,9 +28,11 @@ export declare class KolTableStateless implements TableStatelessAPI {
     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;
@@ -37,12 +42,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,6 +1,7 @@
 import type { JSX } from '../../stencil-public-runtime';
 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;
@@ -9,5 +10,6 @@ export declare class KolTableStateless implements TableStatelessProps {
     _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;
+}

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

@@ -38,7 +38,8 @@ export declare class KolTabs implements TabsAPI {
     validateSelected(value?: number): void;
     validateTabs(value?: Stringified<TabButtonProps[]>): void;
     componentWillLoad(): void;
-    private readonly handleTabPanels;
+    private refreshTabPanels;
+    private updateVisiblePanel;
     componentDidRender(): void;
     private focusTabById;
     private onSelect;

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

@@ -1,5 +1,5 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AdjustHeightPropType, CSSResize, FocusableElement, HasCounterPropType, HideMsgPropType, IdPropType, InputTypeOnDefault, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, RowsPropType, ShortKeyPropType, SpellCheckPropType, Stringified, SyncValueBySelectorPropType, TextareaAPI, TextareaStates, TooltipAlignPropType } from '../../schema';
+import type { AdjustHeightPropType, CSSResize, FocusableElement, HasCounterPropType, HideMsgPropType, IconsHorizontalPropType, IdPropType, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, NamePropType, RowsPropType, ShortKeyPropType, SpellCheckPropType, Stringified, SyncValueBySelectorPropType, TextareaAPI, TextareaStates, TooltipAlignPropType } from '../../schema';
 export declare class KolTextarea implements TextareaAPI, FocusableElement {
     private readonly host?;
     private textareaRef?;
@@ -17,7 +17,7 @@ export declare class KolTextarea implements TextareaAPI, FocusableElement {
     _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
-    _icons?: KoliBriHorizontalIcons;
+    _icons?: IconsHorizontalPropType;
     _id?: IdPropType;
     _label: LabelWithExpertSlotPropType;
     _maxLength?: number;
@@ -32,7 +32,6 @@ export declare class KolTextarea implements TextareaAPI, FocusableElement {
     _shortKey?: ShortKeyPropType;
     _spellCheck?: SpellCheckPropType;
     _syncValueBySelector?: SyncValueBySelectorPropType;
-    _tabIndex?: number;
     _tooltipAlign?: TooltipAlignPropType;
     _touched?: boolean;
     _value?: string;
@@ -47,7 +46,7 @@ export declare class KolTextarea implements TextareaAPI, FocusableElement {
     validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
-    validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;
+    validateIcons(value?: IconsHorizontalPropType): void;
     validateId(value?: string): void;
     validateLabel(value?: LabelWithExpertSlotPropType): void;
     validateMaxLength(value?: number): void;
@@ -62,7 +61,6 @@ export declare class KolTextarea implements TextareaAPI, FocusableElement {
     validateShortKey(value?: ShortKeyPropType): void;
     validateSpellCheck(value?: SpellCheckPropType): void;
     validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
-    validateTabIndex(value?: number): void;
     validateTouched(value?: boolean): void;
     validateValue(value?: string): void;
     componentDidLoad(): void;