@public-ui/components 3.0.0-rc.6 → 3.0.0-rc.8

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

@@ -2,15 +2,21 @@ import type { ButtonProps, FocusableElement, HideMsgPropType, IdPropType, InputC
 import type { JSX } from '../../stencil-public-runtime';
 export declare class KolInputColor implements InputColorAPI, FocusableElement {
     private readonly host?;
-    private inputRef?;
+    private refInputText?;
+    private refInputColor?;
     private readonly catchRef;
+    private readonly catchColorRef;
     private readonly onBlur;
     private readonly onFocus;
-    private readonly onInput;
+    private readonly onColorInput;
+    private readonly onTextInput;
     getValue(): Promise<string | undefined>;
     kolFocus(): Promise<void>;
+    private get hasSuggestions();
     private getFormFieldProps;
-    private getInputProps;
+    private getInputColorProps;
+    private getInputTextProps;
+    private getGenericInputProps;
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: string;
@@ -54,5 +60,6 @@ export declare class KolInputColor implements InputColorAPI, FocusableElement {
     validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
     validateTouched(value?: boolean): void;
     validateValue(value?: string): void;
+    componentDidLoad(): void;
     componentWillLoad(): void;
 }

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

@@ -1,5 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { InputRadioProps, InputRadioWatches, RadioOption, OptionsPropType, Orientation, PropLabelWithExpertSlot, SelectOption, StencilUnknown, Stringified, W3CInputValue } from '../../schema';
+import type { InputRadioProps, InputRadioWatches, OptionsPropType, Orientation, PropLabelWithExpertSlot, RadioOption, SelectOption, StencilUnknown, Stringified, W3CInputValue } from '../../schema';
 import { InputController } from '../@deprecated/input/controller';
 export declare const fillKeyOptionMap: <T>(keyOptionMap: Map<string, RadioOption<T>>, options: SelectOption<T>[], preKey?: string) => void;
 type RequiredProps = PropLabelWithExpertSlot;

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/single-select/shadow.d.ts

@@ -30,6 +30,7 @@ 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

@@ -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;
@@ -18,6 +19,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 +27,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 +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,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;