@public-ui/components 4.0.3 → 4.1.0-rc.0

package/dist/esm/{max-length-behavior-BhW8_k_T.js → max-length-behavior-BfK6OnzA.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{d as watchBoolean,M as watchNumber,w as watchValidator}from"./common-B-m-0Sa1.js";const validateHasCounter=(a,t,e)=>{watchBoolean(a,"_hasCounter",t,e)},validateMaxLength=(a,t,e={})=>{watchNumber(a,"_maxLength",t,Object.assign({min:0},e))},maxLengthBehaviorPropTypeOptions=["hard","soft"],validateMaxLengthBehavior=(a,t)=>{watchValidator(a,"_maxLengthBehavior",a=>"string"==typeof a&&maxLengthBehaviorPropTypeOptions.includes(a),new Set(["String {hard, soft}"]),t)};export{validateHasCounter as a,validateMaxLength as b,validateMaxLengthBehavior as v};
+import{e as watchBoolean,N as watchNumber,b as watchValidator}from"./common-BIkdAxr0.js";const validateHasCounter=(a,t,e)=>{watchBoolean(a,"_hasCounter",t,e)},validateMaxLength=(a,t,e={})=>{watchNumber(a,"_maxLength",t,Object.assign({min:0},e))},maxLengthBehaviorPropTypeOptions=["hard","soft"],validateMaxLengthBehavior=(a,t)=>{watchValidator(a,"_maxLengthBehavior",a=>"string"==typeof a&&maxLengthBehaviorPropTypeOptions.includes(a),new Set(["String {hard, soft}"]),t)};export{validateHasCounter as a,validateMaxLength as b,validateMaxLengthBehavior as v};

package/dist/esm/{max-length-behavior-BhW8_k_T.js.map → max-length-behavior-BfK6OnzA.js.map}

@@ -1 +1 @@
-{"version":3,"file":"max-length-behavior-BhW8_k_T.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;IAC5I,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-BfK6OnzA.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;IAC5I,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/esm/{multiple-CN7ZfDba.js → multiple-BgWWOenK.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{d as watchBoolean}from"./common-B-m-0Sa1.js";const validateMultiple=(a,l,o)=>{watchBoolean(a,"_multiple",l,o)};export{validateMultiple as v};
+import{e as watchBoolean}from"./common-BIkdAxr0.js";const validateMultiple=(a,l,o)=>{watchBoolean(a,"_multiple",l,o)};export{validateMultiple as v};

package/dist/esm/{multiple-CN7ZfDba.js.map → multiple-BgWWOenK.js.map}

@@ -1 +1 @@
-{"version":3,"file":"multiple-CN7ZfDba.js","sources":["src/schema/props/multiple.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchBooleanOptions } from '../utils';\nimport { watchBoolean } 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-BgWWOenK.js","sources":["src/schema/props/multiple.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchBooleanOptions } from '../utils';\nimport { watchBoolean } 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/esm/open-BhLtfnQI.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{e as watchBoolean}from"./common-BIkdAxr0.js";const validateOpen=(o,a,e)=>{watchBoolean(o,"_open",a,e)};export{validateOpen as v};

package/dist/{kolibri/open-BS0uItWa.js.map → esm/open-BhLtfnQI.js.map}

@@ -1 +1 @@
-{"version":3,"file":"open-BS0uItWa.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-BhLtfnQI.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/esm/{orientation-DR4gvMev.js → orientation-pWOiDBRo.js}

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

package/dist/esm/{orientation-DR4gvMev.js.map → orientation-pWOiDBRo.js.map}

@@ -1 +1 @@
-{"version":3,"file":"orientation-DR4gvMev.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-pWOiDBRo.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/esm/{placeholder-DhhN6Rra.js → placeholder-D8vH7TM6.js}

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

package/dist/esm/{placeholder-DhhN6Rra.js.map → placeholder-D8vH7TM6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"placeholder-DhhN6Rra.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-D8vH7TM6.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/esm/{read-only-joz0PLP_.js → read-only-C5tWj8H1.js}

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

package/dist/esm/{read-only-joz0PLP_.js.map → read-only-C5tWj8H1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"read-only-joz0PLP_.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-C5tWj8H1.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/esm/required-Dt9l4wUg.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{e as watchBoolean}from"./common-BIkdAxr0.js";const validateRequired=(e,a)=>{watchBoolean(e,"_required",a)};export{validateRequired as v};

package/dist/esm/{required-DJbvNLly.js.map → required-Dt9l4wUg.js.map}

@@ -1 +1 @@
-{"version":3,"file":"required-DJbvNLly.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-Dt9l4wUg.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/esm/rows-CN7sG0G_.js

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

package/dist/esm/{rows-BAjzKE6S.js.map → rows-CN7sG0G_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"rows-BAjzKE6S.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 * Maximum number of visible rows of the element.\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-CN7sG0G_.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 * Maximum number of visible rows of the element.\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/esm/{show-Db770b87.js → show-DWCKSt29.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{d as watchBoolean}from"./common-B-m-0Sa1.js";const validateShow=(o,a,t)=>{watchBoolean(o,"_show",a,t)};export{validateShow as v};
+import{e as watchBoolean}from"./common-BIkdAxr0.js";const validateShow=(o,a,t)=>{watchBoolean(o,"_show",a,t)};export{validateShow as v};

package/dist/{kolibri/show-Db770b87.js.map → esm/show-DWCKSt29.js.map}

@@ -1 +1 @@
-{"version":3,"file":"show-Db770b87.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-DWCKSt29.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/esm/spell-check-BcvxI-Fn.js

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

package/dist/esm/{spell-check-S60TjBC_.js.map → spell-check-BcvxI-Fn.js.map}

@@ -1 +1 @@
-{"version":3,"file":"spell-check-S60TjBC_.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-BcvxI-Fn.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/esm/{suggestions-CcNcD0dX.js → suggestions-CAPtcaUM.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{G as watchJsonArrayString,m as a11yHint}from"./common-B-m-0Sa1.js";const validateSuggestions=(s,t)=>{watchJsonArrayString(s,"_suggestions",s=>"string"==typeof s||"number"==typeof s,t,void 0,{hooks:{afterPatch:s=>{Array.isArray(s)&&s.length&&a11yHint("Property suggestions: Options have accessibility issues in how browsers implemented them and should not be used for now.")}}})};export{validateSuggestions as v};
+import{G as watchJsonArrayString,l as a11yHint}from"./common-BIkdAxr0.js";const validateSuggestions=(s,t)=>{watchJsonArrayString(s,"_suggestions",s=>"string"==typeof s||"number"==typeof s,t,void 0,{hooks:{afterPatch:s=>{Array.isArray(s)&&s.length&&a11yHint("Property suggestions: Options have accessibility issues in how browsers implemented them and should not be used for now.")}}})};export{validateSuggestions as v};

package/dist/esm/{suggestions-CcNcD0dX.js.map → suggestions-CAPtcaUM.js.map}

@@ -1 +1 @@
-{"version":3,"file":"suggestions-CcNcD0dX.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-CAPtcaUM.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/esm/{table-selection-DjfWF12k.js → table-selection-kWnbUSAj.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{d as watchBoolean,w as watchValidator,O as emptyStringByArrayHandler,o as objectObjectHandler,p as parseJson,s as setState,F as isObject}from"./common-B-m-0Sa1.js";const validateHasSettingsMenu=(a,e)=>{watchBoolean(a,"_hasSettingsMenu",e)},validateTableCallbacks=(a,e)=>{watchValidator(a,"_on",a=>"object"==typeof a&&null!==a,new Set(["TableCallbacksPropType {Events.onSort, Events.onSelectionChange, Events.onChangeHeaderCells}"]),e)},validateTableStatefulCallbacks=(a,e)=>{watchValidator(a,"_on",a=>"object"==typeof a&&null!==a,new Set(["TableStatefulCallbacksPropType {Events.onSelectionChange}"]),e)},validateTableData=(a,e,t)=>{emptyStringByArrayHandler(e,()=>{objectObjectHandler(e,()=>{void 0===e&&(e=[]);try{e=parseJson(e)}catch(a){}Array.isArray(e)&&e.every(a=>"object"==typeof a&&null!==a)&&setState(a,"_data",e,t)})})},validateTableDataFoot=(a,e,t)=>{emptyStringByArrayHandler(e,()=>{objectObjectHandler(e,()=>{void 0===e&&(e=[]);try{e=parseJson(e)}catch(a){}Array.isArray(e)&&e.every(a=>"object"==typeof a&&null!==a)&&setState(a,"_dataFoot",e,t)})})},validateTableSelection=(a,e)=>{(a=>a&&isObject(a)&&"function"==typeof a.label&&(!a.selectedKeys||Array.isArray(a.selectedKeys)))("string"==typeof e?(()=>{try{return parseJson(e)}catch(a){return}})():e)&&setState(a,"_selection",e)};export{validateTableDataFoot as a,validateHasSettingsMenu as b,validateTableSelection as c,validateTableStatefulCallbacks as d,validateTableCallbacks as e,validateTableData as v};
+import{e as watchBoolean,b as watchValidator,P as emptyStringByArrayHandler,o as objectObjectHandler,p as parseJson,s as setState,F as isObject}from"./common-BIkdAxr0.js";const validateHasSettingsMenu=(a,e)=>{watchBoolean(a,"_hasSettingsMenu",e)},validateTableCallbacks=(a,e)=>{watchValidator(a,"_on",a=>"object"==typeof a&&null!==a,new Set(["TableCallbacksPropType {Events.onSort, Events.onSelectionChange, Events.onChangeHeaderCells}"]),e)},validateTableStatefulCallbacks=(a,e)=>{watchValidator(a,"_on",a=>"object"==typeof a&&null!==a,new Set(["TableStatefulCallbacksPropType {Events.onSelectionChange}"]),e)},validateTableData=(a,e,t)=>{emptyStringByArrayHandler(e,()=>{objectObjectHandler(e,()=>{void 0===e&&(e=[]);try{e=parseJson(e)}catch(a){}Array.isArray(e)&&e.every(a=>"object"==typeof a&&null!==a)&&setState(a,"_data",e,t)})})},validateTableDataFoot=(a,e,t)=>{emptyStringByArrayHandler(e,()=>{objectObjectHandler(e,()=>{void 0===e&&(e=[]);try{e=parseJson(e)}catch(a){}Array.isArray(e)&&e.every(a=>"object"==typeof a&&null!==a)&&setState(a,"_dataFoot",e,t)})})},validateTableSelection=(a,e)=>{(a=>a&&isObject(a)&&"function"==typeof a.label&&(!a.selectedKeys||Array.isArray(a.selectedKeys)))("string"==typeof e?(()=>{try{return parseJson(e)}catch(a){return}})():e)&&setState(a,"_selection",e)};export{validateTableDataFoot as a,validateHasSettingsMenu as b,validateTableSelection as c,validateTableStatefulCallbacks as d,validateTableCallbacks as e,validateTableData as v};

package/dist/esm/table-selection-kWnbUSAj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-selection-kWnbUSAj.js","sources":["src/schema/props/has-settings-menu.ts","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"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type HasSettingsMenuPropType = boolean;\n\n/**\n * Defines whether the element shows a settings menu.\n */\nexport type PropHasSettingsMenu = {\n\thasSettingsMenu: HasSettingsMenuPropType;\n};\n\n/* validator */\nexport const validateHasSettingsMenu = (component: Generic.Element.Component, value?: HasSettingsMenuPropType): void => {\n\twatchBoolean(component, '_hasSettingsMenu', value);\n};\n","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, KoliBriTableSelectionKeys } from '../types';\nimport type { TableHeaderCells } from './table-header-cells';\n\n/* types */\nexport type SortEventPayload = {\n\tkey: string;\n\tcurrentSortDirection: KoliBriSortDirection;\n};\n\nexport type SelectionChangeEventPayload = KoliBriTableSelectionKeys;\nexport type StatefulSelectionChangeEventPayload = KoliBriTableDataType[] | null;\nexport type ChangeHeaderCellsEventPayload = TableHeaderCells;\n\nexport type TableCallbacksPropType = {\n\t[Callback.onSort]?: EventValueOrEventCallback<MouseEvent, SortEventPayload>;\n\t[Callback.onSelectionChange]?: EventValueOrEventCallback<Event, SelectionChangeEventPayload>;\n\t[Callback.onChangeHeaderCells]?: EventValueOrEventCallback<Event, ChangeHeaderCellsEventPayload>;\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, Events.onChangeHeaderCells}']),\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 { KoliBriTableDataType, Stringified } from '../types';\nimport type { SetStateHooks } from '../utils';\nimport { emptyStringByArrayHandler, objectObjectHandler, parseJson, setState } from '../utils';\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} catch {\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 { KoliBriTableDataType, Stringified } from '../types';\nimport type { SetStateHooks } from '../utils';\nimport { emptyStringByArrayHandler, objectObjectHandler, parseJson, setState } from '../utils';\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} catch {\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 {\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"],"names":[],"mappings":"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"}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as registerInstance}from"./index-DaPYvxfp.js";import"./common-B-m-0Sa1.js";const TestComponent=class{constructor(t){registerInstance(this,t)}};export{TestComponent as test_component};
+import{r as registerInstance}from"./index-CTfYKeaf.js";import"./common-BIkdAxr0.js";const TestComponent=class{constructor(t){registerInstance(this,t)}};export{TestComponent as test_component};

package/dist/esm/tooltip-align-DodV1tEH.js

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

package/dist/esm/{tooltip-align-1XGYSZmF.js.map → tooltip-align-DodV1tEH.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tooltip-align-1XGYSZmF.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-DodV1tEH.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/esm/{unique-nav-labels-BzOU2gyW.js → unique-nav-labels-BVWNmacO.js}

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

package/dist/esm/{unique-nav-labels-BzOU2gyW.js.map → unique-nav-labels-BVWNmacO.js.map}

@@ -1 +1 @@
-{"version":3,"file":"unique-nav-labels-BzOU2gyW.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-BVWNmacO.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/esm/validation-D7gmRWfA.js

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

package/dist/esm/{validation-BIgftzAT.js.map → validation-D7gmRWfA.js.map}

@@ -1 +1 @@
-{"version":3,"file":"validation-BIgftzAT.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-D7gmRWfA.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/esm/{validation-Cmv8Nj43.js → validation-QdERp-08.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{w as watchValidator}from"./common-B-m-0Sa1.js";import{h as headingLevelOptions}from"./label-BqL4x8lJ.js";const validateLevel=(e,a)=>{watchValidator(e,"_level",e=>"number"==typeof e&&headingLevelOptions.includes(e),new Set(headingLevelOptions.map(String)),a,{defaultValue:1,required:!0})},watchHeadingLevel=(e,a)=>{validateLevel(e,a)};export{watchHeadingLevel as w};
+import{b as watchValidator}from"./common-BIkdAxr0.js";import{h as headingLevelOptions}from"./label-C18ud7Yt.js";const validateLevel=(e,a)=>{watchValidator(e,"_level",e=>"number"==typeof e&&headingLevelOptions.includes(e),new Set(headingLevelOptions.map(String)),a,{defaultValue:1,required:!0})},watchHeadingLevel=(e,a)=>{validateLevel(e,a)};export{watchHeadingLevel as w};

package/dist/esm/{validation-Cmv8Nj43.js.map → validation-QdERp-08.js.map}

@@ -1 +1 @@
-{"version":3,"file":"validation-Cmv8Nj43.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-QdERp-08.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/esm/{variant-class-name-JuamA3G3.js → variant-class-name-DbXpwWql.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{w as watchValidator,e as watchString,d as watchBoolean}from"./common-B-m-0Sa1.js";const alternativeButtonLinkRolePropTypeOptions=["tab","treeitem"],validateAlternativeButtonLinkRole=(a,t)=>{watchValidator(a,"_role",a=>"string"==typeof a&&alternativeButtonLinkRolePropTypeOptions.includes(a),new Set([`KoliBriAlternativeButtonLinkRole {${alternativeButtonLinkRolePropTypeOptions.join(", ")}`]),t)},validateAriaControls=(a,t)=>{watchString(a,"_ariaControls",t)},validateAriaDescription=(a,t)=>{watchString(a,"_ariaDescription",t)},validateAriaExpanded=(a,t)=>{watchBoolean(a,"_ariaExpanded",t)},isSafeClassName=a=>{var t=new RegExp("^[a-zA-Z][a-zA-Z0-9_-]{3,60}$");return"string"==typeof a&&t.test(a)},validateVariantClassName=(a,t)=>{watchValidator(a,"_variant",isSafeClassName,new Set(["^[a-zA-Z][a-zA-Z0-9_-]{3,60}$"]),t)};export{validateAriaDescription as a,validateAriaExpanded as b,validateAlternativeButtonLinkRole as c,validateVariantClassName as d,validateAriaControls as v};
+import{b as watchValidator,g as watchString,e as watchBoolean}from"./common-BIkdAxr0.js";const alternativeButtonLinkRolePropTypeOptions=["tab","treeitem"],validateAlternativeButtonLinkRole=(a,t)=>{watchValidator(a,"_role",a=>"string"==typeof a&&alternativeButtonLinkRolePropTypeOptions.includes(a),new Set([`KoliBriAlternativeButtonLinkRole {${alternativeButtonLinkRolePropTypeOptions.join(", ")}`]),t)},validateAriaControls=(a,t)=>{watchString(a,"_ariaControls",t)},validateAriaDescription=(a,t)=>{watchString(a,"_ariaDescription",t)},validateAriaExpanded=(a,t)=>{watchBoolean(a,"_ariaExpanded",t)},isSafeClassName=a=>{var t=new RegExp("^[a-zA-Z][a-zA-Z0-9_-]{3,60}$");return"string"==typeof a&&t.test(a)},validateVariantClassName=(a,t)=>{watchValidator(a,"_variant",isSafeClassName,new Set(["^[a-zA-Z][a-zA-Z0-9_-]{3,60}$"]),t)};export{validateAriaDescription as a,validateAriaExpanded as b,validateAlternativeButtonLinkRole as c,validateVariantClassName as d,validateAriaControls as v};

package/dist/esm/{variant-class-name-JuamA3G3.js.map → variant-class-name-DbXpwWql.js.map}

@@ -1 +1 @@
-{"version":3,"file":"variant-class-name-JuamA3G3.js","sources":["src/schema/props/alternative-button-link-role.ts","src/schema/props/aria-controls.ts","src/schema/props/aria-description.ts","src/schema/props/aria-expanded.ts","src/schema/props/variant-class-name.ts"],"sourcesContent":["/* types */\nimport type { Generic } from 'adopted-style-sheets';\nimport { watchValidator } from '../utils';\n\nconst alternativeButtonLinkRolePropTypeOptions = ['tab', 'treeitem'] as const;\nexport type AlternativeButtonLinkRolePropType = (typeof alternativeButtonLinkRolePropTypeOptions)[number];\n\n/**\n * Defines the role of the components primary element.\n */\nexport type PropAlternativeButtonLinkRole = {\n\trole: AlternativeButtonLinkRolePropType;\n};\n\n/* validator */\nexport const validateAlternativeButtonLinkRole = (component: Generic.Element.Component, value?: AlternativeButtonLinkRolePropType) => {\n\twatchValidator(\n\t\tcomponent,\n\t\t`_role`,\n\t\t(value) => typeof value === 'string' && alternativeButtonLinkRolePropTypeOptions.includes(value),\n\t\tnew Set([`KoliBriAlternativeButtonLinkRole {${alternativeButtonLinkRolePropTypeOptions.join(', ')}`]),\n\t\tvalue,\n\t);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchString } from '../utils';\n\n/* types */\n/**\n * Defines which elements are being controlled. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)\n */\ntype AriaControlsPropType = string;\n\nexport type PropAriaControls = {\n\tariaControls: AriaControlsPropType;\n};\n\n/* validator */\nexport const validateAriaControls = (component: Generic.Element.Component, value?: AriaControlsPropType): void => {\n\twatchString(component, '_ariaControls', value);\n};\n","import type { Generic } from 'adopted-style-sheets';\nimport { watchString } from '../utils';\n\n/* types */\nexport type AriaDescriptionPropType = string;\n\n/**\n * Defines the value for the aria-description attribute.\n */\nexport type PropAriaDescription = {\n\tariaDescription: AriaDescriptionPropType;\n};\n\n/* validator */\nexport const validateAriaDescription = (component: Generic.Element.Component, value?: AriaDescriptionPropType): void => {\n\twatchString(component, '_ariaDescription', value);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type AriaExpandedPropType = boolean;\n\n/**\n * Marks this element as open/expanded, or that the connected element (aria-controls/aria-owns) is open/expanded.\n * (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)\n */\nexport type PropAriaExpanded = {\n\tariaExpanded: AriaExpandedPropType;\n};\n\n/* validator */\nexport const validateAriaExpanded = (component: Generic.Element.Component, value?: AriaExpandedPropType): void => {\n\twatchBoolean(component, '_ariaExpanded', value);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchValidator } from '../utils';\n\nexport type VariantClassNamePropType = string;\n\nexport type PropVariantClassName = {\n\tvariant: VariantClassNamePropType;\n};\n\nconst isSafeClassName = (value: unknown) => {\n\tvar re = new RegExp('^[a-zA-Z][a-zA-Z0-9_-]{3,60}$');\n\treturn typeof value === 'string' && re.test(value);\n};\n\nexport const validateVariantClassName = (component: Generic.Element.Component, value?: VariantClassNamePropType): void => {\n\twatchValidator(component, '_variant', isSafeClassName, new Set(['^[a-zA-Z][a-zA-Z0-9_-]{3,60}$']), value);\n};\n"],"names":[],"mappings":";;;;;AAIA,MAAM,wCAAwC,GAAG,CAAC,KAAK,EAAE,UAAU,CAAU;MAWhE,iCAAiC,GAAG,CAAC,SAAoC,EAAE,KAAyC,KAAI;AACpI,IAAA,cAAc,CACb,SAAS,EACT,CAAO,KAAA,CAAA,EACP,CAAC,KAAK,KAAK,OAAO,KAAK,KAAK,QAAQ,IAAI,wCAAwC,CAAC,QAAQ,CAAC,KAAK,CAAC,EAChG,IAAI,GAAG,CAAC,CAAC,CAAA,kCAAA,EAAqC,wCAAwC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAE,CAAA,CAAC,CAAC,EACrG,KAAK,CACL;AACF;;MCRa,oBAAoB,GAAG,CAAC,SAAoC,EAAE,KAA4B,KAAU;AAChH,IAAA,WAAW,CAAC,SAAS,EAAE,eAAe,EAAE,KAAK,CAAC;AAC/C;;MCHa,uBAAuB,GAAG,CAAC,SAAoC,EAAE,KAA+B,KAAU;AACtH,IAAA,WAAW,CAAC,SAAS,EAAE,kBAAkB,EAAE,KAAK,CAAC;AAClD;;MCAa,oBAAoB,GAAG,CAAC,SAAoC,EAAE,KAA4B,KAAU;AAChH,IAAA,YAAY,CAAC,SAAS,EAAE,eAAe,EAAE,KAAK,CAAC;AAChD;;ACRA,MAAM,eAAe,GAAG,CAAC,KAAc,KAAI;AAC1C,IAAA,IAAI,EAAE,GAAG,IAAI,MAAM,CAAC,+BAA+B,CAAC;IACpD,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC;AACnD,CAAC;MAEY,wBAAwB,GAAG,CAAC,SAAoC,EAAE,KAAgC,KAAU;AACxH,IAAA,cAAc,CAAC,SAAS,EAAE,UAAU,EAAE,eAAe,EAAE,IAAI,GAAG,CAAC,CAAC,+BAA+B,CAAC,CAAC,EAAE,KAAK,CAAC;AAC1G;;;;"}
+{"version":3,"file":"variant-class-name-DbXpwWql.js","sources":["src/schema/props/alternative-button-link-role.ts","src/schema/props/aria-controls.ts","src/schema/props/aria-description.ts","src/schema/props/aria-expanded.ts","src/schema/props/variant-class-name.ts"],"sourcesContent":["/* types */\nimport type { Generic } from 'adopted-style-sheets';\nimport { watchValidator } from '../utils';\n\nconst alternativeButtonLinkRolePropTypeOptions = ['tab', 'treeitem'] as const;\nexport type AlternativeButtonLinkRolePropType = (typeof alternativeButtonLinkRolePropTypeOptions)[number];\n\n/**\n * Defines the role of the components primary element.\n */\nexport type PropAlternativeButtonLinkRole = {\n\trole: AlternativeButtonLinkRolePropType;\n};\n\n/* validator */\nexport const validateAlternativeButtonLinkRole = (component: Generic.Element.Component, value?: AlternativeButtonLinkRolePropType) => {\n\twatchValidator(\n\t\tcomponent,\n\t\t`_role`,\n\t\t(value) => typeof value === 'string' && alternativeButtonLinkRolePropTypeOptions.includes(value),\n\t\tnew Set([`KoliBriAlternativeButtonLinkRole {${alternativeButtonLinkRolePropTypeOptions.join(', ')}`]),\n\t\tvalue,\n\t);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchString } from '../utils';\n\n/* types */\n/**\n * Defines which elements are being controlled. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)\n */\ntype AriaControlsPropType = string;\n\nexport type PropAriaControls = {\n\tariaControls: AriaControlsPropType;\n};\n\n/* validator */\nexport const validateAriaControls = (component: Generic.Element.Component, value?: AriaControlsPropType): void => {\n\twatchString(component, '_ariaControls', value);\n};\n","import type { Generic } from 'adopted-style-sheets';\nimport { watchString } from '../utils';\n\n/* types */\nexport type AriaDescriptionPropType = string;\n\n/**\n * Defines the value for the aria-description attribute.\n */\nexport type PropAriaDescription = {\n\tariaDescription: AriaDescriptionPropType;\n};\n\n/* validator */\nexport const validateAriaDescription = (component: Generic.Element.Component, value?: AriaDescriptionPropType): void => {\n\twatchString(component, '_ariaDescription', value);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type AriaExpandedPropType = boolean;\n\n/**\n * Marks this element as open/expanded, or that the connected element (aria-controls/aria-owns) is open/expanded.\n * (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)\n */\nexport type PropAriaExpanded = {\n\tariaExpanded: AriaExpandedPropType;\n};\n\n/* validator */\nexport const validateAriaExpanded = (component: Generic.Element.Component, value?: AriaExpandedPropType): void => {\n\twatchBoolean(component, '_ariaExpanded', value);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchValidator } from '../utils';\n\nexport type VariantClassNamePropType = string;\n\nexport type PropVariantClassName = {\n\tvariant: VariantClassNamePropType;\n};\n\nconst isSafeClassName = (value: unknown) => {\n\tvar re = new RegExp('^[a-zA-Z][a-zA-Z0-9_-]{3,60}$');\n\treturn typeof value === 'string' && re.test(value);\n};\n\nexport const validateVariantClassName = (component: Generic.Element.Component, value?: VariantClassNamePropType): void => {\n\twatchValidator(component, '_variant', isSafeClassName, new Set(['^[a-zA-Z][a-zA-Z0-9_-]{3,60}$']), value);\n};\n"],"names":[],"mappings":";;;;;AAIA,MAAM,wCAAwC,GAAG,CAAC,KAAK,EAAE,UAAU,CAAU;MAWhE,iCAAiC,GAAG,CAAC,SAAoC,EAAE,KAAyC,KAAI;AACpI,IAAA,cAAc,CACb,SAAS,EACT,CAAO,KAAA,CAAA,EACP,CAAC,KAAK,KAAK,OAAO,KAAK,KAAK,QAAQ,IAAI,wCAAwC,CAAC,QAAQ,CAAC,KAAK,CAAC,EAChG,IAAI,GAAG,CAAC,CAAC,CAAA,kCAAA,EAAqC,wCAAwC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAE,CAAA,CAAC,CAAC,EACrG,KAAK,CACL;AACF;;MCRa,oBAAoB,GAAG,CAAC,SAAoC,EAAE,KAA4B,KAAU;AAChH,IAAA,WAAW,CAAC,SAAS,EAAE,eAAe,EAAE,KAAK,CAAC;AAC/C;;MCHa,uBAAuB,GAAG,CAAC,SAAoC,EAAE,KAA+B,KAAU;AACtH,IAAA,WAAW,CAAC,SAAS,EAAE,kBAAkB,EAAE,KAAK,CAAC;AAClD;;MCAa,oBAAoB,GAAG,CAAC,SAAoC,EAAE,KAA4B,KAAU;AAChH,IAAA,YAAY,CAAC,SAAS,EAAE,eAAe,EAAE,KAAK,CAAC;AAChD;;ACRA,MAAM,eAAe,GAAG,CAAC,KAAc,KAAI;AAC1C,IAAA,IAAI,EAAE,GAAG,IAAI,MAAM,CAAC,+BAA+B,CAAC;IACpD,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC;AACnD,CAAC;MAEY,wBAAwB,GAAG,CAAC,SAAoC,EAAE,KAAgC,KAAU;AACxH,IAAA,cAAc,CAAC,SAAS,EAAE,UAAU,EAAE,eAAe,EAAE,IAAI,GAAG,CAAC,CAAC,+BAA+B,CAAC,CAAC,EAAE,KAAK,CAAC;AAC1G;;;;"}

package/dist/kolibri/Alert-BsbKAp99.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{_ as e}from"./tslib.es6-CxX45GIN.js";import{h as o,F as a}from"./index-CTfYKeaf.js";import{c as l}from"./clsx-COFh-Vc8.js";import{d as t,c as s}from"./component-names-CqTpXVIM.js";import{t as n}from"./i18n-DvMeCREp.js";import{b as r}from"./bem-registry-B0PxCYiM.js";import{c as i}from"./browser-KcXKIKON.js";import{K as c}from"./Heading-OHdEuqsD.js";const d=i();d("kol-alert","closer"),d("kol-alert","content");const u=d("kol-alert","icon"),f=n("kol-error"),b=n("kol-info"),m=n("kol-warning"),p=n("kol-success"),v=n("kol-message"),k=({ariaLabel:e,icon:l})=>o(a,null,o("span",{class:"visually-hidden"},e),o(t,{class:u,_label:"",_icons:l})),g=({type:e,label:a})=>{switch(e){case"error":return o(k,{ariaLabel:f,icon:"kolicon-alert-error",label:a});case"info":return o(k,{ariaLabel:b,icon:"kolicon-alert-info",label:a});case"warning":return o(k,{ariaLabel:m,icon:"kolicon-alert-warning",label:a});case"success":return o(k,{ariaLabel:p,icon:"kolicon-alert-success",label:a});default:return o(k,{ariaLabel:v,icon:"kolicon-alert-info",label:a})}},h=r.forBlock("kol-alert"),C=h("closer"),y=h("content"),_=()=>{if("undefined"==typeof navigator||"function"!=typeof navigator.vibrate)return;const e=navigator.userActivation;if(((null==e?void 0:e.isActive)||(null==e?void 0:e.hasBeenActive))&&matchMedia("(any-pointer: coarse)").matches)try{navigator.vibrate([100,75,100,75,100])}catch(e){}},j=(a,r)=>{const{class:i={},alert:t=!1,hasCloser:d=!1,label:b,level:m=0,type:k="default",variant:u="msg",onAlertTimeout:v,onCloserClick:f}=a,p=e(a,["class","alert","hasCloser","label","level","type","variant","onAlertTimeout","onCloserClick"]),j=n("kol-close-alert");t&&(_(),setTimeout(()=>{null==v||v()},1e4));const L=h({hasCloser:!!d,[`type-${k}`]:!0,[`variant-${u}`]:!0}),A=h("heading",{[`h${m}`]:!0}),K=Object.assign({class:l(i,L)},p);return o("div",Object.assign({role:t?"alert":void 0},K,{"data-testid":"alert"}),o("div",{class:"kol-alert__container"},o(g,{label:b,type:k}),o("div",{class:"kol-alert__container-content"},b&&o(c,{class:A,level:m,id:"heading"},b),"msg"===u&&o("span",{class:y,"aria-describedby":b?"heading":void 0},r)),d&&o(s,{class:C+" kol-close-button","data-testid":"alert-close-button",_ariaDescription:(null==b?void 0:b.trim())||"",_hideLabel:!0,_icons:{left:{icon:"kolicon-cross"}},_label:j,_on:{onClick:f},_tooltipAlign:"left"})),"card"===u&&o("div",{class:y,"aria-describedby":b?"heading":void 0},r))};export{j as K};

package/dist/kolibri/Alert-BsbKAp99.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert-BsbKAp99.js","sources":["src/functional-components/Alert/bem.ts","src/functional-components/AlertIcon/AlertIcon.tsx","src/functional-components/Alert/Alert.tsx"],"sourcesContent":["import { generateBemClassNames } from 'typed-bem';\n\n/**\n * This file defines the BEM schema for the kol-alert component.\n */\n\n/**\n * The schema defines the structure of the BEM class names\n */\ntype SCHEMA = {\n\t'kol-alert': {\n\t\t/**\n\t\t * Here we define the elements we needed\n\t\t * to realize a minimal full featured alert\n\t\t * component (DOM).\n\t\t */\n\t\telements: {\n\t\t\tcontainer: {\n\t\t\t\tmodifiers: null;\n\t\t\t};\n\t\t\ticon: {\n\t\t\t\tmodifiers: null;\n\t\t\t};\n\t\t\theading: {\n\t\t\t\t/**\n\t\t\t\t * Some elements needs modifiers to\n\t\t\t\t * style them properly.\n\t\t\t\t */\n\t\t\t\tmodifiers: Set<'h0' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>;\n\t\t\t};\n\t\t\tcontent: {\n\t\t\t\tmodifiers: null;\n\t\t\t};\n\t\t\tcloser: {\n\t\t\t\tmodifiers: null;\n\t\t\t};\n\t\t};\n\t\t/**\n\t\t * Here we define the modifiers related to the\n\t\t * kol-alert component properties.\n\t\t */\n\t\tmodifiers: Set<'hasCloser' | 'type-default' | 'type-error' | 'type-info' | 'type-success' | 'type-warning' | 'variant-card' | 'variant-msg'>;\n\t};\n};\n\n/**\n * Define the generator function for the BEM class names.\n */\nconst bem = generateBemClassNames<SCHEMA>();\n\n/**\n * Define a constants object that contains the BEM schema for\n * reuse to generate SCSS files in themes.\n */\nconst BEM: SCHEMA = {\n\t'kol-alert': {\n\t\telements: {\n\t\t\tcloser: { modifiers: null },\n\t\t\theading: { modifiers: new Set(['h0', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6']) },\n\t\t\ticon: { modifiers: null },\n\t\t\tcontent: { modifiers: null },\n\t\t\tcontainer: { modifiers: null },\n\t\t},\n\t\tmodifiers: new Set(['hasCloser', 'type-default', 'type-error', 'type-info', 'type-success', 'type-warning', 'variant-card', 'variant-msg']),\n\t},\n};\n\n/**\n * Define the static BEM class names for the alert component.\n */\nconst BEM_CLASS_ALERT__CLOSER = bem('kol-alert', 'closer');\nconst BEM_CLASS_ALERT__CONTENT = bem('kol-alert', 'content');\nconst BEM_CLASS_ALERT__ICON = bem('kol-alert', 'icon');\n\nexport { BEM as BEM_ALERT, BEM_CLASS_ALERT__CLOSER, BEM_CLASS_ALERT__CONTENT, BEM_CLASS_ALERT__ICON, bem as genBemAlert };\n","import { Fragment, h, type FunctionalComponent as FC } from '@stencil/core';\nimport { KolIconTag } from '../../core/component-names';\nimport { translate } from '../../i18n';\nimport type { AlertType } from '../../schema';\nimport { BEM_CLASS_ALERT__ICON } from '../Alert/bem';\n\nconst translateError = translate('kol-error');\nconst translateInfo = translate('kol-info');\nconst translateWarning = translate('kol-warning');\nconst translateSuccess = translate('kol-success');\nconst translateMessage = translate('kol-message');\n\n/**\n * The icon uses a visually-hidden span instead of an aria-label because the Alert might be referenced as content for aria-describedby.\n * In this scenario, Firefox with NVDA does not properly read the aria-label, so the visually-hidden span ensures correct screen reader behavior.\n * @see https://github.com/public-ui/kolibri/issues/7119\n */\nconst Icon: FC<{ ariaLabel: string; icon: string; label?: string }> = ({ ariaLabel, icon }) => {\n\treturn (\n\t\t<>\n\t\t\t<span class=\"visually-hidden\">{ariaLabel}</span>\n\t\t\t<KolIconTag class={BEM_CLASS_ALERT__ICON} _label=\"\" _icons={icon} />\n\t\t</>\n\t);\n};\n\nconst AlertIcon: FC<{ label?: string; type?: AlertType }> = ({ type, label }) => {\n\tswitch (type) {\n\t\tcase 'error':\n\t\t\treturn <Icon ariaLabel={translateError} icon=\"kolicon-alert-error\" label={label} />;\n\t\tcase 'info':\n\t\t\treturn <Icon ariaLabel={translateInfo} icon=\"kolicon-alert-info\" label={label} />;\n\t\tcase 'warning':\n\t\t\treturn <Icon ariaLabel={translateWarning} icon=\"kolicon-alert-warning\" label={label} />;\n\t\tcase 'success':\n\t\t\treturn <Icon ariaLabel={translateSuccess} icon=\"kolicon-alert-success\" label={label} />;\n\t\tdefault:\n\t\t\treturn <Icon ariaLabel={translateMessage} icon=\"kolicon-alert-info\" label={label} />;\n\t}\n};\n\nexport default AlertIcon;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport { type JSXBase } from '@stencil/core/internal';\nimport clsx from '../../utils/clsx';\n\nimport { KolButtonWcTag } from '../../core/component-names';\nimport { translate } from '../../i18n';\nimport { type InternalAlertProps } from '../../schema';\nimport { bem } from '../../schema/bem-registry';\nimport AlertIcon from '../AlertIcon';\nimport KolHeadingFc from '../Heading';\n\nconst alertBem = bem.forBlock('kol-alert');\nconst BEM_CLASS_ALERT__CLOSER = alertBem('closer');\nconst BEM_CLASS_ALERT__CONTENT = alertBem('content');\n\nexport type KolAlertFcProps = JSXBase.HTMLAttributes<HTMLDivElement> &\n\tPartial<Omit<InternalAlertProps, 'on'>> & {\n\t\tonCloserClick?: () => void;\n\t\tonAlertTimeout?: () => void;\n\t};\n\n/**\n * - https://developer.mozilla.org/de/docs/Web/API/Navigator/vibrate\n * - https://googlechrome.github.io/samples/vibration/\n * - Ongoing discussion: https://github.com/public-ui/kolibri/issues/7191\n * @todo Move side-effect out of render-function to avoid multiple incarnations.\n */\nconst vibrateOnError = (): void => {\n\tif (typeof navigator === 'undefined' || typeof navigator.vibrate !== 'function') {\n\t\treturn;\n\t}\n\tconst ua = navigator.userActivation;\n\tconst hasGesture = ua?.isActive || ua?.hasBeenActive;\n\tif (!hasGesture) {\n\t\treturn;\n\t}\n\tif (!matchMedia('(any-pointer: coarse)').matches) {\n\t\treturn;\n\t}\n\ttry {\n\t\tnavigator.vibrate([100, 75, 100, 75, 100]);\n\t} catch {\n\t\t/* no-op */\n\t}\n};\n\nconst KolAlertFc: FC<KolAlertFcProps> = (props, children) => {\n\tconst {\n\t\tclass: classNames = {},\n\t\talert = false,\n\t\thasCloser = false,\n\t\tlabel,\n\t\tlevel = 0,\n\t\ttype = 'default',\n\t\tvariant = 'msg',\n\t\tonAlertTimeout,\n\t\tonCloserClick,\n\t\t...other\n\t} = props;\n\n\tconst translateCloseAlert = translate('kol-close-alert');\n\n\tif (alert) {\n\t\tvibrateOnError();\n\n\t\tsetTimeout(() => {\n\t\t\tonAlertTimeout?.();\n\t\t}, 10000);\n\t}\n\n\t/**\n\t * Define the dynamic BEM class names for the alert component.\n\t */\n\tconst BEM_CLASS_ROOT = alertBem({\n\t\thasCloser: !!hasCloser,\n\t\t[`type-${type}`]: true,\n\t\t[`variant-${variant}`]: true,\n\t});\n\tconst BEM_CLASS__HEADING = alertBem('heading', {\n\t\t[`h${level}`]: true,\n\t});\n\n\tconst rootProps: Partial<JSXBase.HTMLAttributes<HTMLDivElement>> = {\n\t\tclass: clsx(classNames, BEM_CLASS_ROOT),\n\t\t...other,\n\t};\n\n\treturn (\n\t\t<div role={alert ? 'alert' : undefined} {...rootProps} data-testid=\"alert\">\n\t\t\t<div class=\"kol-alert__container\">\n\t\t\t\t<AlertIcon label={label} type={type} />\n\t\t\t\t<div class=\"kol-alert__container-content\">\n\t\t\t\t\t{label && (\n\t\t\t\t\t\t<KolHeadingFc class={BEM_CLASS__HEADING} level={level} id=\"heading\">\n\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t</KolHeadingFc>\n\t\t\t\t\t)}\n\t\t\t\t\t{variant === 'msg' && (\n\t\t\t\t\t\t<span class={BEM_CLASS_ALERT__CONTENT} aria-describedby={label ? 'heading' : undefined}>\n\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t{hasCloser && (\n\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\tclass={BEM_CLASS_ALERT__CLOSER + ' kol-close-button'}\n\t\t\t\t\t\tdata-testid=\"alert-close-button\"\n\t\t\t\t\t\t_ariaDescription={label?.trim() || ''}\n\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t_icons={{\n\t\t\t\t\t\t\tleft: {\n\t\t\t\t\t\t\t\ticon: 'kolicon-cross',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}}\n\t\t\t\t\t\t_label={translateCloseAlert}\n\t\t\t\t\t\t_on={{ onClick: onCloserClick }}\n\t\t\t\t\t\t_tooltipAlign=\"left\"\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{variant === 'card' && (\n\t\t\t\t<div class={BEM_CLASS_ALERT__CONTENT} aria-describedby={label ? 'heading' : undefined}>\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default KolAlertFc;\n"],"names":["generateBemClassNames","bem"],"mappings":"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"}

package/dist/kolibri/Collapsible-BTaZIREk.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{_ as l}from"./tslib.es6-CxX45GIN.js";import{h as o}from"./index-CTfYKeaf.js";import{c as i}from"./component-names-CqTpXVIM.js";import{c as e}from"./clsx-COFh-Vc8.js";import{K as s}from"./Heading-OHdEuqsD.js";const n=(a,n)=>{const{id:r,class:c,label:d,level:p=1,disabled:t,open:b,onClick:v,HeadingProps:_={},HeadingButtonProps:m={},ContentProps:u={}}=a,C=l(a,["id","class","label","level","disabled","open","onClick","HeadingProps","HeadingButtonProps","ContentProps"]),f=b?"kolicon-chevron-down":"kolicon-chevron-right";return o("div",Object.assign({id:r,class:e("collapsible",{"collapsible--disabled":!0===t,"collapsible--open":!0===b},c)},C),o(s,{ref:null==_?void 0:_.ref,level:p,class:e("collapsible__heading",null==_?void 0:_.class)},o(i,{class:e("collapsible__heading-button",null==m?void 0:m.class),ref:null==m?void 0:m.ref,slot:"expert",_ariaControls:`${r}-control`,_ariaExpanded:b,_disabled:t,_icons:(null==m?void 0:m._icons)||`${f}`,_label:d,_on:{onClick:v}})),o("div",{class:e("collapsible__wrapper",null==u?void 0:u.wrapperClass)},o("div",{class:e("collapsible__wrapper-animation",null==u?void 0:u.animationClass)},o("div",{"aria-hidden":!1===b?"true":void 0,class:e("collapsible__content",null==u?void 0:u.class),id:`${r}-control`},n))))};export{n as K};

package/dist/{esm/Collapsible-gqDSgPZS.js.map → kolibri/Collapsible-BTaZIREk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Collapsible-gqDSgPZS.js","sources":["src/functional-components/Collapsible/Collapsible.tsx"],"sourcesContent":["import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport { KolButtonWcTag } from '../../core/component-names';\nimport type { EventValueOrEventCallback, HeadingLevel, IconsPropType, StencilUnknown } from '../../schema';\nimport clsx from '../../utils/clsx';\nimport KolHeadingFc from '../Heading';\n\ntype ClassType =\n\t| string\n\t| {\n\t\t\t[className: string]: boolean;\n\t  };\n\nexport type CollapsibleProps = Omit<JSXBase.HTMLAttributes<HTMLElement>, 'id' | 'onClick'> & {\n\tid: string;\n\topen?: boolean;\n\tdisabled?: boolean;\n\tlevel?: HeadingLevel;\n\tlabel: string;\n\tonClick?: EventValueOrEventCallback<MouseEvent, StencilUnknown>;\n\n\tHeadingProps?: {\n\t\tref?: ((elm?: HTMLElement | undefined) => void) | undefined;\n\t\tclass?: ClassType;\n\t};\n\n\tHeadingButtonProps?: {\n\t\tref?: ((elm?: HTMLKolButtonWcElement | undefined) => void) | undefined;\n\t\tclass?: ClassType;\n\t\t_icons?: IconsPropType;\n\t};\n\n\tContentProps?: {\n\t\tclass?: ClassType;\n\t\tanimationClass?: ClassType;\n\t\twrapperClass?: ClassType;\n\t};\n};\n\nconst KolCollapsibleFc: FC<CollapsibleProps> = (props, children) => {\n\tconst { id, class: classNames, label, level = 1, disabled, open, onClick, HeadingProps = {}, HeadingButtonProps = {}, ContentProps = {}, ...other } = props;\n\tconst icon = open ? 'kolicon-chevron-down' : 'kolicon-chevron-right';\n\n\treturn (\n\t\t<div\n\t\t\tid={id}\n\t\t\tclass={clsx(\n\t\t\t\t'collapsible',\n\t\t\t\t{\n\t\t\t\t\t'collapsible--disabled': disabled === true,\n\t\t\t\t\t'collapsible--open': open === true,\n\t\t\t\t},\n\t\t\t\tclassNames,\n\t\t\t)}\n\t\t\t{...other}\n\t\t>\n\t\t\t<KolHeadingFc ref={HeadingProps?.ref} level={level} class={clsx('collapsible__heading', HeadingProps?.class)}>\n\t\t\t\t<KolButtonWcTag\n\t\t\t\t\tclass={clsx('collapsible__heading-button', HeadingButtonProps?.class)}\n\t\t\t\t\tref={HeadingButtonProps?.ref}\n\t\t\t\t\tslot=\"expert\"\n\t\t\t\t\t_ariaControls={`${id}-control`}\n\t\t\t\t\t_ariaExpanded={open}\n\t\t\t\t\t_disabled={disabled}\n\t\t\t\t\t_icons={HeadingButtonProps?._icons || `${icon}`}\n\t\t\t\t\t_label={label}\n\t\t\t\t\t_on={{ onClick }}\n\t\t\t\t></KolButtonWcTag>\n\t\t\t</KolHeadingFc>\n\t\t\t<div class={clsx('collapsible__wrapper', ContentProps?.wrapperClass)}>\n\t\t\t\t<div class={clsx('collapsible__wrapper-animation', ContentProps?.animationClass)}>\n\t\t\t\t\t<div aria-hidden={open === false ? 'true' : undefined} class={clsx('collapsible__content', ContentProps?.class)} id={`${id}-control`}>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default KolCollapsibleFc;\n"],"names":[],"mappings":";;;;;;;;;AAwCA,MAAM,gBAAgB,GAAyB,CAAC,KAAK,EAAE,QAAQ,KAAI;AAClE,IAAA,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,GAAG,EAAE,EAAE,kBAAkB,GAAG,EAAE,EAAE,YAAY,GAAG,EAAE,EAAe,GAAA,KAAK,EAAf,KAAK,GAAA,MAAA,CAAK,KAAK,EAArJ,CAAA,IAAA,EAAA,OAAA,EAAA,OAAA,EAAA,OAAA,EAAA,UAAA,EAAA,MAAA,EAAA,SAAA,EAAA,cAAA,EAAA,oBAAA,EAAA,cAAA,CAA6I,CAAQ;IAC3J,MAAM,IAAI,GAAG,IAAI,GAAG,sBAAsB,GAAG,uBAAuB;AAEpE,IAAA,QACC,CACC,CAAA,KAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,IAAI,CACV,aAAa,EACb;YACC,uBAAuB,EAAE,QAAQ,KAAK,IAAI;YAC1C,mBAAmB,EAAE,IAAI,KAAK,IAAI;AAClC,SAAA,EACD,UAAU,CACV,EAAA,EACG,KAAK,CAAA,EAET,CAAA,CAAC,YAAY,EAAA,EAAC,GAAG,EAAE,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,sBAAsB,EAAE,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAE,KAAK,CAAC,EAAA,EAC3G,CAAA,CAAC,cAAc,EAAA,EACd,KAAK,EAAE,IAAI,CAAC,6BAA6B,EAAE,kBAAkB,KAAlB,IAAA,IAAA,kBAAkB,KAAlB,MAAA,GAAA,MAAA,GAAA,kBAAkB,CAAE,KAAK,CAAC,EACrE,GAAG,EAAE,kBAAkB,KAAlB,IAAA,IAAA,kBAAkB,uBAAlB,kBAAkB,CAAE,GAAG,EAC5B,IAAI,EAAC,QAAQ,EACb,aAAa,EAAE,CAAA,EAAG,EAAE,CAAA,QAAA,CAAU,EAC9B,aAAa,EAAE,IAAI,EACnB,SAAS,EAAE,QAAQ,EACnB,MAAM,EAAE,CAAA,kBAAkB,KAAA,IAAA,IAAlB,kBAAkB,KAAlB,MAAA,GAAA,MAAA,GAAA,kBAAkB,CAAE,MAAM,KAAI,CAAA,EAAG,IAAI,CAAE,CAAA,EAC/C,MAAM,EAAE,KAAK,EACb,GAAG,EAAE,EAAE,OAAO,EAAE,GACC,CACJ,EACf,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,IAAI,CAAC,sBAAsB,EAAE,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAE,YAAY,CAAC,EAAA,EACnE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,IAAI,CAAC,gCAAgC,EAAE,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAE,cAAc,CAAC,EAAA,EAC/E,CAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAkB,IAAI,KAAK,KAAK,GAAG,MAAM,GAAG,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,sBAAsB,EAAE,YAAY,KAAZ,IAAA,IAAA,YAAY,uBAAZ,YAAY,CAAE,KAAK,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,CAAA,QAAA,CAAU,IAClI,QAAQ,CACJ,CACD,CACD,CACD;AAER;;;;"}
+{"version":3,"file":"Collapsible-BTaZIREk.js","sources":["src/functional-components/Collapsible/Collapsible.tsx"],"sourcesContent":["import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport { KolButtonWcTag } from '../../core/component-names';\nimport type { EventValueOrEventCallback, HeadingLevel, IconsPropType, StencilUnknown } from '../../schema';\nimport clsx from '../../utils/clsx';\nimport KolHeadingFc from '../Heading';\n\ntype ClassType =\n\t| string\n\t| {\n\t\t\t[className: string]: boolean;\n\t  };\n\nexport type CollapsibleProps = Omit<JSXBase.HTMLAttributes<HTMLElement>, 'id' | 'onClick'> & {\n\tid: string;\n\topen?: boolean;\n\tdisabled?: boolean;\n\tlevel?: HeadingLevel;\n\tlabel: string;\n\tonClick?: EventValueOrEventCallback<MouseEvent, StencilUnknown>;\n\n\tHeadingProps?: {\n\t\tref?: ((elm?: HTMLElement | undefined) => void) | undefined;\n\t\tclass?: ClassType;\n\t};\n\n\tHeadingButtonProps?: {\n\t\tref?: ((elm?: HTMLKolButtonWcElement | undefined) => void) | undefined;\n\t\tclass?: ClassType;\n\t\t_icons?: IconsPropType;\n\t};\n\n\tContentProps?: {\n\t\tclass?: ClassType;\n\t\tanimationClass?: ClassType;\n\t\twrapperClass?: ClassType;\n\t};\n};\n\nconst KolCollapsibleFc: FC<CollapsibleProps> = (props, children) => {\n\tconst { id, class: classNames, label, level = 1, disabled, open, onClick, HeadingProps = {}, HeadingButtonProps = {}, ContentProps = {}, ...other } = props;\n\tconst icon = open ? 'kolicon-chevron-down' : 'kolicon-chevron-right';\n\n\treturn (\n\t\t<div\n\t\t\tid={id}\n\t\t\tclass={clsx(\n\t\t\t\t'collapsible',\n\t\t\t\t{\n\t\t\t\t\t'collapsible--disabled': disabled === true,\n\t\t\t\t\t'collapsible--open': open === true,\n\t\t\t\t},\n\t\t\t\tclassNames,\n\t\t\t)}\n\t\t\t{...other}\n\t\t>\n\t\t\t<KolHeadingFc ref={HeadingProps?.ref} level={level} class={clsx('collapsible__heading', HeadingProps?.class)}>\n\t\t\t\t<KolButtonWcTag\n\t\t\t\t\tclass={clsx('collapsible__heading-button', HeadingButtonProps?.class)}\n\t\t\t\t\tref={HeadingButtonProps?.ref}\n\t\t\t\t\tslot=\"expert\"\n\t\t\t\t\t_ariaControls={`${id}-control`}\n\t\t\t\t\t_ariaExpanded={open}\n\t\t\t\t\t_disabled={disabled}\n\t\t\t\t\t_icons={HeadingButtonProps?._icons || `${icon}`}\n\t\t\t\t\t_label={label}\n\t\t\t\t\t_on={{ onClick }}\n\t\t\t\t></KolButtonWcTag>\n\t\t\t</KolHeadingFc>\n\t\t\t<div class={clsx('collapsible__wrapper', ContentProps?.wrapperClass)}>\n\t\t\t\t<div class={clsx('collapsible__wrapper-animation', ContentProps?.animationClass)}>\n\t\t\t\t\t<div aria-hidden={open === false ? 'true' : undefined} class={clsx('collapsible__content', ContentProps?.class)} id={`${id}-control`}>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default KolCollapsibleFc;\n"],"names":[],"mappings":";;;;;;;;;AAwCA,MAAM,gBAAgB,GAAyB,CAAC,KAAK,EAAE,QAAQ,KAAI;AAClE,IAAA,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,GAAG,EAAE,EAAE,kBAAkB,GAAG,EAAE,EAAE,YAAY,GAAG,EAAE,EAAe,GAAA,KAAK,EAAf,KAAK,GAAA,MAAA,CAAK,KAAK,EAArJ,CAAA,IAAA,EAAA,OAAA,EAAA,OAAA,EAAA,OAAA,EAAA,UAAA,EAAA,MAAA,EAAA,SAAA,EAAA,cAAA,EAAA,oBAAA,EAAA,cAAA,CAA6I,CAAQ;IAC3J,MAAM,IAAI,GAAG,IAAI,GAAG,sBAAsB,GAAG,uBAAuB;AAEpE,IAAA,QACC,CACC,CAAA,KAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,IAAI,CACV,aAAa,EACb;YACC,uBAAuB,EAAE,QAAQ,KAAK,IAAI;YAC1C,mBAAmB,EAAE,IAAI,KAAK,IAAI;AAClC,SAAA,EACD,UAAU,CACV,EAAA,EACG,KAAK,CAAA,EAET,CAAA,CAAC,YAAY,EAAA,EAAC,GAAG,EAAE,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,sBAAsB,EAAE,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAE,KAAK,CAAC,EAAA,EAC3G,CAAA,CAAC,cAAc,EAAA,EACd,KAAK,EAAE,IAAI,CAAC,6BAA6B,EAAE,kBAAkB,KAAlB,IAAA,IAAA,kBAAkB,KAAlB,MAAA,GAAA,MAAA,GAAA,kBAAkB,CAAE,KAAK,CAAC,EACrE,GAAG,EAAE,kBAAkB,KAAlB,IAAA,IAAA,kBAAkB,uBAAlB,kBAAkB,CAAE,GAAG,EAC5B,IAAI,EAAC,QAAQ,EACb,aAAa,EAAE,CAAA,EAAG,EAAE,CAAA,QAAA,CAAU,EAC9B,aAAa,EAAE,IAAI,EACnB,SAAS,EAAE,QAAQ,EACnB,MAAM,EAAE,CAAA,kBAAkB,KAAA,IAAA,IAAlB,kBAAkB,KAAlB,MAAA,GAAA,MAAA,GAAA,kBAAkB,CAAE,MAAM,KAAI,CAAA,EAAG,IAAI,CAAE,CAAA,EAC/C,MAAM,EAAE,KAAK,EACb,GAAG,EAAE,EAAE,OAAO,EAAE,GACC,CACJ,EACf,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,IAAI,CAAC,sBAAsB,EAAE,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAE,YAAY,CAAC,EAAA,EACnE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,IAAI,CAAC,gCAAgC,EAAE,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAE,cAAc,CAAC,EAAA,EAC/E,CAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAkB,IAAI,KAAK,KAAK,GAAG,MAAM,GAAG,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,sBAAsB,EAAE,YAAY,KAAZ,IAAA,IAAA,YAAY,uBAAZ,YAAY,CAAE,KAAK,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,CAAA,QAAA,CAAU,IAClI,QAAQ,CACJ,CACD,CACD,CACD;AAER;;;;"}

package/dist/kolibri/CustomSuggestionsOptionsGroup-C0pEClOW.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{h as o}from"./index-CTfYKeaf.js";import{c as e}from"./clsx-COFh-Vc8.js";const s=({disabled:s,index:n,ref:i,selected:t,onClick:l,onMouseOver:r,onFocus:u,onKeyDown:a,option:d,searchTerm:c})=>o("li",{id:`option-${n}`,key:`-${n}`,ref:i,"data-index":n,tabIndex:-1,role:"option","aria-selected":t?"true":void 0,"aria-disabled":s?"true":void 0,onClick:l,onMouseOver:r,onFocus:u,class:e("kol-custom-suggestions-option",{"kol-custom-suggestions-option--disabled":s}),onKeyDown:a},o("span",null,((s,e)=>{if(!(null==e?void 0:e.trim()))return s;const n=new RegExp(`(${e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")})`,"gi");return s.split(n).map((s,e)=>e%2==1?o("mark",null,s):s)})(String(d),c||""))),n=({blockSuggestionMouseOver:s,onKeyDown:n,style:i,hidden:t},l)=>o("ul",{role:"listbox",style:i,class:e("kol-custom-suggestions-options-group",{"kol-custom-suggestions-options-group--cursor-hidden":s,"kol-custom-suggestions-options-group--open":!t}),hidden:t,onKeyDown:n},l);export{n as C,s as a};

package/dist/kolibri/{CustomSuggestionsOptionsGroup-BqJWXpoB.js.map → CustomSuggestionsOptionsGroup-C0pEClOW.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CustomSuggestionsOptionsGroup-BqJWXpoB.js","sources":["src/functional-components/CustomSuggestionsOption/CustomSuggestionsOption.tsx","src/functional-components/CustomSuggestionsOptionsGroup/CustomSuggestionsOptionsGroup.tsx"],"sourcesContent":["import { type FunctionalComponent as FC, h } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport type { W3CInputValue } from '../../schema';\nimport clsx from '../../utils/clsx';\n\nexport type CustomSuggestionsProps = JSXBase.HTMLAttributes<HTMLLIElement> & {\n\tdisabled: boolean;\n\tindex: number;\n\toption: W3CInputValue;\n\tselected: boolean;\n\tsearchTerm?: string;\n\tref?: ((elm?: HTMLLIElement | undefined) => void) | undefined;\n};\n\nconst CustomSuggestionsOptionFc: FC<CustomSuggestionsProps> = ({\n\tdisabled,\n\tindex,\n\tref,\n\tselected,\n\tonClick,\n\tonMouseOver,\n\tonFocus,\n\tonKeyDown,\n\toption,\n\tsearchTerm,\n}) => {\n\tconst highlightSearchTerm = (text: string, searchTerm: string) => {\n\t\tif (!searchTerm?.trim()) return text;\n\n\t\tconst regex = new RegExp(`(${searchTerm.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')})`, 'gi');\n\t\tconst parts = text.split(regex);\n\n\t\treturn parts.map((part, partIndex) => (partIndex % 2 === 1 ? <mark>{part}</mark> : part));\n\t};\n\n\treturn (\n\t\t<li\n\t\t\tid={`option-${index}`}\n\t\t\tkey={`-${index}`}\n\t\t\tref={ref}\n\t\t\tdata-index={index}\n\t\t\ttabIndex={-1}\n\t\t\trole=\"option\"\n\t\t\taria-selected={selected ? 'true' : undefined}\n\t\t\taria-disabled={disabled ? 'true' : undefined}\n\t\t\tonClick={onClick}\n\t\t\tonMouseOver={onMouseOver}\n\t\t\tonFocus={onFocus}\n\t\t\tclass={clsx('kol-custom-suggestions-option', { 'kol-custom-suggestions-option--disabled': disabled })}\n\t\t\tonKeyDown={onKeyDown}\n\t\t>\n\t\t\t<span>{highlightSearchTerm(String(option), searchTerm || '')}</span>\n\t\t</li>\n\t);\n};\nexport default CustomSuggestionsOptionFc;\n","import { type FunctionalComponent as FC, h } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from '../../utils/clsx';\n\nexport type CustomSuggestionsOptionsGroupProps = JSXBase.HTMLAttributes<HTMLUListElement> & {\n\tblockSuggestionMouseOver: boolean;\n};\n\nconst CustomSuggestionsOptionsGroupFc: FC<CustomSuggestionsOptionsGroupProps> = ({ blockSuggestionMouseOver, onKeyDown, style, hidden }, children) => {\n\treturn (\n\t\t<ul\n\t\t\trole=\"listbox\"\n\t\t\tstyle={style}\n\t\t\tclass={clsx('kol-custom-suggestions-options-group', {\n\t\t\t\t'kol-custom-suggestions-options-group--cursor-hidden': blockSuggestionMouseOver,\n\t\t\t\t'kol-custom-suggestions-options-group--open': !hidden,\n\t\t\t})}\n\t\t\thidden={hidden}\n\t\t\tonKeyDown={onKeyDown}\n\t\t>\n\t\t\t{children}\n\t\t</ul>\n\t);\n};\nexport default CustomSuggestionsOptionsGroupFc;\n"],"names":[],"mappings":";;;;;;AAcM,MAAA,yBAAyB,GAA+B,CAAC,EAC9D,QAAQ,EACR,KAAK,EACL,GAAG,EACH,QAAQ,EACR,OAAO,EACP,WAAW,EACX,OAAO,EACP,SAAS,EACT,MAAM,EACN,UAAU,GACV,KAAI;AACJ,IAAA,MAAM,mBAAmB,GAAG,CAAC,IAAY,EAAE,UAAkB,KAAI;QAChE,IAAI,EAAC,UAAU,KAAV,IAAA,IAAA,UAAU,uBAAV,UAAU,CAAE,IAAI,EAAE,CAAA;AAAE,YAAA,OAAO,IAAI;AAEpC,QAAA,MAAM,KAAK,GAAG,IAAI,MAAM,CAAC,CAAA,CAAA,EAAI,UAAU,CAAC,OAAO,CAAC,qBAAqB,EAAE,MAAM,CAAC,GAAG,EAAE,IAAI,CAAC;QACxF,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;AAE/B,QAAA,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,MAAM,SAAS,GAAG,CAAC,KAAK,CAAC,GAAG,CAAO,CAAA,MAAA,EAAA,IAAA,EAAA,IAAI,CAAQ,GAAG,IAAI,CAAC,CAAC;AAC1F,KAAC;IAED,QACC,CACC,CAAA,IAAA,EAAA,EAAA,EAAE,EAAE,CAAU,OAAA,EAAA,KAAK,CAAE,CAAA,EACrB,GAAG,EAAE,CAAA,CAAA,EAAI,KAAK,CAAA,CAAE,EAChB,GAAG,EAAE,GAAG,EAAA,YAAA,EACI,KAAK,EACjB,QAAQ,EAAE,EAAE,EACZ,IAAI,EAAC,QAAQ,EACE,eAAA,EAAA,QAAQ,GAAG,MAAM,GAAG,SAAS,EAC7B,eAAA,EAAA,QAAQ,GAAG,MAAM,GAAG,SAAS,EAC5C,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,IAAI,CAAC,+BAA+B,EAAE,EAAE,yCAAyC,EAAE,QAAQ,EAAE,CAAC,EACrG,SAAS,EAAE,SAAS,EAAA,EAEpB,CAAA,CAAA,MAAA,EAAA,IAAA,EAAO,mBAAmB,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,UAAU,IAAI,EAAE,CAAC,CAAQ,CAChE;AAEP;;AC9CA,MAAM,+BAA+B,GAA2C,CAAC,EAAE,wBAAwB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,QAAQ,KAAI;AACpJ,IAAA,QACC,CAAA,CAAA,IAAA,EAAA,EACC,IAAI,EAAC,SAAS,EACd,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,IAAI,CAAC,sCAAsC,EAAE;AACnD,YAAA,qDAAqD,EAAE,wBAAwB;YAC/E,4CAA4C,EAAE,CAAC,MAAM;AACrD,SAAA,CAAC,EACF,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EAEnB,EAAA,QAAQ,CACL;AAEP;;;;"}
+{"version":3,"file":"CustomSuggestionsOptionsGroup-C0pEClOW.js","sources":["src/functional-components/CustomSuggestionsOption/CustomSuggestionsOption.tsx","src/functional-components/CustomSuggestionsOptionsGroup/CustomSuggestionsOptionsGroup.tsx"],"sourcesContent":["import { type FunctionalComponent as FC, h } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport type { W3CInputValue } from '../../schema';\nimport clsx from '../../utils/clsx';\n\nexport type CustomSuggestionsProps = JSXBase.HTMLAttributes<HTMLLIElement> & {\n\tdisabled: boolean;\n\tindex: number;\n\toption: W3CInputValue;\n\tselected: boolean;\n\tsearchTerm?: string;\n\tref?: ((elm?: HTMLLIElement | undefined) => void) | undefined;\n};\n\nconst CustomSuggestionsOptionFc: FC<CustomSuggestionsProps> = ({\n\tdisabled,\n\tindex,\n\tref,\n\tselected,\n\tonClick,\n\tonMouseOver,\n\tonFocus,\n\tonKeyDown,\n\toption,\n\tsearchTerm,\n}) => {\n\tconst highlightSearchTerm = (text: string, searchTerm: string) => {\n\t\tif (!searchTerm?.trim()) return text;\n\n\t\tconst regex = new RegExp(`(${searchTerm.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')})`, 'gi');\n\t\tconst parts = text.split(regex);\n\n\t\treturn parts.map((part, partIndex) => (partIndex % 2 === 1 ? <mark>{part}</mark> : part));\n\t};\n\n\treturn (\n\t\t<li\n\t\t\tid={`option-${index}`}\n\t\t\tkey={`-${index}`}\n\t\t\tref={ref}\n\t\t\tdata-index={index}\n\t\t\ttabIndex={-1}\n\t\t\trole=\"option\"\n\t\t\taria-selected={selected ? 'true' : undefined}\n\t\t\taria-disabled={disabled ? 'true' : undefined}\n\t\t\tonClick={onClick}\n\t\t\tonMouseOver={onMouseOver}\n\t\t\tonFocus={onFocus}\n\t\t\tclass={clsx('kol-custom-suggestions-option', { 'kol-custom-suggestions-option--disabled': disabled })}\n\t\t\tonKeyDown={onKeyDown}\n\t\t>\n\t\t\t<span>{highlightSearchTerm(String(option), searchTerm || '')}</span>\n\t\t</li>\n\t);\n};\nexport default CustomSuggestionsOptionFc;\n","import { type FunctionalComponent as FC, h } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from '../../utils/clsx';\n\nexport type CustomSuggestionsOptionsGroupProps = JSXBase.HTMLAttributes<HTMLUListElement> & {\n\tblockSuggestionMouseOver: boolean;\n};\n\nconst CustomSuggestionsOptionsGroupFc: FC<CustomSuggestionsOptionsGroupProps> = ({ blockSuggestionMouseOver, onKeyDown, style, hidden }, children) => {\n\treturn (\n\t\t<ul\n\t\t\trole=\"listbox\"\n\t\t\tstyle={style}\n\t\t\tclass={clsx('kol-custom-suggestions-options-group', {\n\t\t\t\t'kol-custom-suggestions-options-group--cursor-hidden': blockSuggestionMouseOver,\n\t\t\t\t'kol-custom-suggestions-options-group--open': !hidden,\n\t\t\t})}\n\t\t\thidden={hidden}\n\t\t\tonKeyDown={onKeyDown}\n\t\t>\n\t\t\t{children}\n\t\t</ul>\n\t);\n};\nexport default CustomSuggestionsOptionsGroupFc;\n"],"names":[],"mappings":";;;;;;AAcM,MAAA,yBAAyB,GAA+B,CAAC,EAC9D,QAAQ,EACR,KAAK,EACL,GAAG,EACH,QAAQ,EACR,OAAO,EACP,WAAW,EACX,OAAO,EACP,SAAS,EACT,MAAM,EACN,UAAU,GACV,KAAI;AACJ,IAAA,MAAM,mBAAmB,GAAG,CAAC,IAAY,EAAE,UAAkB,KAAI;QAChE,IAAI,EAAC,UAAU,KAAV,IAAA,IAAA,UAAU,uBAAV,UAAU,CAAE,IAAI,EAAE,CAAA;AAAE,YAAA,OAAO,IAAI;AAEpC,QAAA,MAAM,KAAK,GAAG,IAAI,MAAM,CAAC,CAAA,CAAA,EAAI,UAAU,CAAC,OAAO,CAAC,qBAAqB,EAAE,MAAM,CAAC,GAAG,EAAE,IAAI,CAAC;QACxF,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;AAE/B,QAAA,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,MAAM,SAAS,GAAG,CAAC,KAAK,CAAC,GAAG,CAAO,CAAA,MAAA,EAAA,IAAA,EAAA,IAAI,CAAQ,GAAG,IAAI,CAAC,CAAC;AAC1F,KAAC;IAED,QACC,CACC,CAAA,IAAA,EAAA,EAAA,EAAE,EAAE,CAAU,OAAA,EAAA,KAAK,CAAE,CAAA,EACrB,GAAG,EAAE,CAAA,CAAA,EAAI,KAAK,CAAA,CAAE,EAChB,GAAG,EAAE,GAAG,EAAA,YAAA,EACI,KAAK,EACjB,QAAQ,EAAE,EAAE,EACZ,IAAI,EAAC,QAAQ,EACE,eAAA,EAAA,QAAQ,GAAG,MAAM,GAAG,SAAS,EAC7B,eAAA,EAAA,QAAQ,GAAG,MAAM,GAAG,SAAS,EAC5C,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,IAAI,CAAC,+BAA+B,EAAE,EAAE,yCAAyC,EAAE,QAAQ,EAAE,CAAC,EACrG,SAAS,EAAE,SAAS,EAAA,EAEpB,CAAA,CAAA,MAAA,EAAA,IAAA,EAAO,mBAAmB,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,UAAU,IAAI,EAAE,CAAC,CAAQ,CAChE;AAEP;;AC9CA,MAAM,+BAA+B,GAA2C,CAAC,EAAE,wBAAwB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,QAAQ,KAAI;AACpJ,IAAA,QACC,CAAA,CAAA,IAAA,EAAA,EACC,IAAI,EAAC,SAAS,EACd,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,IAAI,CAAC,sCAAsC,EAAE;AACnD,YAAA,qDAAqD,EAAE,wBAAwB;YAC/E,4CAA4C,EAAE,CAAC,MAAM;AACrD,SAAA,CAAC,EACF,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EAEnB,EAAA,QAAQ,CACL;AAEP;;;;"}

package/dist/kolibri/FieldControlStateWrapper-BCNYRgaN.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{_ as o}from"./tslib.es6-CxX45GIN.js";import{h as l,F as e}from"./index-CTfYKeaf.js";import"./common-BIkdAxr0.js";import{b as t,s as i}from"./reuse-CX4AQDkS.js";import{b as s,K as n,c as r,g as a,i as d}from"./FormFieldStateWrapper--onY0vtr.js";import{c}from"./clsx-COFh-Vc8.js";const f=(e,s)=>{var{class:i}=e,r=o(e,["class"]);return l("div",Object.assign({class:c("kol-field-control__input",i)},r),s)},b=(b,p)=>{const{class:h,id:u,disabled:g,label:_,hideLabel:m,labelAlign:y,renderNoTooltip:k,hint:C,renderNoHint:K,tooltipAlign:j,accessKey:O,shortKey:A,msg:B,touched:v,required:P,readonly:x,fieldControlInputProps:N,fieldControlLabelProps:q,fieldControlTooltipProps:L,fieldControlHintProps:T}=b,F=o(b,["class","id","disabled","label","hideLabel","labelAlign","renderNoTooltip","hint","renderNoHint","tooltipAlign","accessKey","shortKey","msg","touched","required","readonly","fieldControlInputProps","fieldControlLabelProps","fieldControlTooltipProps","fieldControlHintProps"]),H=!K,I=!k,S=i(_),X=I&&!S&&m,Y=t(O,A),$=[l(e,null,l(f,Object.assign({},N),p),X&&l(s,Object.assign({},L||{},{id:u,label:_,align:j,badgeText:Y}))),l(n,Object.assign({},q||{},{id:u,baseClassName:"kol-field-control",class:c(null==q?void 0:q.class,{"kol-field-control__label--visually-hidden":Boolean(m)}),hasExpertSlot:S,label:_,accessKey:O,shortKey:A}))];"left"===y&&$.reverse();const D={"kol-field-control--disabled":Boolean(g),"kol-field-control--required":Boolean(P),"kol-field-control--touched":Boolean(v),"kol-field-control--hide-label":Boolean(m),"kol-field-control--read-only":Boolean(x),[`kol-field-control--${a(B)}`]:Boolean(d(B,v)),[`kol-field-control--label-align-${y}`]:Boolean(y)};return l("div",Object.assign({class:c("kol-field-control",D,h)},F),$,H&&l(r,Object.assign({},T||{},{baseClassName:"kol-field-control",id:u,hint:C})))};function p(l){const e={id:l._id,disabled:l._disabled,msg:l._msg,hint:l._hint,label:l._label,hideLabel:l._hideLabel,touched:l._touched};return"_required"in l&&(e.required=l._required),"_readOnly"in l&&(e.readonly=l._readOnly),"_labelAlign"in l&&(e.labelAlign=l._labelAlign),"_accessKey"in l&&(e.accessKey=l._accessKey),"_shortKey"in l&&(e.shortKey=l._shortKey),e}const u=(e,s)=>{var{state:i}=e,r=o(e,["state"]);return l(b,Object.assign({},p(i),r),s)};export{u as F};

package/dist/{esm/FieldControlStateWrapper-BU98kTCJ.js.map → kolibri/FieldControlStateWrapper-BCNYRgaN.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FieldControlStateWrapper-BU98kTCJ.js","sources":["src/functional-components/FieldControl/FieldControl.tsx","src/functional-component-wrappers/FieldControlStateWrapper/FieldControlStateWrapper.tsx"],"sourcesContent":["import { Fragment, h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport {\n\tbuildBadgeTextString,\n\tgetMsgType,\n\tisMsgDefinedAndInputTouched,\n\tshowExpertSlot,\n\ttype AlignPropType,\n\ttype LabelAlignPropType,\n\ttype MsgPropType,\n\ttype Stringified,\n} from '../../schema';\nimport clsx from '../../utils/clsx';\nimport KolFieldControlHintFc from '../FormFieldHint';\nimport KolFieldControlLabelFc from '../FormFieldLabel';\nimport KolFieldControlTooltipFc from '../FormFieldTooltip';\n\nexport type FieldControlProps = Omit<JSXBase.HTMLAttributes<HTMLElement>, 'id'> & {\n\tid: string;\n\thint?: string;\n\tlabel: string;\n\thideLabel?: boolean;\n\tlabelAlign?: LabelAlignPropType;\n\taccessKey?: string;\n\tshortKey?: string;\n\ttooltipAlign?: AlignPropType;\n\tdisabled?: boolean;\n\tmsg?: Stringified<MsgPropType>;\n\ttouched?: boolean;\n\trequired?: boolean;\n\treadonly?: boolean;\n\tshowTooltip?: boolean;\n\n\trenderNoLabel?: boolean;\n\trenderNoHint?: boolean;\n\trenderNoTooltip?: boolean;\n\n\tfieldControlLabelProps?: JSXBase.HTMLAttributes<Omit<HTMLLabelElement | HTMLLegendElement, 'id' | 'hidden' | 'htmlFor'>> & {\n\t\tcomponent?: 'label' | 'legend';\n\t\tshowBadge?: boolean;\n\t};\n\tfieldControlInputProps?: JSXBase.HTMLAttributes<HTMLDivElement>;\n\tfieldControlTooltipProps?: Pick<JSXBase.HTMLAttributes<HTMLElement>, 'class'>;\n\tfieldControlHintProps?: JSXBase.HTMLAttributes<HTMLElement>;\n};\n\nconst InputContainer: FC<JSXBase.HTMLAttributes<HTMLDivElement>> = ({ class: classNames, ...other }, children) => {\n\treturn (\n\t\t<div class={clsx('kol-field-control__input', classNames)} {...other}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nconst KolFieldControlFc: FC<FieldControlProps> = (props, children) => {\n\tconst {\n\t\tclass: classNames,\n\t\tid,\n\t\tdisabled,\n\t\tlabel,\n\t\thideLabel,\n\t\tlabelAlign,\n\t\trenderNoTooltip,\n\t\thint,\n\t\trenderNoHint,\n\t\ttooltipAlign,\n\t\taccessKey,\n\t\tshortKey,\n\t\tmsg,\n\t\ttouched,\n\t\trequired,\n\t\treadonly,\n\t\tfieldControlInputProps,\n\t\tfieldControlLabelProps,\n\t\tfieldControlTooltipProps,\n\t\tfieldControlHintProps,\n\t\t...other\n\t} = props;\n\n\tconst canShowHint = !renderNoHint;\n\tconst canShowTooltip = !renderNoTooltip;\n\tconst hasExpertSlot = showExpertSlot(label);\n\tconst useTooltipInsteadOfLabel = canShowTooltip && !hasExpertSlot && hideLabel;\n\tconst badgeText = buildBadgeTextString(accessKey, shortKey);\n\n\tconst components = [\n\t\t<>\n\t\t\t<InputContainer {...fieldControlInputProps}>{children}</InputContainer>\n\t\t\t{useTooltipInsteadOfLabel && (\n\t\t\t\t<KolFieldControlTooltipFc {...(fieldControlTooltipProps || {})} id={id} label={label} align={tooltipAlign} badgeText={badgeText} />\n\t\t\t)}\n\t\t</>,\n\t\t<KolFieldControlLabelFc\n\t\t\t{...(fieldControlLabelProps || {})}\n\t\t\tid={id}\n\t\t\tbaseClassName=\"kol-field-control\"\n\t\t\tclass={clsx(fieldControlLabelProps?.class, {\n\t\t\t\t['kol-field-control__label--visually-hidden']: Boolean(hideLabel),\n\t\t\t})}\n\t\t\thasExpertSlot={hasExpertSlot}\n\t\t\tlabel={label}\n\t\t\taccessKey={accessKey}\n\t\t\tshortKey={shortKey}\n\t\t/>,\n\t];\n\n\tif (labelAlign === 'left') {\n\t\tcomponents.reverse();\n\t}\n\n\tconst stateCssClasses = {\n\t\t['kol-field-control--disabled']: Boolean(disabled),\n\t\t['kol-field-control--required']: Boolean(required),\n\t\t['kol-field-control--touched']: Boolean(touched),\n\t\t['kol-field-control--hide-label']: Boolean(hideLabel),\n\t\t['kol-field-control--read-only']: Boolean(readonly),\n\t\t[`kol-field-control--${getMsgType(msg)}`]: Boolean(isMsgDefinedAndInputTouched(msg, touched)),\n\t\t[`kol-field-control--label-align-${labelAlign}`]: Boolean(labelAlign),\n\t};\n\n\treturn (\n\t\t<div class={clsx('kol-field-control', stateCssClasses, classNames)} {...other}>\n\t\t\t{components}\n\t\t\t{canShowHint && <KolFieldControlHintFc {...(fieldControlHintProps || {})} baseClassName=\"kol-field-control\" id={id} hint={hint} />}\n\t\t</div>\n\t);\n};\n\nexport default KolFieldControlFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport KolFieldControlFc, { type FieldControlProps } from '../../functional-components/FieldControl';\nimport {\n\ttype InputCheckboxStates,\n\ttype InputColorStates,\n\ttype InputEmailStates,\n\ttype InputFileStates,\n\ttype InputNumberStates,\n\ttype InputPasswordStates,\n\ttype InputRadioStates,\n\ttype InputRangeStates,\n\ttype InputTextStates,\n\ttype MsgPropType,\n\ttype SelectStates,\n} from '../../schema';\n\ntype InputState =\n\t| InputTextStates\n\t| InputEmailStates\n\t| InputPasswordStates\n\t| InputNumberStates\n\t| InputColorStates\n\t| InputFileStates\n\t| InputRangeStates\n\t| InputCheckboxStates\n\t| InputRadioStates\n\t| SelectStates;\n\nexport type FieldControlStateWrapperProps = Partial<FieldControlProps> & {\n\tstate: InputState;\n};\n\nfunction getFieldControlProps(state: InputState): FieldControlProps {\n\tconst props: FieldControlProps = {\n\t\tid: state._id,\n\t\tdisabled: state._disabled,\n\t\tmsg: state._msg as MsgPropType,\n\t\thint: state._hint,\n\t\tlabel: state._label,\n\t\thideLabel: state._hideLabel,\n\t\ttouched: state._touched,\n\t};\n\n\tif ('_required' in state) {\n\t\tprops.required = state._required;\n\t}\n\n\tif ('_readOnly' in state) {\n\t\tprops.readonly = state._readOnly;\n\t}\n\n\tif ('_labelAlign' in state) {\n\t\tprops.labelAlign = state._labelAlign;\n\t}\n\n\tif ('_accessKey' in state) {\n\t\tprops.accessKey = state._accessKey;\n\t}\n\n\tif ('_shortKey' in state) {\n\t\tprops.shortKey = state._shortKey;\n\t}\n\n\treturn props;\n}\n\nconst FieldControlStateWrapper: FC<FieldControlStateWrapperProps> = ({ state, ...other }, children) => {\n\treturn (\n\t\t<KolFieldControlFc {...getFieldControlProps(state)} {...other}>\n\t\t\t{children}\n\t\t</KolFieldControlFc>\n\t);\n};\n\nexport default FieldControlStateWrapper;\n"],"names":["KolFieldControlTooltipFc","KolFieldControlLabelFc","KolFieldControlHintFc"],"mappings":"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"}
+{"version":3,"file":"FieldControlStateWrapper-BCNYRgaN.js","sources":["src/functional-components/FieldControl/FieldControl.tsx","src/functional-component-wrappers/FieldControlStateWrapper/FieldControlStateWrapper.tsx"],"sourcesContent":["import { Fragment, h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport {\n\tbuildBadgeTextString,\n\tgetMsgType,\n\tisMsgDefinedAndInputTouched,\n\tshowExpertSlot,\n\ttype AlignPropType,\n\ttype LabelAlignPropType,\n\ttype MsgPropType,\n\ttype Stringified,\n} from '../../schema';\nimport clsx from '../../utils/clsx';\nimport KolFieldControlHintFc from '../FormFieldHint';\nimport KolFieldControlLabelFc from '../FormFieldLabel';\nimport KolFieldControlTooltipFc from '../FormFieldTooltip';\n\nexport type FieldControlProps = Omit<JSXBase.HTMLAttributes<HTMLElement>, 'id'> & {\n\tid: string;\n\thint?: string;\n\tlabel: string;\n\thideLabel?: boolean;\n\tlabelAlign?: LabelAlignPropType;\n\taccessKey?: string;\n\tshortKey?: string;\n\ttooltipAlign?: AlignPropType;\n\tdisabled?: boolean;\n\tmsg?: Stringified<MsgPropType>;\n\ttouched?: boolean;\n\trequired?: boolean;\n\treadonly?: boolean;\n\tshowTooltip?: boolean;\n\n\trenderNoLabel?: boolean;\n\trenderNoHint?: boolean;\n\trenderNoTooltip?: boolean;\n\n\tfieldControlLabelProps?: JSXBase.HTMLAttributes<Omit<HTMLLabelElement | HTMLLegendElement, 'id' | 'hidden' | 'htmlFor'>> & {\n\t\tcomponent?: 'label' | 'legend';\n\t\tshowBadge?: boolean;\n\t};\n\tfieldControlInputProps?: JSXBase.HTMLAttributes<HTMLDivElement>;\n\tfieldControlTooltipProps?: Pick<JSXBase.HTMLAttributes<HTMLElement>, 'class'>;\n\tfieldControlHintProps?: JSXBase.HTMLAttributes<HTMLElement>;\n};\n\nconst InputContainer: FC<JSXBase.HTMLAttributes<HTMLDivElement>> = ({ class: classNames, ...other }, children) => {\n\treturn (\n\t\t<div class={clsx('kol-field-control__input', classNames)} {...other}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nconst KolFieldControlFc: FC<FieldControlProps> = (props, children) => {\n\tconst {\n\t\tclass: classNames,\n\t\tid,\n\t\tdisabled,\n\t\tlabel,\n\t\thideLabel,\n\t\tlabelAlign,\n\t\trenderNoTooltip,\n\t\thint,\n\t\trenderNoHint,\n\t\ttooltipAlign,\n\t\taccessKey,\n\t\tshortKey,\n\t\tmsg,\n\t\ttouched,\n\t\trequired,\n\t\treadonly,\n\t\tfieldControlInputProps,\n\t\tfieldControlLabelProps,\n\t\tfieldControlTooltipProps,\n\t\tfieldControlHintProps,\n\t\t...other\n\t} = props;\n\n\tconst canShowHint = !renderNoHint;\n\tconst canShowTooltip = !renderNoTooltip;\n\tconst hasExpertSlot = showExpertSlot(label);\n\tconst useTooltipInsteadOfLabel = canShowTooltip && !hasExpertSlot && hideLabel;\n\tconst badgeText = buildBadgeTextString(accessKey, shortKey);\n\n\tconst components = [\n\t\t<>\n\t\t\t<InputContainer {...fieldControlInputProps}>{children}</InputContainer>\n\t\t\t{useTooltipInsteadOfLabel && (\n\t\t\t\t<KolFieldControlTooltipFc {...(fieldControlTooltipProps || {})} id={id} label={label} align={tooltipAlign} badgeText={badgeText} />\n\t\t\t)}\n\t\t</>,\n\t\t<KolFieldControlLabelFc\n\t\t\t{...(fieldControlLabelProps || {})}\n\t\t\tid={id}\n\t\t\tbaseClassName=\"kol-field-control\"\n\t\t\tclass={clsx(fieldControlLabelProps?.class, {\n\t\t\t\t['kol-field-control__label--visually-hidden']: Boolean(hideLabel),\n\t\t\t})}\n\t\t\thasExpertSlot={hasExpertSlot}\n\t\t\tlabel={label}\n\t\t\taccessKey={accessKey}\n\t\t\tshortKey={shortKey}\n\t\t/>,\n\t];\n\n\tif (labelAlign === 'left') {\n\t\tcomponents.reverse();\n\t}\n\n\tconst stateCssClasses = {\n\t\t['kol-field-control--disabled']: Boolean(disabled),\n\t\t['kol-field-control--required']: Boolean(required),\n\t\t['kol-field-control--touched']: Boolean(touched),\n\t\t['kol-field-control--hide-label']: Boolean(hideLabel),\n\t\t['kol-field-control--read-only']: Boolean(readonly),\n\t\t[`kol-field-control--${getMsgType(msg)}`]: Boolean(isMsgDefinedAndInputTouched(msg, touched)),\n\t\t[`kol-field-control--label-align-${labelAlign}`]: Boolean(labelAlign),\n\t};\n\n\treturn (\n\t\t<div class={clsx('kol-field-control', stateCssClasses, classNames)} {...other}>\n\t\t\t{components}\n\t\t\t{canShowHint && <KolFieldControlHintFc {...(fieldControlHintProps || {})} baseClassName=\"kol-field-control\" id={id} hint={hint} />}\n\t\t</div>\n\t);\n};\n\nexport default KolFieldControlFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport KolFieldControlFc, { type FieldControlProps } from '../../functional-components/FieldControl';\nimport {\n\ttype InputCheckboxStates,\n\ttype InputColorStates,\n\ttype InputEmailStates,\n\ttype InputFileStates,\n\ttype InputNumberStates,\n\ttype InputPasswordStates,\n\ttype InputRadioStates,\n\ttype InputRangeStates,\n\ttype InputTextStates,\n\ttype MsgPropType,\n\ttype SelectStates,\n} from '../../schema';\n\ntype InputState =\n\t| InputTextStates\n\t| InputEmailStates\n\t| InputPasswordStates\n\t| InputNumberStates\n\t| InputColorStates\n\t| InputFileStates\n\t| InputRangeStates\n\t| InputCheckboxStates\n\t| InputRadioStates\n\t| SelectStates;\n\nexport type FieldControlStateWrapperProps = Partial<FieldControlProps> & {\n\tstate: InputState;\n};\n\nfunction getFieldControlProps(state: InputState): FieldControlProps {\n\tconst props: FieldControlProps = {\n\t\tid: state._id,\n\t\tdisabled: state._disabled,\n\t\tmsg: state._msg as MsgPropType,\n\t\thint: state._hint,\n\t\tlabel: state._label,\n\t\thideLabel: state._hideLabel,\n\t\ttouched: state._touched,\n\t};\n\n\tif ('_required' in state) {\n\t\tprops.required = state._required;\n\t}\n\n\tif ('_readOnly' in state) {\n\t\tprops.readonly = state._readOnly;\n\t}\n\n\tif ('_labelAlign' in state) {\n\t\tprops.labelAlign = state._labelAlign;\n\t}\n\n\tif ('_accessKey' in state) {\n\t\tprops.accessKey = state._accessKey;\n\t}\n\n\tif ('_shortKey' in state) {\n\t\tprops.shortKey = state._shortKey;\n\t}\n\n\treturn props;\n}\n\nconst FieldControlStateWrapper: FC<FieldControlStateWrapperProps> = ({ state, ...other }, children) => {\n\treturn (\n\t\t<KolFieldControlFc {...getFieldControlProps(state)} {...other}>\n\t\t\t{children}\n\t\t</KolFieldControlFc>\n\t);\n};\n\nexport default FieldControlStateWrapper;\n"],"names":["KolFieldControlTooltipFc","KolFieldControlLabelFc","KolFieldControlHintFc"],"mappings":"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"}

package/dist/kolibri/FormFieldStateWrapper--onY0vtr.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{e,g as t,p as i,o as r,b as n,F as s,i as o,s as a,l}from"./common-BIkdAxr0.js";import{v as d,a as c,b as u,c as h}from"./access-and-short-key-CPX70LXd.js";import{v as f}from"./disabled-BdPI9eda.js";import{v as m}from"./hide-label-ByItyHgV.js";import{a as p}from"./label-C18ud7Yt.js";import{v as b}from"./tooltip-align-DodV1tEH.js";import{d as v,K as g}from"./events-DHTi_wtD.js";import{A as y}from"./associated.controller-CdEaJGVD.js";import{a as _,c as x,i as j,r as k}from"./isObject-DvSELytj.js";import{_ as L}from"./tslib.es6-CxX45GIN.js";import{h as B,F as C}from"./index-CTfYKeaf.js";import{b as O,s as K}from"./reuse-CX4AQDkS.js";import{c as S}from"./clsx-COFh-Vc8.js";import{t as T}from"./i18n-DvMeCREp.js";import{i as D,K as $}from"./InternalUnderlinedBadgeText-BJBDCfSS.js";import{K as F}from"./Alert-BsbKAp99.js";import{a as P}from"./component-names-CqTpXVIM.js";const M=(t,n)=>{e(t,"_adjustHeight",n)},w=(t,n,o)=>{e(t,"_hideMsg",n,o)},E=(e,n)=>{t(e,"_hint",n)},H=(e,t)=>{r(t,()=>{try{t=i(t)}catch(e){}n(e,"_msg",e=>{if(void 0===e)return!0;if("string"==typeof e&&e.length>0)return!0;if(s(e)&&null!==e){const t=e._description;return o(t,1)}return!1},new Set(["MsgPropType","string"]),t)})};function I(e,t){return Boolean(e)&&!0===t}function N(e){if("string"==typeof e)try{return i(e)}catch(t){return{_description:e,_type:"error"}}return e&&"object"==typeof e&&!("_type"in e)?Object.assign(Object.assign({},e),{_type:"error"}):e}function A(e){var t;return"string"==typeof e?"error":null!==(t=null==e?void 0:e._type)&&void 0!==t?t:"error"}const q=(t,n)=>{e(t,"_touched",n)},V=({id:e,maxLength:t})=>B("span",{id:`${e}-character-limit-hint`,class:"visually-hidden"},T("kol-character-limit-hint",{placeholders:{limit:String(t)}})),X=({currentLength:e,currentLengthDebounced:t,maxLength:n,maxLengthBehavior:o,id:i})=>{let r,s;const a=["kol-form-field__counter"];if("hard"===o)r="number"==typeof n?T("kol-character-counter-current-of-max",{placeholders:{current:String(e),max:String(n)}}):T("kol-character-counter-current",{placeholders:{current:String(e)}}),s="number"==typeof n?T("kol-character-counter-current-of-max-aria",{placeholders:{current:String(t),max:String(n)}}):T("kol-character-counter-current",{placeholders:{current:String(t)}});else{if("number"!=typeof n)return null;{const o=n-e,i=o<0,l=n-t,c=l<0;r=i?T("kol-character-limit-exceeded",{placeholders:{over:String(Math.abs(o))}}):T("kol-character-limit-remaining",{placeholders:{remaining:String(o)}}),s=c?T("kol-character-limit-exceeded",{placeholders:{over:String(Math.abs(l))}}):T("kol-character-limit-remaining",{placeholders:{remaining:String(l)}}),i&&a.push("kol-form-field__counter--exceeded")}}return B(C,null,B("span",{class:S(a),"aria-hidden":"true","data-testid":"input-counter"},r),B("span",{id:`${i}-counter`,"aria-live":"polite",class:"visually-hidden","data-testid":"input-counter-aria"},s))},W=e=>{var{id:t,class:n,hint:o,baseClassName:i="kol-form-field"}=e,r=L(e,["id","class","hint","baseClassName"]);return o?B("span",Object.assign({class:S(`${i}__hint`,n),id:`${t}-hint`},r),o):null};var G="[object Symbol]";function J(e){return"symbol"==typeof e||_(e)&&x(e)==G}var Y=/\s/;function z(e){for(var t=e.length;t--&&Y.test(e.charAt(t)););return t}var Q=/^\s+/;function R(e){return e?e.slice(0,z(e)+1).replace(Q,""):e}var U=NaN,Z=/^[-+]0x[0-9a-f]+$/i,ee=/^0b[01]+$/i,te=/^0o[0-7]+$/i,ie=parseInt;function re(e){if("number"==typeof e)return e;if(J(e))return U;if(j(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=j(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=R(e);var n=ee.test(e);return n||te.test(e)?ie(e.slice(2),n?2:8):Z.test(e)?U:+e}var ne=function(){return k.Date.now()},se="Expected a function",oe=Math.max,ae=Math.min;function le(e,t,n){var o,i,r,s,a,l,c=0,d=!1,h=!1,u=!0;if("function"!=typeof e)throw new TypeError(se);function m(t){var n=o,r=i;return o=i=void 0,c=t,s=e.apply(r,n)}function p(e){var n=e-l;return void 0===l||n>=t||n<0||h&&e-c>=r}function f(){var e=ne();if(p(e))return g(e);a=setTimeout(f,function(e){var n=t-(e-l);return h?ae(n,r-(e-c)):n}(e))}function g(e){return a=void 0,u&&o?m(e):(o=i=void 0,s)}function b(){var e=ne(),n=p(e);if(o=arguments,i=this,l=e,n){if(void 0===a)return function(e){return c=e,a=setTimeout(f,t),d?m(e):s}(l);if(h)return clearTimeout(a),a=setTimeout(f,t),m(l)}return void 0===a&&(a=setTimeout(f,t)),s}return t=re(t)||0,j(n)&&(d=!!n.leading,r=(h="maxWait"in n)?oe(re(n.maxWait)||0,t):r,u="trailing"in n?!!n.trailing:u),b.cancel=function(){void 0!==a&&clearTimeout(a),c=0,o=l=i=a=void 0},b.flush=function(){return void 0===a?s:g(ne())},b}const de=({hasExpertSlot:e,accessKey:t,shortKey:n,label:o,showBadge:i=!0})=>{if(e)return B("slot",{name:"expert"});if(!o)return null;const r=D(t)||D(n);if(!i||!r)return B("span",null,o);const s=O(t,n);return B(C,null,B($,{badgeText:s,label:o})," ",B("kbd",{class:"badge-text-hint","aria-hidden":"true"},s))},ce=e=>{var{component:t="label",id:n,baseClassName:o="kol-form-field",class:i,accessKey:r,shortKey:s,label:a,hideLabel:l,hasExpertSlot:c,showBadge:d,readOnly:h}=e,u=L(e,["component","id","baseClassName","class","accessKey","shortKey","label","hideLabel","hasExpertSlot","showBadge","readOnly"]);const m=!c&&l,p=T("kol-readonly");return B(t,Object.assign({},u,{class:S(`${o}__label`,i),id:m?void 0:`${n}-label`,hidden:m,htmlFor:n}),B("span",{class:S(`${o}__label-text`)},B(de,{hasExpertSlot:c,accessKey:r,shortKey:s,label:a,showBadge:d}),h?B("span",{class:S(`${o}__label__read-only`),"aria-hidden":"true"},"(",p,")"):null))},ue=e=>{var t,n,{alert:o,msg:i,id:r,class:s}=e,a=L(e,["alert","msg","id","class"]);const l=N(i);return B(F,Object.assign({id:`${r}-msg`,alert:null!==(t=null==l?void 0:l._alert)&&void 0!==t?t:o,hasCloser:!1,level:0,type:null!==(n=null==l?void 0:l._type)&&void 0!==n?n:"error",variant:"msg",class:S("kol-form-field__msg",s)},a),(null==l?void 0:l._description)||void 0)},he=({id:e,align:t,badgeText:n,label:o,class:i})=>B(P,{"aria-hidden":"true",class:S("kol-form-field__tooltip",i),_badgeText:n,_align:t,_id:`${e}-label`,_label:o});function fe(e){return(null==e?void 0:e.type)&&{default:"msg-type-default",info:"msg-type-info",success:"msg-type-success",warning:"msg-type-warning",error:"msg-type-error"}[null==e?void 0:e.type]||""}const me=(e,t)=>{var{class:n}=e,o=L(e,["class"]);return B("div",Object.assign({class:S("kol-form-field__input",n)},o),t)},pe=(e,t)=>{const{component:n="div",renderNoLabel:o,renderNoTooltip:i,renderNoHint:r,anotherChildren:s,id:a,required:l,alert:c,disabled:d,class:h,msg:u,hideMsg:m,hideLabel:p,label:f,hint:g,accessKey:b,shortKey:v,tooltipAlign:_,counter:y,readOnly:x,touched:j,maxLength:C,ariaDescribedBy:k,formFieldLabelProps:T,formFieldHintProps:D,formFieldTooltipProps:F,formFieldMsgProps:M,formFieldInputProps:E}=e,w=L(e,["component","renderNoLabel","renderNoTooltip","renderNoHint","anotherChildren","id","required","alert","disabled","class","msg","hideMsg","hideLabel","label","hint","accessKey","shortKey","tooltipAlign","counter","readOnly","touched","maxLength","ariaDescribedBy","formFieldLabelProps","formFieldHintProps","formFieldTooltipProps","formFieldMsgProps","formFieldInputProps"]),$=!o,H=!r,P=!i,N=K(f),q=I(u,j),G=O(b,v),J=P&&!N&&p;let U={"kol-form-field--disabled":Boolean(d),"kol-form-field--required":Boolean(l),"kol-form-field--touched":Boolean(j),"kol-form-field--hide-label":Boolean(p),"kol-form-field--read-only":Boolean(x),"kol-form-field--hidden-msg":Boolean(m)};if(q){const e=A(u);U=Object.assign(Object.assign({},U),{[`kol-form-field--${e}`]:!0,[`kol-form-field--${fe({type:e})}`]:!0})}return B(n,Object.assign({class:S("kol-form-field",U,h),"aria-describedby":k},w),$&&B(ce,Object.assign({},T||{},{id:a,hasExpertSlot:N,hideLabel:p,label:f,accessKey:b,shortKey:v,readOnly:x})),B(me,Object.assign({},E),t,J&&!0===p&&B(he,Object.assign({},F||{},{id:a,label:f,align:_,badgeText:G}))),y?B(X,Object.assign({id:a},y)):null,C?B(V,{id:a,maxLength:C}):null,q&&!m&&B(ue,Object.assign({},M||{},{id:a,alert:c,msg:u})),H&&B(W,Object.assign({},D||{},{id:a,hint:g})),s)};function be({ariaDescribedBy:e,hideLabel:t,label:n}){return{title:"",autoCapitalize:"off",autoCorrect:"off","aria-describedby":(null==e?void 0:e.length)?e.join(" "):void 0,"aria-label":t&&n?n:void 0}}class ve extends y{constructor(e,t,n){super(e,t,n),this.component=e}validateTouched(e){q(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateTouched(this.component._touched)}}class ge extends ve{constructor(e,t,n){super(e,t,n),this.valueChangeListeners=[],this.onFacade={onBlur:this.onBlur.bind(this),onChange:this.onChange.bind(this),onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this),onInput:this.onInput.bind(this),onKeyDown:this.onKeyDown.bind(this)},this.updateCurrentLengthDebounced=le(e=>{a(this.component,"_currentLengthDebounced",e)},500),this.component=e}validateAccessKey(e){d(this.component,e),c(e,this.component._shortKey)}validateAdjustHeight(e){M(this.component,e)}validateDisabled(e){f(this.component,e)}validateTooltipAlign(e){b(this.component,e)}validateHideMsg(e){w(this.component,e,{hooks:{afterPatch:()=>{this.component.state._hideMsg&&l("Property _hideMsg for inputs: Only use when the error message is shown outside of the input component.")}}})}validateHideLabel(e){m(this.component,e,{hooks:{afterPatch:()=>{this.component.state._hideLabel&&l("Property hide-label for inputs: Only use for exceptions like search inputs that are clearly identifiable by their context.")}}})}validateHint(e){E(this.component,e)}validateLabel(e){p(this.component,e,{required:!0})}validateMsg(e){H(this.component,e)}validateOn(e){"object"==typeof e&&a(this.component,"_on",e)}validateShortKey(e){u(this.component,e),c(this.component._accessKey,e)}validateSmartButton(e){r(e,()=>{try{e=i(e)}catch(e){}a(this.component,"_smartButton",e)})}validateTabIndex(e){h(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateAccessKey(this.component._accessKey),this.validateAdjustHeight(this.component._adjustHeight),this.validateMsg(this.component._msg),this.validateDisabled(this.component._disabled),this.validateHideMsg(this.component._hideMsg),this.validateHideLabel(this.component._hideLabel),this.validateHint(this.component._hint),this.validateLabel(this.component._label),this.validateShortKey(this.component._shortKey),this.validateSmartButton(this.component._smartButton),this.validateOn(this.component._on),this.validateTabIndex(this.component._tabIndex),c(this.component._accessKey,this.component._shortKey)}emitEvent(e,t){this.host&&v(this.host,e,t)}onBlur(e){var t;this.component._touched=!0,this.emitEvent(g.blur),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onBlur)&&this.component._on.onBlur(e)}onChange(e,t){var n;void 0===t&&(t=e.target.value),this.emitEvent(g.change,t),"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onChange)&&this.component._on.onChange(e,t),this.valueChangeListeners.forEach(e=>e(t))}onInput(e,t=!0,n){var o;void 0===n&&(n=e.target.value),this.emitEvent(g.input,n),t&&this.setFormAssociatedValue(n),"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onInput)&&this.component._on.onInput(e,n)}onClick(e){var t;this.emitEvent(g.click),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onClick)&&this.component._on.onClick(e)}onFocus(e){var t;this.emitEvent(g.focus),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onFocus)&&this.component._on.onFocus(e)}onKeyDown(e){var t;this.emitEvent(g.keydown),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onKeyDown)&&this.component._on.onKeyDown(e)}addValueChangeListener(e){this.valueChangeListeners.push(e)}hasSoftCharacterLimit(){return"number"==typeof this.component.state._maxLength&&"soft"===this.component.state._maxLengthBehavior}hasCounter(){return!0===this.component.state._hasCounter}}const ye=e=>{const t=e._msg,n="string"==typeof t?t:null==t?void 0:t._description,o=A(t),i=Boolean(n&&n.length>0),r="error"===o&&i&&!0===e._touched,s="string"==typeof e._hint&&e._hint.length>0,a=[];return i&&!e._hideMsg&&a.push(`${e._id}-msg`),!0===s&&a.push(`${e._id}-hint`),e._hasCounter&&a.push(`${e._id}-counter`),!0===r&&a.push(`${e._id}-error`),{hasError:r,hasHint:s,ariaDescribedBy:a}};function _e(e){const t={id:e._id,disabled:e._disabled,msg:e._msg,hint:e._hint,label:e._label,hideLabel:e._hideLabel,hideMsg:e._hideMsg,touched:e._touched};return"_required"in e&&(t.required=e._required),"_readOnly"in e&&(t.readOnly=e._readOnly),"_accessKey"in e&&(t.accessKey=e._accessKey),"_shortKey"in e&&(t.shortKey=e._shortKey),"_maxLength"in e&&(t.maxLength=e._maxLength),"_currentLength"in e&&"number"==typeof e._currentLength&&"_currentLengthDebounced"in e&&"number"==typeof e._currentLengthDebounced&&"_hasCounter"in e&&!0===e._hasCounter&&(t.counter={currentLength:e._currentLength,currentLengthDebounced:e._currentLengthDebounced,maxLength:e._maxLength,maxLengthBehavior:e._maxLengthBehavior||"hard"}),t}const xe=(e,t)=>{var{state:n}=e,o=L(e,["state"]);const{ariaDescribedBy:i}=ye(n),r=("fieldset"===o.component||"_options"in n&&"_orientation"in n)&&i.length>0?i.join(" "):void 0,s=_e(n);return B(pe,Object.assign({},s,o,{ariaDescribedBy:r}),t)};export{xe as F,ge as I,ce as K,ye as a,he as b,W as c,be as d,A as g,I as i};