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

package/dist/kolibri/table-settings-d708d477.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["validateTableCallbacks","component","value","watchValidator","Set","validateTableStatefulCallbacks","validateTableData","setStateHooks","emptyStringByArrayHandler","objectObjectHandler","parseJson","e","Array","isArray","every","data","setState","validateTableDataFoot","validateTableSelection","parseSerializedValue","undefined","validateObject","isObject","label","selectedKeys","objectValue","Callback","validateTableSettings"],"sources":["src/schema/props/table-callbacks.ts","src/schema/props/table-data.ts","src/schema/props/table-data-foot.ts","src/schema/props/table-selection.ts","src/schema/enums/callback.ts","src/schema/props/table-settings.ts"],"sourcesContent":["import type { Callback } from '../enums';\nimport type { EventValueOrEventCallback } from '../types/callbacks';\nimport { watchValidator } from '../utils';\n\nimport type { Generic } from 'adopted-style-sheets';\nimport type { KoliBriSortDirection, KoliBriTableDataType } from '../types';\n\n/* types */\nexport type SortEventPayload = {\n\tkey: string;\n\tcurrentSortDirection: KoliBriSortDirection;\n};\n\nexport type SelectionChangeEventPayload = string[] | string;\nexport type StatefulSelectionChangeEventPayload = KoliBriTableDataType[] | KoliBriTableDataType | null;\n\nexport type TableCallbacksPropType = {\n\t[Callback.onSort]?: EventValueOrEventCallback<MouseEvent, SortEventPayload>;\n\t[Callback.onSelectionChange]?: EventValueOrEventCallback<Event, SelectionChangeEventPayload>;\n};\nexport type TableStatefulCallbacksPropType = {\n\t[Callback.onSelectionChange]?: EventValueOrEventCallback<Event, StatefulSelectionChangeEventPayload>;\n};\n/**\n * Defines the callback functions for table events.\n */\nexport type PropTableCallbacks = {\n\ton: TableCallbacksPropType;\n};\n\nexport type StatefulPropTableCallbacks = {\n\ton: TableStatefulCallbacksPropType;\n};\n\n/* validator */\nexport const validateTableCallbacks = (component: Generic.Element.Component, value?: TableCallbacksPropType): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t`_on`,\n\t\t(value) => typeof value === 'object' && value !== null,\n\t\tnew Set(['TableCallbacksPropType {Events.onSort, Events.onSelectionChange}']),\n\t\tvalue,\n\t);\n};\n\nexport const validateTableStatefulCallbacks = (component: Generic.Element.Component, value?: TableStatefulCallbacksPropType): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t`_on`,\n\t\t(value) => typeof value === 'object' && value !== null,\n\t\tnew Set(['TableStatefulCallbacksPropType {Events.onSelectionChange}']),\n\t\tvalue,\n\t);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport type { SetStateHooks } from '../utils';\nimport { emptyStringByArrayHandler, objectObjectHandler, parseJson, setState } from '../utils';\nimport type { KoliBriTableDataType, Stringified } from '../types';\n\n/* types */\nexport type TableDataPropType = Stringified<KoliBriTableDataType[]>;\n\n/**\n * Defines the primary table data.\n */\nexport type PropTableData = {\n\tdata: TableDataPropType;\n};\n\n/* validator */\nexport const validateTableData = (component: Generic.Element.Component, value?: TableDataPropType, setStateHooks?: SetStateHooks): void => {\n\temptyStringByArrayHandler(value, () => {\n\t\tobjectObjectHandler(value, () => {\n\t\t\tif (typeof value === 'undefined') {\n\t\t\t\tvalue = [];\n\t\t\t}\n\t\t\ttry {\n\t\t\t\tvalue = parseJson<KoliBriTableDataType[]>(value);\n\t\t\t\t// eslint-disable-next-line no-empty\n\t\t\t} catch (e) {\n\t\t\t\t// value keeps the original data\n\t\t\t}\n\t\t\tif (Array.isArray(value) && value.every((data: KoliBriTableDataType) => typeof data === 'object' && data !== null)) {\n\t\t\t\tsetState(component, '_data', value, setStateHooks);\n\t\t\t}\n\t\t});\n\t});\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport type { SetStateHooks } from '../utils';\nimport { emptyStringByArrayHandler, objectObjectHandler, parseJson, setState } from '../utils';\nimport type { KoliBriTableDataType, Stringified } from '../types';\n\n/* types */\nexport type TableDataFootPropType = Stringified<KoliBriTableDataType[]>;\n\n/**\n * Defines the data for the table footer.\n */\nexport type PropTableDataFoot = {\n\tdataFoot: TableDataFootPropType;\n};\n\n/* validator */\nexport const validateTableDataFoot = (component: Generic.Element.Component, value?: TableDataFootPropType, setStateHooks?: SetStateHooks): void => {\n\temptyStringByArrayHandler(value, () => {\n\t\tobjectObjectHandler(value, () => {\n\t\t\tif (typeof value === 'undefined') {\n\t\t\t\tvalue = [];\n\t\t\t}\n\t\t\ttry {\n\t\t\t\tvalue = parseJson<KoliBriTableDataType[]>(value);\n\t\t\t\t// eslint-disable-next-line no-empty\n\t\t\t} catch (e) {\n\t\t\t\t// value keeps the original data\n\t\t\t}\n\t\t\tif (Array.isArray(value) && value.every((data: KoliBriTableDataType) => typeof data === 'object' && data !== null)) {\n\t\t\t\tsetState(component, '_dataFoot', value, setStateHooks);\n\t\t\t}\n\t\t});\n\t});\n};\n","import type { Generic } from 'adopted-style-sheets';\nimport type { KoliBriTableSelection, Stringified } from '../types';\nimport { parseJson, setState } from '../utils';\nimport { isObject } from '../validators';\n\n/* types */\nexport type TableSelectionPropType = Stringified<KoliBriTableSelection>;\n\n/**\n * Defines how rows can be selected and the current selection.\n */\nexport type PropTableSelection = {\n\tselection: TableSelectionPropType;\n};\n\n/* validator */\nexport const validateTableSelection = (component: Generic.Element.Component, value?: TableSelectionPropType): void => {\n\tconst parseSerializedValue = () => {\n\t\ttry {\n\t\t\treturn parseJson<KoliBriTableSelection>(value);\n\t\t} catch (e) {\n\t\t\treturn undefined;\n\t\t}\n\t};\n\n\tconst validateObject = (value?: KoliBriTableSelection) => {\n\t\treturn value && isObject(value) && typeof value.label === 'function' && (!value.selectedKeys || Array.isArray(value.selectedKeys));\n\t};\n\n\tconst objectValue = typeof value === 'string' ? parseSerializedValue() : value;\n\tif (validateObject(objectValue)) {\n\t\tsetState(component, '_selection', value);\n\t}\n};\n","export enum Callback {\n\tonBlur = 'onBlur',\n\tonChange = 'onChange',\n\tonChangePage = 'onChangePage',\n\tonClick = 'onClick',\n\tonClose = 'onClose',\n\tonDblClick = 'onDblClick',\n\tonFocus = 'onFocus',\n\tonInput = 'onInput',\n\tonKeyDown = 'onKeyDown',\n\tonKeyPress = 'onKeyPress',\n\tonKeyUp = 'onKeyUp',\n\tonMouseDown = 'onMouseDown',\n\tonMouseMove = 'onMouseMove',\n\tonMouseOut = 'onMouseOut',\n\tonMouseOver = 'onMouseOver',\n\tonMouseUp = 'onMouseUp',\n\tonReset = 'onReset',\n\tonSelect = 'onSelect',\n\tonSelectionChange = 'onSelectionChange',\n\tonChangePageSize = 'onChangePageSize',\n\tonSort = 'onSort',\n\tonSubmit = 'onSubmit',\n\tonToggle = 'onToggle',\n}\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchValidator } from '../utils';\nimport type { TableSettings } from '../types/table-settings';\n\n/* types */\nexport type TableSettingsPropType = TableSettings;\n\n/**\n * Defines the table settings including column visibility, order and width.\n */\nexport type PropTableSettings = {\n\ttableSettings: TableSettingsPropType;\n};\n\n/* validator */\nexport const validateTableSettings = (component: Generic.Element.Component, value?: TableSettingsPropType): void => {\n\twatchValidator(component, `_tableSettings`, (value) => typeof value === 'object' && value !== null, new Set(['TableSettings']), value);\n};\n"],"mappings":";;;6HAmCaA,EAAyB,CAACC,EAAsCC,KAC5EC,EACCF,EACA,OACCC,UAAiBA,IAAU,UAAYA,IAAU,MAClD,IAAIE,IAAI,CAAC,qEACTF,EACA,E,MAGWG,EAAiC,CAACJ,EAAsCC,KACpFC,EACCF,EACA,OACCC,UAAiBA,IAAU,UAAYA,IAAU,MAClD,IAAIE,IAAI,CAAC,8DACTF,EACA,E,MCnCWI,EAAoB,CAACL,EAAsCC,EAA2BK,KAClGC,EAA0BN,GAAO,KAChCO,EAAoBP,GAAO,KAC1B,UAAWA,IAAU,YAAa,CACjCA,EAAQ,E,CAET,IACCA,EAAQQ,EAAkCR,E,CAEzC,MAAOS,G,CAGT,GAAIC,MAAMC,QAAQX,IAAUA,EAAMY,OAAOC,UAAsCA,IAAS,UAAYA,IAAS,OAAO,CACnHC,EAASf,EAAW,QAASC,EAAOK,E,IAEpC,GACD,E,MChBUU,EAAwB,CAAChB,EAAsCC,EAA+BK,KAC1GC,EAA0BN,GAAO,KAChCO,EAAoBP,GAAO,KAC1B,UAAWA,IAAU,YAAa,CACjCA,EAAQ,E,CAET,IACCA,EAAQQ,EAAkCR,E,CAEzC,MAAOS,G,CAGT,GAAIC,MAAMC,QAAQX,IAAUA,EAAMY,OAAOC,UAAsCA,IAAS,UAAYA,IAAS,OAAO,CACnHC,EAASf,EAAW,YAAaC,EAAOK,E,IAExC,GACD,E,MCjBUW,EAAyB,CAACjB,EAAsCC,KAC5E,MAAMiB,EAAuB,KAC5B,IACC,OAAOT,EAAiCR,E,CACvC,MAAOS,GACR,OAAOS,S,GAIT,MAAMC,EAAkBnB,GAChBA,GAASoB,EAASpB,WAAiBA,EAAMqB,QAAU,cAAgBrB,EAAMsB,cAAgBZ,MAAMC,QAAQX,EAAMsB,eAGrH,MAAMC,SAAqBvB,IAAU,SAAWiB,IAAyBjB,EACzE,GAAImB,EAAeI,GAAc,CAChCT,EAASf,EAAW,aAAcC,E,OC/BxBwB,GAAZ,SAAYA,GACXA,EAAA,mBACAA,EAAA,uBACAA,EAAA,+BACAA,EAAA,qBACAA,EAAA,qBACAA,EAAA,2BACAA,EAAA,qBACAA,EAAA,qBACAA,EAAA,yBACAA,EAAA,2BACAA,EAAA,qBACAA,EAAA,6BACAA,EAAA,6BACAA,EAAA,2BACAA,EAAA,6BACAA,EAAA,yBACAA,EAAA,qBACAA,EAAA,uBACAA,EAAA,yCACAA,EAAA,uCACAA,EAAA,mBACAA,EAAA,uBACAA,EAAA,sBACA,EAxBD,CAAYA,MAAQ,K,MCgBPC,EAAwB,CAAC1B,EAAsCC,KAC3EC,EAAeF,EAAW,kBAAmBC,UAAiBA,IAAU,UAAYA,IAAU,MAAM,IAAIE,IAAI,CAAC,kBAAmBF,EAAM,S","ignoreList":[]}

package/dist/kolibri/test-component.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as s}from"./index-dd9ee649.js";const t=class{constructor(t){s(this,t)}};export{t as test_component};
+import{r as s}from"./index-ed1aff4f.js";const t=class{constructor(t){s(this,t)}};export{t as test_component};

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

@@ -24,6 +24,7 @@ export declare class KolCombobox implements ComboboxAPI {
     private blockSuggestionMouseOver;
     private _isOpen;
     private _filteredSuggestions?;
+    private _hasOpened;
     handleWindowClick(event: MouseEvent): void;
     _accessKey?: string;
     _placeholder?: string;

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,17 +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.d.ts

@@ -8,10 +8,12 @@ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { AccessKeyPropType, AccordionCallbacksPropType, AlertType, AlertVariant, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaOwnsPropType, BadgeTextPropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonProps, ButtonTypePropType, ButtonVariantPropType, CSSResize, CustomClassPropType, DetailsCallbacksPropType, DownloadPropType, ErrorListPropType, HeadingLevel, HeadingVariantPropType, HrefPropType, IconsPropType, IdPropType, ImageSourcePropType, InputCheckboxIconsProp, InputCheckboxVariant, InputDateType, InputTextType, InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriFormCallbacks, KoliBriHorizontalIcons, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriProgressVariantType, KoliBriQuoteVariant, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTabsCallbacks, LabelAlignPropType, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, Loading, MaxPropType, MsgPropType, NamePropType, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, Orientation, PaginationHasButton, PaginationPositionPropType, PopoverAlignPropType, PopoverCallbacksPropType, PropColor, RadioOptionsPropType, RowsPropType, ShortKeyPropType, SpellCheckPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabBehaviorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType, W3CInputValue } from "./schema";
 import { PasswordVariantPropType } from "./schema/props/variant/password-variant";
 import { ModalVariantPropType } from "./schema/props/variant/modal";
+import { TableSettingsPropType } from "./schema/props/table-settings";
 import { MinWidthPropType } from "./schema/props/min-width";
 export { AccessKeyPropType, AccordionCallbacksPropType, AlertType, AlertVariant, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaOwnsPropType, BadgeTextPropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonProps, ButtonTypePropType, ButtonVariantPropType, CSSResize, CustomClassPropType, DetailsCallbacksPropType, DownloadPropType, ErrorListPropType, HeadingLevel, HeadingVariantPropType, HrefPropType, IconsPropType, IdPropType, ImageSourcePropType, InputCheckboxIconsProp, InputCheckboxVariant, InputDateType, InputTextType, InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriFormCallbacks, KoliBriHorizontalIcons, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriProgressVariantType, KoliBriQuoteVariant, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTabsCallbacks, LabelAlignPropType, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, Loading, MaxPropType, MsgPropType, NamePropType, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, Orientation, PaginationHasButton, PaginationPositionPropType, PopoverAlignPropType, PopoverCallbacksPropType, PropColor, RadioOptionsPropType, RowsPropType, ShortKeyPropType, SpellCheckPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabBehaviorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType, W3CInputValue } from "./schema";
 export { PasswordVariantPropType } from "./schema/props/variant/password-variant";
 export { ModalVariantPropType } from "./schema/props/variant/modal";
+export { TableSettingsPropType } from "./schema/props/table-settings";
 export { MinWidthPropType } from "./schema/props/min-width";
 export namespace Components {
     interface KolAbbr {
@@ -2035,6 +2037,105 @@ export namespace Components {
           * Defines which variant should be used for presentation.
          */
         "_variant"?: ButtonVariantPropType;
+        /**
+          * Hides the popover programmatically by forwarding the call to the web component.
+         */
+        "hidePopover": () => Promise<void>;
+    }
+    interface KolPopoverButtonWc {
+        /**
+          * Defines which key combination can be used to trigger or focus the interactive element of the component.
+         */
+        "_accessKey"?: AccessKeyPropType;
+        /**
+          * Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
+         */
+        "_ariaControls"?: string;
+        /**
+          * Defines the value for the aria-description attribute.
+         */
+        "_ariaDescription"?: AriaDescriptionPropType;
+        /**
+          * Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)
+         */
+        "_ariaExpanded"?: boolean;
+        /**
+          * Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)
+         */
+        "_ariaSelected"?: boolean;
+        /**
+          * Defines the custom class attribute if _variant="custom" is set.
+         */
+        "_customClass"?: CustomClassPropType;
+        /**
+          * Makes the element not focusable and ignore all events.
+         */
+        "_disabled"?: 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.
+         */
+        "_hideLabel"?: boolean;
+        /**
+          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+         */
+        "_icons"?: IconsPropType;
+        /**
+          * Defines the internal ID of the primary component element.
+         */
+        "_id"?: string;
+        /**
+          * 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.
+         */
+        "_label": LabelWithExpertSlotPropType;
+        /**
+          * Defines the technical name of an input field.
+         */
+        "_name"?: string;
+        /**
+          * Defines the callback functions for button events.
+         */
+        "_on"?: ButtonCallbacksPropType<StencilUnknown>;
+        /**
+          * Defines where to show the Popover preferably: top, right, bottom or left.
+         */
+        "_popoverAlign"?: PopoverAlignPropType;
+        /**
+          * Defines the role of the components primary element.
+         */
+        "_role"?: AlternativeButtonLinkRolePropType;
+        /**
+          * Adds a visual short key hint to the component.
+         */
+        "_shortKey"?: ShortKeyPropType;
+        /**
+          * Selector for synchronizing the value with another input element.
+         */
+        "_syncValueBySelector"?: SyncValueBySelectorPropType;
+        /**
+          * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
+         */
+        "_tabIndex"?: number;
+        /**
+          * Defines where to show the Tooltip preferably: top, right, bottom or left.
+         */
+        "_tooltipAlign"?: TooltipAlignPropType;
+        /**
+          * Defines either the type of the component or of the components interactive element.
+         */
+        "_type"?: ButtonTypePropType;
+        /**
+          * Defines the value that the button emits on click.
+         */
+        "_value"?: Stringified<StencilUnknown>;
+        /**
+          * Defines which variant should be used for presentation.
+         */
+        "_variant"?: ButtonVariantPropType;
+        /**
+          * Hides the popover programmatically by calling the native hidePopover method.
+         */
+        "hidePopover": () => Promise<void>;
     }
     interface KolPopoverWc {
         /**
@@ -2366,6 +2467,9 @@ export namespace Components {
         "_variant"?: ButtonVariantPropType;
         "closePopup": () => Promise<void>;
     }
+    interface KolTableSettingsWc {
+        "_tableSettings": TableSettingsPropType;
+    }
     interface KolTableStateful {
         /**
           * Defines whether to allow multi sort.
@@ -2407,6 +2511,10 @@ export namespace Components {
           * Defines how rows can be selected and the current selection.
          */
         "_selection"?: TableSelectionPropType;
+        /**
+          * Defines the table settings including column visibility, order and width.
+         */
+        "_tableSettings"?: TableSettingsPropType;
         "getSelection": () => Promise<KoliBriTableDataType[] | KoliBriTableDataType | null>;
     }
     interface KolTableStateless {
@@ -2438,6 +2546,10 @@ export namespace Components {
           * Defines how rows can be selected and the current selection.
          */
         "_selection"?: TableSelectionPropType;
+        /**
+          * Defines the table settings including column visibility, order and width.
+         */
+        "_tableSettings"?: TableSettingsPropType;
     }
     interface KolTableStatelessWc {
         /**
@@ -2468,6 +2580,10 @@ export namespace Components {
           * Defines how rows can be selected and the current selection.
          */
         "_selection"?: TableSelectionPropType;
+        /**
+          * Defines the table settings including column visibility, order and width.
+         */
+        "_tableSettings"?: TableSettingsPropType;
     }
     interface KolTabs {
         /**
@@ -2930,6 +3046,12 @@ declare global {
         prototype: HTMLKolPopoverButtonElement;
         new (): HTMLKolPopoverButtonElement;
     };
+    interface HTMLKolPopoverButtonWcElement extends Components.KolPopoverButtonWc, HTMLStencilElement {
+    }
+    var HTMLKolPopoverButtonWcElement: {
+        prototype: HTMLKolPopoverButtonWcElement;
+        new (): HTMLKolPopoverButtonWcElement;
+    };
     interface HTMLKolPopoverWcElement extends Components.KolPopoverWc, HTMLStencilElement {
     }
     var HTMLKolPopoverWcElement: {
@@ -2978,6 +3100,12 @@ declare global {
         prototype: HTMLKolSplitButtonElement;
         new (): HTMLKolSplitButtonElement;
     };
+    interface HTMLKolTableSettingsWcElement extends Components.KolTableSettingsWc, HTMLStencilElement {
+    }
+    var HTMLKolTableSettingsWcElement: {
+        prototype: HTMLKolTableSettingsWcElement;
+        new (): HTMLKolTableSettingsWcElement;
+    };
     interface HTMLKolTableStatefulElement extends Components.KolTableStateful, HTMLStencilElement {
     }
     var HTMLKolTableStatefulElement: {
@@ -3100,6 +3228,7 @@ declare global {
         "kol-nav": HTMLKolNavElement;
         "kol-pagination": HTMLKolPaginationElement;
         "kol-popover-button": HTMLKolPopoverButtonElement;
+        "kol-popover-button-wc": HTMLKolPopoverButtonWcElement;
         "kol-popover-wc": HTMLKolPopoverWcElement;
         "kol-progress": HTMLKolProgressElement;
         "kol-quote": HTMLKolQuoteElement;
@@ -3108,6 +3237,7 @@ declare global {
         "kol-skip-nav": HTMLKolSkipNavElement;
         "kol-spin": HTMLKolSpinElement;
         "kol-split-button": HTMLKolSplitButtonElement;
+        "kol-table-settings-wc": HTMLKolTableSettingsWcElement;
         "kol-table-stateful": HTMLKolTableStatefulElement;
         "kol-table-stateless": HTMLKolTableStatelessElement;
         "kol-table-stateless-wc": HTMLKolTableStatelessWcElement;
@@ -5049,6 +5179,93 @@ declare namespace LocalJSX {
          */
         "_variant"?: ButtonVariantPropType;
     }
+    interface KolPopoverButtonWc {
+        /**
+          * Defines which key combination can be used to trigger or focus the interactive element of the component.
+         */
+        "_accessKey"?: AccessKeyPropType;
+        /**
+          * Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
+         */
+        "_ariaControls"?: string;
+        /**
+          * Defines the value for the aria-description attribute.
+         */
+        "_ariaDescription"?: AriaDescriptionPropType;
+        /**
+          * Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)
+         */
+        "_ariaExpanded"?: boolean;
+        /**
+          * Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)
+         */
+        "_ariaSelected"?: boolean;
+        /**
+          * Defines the custom class attribute if _variant="custom" is set.
+         */
+        "_customClass"?: CustomClassPropType;
+        /**
+          * Makes the element not focusable and ignore all events.
+         */
+        "_disabled"?: 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.
+         */
+        "_hideLabel"?: boolean;
+        /**
+          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+         */
+        "_icons"?: IconsPropType;
+        /**
+          * Defines the internal ID of the primary component element.
+         */
+        "_id"?: string;
+        /**
+          * 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.
+         */
+        "_label": LabelWithExpertSlotPropType;
+        /**
+          * Defines the technical name of an input field.
+         */
+        "_name"?: string;
+        /**
+          * Defines the callback functions for button events.
+         */
+        "_on"?: ButtonCallbacksPropType<StencilUnknown>;
+        /**
+          * Defines where to show the Popover preferably: top, right, bottom or left.
+         */
+        "_popoverAlign"?: PopoverAlignPropType;
+        /**
+          * Defines the role of the components primary element.
+         */
+        "_role"?: AlternativeButtonLinkRolePropType;
+        /**
+          * Adds a visual short key hint to the component.
+         */
+        "_shortKey"?: ShortKeyPropType;
+        /**
+          * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
+         */
+        "_tabIndex"?: number;
+        /**
+          * Defines where to show the Tooltip preferably: top, right, bottom or left.
+         */
+        "_tooltipAlign"?: TooltipAlignPropType;
+        /**
+          * Defines either the type of the component or of the components interactive element.
+         */
+        "_type"?: ButtonTypePropType;
+        /**
+          * Defines the value that the button emits on click.
+         */
+        "_value"?: Stringified<StencilUnknown>;
+        /**
+          * Defines which variant should be used for presentation.
+         */
+        "_variant"?: ButtonVariantPropType;
+    }
     interface KolPopoverWc {
         /**
           * Defines the alignment of the tooltip, popover or tabs in relation to the element.
@@ -5362,6 +5579,9 @@ declare namespace LocalJSX {
          */
         "_variant"?: ButtonVariantPropType;
     }
+    interface KolTableSettingsWc {
+        "_tableSettings"?: TableSettingsPropType;
+    }
     interface KolTableStateful {
         /**
           * Defines whether to allow multi sort.
@@ -5403,6 +5623,10 @@ declare namespace LocalJSX {
           * Defines how rows can be selected and the current selection.
          */
         "_selection"?: TableSelectionPropType;
+        /**
+          * Defines the table settings including column visibility, order and width.
+         */
+        "_tableSettings"?: TableSettingsPropType;
     }
     interface KolTableStateless {
         /**
@@ -5433,6 +5657,10 @@ declare namespace LocalJSX {
           * Defines how rows can be selected and the current selection.
          */
         "_selection"?: TableSelectionPropType;
+        /**
+          * Defines the table settings including column visibility, order and width.
+         */
+        "_tableSettings"?: TableSettingsPropType;
     }
     interface KolTableStatelessWc {
         /**
@@ -5463,6 +5691,10 @@ declare namespace LocalJSX {
           * Defines how rows can be selected and the current selection.
          */
         "_selection"?: TableSelectionPropType;
+        /**
+          * Defines the table settings including column visibility, order and width.
+         */
+        "_tableSettings"?: TableSettingsPropType;
     }
     interface KolTabs {
         /**
@@ -5720,6 +5952,7 @@ declare namespace LocalJSX {
         "kol-nav": KolNav;
         "kol-pagination": KolPagination;
         "kol-popover-button": KolPopoverButton;
+        "kol-popover-button-wc": KolPopoverButtonWc;
         "kol-popover-wc": KolPopoverWc;
         "kol-progress": KolProgress;
         "kol-quote": KolQuote;
@@ -5728,6 +5961,7 @@ declare namespace LocalJSX {
         "kol-skip-nav": KolSkipNav;
         "kol-spin": KolSpin;
         "kol-split-button": KolSplitButton;
+        "kol-table-settings-wc": KolTableSettingsWc;
         "kol-table-stateful": KolTableStateful;
         "kol-table-stateless": KolTableStateless;
         "kol-table-stateless-wc": KolTableStatelessWc;
@@ -5788,6 +6022,7 @@ declare module "@stencil/core" {
             "kol-nav": LocalJSX.KolNav & JSXBase.HTMLAttributes<HTMLKolNavElement>;
             "kol-pagination": LocalJSX.KolPagination & JSXBase.HTMLAttributes<HTMLKolPaginationElement>;
             "kol-popover-button": LocalJSX.KolPopoverButton & JSXBase.HTMLAttributes<HTMLKolPopoverButtonElement>;
+            "kol-popover-button-wc": LocalJSX.KolPopoverButtonWc & JSXBase.HTMLAttributes<HTMLKolPopoverButtonWcElement>;
             "kol-popover-wc": LocalJSX.KolPopoverWc & JSXBase.HTMLAttributes<HTMLKolPopoverWcElement>;
             "kol-progress": LocalJSX.KolProgress & JSXBase.HTMLAttributes<HTMLKolProgressElement>;
             "kol-quote": LocalJSX.KolQuote & JSXBase.HTMLAttributes<HTMLKolQuoteElement>;
@@ -5796,6 +6031,7 @@ declare module "@stencil/core" {
             "kol-skip-nav": LocalJSX.KolSkipNav & JSXBase.HTMLAttributes<HTMLKolSkipNavElement>;
             "kol-spin": LocalJSX.KolSpin & JSXBase.HTMLAttributes<HTMLKolSpinElement>;
             "kol-split-button": LocalJSX.KolSplitButton & JSXBase.HTMLAttributes<HTMLKolSplitButtonElement>;
+            "kol-table-settings-wc": LocalJSX.KolTableSettingsWc & JSXBase.HTMLAttributes<HTMLKolTableSettingsWcElement>;
             "kol-table-stateful": LocalJSX.KolTableStateful & JSXBase.HTMLAttributes<HTMLKolTableStatefulElement>;
             "kol-table-stateless": LocalJSX.KolTableStateless & JSXBase.HTMLAttributes<HTMLKolTableStatelessElement>;
             "kol-table-stateless-wc": LocalJSX.KolTableStatelessWc & JSXBase.HTMLAttributes<HTMLKolTableStatelessWcElement>;

package/dist/types/core/component-names.d.ts

@@ -37,6 +37,7 @@ export declare let KolNavTag: "kol-nav";
 export declare let KolPaginationTag: "kol-pagination";
 export declare let KolPopoverWcTag: "kol-popover-wc";
 export declare let KolPopoverButtonTag: "kol-popover-button";
+export declare let KolPopoverButtonWcTag: "kol-popover-button-wc";
 export declare let KolProgressTag: "kol-progress";
 export declare let KolQuoteTag: "kol-quote";
 export declare let KolSelectTag: "kol-select";
@@ -44,6 +45,7 @@ export declare let KolSingleSelectTag: "kol-single-select";
 export declare let KolSkipNavTag: "kol-skip-nav";
 export declare let KolSpinTag: "kol-spin";
 export declare let KolSplitButtonTag: "kol-split-button";
+export declare let KolTableSettingsWcTag: "kol-table-settings-wc";
 export declare let KolTableStatefulTag: string;
 export declare let KolTableStatelessTag: "kol-table-stateless";
 export declare let KolTableStatelessWcTag: "kol-table-stateless-wc";

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

@@ -40,6 +40,14 @@ declare const _default: {
     'table-selection-all': string;
     'table-selection-none': string;
     'table-selection-indeterminate': string;
+    'table-settings': string;
+    'table-settings-cancel': string;
+    'table-settings-apply': string;
+    'table-settings-show-column': string;
+    'table-settings-column-width': string;
+    'table-settings-move-up': string;
+    'table-settings-move-down': string;
+    'table-settings-error-all-invisible': string;
     dropdown: string;
     'nav-label-open': string;
     'nav-label-close': string;
@@ -50,5 +58,7 @@ declare const _default: {
     'delete-selection': string;
     'filename-text': string;
     'data-browse-text': string;
+    'pagination-position-top': string;
+    'pagination-position-bottom': string;
 };
 export default _default;