@public-ui/components 4.0.0-alpha.9 → 4.0.0-beta.1

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

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

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

@@ -1,15 +1,11 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { DisabledPropType, FocusableElement, HideLabelPropType, HideMsgPropType, HintPropType, IconsHorizontalPropType, IdPropType, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, MultiplePropType, NamePropType, OptionsWithOptgroupPropType, RequiredPropType, RowsPropType, SelectAPI, SelectStates, ShortKeyPropType, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
-export declare class KolSelect implements SelectAPI, FocusableElement {
-    private readonly host?;
-    private selectRef?;
+import type { FocusableElement, IconsHorizontalPropType, IdPropType, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, NamePropType, OptionsWithOptgroupPropType, RowsPropType, SelectProps, ShortKeyPropType, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+export declare class KolSelect implements SelectProps, FocusableElement {
+    private selectWcRef?;
     private readonly catchRef;
     getValue(): Promise<StencilUnknown[] | StencilUnknown>;
-    kolFocus(): Promise<void>;
-    private getFormFieldProps;
-    private getSelectProps;
+    focus(): Promise<void | undefined>;
     render(): JSX.Element;
-    private readonly controller;
     _accessKey?: string;
     _disabled?: boolean;
     _hideMsg?: boolean;
@@ -31,31 +27,4 @@ export declare class KolSelect implements SelectAPI, FocusableElement {
     _tooltipAlign?: TooltipAlignPropType;
     _touched?: boolean;
     _value?: Stringified<StencilUnknown[]> | Stringified<StencilUnknown>;
-    state: SelectStates;
-    private inputHasFocus;
-    constructor();
-    private showAsAlert;
-    validateAccessKey(value?: string): void;
-    validateDisabled(value?: DisabledPropType): void;
-    validateHideMsg(value?: HideMsgPropType): void;
-    validateHideLabel(value?: HideLabelPropType): void;
-    validateHint(value?: HintPropType): void;
-    validateIcons(value?: IconsHorizontalPropType): void;
-    validateId(value?: string): void;
-    validateLabel(value?: LabelWithExpertSlotPropType): void;
-    validateMsg(value?: Stringified<MsgPropType>): void;
-    validateMultiple(value?: MultiplePropType): void;
-    validateName(value?: string): void;
-    validateOn(value?: InputTypeOnDefault): void;
-    validateOptions(value?: OptionsWithOptgroupPropType): void;
-    validateRequired(value?: RequiredPropType): void;
-    validateRows(value?: RowsPropType): void;
-    validateShortKey(value?: ShortKeyPropType): void;
-    validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
-    validateTabIndex(value?: number): void;
-    validateTouched(value?: boolean): void;
-    validateValue(value?: Stringified<StencilUnknown[]> | Stringified<StencilUnknown>): void;
-    componentWillLoad(): void;
-    private onInput;
-    private onChange;
 }

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

@@ -11,7 +11,7 @@ export declare class SingleSelectController extends InputIconController implemen
     validateRequired(value?: RequiredPropType): void;
     validateValue(value: StencilUnknown): void;
     validatePlaceholder(value?: PlaceholderPropType): void;
-    validateHideClearButton(value?: boolean): void;
+    validateHasClearButton(value?: boolean): void;
     validateRows(value?: number): void;
     componentWillLoad(): void;
 }

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

@@ -8,7 +8,7 @@ export declare class KolSingleSelect implements SingleSelectAPI {
     private readonly translateNoResultsMessage;
     private oldValue?;
     getValue(): Promise<StencilUnknown>;
-    kolFocus(): Promise<void>;
+    focus(): Promise<void | undefined>;
     private readonly catchRef;
     private toggleListbox;
     private onBlur;
@@ -52,7 +52,7 @@ export declare class KolSingleSelect implements SingleSelectAPI {
     _tooltipAlign?: TooltipAlignPropType;
     _touched?: boolean;
     _value: StencilUnknown;
-    _hideClearButton?: boolean;
+    _hasClearButton?: boolean;
     _rows?: RowsPropType;
     state: SingleSelectStates;
     private inputHasFocus;
@@ -76,7 +76,7 @@ export declare class KolSingleSelect implements SingleSelectAPI {
     validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
     validateTouched(value?: boolean): void;
     validateValue(value: StencilUnknown): void;
-    validateHideClearButton(value?: boolean): void;
+    validateHasClearButton(value?: boolean): void;
     validateRows(value?: number): void;
     handleMouseEvent(): void;
     private updateInputValue;

package/dist/types/components/skip-nav/shadow.d.ts

@@ -3,6 +3,7 @@ import type { JSX } from '../../stencil-public-runtime';
 export declare class KolSkipNav implements SkipNavAPI {
     private firstLinkRef?;
     render(): JSX.Element;
+    focus(): Promise<void | undefined>;
     _label: LabelPropType;
     _links: Stringified<LinkProps[]>;
     state: SkipNavStates;
@@ -10,5 +11,4 @@ export declare class KolSkipNav implements SkipNavAPI {
     validateLinks(value?: Stringified<LinkProps[]>): void;
     componentWillLoad(): void;
     disconnectedCallback(): void;
-    kolFocus(): Promise<void>;
 }

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

@@ -4,7 +4,7 @@ export declare class KolSplitButton implements SplitButtonProps {
     private primaryButtonWcRef?;
     private readonly catchPrimaryRef;
     getValue(): Promise<StencilUnknown>;
-    kolFocus(): Promise<void>;
+    focus(): Promise<void | undefined>;
     private readonly clickButtonHandler;
     private readonly clickToggleHandler;
     private readonly toggleDropdown;

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

@@ -1,7 +1,6 @@
 import type { JSX } from '../../stencil-public-runtime';
 import type { HasSettingsMenuPropType, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, LabelPropType, PaginationPositionPropType, Stringified, TableAPI, TableDataFootPropType, TableDataPropType, TableSelectionPropType, TableStatefulCallbacksPropType, TableStates } from '../../schema';
 import type { MinWidthPropType } from '../../schema/props/min-width';
-import type { TableSettingsPropType } from '../../schema/props/table-settings';
 export declare class KolTableStateful implements TableAPI {
     private readonly host?;
     private tableWcRef?;
@@ -21,7 +20,6 @@ export declare class KolTableStateful implements TableAPI {
     _paginationPosition?: PaginationPositionPropType;
     _selection?: TableSelectionPropType;
     _on?: TableStatefulCallbacksPropType;
-    _tableSettings?: TableSettingsPropType;
     _hasSettingsMenu?: HasSettingsMenuPropType;
     state: TableStates;
     validateAllowMultiSort(value?: boolean): void;
@@ -35,7 +33,6 @@ 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,7 +1,6 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { HasSettingsMenuPropType, LabelPropType, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableSettings, TableStatelessAPI, TableStatelessStates } from '../../schema';
+import type { HasSettingsMenuPropType, KoliBriTableHeaderCell, LabelPropType, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatelessAPI, TableStatelessStates } from '../../schema';
 import type { MinWidthPropType } from '../../schema/props/min-width';
-import type { TableSettingsPropType } from '../../schema/props/table-settings';
 export declare class KolTableStateless implements TableStatelessAPI {
     private readonly host?;
     private readonly translateNoEntries;
@@ -23,7 +22,6 @@ export declare class KolTableStateless implements TableStatelessAPI {
     _minWidth: MinWidthPropType;
     _on?: TableCallbacksPropType;
     _selection?: TableSelectionPropType;
-    _tableSettings?: TableSettingsPropType;
     _hasSettingsMenu?: HasSettingsMenuPropType;
     validateHasSettingsMenu(value?: HasSettingsMenuPropType): void;
     validateData(value?: TableDataPropType): void;
@@ -33,12 +31,10 @@ export declare class KolTableStateless implements TableStatelessAPI {
     validateMinWidth(value?: MinWidthPropType): void;
     validateOn(value?: TableCallbacksPropType): void;
     validateSelection(value?: TableSelectionPropType): void;
-    validateTableSettings(value?: TableSettingsPropType): void;
-    private normalizeTableSettings;
     handleKeyDown(event: KeyboardEvent): void;
     componentDidRender(): void;
     componentDidLoad(): void;
-    handleSettingsChange(event: CustomEvent<TableSettings>): void;
+    handleSettingsChange(event: CustomEvent<KoliBriTableHeaderCell[][]>): void;
     disconnectedCallback(): void;
     private checkDivElementScrollbar;
     private updateDataToKeyMap;
@@ -48,15 +44,12 @@ export declare class KolTableStateless implements TableStatelessAPI {
     private getNumberOfRows;
     private getThePrimaryHeadersWithKeyOrRenderFunction;
     private getPrimaryHeaders;
-    private getColumnPositionMap;
-    private sortByColumnPosition;
     private createDataField;
     private handleSelectionChangeCallbackAndEvent;
-    private initializeTableSettings;
+    private initializeHeaderCellSettings;
     componentWillLoad(): void;
     private renderSelectionCell;
     private readonly renderTableRow;
-    private getColumnSettings;
     private readonly renderTableCell;
     private getSelectionKeyPropertyName;
     private getDataWithSelectionEnabled;

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

@@ -0,0 +1 @@
+export declare const parseColumnWidth: (width?: string, defaultWidth?: number) => number;

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

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

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

@@ -1,19 +1,21 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { TableSettingsPropType } from '../../schema/props/table-settings';
+import type { KoliBriTableHeaderCell } from '../../schema';
 export declare class KolTableSettings {
     private readonly host?;
-    tableSettings: TableSettingsPropType;
+    headerCells: KoliBriTableHeaderCell[][];
+    editingHeaderCells: KoliBriTableHeaderCell[][];
     errorMessage: string | null;
     private readonly translateTableSettings;
     private readonly translateTableSettingsCancel;
     private readonly translateTableSettingsApply;
     private readonly translateErrorAllInvisible;
     private readonly translateColumnNotHidable;
-    _tableSettings: TableSettingsPropType;
-    handleTableSettingsChange(newValue: TableSettingsPropType): void;
+    _horizontalHeaderCells: KoliBriTableHeaderCell[][];
+    handleHeaderCellsChange(newValue: KoliBriTableHeaderCell[][]): void;
     componentWillLoad(): void;
     private popoverRef;
-    private normalizeColumns;
+    private getPrimaryRow;
+    private updatePrimaryRow;
     private moveColumn;
     private handleVisibilityChange;
     private handleWidthChange;

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

@@ -5,7 +5,7 @@ export declare class KolTextarea implements TextareaAPI, FocusableElement {
     private textareaRef?;
     private readonly catchRef;
     getValue(): Promise<string | undefined>;
-    kolFocus(): Promise<void>;
+    focus(): Promise<void | undefined>;
     private getFormFieldProps;
     private getTextAreaProps;
     render(): JSX.Element;

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

@@ -1,7 +1,7 @@
 import type { JSX } from '../../stencil-public-runtime';
 import type { AlignPropType, BadgeTextPropType, IdPropType, LabelPropType, TooltipAPI, TooltipStates } from '../../schema';
 export declare class KolTooltipWc implements TooltipAPI {
-    private host;
+    private host?;
     private arrowElement?;
     private previousSibling?;
     private tooltipElement?;

package/dist/types/components/tree-item/component.d.ts

@@ -1,7 +1,7 @@
 import { type JSX } from '../../stencil-public-runtime';
 import type { ActivePropType, HrefPropType, LabelPropType, OpenPropType, TreeItemAPI, TreeItemStates } from '../../schema';
 export declare class KolTreeItemWc implements TreeItemAPI {
-    private linkElement;
+    private linkElement?;
     private groupId;
     private level?;
     host: HTMLElement;
@@ -19,7 +19,7 @@ export declare class KolTreeItemWc implements TreeItemAPI {
     private determineTreeItemDepth;
     private handleSlotchange;
     private checkForChildren;
-    focusLink(): Promise<void>;
+    focus(): Promise<void | undefined>;
     private handleExpandClick;
     expand(): Promise<void>;
     private handleCollapseClick;

package/dist/types/components/tree-item/shadow.d.ts

@@ -6,9 +6,9 @@ export declare class KolTreeItem implements TreeItemProps {
     _label: LabelPropType;
     _open?: OpenPropType;
     _href: HrefPropType;
-    focusLink(): Promise<void>;
-    expand(): Promise<void>;
-    collapse(): Promise<void>;
+    focus(): Promise<any>;
+    expand(): Promise<void | undefined>;
+    collapse(): Promise<void | undefined>;
     isOpen(): Promise<boolean>;
     render(): JSX.Element;
 }