@public-ui/components 2.0.14 → 2.0.15

package/dist/kolibri/kolibri.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["../../node_modules/.pnpm/@stencil+core@4.15.0/node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.15.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    const scriptElm = BUILD.scriptDataOpts\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    if (importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    return promiseResolve(opts);\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":";;;wKAKA,MAAMA,EAAe,KAajB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACnBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACrD,CACI,OAAOC,EAAeJ,EAAK,ECnB/BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAcC,KAAAC,MAAA,y14BAAuCJ,EAAA"}
+{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["../../node_modules/.pnpm/@stencil+core@4.17.1/node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.17.1 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":";;;wKAOA,IAAIA,EAAe,KAUjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EClB7BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAcC,KAAAC,MAAA,gs6BAAuCJ,EAAA"}

package/dist/kolibri/{toaster-521ae465.js → toaster-12097d83.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{s as i,K as s}from"./component-names-61247f2f.js";import{_ as t}from"./index-fbc0a5be.js";import{i as o}from"./i18n-0c047df5.js";let e=!1;const n=async(n,s,a)=>{var r,l;o(null!==(l=null===(r=null==a?void 0:a.translation)||void 0===r?void 0:r.name)&&void 0!==l?l:"de",null==a?void 0:a.translations),(null==a?void 0:a.transformTagName)&&i(null==a?void 0:a.transformTagName);const d=await t(n,s,a);return e=!0,d},r=n,l=()=>e;class d{constructor(t,e){this.document=t,this.options=e,this.toastContainerElement=this.document.createElement(s),this.document.body.prepend(this.toastContainerElement)}static getInstance(t,e){if(!l())throw new Error("Toaster: Call KoliBri bootstrap/register method first.");let n=this.instances.get(t);return n||(n=new d(t,e),this.instances.set(t,n)),n}dispose(){const t=this.toastContainerElement;t?(this.toastContainerElement=void 0,t.remove()):console.warn("Toaster service is already disposed.")}enqueue(t){var e,n;if(this.toastContainerElement&&"function"==typeof this.toastContainerElement.enqueue)return!t.alertVariant&&(null===(e=this.options)||void 0===e?void 0:e.defaultAlertVariant)&&(t.alertVariant=null===(n=this.options)||void 0===n?void 0:n.defaultAlertVariant),this.toastContainerElement.enqueue(t)}closeAll(){this.toastContainerElement&&"function"==typeof this.toastContainerElement.closeAll&&this.toastContainerElement.closeAll()}}d.instances=new Map;export{d as T,n as b,r};
+import{s as i,K as s}from"./component-names-ed22f86e.js";import{_ as t}from"./index-44da6e7f.js";import{i as o}from"./i18n-0c047df5.js";let e=!1;const n=async(n,s,a)=>{var r,l;o(null!==(l=null===(r=null==a?void 0:a.translation)||void 0===r?void 0:r.name)&&void 0!==l?l:"de",null==a?void 0:a.translations),(null==a?void 0:a.transformTagName)&&i(null==a?void 0:a.transformTagName);const d=await t(n,s,a);return e=!0,d},r=n,l=()=>e;class d{constructor(t,e){this.document=t,this.options=e,this.toastContainerElement=this.document.createElement(s),this.document.body.prepend(this.toastContainerElement)}static getInstance(t,e){if(!l())throw new Error("Toaster: Call KoliBri bootstrap/register method first.");let n=this.instances.get(t);return n||(n=new d(t,e),this.instances.set(t,n)),n}dispose(){const t=this.toastContainerElement;t?(this.toastContainerElement=void 0,t.remove()):console.warn("Toaster service is already disposed.")}enqueue(t){var e,n;if(this.toastContainerElement&&"function"==typeof this.toastContainerElement.enqueue)return!t.alertVariant&&(null===(e=this.options)||void 0===e?void 0:e.defaultAlertVariant)&&(t.alertVariant=null===(n=this.options)||void 0===n?void 0:n.defaultAlertVariant),this.toastContainerElement.enqueue(t)}closeAll(){this.toastContainerElement&&"function"==typeof this.toastContainerElement.closeAll&&this.toastContainerElement.closeAll()}}d.instances=new Map;export{d as T,n as b,r};

package/dist/kolibri/{toaster-fd35e14e.js → toaster-4eb33f18.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{T as o}from"./toaster-521ae465.js";import"./component-names-61247f2f.js";import"./index-fbc0a5be.js";import"./i18n-0c047df5.js";var i,t;const e=o.getInstance(document);e.enqueue({description:"Toasty",label:"Initial Toast",type:"warning"});let n=0;null===(i=document.getElementById("oneToast"))||void 0===i||i.addEventListener("kol-click",(()=>{e.enqueue({description:"Toasty "+ ++n,label:"Label",type:"warning"})})),null===(t=document.getElementById("manyToast"))||void 0===t||t.addEventListener("kol-click",(()=>{for(let t=0;t<5;t++)e.enqueue({description:"Toasty "+ ++n,label:"Label",type:"warning"})}));
+import{T as o}from"./toaster-12097d83.js";import"./component-names-ed22f86e.js";import"./index-44da6e7f.js";import"./i18n-0c047df5.js";var i,t;const e=o.getInstance(document);e.enqueue({description:"Toasty",label:"Initial Toast",type:"warning"});let n=0;null===(i=document.getElementById("oneToast"))||void 0===i||i.addEventListener("kol-click",(()=>{e.enqueue({description:"Toasty "+ ++n,label:"Label",type:"warning"})})),null===(t=document.getElementById("manyToast"))||void 0===t||t.addEventListener("kol-click",(()=>{for(let t=0;t<5;t++)e.enqueue({description:"Toasty "+ ++n,label:"Label",type:"warning"})}));

package/dist/kolibri/{validation-ffb20598.js → validation-61bf6538.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{w as e,m as r}from"./index-fbc0a5be.js";const t=(t,a)=>{e(t,"_level",(e=>"number"==typeof e&&r.includes(e)),new Set([`Number {${r.join(", ")}`]),a,{defaultValue:1,required:!0})};export{t as w};
+import{w as e,m as r}from"./index-44da6e7f.js";const t=(t,a)=>{e(t,"_level",(e=>"number"==typeof e&&r.includes(e)),new Set([`Number {${r.join(", ")}`]),a,{defaultValue:1,required:!0})};export{t as w};

package/dist/kolibri/{validation-ed139130.js → validation-daa38230.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{u as t,x as o}from"./index-fbc0a5be.js";const s=(s,e,n)=>{t(e,"_links",(t=>"object"==typeof t&&("string"==typeof t._href||"string"==typeof t._label)),n),o(s,e.state._links.length)};export{s as w};
+import{u as t,x as o}from"./index-44da6e7f.js";const s=(s,e,n)=>{t(e,"_links",(t=>"object"==typeof t&&("string"==typeof t._href||"string"==typeof t._label)),n),o(s,e.state._links.length)};export{s as w};

package/dist/types/components/@deprecated/input/controller.d.ts

@@ -1,5 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { AdjustHeightPropType, ButtonProps, HideErrorPropType, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType } from '@public-ui/schema';
+import type { AdjustHeightPropType, ButtonProps, HideErrorPropType, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, TooltipAlignPropType } from '@public-ui/schema';
 import { ControlledInputController } from '../../input-adapter-leanup/controller';
 import type { Props as AdapterProps } from '../../input-adapter-leanup/types';
 import type { Props, Watches } from './types';
@@ -11,6 +11,7 @@ export declare class InputController extends ControlledInputController implement
     validateAccessKey(value?: string): void;
     validateAdjustHeight(value?: AdjustHeightPropType): void;
     validateDisabled(value?: boolean): void;
+    validateTooltipAlign(value?: TooltipAlignPropType): void;
     validateError(value?: string): void;
     validateHideError(value?: HideErrorPropType): void;
     validateHideLabel(value?: boolean): void;

package/dist/types/components/input/test/html.mock.d.ts

@@ -0,0 +1,2 @@
+import type { InputProps } from '@public-ui/schema';
+export declare const getInputHtml: (props: InputProps) => string;

package/dist/types/components/input-checkbox/test/html.mock.d.ts

@@ -0,0 +1,2 @@
+import type { InputCheckboxProps } from '@public-ui/schema';
+export declare const getInputCheckboxHtml: (props: InputCheckboxProps) => string;

package/dist/types/components/input-color/test/html.mock.d.ts

@@ -0,0 +1,2 @@
+import type { InputColorProps } from '@public-ui/schema';
+export declare const getInputColorHtml: (props: InputColorProps) => string;

package/dist/types/components/input-date/test/html.mock.d.ts

@@ -0,0 +1,2 @@
+import type { InputDateProps } from '@public-ui/schema';
+export declare const getInputDateHtml: (props: InputDateProps) => string;

package/dist/types/components/input-email/test/html.mock.d.ts

@@ -0,0 +1,2 @@
+import type { InputEmailProps } from '@public-ui/schema';
+export declare const getInputEmailHtml: (props: InputEmailProps) => string;

package/dist/types/components/input-file/test/html.mock.d.ts

@@ -0,0 +1,2 @@
+import type { InputFileProps } from '@public-ui/schema';
+export declare const getInputFileHtml: (props: InputFileProps) => string;

package/dist/types/components/input-number/test/html.mock.d.ts

@@ -0,0 +1,2 @@
+import type { InputNumberProps } from '@public-ui/schema';
+export declare const getInputNumberHtml: (props: InputNumberProps) => string;

package/dist/types/components/input-password/test/html.mock.d.ts

@@ -0,0 +1,2 @@
+import type { InputPasswordProps } from '@public-ui/schema';
+export declare const getInputPasswordHtml: (props: InputPasswordProps) => string;

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

@@ -30,6 +30,7 @@ export declare class KolInputRadio implements InputRadioAPI {
     state: InputRadioStates;
     constructor();
     validateAccessKey(value?: string): void;
+    validateTooltipAlign(value?: TooltipAlignPropType): void;
     validateAlert(value?: boolean): void;
     validateDisabled(value?: boolean): void;
     validateError(value?: string): void;

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

@@ -2,10 +2,10 @@ import type { Generic } from 'adopted-style-sheets';
 import type { InputRadioProps, InputRadioWatches, Option, OptionsPropType, Orientation, PropLabelWithExpertSlot, SelectOption, StencilUnknown, Stringified, W3CInputValue } from '@public-ui/schema';
 import { InputController } from '../@deprecated/input/controller';
 export declare const fillKeyOptionMap: <T>(keyOptionMap: Map<string, Option<T>>, options: SelectOption<T>[], preKey?: string) => void;
-type RequiredProps = NonNullable<unknown>;
+type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
     required: boolean;
-} & PropLabelWithExpertSlot;
+};
 type InputCheckboxRadioProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 type InputCheckboxRadioWatches = Generic.Element.Watchers<RequiredProps, OptionalProps>;
 export declare class InputCheckboxRadioController extends InputController implements InputCheckboxRadioWatches {

package/dist/types/components/input-radio/test/html.mock.d.ts

@@ -0,0 +1,2 @@
+import type { InputRadioProps } from '@public-ui/schema';
+export declare const getInputRadioHtml: (props: InputRadioProps) => string;

package/dist/types/components/input-range/test/html.mock.d.ts

@@ -0,0 +1,2 @@
+import type { InputRangeProps } from '@public-ui/schema';
+export declare const getInpuRangeHtml: (props: InputRangeProps) => string;

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

@@ -1,10 +1,10 @@
 import type { InputTextProps, InputTextType, InputTextWatches, PropLabelWithExpertSlot, PropSuggestions, SuggestionsPropType } from '@public-ui/schema';
 import { InputPasswordController } from '../input-password/controller';
 import type { Generic } from 'adopted-style-sheets';
-type RequiredProps = NonNullable<unknown>;
+type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
     id: string;
-} & PropLabelWithExpertSlot & PropSuggestions;
+} & PropSuggestions;
 type InputTextEmailProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 type InputTextEmailWatches = Generic.Element.Watchers<RequiredProps, OptionalProps>;
 export declare class InputTextEmailController extends InputPasswordController implements InputTextEmailWatches {

package/dist/types/components/input-text/test/html.mock.d.ts

@@ -0,0 +1,2 @@
+import type { InputTextProps } from '@public-ui/schema';
+export declare const getInpuTextHtml: (props: InputTextProps) => string;

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

@@ -1,18 +1,6 @@
+import type { KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, PaginationPositionPropType, Stringified, TableProps } from '@public-ui/schema';
 import type { JSX } from '../../stencil-public-runtime';
-import type { KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, LabelPropType, PaginationPositionPropType, Stringified, TableAPI, TableStates } from '@public-ui/schema';
-export declare class KolTable implements TableAPI {
-    private horizontal;
-    private sortFunction?;
-    private sortDirections;
-    private sortData;
-    private showPagination;
-    private pageStartSlice;
-    private pageEndSlice;
-    private disableSort;
-    private tableDivElement?;
-    private tableDivElementResizeObserver?;
-    private tableDivElementHasScrollbar;
-    private sortedColumnHead;
+export declare class KolTable implements TableProps {
     _allowMultiSort?: boolean;
     _data: Stringified<KoliBriTableDataType[]>;
     _dataFoot?: Stringified<KoliBriTableDataType[]>;
@@ -21,34 +9,5 @@ export declare class KolTable implements TableAPI {
     _minWidth?: string;
     _pagination?: boolean | Stringified<KoliBriTablePaginationProps>;
     _paginationPosition?: PaginationPositionPropType;
-    state: TableStates;
-    validateAllowMultiSort(value?: boolean): void;
-    validateData(value?: Stringified<KoliBriTableDataType[]>): void;
-    validateDataFoot(value?: Stringified<KoliBriTableDataType[]>): void;
-    validatePaginationPosition(value?: PaginationPositionPropType): void;
-    private setSortDirection;
-    private changeCellSort;
-    validateHeaders(value?: Stringified<KoliBriTableHeaders>): void;
-    validateLabel(value?: LabelPropType): void;
-    validateMinWidth(value?: string): void;
-    private readonly handlePagination;
-    validatePagination(value?: boolean | Stringified<KoliBriTablePaginationProps>): void;
-    componentDidRender(): void;
-    componentDidLoad(): void;
-    disconnectedCallback(): void;
-    private checkDivElementScrollbar;
-    componentWillLoad(): void;
-    private getNumberOfCols;
-    private getNumberOfRows;
-    private filterHeaderKeys;
-    private getPrimaryHeader;
-    private createDataField;
-    private selectDisplayedData;
-    private cellRender;
-    private updateSortedData;
-    private readonly renderTableRow;
-    private readonly renderTableCell;
-    private readonly renderFoot;
-    private renderPagination;
     render(): JSX.Element;
 }

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

@@ -0,0 +1,39 @@
+import type { KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, LabelPropType, PaginationPositionPropType, Stringified, TableAPI, TableDataFootPropType, TableDataPropType, TableStates } from '@public-ui/schema';
+import type { JSX } from '../../stencil-public-runtime';
+export declare class KolTableStateful implements TableAPI {
+    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;
+    _pagination?: boolean | Stringified<KoliBriTablePaginationProps>;
+    _paginationPosition?: PaginationPositionPropType;
+    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;
+    private readonly handlePagination;
+    validatePagination(value?: boolean | Stringified<KoliBriTablePaginationProps>): void;
+    componentWillLoad(): void;
+    private selectDisplayedData;
+    private updateSortedData;
+    private renderPagination;
+    private getHeaderCellSortState;
+    private handleSort;
+    render(): JSX.Element;
+}

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

@@ -0,0 +1,38 @@
+import type { JSX } from '../../stencil-public-runtime';
+import type { LabelPropType, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableStatelessAPI, TableStatelessStates } from '@public-ui/schema';
+export declare class KolTableStateless implements TableStatelessAPI {
+    state: TableStatelessStates;
+    private tableDivElement?;
+    private tableDivElementResizeObserver?;
+    private horizontal;
+    private cellsToRenderTimeouts;
+    private tableDivElementHasScrollbar;
+    _data: TableDataPropType;
+    _dataFoot?: TableDataFootPropType;
+    _headerCells: TableHeaderCellsPropType;
+    _label: string;
+    _minWidth?: string;
+    _on?: TableCallbacksPropType;
+    validateData(value?: TableDataPropType): void;
+    validateDataFoot(value?: TableDataFootPropType): void;
+    validateHeaderCells(value?: TableHeaderCellsPropType): void;
+    validateLabel(value?: LabelPropType): void;
+    validateMinWidth(value?: string): void;
+    validateOn(value?: TableCallbacksPropType): void;
+    componentDidRender(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private checkDivElementScrollbar;
+    private cellRender;
+    private getNumberOfCols;
+    private getNumberOfRows;
+    private filterHeaderKeys;
+    private getPrimaryHeader;
+    private createDataField;
+    componentWillLoad(): void;
+    private readonly renderTableRow;
+    private readonly renderTableCell;
+    private renderHeadingCell;
+    private renderFoot;
+    render(): JSX.Element;
+}

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

@@ -0,0 +1,11 @@
+import type { JSX } from '../../stencil-public-runtime';
+import type { TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableStatelessProps, TableCallbacksPropType } from '@public-ui/schema';
+export declare class KolTableStateless implements TableStatelessProps {
+    _data: TableDataPropType;
+    _dataFoot?: TableDataFootPropType;
+    _headerCells: TableHeaderCellsPropType;
+    _label: string;
+    _minWidth?: string;
+    _on?: TableCallbacksPropType;
+    render(): JSX.Element;
+}

package/dist/types/components.d.ts

@@ -5,9 +5,9 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { AccessKeyPropType, AlertType, AlertVariant, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonProps, ButtonTypePropType, ButtonVariantPropType, CSSResize, CustomClassPropType, DownloadPropType, ErrorListPropType, EventCallbacks, HeadingLevel, HeadingVariantPropType, HrefPropType, IconsPropType, IdPropType, ImageSourcePropType, InputCheckboxIconsProp, InputCheckboxVariant, InputDateType, InputTextType, InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriAccordionCallbacks, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriFormCallbacks, KoliBriHorizontalIcons, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriProgressVariantType, KoliBriQuoteVariant, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTabsCallbacks, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, ListStyleType, Loading, MaxPropType, MsgPropType, NamePropType, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, Orientation, PaginationHasButton, PaginationPositionPropType, PropColor, RowsPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabButtonProps, Toast, ToastState, TooltipAlignPropType, W3CInputValue } from "@public-ui/schema";
+import { AccessKeyPropType, AlertType, AlertVariant, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonProps, ButtonTypePropType, ButtonVariantPropType, CSSResize, CustomClassPropType, DownloadPropType, ErrorListPropType, EventCallbacks, HeadingLevel, HeadingVariantPropType, HrefPropType, IconsPropType, IdPropType, ImageSourcePropType, InputCheckboxIconsProp, InputCheckboxVariant, InputDateType, InputTextType, InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriAccordionCallbacks, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriFormCallbacks, KoliBriHorizontalIcons, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriProgressVariantType, KoliBriQuoteVariant, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTabsCallbacks, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, ListStyleType, Loading, MaxPropType, MsgPropType, NamePropType, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, Orientation, PaginationHasButton, PaginationPositionPropType, PropColor, RowsPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, Toast, ToastState, TooltipAlignPropType, W3CInputValue } from "@public-ui/schema";
 import { Bundesamt, Bundesanstalt, Bundesministerium } from "./enums/bund";
-export { AccessKeyPropType, AlertType, AlertVariant, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonProps, ButtonTypePropType, ButtonVariantPropType, CSSResize, CustomClassPropType, DownloadPropType, ErrorListPropType, EventCallbacks, HeadingLevel, HeadingVariantPropType, HrefPropType, IconsPropType, IdPropType, ImageSourcePropType, InputCheckboxIconsProp, InputCheckboxVariant, InputDateType, InputTextType, InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriAccordionCallbacks, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriFormCallbacks, KoliBriHorizontalIcons, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriProgressVariantType, KoliBriQuoteVariant, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTabsCallbacks, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, ListStyleType, Loading, MaxPropType, MsgPropType, NamePropType, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, Orientation, PaginationHasButton, PaginationPositionPropType, PropColor, RowsPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabButtonProps, Toast, ToastState, TooltipAlignPropType, W3CInputValue } from "@public-ui/schema";
+export { AccessKeyPropType, AlertType, AlertVariant, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonProps, ButtonTypePropType, ButtonVariantPropType, CSSResize, CustomClassPropType, DownloadPropType, ErrorListPropType, EventCallbacks, HeadingLevel, HeadingVariantPropType, HrefPropType, IconsPropType, IdPropType, ImageSourcePropType, InputCheckboxIconsProp, InputCheckboxVariant, InputDateType, InputTextType, InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriAccordionCallbacks, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriFormCallbacks, KoliBriHorizontalIcons, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriProgressVariantType, KoliBriQuoteVariant, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTabsCallbacks, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, ListStyleType, Loading, MaxPropType, MsgPropType, NamePropType, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, Orientation, PaginationHasButton, PaginationPositionPropType, PropColor, RowsPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, Toast, ToastState, TooltipAlignPropType, W3CInputValue } from "@public-ui/schema";
 export { Bundesamt, Bundesanstalt, Bundesministerium } from "./enums/bund";
 export namespace Components {
     interface KolAbbr {
@@ -2282,6 +2282,9 @@ export namespace Components {
          */
         "_symbol": string;
     }
+    /**
+     * @deprecated Use KolTableStateful instead.
+     */
     interface KolTable {
         /**
           * Defines whether to allow multi sort.
@@ -2316,6 +2319,92 @@ export namespace Components {
          */
         "_paginationPosition"?: PaginationPositionPropType;
     }
+    interface KolTableStateful {
+        /**
+          * Defines whether to allow multi sort.
+         */
+        "_allowMultiSort"?: boolean;
+        /**
+          * Defines the primary table data.
+         */
+        "_data": Stringified<KoliBriTableDataType[]>;
+        /**
+          * Defines the data for the table footer.
+         */
+        "_dataFoot"?: Stringified<KoliBriTableDataType[]>;
+        /**
+          * Defines the horizontal and vertical table headers.
+         */
+        "_headers": Stringified<KoliBriTableHeaders>;
+        /**
+          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
+         */
+        "_label": string;
+        /**
+          * Defines the table min-width.
+         */
+        "_minWidth"?: string;
+        /**
+          * Defines whether to show the data distributed over multiple pages.
+         */
+        "_pagination"?: boolean | Stringified<KoliBriTablePaginationProps>;
+        /**
+          * Controls the position of the pagination.
+         */
+        "_paginationPosition"?: PaginationPositionPropType;
+    }
+    interface KolTableStateless {
+        /**
+          * Defines the primary table data.
+         */
+        "_data": TableDataPropType;
+        /**
+          * Defines the data for the table footer.
+         */
+        "_dataFoot"?: TableDataFootPropType;
+        /**
+          * Defines the horizontal and vertical table headers.
+         */
+        "_headerCells": TableHeaderCellsPropType;
+        /**
+          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
+         */
+        "_label": string;
+        /**
+          * Defines the table min-width.
+         */
+        "_minWidth"?: string;
+        /**
+          * Defines the callback functions for table events.
+         */
+        "_on"?: TableCallbacksPropType;
+    }
+    interface KolTableStatelessWc {
+        /**
+          * Defines the primary table data.
+         */
+        "_data": TableDataPropType;
+        /**
+          * Defines the data for the table footer.
+         */
+        "_dataFoot"?: TableDataFootPropType;
+        /**
+          * Defines the horizontal and vertical table headers.
+         */
+        "_headerCells": TableHeaderCellsPropType;
+        /**
+          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
+         */
+        "_label": string;
+        /**
+          * Defines the table min-width.
+         */
+        "_minWidth"?: string;
+        /**
+          * Defines the callback functions for table events.
+         */
+        "_on"?: TableCallbacksPropType;
+    }
     interface KolTabs {
         /**
           * Defines the position of the tab captions.
@@ -2842,12 +2931,33 @@ declare global {
         prototype: HTMLKolSymbolElement;
         new (): HTMLKolSymbolElement;
     };
+    /**
+     * @deprecated Use KolTableStateful instead.
+     */
     interface HTMLKolTableElement extends Components.KolTable, HTMLStencilElement {
     }
     var HTMLKolTableElement: {
         prototype: HTMLKolTableElement;
         new (): HTMLKolTableElement;
     };
+    interface HTMLKolTableStatefulElement extends Components.KolTableStateful, HTMLStencilElement {
+    }
+    var HTMLKolTableStatefulElement: {
+        prototype: HTMLKolTableStatefulElement;
+        new (): HTMLKolTableStatefulElement;
+    };
+    interface HTMLKolTableStatelessElement extends Components.KolTableStateless, HTMLStencilElement {
+    }
+    var HTMLKolTableStatelessElement: {
+        prototype: HTMLKolTableStatelessElement;
+        new (): HTMLKolTableStatelessElement;
+    };
+    interface HTMLKolTableStatelessWcElement extends Components.KolTableStatelessWc, HTMLStencilElement {
+    }
+    var HTMLKolTableStatelessWcElement: {
+        prototype: HTMLKolTableStatelessWcElement;
+        new (): HTMLKolTableStatelessWcElement;
+    };
     interface HTMLKolTabsElement extends Components.KolTabs, HTMLStencilElement {
     }
     var HTMLKolTabsElement: {
@@ -2955,6 +3065,9 @@ declare global {
         "kol-split-button": HTMLKolSplitButtonElement;
         "kol-symbol": HTMLKolSymbolElement;
         "kol-table": HTMLKolTableElement;
+        "kol-table-stateful": HTMLKolTableStatefulElement;
+        "kol-table-stateless": HTMLKolTableStatelessElement;
+        "kol-table-stateless-wc": HTMLKolTableStatelessWcElement;
         "kol-tabs": HTMLKolTabsElement;
         "kol-textarea": HTMLKolTextareaElement;
         "kol-toast-container": HTMLKolToastContainerElement;
@@ -5160,6 +5273,9 @@ declare namespace LocalJSX {
          */
         "_symbol": string;
     }
+    /**
+     * @deprecated Use KolTableStateful instead.
+     */
     interface KolTable {
         /**
           * Defines whether to allow multi sort.
@@ -5194,6 +5310,92 @@ declare namespace LocalJSX {
          */
         "_paginationPosition"?: PaginationPositionPropType;
     }
+    interface KolTableStateful {
+        /**
+          * Defines whether to allow multi sort.
+         */
+        "_allowMultiSort"?: boolean;
+        /**
+          * Defines the primary table data.
+         */
+        "_data": Stringified<KoliBriTableDataType[]>;
+        /**
+          * Defines the data for the table footer.
+         */
+        "_dataFoot"?: Stringified<KoliBriTableDataType[]>;
+        /**
+          * Defines the horizontal and vertical table headers.
+         */
+        "_headers": Stringified<KoliBriTableHeaders>;
+        /**
+          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
+         */
+        "_label": string;
+        /**
+          * Defines the table min-width.
+         */
+        "_minWidth"?: string;
+        /**
+          * Defines whether to show the data distributed over multiple pages.
+         */
+        "_pagination"?: boolean | Stringified<KoliBriTablePaginationProps>;
+        /**
+          * Controls the position of the pagination.
+         */
+        "_paginationPosition"?: PaginationPositionPropType;
+    }
+    interface KolTableStateless {
+        /**
+          * Defines the primary table data.
+         */
+        "_data": TableDataPropType;
+        /**
+          * Defines the data for the table footer.
+         */
+        "_dataFoot"?: TableDataFootPropType;
+        /**
+          * Defines the horizontal and vertical table headers.
+         */
+        "_headerCells": TableHeaderCellsPropType;
+        /**
+          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
+         */
+        "_label": string;
+        /**
+          * Defines the table min-width.
+         */
+        "_minWidth"?: string;
+        /**
+          * Defines the callback functions for table events.
+         */
+        "_on"?: TableCallbacksPropType;
+    }
+    interface KolTableStatelessWc {
+        /**
+          * Defines the primary table data.
+         */
+        "_data": TableDataPropType;
+        /**
+          * Defines the data for the table footer.
+         */
+        "_dataFoot"?: TableDataFootPropType;
+        /**
+          * Defines the horizontal and vertical table headers.
+         */
+        "_headerCells": TableHeaderCellsPropType;
+        /**
+          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
+         */
+        "_label": string;
+        /**
+          * Defines the table min-width.
+         */
+        "_minWidth"?: string;
+        /**
+          * Defines the callback functions for table events.
+         */
+        "_on"?: TableCallbacksPropType;
+    }
     interface KolTabs {
         /**
           * Defines the position of the tab captions.
@@ -5450,6 +5652,9 @@ declare namespace LocalJSX {
         "kol-split-button": KolSplitButton;
         "kol-symbol": KolSymbol;
         "kol-table": KolTable;
+        "kol-table-stateful": KolTableStateful;
+        "kol-table-stateless": KolTableStateless;
+        "kol-table-stateless-wc": KolTableStatelessWc;
         "kol-tabs": KolTabs;
         "kol-textarea": KolTextarea;
         "kol-toast-container": KolToastContainer;
@@ -5516,7 +5721,13 @@ declare module "@stencil/core" {
             "kol-spin": LocalJSX.KolSpin & JSXBase.HTMLAttributes<HTMLKolSpinElement>;
             "kol-split-button": LocalJSX.KolSplitButton & JSXBase.HTMLAttributes<HTMLKolSplitButtonElement>;
             "kol-symbol": LocalJSX.KolSymbol & JSXBase.HTMLAttributes<HTMLKolSymbolElement>;
+            /**
+             * @deprecated Use KolTableStateful instead.
+             */
             "kol-table": LocalJSX.KolTable & JSXBase.HTMLAttributes<HTMLKolTableElement>;
+            "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>;
             "kol-tabs": LocalJSX.KolTabs & JSXBase.HTMLAttributes<HTMLKolTabsElement>;
             "kol-textarea": LocalJSX.KolTextarea & JSXBase.HTMLAttributes<HTMLKolTextareaElement>;
             "kol-toast-container": LocalJSX.KolToastContainer & JSXBase.HTMLAttributes<HTMLKolToastContainerElement>;