@public-ui/components 2.1.0 → 2.1.2

package/dist/kolibri/reuse-b66836de.js.map

@@ -1 +1 @@
-{"version":3,"names":["isObject","value","isString","minLength","length","isStyle","style","property","STATE_CHANGE_EVENT","Event","propagateFocus","host","ref","focus","ops","processEnv","e","handleSlotContent","hostRef","slotRef","slotName","content","querySelector","appendChild","showExpertSlot","label"],"sources":["src/schema/validators/common.ts","src/schema/utils/reuse.ts"],"sourcesContent":["export const isObject = (value: unknown): boolean => typeof value === 'object' && value !== null;\n\nexport const isString = (value: unknown, minLength = 0): boolean => typeof value === 'string' && value.length >= minLength;\n\nexport const isStyle = (style?: Record<string, string>): boolean => {\n\tif (typeof style === 'object' && style !== null) {\n\t\tfor (const property in style) {\n\t\t\tif (isString(property, 1) === false) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\t} else {\n\t\treturn isString(style, 1);\n\t}\n\treturn true;\n};\n\n/**\n * Fix event instance for state changes.\n */\nexport const STATE_CHANGE_EVENT = new Event('StateChange');\n","import { isObject } from '../validators';\n\nexport const propagateFocus = <H extends HTMLElement, R extends HTMLElement>(host?: H, ref?: R) => {\n\tif (isObject(host) && host) {\n\t\thost.focus = (ops: FocusOptions) => ref?.focus(ops);\n\t}\n};\n\nconst PROCESS_ENVS = ['development', 'production', 'test'] as const;\ntype ProcessEnv = (typeof PROCESS_ENVS)[number];\nexport let processEnv: ProcessEnv = 'development';\ntry {\n\tprocessEnv = process.env.NODE_ENV as ProcessEnv;\n} catch (e) {\n\tprocessEnv = 'production';\n}\n\n/**\n * This function is used to handle the slot content by\n * moving a DOM element to a defined slot element.\n */\nexport const handleSlotContent = (hostRef: HTMLElement, slotRef: HTMLElement, slotName: string) => {\n\tif (hostRef && slotRef && typeof slotName === 'string') {\n\t\tconst content = hostRef.querySelector(`[slot=\"${slotName}\"]`);\n\t\tif (content) {\n\t\t\tslotRef.appendChild(content);\n\t\t}\n\t}\n};\n\n/**\n * This function is used to check if a label is an empty string.\n * @param label The label of the slot\n * @returns  True if the label is an empty string\n */\nexport const showExpertSlot = (label: unknown) => label === '';\n"],"mappings":";;;MAAaA,EAAYC,UAAmCA,IAAU,UAAYA,IAAU,K,MAE/EC,EAAW,CAACD,EAAgBE,EAAY,WAAsBF,IAAU,UAAYA,EAAMG,QAAUD,E,MAEpGE,EAAWC,IACvB,UAAWA,IAAU,UAAYA,IAAU,KAAM,CAChD,IAAK,MAAMC,KAAYD,EAAO,CAC7B,GAAIJ,EAASK,EAAU,KAAO,MAAO,CACpC,OAAO,K,OAGH,CACN,OAAOL,EAASI,EAAO,E,CAExB,OAAO,IAAI,E,MAMCE,EAAqB,IAAIC,MAAM,e,MClB/BC,EAAiB,CAA+CC,EAAUC,KACtF,GAAIZ,EAASW,IAASA,EAAM,CAC3BA,EAAKE,MAASC,GAAsBF,IAAG,MAAHA,SAAG,SAAHA,EAAKC,MAAMC,E,OAMtCC,EAAyB,cACpC,IACCA,EAAa,YACd,CAAE,MAAOC,GACRD,EAAa,YACd,C,MAMaE,EAAoB,CAACC,EAAsBC,EAAsBC,KAC7E,GAAIF,GAAWC,UAAkBC,IAAa,SAAU,CACvD,MAAMC,EAAUH,EAAQI,cAAc,UAAUF,OAChD,GAAIC,EAAS,CACZF,EAAQI,YAAYF,E,UAUVG,EAAkBC,GAAmBA,IAAU,U"}
+{"version":3,"names":["isObject","value","isString","minLength","length","isStyle","style","property","STATE_CHANGE_EVENT","Event","propagateFocus","host","ref","focus","ops","processEnv","e","handleSlotContent","hostRef","slotRef","slotName","content","querySelector","appendChild","showExpertSlot","label"],"sources":["src/schema/validators/common.ts","src/schema/utils/reuse.ts"],"sourcesContent":["export const isObject = (value: unknown): boolean => typeof value === 'object' && value !== null;\n\nexport const isString = (value: unknown, minLength = 0): boolean => typeof value === 'string' && value.length >= minLength;\n\nexport const isStyle = (style?: Record<string, string>): boolean => {\n\tif (typeof style === 'object' && style !== null) {\n\t\tfor (const property in style) {\n\t\t\tif (isString(property, 1) === false) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\t} else {\n\t\treturn isString(style, 1);\n\t}\n\treturn true;\n};\n\n/**\n * Fix event instance for state changes.\n */\nexport const STATE_CHANGE_EVENT = new Event('StateChange');\n","import { isObject } from '../validators';\n\nexport const propagateFocus = <H extends HTMLElement, R extends HTMLElement>(host?: H, ref?: R) => {\n\tif (isObject(host) && host) {\n\t\thost.focus = (ops: FocusOptions) => ref?.focus(ops);\n\t}\n};\n\nconst PROCESS_ENVS = ['development', 'production', 'test'] as const;\ntype ProcessEnv = (typeof PROCESS_ENVS)[number];\nexport let processEnv: ProcessEnv = 'development';\ntry {\n\tprocessEnv = process.env.NODE_ENV as ProcessEnv;\n} catch (e) {\n\tprocessEnv = 'production';\n}\n\n/**\n * This function is used to handle the slot content by\n * moving a DOM element to a defined slot element.\n */\nexport const handleSlotContent = (hostRef: HTMLElement, slotRef: HTMLElement, slotName: string) => {\n\tif (hostRef && slotRef && typeof slotName === 'string') {\n\t\tconst content = hostRef.querySelector(`[slot=\"${slotName}\"]`);\n\t\tif (content) {\n\t\t\tslotRef.appendChild(content);\n\t\t}\n\t}\n};\n\n/**\n * This function is used to check if a label is an empty string.\n * @param label The label of the slot\n * @returns  True if the label is an empty string\n */\nexport const showExpertSlot = (label: unknown) => label === '';\n"],"mappings":";;;MAAaA,EAAYC,UAAmCA,IAAU,UAAYA,IAAU,K,MAE/EC,EAAW,CAACD,EAAgBE,EAAY,WAAsBF,IAAU,UAAYA,EAAMG,QAAUD,E,MAEpGE,EAAWC,IACvB,UAAWA,IAAU,UAAYA,IAAU,KAAM,CAChD,IAAK,MAAMC,KAAYD,EAAO,CAC7B,GAAIJ,EAASK,EAAU,KAAO,MAAO,CACpC,OAAO,K,OAGH,CACN,OAAOL,EAASI,EAAO,E,CAExB,OAAO,IAAI,E,MAMCE,EAAqB,IAAIC,MAAM,e,MClB/BC,EAAiB,CAA+CC,EAAUC,KACtF,GAAIZ,EAASW,IAASA,EAAM,CAC3BA,EAAKE,MAASC,GAAsBF,IAAG,MAAHA,SAAG,SAAHA,EAAKC,MAAMC,E,OAMtCC,EAAyB,cACpC,IACCA,EAAa,YACd,CAAE,MAAOC,GACRD,EAAa,YACd,C,MAMaE,EAAoB,CAACC,EAAsBC,EAAsBC,KAC7E,GAAIF,GAAWC,UAAkBC,IAAa,SAAU,CACvD,MAAMC,EAAUH,EAAQI,cAAc,UAAUF,OAChD,GAAIC,EAAS,CACZF,EAAQI,YAAYF,E,UAUVG,EAAkBC,GAAmBA,IAAU,U","ignoreList":[]}

package/dist/kolibri/rows-d4a3be15.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{k as o}from"./prop.validators-f2b9a155.js";const r=(r,s)=>{o(r,"_rows",s,{min:1})};export{r as v};

package/dist/kolibri/{rows-005ad248.js.map → rows-d4a3be15.js.map}

@@ -1 +1 @@
-{"version":3,"names":["validateRows","component","value","watchNumber","min"],"sources":["src/schema/props/rows.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchNumber } from '../utils';\n\n/* types */\nexport type RowsPropType = number;\n\n/**\n * Number of rows of the input element that should be visible at the same time.\n */\nexport type PropRows = {\n\trows: RowsPropType;\n};\n\n/* validator */\nexport const validateRows = (component: Generic.Element.Component, value?: RowsPropType): void => {\n\twatchNumber(component, `_rows`, value, { min: 1 });\n};\n"],"mappings":";;;wDAeaA,EAAe,CAACC,EAAsCC,KAClEC,EAAYF,EAAW,QAASC,EAAO,CAAEE,IAAK,GAAI,S"}
+{"version":3,"names":["validateRows","component","value","watchNumber","min"],"sources":["src/schema/props/rows.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchNumber } from '../utils';\n\n/* types */\nexport type RowsPropType = number;\n\n/**\n * Number of rows of the input element that should be visible at the same time.\n */\nexport type PropRows = {\n\trows: RowsPropType;\n};\n\n/* validator */\nexport const validateRows = (component: Generic.Element.Component, value?: RowsPropType): void => {\n\twatchNumber(component, `_rows`, value, { min: 1 });\n};\n"],"mappings":";;;wDAeaA,EAAe,CAACC,EAAsCC,KAClEC,EAAYF,EAAW,QAASC,EAAO,CAAEE,IAAK,GAAI,S","ignoreList":[]}

package/dist/kolibri/show-6b87e4e7.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{b as o}from"./prop.validators-f2b9a155.js";const s=(s,a,r)=>{o(s,"_show",a,r)};export{s as v};

package/dist/kolibri/{show-34226103.js.map → show-6b87e4e7.js.map}

@@ -1 +1 @@
-{"version":3,"names":["validateShow","component","value","hooks","watchBoolean"],"sources":["src/schema/props/show.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchBooleanOptions } from '../utils';\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type ShowPropType = boolean;\n\n/**\n * Makes the element show up.\n */\nexport type PropShow = {\n\tshow: ShowPropType;\n};\n\n/* validator */\nexport const validateShow = (component: Generic.Element.Component, value?: ShowPropType, hooks?: WatchBooleanOptions): void => {\n\twatchBoolean(component, '_show', value, hooks);\n};\n"],"mappings":";;;wDAgBaA,EAAe,CAACC,EAAsCC,EAAsBC,KACxFC,EAAaH,EAAW,QAASC,EAAOC,EAAM,S"}
+{"version":3,"names":["validateShow","component","value","hooks","watchBoolean"],"sources":["src/schema/props/show.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchBooleanOptions } from '../utils';\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type ShowPropType = boolean;\n\n/**\n * Makes the element show up.\n */\nexport type PropShow = {\n\tshow: ShowPropType;\n};\n\n/* validator */\nexport const validateShow = (component: Generic.Element.Component, value?: ShowPropType, hooks?: WatchBooleanOptions): void => {\n\twatchBoolean(component, '_show', value, hooks);\n};\n"],"mappings":";;;wDAgBaA,EAAe,CAACC,EAAsCC,EAAsBC,KACxFC,EAAaH,EAAW,QAASC,EAAOC,EAAM,S","ignoreList":[]}

package/dist/kolibri/{suggestions-d97a6ab9.js → suggestions-602b6090.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{g as s,a as e}from"./prop.validators-29d576d2.js";const o=(o,t)=>{s(o,"_suggestions",(s=>"string"==typeof s||"number"==typeof s),t,void 0,{hooks:{afterPatch:s=>{Array.isArray(s)&&s.length&&e("Property suggestions: Options have accessibility issues in how browsers implemented them and should not be used for now.")}}})};export{o as v};
+import{g as s,a as e}from"./prop.validators-f2b9a155.js";const o=(o,t)=>{s(o,"_suggestions",(s=>"string"==typeof s||"number"==typeof s),t,void 0,{hooks:{afterPatch:s=>{Array.isArray(s)&&s.length&&e("Property suggestions: Options have accessibility issues in how browsers implemented them and should not be used for now.")}}})};export{o as v};

package/dist/kolibri/{suggestions-d97a6ab9.js.map → suggestions-602b6090.js.map}

@@ -1 +1 @@
-{"version":3,"names":["validateSuggestions","component","value","watchJsonArrayString","item","undefined","hooks","afterPatch","Array","isArray","length","a11yHint"],"sources":["src/schema/props/suggestions.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { W3CInputValue } from '../types';\nimport type { Stringified } from '../types/common';\nimport { watchJsonArrayString } from '../utils';\nimport { a11yHint } from '../utils/a11y.tipps';\n\n/* types */\nexport type SuggestionsPropType = Stringified<W3CInputValue[]>;\n\n/**\n * Suggestions to provide for an input.\n */\nexport type PropSuggestions = {\n\tsuggestions: SuggestionsPropType;\n};\n\n/* validator */\nexport const validateSuggestions = (component: Generic.Element.Component, value?: SuggestionsPropType): void => {\n\twatchJsonArrayString(component, '_suggestions', (item: W3CInputValue) => typeof item === 'string' || typeof item === 'number', value, undefined, {\n\t\thooks: {\n\t\t\tafterPatch: (value: unknown) => {\n\t\t\t\tif (Array.isArray(value) && value.length) {\n\t\t\t\t\ta11yHint('Property suggestions: Options have accessibility issues in how browsers implemented them and should not be used for now.');\n\t\t\t\t}\n\t\t\t},\n\t\t},\n\t});\n};\n"],"mappings":";;;+DAkBaA,EAAsB,CAACC,EAAsCC,KACzEC,EAAqBF,EAAW,gBAAiBG,UAA+BA,IAAS,iBAAmBA,IAAS,UAAUF,EAAOG,UAAW,CAChJC,MAAO,CACNC,WAAaL,IACZ,GAAIM,MAAMC,QAAQP,IAAUA,EAAMQ,OAAQ,CACzCC,EAAS,2H,KAIX,S"}
+{"version":3,"names":["validateSuggestions","component","value","watchJsonArrayString","item","undefined","hooks","afterPatch","Array","isArray","length","a11yHint"],"sources":["src/schema/props/suggestions.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { W3CInputValue } from '../types';\nimport type { Stringified } from '../types/common';\nimport { watchJsonArrayString } from '../utils';\nimport { a11yHint } from '../utils/a11y.tipps';\n\n/* types */\nexport type SuggestionsPropType = Stringified<W3CInputValue[]>;\n\n/**\n * Suggestions to provide for an input.\n */\nexport type PropSuggestions = {\n\tsuggestions: SuggestionsPropType;\n};\n\n/* validator */\nexport const validateSuggestions = (component: Generic.Element.Component, value?: SuggestionsPropType): void => {\n\twatchJsonArrayString(component, '_suggestions', (item: W3CInputValue) => typeof item === 'string' || typeof item === 'number', value, undefined, {\n\t\thooks: {\n\t\t\tafterPatch: (value: unknown) => {\n\t\t\t\tif (Array.isArray(value) && value.length) {\n\t\t\t\t\ta11yHint('Property suggestions: Options have accessibility issues in how browsers implemented them and should not be used for now.');\n\t\t\t\t}\n\t\t\t},\n\t\t},\n\t});\n};\n"],"mappings":";;;+DAkBaA,EAAsB,CAACC,EAAsCC,KACzEC,EAAqBF,EAAW,gBAAiBG,UAA+BA,IAAS,iBAAmBA,IAAS,UAAUF,EAAOG,UAAW,CAChJC,MAAO,CACNC,WAAaL,IACZ,GAAIM,MAAMC,QAAQP,IAAUA,EAAMQ,OAAQ,CACzCC,EAAS,2H,KAIX,S","ignoreList":[]}

package/dist/kolibri/tab-index-bffbd9f3.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{k as a,a as t}from"./prop.validators-f2b9a155.js";const o={hooks:{afterPatch:a=>{-1!==a&&0!==a&&t("Don't Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html")}}},e=(t,e)=>{a(t,"_tabIndex",e,o)};export{e as v};

package/dist/kolibri/{tab-index-2cbc1ad1.js.map → tab-index-bffbd9f3.js.map}

@@ -1 +1 @@
-{"version":3,"names":["options","hooks","afterPatch","value","a11yHint","validateTabIndex","component","watchNumber"],"sources":["src/schema/validators/tab-index.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchNumberOptions } from '../utils';\nimport { a11yHint, watchNumber } from '../utils';\n\n/**\n * Accessibility hints\n * - https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html\n */\n\nconst options: WatchNumberOptions = {\n\thooks: {\n\t\tafterPatch: (value) => {\n\t\t\tif (value !== -1 && value !== 0) {\n\t\t\t\ta11yHint(`Don't Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html`);\n\t\t\t}\n\t\t},\n\t},\n};\n\n/**\n * Diese Methode validiert das Property und setzt den State, wenn es valide ist.\n */\nexport const validateTabIndex = (component: Generic.Element.Component, value?: number): void => {\n\twatchNumber(component, '_tabIndex', value, options);\n};\n"],"mappings":";;;oDAUA,MAAMA,EAA8B,CACnCC,MAAO,CACNC,WAAaC,IACZ,GAAIA,KAAW,GAAKA,IAAU,EAAG,CAChCC,EAAS,6G,WASAC,EAAmB,CAACC,EAAsCH,KACtEI,EAAYD,EAAW,YAAaH,EAAOH,EAAQ,S"}
+{"version":3,"names":["options","hooks","afterPatch","value","a11yHint","validateTabIndex","component","watchNumber"],"sources":["src/schema/validators/tab-index.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchNumberOptions } from '../utils';\nimport { a11yHint, watchNumber } from '../utils';\n\n/**\n * Accessibility hints\n * - https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html\n */\n\nconst options: WatchNumberOptions = {\n\thooks: {\n\t\tafterPatch: (value) => {\n\t\t\tif (value !== -1 && value !== 0) {\n\t\t\t\ta11yHint(`Don't Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html`);\n\t\t\t}\n\t\t},\n\t},\n};\n\n/**\n * Diese Methode validiert das Property und setzt den State, wenn es valide ist.\n */\nexport const validateTabIndex = (component: Generic.Element.Component, value?: number): void => {\n\twatchNumber(component, '_tabIndex', value, options);\n};\n"],"mappings":";;;yDAUA,MAAMA,EAA8B,CACnCC,MAAO,CACNC,WAAaC,IACZ,GAAIA,KAAW,GAAKA,IAAU,EAAG,CAChCC,EAAS,6G,WASAC,EAAmB,CAACC,EAAsCH,KACtEI,EAAYD,EAAW,YAAaH,EAAOH,EAAQ,S","ignoreList":[]}

package/dist/kolibri/table-render-function-835a18a0.js.map

@@ -1 +1 @@
-{"version":3,"names":["DATA","order","shipped","date","Date","HEADERS","horizontal","label","key","render","_el","cell","el","textContent","innerHTML","Intl","DateTimeFormat","format","sort","data","data0","data1","getTime","container","document","getElementById","table","createElement","_label","_data","_headers","appendChild"],"sources":["src/dev/table-render-function.ts"],"sourcesContent":["import type { KoliBriTableCell, KoliBriTableHeaders } from '../schema';\n\ntype Data = {\n\torder: number;\n\tdate: Date;\n\tshipped: boolean;\n};\nconst DATA: Data[] = [\n\t{\n\t\torder: 0,\n\t\tshipped: false,\n\t\tdate: new Date('1981-05-26T21:33:43.612Z'),\n\t},\n\t{\n\t\torder: 1,\n\t\tshipped: true,\n\t\tdate: new Date('1971-04-25T19:44:17.014Z'),\n\t},\n\t{\n\t\torder: 2,\n\t\tshipped: false,\n\t\tdate: new Date('1986-07-10T11:39:29.539Z'),\n\t},\n];\nconst HEADERS: KoliBriTableHeaders = {\n\thorizontal: [\n\t\t[\n\t\t\t{\n\t\t\t\tlabel: '#',\n\t\t\t\tkey: 'order',\n\n\t\t\t\t/* Example 1: Use render return value to format data */\n\t\t\t\trender: (_el, cell: KoliBriTableCell) => `Index: ${cell.label}`,\n\t\t\t},\n\t\t\t{\n\t\t\t\tlabel: 'Status',\n\t\t\t\tkey: 'shipped',\n\n\t\t\t\t/* Example 2: Simple render function using textContent */\n\t\t\t\trender: (el, cell) => {\n\t\t\t\t\tif (cell.label) {\n\t\t\t\t\t\tel.textContent = `Order has been dispatched 🚚`;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tel.textContent = `Order pending 📦`;\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tlabel: 'Date (string)',\n\t\t\t\tkey: 'date',\n\n\t\t\t\t/* Example 3: Render function using innerHTML. ⚠️Make sure to sanitize data to avoid XSS. */\n\t\t\t\trender: (el, cell) => {\n\t\t\t\t\tel.innerHTML = `<strong>${Intl.DateTimeFormat('de-DE').format(cell.label as unknown as Date)}</strong>`;\n\t\t\t\t},\n\t\t\t\tsort: (data) => data.sort((data0, data1) => (data0 as Data).date.getTime() - (data1 as Data).date.getTime()),\n\t\t\t},\n\t\t],\n\t],\n};\n\nconst container = document.getElementById('table-container');\nconst table = document.createElement('kol-table');\n\ntable._label = 'Table example with render functions';\ntable._data = DATA;\ntable._headers = HEADERS;\ncontainer?.appendChild(table);\n"],"mappings":";;;AAOA,MAAMA,EAAe,CACpB,CACCC,MAAO,EACPC,QAAS,MACTC,KAAM,IAAIC,KAAK,6BAEhB,CACCH,MAAO,EACPC,QAAS,KACTC,KAAM,IAAIC,KAAK,6BAEhB,CACCH,MAAO,EACPC,QAAS,MACTC,KAAM,IAAIC,KAAK,8BAGjB,MAAMC,EAA+B,CACpCC,WAAY,CACX,CACC,CACCC,MAAO,IACPC,IAAK,QAGLC,OAAQ,CAACC,EAAKC,IAA2B,UAAUA,EAAKJ,SAEzD,CACCA,MAAO,SACPC,IAAK,UAGLC,OAAQ,CAACG,EAAID,KACZ,GAAIA,EAAKJ,MAAO,CACfK,EAAGC,YAAc,8B,KACX,CACND,EAAGC,YAAc,kB,IAIpB,CACCN,MAAO,gBACPC,IAAK,OAGLC,OAAQ,CAACG,EAAID,KACZC,EAAGE,UAAY,WAAWC,KAAKC,eAAe,SAASC,OAAON,EAAKJ,iBAAoC,EAExGW,KAAOC,GAASA,EAAKD,MAAK,CAACE,EAAOC,IAAWD,EAAejB,KAAKmB,UAAaD,EAAelB,KAAKmB,gBAMtG,MAAMC,EAAYC,SAASC,eAAe,mBAC1C,MAAMC,EAAQF,SAASG,cAAc,aAErCD,EAAME,OAAS,sCACfF,EAAMG,MAAQ7B,EACd0B,EAAMI,SAAWzB,EACjBkB,IAAS,MAATA,SAAS,SAATA,EAAWQ,YAAYL"}
+{"version":3,"names":["DATA","order","shipped","date","Date","HEADERS","horizontal","label","key","render","_el","cell","el","textContent","innerHTML","Intl","DateTimeFormat","format","sort","data","data0","data1","getTime","container","document","getElementById","table","createElement","_label","_data","_headers","appendChild"],"sources":["src/dev/table-render-function.ts"],"sourcesContent":["import type { KoliBriTableCell, KoliBriTableHeaders } from '../schema';\n\ntype Data = {\n\torder: number;\n\tdate: Date;\n\tshipped: boolean;\n};\nconst DATA: Data[] = [\n\t{\n\t\torder: 0,\n\t\tshipped: false,\n\t\tdate: new Date('1981-05-26T21:33:43.612Z'),\n\t},\n\t{\n\t\torder: 1,\n\t\tshipped: true,\n\t\tdate: new Date('1971-04-25T19:44:17.014Z'),\n\t},\n\t{\n\t\torder: 2,\n\t\tshipped: false,\n\t\tdate: new Date('1986-07-10T11:39:29.539Z'),\n\t},\n];\nconst HEADERS: KoliBriTableHeaders = {\n\thorizontal: [\n\t\t[\n\t\t\t{\n\t\t\t\tlabel: '#',\n\t\t\t\tkey: 'order',\n\n\t\t\t\t/* Example 1: Use render return value to format data */\n\t\t\t\trender: (_el, cell: KoliBriTableCell) => `Index: ${cell.label}`,\n\t\t\t},\n\t\t\t{\n\t\t\t\tlabel: 'Status',\n\t\t\t\tkey: 'shipped',\n\n\t\t\t\t/* Example 2: Simple render function using textContent */\n\t\t\t\trender: (el, cell) => {\n\t\t\t\t\tif (cell.label) {\n\t\t\t\t\t\tel.textContent = `Order has been dispatched 🚚`;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tel.textContent = `Order pending 📦`;\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tlabel: 'Date (string)',\n\t\t\t\tkey: 'date',\n\n\t\t\t\t/* Example 3: Render function using innerHTML. ⚠️Make sure to sanitize data to avoid XSS. */\n\t\t\t\trender: (el, cell) => {\n\t\t\t\t\tel.innerHTML = `<strong>${Intl.DateTimeFormat('de-DE').format(cell.label as unknown as Date)}</strong>`;\n\t\t\t\t},\n\t\t\t\tsort: (data) => data.sort((data0, data1) => (data0 as Data).date.getTime() - (data1 as Data).date.getTime()),\n\t\t\t},\n\t\t],\n\t],\n};\n\nconst container = document.getElementById('table-container');\nconst table = document.createElement('kol-table');\n\ntable._label = 'Table example with render functions';\ntable._data = DATA;\ntable._headers = HEADERS;\ncontainer?.appendChild(table);\n"],"mappings":";;;AAOA,MAAMA,EAAe,CACpB,CACCC,MAAO,EACPC,QAAS,MACTC,KAAM,IAAIC,KAAK,6BAEhB,CACCH,MAAO,EACPC,QAAS,KACTC,KAAM,IAAIC,KAAK,6BAEhB,CACCH,MAAO,EACPC,QAAS,MACTC,KAAM,IAAIC,KAAK,8BAGjB,MAAMC,EAA+B,CACpCC,WAAY,CACX,CACC,CACCC,MAAO,IACPC,IAAK,QAGLC,OAAQ,CAACC,EAAKC,IAA2B,UAAUA,EAAKJ,SAEzD,CACCA,MAAO,SACPC,IAAK,UAGLC,OAAQ,CAACG,EAAID,KACZ,GAAIA,EAAKJ,MAAO,CACfK,EAAGC,YAAc,8B,KACX,CACND,EAAGC,YAAc,kB,IAIpB,CACCN,MAAO,gBACPC,IAAK,OAGLC,OAAQ,CAACG,EAAID,KACZC,EAAGE,UAAY,WAAWC,KAAKC,eAAe,SAASC,OAAON,EAAKJ,iBAAoC,EAExGW,KAAOC,GAASA,EAAKD,MAAK,CAACE,EAAOC,IAAWD,EAAejB,KAAKmB,UAAaD,EAAelB,KAAKmB,gBAMtG,MAAMC,EAAYC,SAASC,eAAe,mBAC1C,MAAMC,EAAQF,SAASG,cAAc,aAErCD,EAAME,OAAS,sCACfF,EAAMG,MAAQ7B,EACd0B,EAAMI,SAAWzB,EACjBkB,IAAS,MAATA,SAAS,SAATA,EAAWQ,YAAYL","ignoreList":[]}

package/dist/kolibri/toaster-2a2c09ae.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{T as o}from"./toaster-3755abc8.js";import"./component-names-e522484e.js";import"./index-db4aa6e4.js";import"./i18n-ebe0c4cb.js";var e,i;const t=o.getInstance(document);t.enqueue({description:"Toasty",label:"Initial Toast",type:"warning"});let a=0;null===(e=document.getElementById("oneToast"))||void 0===e||e.addEventListener("kol-click",(()=>{t.enqueue({description:"Toasty "+ ++a,label:"Label",type:"warning"})})),null===(i=document.getElementById("manyToast"))||void 0===i||i.addEventListener("kol-click",(()=>{for(let e=0;e<5;e++)t.enqueue({description:"Toasty "+ ++a,label:"Label",type:"warning"})}));

package/dist/kolibri/{toaster-b6d0fa6b.js.map → toaster-2a2c09ae.js.map}

@@ -1 +1 @@
-{"version":3,"names":["toaster","ToasterService","getInstance","document","enqueue","description","label","type","myToastId","_a","getElementById","addEventListener","_b","i"],"sources":["src/dev/toaster.ts"],"sourcesContent":["import { ToasterService } from '../components/toaster/toaster';\n\nconst toaster = ToasterService.getInstance(document);\n\nvoid toaster.enqueue({\n\tdescription: `Toasty`,\n\tlabel: `Initial Toast`,\n\ttype: 'warning',\n});\n\nlet myToastId = 0;\n\ndocument.getElementById('oneToast')?.addEventListener('kol-click', () => {\n\tvoid toaster.enqueue({\n\t\tdescription: `Toasty ${++myToastId}`,\n\t\tlabel: `Label`,\n\t\ttype: 'warning',\n\t});\n});\n\ndocument.getElementById('manyToast')?.addEventListener('kol-click', () => {\n\tfor (let i = 0; i < 5; i++) {\n\t\tvoid toaster.enqueue({\n\t\t\tdescription: `Toasty ${++myToastId}`,\n\t\t\tlabel: `Label`,\n\t\t\ttype: 'warning',\n\t\t});\n\t}\n});\n"],"mappings":";;;+IAEA,MAAMA,EAAUC,EAAeC,YAAYC,eAEtCH,EAAQI,QAAQ,CACpBC,YAAa,SACbC,MAAO,gBACPC,KAAM,YAGP,IAAIC,EAAY,GAEhBC,EAAAN,SAASO,eAAe,eAAW,MAAAD,SAAA,SAAAA,EAAEE,iBAAiB,aAAa,UAC7DX,EAAQI,QAAQ,CACpBC,YAAa,YAAYG,IACzBF,MAAO,QACPC,KAAM,WACL,KAGHK,EAAAT,SAASO,eAAe,gBAAY,MAAAE,SAAA,SAAAA,EAAED,iBAAiB,aAAa,KACnE,IAAK,IAAIE,EAAI,EAAGA,EAAI,EAAGA,IAAK,MACtBb,EAAQI,QAAQ,CACpBC,YAAa,YAAYG,IACzBF,MAAO,QACPC,KAAM,W"}
+{"version":3,"names":["toaster","ToasterService","getInstance","document","enqueue","description","label","type","myToastId","_a","getElementById","addEventListener","_b","i"],"sources":["src/dev/toaster.ts"],"sourcesContent":["import { ToasterService } from '../components/toaster/toaster';\n\nconst toaster = ToasterService.getInstance(document);\n\nvoid toaster.enqueue({\n\tdescription: `Toasty`,\n\tlabel: `Initial Toast`,\n\ttype: 'warning',\n});\n\nlet myToastId = 0;\n\ndocument.getElementById('oneToast')?.addEventListener('kol-click', () => {\n\tvoid toaster.enqueue({\n\t\tdescription: `Toasty ${++myToastId}`,\n\t\tlabel: `Label`,\n\t\ttype: 'warning',\n\t});\n});\n\ndocument.getElementById('manyToast')?.addEventListener('kol-click', () => {\n\tfor (let i = 0; i < 5; i++) {\n\t\tvoid toaster.enqueue({\n\t\t\tdescription: `Toasty ${++myToastId}`,\n\t\t\tlabel: `Label`,\n\t\t\ttype: 'warning',\n\t\t});\n\t}\n});\n"],"mappings":";;;+IAEA,MAAMA,EAAUC,EAAeC,YAAYC,eAEtCH,EAAQI,QAAQ,CACpBC,YAAa,SACbC,MAAO,gBACPC,KAAM,YAGP,IAAIC,EAAY,GAEhBC,EAAAN,SAASO,eAAe,eAAW,MAAAD,SAAA,SAAAA,EAAEE,iBAAiB,aAAa,UAC7DX,EAAQI,QAAQ,CACpBC,YAAa,YAAYG,IACzBF,MAAO,QACPC,KAAM,WACL,KAGHK,EAAAT,SAASO,eAAe,gBAAY,MAAAE,SAAA,SAAAA,EAAED,iBAAiB,aAAa,KACnE,IAAK,IAAIE,EAAI,EAAGA,EAAI,EAAGA,IAAK,MACtBb,EAAQI,QAAQ,CACpBC,YAAa,YAAYG,IACzBF,MAAO,QACPC,KAAM,W","ignoreList":[]}

package/dist/kolibri/{toaster-18d16ce1.js → toaster-3755abc8.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{s as i,K as s}from"./component-names-ed22f86e.js";import{_ as t}from"./index-4a3076fc.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-e522484e.js";import{G as t}from"./index-db4aa6e4.js";import{i as o}from"./i18n-ebe0c4cb.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 m=await t(n,s,a);return e=!0,m},r=n,l=()=>e;class a{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 a(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(t=!1){this.toastContainerElement&&"function"==typeof this.toastContainerElement.closeAll&&this.toastContainerElement.closeAll(t)}}a.instances=new Map;export{a as T,n as b,r};

package/dist/kolibri/toaster-3755abc8.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["initialized","bootstrap","async","themes","loaders","options","initializeI18n","_b","_a","translation","name","translations","transformTagName","setCustomTagNames","coreRegisterReturnValue","coreRegister","register","isInitialized","ToasterService","constructor","document","this","toastContainerElement","createElement","KolToastContainerTag","body","prepend","getInstance","Error","instance","instances","get","set","dispose","element","undefined","remove","console","warn","enqueue","toast","alertVariant","defaultAlertVariant","closeAll","immediate","Map"],"sources":["src/core/bootstrap.ts","src/components/toaster/toaster.tsx"],"sourcesContent":["import type { Generic, LoaderCallback, RegisterOptions } from 'adopted-style-sheets';\nimport { register as coreRegister } from 'adopted-style-sheets';\nimport { initializeI18n } from './i18n';\nimport { setCustomTagNames } from './component-names';\n\nlet initialized = false;\n\ntype KoliBriOptions = RegisterOptions & {\n\ttransformTagName?: (tagName: string) => string;\n};\n\nexport const bootstrap = async (\n\tthemes:\n\t\t| Generic.Theming.RegisterPatch<string, string, string>\n\t\t| Generic.Theming.RegisterPatch<string, string, string>[]\n\t\t| Set<Generic.Theming.RegisterPatch<string, string, string>>,\n\tloaders: LoaderCallback | LoaderCallback[] | Set<LoaderCallback>,\n\toptions?: KoliBriOptions,\n): Promise<void[]> => {\n\tinitializeI18n(options?.translation?.name ?? 'de', options?.translations);\n\tif (options?.transformTagName) {\n\t\tsetCustomTagNames(options?.transformTagName);\n\t}\n\tconst coreRegisterReturnValue = await coreRegister(themes, loaders, options);\n\tinitialized = true;\n\n\treturn coreRegisterReturnValue;\n};\n\nexport const register = bootstrap;\nexport const isInitialized = () => initialized;\n","import type { Toast, ToasterOptions } from '../../schema';\nimport { KolToastContainerTag } from '../../core/component-names';\nimport { isInitialized } from '../../core/bootstrap';\n\nexport class ToasterService {\n\tprivate static readonly instances: Map<Document, ToasterService> = new Map<Document, ToasterService>();\n\n\tprivate toastContainerElement?: HTMLKolToastContainerElement;\n\n\tprivate constructor(\n\t\tprivate readonly document: Document,\n\t\tprivate readonly options?: ToasterOptions,\n\t) {\n\t\tthis.toastContainerElement = this.document.createElement(KolToastContainerTag);\n\t\tthis.document.body.prepend(this.toastContainerElement);\n\t}\n\n\t/**\n\t * Get a toaster for the specified document environment. Each environment has exactly one instance of the service.\n\t */\n\tpublic static getInstance(document: Document, options?: ToasterOptions): ToasterService {\n\t\tif (!isInitialized()) {\n\t\t\tthrow new Error('Toaster: Call KoliBri bootstrap/register method first.');\n\t\t}\n\n\t\tlet instance = this.instances.get(document);\n\t\tif (!instance) {\n\t\t\tinstance = new ToasterService(document, options);\n\t\t\tthis.instances.set(document, instance);\n\t\t}\n\t\treturn instance;\n\t}\n\n\tpublic dispose() {\n\t\tconst element = this.toastContainerElement;\n\t\tif (element) {\n\t\t\tthis.toastContainerElement = undefined;\n\t\t\telement.remove();\n\t\t} else {\n\t\t\tconsole.warn('Toaster service is already disposed.');\n\t\t}\n\t}\n\n\tpublic enqueue(toast: Toast): Promise<() => void> | undefined {\n\t\t/**\n\t\t * We need this condition for SSR. The toast container is not rendered on the server,\n\t\t * so we can't enqueue toasts.\n\t\t */\n\t\tif (this.toastContainerElement && typeof this.toastContainerElement.enqueue === 'function') {\n\t\t\tif (!toast.alertVariant && this.options?.defaultAlertVariant) {\n\t\t\t\ttoast.alertVariant = this.options?.defaultAlertVariant;\n\t\t\t}\n\n\t\t\treturn this.toastContainerElement.enqueue(toast);\n\t\t}\n\t}\n\n\tpublic closeAll(immediate: boolean = false): void {\n\t\tif (this.toastContainerElement && typeof this.toastContainerElement.closeAll === 'function') {\n\t\t\tvoid this.toastContainerElement.closeAll(immediate);\n\t\t}\n\t}\n}\n"],"mappings":";;;wIAKA,IAAIA,EAAc,M,MAMLC,EAAYC,MACxBC,EAIAC,EACAC,K,QAEAC,GAAeC,GAAAC,EAAAH,IAAO,MAAPA,SAAO,SAAPA,EAASI,eAAW,MAAAD,SAAA,SAAAA,EAAEE,QAAI,MAAAH,SAAA,EAAAA,EAAI,KAAMF,IAAO,MAAPA,SAAO,SAAPA,EAASM,cAC5D,GAAIN,IAAO,MAAPA,SAAO,SAAPA,EAASO,iBAAkB,CAC9BC,EAAkBR,IAAO,MAAPA,SAAO,SAAPA,EAASO,iB,CAE5B,MAAME,QAAgCC,EAAaZ,EAAQC,EAASC,GACpEL,EAAc,KAEd,OAAOc,CAAuB,E,MAGlBE,EAAWf,EACjB,MAAMgB,EAAgB,IAAMjB,E,MC1BtBkB,EAKZ,WAAAC,CACkBC,EACAf,GADAgB,KAAAD,WACAC,KAAAhB,UAEjBgB,KAAKC,sBAAwBD,KAAKD,SAASG,cAAcC,GACzDH,KAAKD,SAASK,KAAKC,QAAQL,KAAKC,sB,CAM1B,kBAAOK,CAAYP,EAAoBf,GAC7C,IAAKY,IAAiB,CACrB,MAAM,IAAIW,MAAM,yD,CAGjB,IAAIC,EAAWR,KAAKS,UAAUC,IAAIX,GAClC,IAAKS,EAAU,CACdA,EAAW,IAAIX,EAAeE,EAAUf,GACxCgB,KAAKS,UAAUE,IAAIZ,EAAUS,E,CAE9B,OAAOA,C,CAGD,OAAAI,GACN,MAAMC,EAAUb,KAAKC,sBACrB,GAAIY,EAAS,CACZb,KAAKC,sBAAwBa,UAC7BD,EAAQE,Q,KACF,CACNC,QAAQC,KAAK,uC,EAIR,OAAAC,CAAQC,G,QAKd,GAAInB,KAAKC,8BAAgCD,KAAKC,sBAAsBiB,UAAY,WAAY,CAC3F,IAAKC,EAAMC,gBAAgBjC,EAAAa,KAAKhB,WAAO,MAAAG,SAAA,SAAAA,EAAEkC,qBAAqB,CAC7DF,EAAMC,cAAelC,EAAAc,KAAKhB,WAAO,MAAAE,SAAA,SAAAA,EAAEmC,mB,CAGpC,OAAOrB,KAAKC,sBAAsBiB,QAAQC,E,EAIrC,QAAAG,CAASC,EAAqB,OACpC,GAAIvB,KAAKC,8BAAgCD,KAAKC,sBAAsBqB,WAAa,WAAY,MACvFtB,KAAKC,sBAAsBqB,SAASC,E,GAtDnB1B,EAAAY,UAA2C,IAAIe,W","ignoreList":[]}

package/dist/kolibri/tooltip-align-676fe651.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{v as o}from"./align-6595a6d6.js";const t=(t,a)=>{o(t,"_tooltipAlign",a)};export{t as v};

package/dist/kolibri/{tooltip-align-c13a7aa7.js.map → tooltip-align-676fe651.js.map}

@@ -1 +1 @@
-{"version":3,"names":["validateTooltipAlign","component","value","validateAlignment"],"sources":["src/schema/props/tooltip-align.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { validateAlignment } from '../validators';\n\nimport type { AlignPropType } from './align';\n\n/* types */\nexport type TooltipAlignPropType = AlignPropType;\n\n/**\n * Defines where to show the Tooltip preferably: top, right, bottom or left.\n */\nexport type PropTooltipAlign = {\n\ttooltipAlign: TooltipAlignPropType;\n};\n\n/* validator */\nexport const validateTooltipAlign = (component: Generic.Element.Component, value?: TooltipAlignPropType): void => {\n\tvalidateAlignment(component, '_tooltipAlign', value);\n};\n"],"mappings":";;;8CAiBaA,EAAuB,CAACC,EAAsCC,KAC1EC,EAAkBF,EAAW,gBAAiBC,EAAM,S"}
+{"version":3,"names":["validateTooltipAlign","component","value","validateAlignment"],"sources":["src/schema/props/tooltip-align.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { validateAlignment } from '../validators';\n\nimport type { AlignPropType } from './align';\n\n/* types */\nexport type TooltipAlignPropType = AlignPropType;\n\n/**\n * Defines where to show the Tooltip preferably: top, right, bottom or left.\n */\nexport type PropTooltipAlign = {\n\ttooltipAlign: TooltipAlignPropType;\n};\n\n/* validator */\nexport const validateTooltipAlign = (component: Generic.Element.Component, value?: TooltipAlignPropType): void => {\n\tvalidateAlignment(component, '_tooltipAlign', value);\n};\n"],"mappings":";;;8CAiBaA,EAAuB,CAACC,EAAsCC,KAC1EC,EAAkBF,EAAW,gBAAiBC,EAAM,S","ignoreList":[]}

package/dist/kolibri/unique-nav-labels-62d9802d.js.map

@@ -1 +1 @@
-{"version":3,"names":["UNIQUE_LABELS","Set","addNavLabel","ariaLabel","has","console","error","add","removeNavLabel","delete"],"sources":["src/utils/unique-nav-labels.ts"],"sourcesContent":["/**\n * There can be several navigations on one page (e.g. main navigation, subnavigation, breadcrumbs, pagination).\n * The navigations must be clearly named for accessibility reasons. To ensure this, all Aria labels are\n * stored in a set and checked for uniqueness.\n */\nconst UNIQUE_LABELS: Set<string> = new Set();\n\nexport function addNavLabel(ariaLabel: string): void {\n\tif (UNIQUE_LABELS.has(ariaLabel)) {\n\t\tconsole.error(`There already is a nav element with the label \"${ariaLabel}\"`);\n\t} else {\n\t\tUNIQUE_LABELS.add(ariaLabel);\n\t}\n}\nexport function removeNavLabel(ariaLabel: string): void {\n\tUNIQUE_LABELS.delete(ariaLabel);\n}\n"],"mappings":";;;AAKA,MAAMA,EAA6B,IAAIC,I,SAEvBC,EAAYC,GAC3B,GAAIH,EAAcI,IAAID,GAAY,CACjCE,QAAQC,MAAM,kDAAkDH,K,KAC1D,CACNH,EAAcO,IAAIJ,E,CAEpB,C,SACgBK,EAAeL,GAC9BH,EAAcS,OAAON,EACtB,Q"}
+{"version":3,"names":["UNIQUE_LABELS","Set","addNavLabel","ariaLabel","has","console","error","add","removeNavLabel","delete"],"sources":["src/utils/unique-nav-labels.ts"],"sourcesContent":["/**\n * There can be several navigations on one page (e.g. main navigation, subnavigation, breadcrumbs, pagination).\n * The navigations must be clearly named for accessibility reasons. To ensure this, all Aria labels are\n * stored in a set and checked for uniqueness.\n */\nconst UNIQUE_LABELS: Set<string> = new Set();\n\nexport function addNavLabel(ariaLabel: string): void {\n\tif (UNIQUE_LABELS.has(ariaLabel)) {\n\t\tconsole.error(`There already is a nav element with the label \"${ariaLabel}\"`);\n\t} else {\n\t\tUNIQUE_LABELS.add(ariaLabel);\n\t}\n}\nexport function removeNavLabel(ariaLabel: string): void {\n\tUNIQUE_LABELS.delete(ariaLabel);\n}\n"],"mappings":";;;AAKA,MAAMA,EAA6B,IAAIC,I,SAEvBC,EAAYC,GAC3B,GAAIH,EAAcI,IAAID,GAAY,CACjCE,QAAQC,MAAM,kDAAkDH,K,KAC1D,CACNH,EAAcO,IAAIJ,E,CAEpB,C,SACgBK,EAAeL,GAC9BH,EAAcS,OAAON,EACtB,Q","ignoreList":[]}

package/dist/kolibri/validation-00baa068.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{h as e}from"./label-452f8c01.js";import{w as r}from"./prop.validators-f2b9a155.js";const a=(a,o)=>{r(a,"_level",(r=>"number"==typeof r&&e.includes(r)),new Set([`Number {${e.join(", ")}`]),o,{defaultValue:1,required:!0})};export{a as w};

package/dist/kolibri/{validation-c2d11c8c.js.map → validation-00baa068.js.map}

@@ -1 +1 @@
-{"version":3,"names":["watchHeadingLevel","component","value","watchValidator","headingLevelOptions","includes","Set","join","defaultValue","required"],"sources":["src/components/heading/validation.ts"],"sourcesContent":["import type { HeadingLevel } from '../../schema';\nimport { headingLevelOptions, watchValidator } from '../../schema';\n\nimport type { Generic } from 'adopted-style-sheets';\n\nexport const watchHeadingLevel = (component: Generic.Element.Component, value?: HeadingLevel): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t'_level',\n\t\t(value?: HeadingLevel): boolean => {\n\t\t\treturn typeof value === 'number' && headingLevelOptions.includes(value);\n\t\t},\n\t\tnew Set([`Number {${headingLevelOptions.join(', ')}`]),\n\t\tvalue,\n\t\t{\n\t\t\t// TODO: options not in the validator\n\t\t\tdefaultValue: 1,\n\t\t\trequired: true,\n\t\t},\n\t);\n};\n"],"mappings":";;;gGAKaA,EAAoB,CAACC,EAAsCC,KACvEC,EACCF,EACA,UACCC,UACcA,IAAU,UAAYE,EAAoBC,SAASH,IAElE,IAAII,IAAI,CAAC,WAAWF,EAAoBG,KAAK,UAC7CL,EACA,CAECM,aAAc,EACdC,SAAU,MAEX,S"}
+{"version":3,"names":["watchHeadingLevel","component","value","watchValidator","headingLevelOptions","includes","Set","join","defaultValue","required"],"sources":["src/components/heading/validation.ts"],"sourcesContent":["import type { HeadingLevel } from '../../schema';\nimport { headingLevelOptions, watchValidator } from '../../schema';\n\nimport type { Generic } from 'adopted-style-sheets';\n\nexport const watchHeadingLevel = (component: Generic.Element.Component, value?: HeadingLevel): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t'_level',\n\t\t(value?: HeadingLevel): boolean => {\n\t\t\treturn typeof value === 'number' && headingLevelOptions.includes(value);\n\t\t},\n\t\tnew Set([`Number {${headingLevelOptions.join(', ')}`]),\n\t\tvalue,\n\t\t{\n\t\t\t// TODO: options not in the validator\n\t\t\tdefaultValue: 1,\n\t\t\trequired: true,\n\t\t},\n\t);\n};\n"],"mappings":";;;gGAKaA,EAAoB,CAACC,EAAsCC,KACvEC,EACCF,EACA,UACCC,UACcA,IAAU,UAAYE,EAAoBC,SAASH,IAElE,IAAII,IAAI,CAAC,WAAWF,EAAoBG,KAAK,UAC7CL,EACA,CAECM,aAAc,EACdC,SAAU,MAEX,S","ignoreList":[]}

package/dist/kolibri/validation-3f609300.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{g as o,h as t}from"./prop.validators-f2b9a155.js";const s=(s,e,a)=>{o(e,"_links",(t=>"object"==typeof t&&("string"==typeof t._href||"string"==typeof t._label)),a),t(s,e.state._links.length)};export{s as w};

package/dist/kolibri/{validation-561836d9.js.map → validation-3f609300.js.map}

@@ -1 +1 @@
-{"version":3,"names":["watchNavLinks","className","component","value","watchJsonArrayString","link","_href","_label","uiUxHintMillerscheZahl","state","_links","length"],"sources":["src/components/nav/validation.ts"],"sourcesContent":["import type { HrefProp, LabelProp, Stringified } from '../../schema';\nimport { uiUxHintMillerscheZahl, watchJsonArrayString } from '../../schema';\n\nimport type { Generic } from 'adopted-style-sheets';\n\ntype HrefOrLabelProp = HrefProp | LabelProp;\n\nexport const watchNavLinks = (\n\tclassName: string,\n\tcomponent: Generic.Element.Component & {\n\t\tstate: {\n\t\t\t_links: HrefOrLabelProp[];\n\t\t};\n\t},\n\tvalue?: Stringified<HrefOrLabelProp[]>,\n): void => {\n\twatchJsonArrayString(\n\t\tcomponent,\n\t\t'_links',\n\t\t(link) => typeof link === 'object' && (typeof (link as HrefProp)._href === 'string' || typeof (link as LabelProp)._label === 'string'),\n\t\tvalue,\n\t);\n\tuiUxHintMillerscheZahl(className, component.state._links.length);\n};\n"],"mappings":";;;+DAOaA,EAAgB,CAC5BC,EACAC,EAKAC,KAEAC,EACCF,EACA,UACCG,UAAgBA,IAAS,kBAAqBA,EAAkBC,QAAU,iBAAoBD,EAAmBE,SAAW,WAC7HJ,GAEDK,EAAuBP,EAAWC,EAAUO,MAAMC,OAAOC,OAAO,S"}
+{"version":3,"names":["watchNavLinks","className","component","value","watchJsonArrayString","link","_href","_label","uiUxHintMillerscheZahl","state","_links","length"],"sources":["src/components/nav/validation.ts"],"sourcesContent":["import type { HrefProp, LabelProp, Stringified } from '../../schema';\nimport { uiUxHintMillerscheZahl, watchJsonArrayString } from '../../schema';\n\nimport type { Generic } from 'adopted-style-sheets';\n\ntype HrefOrLabelProp = HrefProp | LabelProp;\n\nexport const watchNavLinks = (\n\tclassName: string,\n\tcomponent: Generic.Element.Component & {\n\t\tstate: {\n\t\t\t_links: HrefOrLabelProp[];\n\t\t};\n\t},\n\tvalue?: Stringified<HrefOrLabelProp[]>,\n): void => {\n\twatchJsonArrayString(\n\t\tcomponent,\n\t\t'_links',\n\t\t(link) => typeof link === 'object' && (typeof (link as HrefProp)._href === 'string' || typeof (link as LabelProp)._label === 'string'),\n\t\tvalue,\n\t);\n\tuiUxHintMillerscheZahl(className, component.state._links.length);\n};\n"],"mappings":";;;+DAOaA,EAAgB,CAC5BC,EACAC,EAKAC,KAEAC,EACCF,EACA,UACCG,UAAgBA,IAAS,kBAAqBA,EAAkBC,QAAU,iBAAoBD,EAAmBE,SAAW,WAC7HJ,GAEDK,EAAuBP,EAAWC,EAAUO,MAAMC,OAAOC,OAAO,S","ignoreList":[]}

package/dist/loader/cdn.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-module.exports=require("../cjs/loader.cjs.js"),module.exports.applyPolyfills=function(){return Promise.resolve()};
+module.exports=require("../cjs/loader.cjs.js");

package/dist/loader/index.cjs.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-module.exports=require("../cjs/loader.cjs.js"),module.exports.applyPolyfills=function(){return Promise.resolve()};
+module.exports=require("../cjs/loader.cjs.js");

package/dist/loader/index.es2017.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-export*from"../esm/polyfills/index.js";export*from"../esm/loader.js";
+export*from"../esm/loader.js";

package/dist/loader/index.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-!function(){if("undefined"!=typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var e=HTMLElement;window.HTMLElement=function(){return Reflect.construct(e,[],this.constructor)},HTMLElement.prototype=e.prototype,HTMLElement.prototype.constructor=HTMLElement,Object.setPrototypeOf(HTMLElement,e)}}();export*from"../esm/polyfills/index.js";export*from"../esm/loader.js";
+!function(){if("undefined"!=typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var t=HTMLElement;window.HTMLElement=function(){return Reflect.construct(t,[],this.constructor)},HTMLElement.prototype=t.prototype,HTMLElement.prototype.constructor=HTMLElement,Object.setPrototypeOf(HTMLElement,t)}}();export*from"../esm/loader.js";

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

@@ -1,9 +1,9 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { AdjustHeightPropType, ButtonProps, HideErrorPropType, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, TooltipAlignPropType } from '../../../schema';
+import type { AdjustHeightPropType, ButtonProps, HideErrorPropType, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, StencilUnknown, TooltipAlignPropType } from '../../../schema';
 import { ControlledInputController } from '../../input-adapter-leanup/controller';
 import type { Props as AdapterProps } from '../../input-adapter-leanup/types';
 import type { Props, Watches } from './types';
-type ValueChangeListener = (value: string) => void;
+type ValueChangeListener = (value: StencilUnknown) => void;
 export declare class InputController extends ControlledInputController implements Watches {
     protected readonly component: Generic.Element.Component & Props & AdapterProps;
     private readonly valueChangeListeners;
@@ -24,17 +24,17 @@ export declare class InputController extends ControlledInputController implement
     validateTabIndex(value?: number): void;
     componentWillLoad(): void;
     protected onBlur(event: Event): void;
-    protected onChange(event: Event): void;
-    protected onInput(event: Event, shouldSetFormAssociatedValue?: boolean): void;
+    protected onChange(event: Event, value?: StencilUnknown): void;
+    protected onInput(event: Event, shouldSetFormAssociatedValue?: boolean, value?: StencilUnknown): void;
     protected onClick(event: Event): void;
     protected onFocus(event: Event): void;
     addValueChangeListener(listener: ValueChangeListener): void;
     readonly onFacade: {
         onBlur: (event: Event) => void;
-        onChange: (event: Event) => void;
+        onChange: (event: Event, value?: StencilUnknown) => void;
         onClick: (event: Event) => void;
         onFocus: (event: Event) => void;
-        onInput: (event: Event, shouldSetFormAssociatedValue?: boolean) => void;
+        onInput: (event: Event, shouldSetFormAssociatedValue?: boolean, value?: StencilUnknown) => void;
     };
 }
 export {};

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

@@ -0,0 +1,13 @@
+import type { ComboboxWatches, ComboboxProps, SuggestionsPropType, MsgPropType } from '../../schema';
+import { InputIconController } from '../@deprecated/input/controller-icon';
+import type { Generic } from 'adopted-style-sheets';
+export declare class ComboboxController extends InputIconController implements ComboboxWatches {
+    protected readonly component: Generic.Element.Component & ComboboxProps;
+    constructor(component: Generic.Element.Component & ComboboxProps, name: string, host?: HTMLElement);
+    validateSuggestions(value?: SuggestionsPropType): void;
+    validateRequired(value?: boolean): void;
+    validateValue(value?: string): void;
+    validateMsg(value?: MsgPropType): void;
+    validatePlaceholder(value?: string): void;
+    componentWillLoad(): void;
+}

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

@@ -0,0 +1,66 @@
+import type { HideErrorPropType, IdPropType, InputTypeOnDefault, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ComboboxAPI, ComboboxStates, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType, SuggestionsPropType } from '../../schema';
+import type { JSX } from '../../stencil-public-runtime';
+export declare class KolCombobox implements ComboboxAPI {
+    private readonly host?;
+    private ref?;
+    private refSuggestions;
+    getValue(): Promise<string | undefined>;
+    private toggleListbox;
+    private selectOption;
+    private onInput;
+    private handleKeyDownDropdown;
+    private setFilteredSuggestionsByQuery;
+    private _focusedOptionIndex;
+    private moveFocus;
+    private focusOption;
+    private focusSuggestionStartingWith;
+    render(): JSX.Element;
+    handleKeyDown(event: KeyboardEvent): void;
+    private readonly controller;
+    private _isOpen;
+    private _filteredSuggestions?;
+    handleWindowClick(event: MouseEvent): void;
+    _accessKey?: string;
+    _placeholder?: string;
+    _alert?: boolean;
+    _disabled?: boolean;
+    _hideError?: boolean;
+    _hideLabel?: boolean;
+    _hint?: string;
+    _icons?: Stringified<KoliBriHorizontalIcons>;
+    _id?: IdPropType;
+    _label: LabelWithExpertSlotPropType;
+    _msg?: MsgPropType;
+    _name?: NamePropType;
+    _on?: InputTypeOnDefault;
+    _suggestions: string[];
+    _required?: boolean;
+    _syncValueBySelector?: SyncValueBySelectorPropType;
+    _tabIndex?: number;
+    _tooltipAlign?: TooltipAlignPropType;
+    _touched?: boolean;
+    _value?: string;
+    state: ComboboxStates;
+    constructor();
+    validatePlaceholder(value?: string): void;
+    validateAccessKey(value?: string): void;
+    validateAlert(value?: boolean): void;
+    validateDisabled(value?: boolean): void;
+    validateHideError(value?: HideErrorPropType): void;
+    validateHideLabel(value?: boolean): void;
+    validateHint(value?: string): void;
+    validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;
+    validateId(value?: string): void;
+    validateLabel(value?: LabelWithExpertSlotPropType): void;
+    validateMsg(value?: MsgPropType): void;
+    validateName(value?: string): void;
+    validateOn(value?: InputTypeOnDefault): void;
+    validateSuggestions(value?: SuggestionsPropType): void;
+    validateRequired(value?: boolean): void;
+    validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
+    validateTabIndex(value?: number): void;
+    validateTouched(value?: boolean): void;
+    validateValue(value?: string): void;
+    componentWillLoad(): void;
+    private onChange;
+}

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

@@ -2,7 +2,7 @@ import { type MsgPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
 import type { AccessKeyPropType, ButtonProps, IdPropType, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, Stringified, SuggestionsPropType, TooltipAlignPropType } from '../../schema';
 import type { Props } from './types';
-export declare class KolInput implements Props {
+export declare class KolInputWc implements Props {
     private readonly host?;
     private slotName;
     componentWillRender(): void;

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

@@ -3,7 +3,6 @@ import { InputIconController } from '../@deprecated/input/controller-icon';
 import type { Generic } from 'adopted-style-sheets';
 export declare class InputPasswordController extends InputIconController implements InputPasswordWatches {
     protected readonly component: Generic.Element.Component & InputPasswordProps;
-    private placeholderCache?;
     constructor(component: Generic.Element.Component & InputPasswordProps, name: string, host?: HTMLElement);
     validateAutoComplete(value?: InputTypeOnOff): void;
     validateHasCounter(value?: boolean): void;
@@ -14,6 +13,4 @@ export declare class InputPasswordController extends InputIconController impleme
     validateRequired(value?: boolean): void;
     validateValue(value?: string): void;
     componentWillLoad(): void;
-    protected onBlur(event: Event): void;
-    protected onFocus(event: Event): void;
 }

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

@@ -21,8 +21,8 @@ export declare class InputRadioController extends InputCheckboxRadioController i
     readonly getOptionByKey: (key: string) => Option<W3CInputValue> | undefined;
     protected readonly afterPatchOptions: (value: unknown, _state: Record<string, unknown>, _component: Generic.Element.Component, key: string) => void;
     validateOrientation(value?: Orientation): void;
-    validateOptions(value?: OptionsPropType): void;
     protected readonly beforePatchOptions: (_value: unknown, nextState: Map<string, unknown>) => void;
+    validateOptions(value?: OptionsPropType): void;
     validateValue(value?: Stringified<StencilUnknown>): void;
     componentWillLoad(): void;
 }

package/dist/types/components/input-radio/{component.d.ts → shadow.d.ts}

@@ -3,6 +3,7 @@ import type { JSX } from '../../stencil-public-runtime';
 export declare class KolInputRadio implements InputRadioAPI {
     private readonly host?;
     private currentValue?;
+    private ref?;
     private readonly catchRef;
     getValue(): Promise<StencilUnknown | undefined>;
     render(): JSX.Element;
@@ -52,4 +53,5 @@ export declare class KolInputRadio implements InputRadioAPI {
     componentWillLoad(): void;
     private onInput;
     private onChange;
+    private readonly onKeyDown;
 }

package/dist/types/components/link-button/{component.d.ts → shadow.d.ts}

@@ -12,7 +12,7 @@ export declare class KolLinkButton implements LinkButtonProps {
     _hideLabel?: boolean;
     _href: HrefPropType;
     _icons?: IconsPropType;
-    _label: LabelWithExpertSlotPropType;
+    _label?: LabelWithExpertSlotPropType;
     _on?: LinkOnCallbacksPropType;
     _role?: AlternativeButtonLinkRolePropType;
     _tabIndex?: number;

package/dist/types/components/link-button/test/html.mock.d.ts

@@ -0,0 +1,2 @@
+import type { LinkButtonProps } from '../../../schema';
+export declare const getLinkButtonHtml: (props: LinkButtonProps) => string;

package/dist/types/components/link-group/test/html.mock.d.ts

@@ -0,0 +1,2 @@
+import type { LinkGroupProps } from '../../../schema';
+export declare const getLinkGroupHtml: (props: LinkGroupProps) => string;

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

@@ -0,0 +1 @@
+export declare const getModalHtml: () => string;

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

@@ -0,0 +1,2 @@
+import type { NavProps } from '../../../schema';
+export declare const getNavHtml: (props: NavProps) => string;

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

@@ -0,0 +1,2 @@
+import type { PaginationProps } from '../../../schema';
+export declare const getPaginationHtml: (props: PaginationProps) => string;

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

@@ -3,7 +3,6 @@ import { InputIconController } from '../@deprecated/input/controller-icon';
 import type { Generic } from 'adopted-style-sheets';
 export declare class SelectController extends InputIconController implements SelectWatches {
     protected readonly component: Generic.Element.Component & SelectProps;
-    private onStateChange;
     private readonly keyOptionMap;
     constructor(component: Generic.Element.Component & SelectProps, name: string, host?: HTMLElement);
     readonly getOptionByKey: (key: string) => Option<W3CInputValue> | undefined;
@@ -16,5 +15,5 @@ export declare class SelectController extends InputIconController implements Sel
     validateRequired(value?: boolean): void;
     validateRows(value?: RowsPropType): void;
     validateValue(value?: Stringified<W3CInputValue[]>): void;
-    componentWillLoad(onChange?: (event: Event) => void): void;
+    componentWillLoad(): void;
 }

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

@@ -0,0 +1,2 @@
+import { type SelectProps } from '../../../schema';
+export declare const getSelectHtml: (props: SelectProps) => string;

package/dist/types/components/skip-nav/test/html.mock.d.ts

@@ -0,0 +1,2 @@
+import type { SkipNavProps } from '../../../schema';
+export declare const getSkipNavHtml: (props: SkipNavProps) => string;

package/dist/types/components/split-button/{component.d.ts → shadow.d.ts}

@@ -1,4 +1,4 @@
-import type { AlternativeButtonLinkRolePropType, ButtonCallbacksPropType, ButtonTypePropType, ButtonVariantPropType, CustomClassPropType, IconsPropType, LabelPropType, SplitButtonProps, SplitButtonStates, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { AlternativeButtonLinkRolePropType, ButtonCallbacksPropType, ButtonTypePropType, ButtonVariantPropType, CustomClassPropType, IconsPropType, LabelPropType, NamePropType, SplitButtonProps, SplitButtonStates, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
 export declare class KolSplitButton implements SplitButtonProps {
     private dropdown;
@@ -19,7 +19,7 @@ export declare class KolSplitButton implements SplitButtonProps {
     _icons?: IconsPropType;
     _id?: string;
     _label: LabelPropType;
-    _name?: string;
+    _name?: NamePropType;
     _on?: ButtonCallbacksPropType<StencilUnknown>;
     _role?: AlternativeButtonLinkRolePropType;
     _syncValueBySelector?: SyncValueBySelectorPropType;

package/dist/types/components/split-button/test/html.mock.d.ts

@@ -0,0 +1,2 @@
+import type { SplitButtonProps } from '../../../schema';
+export declare const getSplitButtonHtml: (props: SplitButtonProps) => string;

package/dist/types/components/table/{component.d.ts → shadow.d.ts}

@@ -1,4 +1,4 @@
-import type { KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, PaginationPositionPropType, Stringified, TableProps } from '../../schema';
+import type { KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, PaginationPositionPropType, Stringified, TableProps, TableSelectionPropType, TableStatefulCallbacksPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
 export declare class KolTable implements TableProps {
     _allowMultiSort?: boolean;
@@ -9,5 +9,7 @@ export declare class KolTable implements TableProps {
     _minWidth?: string;
     _pagination?: boolean | Stringified<KoliBriTablePaginationProps>;
     _paginationPosition?: PaginationPositionPropType;
+    _selection?: TableSelectionPropType;
+    _on?: TableStatefulCallbacksPropType;
     render(): JSX.Element;
 }

package/dist/types/components/table-stateful/{component.d.ts → shadow.d.ts}

@@ -1,6 +1,7 @@
-import type { KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, LabelPropType, PaginationPositionPropType, Stringified, TableAPI, TableDataFootPropType, TableDataPropType, TableStates } from '../../schema';
+import type { KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, LabelPropType, PaginationPositionPropType, Stringified, TableAPI, TableStatefulCallbacksPropType, TableDataFootPropType, TableDataPropType, TableSelectionPropType, TableStates } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
 export declare class KolTableStateful implements TableAPI {
+    private readonly host?;
     private sortFunction?;
     private sortDirections;
     private sortData;
@@ -17,6 +18,8 @@ export declare class KolTableStateful implements TableAPI {
     _minWidth?: string;
     _pagination?: boolean | Stringified<KoliBriTablePaginationProps>;
     _paginationPosition?: PaginationPositionPropType;
+    _selection?: TableSelectionPropType;
+    _on?: TableStatefulCallbacksPropType;
     state: TableStates;
     validateAllowMultiSort(value?: boolean): void;
     validateData(value?: TableDataPropType): void;
@@ -27,6 +30,8 @@ export declare class KolTableStateful implements TableAPI {
     validateHeaders(value?: Stringified<KoliBriTableHeaders>): void;
     validateLabel(value?: LabelPropType): void;
     validateMinWidth(value?: string): void;
+    validateSelection(value?: TableSelectionPropType): void;
+    validateOn(value?: TableStatefulCallbacksPropType): void;
     private readonly handlePagination;
     validatePagination(value?: boolean | Stringified<KoliBriTablePaginationProps>): void;
     componentWillLoad(): void;
@@ -35,5 +40,8 @@ export declare class KolTableStateful implements TableAPI {
     private renderPagination;
     private getHeaderCellSortState;
     private handleSort;
+    private getSelectedData;
+    private handleSelectionChange;
+    getSelection(): Promise<KoliBriTableDataType[]>;
     render(): JSX.Element;
 }

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

@@ -1,11 +1,13 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { LabelPropType, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableStatelessAPI, TableStatelessStates } from '../../schema';
+import type { LabelPropType, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatelessAPI, TableStatelessStates } from '../../schema';
 export declare class KolTableStateless implements TableStatelessAPI {
+    private readonly host?;
     state: TableStatelessStates;
     private tableDivElement?;
     private tableDivElementResizeObserver?;
     private horizontal;
     private cellsToRenderTimeouts;
+    private dataToKeyMap;
     private tableDivElementHasScrollbar;
     _data: TableDataPropType;
     _dataFoot?: TableDataFootPropType;
@@ -13,16 +15,20 @@ export declare class KolTableStateless implements TableStatelessAPI {
     _label: string;
     _minWidth?: string;
     _on?: TableCallbacksPropType;
+    _selection?: TableSelectionPropType;
     validateData(value?: TableDataPropType): void;
     validateDataFoot(value?: TableDataFootPropType): void;
     validateHeaderCells(value?: TableHeaderCellsPropType): void;
     validateLabel(value?: LabelPropType): void;
     validateMinWidth(value?: string): void;
     validateOn(value?: TableCallbacksPropType): void;
+    validateSelection(value?: TableSelectionPropType): void;
     componentDidRender(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
     private checkDivElementScrollbar;
+    private updateDataToKeyMap;
+    private getDataKey;
     private cellRender;
     private getNumberOfCols;
     private getNumberOfRows;
@@ -30,6 +36,7 @@ export declare class KolTableStateless implements TableStatelessAPI {
     private getPrimaryHeader;
     private createDataField;
     componentWillLoad(): void;
+    private renderSelectionCell;
     private readonly renderTableRow;
     private readonly renderTableCell;
     private renderHeadingCell;

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

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

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

@@ -0,0 +1,2 @@
+import type { TabsProps } from '../../../schema';
+export declare const getTabsHtml: (props: TabsProps) => string;