@public-ui/components 3.0.4-rc.1 → 3.0.4

package/dist/kolibri/max-length-behavior-DCUK2Rvw.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{d as s,N as t,w as o}from"./common-zXZUsQ7l.js";const a=(t,a,n)=>{s(t,"_hasCounter",a,n)},n=(s,a,n={})=>{t(s,"_maxLength",a,Object.assign({min:0},n))},e=["hard","soft"],r=(s,t)=>{o(s,"_maxLengthBehavior",s=>"string"==typeof s&&e.includes(s),new Set(["String {hard, soft}"]),t)};export{a,n as b,r as v};

package/dist/kolibri/{max-length-behavior-Bqd46qaV.js.map → max-length-behavior-DCUK2Rvw.js.map}

@@ -1 +1 @@
-{"version":3,"file":"max-length-behavior-Bqd46qaV.js","sources":["src/schema/props/has-counter.ts","src/schema/props/max-length.ts","src/schema/props/max-length-behavior.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchBooleanOptions } from '../utils';\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type HasCounterPropType = boolean;\n\n/**\n * Shows the character count on the lower border of the input.\n */\nexport type PropHasCounter = {\n\thasCounter: HasCounterPropType;\n};\n\n/* validator */\nexport const validateHasCounter = (component: Generic.Element.Component, value?: HasCounterPropType, options?: WatchBooleanOptions): void => {\n\twatchBoolean(component, '_hasCounter', value, options);\n};\n","import type { Generic } from 'adopted-style-sheets';\nimport type { WatchNumberOptions } from '../utils';\nimport { watchNumber } from '../utils';\n\nexport type MaxLengthPropType = number;\n\n/**\n * Defines the maximum length of the value.\n */\nexport type PropMaxLength = {\n\tmaxLength: MaxLengthPropType;\n};\n\nexport const validateMaxLength = (component: Generic.Element.Component, value?: MaxLengthPropType, options: WatchNumberOptions = {}): void => {\n\twatchNumber(component, '_maxLength', value, { min: 0, ...options });\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchValidator } from '../utils';\n\n/* types */\nconst maxLengthBehaviorPropTypeOptions = ['hard', 'soft'] as const;\nexport type MaxLengthBehaviorPropType = (typeof maxLengthBehaviorPropTypeOptions)[number];\n\n/**\n * Defines the behavior when maxLength is set. 'hard' sets the maxlength attribute, 'soft' shows a character counter without preventing input.\n */\nexport type PropMaxLengthBehavior = {\n\tmaxLengthBehavior: MaxLengthBehaviorPropType;\n};\n\n/* validator */\nexport const validateMaxLengthBehavior = (component: Generic.Element.Component, value?: MaxLengthBehaviorPropType): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t'_maxLengthBehavior',\n\t\t(value): boolean => typeof value === 'string' && maxLengthBehaviorPropTypeOptions.includes(value),\n\t\tnew Set(['String {hard, soft}']),\n\t\tvalue,\n\t);\n};\n"],"names":[],"mappings":";;;;;AAgBa,MAAA,kBAAkB,GAAG,CAAC,SAAoC,EAAE,KAA0B,EAAE,OAA6B,KAAU;IAC3I,YAAY,CAAC,SAAS,EAAE,aAAa,EAAE,KAAK,EAAE,OAAO,CAAC;AACvD;;ACLO,MAAM,iBAAiB,GAAG,CAAC,SAAoC,EAAE,KAAyB,EAAE,OAAA,GAA8B,EAAE,KAAU;AAC5I,IAAA,WAAW,CAAC,SAAS,EAAE,YAAY,EAAE,KAAK,EAAI,MAAA,CAAA,MAAA,CAAA,EAAA,GAAG,EAAE,CAAC,EAAK,EAAA,OAAO,EAAG;AACpE;;ACVA,MAAM,gCAAgC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAU;MAWrD,yBAAyB,GAAG,CAAC,SAAoC,EAAE,KAAiC,KAAU;AAC1H,IAAA,cAAc,CACb,SAAS,EACT,oBAAoB,EACpB,CAAC,KAAK,KAAc,OAAO,KAAK,KAAK,QAAQ,IAAI,gCAAgC,CAAC,QAAQ,CAAC,KAAK,CAAC,EACjG,IAAI,GAAG,CAAC,CAAC,qBAAqB,CAAC,CAAC,EAChC,KAAK,CACL;AACF;;;;"}
+{"version":3,"file":"max-length-behavior-DCUK2Rvw.js","sources":["src/schema/props/has-counter.ts","src/schema/props/max-length.ts","src/schema/props/max-length-behavior.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchBooleanOptions } from '../utils';\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type HasCounterPropType = boolean;\n\n/**\n * Shows the character count on the lower border of the input.\n */\nexport type PropHasCounter = {\n\thasCounter: HasCounterPropType;\n};\n\n/* validator */\nexport const validateHasCounter = (component: Generic.Element.Component, value?: HasCounterPropType, options?: WatchBooleanOptions): void => {\n\twatchBoolean(component, '_hasCounter', value, options);\n};\n","import type { Generic } from 'adopted-style-sheets';\nimport type { WatchNumberOptions } from '../utils';\nimport { watchNumber } from '../utils';\n\nexport type MaxLengthPropType = number;\n\n/**\n * Defines the maximum length of the value.\n */\nexport type PropMaxLength = {\n\tmaxLength: MaxLengthPropType;\n};\n\nexport const validateMaxLength = (component: Generic.Element.Component, value?: MaxLengthPropType, options: WatchNumberOptions = {}): void => {\n\twatchNumber(component, '_maxLength', value, { min: 0, ...options });\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchValidator } from '../utils';\n\n/* types */\nconst maxLengthBehaviorPropTypeOptions = ['hard', 'soft'] as const;\nexport type MaxLengthBehaviorPropType = (typeof maxLengthBehaviorPropTypeOptions)[number];\n\n/**\n * Defines the behavior when maxLength is set. 'hard' sets the maxlength attribute, 'soft' shows a character counter without preventing input.\n */\nexport type PropMaxLengthBehavior = {\n\tmaxLengthBehavior: MaxLengthBehaviorPropType;\n};\n\n/* validator */\nexport const validateMaxLengthBehavior = (component: Generic.Element.Component, value?: MaxLengthBehaviorPropType): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t'_maxLengthBehavior',\n\t\t(value): boolean => typeof value === 'string' && maxLengthBehaviorPropTypeOptions.includes(value),\n\t\tnew Set(['String {hard, soft}']),\n\t\tvalue,\n\t);\n};\n"],"names":[],"mappings":";;;;;AAgBa,MAAA,kBAAkB,GAAG,CAAC,SAAoC,EAAE,KAA0B,EAAE,OAA6B,KAAU;IAC3I,YAAY,CAAC,SAAS,EAAE,aAAa,EAAE,KAAK,EAAE,OAAO,CAAC;AACvD;;ACLO,MAAM,iBAAiB,GAAG,CAAC,SAAoC,EAAE,KAAyB,EAAE,OAAA,GAA8B,EAAE,KAAU;AAC5I,IAAA,WAAW,CAAC,SAAS,EAAE,YAAY,EAAE,KAAK,EAAI,MAAA,CAAA,MAAA,CAAA,EAAA,GAAG,EAAE,CAAC,EAAK,EAAA,OAAO,EAAG;AACpE;;ACVA,MAAM,gCAAgC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAU;MAWrD,yBAAyB,GAAG,CAAC,SAAoC,EAAE,KAAiC,KAAU;AAC1H,IAAA,cAAc,CACb,SAAS,EACT,oBAAoB,EACpB,CAAC,KAAK,KAAc,OAAO,KAAK,KAAK,QAAQ,IAAI,gCAAgC,CAAC,QAAQ,CAAC,KAAK,CAAC,EACjG,IAAI,GAAG,CAAC,CAAC,qBAAqB,CAAC,CAAC,EAChC,KAAK,CACL;AACF;;;;"}

package/dist/kolibri/multiple-D4hUZQZi.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{d as o}from"./common-zXZUsQ7l.js";const m=(m,s,t)=>{o(m,"_multiple",s,t)};export{m as v};

package/dist/{esm/multiple-XX78_bZo.js.map → kolibri/multiple-D4hUZQZi.js.map}

@@ -1 +1 @@
-{"version":3,"file":"multiple-XX78_bZo.js","sources":["src/schema/props/multiple.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\nimport type { WatchBooleanOptions } from '../utils';\n\n/* types */\nexport type MultiplePropType = boolean;\n\n/**\n * Makes the input accept multiple inputs.\n */\nexport type PropMultiple = {\n\tmultiple: MultiplePropType;\n};\n\n/* validator */\nexport const validateMultiple = (component: Generic.Element.Component, value?: MultiplePropType, options?: WatchBooleanOptions): void => {\n\twatchBoolean(component, '_multiple', value, options);\n};\n"],"names":[],"mappings":";;;;;AAgBa,MAAA,gBAAgB,GAAG,CAAC,SAAoC,EAAE,KAAwB,EAAE,OAA6B,KAAU;IACvI,YAAY,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,CAAC;AACrD;;;;"}
+{"version":3,"file":"multiple-D4hUZQZi.js","sources":["src/schema/props/multiple.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\nimport type { WatchBooleanOptions } from '../utils';\n\n/* types */\nexport type MultiplePropType = boolean;\n\n/**\n * Makes the input accept multiple inputs.\n */\nexport type PropMultiple = {\n\tmultiple: MultiplePropType;\n};\n\n/* validator */\nexport const validateMultiple = (component: Generic.Element.Component, value?: MultiplePropType, options?: WatchBooleanOptions): void => {\n\twatchBoolean(component, '_multiple', value, options);\n};\n"],"names":[],"mappings":";;;;;AAgBa,MAAA,gBAAgB,GAAG,CAAC,SAAoC,EAAE,KAAwB,EAAE,OAA6B,KAAU;IACvI,YAAY,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,CAAC;AACrD;;;;"}

package/dist/kolibri/open-DDc2yKMt.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{d as o}from"./common-zXZUsQ7l.js";const s=(s,m,n)=>{o(s,"_open",m,n)};export{s as v};

package/dist/{esm/open-C3e8CHTb.js.map → kolibri/open-DDc2yKMt.js.map}

@@ -1 +1 @@
-{"version":3,"file":"open-C3e8CHTb.js","sources":["src/schema/props/open.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchBooleanOptions } from '../utils';\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type OpenPropType = boolean;\n\n/**\n * Opens/expands the element when truthy, closes/collapses when falsy.\n */\nexport type PropOpen = {\n\topen: OpenPropType;\n};\n\n/* validator */\nexport const validateOpen = (component: Generic.Element.Component, value: OpenPropType | undefined, options?: WatchBooleanOptions): void => {\n\twatchBoolean(component, '_open', value, options);\n};\n"],"names":[],"mappings":";;;;;AAgBa,MAAA,YAAY,GAAG,CAAC,SAAoC,EAAE,KAA+B,EAAE,OAA6B,KAAU;IAC1I,YAAY,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC;AACjD;;;;"}
+{"version":3,"file":"open-DDc2yKMt.js","sources":["src/schema/props/open.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchBooleanOptions } from '../utils';\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type OpenPropType = boolean;\n\n/**\n * Opens/expands the element when truthy, closes/collapses when falsy.\n */\nexport type PropOpen = {\n\topen: OpenPropType;\n};\n\n/* validator */\nexport const validateOpen = (component: Generic.Element.Component, value: OpenPropType | undefined, options?: WatchBooleanOptions): void => {\n\twatchBoolean(component, '_open', value, options);\n};\n"],"names":[],"mappings":";;;;;AAgBa,MAAA,YAAY,GAAG,CAAC,SAAoC,EAAE,KAA+B,EAAE,OAA6B,KAAU;IAC1I,YAAY,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC;AACjD;;;;"}

package/dist/kolibri/orientation-DdsLYtB3.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{w as o}from"./common-zXZUsQ7l.js";const t=["horizontal","vertical"],i=(i,n,e="horizontal")=>{o(i,"_orientation",o=>"string"==typeof o&&t.includes(o),new Set([`KoliBriOrientation {${t.join(", ")}`]),n,{defaultValue:e})};export{i as v};

package/dist/kolibri/{orientation-N6Xti7J6.js.map → orientation-DdsLYtB3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"orientation-N6Xti7J6.js","sources":["src/schema/props/orientation.ts"],"sourcesContent":["/* types */\nimport type { Generic } from 'adopted-style-sheets';\nimport { watchValidator } from '../utils';\n\nconst orientationPropTypeOptions = ['horizontal', 'vertical'] as const;\nexport type OrientationPropType = (typeof orientationPropTypeOptions)[number];\n\n/**\n * Defines whether the orientation of the component is horizontal or vertical.\n */\nexport type PropOrientation = {\n\torientation: OrientationPropType;\n};\n\n/* validator */\nexport const validateOrientation = (\n\tcomponent: Generic.Element.Component,\n\tvalue?: OrientationPropType,\n\tdefaultValue: OrientationPropType = 'horizontal',\n): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t`_orientation`,\n\t\t(value) => typeof value === 'string' && orientationPropTypeOptions.includes(value),\n\t\tnew Set([`KoliBriOrientation {${orientationPropTypeOptions.join(', ')}`]),\n\t\tvalue,\n\t\t{\n\t\t\tdefaultValue,\n\t\t},\n\t);\n};\n"],"names":[],"mappings":";;;;;AAIA,MAAM,0BAA0B,GAAG,CAAC,YAAY,EAAE,UAAU,CAAU;AAW/D,MAAM,mBAAmB,GAAG,CAClC,SAAoC,EACpC,KAA2B,EAC3B,YAAA,GAAoC,YAAY,KACvC;AACT,IAAA,cAAc,CACb,SAAS,EACT,CAAc,YAAA,CAAA,EACd,CAAC,KAAK,KAAK,OAAO,KAAK,KAAK,QAAQ,IAAI,0BAA0B,CAAC,QAAQ,CAAC,KAAK,CAAC,EAClF,IAAI,GAAG,CAAC,CAAC,uBAAuB,0BAA0B,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,CAAE,CAAC,CAAC,EACzE,KAAK,EACL;QACC,YAAY;AACZ,KAAA,CACD;AACF;;;;"}
+{"version":3,"file":"orientation-DdsLYtB3.js","sources":["src/schema/props/orientation.ts"],"sourcesContent":["/* types */\nimport type { Generic } from 'adopted-style-sheets';\nimport { watchValidator } from '../utils';\n\nconst orientationPropTypeOptions = ['horizontal', 'vertical'] as const;\nexport type OrientationPropType = (typeof orientationPropTypeOptions)[number];\n\n/**\n * Defines whether the orientation of the component is horizontal or vertical.\n */\nexport type PropOrientation = {\n\torientation: OrientationPropType;\n};\n\n/* validator */\nexport const validateOrientation = (\n\tcomponent: Generic.Element.Component,\n\tvalue?: OrientationPropType,\n\tdefaultValue: OrientationPropType = 'horizontal',\n): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t`_orientation`,\n\t\t(value) => typeof value === 'string' && orientationPropTypeOptions.includes(value),\n\t\tnew Set([`KoliBriOrientation {${orientationPropTypeOptions.join(', ')}`]),\n\t\tvalue,\n\t\t{\n\t\t\tdefaultValue,\n\t\t},\n\t);\n};\n"],"names":[],"mappings":";;;;;AAIA,MAAM,0BAA0B,GAAG,CAAC,YAAY,EAAE,UAAU,CAAU;AAW/D,MAAM,mBAAmB,GAAG,CAClC,SAAoC,EACpC,KAA2B,EAC3B,YAAA,GAAoC,YAAY,KACvC;AACT,IAAA,cAAc,CACb,SAAS,EACT,CAAc,YAAA,CAAA,EACd,CAAC,KAAK,KAAK,OAAO,KAAK,KAAK,QAAQ,IAAI,0BAA0B,CAAC,QAAQ,CAAC,KAAK,CAAC,EAClF,IAAI,GAAG,CAAC,CAAC,uBAAuB,0BAA0B,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,CAAE,CAAC,CAAC,EACzE,KAAK,EACL;QACC,YAAY;AACZ,KAAA,CACD;AACF;;;;"}

package/dist/kolibri/placeholder-CKKvVrmb.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{e as o}from"./common-zXZUsQ7l.js";const s=(s,e,m={})=>{o(s,"_placeholder",e,m)};export{s as v};

package/dist/kolibri/{placeholder-DGXnxp3-.js.map → placeholder-CKKvVrmb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"placeholder-DGXnxp3-.js","sources":["src/schema/props/placeholder.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\nimport type { WatchStringOptions } from '../utils';\nimport { watchString } from '../utils';\n\nexport type PlaceholderPropType = string;\n\n/**\n * Describes placeholder text for an input element.\n */\nexport type PropPlaceholder = {\n\tplaceholder: PlaceholderPropType;\n};\n\nexport const validatePlaceholder = (component: Generic.Element.Component, value?: PlaceholderPropType, options: WatchStringOptions = {}): void => {\n\twatchString(component, '_placeholder', value, options);\n};\n"],"names":[],"mappings":";;;;;AAaO,MAAM,mBAAmB,GAAG,CAAC,SAAoC,EAAE,KAA2B,EAAE,OAAA,GAA8B,EAAE,KAAU;IAChJ,WAAW,CAAC,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,OAAO,CAAC;AACvD;;;;"}
+{"version":3,"file":"placeholder-CKKvVrmb.js","sources":["src/schema/props/placeholder.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\nimport type { WatchStringOptions } from '../utils';\nimport { watchString } from '../utils';\n\nexport type PlaceholderPropType = string;\n\n/**\n * Describes placeholder text for an input element.\n */\nexport type PropPlaceholder = {\n\tplaceholder: PlaceholderPropType;\n};\n\nexport const validatePlaceholder = (component: Generic.Element.Component, value?: PlaceholderPropType, options: WatchStringOptions = {}): void => {\n\twatchString(component, '_placeholder', value, options);\n};\n"],"names":[],"mappings":";;;;;AAaO,MAAM,mBAAmB,GAAG,CAAC,SAAoC,EAAE,KAA2B,EAAE,OAAA,GAA8B,EAAE,KAAU;IAChJ,WAAW,CAAC,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,OAAO,CAAC;AACvD;;;;"}

package/dist/kolibri/read-only-D2aPahKx.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{d as o}from"./common-zXZUsQ7l.js";const s=(s,m)=>{o(s,"_readOnly",m)};export{s as v};

package/dist/kolibri/{read-only-C9K1LzTw.js.map → read-only-D2aPahKx.js.map}

@@ -1 +1 @@
-{"version":3,"file":"read-only-C9K1LzTw.js","sources":["src/schema/props/read-only.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type ReadOnlyPropType = boolean;\n\n/**\n * Makes the input element read only.\n */\nexport type PropReadOnly = {\n\treadOnly: ReadOnlyPropType;\n};\n\n/* validator */\nexport const validateReadOnly = (component: Generic.Element.Component, value?: ReadOnlyPropType): void => {\n\twatchBoolean(component, '_readOnly', value);\n};\n"],"names":[],"mappings":";;;;;MAea,gBAAgB,GAAG,CAAC,SAAoC,EAAE,KAAwB,KAAU;AACxG,IAAA,YAAY,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,CAAC;AAC5C;;;;"}
+{"version":3,"file":"read-only-D2aPahKx.js","sources":["src/schema/props/read-only.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type ReadOnlyPropType = boolean;\n\n/**\n * Makes the input element read only.\n */\nexport type PropReadOnly = {\n\treadOnly: ReadOnlyPropType;\n};\n\n/* validator */\nexport const validateReadOnly = (component: Generic.Element.Component, value?: ReadOnlyPropType): void => {\n\twatchBoolean(component, '_readOnly', value);\n};\n"],"names":[],"mappings":";;;;;MAea,gBAAgB,GAAG,CAAC,SAAoC,EAAE,KAAwB,KAAU;AACxG,IAAA,YAAY,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,CAAC;AAC5C;;;;"}

package/dist/kolibri/required-DZ-b_DWV.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{d as o}from"./common-zXZUsQ7l.js";const r=(r,s)=>{o(r,"_required",s)};export{r as v};

package/dist/{esm/required-B9b6BnIz.js.map → kolibri/required-DZ-b_DWV.js.map}

@@ -1 +1 @@
-{"version":3,"file":"required-B9b6BnIz.js","sources":["src/schema/props/required.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type RequiredPropType = boolean;\n\n/**\n * Makes the input element required.\n */\nexport type PropRequired = {\n\trequired: RequiredPropType;\n};\n\n/* validator */\nexport const validateRequired = (component: Generic.Element.Component, value?: RequiredPropType): void => {\n\twatchBoolean(component, '_required', value);\n};\n"],"names":[],"mappings":";;;;;MAea,gBAAgB,GAAG,CAAC,SAAoC,EAAE,KAAwB,KAAU;AACxG,IAAA,YAAY,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,CAAC;AAC5C;;;;"}
+{"version":3,"file":"required-DZ-b_DWV.js","sources":["src/schema/props/required.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type RequiredPropType = boolean;\n\n/**\n * Makes the input element required.\n */\nexport type PropRequired = {\n\trequired: RequiredPropType;\n};\n\n/* validator */\nexport const validateRequired = (component: Generic.Element.Component, value?: RequiredPropType): void => {\n\twatchBoolean(component, '_required', value);\n};\n"],"names":[],"mappings":";;;;;MAea,gBAAgB,GAAG,CAAC,SAAoC,EAAE,KAAwB,KAAU;AACxG,IAAA,YAAY,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,CAAC;AAC5C;;;;"}

package/dist/kolibri/rows-DZqgM5RX.js

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

package/dist/kolibri/{rows-DTr13_vx.js.map → rows-DZqgM5RX.js.map}

@@ -1 +1 @@
-{"version":3,"file":"rows-DTr13_vx.js","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"],"names":[],"mappings":";;;;;MAea,YAAY,GAAG,CAAC,SAAoC,EAAE,KAAoB,KAAU;AAChG,IAAA,WAAW,CAAC,SAAS,EAAE,CAAA,KAAA,CAAO,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC;AACnD;;;;"}
+{"version":3,"file":"rows-DZqgM5RX.js","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"],"names":[],"mappings":";;;;;MAea,YAAY,GAAG,CAAC,SAAoC,EAAE,KAAoB,KAAU;AAChG,IAAA,WAAW,CAAC,SAAS,EAAE,CAAA,KAAA,CAAO,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC;AACnD;;;;"}

package/dist/kolibri/show-D0rlMMpf.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{d as o}from"./common-zXZUsQ7l.js";const s=(s,m,r)=>{o(s,"_show",m,r)};export{s as v};

package/dist/{esm/show-DnRPM4Iz.js.map → kolibri/show-D0rlMMpf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"show-DnRPM4Iz.js","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"],"names":[],"mappings":";;;;;AAgBa,MAAA,YAAY,GAAG,CAAC,SAAoC,EAAE,KAAoB,EAAE,KAA2B,KAAU;IAC7H,YAAY,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC;AAC/C;;;;"}
+{"version":3,"file":"show-D0rlMMpf.js","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"],"names":[],"mappings":";;;;;AAgBa,MAAA,YAAY,GAAG,CAAC,SAAoC,EAAE,KAAoB,EAAE,KAA2B,KAAU;IAC7H,YAAY,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC;AAC/C;;;;"}

package/dist/kolibri/spell-check-Chr2J8Ox.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{d as e}from"./common-zXZUsQ7l.js";const o=(o,s)=>{e(o,"_spellCheck",s,{defaultValue:void 0})};export{o as v};

package/dist/kolibri/{spell-check-7eVNgVLz.js.map → spell-check-Chr2J8Ox.js.map}

@@ -1 +1 @@
-{"version":3,"file":"spell-check-7eVNgVLz.js","sources":["src/schema/props/spell-check.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type SpellCheckPropType = boolean;\n\n/**\n * Defines whether the browser should check the spelling and grammar.\n */\nexport type PropSpellCheck = {\n\tspellCheck: SpellCheckPropType;\n};\n\n/* validator */\nexport const validateSpellCheck = (component: Generic.Element.Component, value?: SpellCheckPropType): void => {\n\twatchBoolean(component, '_spellCheck', value, {\n\t\tdefaultValue: undefined,\n\t});\n};\n"],"names":[],"mappings":";;;;;MAea,kBAAkB,GAAG,CAAC,SAAoC,EAAE,KAA0B,KAAU;AAC5G,IAAA,YAAY,CAAC,SAAS,EAAE,aAAa,EAAE,KAAK,EAAE;AAC7C,QAAA,YAAY,EAAE,SAAS;AACvB,KAAA,CAAC;AACH;;;;"}
+{"version":3,"file":"spell-check-Chr2J8Ox.js","sources":["src/schema/props/spell-check.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type SpellCheckPropType = boolean;\n\n/**\n * Defines whether the browser should check the spelling and grammar.\n */\nexport type PropSpellCheck = {\n\tspellCheck: SpellCheckPropType;\n};\n\n/* validator */\nexport const validateSpellCheck = (component: Generic.Element.Component, value?: SpellCheckPropType): void => {\n\twatchBoolean(component, '_spellCheck', value, {\n\t\tdefaultValue: undefined,\n\t});\n};\n"],"names":[],"mappings":";;;;;MAea,kBAAkB,GAAG,CAAC,SAAoC,EAAE,KAA0B,KAAU;AAC5G,IAAA,YAAY,CAAC,SAAS,EAAE,aAAa,EAAE,KAAK,EAAE;AAC7C,QAAA,YAAY,EAAE,SAAS;AACvB,KAAA,CAAC;AACH;;;;"}

package/dist/kolibri/suggestions-dPkxw3RQ.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{H as s,t as e}from"./common-zXZUsQ7l.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-DclRTsZK.js.map → suggestions-dPkxw3RQ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"suggestions-DclRTsZK.js","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"],"names":[],"mappings":";;;;;MAkBa,mBAAmB,GAAG,CAAC,SAAoC,EAAE,KAA2B,KAAU;IAC9G,oBAAoB,CAAC,SAAS,EAAE,cAAc,EAAE,CAAC,IAAmB,KAAK,OAAO,IAAI,KAAK,QAAQ,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE;AAChJ,QAAA,KAAK,EAAE;AACN,YAAA,UAAU,EAAE,CAAC,KAAc,KAAI;gBAC9B,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,EAAE;oBACzC,QAAQ,CAAC,0HAA0H,CAAC;;aAErI;AACD,SAAA;AACD,KAAA,CAAC;AACH;;;;"}
+{"version":3,"file":"suggestions-dPkxw3RQ.js","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"],"names":[],"mappings":";;;;;MAkBa,mBAAmB,GAAG,CAAC,SAAoC,EAAE,KAA2B,KAAU;IAC9G,oBAAoB,CAAC,SAAS,EAAE,cAAc,EAAE,CAAC,IAAmB,KAAK,OAAO,IAAI,KAAK,QAAQ,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE;AAChJ,QAAA,KAAK,EAAE;AACN,YAAA,UAAU,EAAE,CAAC,KAAc,KAAI;gBAC9B,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,EAAE;oBACzC,QAAQ,CAAC,0HAA0H,CAAC;;aAErI;AACD,SAAA;AACD,KAAA,CAAC;AACH;;;;"}

package/dist/kolibri/table-settings-CF9uiyi4.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{w as t,O as e,o as n,p as o,s as a,G as s}from"./common-zXZUsQ7l.js";const c=(e,a)=>{t(e,"_on",e=>"object"==typeof e&&null!==e,new Set(["TableCallbacksPropType {Events.onSort, Events.onSelectionChange}"]),a)},l=(e,a)=>{t(e,"_on",e=>"object"==typeof e&&null!==e,new Set(["TableStatefulCallbacksPropType {Events.onSelectionChange}"]),a)},f=(t,s,r)=>{e(s,()=>{n(s,()=>{void 0===s&&(s=[]);try{s=o(s)}catch(e){}Array.isArray(s)&&s.every(e=>"object"==typeof e&&null!==e)&&a(t,"_data",s,r)})})},r=(t,s,r)=>{e(s,()=>{n(s,()=>{void 0===s&&(s=[]);try{s=o(s)}catch(e){}Array.isArray(s)&&s.every(e=>"object"==typeof e&&null!==e)&&a(t,"_dataFoot",s,r)})})},y=(e,t)=>{(e=>e&&s(e)&&"function"==typeof e.label&&(!e.selectedKeys||Array.isArray(e.selectedKeys)))("string"==typeof t?(()=>{try{return o(t)}catch(e){return}})():t)&&a(e,"_selection",t)},i=(e,a)=>{t(e,"_tableSettings",e=>"object"==typeof e&&null!==e,new Set(["TableSettings"]),a)};export{r as a,y as b,l as c,i as d,c as e,f as v};

package/dist/{esm/table-settings-C_w0eJ7x.js.map → kolibri/table-settings-CF9uiyi4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"table-settings-C_w0eJ7x.js","sources":["src/schema/props/table-callbacks.ts","src/schema/props/table-data.ts","src/schema/props/table-data-foot.ts","src/schema/props/table-selection.ts","src/schema/props/table-settings.ts"],"sourcesContent":["import type { Callback } from '../enums';\nimport type { EventValueOrEventCallback } from '../types/callbacks';\nimport { watchValidator } from '../utils';\n\nimport type { Generic } from 'adopted-style-sheets';\nimport type { KoliBriSortDirection, KoliBriTableDataType } from '../types';\n\n/* types */\nexport type SortEventPayload = {\n\tkey: string;\n\tcurrentSortDirection: KoliBriSortDirection;\n};\n\nexport type SelectionChangeEventPayload = string[] | string;\nexport type StatefulSelectionChangeEventPayload = KoliBriTableDataType[] | KoliBriTableDataType | null;\n\nexport type TableCallbacksPropType = {\n\t[Callback.onSort]?: EventValueOrEventCallback<MouseEvent, SortEventPayload>;\n\t[Callback.onSelectionChange]?: EventValueOrEventCallback<Event, SelectionChangeEventPayload>;\n};\nexport type TableStatefulCallbacksPropType = {\n\t[Callback.onSelectionChange]?: EventValueOrEventCallback<Event, StatefulSelectionChangeEventPayload>;\n};\n/**\n * Defines the callback functions for table events.\n */\nexport type PropTableCallbacks = {\n\ton: TableCallbacksPropType;\n};\n\nexport type StatefulPropTableCallbacks = {\n\ton: TableStatefulCallbacksPropType;\n};\n\n/* validator */\nexport const validateTableCallbacks = (component: Generic.Element.Component, value?: TableCallbacksPropType): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t`_on`,\n\t\t(value) => typeof value === 'object' && value !== null,\n\t\tnew Set(['TableCallbacksPropType {Events.onSort, Events.onSelectionChange}']),\n\t\tvalue,\n\t);\n};\n\nexport const validateTableStatefulCallbacks = (component: Generic.Element.Component, value?: TableStatefulCallbacksPropType): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t`_on`,\n\t\t(value) => typeof value === 'object' && value !== null,\n\t\tnew Set(['TableStatefulCallbacksPropType {Events.onSelectionChange}']),\n\t\tvalue,\n\t);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport type { SetStateHooks } from '../utils';\nimport { emptyStringByArrayHandler, objectObjectHandler, parseJson, setState } from '../utils';\nimport type { KoliBriTableDataType, Stringified } from '../types';\n\n/* types */\nexport type TableDataPropType = Stringified<KoliBriTableDataType[]>;\n\n/**\n * Defines the primary table data.\n */\nexport type PropTableData = {\n\tdata: TableDataPropType;\n};\n\n/* validator */\nexport const validateTableData = (component: Generic.Element.Component, value?: TableDataPropType, setStateHooks?: SetStateHooks): void => {\n\temptyStringByArrayHandler(value, () => {\n\t\tobjectObjectHandler(value, () => {\n\t\t\tif (typeof value === 'undefined') {\n\t\t\t\tvalue = [];\n\t\t\t}\n\t\t\ttry {\n\t\t\t\tvalue = parseJson<KoliBriTableDataType[]>(value);\n\t\t\t\t// eslint-disable-next-line no-empty\n\t\t\t} catch (e) {\n\t\t\t\t// value keeps the original data\n\t\t\t}\n\t\t\tif (Array.isArray(value) && value.every((data: KoliBriTableDataType) => typeof data === 'object' && data !== null)) {\n\t\t\t\tsetState(component, '_data', value, setStateHooks);\n\t\t\t}\n\t\t});\n\t});\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport type { SetStateHooks } from '../utils';\nimport { emptyStringByArrayHandler, objectObjectHandler, parseJson, setState } from '../utils';\nimport type { KoliBriTableDataType, Stringified } from '../types';\n\n/* types */\nexport type TableDataFootPropType = Stringified<KoliBriTableDataType[]>;\n\n/**\n * Defines the data for the table footer.\n */\nexport type PropTableDataFoot = {\n\tdataFoot: TableDataFootPropType;\n};\n\n/* validator */\nexport const validateTableDataFoot = (component: Generic.Element.Component, value?: TableDataFootPropType, setStateHooks?: SetStateHooks): void => {\n\temptyStringByArrayHandler(value, () => {\n\t\tobjectObjectHandler(value, () => {\n\t\t\tif (typeof value === 'undefined') {\n\t\t\t\tvalue = [];\n\t\t\t}\n\t\t\ttry {\n\t\t\t\tvalue = parseJson<KoliBriTableDataType[]>(value);\n\t\t\t\t// eslint-disable-next-line no-empty\n\t\t\t} catch (e) {\n\t\t\t\t// value keeps the original data\n\t\t\t}\n\t\t\tif (Array.isArray(value) && value.every((data: KoliBriTableDataType) => typeof data === 'object' && data !== null)) {\n\t\t\t\tsetState(component, '_dataFoot', value, setStateHooks);\n\t\t\t}\n\t\t});\n\t});\n};\n","import type { Generic } from 'adopted-style-sheets';\nimport type { KoliBriTableSelection, Stringified } from '../types';\nimport { parseJson, setState } from '../utils';\nimport { isObject } from '../validators';\n\n/* types */\nexport type TableSelectionPropType = Stringified<KoliBriTableSelection>;\n\n/**\n * Defines how rows can be selected and the current selection.\n */\nexport type PropTableSelection = {\n\tselection: TableSelectionPropType;\n};\n\n/* validator */\nexport const validateTableSelection = (component: Generic.Element.Component, value?: TableSelectionPropType): void => {\n\tconst parseSerializedValue = () => {\n\t\ttry {\n\t\t\treturn parseJson<KoliBriTableSelection>(value);\n\t\t} catch (e) {\n\t\t\treturn undefined;\n\t\t}\n\t};\n\n\tconst validateObject = (value?: KoliBriTableSelection) => {\n\t\treturn value && isObject(value) && typeof value.label === 'function' && (!value.selectedKeys || Array.isArray(value.selectedKeys));\n\t};\n\n\tconst objectValue = typeof value === 'string' ? parseSerializedValue() : value;\n\tif (validateObject(objectValue)) {\n\t\tsetState(component, '_selection', value);\n\t}\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchValidator } from '../utils';\nimport type { TableSettings } from '../types/table-settings';\n\n/* types */\nexport type TableSettingsPropType = TableSettings;\n\n/**\n * Defines the table settings including column visibility, order and width.\n */\nexport type PropTableSettings = {\n\ttableSettings: TableSettingsPropType;\n};\n\n/* validator */\nexport const validateTableSettings = (component: Generic.Element.Component, value?: TableSettingsPropType): void => {\n\twatchValidator(component, `_tableSettings`, (value) => typeof value === 'object' && value !== null, new Set(['TableSettings']), value);\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"table-settings-CF9uiyi4.js","sources":["src/schema/props/table-callbacks.ts","src/schema/props/table-data.ts","src/schema/props/table-data-foot.ts","src/schema/props/table-selection.ts","src/schema/props/table-settings.ts"],"sourcesContent":["import type { Callback } from '../enums';\nimport type { EventValueOrEventCallback } from '../types/callbacks';\nimport { watchValidator } from '../utils';\n\nimport type { Generic } from 'adopted-style-sheets';\nimport type { KoliBriSortDirection, KoliBriTableDataType } from '../types';\n\n/* types */\nexport type SortEventPayload = {\n\tkey: string;\n\tcurrentSortDirection: KoliBriSortDirection;\n};\n\nexport type SelectionChangeEventPayload = string[] | string;\nexport type StatefulSelectionChangeEventPayload = KoliBriTableDataType[] | KoliBriTableDataType | null;\n\nexport type TableCallbacksPropType = {\n\t[Callback.onSort]?: EventValueOrEventCallback<MouseEvent, SortEventPayload>;\n\t[Callback.onSelectionChange]?: EventValueOrEventCallback<Event, SelectionChangeEventPayload>;\n};\nexport type TableStatefulCallbacksPropType = {\n\t[Callback.onSelectionChange]?: EventValueOrEventCallback<Event, StatefulSelectionChangeEventPayload>;\n};\n/**\n * Defines the callback functions for table events.\n */\nexport type PropTableCallbacks = {\n\ton: TableCallbacksPropType;\n};\n\nexport type StatefulPropTableCallbacks = {\n\ton: TableStatefulCallbacksPropType;\n};\n\n/* validator */\nexport const validateTableCallbacks = (component: Generic.Element.Component, value?: TableCallbacksPropType): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t`_on`,\n\t\t(value) => typeof value === 'object' && value !== null,\n\t\tnew Set(['TableCallbacksPropType {Events.onSort, Events.onSelectionChange}']),\n\t\tvalue,\n\t);\n};\n\nexport const validateTableStatefulCallbacks = (component: Generic.Element.Component, value?: TableStatefulCallbacksPropType): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t`_on`,\n\t\t(value) => typeof value === 'object' && value !== null,\n\t\tnew Set(['TableStatefulCallbacksPropType {Events.onSelectionChange}']),\n\t\tvalue,\n\t);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport type { SetStateHooks } from '../utils';\nimport { emptyStringByArrayHandler, objectObjectHandler, parseJson, setState } from '../utils';\nimport type { KoliBriTableDataType, Stringified } from '../types';\n\n/* types */\nexport type TableDataPropType = Stringified<KoliBriTableDataType[]>;\n\n/**\n * Defines the primary table data.\n */\nexport type PropTableData = {\n\tdata: TableDataPropType;\n};\n\n/* validator */\nexport const validateTableData = (component: Generic.Element.Component, value?: TableDataPropType, setStateHooks?: SetStateHooks): void => {\n\temptyStringByArrayHandler(value, () => {\n\t\tobjectObjectHandler(value, () => {\n\t\t\tif (typeof value === 'undefined') {\n\t\t\t\tvalue = [];\n\t\t\t}\n\t\t\ttry {\n\t\t\t\tvalue = parseJson<KoliBriTableDataType[]>(value);\n\t\t\t\t// eslint-disable-next-line no-empty\n\t\t\t} catch (e) {\n\t\t\t\t// value keeps the original data\n\t\t\t}\n\t\t\tif (Array.isArray(value) && value.every((data: KoliBriTableDataType) => typeof data === 'object' && data !== null)) {\n\t\t\t\tsetState(component, '_data', value, setStateHooks);\n\t\t\t}\n\t\t});\n\t});\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport type { SetStateHooks } from '../utils';\nimport { emptyStringByArrayHandler, objectObjectHandler, parseJson, setState } from '../utils';\nimport type { KoliBriTableDataType, Stringified } from '../types';\n\n/* types */\nexport type TableDataFootPropType = Stringified<KoliBriTableDataType[]>;\n\n/**\n * Defines the data for the table footer.\n */\nexport type PropTableDataFoot = {\n\tdataFoot: TableDataFootPropType;\n};\n\n/* validator */\nexport const validateTableDataFoot = (component: Generic.Element.Component, value?: TableDataFootPropType, setStateHooks?: SetStateHooks): void => {\n\temptyStringByArrayHandler(value, () => {\n\t\tobjectObjectHandler(value, () => {\n\t\t\tif (typeof value === 'undefined') {\n\t\t\t\tvalue = [];\n\t\t\t}\n\t\t\ttry {\n\t\t\t\tvalue = parseJson<KoliBriTableDataType[]>(value);\n\t\t\t\t// eslint-disable-next-line no-empty\n\t\t\t} catch (e) {\n\t\t\t\t// value keeps the original data\n\t\t\t}\n\t\t\tif (Array.isArray(value) && value.every((data: KoliBriTableDataType) => typeof data === 'object' && data !== null)) {\n\t\t\t\tsetState(component, '_dataFoot', value, setStateHooks);\n\t\t\t}\n\t\t});\n\t});\n};\n","import type { Generic } from 'adopted-style-sheets';\nimport type { KoliBriTableSelection, Stringified } from '../types';\nimport { parseJson, setState } from '../utils';\nimport { isObject } from '../validators';\n\n/* types */\nexport type TableSelectionPropType = Stringified<KoliBriTableSelection>;\n\n/**\n * Defines how rows can be selected and the current selection.\n */\nexport type PropTableSelection = {\n\tselection: TableSelectionPropType;\n};\n\n/* validator */\nexport const validateTableSelection = (component: Generic.Element.Component, value?: TableSelectionPropType): void => {\n\tconst parseSerializedValue = () => {\n\t\ttry {\n\t\t\treturn parseJson<KoliBriTableSelection>(value);\n\t\t} catch (e) {\n\t\t\treturn undefined;\n\t\t}\n\t};\n\n\tconst validateObject = (value?: KoliBriTableSelection) => {\n\t\treturn value && isObject(value) && typeof value.label === 'function' && (!value.selectedKeys || Array.isArray(value.selectedKeys));\n\t};\n\n\tconst objectValue = typeof value === 'string' ? parseSerializedValue() : value;\n\tif (validateObject(objectValue)) {\n\t\tsetState(component, '_selection', value);\n\t}\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchValidator } from '../utils';\nimport type { TableSettings } from '../types/table-settings';\n\n/* types */\nexport type TableSettingsPropType = TableSettings;\n\n/**\n * Defines the table settings including column visibility, order and width.\n */\nexport type PropTableSettings = {\n\ttableSettings: TableSettingsPropType;\n};\n\n/* validator */\nexport const validateTableSettings = (component: Generic.Element.Component, value?: TableSettingsPropType): void => {\n\twatchValidator(component, `_tableSettings`, (value) => typeof value === 'object' && value !== null, new Set(['TableSettings']), value);\n};\n"],"names":[],"mappings":"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"}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as o}from"./index-8LH1C-22.js";import"./common-Kl71BXoz.js";const s=class{constructor(s){o(this,s)}};export{s as test_component};
+import{r as o}from"./index-2YbJq5J3.js";import"./common-zXZUsQ7l.js";const s=class{constructor(s){o(this,s)}};export{s as test_component};

package/dist/kolibri/tooltip-align-CmSyNCv5.js

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

package/dist/kolibri/{tooltip-align-CF4S871j.js.map → tooltip-align-CmSyNCv5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tooltip-align-CF4S871j.js","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"],"names":[],"mappings":";;;;;;MAiBa,oBAAoB,GAAG,CAAC,SAAoC,EAAE,KAA4B,KAAU;AAChH,IAAA,iBAAiB,CAAC,SAAS,EAAE,eAAe,EAAE,KAAK,CAAC;AACrD;;;;"}
+{"version":3,"file":"tooltip-align-CmSyNCv5.js","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"],"names":[],"mappings":";;;;;;MAiBa,oBAAoB,GAAG,CAAC,SAAoC,EAAE,KAA4B,KAAU;AAChH,IAAA,iBAAiB,CAAC,SAAS,EAAE,eAAe,EAAE,KAAK,CAAC;AACrD;;;;"}

package/dist/kolibri/unique-nav-labels-Bm9ZvlTf.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{L as e}from"./common-zXZUsQ7l.js";const a=new Set;function n(n){a.has(n)?e.warn(`There already is a nav element with the label "${n}"`):a.add(n)}function t(e){a.delete(e)}export{n as a,t as r};

package/dist/kolibri/{unique-nav-labels-DiFK5iwG.js.map → unique-nav-labels-Bm9ZvlTf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"unique-nav-labels-DiFK5iwG.js","sources":["src/utils/unique-nav-labels.ts"],"sourcesContent":["import { Log } from '../schema';\n\n/**\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\tLog.warn(`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"],"names":[],"mappings":";;;;;AAOA,MAAM,aAAa,GAAgB,IAAI,GAAG,EAAE;AAEtC,SAAU,WAAW,CAAC,SAAiB,EAAA;AAC5C,IAAA,IAAI,aAAa,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;AACjC,QAAA,GAAG,CAAC,IAAI,CAAC,kDAAkD,SAAS,CAAA,CAAA,CAAG,CAAC;;SAClE;AACN,QAAA,aAAa,CAAC,GAAG,CAAC,SAAS,CAAC;;AAE9B;AACM,SAAU,cAAc,CAAC,SAAiB,EAAA;AAC/C,IAAA,aAAa,CAAC,MAAM,CAAC,SAAS,CAAC;AAChC;;;;"}
+{"version":3,"file":"unique-nav-labels-Bm9ZvlTf.js","sources":["src/utils/unique-nav-labels.ts"],"sourcesContent":["import { Log } from '../schema';\n\n/**\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\tLog.warn(`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"],"names":[],"mappings":";;;;;AAOA,MAAM,aAAa,GAAgB,IAAI,GAAG,EAAE;AAEtC,SAAU,WAAW,CAAC,SAAiB,EAAA;AAC5C,IAAA,IAAI,aAAa,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;AACjC,QAAA,GAAG,CAAC,IAAI,CAAC,kDAAkD,SAAS,CAAA,CAAA,CAAG,CAAC;;SAClE;AACN,QAAA,aAAa,CAAC,GAAG,CAAC,SAAS,CAAC;;AAE9B;AACM,SAAU,cAAc,CAAC,SAAiB,EAAA;AAC/C,IAAA,aAAa,CAAC,MAAM,CAAC,SAAS,CAAC;AAChC;;;;"}

package/dist/kolibri/validation-CW-5L0A7.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{w as e}from"./common-zXZUsQ7l.js";import{h as o}from"./label-DGzuU0HV.js";const r=(r,t)=>{e(r,"_level",e=>"number"==typeof e&&o.includes(e),new Set(o.map(String)),t,{defaultValue:1,required:!0})},t=(e,o)=>{r(e,o)};export{t as w};

package/dist/{esm/validation-Cn-KroIc.js.map → kolibri/validation-CW-5L0A7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"validation-Cn-KroIc.js","sources":["src/schema/props/level.ts","src/components/heading/validation.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\nimport { watchValidator } from '../utils';\nimport { headingLevelOptions, type HeadingLevel } from './label';\n\nexport type LevelPropType = HeadingLevel;\n\n/**\n * Sets the heading level of the component.\n */\nexport type PropLevel = {\n\tlevel: LevelPropType;\n};\n\nexport const validateLevel = (component: Generic.Element.Component, value?: LevelPropType): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t'_level',\n\t\t(value?: LevelPropType): boolean => typeof value === 'number' && headingLevelOptions.includes(value),\n\t\tnew Set(headingLevelOptions.map(String)),\n\t\tvalue,\n\t\t{\n\t\t\tdefaultValue: 1,\n\t\t\trequired: true,\n\t\t},\n\t);\n};\n","import type { HeadingLevel } from '../../schema';\nimport { validateLevel } from '../../schema';\n\nimport type { Generic } from 'adopted-style-sheets';\n\nexport const watchHeadingLevel = (component: Generic.Element.Component, value?: HeadingLevel): void => {\n\tvalidateLevel(component, value);\n};\n"],"names":[],"mappings":";;;;;;AAaO,MAAM,aAAa,GAAG,CAAC,SAAoC,EAAE,KAAqB,KAAU;AAClG,IAAA,cAAc,CACb,SAAS,EACT,QAAQ,EACR,CAAC,KAAqB,KAAc,OAAO,KAAK,KAAK,QAAQ,IAAI,mBAAmB,CAAC,QAAQ,CAAC,KAAK,CAAC,EACpG,IAAI,GAAG,CAAC,mBAAmB,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,EACxC,KAAK,EACL;AACC,QAAA,YAAY,EAAE,CAAC;AACf,QAAA,QAAQ,EAAE,IAAI;AACd,KAAA,CACD;AACF,CAAC;;MCpBY,iBAAiB,GAAG,CAAC,SAAoC,EAAE,KAAoB,KAAU;AACrG,IAAA,aAAa,CAAC,SAAS,EAAE,KAAK,CAAC;AAChC;;;;"}
+{"version":3,"file":"validation-CW-5L0A7.js","sources":["src/schema/props/level.ts","src/components/heading/validation.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\nimport { watchValidator } from '../utils';\nimport { headingLevelOptions, type HeadingLevel } from './label';\n\nexport type LevelPropType = HeadingLevel;\n\n/**\n * Sets the heading level of the component.\n */\nexport type PropLevel = {\n\tlevel: LevelPropType;\n};\n\nexport const validateLevel = (component: Generic.Element.Component, value?: LevelPropType): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t'_level',\n\t\t(value?: LevelPropType): boolean => typeof value === 'number' && headingLevelOptions.includes(value),\n\t\tnew Set(headingLevelOptions.map(String)),\n\t\tvalue,\n\t\t{\n\t\t\tdefaultValue: 1,\n\t\t\trequired: true,\n\t\t},\n\t);\n};\n","import type { HeadingLevel } from '../../schema';\nimport { validateLevel } from '../../schema';\n\nimport type { Generic } from 'adopted-style-sheets';\n\nexport const watchHeadingLevel = (component: Generic.Element.Component, value?: HeadingLevel): void => {\n\tvalidateLevel(component, value);\n};\n"],"names":[],"mappings":";;;;;;AAaO,MAAM,aAAa,GAAG,CAAC,SAAoC,EAAE,KAAqB,KAAU;AAClG,IAAA,cAAc,CACb,SAAS,EACT,QAAQ,EACR,CAAC,KAAqB,KAAc,OAAO,KAAK,KAAK,QAAQ,IAAI,mBAAmB,CAAC,QAAQ,CAAC,KAAK,CAAC,EACpG,IAAI,GAAG,CAAC,mBAAmB,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,EACxC,KAAK,EACL;AACC,QAAA,YAAY,EAAE,CAAC;AACf,QAAA,QAAQ,EAAE,IAAI;AACd,KAAA,CACD;AACF,CAAC;;MCpBY,iBAAiB,GAAG,CAAC,SAAoC,EAAE,KAAoB,KAAU;AACrG,IAAA,aAAa,CAAC,SAAS,EAAE,KAAK,CAAC;AAChC;;;;"}

package/dist/kolibri/validation-oaGI9Wed.js

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

package/dist/kolibri/{validation-CwA9mWha.js.map → validation-oaGI9Wed.js.map}

@@ -1 +1 @@
-{"version":3,"file":"validation-CwA9mWha.js","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"],"names":[],"mappings":";;;;;AAOa,MAAA,aAAa,GAAG,CAC5B,SAAiB,EACjB,SAIC,EACD,KAAsC,KAC7B;AACT,IAAA,oBAAoB,CACnB,SAAS,EACT,QAAQ,EACR,CAAC,IAAI,KAAK,OAAO,IAAI,KAAK,QAAQ,KAAK,OAAQ,IAAiB,CAAC,KAAK,KAAK,QAAQ,IAAI,OAAQ,IAAkB,CAAC,MAAM,KAAK,QAAQ,CAAC,EACtI,KAAK,CACL;IACD,sBAAsB,CAAC,SAAS,EAAE,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC;AACjE;;;;"}
+{"version":3,"file":"validation-oaGI9Wed.js","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"],"names":[],"mappings":";;;;;AAOa,MAAA,aAAa,GAAG,CAC5B,SAAiB,EACjB,SAIC,EACD,KAAsC,KAC7B;AACT,IAAA,oBAAoB,CACnB,SAAS,EACT,QAAQ,EACR,CAAC,IAAI,KAAK,OAAO,IAAI,KAAK,QAAQ,KAAK,OAAQ,IAAiB,CAAC,KAAK,KAAK,QAAQ,IAAI,OAAQ,IAAkB,CAAC,MAAM,KAAK,QAAQ,CAAC,EACtI,KAAK,CACL;IACD,sBAAsB,CAAC,SAAS,EAAE,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC;AACjE;;;;"}

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

@@ -4,6 +4,7 @@ import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaDescript
 export declare class KolPopoverButton implements PopoverButtonProps {
     private ref?;
     hidePopover(): Promise<void>;
+    private catchRef;
     render(): JSX.Element;
     _accessKey?: AccessKeyPropType;
     _ariaControls?: string;

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

@@ -12,6 +12,7 @@ export declare class KolSingleSelect implements SingleSelectAPI {
     private readonly catchRef;
     private toggleListbox;
     private onBlur;
+    private createEventWithTarget;
     private clearSelection;
     private selectOption;
     private onInput;

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

@@ -8,6 +8,7 @@ export declare class KolTableSettings {
     private readonly translateTableSettingsCancel;
     private readonly translateTableSettingsApply;
     private readonly translateErrorAllInvisible;
+    private readonly translateColumnNotHidable;
     _tableSettings: TableSettingsPropType;
     handleTableSettingsChange(newValue: TableSettingsPropType): void;
     componentWillLoad(): void;

package/dist/types/components.d.ts

@@ -239,6 +239,7 @@ export namespace Components {
         "_on"?: ButtonCallbacksPropType<StencilUnknown>;
         /**
           * Defines the role of the components primary element.
+          * @deprecated We prefer the semantic role of the HTML element and do not allow for customization. We will remove this prop in the future.
          */
         "_role"?: AlternativeButtonLinkRolePropType;
         /**
@@ -334,6 +335,7 @@ export namespace Components {
         "_on"?: ButtonCallbacksPropType<StencilUnknown>;
         /**
           * Defines the role of the components primary element.
+          * @deprecated We prefer the semantic role of the HTML element and do not allow for customization. We will remove this prop in the future.
          */
         "_role"?: AlternativeButtonLinkRolePropType;
         /**
@@ -1979,6 +1981,7 @@ export namespace Components {
         "_on"?: LinkOnCallbacksPropType;
         /**
           * Defines the role of the components primary element.
+          * @deprecated We prefer the semantic role of the HTML element and do not allow for customization. We will remove this prop in the future.
          */
         "_role"?: AlternativeButtonLinkRolePropType;
         /**
@@ -2054,6 +2057,7 @@ export namespace Components {
         "_on"?: LinkOnCallbacksPropType;
         /**
           * Defines the role of the components primary element.
+          * @deprecated We prefer the semantic role of the HTML element and do not allow for customization. We will remove this prop in the future.
          */
         "_role"?: AlternativeButtonLinkRolePropType;
         /**
@@ -2402,6 +2406,7 @@ export namespace Components {
         "_popoverAlign"?: PopoverAlignPropType;
         /**
           * Defines the role of the components primary element.
+          * @deprecated We prefer the semantic role of the HTML element and do not allow for customization. We will remove this prop in the future.
          */
         "_role"?: AlternativeButtonLinkRolePropType;
         /**
@@ -2896,6 +2901,7 @@ export namespace Components {
         "_on"?: ButtonCallbacksPropType<StencilUnknown>;
         /**
           * Defines the role of the components primary element.
+          * @deprecated We prefer the semantic role of the HTML element and do not allow for customization. We will remove this prop in the future.
          */
         "_role"?: AlternativeButtonLinkRolePropType;
         /**
@@ -4033,6 +4039,7 @@ declare namespace LocalJSX {
         "_on"?: ButtonCallbacksPropType<StencilUnknown>;
         /**
           * Defines the role of the components primary element.
+          * @deprecated We prefer the semantic role of the HTML element and do not allow for customization. We will remove this prop in the future.
          */
         "_role"?: AlternativeButtonLinkRolePropType;
         /**
@@ -4116,6 +4123,7 @@ declare namespace LocalJSX {
         "_on"?: ButtonCallbacksPropType<StencilUnknown>;
         /**
           * Defines the role of the components primary element.
+          * @deprecated We prefer the semantic role of the HTML element and do not allow for customization. We will remove this prop in the future.
          */
         "_role"?: AlternativeButtonLinkRolePropType;
         /**
@@ -5568,6 +5576,7 @@ declare namespace LocalJSX {
         "_on"?: LinkOnCallbacksPropType;
         /**
           * Defines the role of the components primary element.
+          * @deprecated We prefer the semantic role of the HTML element and do not allow for customization. We will remove this prop in the future.
          */
         "_role"?: AlternativeButtonLinkRolePropType;
         /**
@@ -5639,6 +5648,7 @@ declare namespace LocalJSX {
         "_on"?: LinkOnCallbacksPropType;
         /**
           * Defines the role of the components primary element.
+          * @deprecated We prefer the semantic role of the HTML element and do not allow for customization. We will remove this prop in the future.
          */
         "_role"?: AlternativeButtonLinkRolePropType;
         /**
@@ -5962,6 +5972,7 @@ declare namespace LocalJSX {
         "_popoverAlign"?: PopoverAlignPropType;
         /**
           * Defines the role of the components primary element.
+          * @deprecated We prefer the semantic role of the HTML element and do not allow for customization. We will remove this prop in the future.
          */
         "_role"?: AlternativeButtonLinkRolePropType;
         /**
@@ -6416,6 +6427,7 @@ declare namespace LocalJSX {
         "_on"?: ButtonCallbacksPropType<StencilUnknown>;
         /**
           * Defines the role of the components primary element.
+          * @deprecated We prefer the semantic role of the HTML element and do not allow for customization. We will remove this prop in the future.
          */
         "_role"?: AlternativeButtonLinkRolePropType;
         /**

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

@@ -46,6 +46,7 @@ declare const _default: {
     'table-settings-move-up': string;
     'table-settings-move-down': string;
     'table-settings-error-all-invisible': string;
+    'table-settings-column-not-hidable': string;
     dropdown: string;
     'nav-label-open': string;
     'nav-label-close': string;

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

@@ -46,6 +46,7 @@ declare const _default: {
     'table-settings-move-up': string;
     'table-settings-move-down': string;
     'table-settings-error-all-invisible': string;
+    'table-settings-column-not-hidable': string;
     dropdown: string;
     'nav-label-open': string;
     'nav-label-close': string;

package/dist/types/schema/props/alternative-button-link-role.d.ts

@@ -1,5 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
-declare const alternativeButtonLinkRolePropTypeOptions: readonly ["button", "link", "tab", "treeitem"];
+declare const alternativeButtonLinkRolePropTypeOptions: readonly ["tab", "treeitem"];
 export type AlternativeButtonLinkRolePropType = (typeof alternativeButtonLinkRolePropTypeOptions)[number];
 export type PropAlternativeButtonLinkRole = {
     role: AlternativeButtonLinkRolePropType;

package/dist/types/schema/types/table-settings.d.ts

@@ -1,8 +1,9 @@
 export interface ColumnSettings {
+    hidable?: boolean;
     key: string;
     label: string;
-    visible: boolean;
     position: number;
+    visible: boolean;
     width?: number;
 }
 export interface TableSettings {

package/dist/types/schema/types/table.d.ts

@@ -14,6 +14,7 @@ export type KoliBriTableCell = {
 export type KoliBriTableHeaderCell = KoliBriTableCell & {
     key?: string;
     sortDirection?: KoliBriSortDirection;
+    hidable?: boolean;
 };
 export type KoliBriTableSelection = {
     label: (row: KoliBriTableDataType) => string;

package/doc/badge.md

@@ -5,12 +5,12 @@
 
 ## Properties
 
-| Property              | Attribute       | Description                                                                                                        | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | Default     |
-| --------------------- | --------------- | ------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
-| `_color`              | `_color`        | Defines the backgroundColor and foregroundColor.                                                                   | `string \| undefined \| { backgroundColor: string; foregroundColor: Stringified<CharacteristicColors>; }`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `'#000'`    |
-| `_icons`              | `_icons`        | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                    | `KoliBriHorizontalIcons & KoliBriVerticalIcons \| string \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `undefined` |
-| `_label` _(required)_ | `_label`        | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | `undefined` |
-| `_smartButton`        | `_smart-button` | Allows to add a button with an arbitrary action within the element (_hide-label only).                             | `string \| undefined \| { _label: string; } & { _tabIndex?: number \| undefined; _value?: StencilUnknown; _ariaExpanded?: boolean \| undefined; _accessKey?: string \| undefined; _role?: "button" \| "link" \| "tab" \| "treeitem" \| undefined; _ariaControls?: string \| undefined; _ariaDescription?: string \| undefined; _ariaSelected?: boolean \| undefined; _on?: ButtonCallbacksPropType<StencilUnknown> \| undefined; _type?: "button" \| "reset" \| "submit" \| undefined; _variant?: "primary" \| "secondary" \| "normal" \| "tertiary" \| "danger" \| "ghost" \| "custom" \| undefined; _customClass?: string \| undefined; _disabled?: boolean \| undefined; _hideLabel?: boolean \| undefined; _icons?: IconsPropType \| undefined; _id?: string \| undefined; _name?: string \| undefined; _shortKey?: string \| undefined; _syncValueBySelector?: string \| undefined; _tooltipAlign?: AlignPropType \| undefined; }` | `undefined` |
+| Property              | Attribute       | Description                                                                                                        | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | Default     |
+| --------------------- | --------------- | ------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
+| `_color`              | `_color`        | Defines the backgroundColor and foregroundColor.                                                                   | `string \| undefined \| { backgroundColor: string; foregroundColor: Stringified<CharacteristicColors>; }`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `'#000'`    |
+| `_icons`              | `_icons`        | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                    | `KoliBriHorizontalIcons & KoliBriVerticalIcons \| string \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `undefined` |
+| `_label` _(required)_ | `_label`        | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `undefined` |
+| `_smartButton`        | `_smart-button` | Allows to add a button with an arbitrary action within the element (_hide-label only).                             | `string \| undefined \| { _label: string; } & { _tabIndex?: number \| undefined; _value?: StencilUnknown; _ariaExpanded?: boolean \| undefined; _accessKey?: string \| undefined; _role?: "tab" \| "treeitem" \| undefined; _ariaControls?: string \| undefined; _ariaDescription?: string \| undefined; _ariaSelected?: boolean \| undefined; _on?: ButtonCallbacksPropType<StencilUnknown> \| undefined; _type?: "button" \| "reset" \| "submit" \| undefined; _variant?: "primary" \| "secondary" \| "normal" \| "tertiary" \| "danger" \| "ghost" \| "custom" \| undefined; _customClass?: string \| undefined; _disabled?: boolean \| undefined; _hideLabel?: boolean \| undefined; _icons?: IconsPropType \| undefined; _id?: string \| undefined; _name?: string \| undefined; _shortKey?: string \| undefined; _syncValueBySelector?: string \| undefined; _tooltipAlign?: AlignPropType \| undefined; }` | `undefined` |
 
 
 ----------------------------------------------

package/doc/button-link.md

@@ -5,26 +5,26 @@
 
 ## Properties
 
-| Property              | Attribute           | Description                                                                                                                                                                      | Type                                                                                                                                                   | Default     |
-| --------------------- | ------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------- |
-| `_accessKey`          | `_access-key`       | Defines which key combination can be used to trigger or focus the interactive element of the component.                                                                          | `string \| undefined`                                                                                                                                  | `undefined` |
-| `_ariaControls`       | `_aria-controls`    | Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)                              | `string \| undefined`                                                                                                                                  | `undefined` |
-| `_ariaDescription`    | `_aria-description` | Defines the value for the aria-description attribute.                                                                                                                            | `string \| undefined`                                                                                                                                  | `undefined` |
-| `_ariaExpanded`       | `_aria-expanded`    | Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)          | `boolean \| undefined`                                                                                                                                 | `undefined` |
-| `_ariaSelected`       | `_aria-selected`    | Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected) | `boolean \| undefined`                                                                                                                                 | `undefined` |
-| `_disabled`           | `_disabled`         | Makes the element not focusable and ignore all events.                                                                                                                           | `boolean \| undefined`                                                                                                                                 | `false`     |
-| `_hideLabel`          | `_hide-label`       | Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.                                       | `boolean \| undefined`                                                                                                                                 | `false`     |
-| `_icons`              | `_icons`            | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                                                  | `KoliBriHorizontalIcons & KoliBriVerticalIcons \| string \| undefined`                                                                                 | `undefined` |
-| `_id`                 | `_id`               | Defines the internal ID of the primary component element.                                                                                                                        | `string \| undefined`                                                                                                                                  | `undefined` |
-| `_label` _(required)_ | `_label`            | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.                     | `string`                                                                                                                                               | `undefined` |
-| `_name`               | `_name`             | Defines the technical name of an input field.                                                                                                                                    | `string \| undefined`                                                                                                                                  | `undefined` |
-| `_on`                 | `_on`               | Gibt die EventCallback-Funktionen für die Button-Events an.                                                                                                                      | `undefined \| { onClick?: EventValueOrEventCallback<MouseEvent, StencilUnknown> \| undefined; onMouseDown?: EventCallback<MouseEvent> \| undefined; }` | `undefined` |
-| `_role`               | `_role`             | Defines the role of the components primary element.                                                                                                                              | `"button" \| "link" \| "tab" \| "treeitem" \| undefined`                                                                                               | `undefined` |
-| `_shortKey`           | `_short-key`        | Adds a visual short key hint to the component.                                                                                                                                   | `string \| undefined`                                                                                                                                  | `undefined` |
-| `_tooltipAlign`       | `_tooltip-align`    | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                                        | `"bottom" \| "left" \| "right" \| "top" \| undefined`                                                                                                  | `'top'`     |
-| `_type`               | `_type`             | Defines either the type of the component or of the components interactive element.                                                                                               | `"button" \| "reset" \| "submit" \| undefined`                                                                                                         | `'button'`  |
-| `_value`              | `_value`            | Defines the value that the button emits on click.                                                                                                                                | `boolean \| null \| number \| object \| string \| undefined`                                                                                           | `undefined` |
-| `_variant`            | `_variant`          | Defines which variant should be used for presentation.                                                                                                                           | `"inline" \| "standalone" \| undefined`                                                                                                                | `'inline'`  |
+| Property              | Attribute           | Description                                                                                                                                                                                                                              | Type                                                                                                                                                   | Default     |
+| --------------------- | ------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------- |
+| `_accessKey`          | `_access-key`       | Defines which key combination can be used to trigger or focus the interactive element of the component.                                                                                                                                  | `string \| undefined`                                                                                                                                  | `undefined` |
+| `_ariaControls`       | `_aria-controls`    | Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)                                                                                      | `string \| undefined`                                                                                                                                  | `undefined` |
+| `_ariaDescription`    | `_aria-description` | Defines the value for the aria-description attribute.                                                                                                                                                                                    | `string \| undefined`                                                                                                                                  | `undefined` |
+| `_ariaExpanded`       | `_aria-expanded`    | Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)                                                                  | `boolean \| undefined`                                                                                                                                 | `undefined` |
+| `_ariaSelected`       | `_aria-selected`    | Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)                                                         | `boolean \| undefined`                                                                                                                                 | `undefined` |
+| `_disabled`           | `_disabled`         | Makes the element not focusable and ignore all events.                                                                                                                                                                                   | `boolean \| undefined`                                                                                                                                 | `false`     |
+| `_hideLabel`          | `_hide-label`       | Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.                                                                                               | `boolean \| undefined`                                                                                                                                 | `false`     |
+| `_icons`              | `_icons`            | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                                                                                                          | `KoliBriHorizontalIcons & KoliBriVerticalIcons \| string \| undefined`                                                                                 | `undefined` |
+| `_id`                 | `_id`               | Defines the internal ID of the primary component element.                                                                                                                                                                                | `string \| undefined`                                                                                                                                  | `undefined` |
+| `_label` _(required)_ | `_label`            | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.                                                                             | `string`                                                                                                                                               | `undefined` |
+| `_name`               | `_name`             | Defines the technical name of an input field.                                                                                                                                                                                            | `string \| undefined`                                                                                                                                  | `undefined` |
+| `_on`                 | `_on`               | Gibt die EventCallback-Funktionen für die Button-Events an.                                                                                                                                                                              | `undefined \| { onClick?: EventValueOrEventCallback<MouseEvent, StencilUnknown> \| undefined; onMouseDown?: EventCallback<MouseEvent> \| undefined; }` | `undefined` |
+| `_role`               | `_role`             | <span class="text-red-500">**[DEPRECATED]**</span> We prefer the semantic role of the HTML element and do not allow for customization. We will remove this prop in the future.<br/><br/>Defines the role of the components primary element. | `"tab" \| "treeitem" \| undefined`                                                                                                                     | `undefined` |
+| `_shortKey`           | `_short-key`        | Adds a visual short key hint to the component.                                                                                                                                                                                           | `string \| undefined`                                                                                                                                  | `undefined` |
+| `_tooltipAlign`       | `_tooltip-align`    | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                                                                                                | `"bottom" \| "left" \| "right" \| "top" \| undefined`                                                                                                  | `'top'`     |
+| `_type`               | `_type`             | Defines either the type of the component or of the components interactive element.                                                                                                                                                       | `"button" \| "reset" \| "submit" \| undefined`                                                                                                         | `'button'`  |
+| `_value`              | `_value`            | Defines the value that the button emits on click.                                                                                                                                                                                        | `boolean \| null \| number \| object \| string \| undefined`                                                                                           | `undefined` |
+| `_variant`            | `_variant`          | Defines which variant should be used for presentation.                                                                                                                                                                                   | `"inline" \| "standalone" \| undefined`                                                                                                                | `'inline'`  |
 
 
 ## Methods