@public-ui/components 3.0.6-rc.2 → 3.0.7-d0e38f2b24188b03316351f07d939c4524a2fd81.0

package/dist/cjs/table-settings-Ct3SRuhX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-settings-Ct3SRuhX.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","src/schema/props/table-settings.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 } from '../types';\n\n/* types */\nexport type SortEventPayload = {\n\tkey: string;\n\tcurrentSortDirection: KoliBriSortDirection;\n};\n\nexport type SelectionChangeEventPayload = string[] | string;\nexport type StatefulSelectionChangeEventPayload = KoliBriTableDataType[] | KoliBriTableDataType | null;\n\nexport type TableCallbacksPropType = {\n\t[Callback.onSort]?: EventValueOrEventCallback<MouseEvent, SortEventPayload>;\n\t[Callback.onSelectionChange]?: EventValueOrEventCallback<Event, SelectionChangeEventPayload>;\n};\nexport type TableStatefulCallbacksPropType = {\n\t[Callback.onSelectionChange]?: EventValueOrEventCallback<Event, StatefulSelectionChangeEventPayload>;\n};\n/**\n * Defines the callback functions for table events.\n */\nexport type PropTableCallbacks = {\n\ton: TableCallbacksPropType;\n};\n\nexport type StatefulPropTableCallbacks = {\n\ton: TableStatefulCallbacksPropType;\n};\n\n/* validator */\nexport const validateTableCallbacks = (component: Generic.Element.Component, value?: TableCallbacksPropType): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t`_on`,\n\t\t(value) => typeof value === 'object' && value !== null,\n\t\tnew Set(['TableCallbacksPropType {Events.onSort, Events.onSelectionChange}']),\n\t\tvalue,\n\t);\n};\n\nexport const validateTableStatefulCallbacks = (component: Generic.Element.Component, value?: TableStatefulCallbacksPropType): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t`_on`,\n\t\t(value) => typeof value === 'object' && value !== null,\n\t\tnew Set(['TableStatefulCallbacksPropType {Events.onSelectionChange}']),\n\t\tvalue,\n\t);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport type { SetStateHooks } from '../utils';\nimport { emptyStringByArrayHandler, objectObjectHandler, parseJson, setState } from '../utils';\nimport type { KoliBriTableDataType, Stringified } from '../types';\n\n/* types */\nexport type TableDataPropType = Stringified<KoliBriTableDataType[]>;\n\n/**\n * Defines the primary table data.\n */\nexport type PropTableData = {\n\tdata: TableDataPropType;\n};\n\n/* validator */\nexport const validateTableData = (component: Generic.Element.Component, value?: TableDataPropType, setStateHooks?: SetStateHooks): void => {\n\temptyStringByArrayHandler(value, () => {\n\t\tobjectObjectHandler(value, () => {\n\t\t\tif (typeof value === 'undefined') {\n\t\t\t\tvalue = [];\n\t\t\t}\n\t\t\ttry {\n\t\t\t\tvalue = parseJson<KoliBriTableDataType[]>(value);\n\t\t\t\t// eslint-disable-next-line no-empty\n\t\t\t} catch (e) {\n\t\t\t\t// value keeps the original data\n\t\t\t}\n\t\t\tif (Array.isArray(value) && value.every((data: KoliBriTableDataType) => typeof data === 'object' && data !== null)) {\n\t\t\t\tsetState(component, '_data', value, setStateHooks);\n\t\t\t}\n\t\t});\n\t});\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport type { SetStateHooks } from '../utils';\nimport { emptyStringByArrayHandler, objectObjectHandler, parseJson, setState } from '../utils';\nimport type { KoliBriTableDataType, Stringified } from '../types';\n\n/* types */\nexport type TableDataFootPropType = Stringified<KoliBriTableDataType[]>;\n\n/**\n * Defines the data for the table footer.\n */\nexport type PropTableDataFoot = {\n\tdataFoot: TableDataFootPropType;\n};\n\n/* validator */\nexport const validateTableDataFoot = (component: Generic.Element.Component, value?: TableDataFootPropType, setStateHooks?: SetStateHooks): void => {\n\temptyStringByArrayHandler(value, () => {\n\t\tobjectObjectHandler(value, () => {\n\t\t\tif (typeof value === 'undefined') {\n\t\t\t\tvalue = [];\n\t\t\t}\n\t\t\ttry {\n\t\t\t\tvalue = parseJson<KoliBriTableDataType[]>(value);\n\t\t\t\t// eslint-disable-next-line no-empty\n\t\t\t} catch (e) {\n\t\t\t\t// value keeps the original data\n\t\t\t}\n\t\t\tif (Array.isArray(value) && value.every((data: KoliBriTableDataType) => typeof data === 'object' && data !== null)) {\n\t\t\t\tsetState(component, '_dataFoot', value, setStateHooks);\n\t\t\t}\n\t\t});\n\t});\n};\n","import type { Generic } from 'adopted-style-sheets';\nimport type { KoliBriTableSelection, Stringified } from '../types';\nimport { parseJson, setState } from '../utils';\nimport { isObject } from '../validators';\n\n/* types */\nexport type TableSelectionPropType = Stringified<KoliBriTableSelection>;\n\n/**\n * Defines how rows can be selected and the current selection.\n */\nexport type PropTableSelection = {\n\tselection: TableSelectionPropType;\n};\n\n/* validator */\nexport const validateTableSelection = (component: Generic.Element.Component, value?: TableSelectionPropType): void => {\n\tconst parseSerializedValue = () => {\n\t\ttry {\n\t\t\treturn parseJson<KoliBriTableSelection>(value);\n\t\t} catch (e) {\n\t\t\treturn undefined;\n\t\t}\n\t};\n\n\tconst validateObject = (value?: KoliBriTableSelection) => {\n\t\treturn value && isObject(value) && typeof value.label === 'function' && (!value.selectedKeys || Array.isArray(value.selectedKeys));\n\t};\n\n\tconst objectValue = typeof value === 'string' ? parseSerializedValue() : value;\n\tif (validateObject(objectValue)) {\n\t\tsetState(component, '_selection', value);\n\t}\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchValidator } from '../utils';\nimport type { TableSettings } from '../types/table-settings';\n\n/* types */\nexport type TableSettingsPropType = TableSettings;\n\n/**\n * Defines the table settings including column visibility, order and width.\n */\nexport type PropTableSettings = {\n\ttableSettings: TableSettingsPropType;\n};\n\n/* validator */\nexport const validateTableSettings = (component: Generic.Element.Component, value?: TableSettingsPropType): void => {\n\twatchValidator(component, `_tableSettings`, (value) => typeof value === 'object' && value !== null, new Set(['TableSettings']), value);\n};\n"],"names":["watchBoolean","watchValidator","emptyStringByArrayHandler","objectObjectHandler","parseJson","setState","isObject"],"mappings":";;;;;;;MAea,uBAAuB,GAAG,CAAC,SAAoC,EAAE,KAA+B,KAAU;AACtH,IAAAA,mBAAY,CAAC,SAAS,EAAE,kBAAkB,EAAE,KAAK,CAAC;AACnD;;MCkBa,sBAAsB,GAAG,CAAC,SAAoC,EAAE,KAA8B,KAAU;AACpH,IAAAC,qBAAc,CACb,SAAS,EACT,CAAA,GAAA,CAAK,EACL,CAAC,KAAK,KAAK,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,EACtD,IAAI,GAAG,CAAC,CAAC,kEAAkE,CAAC,CAAC,EAC7E,KAAK,CACL;AACF;MAEa,8BAA8B,GAAG,CAAC,SAAoC,EAAE,KAAsC,KAAU;AACpI,IAAAA,qBAAc,CACb,SAAS,EACT,CAAA,GAAA,CAAK,EACL,CAAC,KAAK,KAAK,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,EACtD,IAAI,GAAG,CAAC,CAAC,2DAA2D,CAAC,CAAC,EACtE,KAAK,CACL;AACF;;ACpCa,MAAA,iBAAiB,GAAG,CAAC,SAAoC,EAAE,KAAyB,EAAE,aAA6B,KAAU;AACzI,IAAAC,gCAAyB,CAAC,KAAK,EAAE,MAAK;AACrC,QAAAC,0BAAmB,CAAC,KAAK,EAAE,MAAK;AAC/B,YAAA,IAAI,OAAO,KAAK,KAAK,WAAW,EAAE;gBACjC,KAAK,GAAG,EAAE;;AAEX,YAAA,IAAI;AACH,gBAAA,KAAK,GAAGC,gBAAS,CAAyB,KAAK,CAAC;;YAE/C,OAAO,CAAC,EAAE;;YAGZ,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,IAA0B,KAAK,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,IAAI,CAAC,EAAE;gBACnHC,eAAQ,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,CAAC;;AAEpD,SAAC,CAAC;AACH,KAAC,CAAC;AACH;;ACjBa,MAAA,qBAAqB,GAAG,CAAC,SAAoC,EAAE,KAA6B,EAAE,aAA6B,KAAU;AACjJ,IAAAH,gCAAyB,CAAC,KAAK,EAAE,MAAK;AACrC,QAAAC,0BAAmB,CAAC,KAAK,EAAE,MAAK;AAC/B,YAAA,IAAI,OAAO,KAAK,KAAK,WAAW,EAAE;gBACjC,KAAK,GAAG,EAAE;;AAEX,YAAA,IAAI;AACH,gBAAA,KAAK,GAAGC,gBAAS,CAAyB,KAAK,CAAC;;YAE/C,OAAO,CAAC,EAAE;;YAGZ,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,IAA0B,KAAK,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,IAAI,CAAC,EAAE;gBACnHC,eAAQ,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,aAAa,CAAC;;AAExD,SAAC,CAAC;AACH,KAAC,CAAC;AACH;;MClBa,sBAAsB,GAAG,CAAC,SAAoC,EAAE,KAA8B,KAAU;IACpH,MAAM,oBAAoB,GAAG,MAAK;AACjC,QAAA,IAAI;AACH,YAAA,OAAOD,gBAAS,CAAwB,KAAK,CAAC;;QAC7C,OAAO,CAAC,EAAE;AACX,YAAA,OAAO,SAAS;;AAElB,KAAC;AAED,IAAA,MAAM,cAAc,GAAG,CAAC,KAA6B,KAAI;AACxD,QAAA,OAAO,KAAK,IAAIE,eAAQ,CAAC,KAAK,CAAC,IAAI,OAAO,KAAK,CAAC,KAAK,KAAK,UAAU,KAAK,CAAC,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;AACnI,KAAC;AAED,IAAA,MAAM,WAAW,GAAG,OAAO,KAAK,KAAK,QAAQ,GAAG,oBAAoB,EAAE,GAAG,KAAK;AAC9E,IAAA,IAAI,cAAc,CAAC,WAAW,CAAC,EAAE;AAChC,QAAAD,eAAQ,CAAC,SAAS,EAAE,YAAY,EAAE,KAAK,CAAC;;AAE1C;;MCjBa,qBAAqB,GAAG,CAAC,SAAoC,EAAE,KAA6B,KAAU;AAClH,IAAAJ,qBAAc,CAAC,SAAS,EAAE,CAAA,cAAA,CAAgB,EAAE,CAAC,KAAK,KAAK,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,EAAE,IAAI,GAAG,CAAC,CAAC,eAAe,CAAC,CAAC,EAAE,KAAK,CAAC;AACvI;;;;;;;;;;"}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-"use strict";var index=require("./index-CMEXkCjL.js");require("./common-Cd2qH809.js");const TestComponent=class{constructor(e){index.registerInstance(this,e)}};exports.test_component=TestComponent;
+"use strict";var index=require("./index-B45suXZe.js");require("./common-Cd2qH809.js");const TestComponent=class{constructor(e){index.registerInstance(this,e)}};exports.test_component=TestComponent;

package/dist/components/access-and-short-key.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{e as watchString,N as watchNumber,r as a11yHint}from"./common.js";const validateAccessKey=(a,e)=>{watchString(a,"_accessKey",e)},validateShortKey=(a,e)=>{watchString(a,"_shortKey",e)},options={hooks:{afterPatch:a=>{-1!==a&&0!==a&&a11yHint("Don't Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html")}}},validateTabIndex=(a,e)=>{watchNumber(a,"_tabIndex",e,options)},validateAccessAndShortKey=(a,e)=>{if(a&&e)throw new Error("AccessKey and ShortKey are used. Only one is allowed.")};export{validateAccessAndShortKey as a,validateShortKey as b,validateTabIndex as c,validateAccessKey as v};
+import{h as watchString,N as watchNumber,r as a11yHint}from"./common.js";const validateAccessKey=(a,e)=>{watchString(a,"_accessKey",e)},validateShortKey=(a,e)=>{watchString(a,"_shortKey",e)},options={hooks:{afterPatch:a=>{-1!==a&&0!==a&&a11yHint("Don't Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html")}}},validateTabIndex=(a,e)=>{watchNumber(a,"_tabIndex",e,options)},validateAccessAndShortKey=(a,e)=>{if(a&&e)throw new Error("AccessKey and ShortKey are used. Only one is allowed.")};export{validateAccessAndShortKey as a,validateShortKey as b,validateTabIndex as c,validateAccessKey as v};

package/dist/components/associated.controller.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{e as watchString,O as getExperimentalMode,l as devHint,P as devWarning}from"./common.js";import{g as getOptions}from"./bootstrap.js";const validateName=(t,e,i)=>{watchString(t,"_name",e,i)},isAssociatedTagName=t=>"KOL-BUTTON"===t||"KOL-COMBOBOX"===t||"KOL-INPUT-CHECKBOX"===t||"KOL-INPUT-COLOR"===t||"KOL-INPUT-DATE"===t||"KOL-INPUT-EMAIL"===t||"KOL-INPUT-FILE"===t||"KOL-INPUT-NUMBER"===t||"KOL-INPUT-PASSWORD"===t||"KOL-INPUT-RADIO"===t||"KOL-INPUT-RANGE"===t||"KOL-INPUT-TEXT"===t||"KOL-SELECT"===t||"KOL-SINGLE-SELECT"===t||"KOL-TEXTAREA"===t;class AssociatedInputController{constructor(t,e,i){var s,o,a,r;if(this.experimentalMode=getExperimentalMode(),this.setFormAssociatedValue=t=>{var e;const i=null===(e=this.formAssociated)||void 0===e?void 0:e.getAttribute("name");null!==i&&""!==i||devHint(` The form field (${this.type}) must have a name attribute to be form-associated. Please define the _name attribute.`);const s=this.tryToStringifyValue(t);this.syncValue(t,s,this.formAssociated),this.syncValue(t,s,this.syncToOwnInput)},this.component=t,this.host=this.findHostWithShadowRoot(i),this.type=e,(null===(s=getOptions())||void 0===s?void 0:s.reflectInputValues)&&isAssociatedTagName(null===(o=this.host)||void 0===o?void 0:o.tagName)&&t._name){switch(null===(a=this.host)||void 0===a||a.querySelectorAll("input,select,textarea").forEach(t=>{var e;null===(e=this.host)||void 0===e||e.removeChild(t)}),this.type){case"button":case"color":case"date":case"email":case"file":case"number":case"password":case"radio":case"range":case"text":this.formAssociated=document.createElement("input"),this.formAssociated.setAttribute("type",this.type);break;case"select":this.formAssociated=document.createElement("select"),this.formAssociated.setAttribute("multiple","");break;case"textarea":this.formAssociated=document.createElement("textarea");break;default:this.formAssociated=document.createElement("input"),this.formAssociated.setAttribute("type","hidden")}this.formAssociated.setAttribute("data-form-associated",""),this.formAssociated.setAttribute("hidden",""),null===(r=this.host)||void 0===r||r.appendChild(this.formAssociated)}}findHostWithShadowRoot(t){for(;null===(null==t?void 0:t.shadowRoot)&&t!==document.body;)(t=null==t?void 0:t.parentNode).host&&(t=t.host);return t}setAttribute(t,e,i){if(this.experimentalMode)try{if("boolean"!=typeof(i="object"==typeof i&&null!==i?JSON.stringify(i):i)&&"number"!=typeof i&&"string"!=typeof i)throw new Error("Invalid value type: "+typeof i);null==e||e.setAttribute(t,`${i}`)}catch(i){null==e||e.removeAttribute(t)}}tryToStringifyValue(t){try{return"object"==typeof t&&null!==t?JSON.stringify(t).toString():null==t?null:t.toString()}catch(t){return devWarning(`The form field raw value is not able to stringify! ${t}`),""}}syncValue(t,e,i){if(i)switch(this.type){case"file":i.files=t;break;case"select":i.querySelectorAll("option").forEach(t=>{i.removeChild(t)}),Array.isArray(t)&&t.forEach(t=>{const e=this.tryToStringifyValue(t);if("string"==typeof e){const t=document.createElement("option");t.setAttribute("value",e),t.setAttribute("selected",""),i.appendChild(t)}});break;case"radio":"string"==typeof e&&(i.setAttribute("value",e),i.setAttribute("checked",""),i.value=e);break;default:"string"==typeof e?(i.setAttribute("value",e),i.value=e):(i.removeAttribute("value"),i.value="")}}validateName(t){validateName(this.component,t,{hooks:{afterPatch:()=>{this.setAttribute("name",this.formAssociated,this.component.state._name)}}}),void 0===t&&devHint("A name on input fields or switches is not strictly required, but it might be relevant for the autocomplete function and for the static submission of the input field.")}validateSyncValueBySelector(t){if(this.experimentalMode&&"string"==typeof t){const e=document.querySelector(t);e&&(this.syncToOwnInput=e)}}componentWillLoad(){this.validateName(this.component._name),this.validateSyncValueBySelector(this.component._syncValueBySelector)}}export{AssociatedInputController as A};
+import{h as watchString,O as getExperimentalMode,l as devHint,P as devWarning}from"./common.js";import{g as getOptions}from"./bootstrap.js";const validateName=(t,e,i)=>{watchString(t,"_name",e,i)},isAssociatedTagName=t=>"KOL-BUTTON"===t||"KOL-COMBOBOX"===t||"KOL-INPUT-CHECKBOX"===t||"KOL-INPUT-COLOR"===t||"KOL-INPUT-DATE"===t||"KOL-INPUT-EMAIL"===t||"KOL-INPUT-FILE"===t||"KOL-INPUT-NUMBER"===t||"KOL-INPUT-PASSWORD"===t||"KOL-INPUT-RADIO"===t||"KOL-INPUT-RANGE"===t||"KOL-INPUT-TEXT"===t||"KOL-SELECT"===t||"KOL-SINGLE-SELECT"===t||"KOL-TEXTAREA"===t;class AssociatedInputController{constructor(t,e,i){var s,o,a,r;if(this.experimentalMode=getExperimentalMode(),this.setFormAssociatedValue=t=>{var e;const i=null===(e=this.formAssociated)||void 0===e?void 0:e.getAttribute("name");null!==i&&""!==i||devHint(` The form field (${this.type}) must have a name attribute to be form-associated. Please define the _name attribute.`);const s=this.tryToStringifyValue(t);this.syncValue(t,s,this.formAssociated),this.syncValue(t,s,this.syncToOwnInput)},this.component=t,this.host=this.findHostWithShadowRoot(i),this.type=e,(null===(s=getOptions())||void 0===s?void 0:s.reflectInputValues)&&isAssociatedTagName(null===(o=this.host)||void 0===o?void 0:o.tagName)&&t._name){switch(null===(a=this.host)||void 0===a||a.querySelectorAll("input,select,textarea").forEach(t=>{var e;null===(e=this.host)||void 0===e||e.removeChild(t)}),this.type){case"button":case"color":case"date":case"email":case"file":case"number":case"password":case"radio":case"range":case"text":this.formAssociated=document.createElement("input"),this.formAssociated.setAttribute("type",this.type);break;case"select":this.formAssociated=document.createElement("select"),this.formAssociated.setAttribute("multiple","");break;case"textarea":this.formAssociated=document.createElement("textarea");break;default:this.formAssociated=document.createElement("input"),this.formAssociated.setAttribute("type","hidden")}this.formAssociated.setAttribute("data-form-associated",""),this.formAssociated.setAttribute("hidden",""),null===(r=this.host)||void 0===r||r.appendChild(this.formAssociated)}}findHostWithShadowRoot(t){for(;null===(null==t?void 0:t.shadowRoot)&&t!==document.body;)(t=null==t?void 0:t.parentNode).host&&(t=t.host);return t}setAttribute(t,e,i){if(this.experimentalMode)try{if("boolean"!=typeof(i="object"==typeof i&&null!==i?JSON.stringify(i):i)&&"number"!=typeof i&&"string"!=typeof i)throw new Error("Invalid value type: "+typeof i);null==e||e.setAttribute(t,`${i}`)}catch(i){null==e||e.removeAttribute(t)}}tryToStringifyValue(t){try{return"object"==typeof t&&null!==t?JSON.stringify(t).toString():null==t?null:t.toString()}catch(t){return devWarning(`The form field raw value is not able to stringify! ${t}`),""}}syncValue(t,e,i){if(i)switch(this.type){case"file":i.files=t;break;case"select":i.querySelectorAll("option").forEach(t=>{i.removeChild(t)}),Array.isArray(t)&&t.forEach(t=>{const e=this.tryToStringifyValue(t);if("string"==typeof e){const t=document.createElement("option");t.setAttribute("value",e),t.setAttribute("selected",""),i.appendChild(t)}});break;case"radio":"string"==typeof e&&(i.setAttribute("value",e),i.setAttribute("checked",""),i.value=e);break;default:"string"==typeof e?(i.setAttribute("value",e),i.value=e):(i.removeAttribute("value"),i.value="")}}validateName(t){validateName(this.component,t,{hooks:{afterPatch:()=>{this.setAttribute("name",this.formAssociated,this.component.state._name)}}}),void 0===t&&devHint("A name on input fields or switches is not strictly required, but it might be relevant for the autocomplete function and for the static submission of the input field.")}validateSyncValueBySelector(t){if(this.experimentalMode&&"string"==typeof t){const e=document.querySelector(t);e&&(this.syncToOwnInput=e)}}componentWillLoad(){this.validateName(this.component._name),this.validateSyncValueBySelector(this.component._syncValueBySelector)}}export{AssociatedInputController as A};

package/dist/components/common.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-function getDefaultExportFromCjs(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var hasRequiredLoglevel,loglevel$1={exports:{}},loglevel=loglevel$1.exports;function requireLoglevel(){return hasRequiredLoglevel||(hasRequiredLoglevel=1,t=loglevel,o=function(){var e=function(){},t="undefined",o=typeof window!==t&&typeof window.navigator!==t&&/Trident\/|MSIE /.test(window.navigator.userAgent),r=["trace","debug","info","warn","error"],n={},a=null;function i(e,t){var o=e[t];if("function"==typeof o.bind)return o.bind(e);try{return Function.prototype.bind.call(o,e)}catch(t){return function(){return Function.prototype.apply.apply(o,[e,arguments])}}}function l(){console.log&&(console.log.apply?console.log.apply(console,arguments):Function.prototype.apply.apply(console.log,[console,arguments])),console.trace&&console.trace()}function s(){for(var o=this.getLevel(),n=0;n<r.length;n++){var a=r[n];this[a]=n<o?e:this.methodFactory(a,o,this.name)}if(this.log=this.debug,typeof console===t&&o<this.levels.SILENT)return"No console available for logging"}function c(e){return function(){typeof console!==t&&(s.call(this),this[e].apply(this,arguments))}}function u(r,n,a){return function(r){return"debug"===r&&(r="log"),typeof console!==t&&("trace"===r&&o?l:void 0!==console[r]?i(console,r):void 0!==console.log?i(console,"log"):e)}(r)||c.apply(this,arguments)}function d(e,o){var i,l,c,d=this,g="loglevel";function h(){var e;if(typeof window!==t&&g){try{e=window.localStorage[g]}catch(e){}if(typeof e===t)try{var o=window.document.cookie,r=encodeURIComponent(g),n=o.indexOf(r+"=");-1!==n&&(e=/^([^;]+)/.exec(o.slice(n+r.length+1))[1])}catch(e){}return void 0===d.levels[e]&&(e=void 0),e}}function f(e){var t=e;if("string"==typeof t&&void 0!==d.levels[t.toUpperCase()]&&(t=d.levels[t.toUpperCase()]),"number"==typeof t&&t>=0&&t<=d.levels.SILENT)return t;throw new TypeError("log.setLevel() called with invalid level: "+e)}"string"==typeof e?g+=":"+e:"symbol"==typeof e&&(g=void 0),d.name=e,d.levels={TRACE:0,DEBUG:1,INFO:2,WARN:3,ERROR:4,SILENT:5},d.methodFactory=o||u,d.getLevel=function(){return null!=c?c:null!=l?l:i},d.setLevel=function(e,o){return c=f(e),!1!==o&&function(e){var o=(r[e]||"silent").toUpperCase();if(typeof window!==t&&g){try{return void(window.localStorage[g]=o)}catch(e){}try{window.document.cookie=encodeURIComponent(g)+"="+o+";"}catch(e){}}}(c),s.call(d)},d.setDefaultLevel=function(e){l=f(e),h()||d.setLevel(e,!1)},d.resetLevel=function(){c=null,function(){if(typeof window!==t&&g){try{window.localStorage.removeItem(g)}catch(e){}try{window.document.cookie=encodeURIComponent(g)+"=; expires=Thu, 01 Jan 1970 00:00:00 UTC"}catch(e){}}}(),s.call(d)},d.enableAll=function(e){d.setLevel(d.levels.TRACE,e)},d.disableAll=function(e){d.setLevel(d.levels.SILENT,e)},d.rebuild=function(){if(a!==d&&(i=f(a.getLevel())),s.call(d),a===d)for(var e in n)n[e].rebuild()},i=f(a?a.getLevel():"WARN");var p=h();null!=p&&(c=f(p)),s.call(d)}(a=new d).getLogger=function(e){if("symbol"!=typeof e&&"string"!=typeof e||""===e)throw new TypeError("You must supply a name when creating a logger.");var t=n[e];return t||(t=n[e]=new d(e,a.methodFactory)),t};var g=typeof window!==t?window.log:void 0;return a.noConflict=function(){return typeof window!==t&&window.log===a&&(window.log=g),a},a.getLoggers=function(){return n},a.default=a,a},(e=loglevel$1).exports?e.exports=o():t.log=o()),loglevel$1.exports;var e,t,o}var loglevelExports=requireLoglevel(),h=getDefaultExportFromCjs(loglevelExports);const I=(e,t)=>o=>o(e,t),P=(e,t)=>o=>o(e,t,{append:!1}),$=()=>{const e=typeof process<"u"&&process.env?process.env:{},t="test"===e.NODE_ENV,o="VITEST"in e,r="JEST_WORKER_ID"in e,n="PLAYWRIGHT_TEST_BASE_URL"in e,a="true"===e.CI,i="true"===e.TEST||"true"===e.IS_TEST,l=typeof navigator<"u"&&!0===navigator.webdriver,s=typeof navigator<"u"&&/playwright|puppeteer|webdriver|selenium|testcafe/i.test(navigator.userAgent);return t||o||r||n||a||i||l||s},n$1={A11yUi:{CSS_STYLE_CACHE:new Map,IS_TEST_ENVIRONMENT:$(),PERFORMANCE_MEASURES:new Map,STYLING_TASK_QUEUE:new Map,THEMES:new Map,showAverageTimes:()=>{const e={};for(const[t,o]of n$1.A11yUi.PERFORMANCE_MEASURES.entries())e[t]=[o.totalTime/o.count,o.count];const t=Object.entries(e).sort((e,t)=>t[1][0]-e[1][0]);return console.table(Object.fromEntries(t.map(([e,[t,o]])=>[e,{"avg (ms)":parseFloat(t.toFixed(2)),count:o}]))),e}}};let d=!0,f$1=!1;const j=/^[a-z][a-z0-9]{1,}(-[a-z0-9]+)?$/,F=e=>"string"==typeof e&&j.test(e),E=e=>{if(!F(e))throw new Error(`[Theming] The theme identifier "${"string"==typeof e?e:""}" (Type: ${typeof e}) is not valid. Please use only follow this pattern: /^[a-z][a-z0-9]{1,}(-[a-z0-9]+)?$/`)},g=e=>e.replace(/\/\*[\s\S]*?\*\//g,"").replace(/\s*([{},;])\s*/g,"$1").replace(/:\s+/g,":").replace(/\s+/g," ").replace(/;\}/g,"}").trim(),Y=(e,t,o,r)=>u$1(e,t,o,r),u$1=(e,t,o,r)=>{(r=r??{}).append=r.append??!1,E(e),d&&!f$1&&(f$1=!0,h.warn(`[Theming] The theme process is locked. This means that the theme "${e}" should not be patched.\n\n    import { register } from 'adopted-style-sheets';\n    import { defineCustomElements } from '...';\n    import { THEME } from '...';\n\n    register(THEME, defineCustomElements)\n    .then(() => {\n        // run your app or website\n    })\n    .catch(console.warn);`));let n=n$1.A11yUi.THEMES.get(e);if(n||(n=new Map,n$1.A11yUi.THEMES.set(e,n)),r.append&&n.has(t)){const e=n.get(t);n.set(t,g(`${e}${o}`))}else n.set(t,g(o))},k=(e,t,o,r)=>p(e,t,o,r),p=(e,t,o,r)=>(E(e),"object"==typeof t&&null!==t&&Object.getOwnPropertyNames(t).forEach(n=>{const a=t[n],i=n.toLowerCase(),l="function"!=typeof r?.transformTagName||["GLOBAL","PROPERTIES"].includes(n)?n:r.transformTagName(i);"string"==typeof a&&a.length>0&&u$1(e,l.toUpperCase(),a,o)}),e),S=e=>{if(e instanceof HTMLElement){if("string"==typeof e.dataset.theme)return e;{let t=e.parentNode;for(;t instanceof ShadowRoot;)t=t.host;return S(t)}}return null},A=(e={})=>"false"!==e.themeEncroachCss&&"true"!==e.themeReset&&{mode:"after"===e.themeEncroachCssMode||"before"===e.themeEncroachCssMode?e.themeEncroachCssMode:"before"},C=()=>"object"==typeof n$1.A11yUi.Theme&&null!==n$1.A11yUi.Theme&&"boolean"==typeof n$1.A11yUi.Theme.cache&&"object"==typeof n$1.A11yUi.Theme.encroachCss&&null!==n$1.A11yUi.Theme.encroachCss&&"string"==typeof n$1.A11yUi.Theme.encroachCss.mode&&"string"==typeof n$1.A11yUi.Theme.name,G=()=>!("object"==typeof n$1.A11yUi.Theme&&null!==n$1.A11yUi.Theme)||"default"!==n$1.A11yUi.Theme.name,b=e=>{if(C())return n$1.A11yUi.Theme;{const t={cache:!0,encroachCss:A(),loglevel:"silent",mode:"csr",name:null},o=S(e);return o instanceof HTMLElement&&(t.cache="false"!==o.dataset.themeCache,t.encroachCss=A(o.dataset),t.loglevel="debug"===o.dataset.themeLoglevel?o.dataset.themeLoglevel:"silent",t.mode="ssr"===o.dataset.themeMode?o.dataset.themeMode:"csr",t.name=o.dataset.theme||null),t}},B=(e,t)=>({cache:!1!==t.cache,detect:"auto"===t.detect?"auto":"fixed",encroachCss:!1!==t.encroachCss&&("object"!=typeof t.encroachCss||null==t.encroachCss||"after"!==t.encroachCss.mode&&"before"!==t.encroachCss.mode?{mode:"before"}:t.encroachCss),loglevel:"debug"===t.loglevel?t.loglevel:"silent",mode:"ssr"===t.mode?t.mode:"csr",name:"string"==typeof t.name?t.name:e}),K=(e,t)=>{!1===C()&&G()&&"object"==typeof t&&null!==t&&("fixed"===(t=B(e,t)).detect?(null===t.name&&"string"==typeof e&&(t.name=e),e===t.name&&(n$1.A11yUi.Theme=t,h.info(`[Theming] Theme "${e}" was set as default theme.`))):f$1||(f$1=!0,h.warn("[Theming] The presetting of theme options is only relevant by using 'fixed' detection mode.")))};let U=!1;const V=(e,t,o={})=>{U||(U=!0,d=!1,typeof window<"u"&&(window.A11yUi=n$1.A11yUi)),"function"==typeof e?e=new Set([e]):Array.isArray(e)&&(e=new Set(e)),e instanceof Set&&e.forEach(e=>{"function"==typeof e&&1===e.length?K(e((e,t,r)=>p(e,t,r,o)),{cache:o.theme?.cache,detect:o.theme?.detect,encroachCss:o.theme?.encroachCss,mode:o.theme?.mode,name:o.theme?.name}):h.error("[Theming] An attempt was made to load an incompatible theme.")}),d=!0,"function"==typeof t?t=new Set([t]):Array.isArray(t)&&(t=new Set(t));const r=[];return t.forEach(e=>{const t=e();t instanceof Promise&&r.push(t)}),Promise.all(r)},w=new Set,W=/--[^;]+/g,q=/:/,J=typeof MutationObserver<"u";let M=25,N=()=>{M=Math.min(25+20*Math.log2(n$1.A11yUi.STYLING_TASK_QUEUE.size+1),250)};const X=(e,t)=>{let o=t.match(W);if(Array.isArray(o)){o=o.filter(e=>q.test(e));const t=document.createElement("style");t.innerHTML=`.${e} {${o.join(";")}}`,document.querySelector("head")?.appendChild(t)}w.add(e)},y=(e,t)=>{const o=n$1.A11yUi.THEMES.get(e);return o instanceof Map&&o.has(t)?o.get(t):""},Z=e=>{for(const t of Array.from(e.childNodes)){if(!(t instanceof HTMLStyleElement&&"STYLE"===t.tagName&&void 0===t.dataset.themingFallback))break;e.removeChild(t)}},ee=(e,t)=>{try{if("ssr"===n$1.A11yUi.Theme?.mode)throw new Error("SSR");const o=[];t.forEach(e=>{const t=new CSSStyleSheet;t.replaceSync(e),o.push(t)}),e.adoptedStyleSheets=o}catch{[...t].reverse().forEach((t,o)=>{if("string"!=typeof t||0===t.length)return;const r=document.createElement("style");switch(r.dataset.themingFallback="",o){case 4:r.dataset.themingBaseA11y="";break;case 3:r.dataset.themingBaseGlobal="";break;case 2:r.dataset.themingBaseComponent="";break;case 1:r.dataset.themingCustomGlobal="";break;case 0:r.dataset.themingCustomComponent="";break;default:r.dataset.themingUnknown=""}r.innerHTML=t,e.insertBefore(r,e.firstChild)})}},te=(e,t,o)=>{if(!1!==o){const r=[...Array.from(e.childNodes).filter(e=>e instanceof HTMLStyleElement&&"STYLE"===e.tagName)];let n;try{n=[...Array.from(e.adoptedStyleSheets)]}catch{n=[]}"before"===o?.mode?(r.reverse().forEach(e=>t.unshift(e.innerHTML)),n.reverse().forEach(e=>t.unshift(Array.from(e.cssRules).map(e=>e.cssText).join("")))):"after"===o?.mode&&(r.forEach(e=>t.push(e.innerHTML)),n.forEach(e=>t.push(Array.from(e.cssRules).map(e=>e.cssText).join(""))))}},se=(e,t,o)=>{const r=t.name||"default";let n;try{if(null===e.shadowRoot)throw new Error("ShadowRoot is null");n=e.shadowRoot}catch{n=e}if(n$1.A11yUi.CSS_STYLE_CACHE.get(r)?.has(e.tagName))v(e,n,n$1.A11yUi.CSS_STYLE_CACHE.get(r)?.get(e.tagName),o);else{const a=y(r,"PROPERTIES"),i=y(r,"GLOBAL"),l=y(r,e.tagName);!1===w.has(r)&&X(r,i);const s=[a,i,l];te(n,s,t.encroachCss),!0===t.cache&&(!1===n$1.A11yUi.CSS_STYLE_CACHE.has(r)&&n$1.A11yUi.CSS_STYLE_CACHE.set(r,new Map),n$1.A11yUi.CSS_STYLE_CACHE.get(r)?.set(e.tagName,s)),v(e,n,s,o)}},v=(e,t,o,r)=>{const n=performance.now();if(Z(t),ee(t,o),H(e),r(),n$1.A11yUi.PERFORMANCE_MEASURES.has(e.tagName)){const t=n$1.A11yUi.PERFORMANCE_MEASURES.get(e.tagName);t.count+=1,t.totalTime+=performance.now()-n}else n$1.A11yUi.PERFORMANCE_MEASURES.set(e.tagName,{count:1,totalTime:performance.now()-n})},L=e=>{const t=n$1.A11yUi.STYLING_TASK_QUEUE.get(e);if(t){const{resetCss:o,themeDetails:r}=t;se(e,r,o),H(e)}};let T=e=>{const t=setTimeout(()=>{clearTimeout(t),e.classList.contains("hydrated")?L(e):T(e)},M)};const ae={attributes:!0,attributeFilter:["class"],childList:!1,subtree:!1},oe={attributes:!0,attributeFilter:[],childList:!1,subtree:!1},R=J?new MutationObserver((e,t)=>{for(const o of e){const e=o.target;e.classList.contains("hydrated")&&(L(e),t.observe(e,oe))}}):null;R&&(T=e=>R.observe(e,ae),N=()=>{});let _=e=>{const t=getComputedStyle(e).getPropertyValue("--theme-visibility-delay").trim();if(t.endsWith("ms"))return parseFloat(t);if(t.endsWith("s"))return 1e3*parseFloat(t);{const e=parseFloat(t);return isNaN(e)?0:e}};n$1.A11yUi.IS_TEST_ENVIRONMENT&&(_=()=>0);const O=(e,t)=>{e.style.setProperty("visibility",t),e.dataset.themed=""},re=(e,t)=>{const o=e.style.visibility||null;n$1.A11yUi.STYLING_TASK_QUEUE.set(e,{resetCss:()=>{const t=_(e);t>0?setTimeout(()=>{O(e,o)},t):O(e,o)},themeDetails:t}),e.style.setProperty("visibility","hidden","important"),T(e)},H=e=>{n$1.A11yUi.STYLING_TASK_QUEUE.delete(e),N()},ne=(e,t)=>{re(e,{...n$1.A11yUi.Theme,...t})};class ie{Prefix;Key;Tag;createTheme=(e,t)=>P(e,t);createTranslation=(e,t)=>I(e,t);constructor(e,t,o){this.Prefix=e,this.Key=Object.getOwnPropertyNames(t),this.Tag=Object.getOwnPropertyNames(o)}}var KeyEnum,TagEnum;!function(e){e[e.error=0]="error",e[e.warning=1]="warning",e[e.info=2]="info",e[e.success=3]="success",e[e.message=4]="message",e[e.close=5]="close",e[e["form-description"]=6]="form-description",e[e.of=7]="of",e[e.characters=8]="characters",e[e.new=9]="new",e[e["no-entries"]=10]="no-entries",e[e["change-order"]=11]="change-order",e[e["action-running"]=12]="action-running",e[e["action-done"]=13]="action-done",e[e["page-first"]=14]="page-first",e[e["page-back"]=15]="page-back",e[e["page-next"]=16]="page-next",e[e["page-last"]=17]="page-last",e[e["entries-per-site"]=18]="entries-per-site",e[e["page-current"]=19]="page-current",e[e["page-selected"]=20]="page-selected",e[e["page-per-site"]=21]="page-per-site",e[e["logo-description"]=22]="logo-description",e[e["open-link-in-tab"]=23]="open-link-in-tab",e[e["kolibri-logo"]=24]="kolibri-logo"}(KeyEnum||(KeyEnum={})),function(e){e[e.abbr=0]="abbr",e[e.accordion=1]="accordion",e[e.alert=2]="alert",e[e.avatar=3]="avatar",e[e.badge=4]="badge",e[e.breadcrumb=5]="breadcrumb",e[e.button=6]="button",e[e["button-link"]=7]="button-link",e[e.card=8]="card",e[e.combobox=9]="combobox",e[e.details=10]="details",e[e.drawer=11]="drawer",e[e.form=12]="form",e[e.heading=13]="heading",e[e.icon=14]="icon",e[e.image=15]="image",e[e["input-checkbox"]=16]="input-checkbox",e[e["input-color"]=17]="input-color",e[e["input-date"]=18]="input-date",e[e["input-email"]=19]="input-email",e[e["input-file"]=20]="input-file",e[e["input-number"]=21]="input-number",e[e["input-password"]=22]="input-password",e[e["input-radio"]=23]="input-radio",e[e["input-range"]=24]="input-range",e[e["input-text"]=25]="input-text",e[e.kolibri=26]="kolibri",e[e.link=27]="link",e[e["link-button"]=28]="link-button",e[e.logo=29]="logo",e[e.modal=30]="modal",e[e.nav=31]="nav",e[e.pagination=32]="pagination",e[e["popover-button"]=33]="popover-button",e[e.progress=34]="progress",e[e.quote=35]="quote",e[e.select=36]="select",e[e["single-select"]=37]="single-select",e[e["skip-nav"]=38]="skip-nav",e[e.spin=39]="spin",e[e["split-button"]=40]="split-button",e[e.symbol=41]="symbol",e[e.table=42]="table",e[e["table-stateful"]=43]="table-stateful",e[e["table-stateless"]=44]="table-stateless",e[e.tabs=45]="tabs",e[e.textarea=46]="textarea",e[e["toast-container"]=47]="toast-container",e[e.toolbar=48]="toolbar",e[e.tooltip=49]="tooltip",e[e.tree=50]="tree",e[e["tree-item"]=51]="tree-item"}(TagEnum||(TagEnum={}));const getWindow=()=>"undefined"!=typeof window?window:{},getDocument=()=>{const e=getWindow();return e&&void 0!==e.document?e.document:{}},MODES=["development","production","test"];let runtimeMode="production";const setRuntimeMode=e=>{try{if(!MODES.includes(e))throw new Error(`Invalid NODE_ENV value: ${e}. Expected one of ${MODES.join(", ")}.`);runtimeMode=e}catch(e){runtimeMode="production"}},getInitialMode=()=>{try{const e="undefined"!=typeof process&&process.env?process.env.NODE_ENV:void 0;if(e&&MODES.includes(e))return e}catch(e){}return"production"};setRuntimeMode(getInitialMode());let EXPERIMENTAL_MODE=!1,COLOR_CONTRAST_ANALYSIS=!1;const isDevMode=()=>"development"===runtimeMode,isTestMode=()=>"test"===runtimeMode,getExperimentalMode=()=>!0===EXPERIMENTAL_MODE,setExperimentalMode=e=>{EXPERIMENTAL_MODE=!0===e},getColorContrastAnalysis=()=>!0===COLOR_CONTRAST_ANALYSIS,setColorContrastAnalysis=e=>{COLOR_CONTRAST_ANALYSIS=!0===e},LOG_STYLE="color: white; background: #666; font-weight: bold; padding: .25em .5em; border-radius: 3px; border: 1px solid #000",mapToArray=e=>Array.isArray(e)?e:[e],getLogLabel=e=>`%c${e}`,handleClassifier=(e,t)=>"string"==typeof t&&t.length>0?`${getLogLabel(e)} | ${t}`:getLogLabel(e),getShield=(e,t)=>[handleClassifier(e,null==t?void 0:t.classifier),`${LOG_STYLE};${(null==t?void 0:t.overwriteStyle)||""}`],isDevModeOrForceLog=e=>isDevMode()||!0===e;class Logger{constructor(e){this.label=e}debug(e,t){isDevModeOrForceLog(null==t?void 0:t.forceLog)&&console.debug(...getShield(this.label,t),...mapToArray(e))}info(e,t){isDevModeOrForceLog(null==t?void 0:t.forceLog)&&console.info(...getShield(this.label,t),...mapToArray(e))}trace(e,t){isDevModeOrForceLog(null==t?void 0:t.forceLog)&&console.trace(...getShield(this.label,t),...mapToArray(e))}warn(e,t){isDevModeOrForceLog(null==t?void 0:t.forceLog)&&console.warn(...getShield(this.label,t),...mapToArray(e))}error(e,t){console.error(...getShield(this.label,t),...mapToArray(e))}throw(e,t){if(isDevModeOrForceLog(null==t?void 0:t.forceLog))throw new Error(...getShield(this.label,t),...mapToArray(e))}}const Log=new Logger("KoliBri"),a11yCache=new Set,a11yHint=(e,t)=>{!1===a11yCache.has(e)&&(a11yCache.add(e),Log.debug([e].concat([]),{classifier:"✋ a11y",forceLog:!1,overwriteStyle:"; background-color: #09f"}))},deprecatedCache=new Set,deprecatedHint=(e,t)=>{!1===deprecatedCache.has(e)&&(deprecatedCache.add(e),Log.warn([e].concat([]),{classifier:"🔥 deprecated",forceLog:!1,overwriteStyle:"; background-color: #f00"}))},devCache=new Set,devHint=(e,t)=>{(!1===devCache.has(e)||(null==t?void 0:t.force))&&(devCache.add(e),Log.debug([e].concat((null==t?void 0:t.details)||[]),{classifier:"💻 dev",forceLog:!!(null==t?void 0:t.force),overwriteStyle:"; background-color: #f09"}))},devWarning=(e,t)=>{!1===devCache.has(e)&&(devCache.add(e),Log.warn([e].concat([]),{classifier:"⚠️ dev",forceLog:!1,overwriteStyle:"; background-color: #f09"}))},featureCache=new Set,featureHint=(e,t=!1,o)=>{!1===featureCache.has(e)&&(featureCache.add(e),e+=!0===t?" ✅":"",Log.debug([e].concat([]),{classifier:"🌟 feature",forceLog:!1,overwriteStyle:"; background-color: #309"}))};devHint("We appreciate any feedback, comments, screenshots, or demo links of an application based on KoliBri (kolibri@itzbund.de). Thank you!");const uiUxCache=new Set,uiUxHint=(e,t)=>{!1===uiUxCache.has(e)&&(uiUxCache.add(e),Log.debug([e].concat([]),{classifier:"📑 ui/ux",forceLog:!1,overwriteStyle:"; background-color: #060;"}))},a11yHintDisabled=()=>{a11yHint('"Disabled" limits accessibility and visibility. From an accessibility perspective, we recommend using the readonly attribute instead of disabled.\n- https://uxdesign.cc/is-it-ok-to-grey-out-disabled-buttons-8afa74a0fae')},a11yHintLabelingLandmarks=e=>{"string"==typeof e&&""!==e||a11yHint("Some structural elements, such as the nav tag, can be used multiple times on a webpage. To distinguish between similarly named structural elements, it is necessary to set an ARIA label.\n- https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Navigation_Role#accessibility_concerns")},uiUxHintMillerscheZahl=(e,t=8)=>{t>7&&uiUxHint(`[${e}] Within navigation structures, it is recommended to use no more than 7 menu items.\n\nLink:\n- https://en.wikipedia.org/wiki/The_Magical_Number_Seven,_Plus_or_Minus_Two`)};var colorName,hasRequiredColorName,colorParse,hasRequiredColorParse,n=.2126,r=.7152,t=.0722,e=1/12.92;function u(e){return Math.pow((e+.055)/1.055,2.4)}function a(o){var a=o[0]/255,i=o[1]/255,l=o[2]/255,s=a<=.03928?a*e:u(a),c=i<=.03928?i*e:u(i),d=l<=.03928?l*e:u(l);return s*n+c*r+d*t}function i(e){var t=255;8===(e=e.replace(/^#/,"")).length&&(t=parseInt(e.slice(6,8),16),e=e.substring(0,6)),4===e.length&&(t=parseInt(e.slice(3,4).repeat(2),16),e=e.substring(0,3)),3===e.length&&(e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]);var o=parseInt(e,16);return[o>>16,o>>8&255,255&o,t]}function c(e,t){return(Math.max(e,t)+.05)/(Math.min(e,t)+.05)}function o(e,t){return c(a(e),a(t))}function s(e,t){return o(i(e),i(t))}function f(e){return e>=7?"AAA":e>=4.5?"AA":e>=3?"AA Large":"Fail"}function requireColorName(){return hasRequiredColorName?colorName:(hasRequiredColorName=1,colorName={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]})}function requireColorParse(){if(hasRequiredColorParse)return colorParse;hasRequiredColorParse=1;var e=requireColorName();colorParse=function(o){var r,n,a=[],i=1;if("string"==typeof o)if(o=o.toLowerCase(),e[o])a=e[o].slice(),n="rgb";else if("transparent"===o)i=0,n="rgb",a=[0,0,0];else if(/^#[A-Fa-f0-9]+$/.test(o)){var l=o.slice(1);i=1,(u=l.length)<=4?(a=[parseInt(l[0]+l[0],16),parseInt(l[1]+l[1],16),parseInt(l[2]+l[2],16)],4===u&&(i=parseInt(l[3]+l[3],16)/255)):(a=[parseInt(l[0]+l[1],16),parseInt(l[2]+l[3],16),parseInt(l[4]+l[5],16)],8===u&&(i=parseInt(l[6]+l[7],16)/255)),a[0]||(a[0]=0),a[1]||(a[1]=0),a[2]||(a[2]=0),n="rgb"}else if(r=/^((?:rgb|hs[lvb]|hwb|cmyk?|xy[zy]|gray|lab|lchu?v?|[ly]uv|lms)a?)\s*\(([^\)]*)\)/.exec(o)){var s=r[1],c="rgb"===s;n=l=s.replace(/a$/,"");var u="cmyk"===l?4:"gray"===l?1:3;a=r[2].trim().split(/\s*[,\/]\s*|\s+/).map(function(e,o){if(/%$/.test(e))return o===u?parseFloat(e)/100:"rgb"===l?255*parseFloat(e)/100:parseFloat(e);if("h"===l[o]){if(/deg$/.test(e))return parseFloat(e);if(void 0!==t[e])return t[e]}return parseFloat(e)}),s===l&&a.push(1),i=c||void 0===a[u]?1:a[u],a=a.slice(0,u)}else o.length>10&&/[0-9](?:\s|\/)/.test(o)&&(a=o.match(/([0-9]+)/g).map(function(e){return parseFloat(e)}),n=o.match(/([a-z])/gi).join("").toLowerCase());else isNaN(o)?Array.isArray(o)||o.length?(a=[o[0],o[1],o[2]],n="rgb",i=4===o.length?o[3]:1):o instanceof Object&&(null!=o.r||null!=o.red||null!=o.R?(n="rgb",a=[o.r||o.red||o.R||0,o.g||o.green||o.G||0,o.b||o.blue||o.B||0]):(n="hsl",a=[o.h||o.hue||o.H||0,o.s||o.saturation||o.S||0,o.l||o.lightness||o.L||o.b||o.brightness]),i=o.a||o.alpha||o.opacity||1,null!=o.opacity&&(i/=100)):(n="rgb",a=[o>>>16,(65280&o)>>>8,255&o]);return{space:n,values:a,alpha:i}};var t={red:0,orange:60,yellow:120,green:180,blue:240,purple:300};return colorParse}var colorParseExports=requireColorParse(),parse=getDefaultExportFromCjs(colorParseExports);const rgb={min:[0,0,0],max:[255,255,255]};var hsl={name:"hsl",min:[0,0,0],max:[360,100,100],channel:["hue","saturation","lightness"],alias:["HSL"],rgb:function(e){var t,o,r,n,a,i=e[0]/360,l=e[1]/100,s=e[2]/100,c=0;if(0===l)return[a=255*s,a,a];for(t=2*s-(o=s<.5?s*(1+l):s+l-s*l),n=[0,0,0];c<3;)(r=i+1/3*-(c-1))<0?r++:r>1&&r--,a=6*r<1?t+6*(o-t)*r:2*r<1?o:3*r<2?t+(o-t)*(2/3-r)*6:t,n[c++]=255*a;return n}};rgb.hsl=function(e){var t,o,r=e[0]/255,n=e[1]/255,a=e[2]/255,i=Math.min(r,n,a),l=Math.max(r,n,a),s=l-i;return l===i?t=0:r===l?t=(n-a)/s:n===l?t=2+(a-r)/s:a===l&&(t=4+(r-n)/s),(t=Math.min(60*t,360))<0&&(t+=360),o=(i+l)/2,[t,100*(l===i?0:o<=.5?s/(l+i):s/(2-l-i)),100*o]};var hasRequiredRgbaConvert,rgbaConvert={exports:{}};function requireRgbaConvert(){if(hasRequiredRgbaConvert)return rgbaConvert.exports;function e(e){var o=t(e);return 3==o.length?o.concat(255):(o[3]=Math.round(o[3]),o)}function t(e){return"string"==typeof e?function(e){if("red"==e)return[255,0,0];if("green"==e)return[0,255,0];if("blue"==e)return[0,0,255];if("black"==e)return[0,0,0];if("white"==e)return[255,255,255];if("cyan"==e)return[0,255,255];if("gray"==e)return[128,128,128];if("grey"==e)return[128,128,128];if("magenta"==e)return[255,0,255];if("pink"==e)return[255,0,255];if("yellow"==e)return[255,255,0]}(e=e.toLowerCase())||function(e){var t=e.replace(/^#/,""),o=t.length;if(3==o||4==o){var n=r(t[0]),a=r(t[1]),i=r(t[2]),l=3==o?255:r(t[3]);if(isNaN(n)||isNaN(a)||isNaN(i)||isNaN(l))return;return[n,a,i,l]}}(e)||function(e){var t=e.replace(/^#/,""),o=t.length;if(6==o||8==o){var n=r(t.slice(0,2)),a=r(t.slice(2,4)),i=r(t.slice(4,6)),l=6==o?255:r(t.slice(6,8));if(isNaN(n)||isNaN(a)||isNaN(i)||isNaN(l))return;return[n,a,i,l]}}(e)||function(e){if("rgb("==e.substr(0,4)){var t=(e=e.match(/^rgb\(([^)]+)\)/)[1]).split(/ *, */).map(Number),o=n(t[0],!0),r=n(t[1],!0),a=n(t[2],!0);if(-1!=o&&-1!=r&&-1!=a)return[o,r,a,255]}}(e)||function(e){if("rgba("==e.substr(0,5)){var t=(e=e.match(/^rgba\(([^)]+)\)/)[1]).split(/ *, */).map(Number),o=n(t[0],!0),r=n(t[1],!0),a=n(t[2],!0),i=n(255*t[3]);if(-1!=o&&-1!=r&&-1!=a&&-1!=i)return[o,r,a,i]}}(e)||[0,0,0,255]:function(e){if("[object Object]"===Object.prototype.toString.call(e)&&Object.getPrototypeOf(e)===Object.getPrototypeOf({})){var t=n(null!=e.r?e.r:null!=e.red?e.red:0,!0),o=n(null!=e.g?e.g:null!=e.green?e.green:0,!0),r=n(null!=e.b?e.b:null!=e.blue?e.blue:0,!0),a=n(null!=e.a?e.a:null!=e.alpha?e.alpha:255,!0);if(-1!=t&&-1!=o&&-1!=r&&-1!=a)return[t,o,r,a]}}(e)||function(e){if(Array.isArray(e)&&(3==e.length||4==e.length)){var t=n(e[0],!0),o=n(e[1],!0),r=n(e[2],!0),a=n(null!=e[3]?e[3]:255,!0);if(-1!=t&&-1!=o&&-1!=r&&-1!=a)return[t,o,r,a]}}(e)||function(e){if("number"==typeof e&&Math.floor(e)==e&&e<=4294967295&&e>=0){return[e>>16&255,e>>8&255,255&e,e>>24&255]}}(e)||[0,0,0,255]}function o(e){var t=e.toString(16);return 1==t.length?"0"+t:t}function r(e){return 1==e.length?parseInt(e+e,16):parseInt(e,16)}function n(e,t){return"number"!=typeof e||!0===t&&Math.floor(e)!==e?-1:e>=0&&e<=255?e:-1}return hasRequiredRgbaConvert=1,rgbaConvert.exports=e,rgbaConvert.exports.arr=e,rgbaConvert.exports.obj=function(e){var o=t(e);return{r:o[0],g:o[1],b:o[2],a:3==o.length?255:Math.round(o[3])}},rgbaConvert.exports.css=function(e){var o=t(e);3==o.length&&o.push(255);return 255==o[3]?"rgb("+o[0]+", "+o[1]+", "+o[2]+")":0==o[3]?"rgba("+o[0]+", "+o[1]+", "+o[2]+", 0)":"rgba("+o[0]+", "+o[1]+", "+o[2]+", "+String(o[3]/255).substr(1)+")"},rgbaConvert.exports.hex=function(e){var r=t(e);3==r.length&&r.push(255);var n=255==r[3],a=o(r[0]),i=o(r[1]),l=o(r[2]),s=(r=o(Math.round(r[3])),function(e,t,o,r){var n=["ff","00","11","22","33","44","55","66","77","88","99","aa","bb","cc","dd","ee"];return-1!=n.indexOf(e)&&-1!=n.indexOf(t)&&-1!=n.indexOf(o)&&-1!=n.indexOf(r)}(a,i,l,r));if(n)return s?"#"+a.charAt(0)+i.charAt(0)+l.charAt(0):"#"+a+i+l;return s?"#"+a.charAt(0)+i.charAt(0)+l.charAt(0)+r.charAt(0):"#"+a+i+l+r},rgbaConvert.exports.num=function(e){var o=t(e);3==o.length?o.push(255):o[3]=Math.round(o[3]);return(o[3]<<24>>>0|o[0]<<16|o[1]<<8|o[2])>>>0},rgbaConvert.exports}var hasRequiredCjs$1,rgbaConvertExports=requireRgbaConvert(),rgba=getDefaultExportFromCjs(rgbaConvertExports),cjs$1={};function requireCjs$1(){return hasRequiredCjs$1||(hasRequiredCjs$1=1,function(e){Object.defineProperty(e,"__esModule",{value:!0}),e.querySelectorAll=void 0;const t=(e,t)=>{t.forEach(t=>{!1===e.has(t)&&e.add(t)})};e.querySelectorAll=(o,r=document)=>{if(r instanceof Document||r instanceof HTMLElement||r instanceof ShadowRoot){const n=new Set;t(n,r.querySelectorAll(o));const a=r.querySelectorAll('[class*="hydrated"]');for(let r=0;r<a.length;r++){const i=a[r].shadowRoot;t(n,"object"==typeof i&&null!==i?(0,e.querySelectorAll)(o,i):(0,e.querySelectorAll)(o,a[r]))}return Array.from(n)}throw new Error("The parameter document for the method querySelectorAll is not type of Document, HTMLElement or ShadowRoot.")}}(cjs$1)),cjs$1}var hasRequiredCjs,cjsExports$1=requireCjs$1(),cjs={};function requireCjs(){return hasRequiredCjs||(hasRequiredCjs=1,function(e){Object.defineProperty(e,"__esModule",{value:!0}),e.querySelector=void 0;e.querySelector=(t,o=document)=>{if(o instanceof Document||o instanceof HTMLElement||o instanceof ShadowRoot){let r=o.querySelector(t);if(null===r){const n=o.querySelectorAll('[class*="hydrated"]');for(let o=0;o<n.length;o++){const a=n[o].shadowRoot;if(r="object"==typeof a&&null!==a?(0,e.querySelector)(t,a):(0,e.querySelector)(t,n[o]),null!==r)break}}return r}throw new Error("The parameter document for the method querySelector is not type of Document, HTMLElement or ShadowRoot.")}}(cjs)),cjs}var cjsExports=requireCjs();const OBJECT_OBJECT=/\[object Object\]/,objectObjectHandler=(e,t)=>{"string"==typeof e&&OBJECT_OBJECT.test(e)||t()},emptyStringByArrayHandler=(e,t)=>{"string"==typeof e&&""===e||t()},setEventTarget=(e,t)=>{getExperimentalMode()&&(Log.debug([e,t]),Log.debug("↑ We propagate the (submit) event to this target.")),Object.defineProperty(e,"target",{value:t,writable:!1})},patchState=e=>{var t,o,r;null===(t=e.nextHooks)||void 0===t||t.forEach((t,o)=>{var r;const n=t.get("beforePatch");"function"==typeof n&&n(null===(r=e.nextState)||void 0===r?void 0:r.get(o),e.nextState,e,o)}),(null===(o=e.nextState)||void 0===o?void 0:o.size)>0&&(e.state=Object.assign(Object.assign({},e.state),Object.fromEntries(e.nextState)),delete e.nextState,null===(r=e.nextHooks)||void 0===r||r.forEach((t,o)=>{const r=t.get("afterPatch");"function"==typeof r&&r(e.state[o],e.state,e,o)})),delete e.nextHooks},setState=(e,t,o,r={})=>{var n,a;void 0===e.nextHooks&&(e.nextHooks=new Map),void 0===e.nextState&&(e.nextState=new Map);e.nextHooks.get(t)instanceof Map==!1&&e.nextHooks.set(t,new Map),"function"==typeof r.afterPatch&&(null===(n=e.nextHooks.get(t))||void 0===n||n.set("afterPatch",r.afterPatch)),"function"==typeof r.beforePatch&&(null===(a=e.nextHooks.get(t))||void 0===a||a.set("beforePatch",r.beforePatch)),e.nextState.set(t,o),patchState(e)},logWarn=(e,t,o,r)=>{devHint(`[${e.constructor.name}] The property value: (${o}) for '${t}' is not valid. Allowed values are: ${Array.from(r).join(", ")}`)};function watchValidator(e,t,o,r,n,a={}){o(n)?setState(e,t,n,a.hooks):void 0===n&&!0!==a.required&&o(a.defaultValue)?setState(e,t,a.defaultValue,a.hooks):(a.required||r.add(null),logWarn(e,t,n,r))}const watchBoolean=(e,t,o,r)=>{watchValidator(e,t,e=>"boolean"==typeof e,new Set(["Boolean {true, false}"]),o,r)},watchString=(e,t,o,r={})=>{const n="number"==typeof r.minLength?null==r?void 0:r.minLength:0;watchValidator(e,t,e=>"string"==typeof e&&e.length>=n&&(void 0===(null==r?void 0:r.maxLength)||e.length<=r.maxLength),new Set(["String"]),o,r)},watchNumber=(e,t,o,r)=>{watchValidator(e,t,e=>"number"==typeof e&&(void 0===(null==r?void 0:r.min)||"number"==typeof(null==r?void 0:r.min)&&e>=r.min)&&(void 0===(null==r?void 0:r.max)||"number"==typeof(null==r?void 0:r.max)&&e<=r.max),new Set(["Number"]),o,r)},watchJsonArrayString=(e,t,o,r,n=e=>e==e,a={})=>{emptyStringByArrayHandler(r,()=>{objectObjectHandler(r,()=>{void 0===r&&(r=[]);try{try{r=parseJson(r)}catch(e){}if(Array.isArray(r)){const i=r.find(e=>!o(e));void 0===i&&n(r)?setState(e,t,r,a.hooks):objectObjectHandler(i,()=>{throw Log.debug(i),new Error("↑ The schema for the property (_options) is not valid. The value will not be changed.")})}else objectObjectHandler(r,()=>{throw Log.debug(r),new Error("↑ The schema for the property (_options) is not valid. The value will not be changed.")})}catch(e){Log.debug(e)}})})},stringifyJson=e=>{try{return JSON.stringify(e).replace(/"/g,"'")}catch(t){throw Log.warn(["stringifyJson",e]),Log.error("↑ The JSON could not be converted to a string. A stringifiable JSON is expected."),new Error}},JSON_CHARS=/^[{[]/,parseJson=e=>{if("string"==typeof e)try{return JSON.parse(e)}catch(t){if(JSON_CHARS.test(e))try{return JSON.parse(e.replace(/'/g,'"'))}catch(t){Log.warn(["parseJson",e]),Log.error("↑ The JSON string could not be parsed. Make sure that single quotes in the text are escaped (&#8216;).")}}throw new Error},mapBoolean2String=e=>"boolean"==typeof e?!0===e?"true":"false":void 0,mapStringOrBoolean2String=e=>"string"==typeof e?e:mapBoolean2String(e),koliBriQuerySelector=(e,t)=>cjsExports.querySelector(e,t||getDocument()),koliBriQuerySelectorAll=(e,t)=>cjsExports$1.querySelectorAll(e,t||getDocument());let DEFAULT_COLOR_CONTRAST=null;const getDefaultColorContrast=()=>(DEFAULT_COLOR_CONTRAST=DEFAULT_COLOR_CONTRAST||{backgroundColor:"#00000000",color:"#00000000",domNode:getDocument().body,level:"Fail",score:1},DEFAULT_COLOR_CONTRAST),TRANSPARENT_REGEXP=/(\d+, ){3}0\)/,koliBriA11yColorContrast=(e,t=getDefaultColorContrast())=>{const o=getComputedStyle(e),r=TRANSPARENT_REGEXP.test(o.backgroundColor)?t.backgroundColor:rgba.hex(o.backgroundColor),n=TRANSPARENT_REGEXP.test(o.color)?t.color:rgba.hex(o.color),a=s(r,n),i={backgroundColor:r,color:n,domNode:e,level:f(a),score:a};return a<4.5&&Log.error(["Color-Contrast-Error",{backgroundColor:i.backgroundColor,color:i.color,level:i.level,score:i.score},i.domNode]),i},koliBriQuerySelectorColors=(e,t=getDefaultColorContrast())=>{t.domNode instanceof HTMLElement&&(t=koliBriA11yColorContrast(t.domNode,t));const o=t.domNode.querySelector(e);if(null===o){const o=t.domNode.querySelectorAll('[class="hydrated"]');for(let r=0;r<o.length&&(t.domNode=o[r],null===(t=koliBriQuerySelectorColors(e,t)).domNode);r++);return t}return koliBriA11yColorContrast(o,t)};class KoliBriUtils{static queryHtmlElementColors(e,t,o=!1,r=!0){let n=null;if(!0===o||!1===KoliBriUtils.executionLock)if(!1===o&&(KoliBriUtils.cache.clear(),KoliBriUtils.cache.set(t.domNode,t),KoliBriUtils.executionLock=!0,!0===r&&Log.debug("[KoliBriUtils] Color contrast analysis started...")),e===t.domNode)n=t;else{const o=new Set;if(t.domNode.shadowRoot){const e=t.domNode.shadowRoot.children;for(let t=0;t<e.length;t++)o.add(e[t])}const r=t.domNode;if("function"==typeof r.assignedNodes){const e=r.assignedNodes();for(let t=0;t<e.length;t++)e[t]instanceof HTMLElement&&o.add(e[t])}const a=t.domNode.children;for(let e=0;e<a.length;e++)o.add(a[e]);const i=Array.from(o);for(let o=0;o<i.length;o++){let r=KoliBriUtils.cache.get(i[o]);void 0===r&&(r=koliBriA11yColorContrast(i[o],t)),KoliBriUtils.cache.set(i[o],r);const a=KoliBriUtils.queryHtmlElementColors(e,r,!0,!1);if(null!==a){n=a;break}}}else Log.debug("[KoliBriUtils] Call aborted because a color contrast analysis is currently being executed.");return!1===o&&(!0===r&&Log.debug(`[KoliBriUtils] Color contrast analysis finished (${KoliBriUtils.cache.size} DOM elements are analysed).`),KoliBriUtils.executionLock=!1,KoliBriUtils.cache.clear()),n}}KoliBriUtils.executionLock=!1,KoliBriUtils.cache=new Map;class KoliBriDevHelper{}KoliBriDevHelper.getCssStyle=y,KoliBriDevHelper.patchTheme=k,KoliBriDevHelper.patchThemeTag=Y,KoliBriDevHelper.querySelector=koliBriQuerySelector,KoliBriDevHelper.querySelectorAll=koliBriQuerySelectorAll,KoliBriDevHelper.stringifyJson=stringifyJson;const isObject=e=>"object"==typeof e&&null!==e,isString=(e,t=0)=>"string"==typeof e&&e.length>=t,isStyle=e=>{if("object"!=typeof e||null===e)return isString(e,1);for(const t in e)if(!1===isString(t,1))return!1;return!0},STATE_CHANGE_EVENT=new Event("StateChange");export{getColorContrastAnalysis as $,getDefaultExportFromCjs as A,uiUxHint as B,a11yHintDisabled as C,getDocument as D,setExperimentalMode as E,setColorContrastAnalysis as F,getWindow as G,isTestMode as H,isStyle as I,isObject as J,KeyEnum as K,Log as L,uiUxHintMillerscheZahl as M,watchNumber as N,getExperimentalMode as O,devWarning as P,emptyStringByArrayHandler as Q,koliBriQuerySelector as R,STATE_CHANGE_EVENT as S,TagEnum as T,isDevMode as U,V,koliBriA11yColorContrast as W,koliBriQuerySelectorAll as X,koliBriQuerySelectorColors as Y,KoliBriUtils as Z,stringifyJson as _,KoliBriDevHelper as a,b,watchBoolean as c,a11yHintLabelingLandmarks as d,watchString as e,featureHint as f,mapBoolean2String as g,setEventTarget as h,ie as i,isString as j,deprecatedHint as k,devHint as l,mapStringOrBoolean2String as m,ne as n,objectObjectHandler as o,parseJson as p,watchJsonArrayString as q,a11yHint as r,setState as s,parse as t,hsl as u,rgb as v,watchValidator as w,rgba as x,s as y,setRuntimeMode as z};
+function getDefaultExportFromCjs(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var hasRequiredLoglevel,loglevel$1={exports:{}},loglevel=loglevel$1.exports;function requireLoglevel(){return hasRequiredLoglevel||(hasRequiredLoglevel=1,t=loglevel,o=function(){var e=function(){},t="undefined",o=typeof window!==t&&typeof window.navigator!==t&&/Trident\/|MSIE /.test(window.navigator.userAgent),r=["trace","debug","info","warn","error"],n={},a=null;function i(e,t){var o=e[t];if("function"==typeof o.bind)return o.bind(e);try{return Function.prototype.bind.call(o,e)}catch(t){return function(){return Function.prototype.apply.apply(o,[e,arguments])}}}function l(){console.log&&(console.log.apply?console.log.apply(console,arguments):Function.prototype.apply.apply(console.log,[console,arguments])),console.trace&&console.trace()}function s(){for(var o=this.getLevel(),n=0;n<r.length;n++){var a=r[n];this[a]=n<o?e:this.methodFactory(a,o,this.name)}if(this.log=this.debug,typeof console===t&&o<this.levels.SILENT)return"No console available for logging"}function c(e){return function(){typeof console!==t&&(s.call(this),this[e].apply(this,arguments))}}function u(r,n,a){return function(r){return"debug"===r&&(r="log"),typeof console!==t&&("trace"===r&&o?l:void 0!==console[r]?i(console,r):void 0!==console.log?i(console,"log"):e)}(r)||c.apply(this,arguments)}function d(e,o){var i,l,c,d=this,g="loglevel";function h(){var e;if(typeof window!==t&&g){try{e=window.localStorage[g]}catch(e){}if(typeof e===t)try{var o=window.document.cookie,r=encodeURIComponent(g),n=o.indexOf(r+"=");-1!==n&&(e=/^([^;]+)/.exec(o.slice(n+r.length+1))[1])}catch(e){}return void 0===d.levels[e]&&(e=void 0),e}}function f(e){var t=e;if("string"==typeof t&&void 0!==d.levels[t.toUpperCase()]&&(t=d.levels[t.toUpperCase()]),"number"==typeof t&&t>=0&&t<=d.levels.SILENT)return t;throw new TypeError("log.setLevel() called with invalid level: "+e)}"string"==typeof e?g+=":"+e:"symbol"==typeof e&&(g=void 0),d.name=e,d.levels={TRACE:0,DEBUG:1,INFO:2,WARN:3,ERROR:4,SILENT:5},d.methodFactory=o||u,d.getLevel=function(){return null!=c?c:null!=l?l:i},d.setLevel=function(e,o){return c=f(e),!1!==o&&function(e){var o=(r[e]||"silent").toUpperCase();if(typeof window!==t&&g){try{return void(window.localStorage[g]=o)}catch(e){}try{window.document.cookie=encodeURIComponent(g)+"="+o+";"}catch(e){}}}(c),s.call(d)},d.setDefaultLevel=function(e){l=f(e),h()||d.setLevel(e,!1)},d.resetLevel=function(){c=null,function(){if(typeof window!==t&&g){try{window.localStorage.removeItem(g)}catch(e){}try{window.document.cookie=encodeURIComponent(g)+"=; expires=Thu, 01 Jan 1970 00:00:00 UTC"}catch(e){}}}(),s.call(d)},d.enableAll=function(e){d.setLevel(d.levels.TRACE,e)},d.disableAll=function(e){d.setLevel(d.levels.SILENT,e)},d.rebuild=function(){if(a!==d&&(i=f(a.getLevel())),s.call(d),a===d)for(var e in n)n[e].rebuild()},i=f(a?a.getLevel():"WARN");var p=h();null!=p&&(c=f(p)),s.call(d)}(a=new d).getLogger=function(e){if("symbol"!=typeof e&&"string"!=typeof e||""===e)throw new TypeError("You must supply a name when creating a logger.");var t=n[e];return t||(t=n[e]=new d(e,a.methodFactory)),t};var g=typeof window!==t?window.log:void 0;return a.noConflict=function(){return typeof window!==t&&window.log===a&&(window.log=g),a},a.getLoggers=function(){return n},a.default=a,a},(e=loglevel$1).exports?e.exports=o():t.log=o()),loglevel$1.exports;var e,t,o}var loglevelExports=requireLoglevel(),h=getDefaultExportFromCjs(loglevelExports);const I=(e,t)=>o=>o(e,t),P=(e,t)=>o=>o(e,t,{append:!1}),$=()=>{const e=typeof process<"u"&&process.env?process.env:{},t="test"===e.NODE_ENV,o="VITEST"in e,r="JEST_WORKER_ID"in e,n="PLAYWRIGHT_TEST_BASE_URL"in e,a="true"===e.CI,i="true"===e.TEST||"true"===e.IS_TEST,l=typeof navigator<"u"&&!0===navigator.webdriver,s=typeof navigator<"u"&&/playwright|puppeteer|webdriver|selenium|testcafe/i.test(navigator.userAgent);return t||o||r||n||a||i||l||s},n$1={A11yUi:{CSS_STYLE_CACHE:new Map,IS_TEST_ENVIRONMENT:$(),PERFORMANCE_MEASURES:new Map,STYLING_TASK_QUEUE:new Map,THEMES:new Map,showAverageTimes:()=>{const e={};for(const[t,o]of n$1.A11yUi.PERFORMANCE_MEASURES.entries())e[t]=[o.totalTime/o.count,o.count];const t=Object.entries(e).sort((e,t)=>t[1][0]-e[1][0]);return console.table(Object.fromEntries(t.map(([e,[t,o]])=>[e,{"avg (ms)":parseFloat(t.toFixed(2)),count:o}]))),e}}};let d=!0,f$1=!1;const j=/^[a-z][a-z0-9]{1,}(-[a-z0-9]+)?$/,F=e=>"string"==typeof e&&j.test(e),E=e=>{if(!F(e))throw new Error(`[Theming] The theme identifier "${"string"==typeof e?e:""}" (Type: ${typeof e}) is not valid. Please use only follow this pattern: /^[a-z][a-z0-9]{1,}(-[a-z0-9]+)?$/`)},g=e=>e.replace(/\/\*[\s\S]*?\*\//g,"").replace(/\s*([{},;])\s*/g,"$1").replace(/:\s+/g,":").replace(/\s+/g," ").replace(/;\}/g,"}").trim(),Y=(e,t,o,r)=>u$1(e,t,o,r),u$1=(e,t,o,r)=>{(r=r??{}).append=r.append??!1,E(e),d&&!f$1&&(f$1=!0,h.warn(`[Theming] The theme process is locked. This means that the theme "${e}" should not be patched.\n\n    import { register } from 'adopted-style-sheets';\n    import { defineCustomElements } from '...';\n    import { THEME } from '...';\n\n    register(THEME, defineCustomElements)\n    .then(() => {\n        // run your app or website\n    })\n    .catch(console.warn);`));let n=n$1.A11yUi.THEMES.get(e);if(n||(n=new Map,n$1.A11yUi.THEMES.set(e,n)),r.append&&n.has(t)){const e=n.get(t);n.set(t,g(`${e}${o}`))}else n.set(t,g(o))},k=(e,t,o,r)=>p(e,t,o,r),p=(e,t,o,r)=>(E(e),"object"==typeof t&&null!==t&&Object.getOwnPropertyNames(t).forEach(n=>{const a=t[n],i=n.toLowerCase(),l="function"!=typeof r?.transformTagName||["GLOBAL","PROPERTIES"].includes(n)?n:r.transformTagName(i);"string"==typeof a&&a.length>0&&u$1(e,l.toUpperCase(),a,o)}),e),S=e=>{if(e instanceof HTMLElement){if("string"==typeof e.dataset.theme)return e;{let t=e.parentNode;for(;t instanceof ShadowRoot;)t=t.host;return S(t)}}return null},A=(e={})=>"false"!==e.themeEncroachCss&&"true"!==e.themeReset&&{mode:"after"===e.themeEncroachCssMode||"before"===e.themeEncroachCssMode?e.themeEncroachCssMode:"before"},C=()=>"object"==typeof n$1.A11yUi.Theme&&null!==n$1.A11yUi.Theme&&"boolean"==typeof n$1.A11yUi.Theme.cache&&"object"==typeof n$1.A11yUi.Theme.encroachCss&&null!==n$1.A11yUi.Theme.encroachCss&&"string"==typeof n$1.A11yUi.Theme.encroachCss.mode&&"string"==typeof n$1.A11yUi.Theme.name,G=()=>!("object"==typeof n$1.A11yUi.Theme&&null!==n$1.A11yUi.Theme)||"default"!==n$1.A11yUi.Theme.name,b=e=>{if(C())return n$1.A11yUi.Theme;{const t={cache:!0,encroachCss:A(),loglevel:"silent",mode:"csr",name:null},o=S(e);return o instanceof HTMLElement&&(t.cache="false"!==o.dataset.themeCache,t.encroachCss=A(o.dataset),t.loglevel="debug"===o.dataset.themeLoglevel?o.dataset.themeLoglevel:"silent",t.mode="ssr"===o.dataset.themeMode?o.dataset.themeMode:"csr",t.name=o.dataset.theme||null),t}},B=(e,t)=>({cache:!1!==t.cache,detect:"auto"===t.detect?"auto":"fixed",encroachCss:!1!==t.encroachCss&&("object"!=typeof t.encroachCss||null==t.encroachCss||"after"!==t.encroachCss.mode&&"before"!==t.encroachCss.mode?{mode:"before"}:t.encroachCss),loglevel:"debug"===t.loglevel?t.loglevel:"silent",mode:"ssr"===t.mode?t.mode:"csr",name:"string"==typeof t.name?t.name:e}),K=(e,t)=>{!1===C()&&G()&&"object"==typeof t&&null!==t&&("fixed"===(t=B(e,t)).detect?(null===t.name&&"string"==typeof e&&(t.name=e),e===t.name&&(n$1.A11yUi.Theme=t,h.info(`[Theming] Theme "${e}" was set as default theme.`))):f$1||(f$1=!0,h.warn("[Theming] The presetting of theme options is only relevant by using 'fixed' detection mode.")))};let U=!1;const V=(e,t,o={})=>{U||(U=!0,d=!1,typeof window<"u"&&(window.A11yUi=n$1.A11yUi)),"function"==typeof e?e=new Set([e]):Array.isArray(e)&&(e=new Set(e)),e instanceof Set&&e.forEach(e=>{"function"==typeof e&&1===e.length?K(e((e,t,r)=>p(e,t,r,o)),{cache:o.theme?.cache,detect:o.theme?.detect,encroachCss:o.theme?.encroachCss,mode:o.theme?.mode,name:o.theme?.name}):h.error("[Theming] An attempt was made to load an incompatible theme.")}),d=!0,"function"==typeof t?t=new Set([t]):Array.isArray(t)&&(t=new Set(t));const r=[];return t.forEach(e=>{const t=e();t instanceof Promise&&r.push(t)}),Promise.all(r)},w=new Set,W=/--[^;]+/g,q=/:/,J=typeof MutationObserver<"u";let M=25,N=()=>{M=Math.min(25+20*Math.log2(n$1.A11yUi.STYLING_TASK_QUEUE.size+1),250)};const X=(e,t)=>{let o=t.match(W);if(Array.isArray(o)){o=o.filter(e=>q.test(e));const t=document.createElement("style");t.innerHTML=`.${e} {${o.join(";")}}`,document.querySelector("head")?.appendChild(t)}w.add(e)},y=(e,t)=>{const o=n$1.A11yUi.THEMES.get(e);return o instanceof Map&&o.has(t)?o.get(t):""},Z=e=>{for(const t of Array.from(e.childNodes)){if(!(t instanceof HTMLStyleElement&&"STYLE"===t.tagName&&void 0===t.dataset.themingFallback))break;e.removeChild(t)}},ee=(e,t)=>{try{if("ssr"===n$1.A11yUi.Theme?.mode)throw new Error("SSR");const o=[];t.forEach(e=>{const t=new CSSStyleSheet;t.replaceSync(e),o.push(t)}),e.adoptedStyleSheets=o}catch{[...t].reverse().forEach((t,o)=>{if("string"!=typeof t||0===t.length)return;const r=document.createElement("style");switch(r.dataset.themingFallback="",o){case 4:r.dataset.themingBaseA11y="";break;case 3:r.dataset.themingBaseGlobal="";break;case 2:r.dataset.themingBaseComponent="";break;case 1:r.dataset.themingCustomGlobal="";break;case 0:r.dataset.themingCustomComponent="";break;default:r.dataset.themingUnknown=""}r.innerHTML=t,e.insertBefore(r,e.firstChild)})}},te=(e,t,o)=>{if(!1!==o){const r=[...Array.from(e.childNodes).filter(e=>e instanceof HTMLStyleElement&&"STYLE"===e.tagName)];let n;try{n=[...Array.from(e.adoptedStyleSheets)]}catch{n=[]}"before"===o?.mode?(r.reverse().forEach(e=>t.unshift(e.innerHTML)),n.reverse().forEach(e=>t.unshift(Array.from(e.cssRules).map(e=>e.cssText).join("")))):"after"===o?.mode&&(r.forEach(e=>t.push(e.innerHTML)),n.forEach(e=>t.push(Array.from(e.cssRules).map(e=>e.cssText).join(""))))}},se=(e,t,o)=>{const r=t.name||"default";let n;try{if(null===e.shadowRoot)throw new Error("ShadowRoot is null");n=e.shadowRoot}catch{n=e}if(n$1.A11yUi.CSS_STYLE_CACHE.get(r)?.has(e.tagName))v(e,n,n$1.A11yUi.CSS_STYLE_CACHE.get(r)?.get(e.tagName),o);else{const a=y(r,"PROPERTIES"),i=y(r,"GLOBAL"),l=y(r,e.tagName);!1===w.has(r)&&X(r,i);const s=[a,i,l];te(n,s,t.encroachCss),!0===t.cache&&(!1===n$1.A11yUi.CSS_STYLE_CACHE.has(r)&&n$1.A11yUi.CSS_STYLE_CACHE.set(r,new Map),n$1.A11yUi.CSS_STYLE_CACHE.get(r)?.set(e.tagName,s)),v(e,n,s,o)}},v=(e,t,o,r)=>{const n=performance.now();if(Z(t),ee(t,o),H(e),r(),n$1.A11yUi.PERFORMANCE_MEASURES.has(e.tagName)){const t=n$1.A11yUi.PERFORMANCE_MEASURES.get(e.tagName);t.count+=1,t.totalTime+=performance.now()-n}else n$1.A11yUi.PERFORMANCE_MEASURES.set(e.tagName,{count:1,totalTime:performance.now()-n})},L=e=>{const t=n$1.A11yUi.STYLING_TASK_QUEUE.get(e);if(t){const{resetCss:o,themeDetails:r}=t;se(e,r,o),H(e)}};let T=e=>{const t=setTimeout(()=>{clearTimeout(t),e.classList.contains("hydrated")?L(e):T(e)},M)};const ae={attributes:!0,attributeFilter:["class"],childList:!1,subtree:!1},oe={attributes:!0,attributeFilter:[],childList:!1,subtree:!1},R=J?new MutationObserver((e,t)=>{for(const o of e){const e=o.target;e.classList.contains("hydrated")&&(L(e),t.observe(e,oe))}}):null;R&&(T=e=>R.observe(e,ae),N=()=>{});let _=e=>{const t=getComputedStyle(e).getPropertyValue("--theme-visibility-delay").trim();if(t.endsWith("ms"))return parseFloat(t);if(t.endsWith("s"))return 1e3*parseFloat(t);{const e=parseFloat(t);return isNaN(e)?0:e}};n$1.A11yUi.IS_TEST_ENVIRONMENT&&(_=()=>0);const O=(e,t)=>{e.style.setProperty("visibility",t),e.dataset.themed=""},re=(e,t)=>{const o=e.style.visibility||null;n$1.A11yUi.STYLING_TASK_QUEUE.set(e,{resetCss:()=>{const t=_(e);t>0?setTimeout(()=>{O(e,o)},t):O(e,o)},themeDetails:t}),e.style.setProperty("visibility","hidden","important"),T(e)},H=e=>{n$1.A11yUi.STYLING_TASK_QUEUE.delete(e),N()},ne=(e,t)=>{re(e,{...n$1.A11yUi.Theme,...t})};class ie{Prefix;Key;Tag;createTheme=(e,t)=>P(e,t);createTranslation=(e,t)=>I(e,t);constructor(e,t,o){this.Prefix=e,this.Key=Object.getOwnPropertyNames(t),this.Tag=Object.getOwnPropertyNames(o)}}var KeyEnum,TagEnum;!function(e){e[e.error=0]="error",e[e.warning=1]="warning",e[e.info=2]="info",e[e.success=3]="success",e[e.message=4]="message",e[e.close=5]="close",e[e["form-description"]=6]="form-description",e[e.of=7]="of",e[e.characters=8]="characters",e[e.new=9]="new",e[e["no-entries"]=10]="no-entries",e[e["change-order"]=11]="change-order",e[e["action-running"]=12]="action-running",e[e["action-done"]=13]="action-done",e[e["page-first"]=14]="page-first",e[e["page-back"]=15]="page-back",e[e["page-next"]=16]="page-next",e[e["page-last"]=17]="page-last",e[e["entries-per-site"]=18]="entries-per-site",e[e["page-current"]=19]="page-current",e[e["page-selected"]=20]="page-selected",e[e["page-per-site"]=21]="page-per-site",e[e["logo-description"]=22]="logo-description",e[e["open-link-in-tab"]=23]="open-link-in-tab",e[e["kolibri-logo"]=24]="kolibri-logo"}(KeyEnum||(KeyEnum={})),function(e){e[e.abbr=0]="abbr",e[e.accordion=1]="accordion",e[e.alert=2]="alert",e[e.avatar=3]="avatar",e[e.badge=4]="badge",e[e.breadcrumb=5]="breadcrumb",e[e.button=6]="button",e[e["button-link"]=7]="button-link",e[e.card=8]="card",e[e.combobox=9]="combobox",e[e.details=10]="details",e[e.drawer=11]="drawer",e[e.form=12]="form",e[e.heading=13]="heading",e[e.icon=14]="icon",e[e.image=15]="image",e[e["input-checkbox"]=16]="input-checkbox",e[e["input-color"]=17]="input-color",e[e["input-date"]=18]="input-date",e[e["input-email"]=19]="input-email",e[e["input-file"]=20]="input-file",e[e["input-number"]=21]="input-number",e[e["input-password"]=22]="input-password",e[e["input-radio"]=23]="input-radio",e[e["input-range"]=24]="input-range",e[e["input-text"]=25]="input-text",e[e.kolibri=26]="kolibri",e[e.link=27]="link",e[e["link-button"]=28]="link-button",e[e.logo=29]="logo",e[e.modal=30]="modal",e[e.nav=31]="nav",e[e.pagination=32]="pagination",e[e["popover-button"]=33]="popover-button",e[e.progress=34]="progress",e[e.quote=35]="quote",e[e.select=36]="select",e[e["single-select"]=37]="single-select",e[e["skip-nav"]=38]="skip-nav",e[e.spin=39]="spin",e[e["split-button"]=40]="split-button",e[e.symbol=41]="symbol",e[e.table=42]="table",e[e["table-stateful"]=43]="table-stateful",e[e["table-stateless"]=44]="table-stateless",e[e.tabs=45]="tabs",e[e.textarea=46]="textarea",e[e["toast-container"]=47]="toast-container",e[e.toolbar=48]="toolbar",e[e.tooltip=49]="tooltip",e[e.tree=50]="tree",e[e["tree-item"]=51]="tree-item"}(TagEnum||(TagEnum={}));const getWindow=()=>"undefined"!=typeof window?window:{},getDocument=()=>{const e=getWindow();return e&&void 0!==e.document?e.document:{}},MODES=["development","production","test"];let runtimeMode="production";const setRuntimeMode=e=>{try{if(!MODES.includes(e))throw new Error(`Invalid NODE_ENV value: ${e}. Expected one of ${MODES.join(", ")}.`);runtimeMode=e}catch(e){runtimeMode="production"}},getInitialMode=()=>{try{const e="undefined"!=typeof process&&process.env?process.env.NODE_ENV:void 0;if(e&&MODES.includes(e))return e}catch(e){}return"production"};setRuntimeMode(getInitialMode());let EXPERIMENTAL_MODE=!1,COLOR_CONTRAST_ANALYSIS=!1;const isDevMode=()=>"development"===runtimeMode,isTestMode=()=>"test"===runtimeMode,getExperimentalMode=()=>!0===EXPERIMENTAL_MODE,setExperimentalMode=e=>{EXPERIMENTAL_MODE=!0===e},getColorContrastAnalysis=()=>!0===COLOR_CONTRAST_ANALYSIS,setColorContrastAnalysis=e=>{COLOR_CONTRAST_ANALYSIS=!0===e},LOG_STYLE="color: white; background: #666; font-weight: bold; padding: .25em .5em; border-radius: 3px; border: 1px solid #000",mapToArray=e=>Array.isArray(e)?e:[e],getLogLabel=e=>`%c${e}`,handleClassifier=(e,t)=>"string"==typeof t&&t.length>0?`${getLogLabel(e)} | ${t}`:getLogLabel(e),getShield=(e,t)=>[handleClassifier(e,null==t?void 0:t.classifier),`${LOG_STYLE};${(null==t?void 0:t.overwriteStyle)||""}`],isDevModeOrForceLog=e=>isDevMode()||!0===e;class Logger{constructor(e){this.label=e}debug(e,t){isDevModeOrForceLog(null==t?void 0:t.forceLog)&&console.debug(...getShield(this.label,t),...mapToArray(e))}info(e,t){isDevModeOrForceLog(null==t?void 0:t.forceLog)&&console.info(...getShield(this.label,t),...mapToArray(e))}trace(e,t){isDevModeOrForceLog(null==t?void 0:t.forceLog)&&console.trace(...getShield(this.label,t),...mapToArray(e))}warn(e,t){isDevModeOrForceLog(null==t?void 0:t.forceLog)&&console.warn(...getShield(this.label,t),...mapToArray(e))}error(e,t){console.error(...getShield(this.label,t),...mapToArray(e))}throw(e,t){if(isDevModeOrForceLog(null==t?void 0:t.forceLog))throw new Error(...getShield(this.label,t),...mapToArray(e))}}const Log=new Logger("KoliBri"),a11yCache=new Set,a11yHint=(e,t)=>{!1===a11yCache.has(e)&&(a11yCache.add(e),Log.debug([e].concat([]),{classifier:"✋ a11y",forceLog:!1,overwriteStyle:"; background-color: #09f"}))},deprecatedCache=new Set,deprecatedHint=(e,t)=>{!1===deprecatedCache.has(e)&&(deprecatedCache.add(e),Log.warn([e].concat([]),{classifier:"🔥 deprecated",forceLog:!1,overwriteStyle:"; background-color: #f00"}))},devCache=new Set,devHint=(e,t)=>{(!1===devCache.has(e)||(null==t?void 0:t.force))&&(devCache.add(e),Log.debug([e].concat((null==t?void 0:t.details)||[]),{classifier:"💻 dev",forceLog:!!(null==t?void 0:t.force),overwriteStyle:"; background-color: #f09"}))},devWarning=(e,t)=>{!1===devCache.has(e)&&(devCache.add(e),Log.warn([e].concat([]),{classifier:"⚠️ dev",forceLog:!1,overwriteStyle:"; background-color: #f09"}))},featureCache=new Set,featureHint=(e,t=!1,o)=>{!1===featureCache.has(e)&&(featureCache.add(e),e+=!0===t?" ✅":"",Log.debug([e].concat([]),{classifier:"🌟 feature",forceLog:!1,overwriteStyle:"; background-color: #309"}))};devHint("We appreciate any feedback, comments, screenshots, or demo links of an application based on KoliBri (kolibri@itzbund.de). Thank you!");const uiUxCache=new Set,uiUxHint=(e,t)=>{!1===uiUxCache.has(e)&&(uiUxCache.add(e),Log.debug([e].concat([]),{classifier:"📑 ui/ux",forceLog:!1,overwriteStyle:"; background-color: #060;"}))},a11yHintDisabled=()=>{a11yHint('"Disabled" limits accessibility and visibility. From an accessibility perspective, we recommend using the readonly attribute instead of disabled.\n- https://uxdesign.cc/is-it-ok-to-grey-out-disabled-buttons-8afa74a0fae')},a11yHintLabelingLandmarks=e=>{"string"==typeof e&&""!==e||a11yHint("Some structural elements, such as the nav tag, can be used multiple times on a webpage. To distinguish between similarly named structural elements, it is necessary to set an ARIA label.\n- https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Navigation_Role#accessibility_concerns")},uiUxHintMillerscheZahl=(e,t=8)=>{t>7&&uiUxHint(`[${e}] Within navigation structures, it is recommended to use no more than 7 menu items.\n\nLink:\n- https://en.wikipedia.org/wiki/The_Magical_Number_Seven,_Plus_or_Minus_Two`)};var colorName,hasRequiredColorName,colorParse,hasRequiredColorParse,n=.2126,r=.7152,t=.0722,e=1/12.92;function u(e){return Math.pow((e+.055)/1.055,2.4)}function a(o){var a=o[0]/255,i=o[1]/255,l=o[2]/255,s=a<=.03928?a*e:u(a),c=i<=.03928?i*e:u(i),d=l<=.03928?l*e:u(l);return s*n+c*r+d*t}function i(e){var t=255;8===(e=e.replace(/^#/,"")).length&&(t=parseInt(e.slice(6,8),16),e=e.substring(0,6)),4===e.length&&(t=parseInt(e.slice(3,4).repeat(2),16),e=e.substring(0,3)),3===e.length&&(e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]);var o=parseInt(e,16);return[o>>16,o>>8&255,255&o,t]}function c(e,t){return(Math.max(e,t)+.05)/(Math.min(e,t)+.05)}function o(e,t){return c(a(e),a(t))}function s(e,t){return o(i(e),i(t))}function f(e){return e>=7?"AAA":e>=4.5?"AA":e>=3?"AA Large":"Fail"}function requireColorName(){return hasRequiredColorName?colorName:(hasRequiredColorName=1,colorName={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]})}function requireColorParse(){if(hasRequiredColorParse)return colorParse;hasRequiredColorParse=1;var e=requireColorName();colorParse=function(o){var r,n,a=[],i=1;if("string"==typeof o)if(o=o.toLowerCase(),e[o])a=e[o].slice(),n="rgb";else if("transparent"===o)i=0,n="rgb",a=[0,0,0];else if(/^#[A-Fa-f0-9]+$/.test(o)){var l=o.slice(1);i=1,(u=l.length)<=4?(a=[parseInt(l[0]+l[0],16),parseInt(l[1]+l[1],16),parseInt(l[2]+l[2],16)],4===u&&(i=parseInt(l[3]+l[3],16)/255)):(a=[parseInt(l[0]+l[1],16),parseInt(l[2]+l[3],16),parseInt(l[4]+l[5],16)],8===u&&(i=parseInt(l[6]+l[7],16)/255)),a[0]||(a[0]=0),a[1]||(a[1]=0),a[2]||(a[2]=0),n="rgb"}else if(r=/^((?:rgb|hs[lvb]|hwb|cmyk?|xy[zy]|gray|lab|lchu?v?|[ly]uv|lms)a?)\s*\(([^\)]*)\)/.exec(o)){var s=r[1],c="rgb"===s;n=l=s.replace(/a$/,"");var u="cmyk"===l?4:"gray"===l?1:3;a=r[2].trim().split(/\s*[,\/]\s*|\s+/).map(function(e,o){if(/%$/.test(e))return o===u?parseFloat(e)/100:"rgb"===l?255*parseFloat(e)/100:parseFloat(e);if("h"===l[o]){if(/deg$/.test(e))return parseFloat(e);if(void 0!==t[e])return t[e]}return parseFloat(e)}),s===l&&a.push(1),i=c||void 0===a[u]?1:a[u],a=a.slice(0,u)}else o.length>10&&/[0-9](?:\s|\/)/.test(o)&&(a=o.match(/([0-9]+)/g).map(function(e){return parseFloat(e)}),n=o.match(/([a-z])/gi).join("").toLowerCase());else isNaN(o)?Array.isArray(o)||o.length?(a=[o[0],o[1],o[2]],n="rgb",i=4===o.length?o[3]:1):o instanceof Object&&(null!=o.r||null!=o.red||null!=o.R?(n="rgb",a=[o.r||o.red||o.R||0,o.g||o.green||o.G||0,o.b||o.blue||o.B||0]):(n="hsl",a=[o.h||o.hue||o.H||0,o.s||o.saturation||o.S||0,o.l||o.lightness||o.L||o.b||o.brightness]),i=o.a||o.alpha||o.opacity||1,null!=o.opacity&&(i/=100)):(n="rgb",a=[o>>>16,(65280&o)>>>8,255&o]);return{space:n,values:a,alpha:i}};var t={red:0,orange:60,yellow:120,green:180,blue:240,purple:300};return colorParse}var colorParseExports=requireColorParse(),parse=getDefaultExportFromCjs(colorParseExports);const rgb={min:[0,0,0],max:[255,255,255]};var hsl={name:"hsl",min:[0,0,0],max:[360,100,100],channel:["hue","saturation","lightness"],alias:["HSL"],rgb:function(e){var t,o,r,n,a,i=e[0]/360,l=e[1]/100,s=e[2]/100,c=0;if(0===l)return[a=255*s,a,a];for(t=2*s-(o=s<.5?s*(1+l):s+l-s*l),n=[0,0,0];c<3;)(r=i+1/3*-(c-1))<0?r++:r>1&&r--,a=6*r<1?t+6*(o-t)*r:2*r<1?o:3*r<2?t+(o-t)*(2/3-r)*6:t,n[c++]=255*a;return n}};rgb.hsl=function(e){var t,o,r=e[0]/255,n=e[1]/255,a=e[2]/255,i=Math.min(r,n,a),l=Math.max(r,n,a),s=l-i;return l===i?t=0:r===l?t=(n-a)/s:n===l?t=2+(a-r)/s:a===l&&(t=4+(r-n)/s),(t=Math.min(60*t,360))<0&&(t+=360),o=(i+l)/2,[t,100*(l===i?0:o<=.5?s/(l+i):s/(2-l-i)),100*o]};var hasRequiredRgbaConvert,rgbaConvert={exports:{}};function requireRgbaConvert(){if(hasRequiredRgbaConvert)return rgbaConvert.exports;function e(e){var o=t(e);return 3==o.length?o.concat(255):(o[3]=Math.round(o[3]),o)}function t(e){return"string"==typeof e?function(e){if("red"==e)return[255,0,0];if("green"==e)return[0,255,0];if("blue"==e)return[0,0,255];if("black"==e)return[0,0,0];if("white"==e)return[255,255,255];if("cyan"==e)return[0,255,255];if("gray"==e)return[128,128,128];if("grey"==e)return[128,128,128];if("magenta"==e)return[255,0,255];if("pink"==e)return[255,0,255];if("yellow"==e)return[255,255,0]}(e=e.toLowerCase())||function(e){var t=e.replace(/^#/,""),o=t.length;if(3==o||4==o){var n=r(t[0]),a=r(t[1]),i=r(t[2]),l=3==o?255:r(t[3]);if(isNaN(n)||isNaN(a)||isNaN(i)||isNaN(l))return;return[n,a,i,l]}}(e)||function(e){var t=e.replace(/^#/,""),o=t.length;if(6==o||8==o){var n=r(t.slice(0,2)),a=r(t.slice(2,4)),i=r(t.slice(4,6)),l=6==o?255:r(t.slice(6,8));if(isNaN(n)||isNaN(a)||isNaN(i)||isNaN(l))return;return[n,a,i,l]}}(e)||function(e){if("rgb("==e.substr(0,4)){var t=(e=e.match(/^rgb\(([^)]+)\)/)[1]).split(/ *, */).map(Number),o=n(t[0],!0),r=n(t[1],!0),a=n(t[2],!0);if(-1!=o&&-1!=r&&-1!=a)return[o,r,a,255]}}(e)||function(e){if("rgba("==e.substr(0,5)){var t=(e=e.match(/^rgba\(([^)]+)\)/)[1]).split(/ *, */).map(Number),o=n(t[0],!0),r=n(t[1],!0),a=n(t[2],!0),i=n(255*t[3]);if(-1!=o&&-1!=r&&-1!=a&&-1!=i)return[o,r,a,i]}}(e)||[0,0,0,255]:function(e){if("[object Object]"===Object.prototype.toString.call(e)&&Object.getPrototypeOf(e)===Object.getPrototypeOf({})){var t=n(null!=e.r?e.r:null!=e.red?e.red:0,!0),o=n(null!=e.g?e.g:null!=e.green?e.green:0,!0),r=n(null!=e.b?e.b:null!=e.blue?e.blue:0,!0),a=n(null!=e.a?e.a:null!=e.alpha?e.alpha:255,!0);if(-1!=t&&-1!=o&&-1!=r&&-1!=a)return[t,o,r,a]}}(e)||function(e){if(Array.isArray(e)&&(3==e.length||4==e.length)){var t=n(e[0],!0),o=n(e[1],!0),r=n(e[2],!0),a=n(null!=e[3]?e[3]:255,!0);if(-1!=t&&-1!=o&&-1!=r&&-1!=a)return[t,o,r,a]}}(e)||function(e){if("number"==typeof e&&Math.floor(e)==e&&e<=4294967295&&e>=0){return[e>>16&255,e>>8&255,255&e,e>>24&255]}}(e)||[0,0,0,255]}function o(e){var t=e.toString(16);return 1==t.length?"0"+t:t}function r(e){return 1==e.length?parseInt(e+e,16):parseInt(e,16)}function n(e,t){return"number"!=typeof e||!0===t&&Math.floor(e)!==e?-1:e>=0&&e<=255?e:-1}return hasRequiredRgbaConvert=1,rgbaConvert.exports=e,rgbaConvert.exports.arr=e,rgbaConvert.exports.obj=function(e){var o=t(e);return{r:o[0],g:o[1],b:o[2],a:3==o.length?255:Math.round(o[3])}},rgbaConvert.exports.css=function(e){var o=t(e);3==o.length&&o.push(255);return 255==o[3]?"rgb("+o[0]+", "+o[1]+", "+o[2]+")":0==o[3]?"rgba("+o[0]+", "+o[1]+", "+o[2]+", 0)":"rgba("+o[0]+", "+o[1]+", "+o[2]+", "+String(o[3]/255).substr(1)+")"},rgbaConvert.exports.hex=function(e){var r=t(e);3==r.length&&r.push(255);var n=255==r[3],a=o(r[0]),i=o(r[1]),l=o(r[2]),s=(r=o(Math.round(r[3])),function(e,t,o,r){var n=["ff","00","11","22","33","44","55","66","77","88","99","aa","bb","cc","dd","ee"];return-1!=n.indexOf(e)&&-1!=n.indexOf(t)&&-1!=n.indexOf(o)&&-1!=n.indexOf(r)}(a,i,l,r));if(n)return s?"#"+a.charAt(0)+i.charAt(0)+l.charAt(0):"#"+a+i+l;return s?"#"+a.charAt(0)+i.charAt(0)+l.charAt(0)+r.charAt(0):"#"+a+i+l+r},rgbaConvert.exports.num=function(e){var o=t(e);3==o.length?o.push(255):o[3]=Math.round(o[3]);return(o[3]<<24>>>0|o[0]<<16|o[1]<<8|o[2])>>>0},rgbaConvert.exports}var hasRequiredCjs$1,rgbaConvertExports=requireRgbaConvert(),rgba=getDefaultExportFromCjs(rgbaConvertExports),cjs$1={};function requireCjs$1(){return hasRequiredCjs$1||(hasRequiredCjs$1=1,function(e){Object.defineProperty(e,"__esModule",{value:!0}),e.querySelectorAll=void 0;const t=(e,t)=>{t.forEach(t=>{!1===e.has(t)&&e.add(t)})};e.querySelectorAll=(o,r=document)=>{if(r instanceof Document||r instanceof HTMLElement||r instanceof ShadowRoot){const n=new Set;t(n,r.querySelectorAll(o));const a=r.querySelectorAll('[class*="hydrated"]');for(let r=0;r<a.length;r++){const i=a[r].shadowRoot;t(n,"object"==typeof i&&null!==i?(0,e.querySelectorAll)(o,i):(0,e.querySelectorAll)(o,a[r]))}return Array.from(n)}throw new Error("The parameter document for the method querySelectorAll is not type of Document, HTMLElement or ShadowRoot.")}}(cjs$1)),cjs$1}var hasRequiredCjs,cjsExports$1=requireCjs$1(),cjs={};function requireCjs(){return hasRequiredCjs||(hasRequiredCjs=1,function(e){Object.defineProperty(e,"__esModule",{value:!0}),e.querySelector=void 0;e.querySelector=(t,o=document)=>{if(o instanceof Document||o instanceof HTMLElement||o instanceof ShadowRoot){let r=o.querySelector(t);if(null===r){const n=o.querySelectorAll('[class*="hydrated"]');for(let o=0;o<n.length;o++){const a=n[o].shadowRoot;if(r="object"==typeof a&&null!==a?(0,e.querySelector)(t,a):(0,e.querySelector)(t,n[o]),null!==r)break}}return r}throw new Error("The parameter document for the method querySelector is not type of Document, HTMLElement or ShadowRoot.")}}(cjs)),cjs}var cjsExports=requireCjs();const OBJECT_OBJECT=/\[object Object\]/,objectObjectHandler=(e,t)=>{"string"==typeof e&&OBJECT_OBJECT.test(e)||t()},emptyStringByArrayHandler=(e,t)=>{"string"==typeof e&&""===e||t()},setEventTarget=(e,t)=>{getExperimentalMode()&&(Log.debug([e,t]),Log.debug("↑ We propagate the (submit) event to this target.")),Object.defineProperty(e,"target",{value:t,writable:!1})},patchState=e=>{var t,o,r;null===(t=e.nextHooks)||void 0===t||t.forEach((t,o)=>{var r;const n=t.get("beforePatch");"function"==typeof n&&n(null===(r=e.nextState)||void 0===r?void 0:r.get(o),e.nextState,e,o)}),(null===(o=e.nextState)||void 0===o?void 0:o.size)>0&&(e.state=Object.assign(Object.assign({},e.state),Object.fromEntries(e.nextState)),delete e.nextState,null===(r=e.nextHooks)||void 0===r||r.forEach((t,o)=>{const r=t.get("afterPatch");"function"==typeof r&&r(e.state[o],e.state,e,o)})),delete e.nextHooks},setState=(e,t,o,r={})=>{var n,a;void 0===e.nextHooks&&(e.nextHooks=new Map),void 0===e.nextState&&(e.nextState=new Map);e.nextHooks.get(t)instanceof Map==!1&&e.nextHooks.set(t,new Map),"function"==typeof r.afterPatch&&(null===(n=e.nextHooks.get(t))||void 0===n||n.set("afterPatch",r.afterPatch)),"function"==typeof r.beforePatch&&(null===(a=e.nextHooks.get(t))||void 0===a||a.set("beforePatch",r.beforePatch)),e.nextState.set(t,o),patchState(e)},logWarn=(e,t,o,r)=>{devHint(`[${e.constructor.name}] The property value: (${o}) for '${t}' is not valid. Allowed values are: ${Array.from(r).join(", ")}`)};function watchValidator(e,t,o,r,n,a={}){o(n)?setState(e,t,n,a.hooks):void 0===n&&!0!==a.required&&o(a.defaultValue)?setState(e,t,a.defaultValue,a.hooks):(a.required||r.add(null),logWarn(e,t,n,r))}const watchBoolean=(e,t,o,r)=>{watchValidator(e,t,e=>"boolean"==typeof e,new Set(["Boolean {true, false}"]),o,r)},watchString=(e,t,o,r={})=>{const n="number"==typeof r.minLength?null==r?void 0:r.minLength:0;watchValidator(e,t,e=>"string"==typeof e&&e.length>=n&&(void 0===(null==r?void 0:r.maxLength)||e.length<=r.maxLength),new Set(["String"]),o,r)},watchNumber=(e,t,o,r)=>{watchValidator(e,t,e=>"number"==typeof e&&(void 0===(null==r?void 0:r.min)||"number"==typeof(null==r?void 0:r.min)&&e>=r.min)&&(void 0===(null==r?void 0:r.max)||"number"==typeof(null==r?void 0:r.max)&&e<=r.max),new Set(["Number"]),o,r)},watchJsonArrayString=(e,t,o,r,n=e=>e==e,a={})=>{emptyStringByArrayHandler(r,()=>{objectObjectHandler(r,()=>{void 0===r&&(r=[]);try{try{r=parseJson(r)}catch(e){}if(Array.isArray(r)){const i=r.find(e=>!o(e));void 0===i&&n(r)?setState(e,t,r,a.hooks):objectObjectHandler(i,()=>{throw Log.debug(i),new Error("↑ The schema for the property (_options) is not valid. The value will not be changed.")})}else objectObjectHandler(r,()=>{throw Log.debug(r),new Error("↑ The schema for the property (_options) is not valid. The value will not be changed.")})}catch(e){Log.debug(e)}})})},stringifyJson=e=>{try{return JSON.stringify(e).replace(/"/g,"'")}catch(t){throw Log.warn(["stringifyJson",e]),Log.error("↑ The JSON could not be converted to a string. A stringifiable JSON is expected."),new Error}},JSON_CHARS=/^[{[]/,parseJson=e=>{if("string"==typeof e)try{return JSON.parse(e)}catch(t){if(JSON_CHARS.test(e))try{return JSON.parse(e.replace(/'/g,'"'))}catch(t){Log.warn(["parseJson",e]),Log.error("↑ The JSON string could not be parsed. Make sure that single quotes in the text are escaped (&#8216;).")}}throw new Error},mapBoolean2String=e=>"boolean"==typeof e?!0===e?"true":"false":void 0,mapStringOrBoolean2String=e=>"string"==typeof e?e:mapBoolean2String(e),koliBriQuerySelector=(e,t)=>cjsExports.querySelector(e,t||getDocument()),koliBriQuerySelectorAll=(e,t)=>cjsExports$1.querySelectorAll(e,t||getDocument());let DEFAULT_COLOR_CONTRAST=null;const getDefaultColorContrast=()=>(DEFAULT_COLOR_CONTRAST=DEFAULT_COLOR_CONTRAST||{backgroundColor:"#00000000",color:"#00000000",domNode:getDocument().body,level:"Fail",score:1},DEFAULT_COLOR_CONTRAST),TRANSPARENT_REGEXP=/(\d+, ){3}0\)/,koliBriA11yColorContrast=(e,t=getDefaultColorContrast())=>{const o=getComputedStyle(e),r=TRANSPARENT_REGEXP.test(o.backgroundColor)?t.backgroundColor:rgba.hex(o.backgroundColor),n=TRANSPARENT_REGEXP.test(o.color)?t.color:rgba.hex(o.color),a=s(r,n),i={backgroundColor:r,color:n,domNode:e,level:f(a),score:a};return a<4.5&&Log.error(["Color-Contrast-Error",{backgroundColor:i.backgroundColor,color:i.color,level:i.level,score:i.score},i.domNode]),i},koliBriQuerySelectorColors=(e,t=getDefaultColorContrast())=>{t.domNode instanceof HTMLElement&&(t=koliBriA11yColorContrast(t.domNode,t));const o=t.domNode.querySelector(e);if(null===o){const o=t.domNode.querySelectorAll('[class="hydrated"]');for(let r=0;r<o.length&&(t.domNode=o[r],null===(t=koliBriQuerySelectorColors(e,t)).domNode);r++);return t}return koliBriA11yColorContrast(o,t)};class KoliBriUtils{static queryHtmlElementColors(e,t,o=!1,r=!0){let n=null;if(!0===o||!1===KoliBriUtils.executionLock)if(!1===o&&(KoliBriUtils.cache.clear(),KoliBriUtils.cache.set(t.domNode,t),KoliBriUtils.executionLock=!0,!0===r&&Log.debug("[KoliBriUtils] Color contrast analysis started...")),e===t.domNode)n=t;else{const o=new Set;if(t.domNode.shadowRoot){const e=t.domNode.shadowRoot.children;for(let t=0;t<e.length;t++)o.add(e[t])}const r=t.domNode;if("function"==typeof r.assignedNodes){const e=r.assignedNodes();for(let t=0;t<e.length;t++)e[t]instanceof HTMLElement&&o.add(e[t])}const a=t.domNode.children;for(let e=0;e<a.length;e++)o.add(a[e]);const i=Array.from(o);for(let o=0;o<i.length;o++){let r=KoliBriUtils.cache.get(i[o]);void 0===r&&(r=koliBriA11yColorContrast(i[o],t)),KoliBriUtils.cache.set(i[o],r);const a=KoliBriUtils.queryHtmlElementColors(e,r,!0,!1);if(null!==a){n=a;break}}}else Log.debug("[KoliBriUtils] Call aborted because a color contrast analysis is currently being executed.");return!1===o&&(!0===r&&Log.debug(`[KoliBriUtils] Color contrast analysis finished (${KoliBriUtils.cache.size} DOM elements are analysed).`),KoliBriUtils.executionLock=!1,KoliBriUtils.cache.clear()),n}}KoliBriUtils.executionLock=!1,KoliBriUtils.cache=new Map;class KoliBriDevHelper{}KoliBriDevHelper.getCssStyle=y,KoliBriDevHelper.patchTheme=k,KoliBriDevHelper.patchThemeTag=Y,KoliBriDevHelper.querySelector=koliBriQuerySelector,KoliBriDevHelper.querySelectorAll=koliBriQuerySelectorAll,KoliBriDevHelper.stringifyJson=stringifyJson;const isObject=e=>"object"==typeof e&&null!==e,isString=(e,t=0)=>"string"==typeof e&&e.length>=t,isStyle=e=>{if("object"!=typeof e||null===e)return isString(e,1);for(const t in e)if(!1===isString(t,1))return!1;return!0},STATE_CHANGE_EVENT=new Event("StateChange");export{getColorContrastAnalysis as $,getDefaultExportFromCjs as A,uiUxHint as B,a11yHintDisabled as C,getDocument as D,setExperimentalMode as E,setColorContrastAnalysis as F,getWindow as G,isTestMode as H,isStyle as I,isObject as J,KeyEnum as K,Log as L,uiUxHintMillerscheZahl as M,watchNumber as N,getExperimentalMode as O,devWarning as P,emptyStringByArrayHandler as Q,koliBriQuerySelector as R,STATE_CHANGE_EVENT as S,TagEnum as T,isDevMode as U,V,koliBriA11yColorContrast as W,koliBriQuerySelectorAll as X,koliBriQuerySelectorColors as Y,KoliBriUtils as Z,stringifyJson as _,KoliBriDevHelper as a,b,watchBoolean as c,a11yHintLabelingLandmarks as d,mapBoolean2String as e,featureHint as f,setEventTarget as g,watchString as h,ie as i,isString as j,deprecatedHint as k,devHint as l,mapStringOrBoolean2String as m,ne as n,objectObjectHandler as o,parseJson as p,watchJsonArrayString as q,a11yHint as r,setState as s,parse as t,hsl as u,rgb as v,watchValidator as w,rgba as x,s as y,setRuntimeMode as z};

package/dist/components/controller.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{O as getExperimentalMode,l as devHint,h as setEventTarget,a as KoliBriDevHelper,L as Log}from"./common.js";import{h as KolFormTag}from"./component-names.js";const searchFormElement=e=>{for(getExperimentalMode()&&(devHint("↓ Search form element start."),Log.debug(e));e instanceof HTMLElement&&"FORM"!==e.tagName&&e.tagName!==KolFormTag.toUpperCase();){try{e=e.parentElement instanceof HTMLElement?e.parentElement:e.parentNode instanceof ShadowRoot?e.parentNode.host:null}catch(e){}getExperimentalMode()&&(Log.debug(e),devHint("↑ Search form element finished."))}return e},propagateResetEventToForm=(e={})=>{var t,o;const n=searchFormElement(e.form);if(n instanceof HTMLElement){const e=new Event("reset",{bubbles:!0,cancelable:!0});if("FORM"===n.tagName)setEventTarget(e,n),n.dispatchEvent(e);else if(n.tagName===KolFormTag.toUpperCase()){setEventTarget(e,KoliBriDevHelper.querySelector("form",n));const a=n;"function"==typeof(null===(t=a._on)||void 0===t?void 0:t.onReset)&&(null===(o=a._on)||void 0===o||o.onReset(e))}}},propagateSubmitEventToForm=(e={})=>{const t=searchFormElement(e.form);if(t instanceof HTMLElement){const e=new SubmitEvent("submit",{bubbles:!0,cancelable:!0,submitter:t});if("FORM"===t.tagName)getExperimentalMode()&&!1===t.noValidate&&devHint("If you have not focusable or hidden form fields in your form, you should enable noValidate for your form.",{force:!0}),setTimeout(()=>{"function"==typeof t.requestSubmit?t.requestSubmit():(setEventTarget(e,t),t.dispatchEvent(e))});else if(t.tagName===KolFormTag.toUpperCase()){setEventTarget(e,KoliBriDevHelper.querySelector("form",t));const o=t;setTimeout(()=>{var t,n;"function"==typeof(null===(t=o._on)||void 0===t?void 0:t.onSubmit)&&(null===(n=o._on)||void 0===n||n.onSubmit(e))})}}};export{propagateResetEventToForm as a,propagateSubmitEventToForm as p};
+import{O as getExperimentalMode,l as devHint,g as setEventTarget,a as KoliBriDevHelper,L as Log}from"./common.js";import{h as KolFormTag}from"./component-names.js";const searchFormElement=e=>{for(getExperimentalMode()&&(devHint("↓ Search form element start."),Log.debug(e));e instanceof HTMLElement&&"FORM"!==e.tagName&&e.tagName!==KolFormTag.toUpperCase();){try{e=e.parentElement instanceof HTMLElement?e.parentElement:e.parentNode instanceof ShadowRoot?e.parentNode.host:null}catch(e){}getExperimentalMode()&&(Log.debug(e),devHint("↑ Search form element finished."))}return e},propagateResetEventToForm=(e={})=>{var t,o;const n=searchFormElement(e.form);if(n instanceof HTMLElement){const e=new Event("reset",{bubbles:!0,cancelable:!0});if("FORM"===n.tagName)setEventTarget(e,n),n.dispatchEvent(e);else if(n.tagName===KolFormTag.toUpperCase()){setEventTarget(e,KoliBriDevHelper.querySelector("form",n));const a=n;"function"==typeof(null===(t=a._on)||void 0===t?void 0:t.onReset)&&(null===(o=a._on)||void 0===o||o.onReset(e))}}},propagateSubmitEventToForm=(e={})=>{const t=searchFormElement(e.form);if(t instanceof HTMLElement){const e=new SubmitEvent("submit",{bubbles:!0,cancelable:!0,submitter:t});if("FORM"===t.tagName)getExperimentalMode()&&!1===t.noValidate&&devHint("If you have not focusable or hidden form fields in your form, you should enable noValidate for your form.",{force:!0}),setTimeout(()=>{"function"==typeof t.requestSubmit?t.requestSubmit():(setEventTarget(e,t),t.dispatchEvent(e))});else if(t.tagName===KolFormTag.toUpperCase()){setEventTarget(e,KoliBriDevHelper.querySelector("form",t));const o=t;setTimeout(()=>{var t,n;"function"==typeof(null===(t=o._on)||void 0===t?void 0:t.onSubmit)&&(null===(n=o._on)||void 0===n||n.onSubmit(e))})}}};export{propagateResetEventToForm as a,propagateSubmitEventToForm as p};

package/dist/components/controller2.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{_ as __rest}from"./Heading.js";import{h,Fragment}from"@stencil/core/internal/client";import{c as clsx}from"./clsx.js";import{c as watchBoolean,e as watchString,p as parseJson,o as objectObjectHandler,w as watchValidator,J as isObject,j as isString,l as devHint,s as setState,r as a11yHint}from"./common.js";import{K as KolAlertFc}from"./Alert.js";import{i as isString$1,K as KolInternalUnderlinedBadgeTextFc}from"./InternalUnderlinedBadgeText.js";import{b as buildBadgeTextString,s as showExpertSlot}from"./reuse.js";import{t as translate}from"./i18n.js";import{a as KolTooltipWcTag}from"./component-names.js";import{v as validateAccessKey,a as validateAccessAndShortKey,b as validateShortKey,c as validateTabIndex}from"./access-and-short-key.js";import{v as validateDisabled}from"./disabled.js";import{v as validateHideLabel}from"./hide-label.js";import{a as validateLabelWithExpertSlot}from"./label.js";import{v as validateTooltipAlign}from"./tooltip-align.js";import{d as dispatchDomEvent,K as KolEvent}from"./events.js";import{A as AssociatedInputController}from"./associated.controller.js";import{a as isObjectLike,c as baseGetTag,i as isObject$1,r as root}from"./isObject.js";const validateAdjustHeight=(e,t)=>{watchBoolean(e,"_adjustHeight",t)},validateHideMsg=(e,t,n)=>{watchBoolean(e,"_hideMsg",t,n)},validateHint=(e,t)=>{watchString(e,"_hint",t)},validateMsg=(e,t)=>{objectObjectHandler(t,()=>{try{t=parseJson(t)}catch(e){}watchValidator(e,"_msg",e=>{if(void 0===e)return!0;if("string"==typeof e&&e.length>0)return!0;if(isObject(e)&&null!==e){const t=e._description;return isString(t,1)}return!1},new Set(["MsgPropType","string"]),t)})};function checkHasMsg(e,t){var n;if(!e)return!1;const o="string"==typeof e?"error":null!==(n=e._type)&&void 0!==n?n:"error";return!0===t||"error"!==o}function normalizeMsg(e){if("string"==typeof e)try{return parseJson(e)}catch(t){return{_description:e,_type:"error"}}return e&&"object"==typeof e&&!("_type"in e)?Object.assign(Object.assign({},e),{_type:"error"}):e}const validateTouched=(e,t)=>{watchBoolean(e,"_touched",t)},FormFieldMsgFc=e=>{var t,n,{alert:o,msg:i,id:a,class:r}=e,s=__rest(e,["alert","msg","id","class"]);const l=normalizeMsg(i);return h(KolAlertFc,Object.assign({id:`${a}-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:clsx("kol-form-field__msg",r)},s),(null==l?void 0:l._description)||void 0)};var symbolTag="[object Symbol]";function isSymbol(e){return"symbol"==typeof e||isObjectLike(e)&&baseGetTag(e)==symbolTag}var reWhitespace=/\s/;function trimmedEndIndex(e){for(var t=e.length;t--&&reWhitespace.test(e.charAt(t)););return t}var reTrimStart=/^\s+/;function baseTrim(e){return e?e.slice(0,trimmedEndIndex(e)+1).replace(reTrimStart,""):e}var NAN=NaN,reIsBadHex=/^[-+]0x[0-9a-f]+$/i,reIsBinary=/^0b[01]+$/i,reIsOctal=/^0o[0-7]+$/i,freeParseInt=parseInt;function toNumber(e){if("number"==typeof e)return e;if(isSymbol(e))return NAN;if(isObject$1(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=isObject$1(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=baseTrim(e);var n=reIsBinary.test(e);return n||reIsOctal.test(e)?freeParseInt(e.slice(2),n?2:8):reIsBadHex.test(e)?NAN:+e}var now=function(){return root.Date.now()},FUNC_ERROR_TEXT="Expected a function",nativeMax=Math.max,nativeMin=Math.min;function debounce(e,t,n){var o,i,a,r,s,l,c=0,d=!1,h=!1,u=!0;if("function"!=typeof e)throw new TypeError(FUNC_ERROR_TEXT);function m(t){var n=o,a=i;return o=i=void 0,c=t,r=e.apply(a,n)}function p(e){var n=e-l;return void 0===l||n>=t||n<0||h&&e-c>=a}function g(){var e=now();if(p(e))return v(e);s=setTimeout(g,function(e){var n=t-(e-l);return h?nativeMin(n,a-(e-c)):n}(e))}function v(e){return s=void 0,u&&o?m(e):(o=i=void 0,r)}function b(){var e=now(),n=p(e);if(o=arguments,i=this,l=e,n){if(void 0===s)return function(e){return c=e,s=setTimeout(g,t),d?m(e):r}(l);if(h)return clearTimeout(s),s=setTimeout(g,t),m(l)}return void 0===s&&(s=setTimeout(g,t)),r}return t=toNumber(t)||0,isObject$1(n)&&(d=!!n.leading,a=(h="maxWait"in n)?nativeMax(toNumber(n.maxWait)||0,t):a,u="trailing"in n?!!n.trailing:u),b.cancel=function(){void 0!==s&&clearTimeout(s),c=0,o=l=i=s=void 0},b.flush=function(){return void 0===s?r:v(now())},b}const LabelFc=({hasExpertSlot:e,accessKey:t,shortKey:n,label:o,showBadge:i=!0})=>{if(e)return h("slot",{name:"expert"});if(!o)return null;const a=isString$1(t)||isString$1(n);if(!i||!a)return h("span",null,o);const r=buildBadgeTextString(t,n);return h(Fragment,null,h(KolInternalUnderlinedBadgeTextFc,{badgeText:r,label:o})," ",h("kbd",{class:"badge-text-hint","aria-hidden":"true"},r))},KolFormFieldLabelFc=e=>{var{component:t="label",id:n,baseClassName:o="kol-form-field",class:i,accessKey:a,shortKey:r,label:s,hideLabel:l,hasExpertSlot:c,showBadge:d}=e,u=__rest(e,["component","id","baseClassName","class","accessKey","shortKey","label","hideLabel","hasExpertSlot","showBadge"]);const m=!c&&l;return h(t,Object.assign({},u,{class:clsx(`${o}__label`,i),id:m?void 0:`${n}-label`,hidden:m,htmlFor:n}),h("span",{class:clsx(`${o}__label-text`)},h(LabelFc,{hasExpertSlot:c,accessKey:a,shortKey:r,label:s,showBadge:d})))},KolFormFieldHintFc=e=>{var{id:t,class:n,hint:o,baseClassName:i="kol-form-field"}=e,a=__rest(e,["id","class","hint","baseClassName"]);return o?h("span",Object.assign({class:clsx(`${i}__hint`,n),id:`${t}-hint`},a),o):null},KolFormFieldCounterFc=({currentLength:e,currentLengthDebounced:t,maxLength:n,maxLengthBehavior:o})=>{let i,a;const r=["kol-form-field__counter"];if("hard"===o)i="number"==typeof n?translate("kol-character-counter-current-of-max",{placeholders:{current:String(e),max:String(n)}}):translate("kol-character-counter-current",{placeholders:{current:String(e)}}),a="number"==typeof n?translate("kol-character-counter-current-of-max-aria",{placeholders:{current:String(t),max:String(n)}}):translate("kol-character-counter-current",{placeholders:{current:String(t)}});else{if("number"!=typeof n)return null;{const o=n-e,s=o<0,l=n-t,c=l<0;i=s?translate("kol-character-limit-exceeded",{placeholders:{over:String(Math.abs(o))}}):translate("kol-character-limit-remaining",{placeholders:{remaining:String(o)}}),a=c?translate("kol-character-limit-exceeded",{placeholders:{over:String(Math.abs(l))}}):translate("kol-character-limit-remaining",{placeholders:{remaining:String(l)}}),s&&r.push("kol-form-field__counter--exceeded")}}return h(Fragment,null,h("span",{class:clsx(r),"aria-hidden":"true","data-testid":"input-counter"},i),h("span",{"aria-live":"polite",class:"visually-hidden","data-testid":"input-counter-aria"},a))},KolFormFieldCharacterLimitHintFc=({id:e,maxLength:t})=>h("span",{id:`${e}-character-limit-hint`,class:"visually-hidden"},translate("kol-character-limit-hint",{placeholders:{limit:String(t)}})),FormFieldTooltipFc=({id:e,align:t,badgeText:n,hideLabel:o,label:i,class:a})=>h(KolTooltipWcTag,{"aria-hidden":"true",class:clsx("kol-form-field__tooltip",a),_badgeText:n,_align:t,_id:o?`${e}-label`:void 0,_label:i});function getModifierClassNameByMsgType(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 InputContainer=(e,t)=>{var{class:n}=e,o=__rest(e,["class"]);return h("div",Object.assign({class:clsx("kol-form-field__input",n)},o),t)},KolFormFieldFc=(e,t)=>{var n;const{component:o="div",renderNoLabel:i,renderNoTooltip:a,renderNoHint:r,anotherChildren:s,id:l,required:c,alert:d,disabled:u,class:m,msg:p,hideMsg:g,hideLabel:v,label:b,hint:f,accessKey:_,shortKey:y,tooltipAlign:F,counter:x,readOnly:L,touched:K,maxLength:j,formFieldLabelProps:S,formFieldHintProps:T,formFieldTooltipProps:C,formFieldMsgProps:O,formFieldInputProps:B}=e,H=__rest(e,["component","renderNoLabel","renderNoTooltip","renderNoHint","anotherChildren","id","required","alert","disabled","class","msg","hideMsg","hideLabel","label","hint","accessKey","shortKey","tooltipAlign","counter","readOnly","touched","maxLength","formFieldLabelProps","formFieldHintProps","formFieldTooltipProps","formFieldMsgProps","formFieldInputProps"]),k=!i,M=!r,I=!a,E=showExpertSlot(b),A=checkHasMsg(p,K),w=buildBadgeTextString(_,y),N=I&&!E&&v,$="string"==typeof p?"error":null!==(n=null==p?void 0:p._type)&&void 0!==n?n:"error";let P={"kol-form-field--disabled":Boolean(u),"kol-form-field--required":Boolean(c),"kol-form-field--touched":Boolean(K),"kol-form-field--hide-label":Boolean(v),"kol-form-field--read-only":Boolean(L),"kol-form-field--hidden-msg":Boolean(g)};return A&&(P=Object.assign(Object.assign({},P),{[`kol-form-field--${$||"error"}`]:!0,[`kol-form-field--${getModifierClassNameByMsgType({type:$})}`]:!0})),h(o,Object.assign({class:clsx("kol-form-field",P,m)},H),k&&h(KolFormFieldLabelFc,Object.assign({},S||{},{id:l,hasExpertSlot:E,hideLabel:v,label:b,accessKey:_,shortKey:y})),h(InputContainer,Object.assign({},B),t,N&&h(FormFieldTooltipFc,Object.assign({},C||{},{id:l,label:b,hideLabel:v,align:F,badgeText:w}))),x?h(KolFormFieldCounterFc,Object.assign({},x)):null,j?h(KolFormFieldCharacterLimitHintFc,{id:l,maxLength:j}):null,A&&!g&&h(FormFieldMsgFc,Object.assign({},O||{},{id:l,alert:d,msg:p})),M&&h(KolFormFieldHintFc,Object.assign({},T||{},{id:l,hint:f})),s)};function getDefaultProps({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}}const getRenderStates=e=>{var t;const n=e._msg,o="string"==typeof n?n:null==n?void 0:n._description,i="string"==typeof n?"error":null!==(t=null==n?void 0:n._type)&&void 0!==t?t:"error",a=Boolean(o&&o.length>0),r="error"===i&&a&&!0===e._touched,s="string"==typeof e._hint&&e._hint.length>0,l=[];return a&&!e._hideMsg&&l.push(`${e._id}-msg`),s&&l.push(`${e._id}-hint`),{hasError:r,hasHint:s,ariaDescribedBy:l}};function getFormFieldProps(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 FormFieldStateWrapper=(e,t)=>{var{state:n}=e,o=__rest(e,["state"]);return h(KolFormFieldFc,Object.assign({},getFormFieldProps(n),o),t)};class ControlledInputController extends AssociatedInputController{constructor(e,t,n){super(e,t,n),this.component=e}validateTouched(e){validateTouched(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateTouched(this.component._touched)}}class InputController extends ControlledInputController{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)},this.updateCurrentLengthDebounced=debounce(e=>{setState(this.component,"_currentLengthDebounced",e)},500),this.component=e}validateAccessKey(e){validateAccessKey(this.component,e),validateAccessAndShortKey(e,this.component._shortKey)}validateAdjustHeight(e){validateAdjustHeight(this.component,e)}validateDisabled(e){validateDisabled(this.component,e)}validateTooltipAlign(e){validateTooltipAlign(this.component,e)}validateHideMsg(e){validateHideMsg(this.component,e,{hooks:{afterPatch:()=>{this.component.state._hideMsg&&a11yHint("Property _hideMsg for inputs: Only use when the error message is shown outside of the input component.")}}})}validateHideLabel(e){validateHideLabel(this.component,e,{hooks:{afterPatch:()=>{this.component.state._hideLabel&&a11yHint("Property hide-label for inputs: Only use for exceptions like search inputs that are clearly identifiable by their context.")}}})}validateHint(e){validateHint(this.component,e)}validateId(e){watchString(this.component,"_id",e,{minLength:1}),""!==e&&void 0!==e||devHint("A unique ID on the input fields is not strictly required, but it might be relevant for E2E tests.")}validateLabel(e){validateLabelWithExpertSlot(this.component,e,{required:!0})}validateMsg(e){validateMsg(this.component,e)}validateOn(e){"object"==typeof e&&setState(this.component,"_on",e)}validateShortKey(e){validateShortKey(this.component,e),validateAccessAndShortKey(this.component._accessKey,e)}validateSmartButton(e){objectObjectHandler(e,()=>{try{e=parseJson(e)}catch(e){}setState(this.component,"_smartButton",e)})}validateTabIndex(e){validateTabIndex(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.validateId(this.component._id),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),validateAccessAndShortKey(this.component._accessKey,this.component._shortKey)}emitEvent(e,t){this.host&&dispatchDomEvent(this.host,e,t)}onBlur(e){var t;this.component._touched=!0,this.emitEvent(KolEvent.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(KolEvent.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(KolEvent.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(KolEvent.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(KolEvent.focus),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onFocus)&&this.component._on.onFocus(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}}export{FormFieldStateWrapper as F,InputController as I,KolFormFieldLabelFc as K,FormFieldTooltipFc as a,KolFormFieldHintFc as b,checkHasMsg as c,getDefaultProps as d,getRenderStates as g};
+import{_ as __rest}from"./Heading.js";import{h,Fragment}from"@stencil/core/internal/client";import{c as clsx}from"./clsx.js";import{c as watchBoolean,h as watchString,p as parseJson,o as objectObjectHandler,w as watchValidator,J as isObject,j as isString,l as devHint,s as setState,r as a11yHint}from"./common.js";import{K as KolAlertFc}from"./Alert.js";import{i as isString$1,K as KolInternalUnderlinedBadgeTextFc}from"./InternalUnderlinedBadgeText.js";import{b as buildBadgeTextString,s as showExpertSlot}from"./reuse.js";import{t as translate}from"./i18n.js";import{a as KolTooltipWcTag}from"./component-names.js";import{v as validateAccessKey,a as validateAccessAndShortKey,b as validateShortKey,c as validateTabIndex}from"./access-and-short-key.js";import{v as validateDisabled}from"./disabled.js";import{v as validateHideLabel}from"./hide-label.js";import{a as validateLabelWithExpertSlot}from"./label.js";import{v as validateTooltipAlign}from"./tooltip-align.js";import{d as dispatchDomEvent,K as KolEvent}from"./events.js";import{A as AssociatedInputController}from"./associated.controller.js";import{a as isObjectLike,c as baseGetTag,i as isObject$1,r as root}from"./isObject.js";const validateAdjustHeight=(e,t)=>{watchBoolean(e,"_adjustHeight",t)},validateHideMsg=(e,t,n)=>{watchBoolean(e,"_hideMsg",t,n)},validateHint=(e,t)=>{watchString(e,"_hint",t)},validateMsg=(e,t)=>{objectObjectHandler(t,()=>{try{t=parseJson(t)}catch(e){}watchValidator(e,"_msg",e=>{if(void 0===e)return!0;if("string"==typeof e&&e.length>0)return!0;if(isObject(e)&&null!==e){const t=e._description;return isString(t,1)}return!1},new Set(["MsgPropType","string"]),t)})};function checkHasMsg(e,t){var n;if(!e)return!1;const o="string"==typeof e?"error":null!==(n=e._type)&&void 0!==n?n:"error";return!0===t||"error"!==o}function normalizeMsg(e){if("string"==typeof e)try{return parseJson(e)}catch(t){return{_description:e,_type:"error"}}return e&&"object"==typeof e&&!("_type"in e)?Object.assign(Object.assign({},e),{_type:"error"}):e}const validateTouched=(e,t)=>{watchBoolean(e,"_touched",t)},FormFieldMsgFc=e=>{var t,n,{alert:o,msg:i,id:a,class:r}=e,s=__rest(e,["alert","msg","id","class"]);const l=normalizeMsg(i);return h(KolAlertFc,Object.assign({id:`${a}-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:clsx("kol-form-field__msg",r)},s),(null==l?void 0:l._description)||void 0)};var symbolTag="[object Symbol]";function isSymbol(e){return"symbol"==typeof e||isObjectLike(e)&&baseGetTag(e)==symbolTag}var reWhitespace=/\s/;function trimmedEndIndex(e){for(var t=e.length;t--&&reWhitespace.test(e.charAt(t)););return t}var reTrimStart=/^\s+/;function baseTrim(e){return e?e.slice(0,trimmedEndIndex(e)+1).replace(reTrimStart,""):e}var NAN=NaN,reIsBadHex=/^[-+]0x[0-9a-f]+$/i,reIsBinary=/^0b[01]+$/i,reIsOctal=/^0o[0-7]+$/i,freeParseInt=parseInt;function toNumber(e){if("number"==typeof e)return e;if(isSymbol(e))return NAN;if(isObject$1(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=isObject$1(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=baseTrim(e);var n=reIsBinary.test(e);return n||reIsOctal.test(e)?freeParseInt(e.slice(2),n?2:8):reIsBadHex.test(e)?NAN:+e}var now=function(){return root.Date.now()},FUNC_ERROR_TEXT="Expected a function",nativeMax=Math.max,nativeMin=Math.min;function debounce(e,t,n){var o,i,a,r,s,l,c=0,d=!1,h=!1,u=!0;if("function"!=typeof e)throw new TypeError(FUNC_ERROR_TEXT);function m(t){var n=o,a=i;return o=i=void 0,c=t,r=e.apply(a,n)}function p(e){var n=e-l;return void 0===l||n>=t||n<0||h&&e-c>=a}function g(){var e=now();if(p(e))return v(e);s=setTimeout(g,function(e){var n=t-(e-l);return h?nativeMin(n,a-(e-c)):n}(e))}function v(e){return s=void 0,u&&o?m(e):(o=i=void 0,r)}function b(){var e=now(),n=p(e);if(o=arguments,i=this,l=e,n){if(void 0===s)return function(e){return c=e,s=setTimeout(g,t),d?m(e):r}(l);if(h)return clearTimeout(s),s=setTimeout(g,t),m(l)}return void 0===s&&(s=setTimeout(g,t)),r}return t=toNumber(t)||0,isObject$1(n)&&(d=!!n.leading,a=(h="maxWait"in n)?nativeMax(toNumber(n.maxWait)||0,t):a,u="trailing"in n?!!n.trailing:u),b.cancel=function(){void 0!==s&&clearTimeout(s),c=0,o=l=i=s=void 0},b.flush=function(){return void 0===s?r:v(now())},b}const LabelFc=({hasExpertSlot:e,accessKey:t,shortKey:n,label:o,showBadge:i=!0})=>{if(e)return h("slot",{name:"expert"});if(!o)return null;const a=isString$1(t)||isString$1(n);if(!i||!a)return h("span",null,o);const r=buildBadgeTextString(t,n);return h(Fragment,null,h(KolInternalUnderlinedBadgeTextFc,{badgeText:r,label:o})," ",h("kbd",{class:"badge-text-hint","aria-hidden":"true"},r))},KolFormFieldLabelFc=e=>{var{component:t="label",id:n,baseClassName:o="kol-form-field",class:i,accessKey:a,shortKey:r,label:s,hideLabel:l,hasExpertSlot:c,showBadge:d}=e,u=__rest(e,["component","id","baseClassName","class","accessKey","shortKey","label","hideLabel","hasExpertSlot","showBadge"]);const m=!c&&l;return h(t,Object.assign({},u,{class:clsx(`${o}__label`,i),id:m?void 0:`${n}-label`,hidden:m,htmlFor:n}),h("span",{class:clsx(`${o}__label-text`)},h(LabelFc,{hasExpertSlot:c,accessKey:a,shortKey:r,label:s,showBadge:d})))},KolFormFieldHintFc=e=>{var{id:t,class:n,hint:o,baseClassName:i="kol-form-field"}=e,a=__rest(e,["id","class","hint","baseClassName"]);return o?h("span",Object.assign({class:clsx(`${i}__hint`,n),id:`${t}-hint`},a),o):null},KolFormFieldCounterFc=({currentLength:e,currentLengthDebounced:t,maxLength:n,maxLengthBehavior:o})=>{let i,a;const r=["kol-form-field__counter"];if("hard"===o)i="number"==typeof n?translate("kol-character-counter-current-of-max",{placeholders:{current:String(e),max:String(n)}}):translate("kol-character-counter-current",{placeholders:{current:String(e)}}),a="number"==typeof n?translate("kol-character-counter-current-of-max-aria",{placeholders:{current:String(t),max:String(n)}}):translate("kol-character-counter-current",{placeholders:{current:String(t)}});else{if("number"!=typeof n)return null;{const o=n-e,s=o<0,l=n-t,c=l<0;i=s?translate("kol-character-limit-exceeded",{placeholders:{over:String(Math.abs(o))}}):translate("kol-character-limit-remaining",{placeholders:{remaining:String(o)}}),a=c?translate("kol-character-limit-exceeded",{placeholders:{over:String(Math.abs(l))}}):translate("kol-character-limit-remaining",{placeholders:{remaining:String(l)}}),s&&r.push("kol-form-field__counter--exceeded")}}return h(Fragment,null,h("span",{class:clsx(r),"aria-hidden":"true","data-testid":"input-counter"},i),h("span",{"aria-live":"polite",class:"visually-hidden","data-testid":"input-counter-aria"},a))},KolFormFieldCharacterLimitHintFc=({id:e,maxLength:t})=>h("span",{id:`${e}-character-limit-hint`,class:"visually-hidden"},translate("kol-character-limit-hint",{placeholders:{limit:String(t)}})),FormFieldTooltipFc=({id:e,align:t,badgeText:n,hideLabel:o,label:i,class:a})=>h(KolTooltipWcTag,{"aria-hidden":"true",class:clsx("kol-form-field__tooltip",a),_badgeText:n,_align:t,_id:o?`${e}-label`:void 0,_label:i});function getModifierClassNameByMsgType(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 InputContainer=(e,t)=>{var{class:n}=e,o=__rest(e,["class"]);return h("div",Object.assign({class:clsx("kol-form-field__input",n)},o),t)},KolFormFieldFc=(e,t)=>{var n;const{component:o="div",renderNoLabel:i,renderNoTooltip:a,renderNoHint:r,anotherChildren:s,id:l,required:c,alert:d,disabled:u,class:m,msg:p,hideMsg:g,hideLabel:v,label:b,hint:f,accessKey:_,shortKey:y,tooltipAlign:F,counter:x,readOnly:L,touched:K,maxLength:j,formFieldLabelProps:S,formFieldHintProps:T,formFieldTooltipProps:C,formFieldMsgProps:O,formFieldInputProps:B}=e,H=__rest(e,["component","renderNoLabel","renderNoTooltip","renderNoHint","anotherChildren","id","required","alert","disabled","class","msg","hideMsg","hideLabel","label","hint","accessKey","shortKey","tooltipAlign","counter","readOnly","touched","maxLength","formFieldLabelProps","formFieldHintProps","formFieldTooltipProps","formFieldMsgProps","formFieldInputProps"]),k=!i,M=!r,I=!a,E=showExpertSlot(b),A=checkHasMsg(p,K),w=buildBadgeTextString(_,y),N=I&&!E&&v,$="string"==typeof p?"error":null!==(n=null==p?void 0:p._type)&&void 0!==n?n:"error";let P={"kol-form-field--disabled":Boolean(u),"kol-form-field--required":Boolean(c),"kol-form-field--touched":Boolean(K),"kol-form-field--hide-label":Boolean(v),"kol-form-field--read-only":Boolean(L),"kol-form-field--hidden-msg":Boolean(g)};return A&&(P=Object.assign(Object.assign({},P),{[`kol-form-field--${$||"error"}`]:!0,[`kol-form-field--${getModifierClassNameByMsgType({type:$})}`]:!0})),h(o,Object.assign({class:clsx("kol-form-field",P,m)},H),k&&h(KolFormFieldLabelFc,Object.assign({},S||{},{id:l,hasExpertSlot:E,hideLabel:v,label:b,accessKey:_,shortKey:y})),h(InputContainer,Object.assign({},B),t,N&&h(FormFieldTooltipFc,Object.assign({},C||{},{id:l,label:b,hideLabel:v,align:F,badgeText:w}))),x?h(KolFormFieldCounterFc,Object.assign({},x)):null,j?h(KolFormFieldCharacterLimitHintFc,{id:l,maxLength:j}):null,A&&!g&&h(FormFieldMsgFc,Object.assign({},O||{},{id:l,alert:d,msg:p})),M&&h(KolFormFieldHintFc,Object.assign({},T||{},{id:l,hint:f})),s)};function getDefaultProps({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}}const getRenderStates=e=>{var t;const n=e._msg,o="string"==typeof n?n:null==n?void 0:n._description,i="string"==typeof n?"error":null!==(t=null==n?void 0:n._type)&&void 0!==t?t:"error",a=Boolean(o&&o.length>0),r="error"===i&&a&&!0===e._touched,s="string"==typeof e._hint&&e._hint.length>0,l=[];return a&&!e._hideMsg&&l.push(`${e._id}-msg`),s&&l.push(`${e._id}-hint`),{hasError:r,hasHint:s,ariaDescribedBy:l}};function getFormFieldProps(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 FormFieldStateWrapper=(e,t)=>{var{state:n}=e,o=__rest(e,["state"]);return h(KolFormFieldFc,Object.assign({},getFormFieldProps(n),o),t)};class ControlledInputController extends AssociatedInputController{constructor(e,t,n){super(e,t,n),this.component=e}validateTouched(e){validateTouched(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateTouched(this.component._touched)}}class InputController extends ControlledInputController{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)},this.updateCurrentLengthDebounced=debounce(e=>{setState(this.component,"_currentLengthDebounced",e)},500),this.component=e}validateAccessKey(e){validateAccessKey(this.component,e),validateAccessAndShortKey(e,this.component._shortKey)}validateAdjustHeight(e){validateAdjustHeight(this.component,e)}validateDisabled(e){validateDisabled(this.component,e)}validateTooltipAlign(e){validateTooltipAlign(this.component,e)}validateHideMsg(e){validateHideMsg(this.component,e,{hooks:{afterPatch:()=>{this.component.state._hideMsg&&a11yHint("Property _hideMsg for inputs: Only use when the error message is shown outside of the input component.")}}})}validateHideLabel(e){validateHideLabel(this.component,e,{hooks:{afterPatch:()=>{this.component.state._hideLabel&&a11yHint("Property hide-label for inputs: Only use for exceptions like search inputs that are clearly identifiable by their context.")}}})}validateHint(e){validateHint(this.component,e)}validateId(e){watchString(this.component,"_id",e,{minLength:1}),""!==e&&void 0!==e||devHint("A unique ID on the input fields is not strictly required, but it might be relevant for E2E tests.")}validateLabel(e){validateLabelWithExpertSlot(this.component,e,{required:!0})}validateMsg(e){validateMsg(this.component,e)}validateOn(e){"object"==typeof e&&setState(this.component,"_on",e)}validateShortKey(e){validateShortKey(this.component,e),validateAccessAndShortKey(this.component._accessKey,e)}validateSmartButton(e){objectObjectHandler(e,()=>{try{e=parseJson(e)}catch(e){}setState(this.component,"_smartButton",e)})}validateTabIndex(e){validateTabIndex(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.validateId(this.component._id),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),validateAccessAndShortKey(this.component._accessKey,this.component._shortKey)}emitEvent(e,t){this.host&&dispatchDomEvent(this.host,e,t)}onBlur(e){var t;this.component._touched=!0,this.emitEvent(KolEvent.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(KolEvent.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(KolEvent.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(KolEvent.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(KolEvent.focus),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onFocus)&&this.component._on.onFocus(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}}export{FormFieldStateWrapper as F,InputController as I,KolFormFieldLabelFc as K,FormFieldTooltipFc as a,KolFormFieldHintFc as b,checkHasMsg as c,getDefaultProps as d,getRenderStates as g};

package/dist/components/controller5.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{e as watchString,w as watchValidator}from"./common.js";import{v as validateAutoComplete}from"./auto-complete.js";import{a as validateHasCounter,v as validateMaxLengthBehavior,b as validateMaxLength}from"./max-length-behavior.js";import{v as validatePlaceholder}from"./placeholder.js";import{v as validateReadOnly}from"./read-only.js";import{v as validateRequired}from"./required.js";import{I as InputIconController}from"./controller-icon.js";const validatePattern=(t,a,e={})=>{watchString(t,"_pattern",a,e)},PasswordVariantPropTypeOptions=["default","visibility-toggle"],validatePasswordVariant=(t,a)=>{watchValidator(t,"_variant",t=>"string"==typeof t&&PasswordVariantPropTypeOptions.includes(t),new Set(PasswordVariantPropTypeOptions),a)};class InputPasswordController extends InputIconController{constructor(t,a,e){super(t,a,e),this.afterSyncCharCounter=()=>{"string"==typeof this.component._value&&(this.component.state._currentLength=this.component._value.length,this.updateCurrentLengthDebounced(this.component._value.length))},this.component=t}validateAutoComplete(t){validateAutoComplete(this.component,t)}validateHasCounter(t){validateHasCounter(this.component,t)}validateMaxLengthBehavior(t){validateMaxLengthBehavior(this.component,t)}validateVariant(t){validatePasswordVariant(this.component,t)}validateMaxLength(t){validateMaxLength(this.component,t,{hooks:{afterPatch:this.afterSyncCharCounter}})}validatePattern(t){validatePattern(this.component,t)}validatePlaceholder(t){validatePlaceholder(this.component,t)}validateReadOnly(t){validateReadOnly(this.component,t)}validateRequired(t){validateRequired(this.component,t)}validateValue(t){watchString(this.component,"_value",t,{hooks:{afterPatch:this.afterSyncCharCounter}}),this.setFormAssociatedValue(this.component.state._value)}componentWillLoad(){super.componentWillLoad(),this.validateAutoComplete(this.component._autoComplete),this.validateHasCounter(this.component._hasCounter),this.validateMaxLengthBehavior(this.component._maxLengthBehavior),this.validateMaxLength(this.component._maxLength),this.validatePattern(this.component._pattern),this.validatePlaceholder(this.component._placeholder),this.validateReadOnly(this.component._readOnly),this.validateRequired(this.component._required),this.validateValue(this.component._value),this.validateVariant(this.component._variant)}}export{InputPasswordController as I};
+import{h as watchString,w as watchValidator}from"./common.js";import{v as validateAutoComplete}from"./auto-complete.js";import{a as validateHasCounter,v as validateMaxLengthBehavior,b as validateMaxLength}from"./max-length-behavior.js";import{v as validatePlaceholder}from"./placeholder.js";import{v as validateReadOnly}from"./read-only.js";import{v as validateRequired}from"./required.js";import{I as InputIconController}from"./controller-icon.js";const validatePattern=(t,a,e={})=>{watchString(t,"_pattern",a,e)},PasswordVariantPropTypeOptions=["default","visibility-toggle"],validatePasswordVariant=(t,a)=>{watchValidator(t,"_variant",t=>"string"==typeof t&&PasswordVariantPropTypeOptions.includes(t),new Set(PasswordVariantPropTypeOptions),a)};class InputPasswordController extends InputIconController{constructor(t,a,e){super(t,a,e),this.afterSyncCharCounter=()=>{"string"==typeof this.component._value&&(this.component.state._currentLength=this.component._value.length,this.updateCurrentLengthDebounced(this.component._value.length))},this.component=t}validateAutoComplete(t){validateAutoComplete(this.component,t)}validateHasCounter(t){validateHasCounter(this.component,t)}validateMaxLengthBehavior(t){validateMaxLengthBehavior(this.component,t)}validateVariant(t){validatePasswordVariant(this.component,t)}validateMaxLength(t){validateMaxLength(this.component,t,{hooks:{afterPatch:this.afterSyncCharCounter}})}validatePattern(t){validatePattern(this.component,t)}validatePlaceholder(t){validatePlaceholder(this.component,t)}validateReadOnly(t){validateReadOnly(this.component,t)}validateRequired(t){validateRequired(this.component,t)}validateValue(t){watchString(this.component,"_value",t,{hooks:{afterPatch:this.afterSyncCharCounter}}),this.setFormAssociatedValue(this.component.state._value)}componentWillLoad(){super.componentWillLoad(),this.validateAutoComplete(this.component._autoComplete),this.validateHasCounter(this.component._hasCounter),this.validateMaxLengthBehavior(this.component._maxLengthBehavior),this.validateMaxLength(this.component._maxLength),this.validatePattern(this.component._pattern),this.validatePlaceholder(this.component._placeholder),this.validateReadOnly(this.component._readOnly),this.validateRequired(this.component._required),this.validateValue(this.component._value),this.validateVariant(this.component._variant)}}export{InputPasswordController as I};

package/dist/components/custom-class.js

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

package/dist/components/href.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{e as watchString}from"./common.js";const validateHref=(t,a,r={})=>{watchString(t,"_href",a,r)};export{validateHref as v};
+import{h as watchString}from"./common.js";const validateHref=(t,a,r={})=>{watchString(t,"_href",a,r)};export{validateHref as v};

package/dist/components/image-source.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{e as watchString}from"./common.js";const validateImageSource=(a,t,e)=>{watchString(a,"_src",t,e)};export{validateImageSource as v};
+import{h as watchString}from"./common.js";const validateImageSource=(a,t,o)=>{watchString(a,"_src",t,o)};export{validateImageSource as v};

package/dist/components/kol-abbr.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";import"./common.js";import{v as validateLabel}from"./label.js";import{a as KolTooltipWcTag}from"./component-names.js";const defaultStyleCss="/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     */\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: grid;\n    place-items: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  @keyframes fadeInOpacity {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width);\n    max-width: 90vw;\n    max-height: 90vh;\n    visibility: hidden;\n    animation-duration: 0.25s;\n    animation-iteration-count: 1;\n    animation-name: fadeInOpacity;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 999;\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n}",KolAbbr$1=proxyCustomElement(class extends HTMLElement{constructor(n){super(),!1!==n&&this.__registerHost(),this.__attachShadow(),this.state={_label:""}}render(){return h(Host,{key:"7f764ad6e259ac460dcd1f133da2ef8ad41b74b7",class:"kol-abbr"},h("abbr",{key:"3f49be16f6bbbd0d2cbd953319f6b23a8766a241",tabIndex:this.state._label?0:void 0},h("slot",{key:"81175d6ce9217f34e4faaa6aa08597e63f07389e"})),this.state._label?h(KolTooltipWcTag,{"aria-hidden":"true",_label:this.state._label}):null)}validateLabel(n){validateLabel(this,n)}componentWillLoad(){this.validateLabel(this._label)}static get watchers(){return{_label:["validateLabel"]}}static get style(){return{default:defaultStyleCss}}},[289,"kol-abbr",{_label:[1],state:[32]},void 0,{_label:["validateLabel"]}]);function defineCustomElement$1(){if("undefined"==typeof customElements)return;["kol-abbr"].forEach(n=>{if("kol-abbr"===n)customElements.get(n)||customElements.define(n,KolAbbr$1)})}const KolAbbr=KolAbbr$1,defineCustomElement=defineCustomElement$1;export{KolAbbr,defineCustomElement};
+import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";import"./common.js";import{v as validateLabel}from"./label.js";import{a as KolTooltipWcTag}from"./component-names.js";const defaultStyleCss="/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: grid;\n    place-items: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  @keyframes fadeInOpacity {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width);\n    max-width: 90vw;\n    max-height: 90vh;\n    visibility: hidden;\n    animation-duration: 0.25s;\n    animation-iteration-count: 1;\n    animation-name: fadeInOpacity;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n}",KolAbbr$1=proxyCustomElement(class extends HTMLElement{constructor(n){super(),!1!==n&&this.__registerHost(),this.__attachShadow(),this.state={_label:""}}render(){return h(Host,{key:"7f764ad6e259ac460dcd1f133da2ef8ad41b74b7",class:"kol-abbr"},h("abbr",{key:"3f49be16f6bbbd0d2cbd953319f6b23a8766a241",tabIndex:this.state._label?0:void 0},h("slot",{key:"81175d6ce9217f34e4faaa6aa08597e63f07389e"})),this.state._label?h(KolTooltipWcTag,{"aria-hidden":"true",_label:this.state._label}):null)}validateLabel(n){validateLabel(this,n)}componentWillLoad(){this.validateLabel(this._label)}static get watchers(){return{_label:["validateLabel"]}}static get style(){return{default:defaultStyleCss}}},[289,"kol-abbr",{_label:[1],state:[32]},void 0,{_label:["validateLabel"]}]);function defineCustomElement$1(){if("undefined"==typeof customElements)return;["kol-abbr"].forEach(n=>{if("kol-abbr"===n)customElements.get(n)||customElements.define(n,KolAbbr$1)})}const KolAbbr=KolAbbr$1,defineCustomElement=defineCustomElement$1;export{KolAbbr,defineCustomElement};

package/dist/components/kol-abbr.js.map

@@ -1 +1 @@
-{"file":"kol-abbr.js","mappings":";;;;;;;;AAAA,MAAM,eAAe,GAAG,u9LAAu9L;;MCgBl+LA,SAAO,GAAAC,kBAAA,CAAA,MAAA,OAAA,SAAA,WAAA,CAAA;AAPpB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;QAyBiB,IAAA,CAAA,KAAK,GAAe;AACnC,YAAA,MAAM,EAAE,EAAE;SACV;AAUD;IA7BO,MAAM,GAAA;AACZ,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,UAAU,EAAA,EAErB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,SAAS,EAAA,EAChD,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACF,EACN,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAA,eAAe,EAAa,EAAA,aAAA,EAAA,MAAM,EAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAA,CAAoB,GAAG,IAAI,CACvG;;AAcF,IAAA,aAAa,CAAC,KAAqB,EAAA;AACzC,QAAA,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC;;IAGpB,iBAAiB,GAAA;AACvB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["KolAbbr","__stencil_proxyCustomElement"],"sources":["src/components/abbr/style.scss?tag=kol-abbr&mode=default&encapsulation=shadow","src/components/abbr/shadow.tsx"],"sourcesContent":["@use '../../styles/global' as *;\n@use '../tooltip/style.scss' as *;\n","import type { JSX } from '@stencil/core';\nimport { Component, h, Host, Prop, State, Watch } from '@stencil/core';\nimport type { AbbrAPI, AbbrStates, LabelPropType } from '../../schema';\nimport { validateLabel } from '../../schema';\nimport { KolTooltipWcTag } from '../../core/component-names';\n\n/**\n * @slot - The abbreviation (short form).\n */\n@Component({\n\ttag: 'kol-abbr',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolAbbr implements AbbrAPI {\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-abbr\">\n\t\t\t\t{/* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */}\n\t\t\t\t<abbr tabIndex={this.state._label ? 0 : undefined}>\n\t\t\t\t\t<slot />\n\t\t\t\t</abbr>\n\t\t\t\t{this.state._label ? <KolTooltipWcTag aria-hidden=\"true\" _label={this.state._label}></KolTooltipWcTag> : null}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label?: LabelPropType;\n\n\t@State() public state: AbbrStates = {\n\t\t_label: '',\n\t};\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateLabel(this._label);\n\t}\n}\n"],"version":3}
+{"file":"kol-abbr.js","mappings":";;;;;;;;AAAA,MAAM,eAAe,GAAG,u+LAAu+L;;MCgBl/LA,SAAO,GAAAC,kBAAA,CAAA,MAAA,OAAA,SAAA,WAAA,CAAA;AAPpB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;QAyBiB,IAAA,CAAA,KAAK,GAAe;AACnC,YAAA,MAAM,EAAE,EAAE;SACV;AAUD;IA7BO,MAAM,GAAA;AACZ,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,UAAU,EAAA,EAErB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,SAAS,EAAA,EAChD,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACF,EACN,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAA,eAAe,EAAa,EAAA,aAAA,EAAA,MAAM,EAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAA,CAAoB,GAAG,IAAI,CACvG;;AAcF,IAAA,aAAa,CAAC,KAAqB,EAAA;AACzC,QAAA,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC;;IAGpB,iBAAiB,GAAA;AACvB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["KolAbbr","__stencil_proxyCustomElement"],"sources":["src/components/abbr/style.scss?tag=kol-abbr&mode=default&encapsulation=shadow","src/components/abbr/shadow.tsx"],"sourcesContent":["@use '../../styles/global' as *;\n@use '../tooltip/style.scss' as *;\n","import type { JSX } from '@stencil/core';\nimport { Component, h, Host, Prop, State, Watch } from '@stencil/core';\nimport type { AbbrAPI, AbbrStates, LabelPropType } from '../../schema';\nimport { validateLabel } from '../../schema';\nimport { KolTooltipWcTag } from '../../core/component-names';\n\n/**\n * @slot - The abbreviation (short form).\n */\n@Component({\n\ttag: 'kol-abbr',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolAbbr implements AbbrAPI {\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-abbr\">\n\t\t\t\t{/* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */}\n\t\t\t\t<abbr tabIndex={this.state._label ? 0 : undefined}>\n\t\t\t\t\t<slot />\n\t\t\t\t</abbr>\n\t\t\t\t{this.state._label ? <KolTooltipWcTag aria-hidden=\"true\" _label={this.state._label}></KolTooltipWcTag> : null}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label?: LabelPropType;\n\n\t@State() public state: AbbrStates = {\n\t\t_label: '',\n\t};\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateLabel(this._label);\n\t}\n}\n"],"version":3}

package/dist/components/kol-accordion.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{proxyCustomElement,HTMLElement,h}from"@stencil/core/internal/client";import{w as watchValidator,f as featureHint}from"./common.js";import{v as validateDisabled}from"./disabled.js";import{v as validateLabel}from"./label.js";import{v as validateOpen}from"./open.js";import{n as nonce}from"./dev.utils.js";import{w as watchHeadingLevel}from"./validation.js";import{K as KolCollapsibleFc}from"./Collapsible.js";import{d as dispatchDomEvent,K as KolEvent}from"./events.js";const validateAccordionCallbacks=(e,n)=>{watchValidator(e,"_on",e=>"object"==typeof e&&null!==e,new Set(["AccordionCallbacksPropType {Events.onClick}"]),n)},defaultStyleCss="/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     */\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: grid;\n    place-items: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n/* For animation technique see https://css-tricks.com/css-grid-can-do-auto-height-transitions/ */\n@layer kol-component {\n  .collapsible {\n    /* @see https://github.com/public-ui/kolibri/issues/5952 */\n    /*\n          * Inside a button, the caption text is always centered.\n          * So we have to align the text to the left.\n          */\n  }\n  @media (prefers-reduced-motion) {\n    .collapsible__wrapper-animation, .collapsible__wrapper {\n      transition-duration: 0s;\n    }\n  }\n  @media print {\n    :not(.collapsible--open) .collapsible__wrapper-animation {\n      display: none;\n    }\n  }\n  .collapsible__wrapper {\n    /* Forces the element into its own GPU compositing layer (via 3D transform). Helps prevent rendering/layout bugs (e.g. #7511) and may improve animation performance. */\n    transform: translateZ(0);\n    display: grid;\n    /**\n     * The `overflow: hidden` ensures that the content is not visible during the animated\n     * opening and closing. This should also cut off overlays containing content, but it\n     *does not.\n     */\n    overflow: hidden;\n    grid-template-rows: 0fr;\n    transition: grid-template-rows 0.3s;\n  }\n  .collapsible__wrapper-animation {\n    min-height: 0;\n    /* This property is important to keep in sync with the visual transition (template-rows). Without it interactive elements within the accordion would stay focusable. */\n    visibility: hidden;\n    transition: visibility 0.3s;\n  }\n  .collapsible--open .collapsible__wrapper {\n    grid-template-rows: 1fr;\n  }\n  .collapsible--open .collapsible__wrapper-animation {\n    visibility: visible;\n  }\n  .collapsible__heading-button button .kol-span {\n    justify-items: start;\n  }\n}";featureHint("[KolAccordion] Anfrage nach einer KolAccordionGroup bei dem immer nur ein Accordion geöffnet ist.\n\n- onClick auf der KolAccordion anwenden\n- Click-Event prüft den _open-Status der Accordions\n- Logik Öffnet und Schließt entsprechend"),featureHint("[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.");const KolAccordion$1=proxyCustomElement(class extends HTMLElement{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.nonce=nonce(),this.catchRef=e=>{this.buttonWcRef=e},this.handleOnClick=e=>{this._open=!this._open,setTimeout(()=>{var n,t;null===(t=null===(n=this.state._on)||void 0===n?void 0:n.onClick)||void 0===t||t.call(n,e,!0===this._open),this.host&&dispatchDomEvent(this.host,KolEvent.click,!0===this._open)})},this._disabled=!1,this._level=0,this._open=!1,this.state={_label:"",_level:0,_on:{}}}async kolFocus(){var e;await(null===(e=this.buttonWcRef)||void 0===e?void 0:e.kolFocus())}render(){const{_open:e,_label:n,_disabled:t,_level:i}=this.state,o="kol-accordion",a={id:this.nonce,label:n,open:e,disabled:t,level:i,onClick:this.handleOnClick,class:o,HeadingProps:{class:`${o}__heading`},HeadingButtonProps:{ref:this.catchRef,class:`${o}__heading-button`},ContentProps:{class:`${o}__content`,wrapperClass:`${o}__wrapper`,animationClass:`${o}__wrapper-animation`}};return h(KolCollapsibleFc,Object.assign({key:"750cf0bb226ec5139c7098bd44e2a64546888a32"},a),h("slot",{key:"08908025b6753ebe36defc6e2d210736eabff629"}))}validateDisabled(e){validateDisabled(this,e)}validateLabel(e){validateLabel(this,e,{required:!0})}validateLevel(e){watchHeadingLevel(this,e)}validateOn(e){validateAccordionCallbacks(this,e)}validateOpen(e){validateOpen(this,e)}componentWillLoad(){this.validateDisabled(this._disabled),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on),this.validateOpen(this._open)}get host(){return this}static get watchers(){return{_disabled:["validateDisabled"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_open:["validateOpen"]}}static get style(){return{default:defaultStyleCss}}},[289,"kol-accordion",{_disabled:[4],_label:[1],_level:[2],_on:[16],_open:[1540],state:[32],kolFocus:[64]},void 0,{_disabled:["validateDisabled"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_open:["validateOpen"]}]);function defineCustomElement$1(){if("undefined"==typeof customElements)return;["kol-accordion"].forEach(e=>{if("kol-accordion"===e)customElements.get(e)||customElements.define(e,KolAccordion$1)})}const KolAccordion=KolAccordion$1,defineCustomElement=defineCustomElement$1;export{KolAccordion,defineCustomElement};
+import{proxyCustomElement,HTMLElement,h}from"@stencil/core/internal/client";import{w as watchValidator,f as featureHint}from"./common.js";import{v as validateDisabled}from"./disabled.js";import{v as validateLabel}from"./label.js";import{v as validateOpen}from"./open.js";import{n as nonce}from"./dev.utils.js";import{w as watchHeadingLevel}from"./validation.js";import{K as KolCollapsibleFc}from"./Collapsible.js";import{d as dispatchDomEvent,K as KolEvent}from"./events.js";const validateAccordionCallbacks=(e,n)=>{watchValidator(e,"_on",e=>"object"==typeof e&&null!==e,new Set(["AccordionCallbacksPropType {Events.onClick}"]),n)},defaultStyleCss="/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: grid;\n    place-items: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n/* For animation technique see https://css-tricks.com/css-grid-can-do-auto-height-transitions/ */\n@layer kol-component {\n  .collapsible {\n    /* @see https://github.com/public-ui/kolibri/issues/5952 */\n    /*\n          * Inside a button, the caption text is always centered.\n          * So we have to align the text to the left.\n          */\n  }\n  @media (prefers-reduced-motion) {\n    .collapsible__wrapper-animation, .collapsible__wrapper {\n      transition-duration: 0s;\n    }\n  }\n  @media print {\n    :not(.collapsible--open) .collapsible__wrapper-animation {\n      display: none;\n    }\n  }\n  .collapsible__wrapper {\n    /* Forces the element into its own GPU compositing layer (via 3D transform). Helps prevent rendering/layout bugs (e.g. #7511) and may improve animation performance. */\n    transform: translateZ(0);\n    display: grid;\n    /**\n     * The `overflow: hidden` ensures that the content is not visible during the animated\n     * opening and closing. This should also cut off overlays containing content, but it\n     *does not.\n     */\n    overflow: hidden;\n    grid-template-rows: 0fr;\n    transition: grid-template-rows 0.3s;\n  }\n  .collapsible__wrapper-animation {\n    min-height: 0;\n    /* This property is important to keep in sync with the visual transition (template-rows). Without it interactive elements within the accordion would stay focusable. */\n    visibility: hidden;\n    transition: visibility 0.3s;\n  }\n  .collapsible--open .collapsible__wrapper {\n    grid-template-rows: 1fr;\n  }\n  .collapsible--open .collapsible__wrapper-animation {\n    visibility: visible;\n  }\n  .collapsible__heading-button button .kol-span {\n    justify-items: start;\n  }\n}";featureHint("[KolAccordion] Anfrage nach einer KolAccordionGroup bei dem immer nur ein Accordion geöffnet ist.\n\n- onClick auf der KolAccordion anwenden\n- Click-Event prüft den _open-Status der Accordions\n- Logik Öffnet und Schließt entsprechend"),featureHint("[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.");const KolAccordion$1=proxyCustomElement(class extends HTMLElement{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.nonce=nonce(),this.catchRef=e=>{this.buttonWcRef=e},this.handleOnClick=e=>{this._open=!this._open,setTimeout(()=>{var n,t;null===(t=null===(n=this.state._on)||void 0===n?void 0:n.onClick)||void 0===t||t.call(n,e,!0===this._open),this.host&&dispatchDomEvent(this.host,KolEvent.click,!0===this._open)})},this._disabled=!1,this._level=0,this._open=!1,this.state={_label:"",_level:0,_on:{}}}async kolFocus(){var e;await(null===(e=this.buttonWcRef)||void 0===e?void 0:e.kolFocus())}render(){const{_open:e,_label:n,_disabled:t,_level:i}=this.state,o="kol-accordion",a={id:this.nonce,label:n,open:e,disabled:t,level:i,onClick:this.handleOnClick,class:o,HeadingProps:{class:`${o}__heading`},HeadingButtonProps:{ref:this.catchRef,class:`${o}__heading-button`},ContentProps:{class:`${o}__content`,wrapperClass:`${o}__wrapper`,animationClass:`${o}__wrapper-animation`}};return h(KolCollapsibleFc,Object.assign({key:"750cf0bb226ec5139c7098bd44e2a64546888a32"},a),h("slot",{key:"08908025b6753ebe36defc6e2d210736eabff629"}))}validateDisabled(e){validateDisabled(this,e)}validateLabel(e){validateLabel(this,e,{required:!0})}validateLevel(e){watchHeadingLevel(this,e)}validateOn(e){validateAccordionCallbacks(this,e)}validateOpen(e){validateOpen(this,e)}componentWillLoad(){this.validateDisabled(this._disabled),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on),this.validateOpen(this._open)}get host(){return this}static get watchers(){return{_disabled:["validateDisabled"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_open:["validateOpen"]}}static get style(){return{default:defaultStyleCss}}},[289,"kol-accordion",{_disabled:[4],_label:[1],_level:[2],_on:[16],_open:[1540],state:[32],kolFocus:[64]},void 0,{_disabled:["validateDisabled"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_open:["validateOpen"]}]);function defineCustomElement$1(){if("undefined"==typeof customElements)return;["kol-accordion"].forEach(e=>{if("kol-accordion"===e)customElements.get(e)||customElements.define(e,KolAccordion$1)})}const KolAccordion=KolAccordion$1,defineCustomElement=defineCustomElement$1;export{KolAccordion,defineCustomElement};