@public-ui/components 1.1.7-rc.7 → 1.1.7-rc.9

package/custom-elements.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.1.7-rc.7",
+  "version": "1.1.7-rc.9",
   "tags": [
     {
       "name": "kol-abbr",
@@ -608,15 +608,7 @@
     {
       "name": "kol-input-adapter-leanup",
       "description": "Die **InputAdapterLeanup**-Komponente wird im Zusammenhang mit der Nutzung von beliebigen Input-Komponenten innerhalb eines Formulars verwendet. Sie dient als technischer Container, der die jeweilige Input-Komponente als Control übergeben wird. Auf diese Weise wird die vollständige, datenseitige Steuerung der Input-Komponente über das **InputAdapterLeanup** gewährleistet. Die Input-Komponente dient allein der optischen bzw. layouttechnischen Ausgabe.",
-      "attributes": [
-        {
-          "name": "_debounce",
-          "type": "number | undefined",
-          "description": "Gibt an wie viele Millisekunden das Rerendering beim Änderungen des Wertes verzögert werden soll.",
-          "defaultValue": "250",
-          "required": false
-        }
-      ],
+      "attributes": [],
       "events": [],
       "methods": [],
       "slots": [],
@@ -1805,6 +1797,13 @@
           "description": "Gibt an, ob das Bild-Logo farblich animiert werden soll.",
           "required": false
         },
+        {
+          "name": "_color",
+          "type": "string | undefined",
+          "description": "Gibt an, in welcher Farbe das Bild-Logo initial dargestellt werden soll.",
+          "defaultValue": "'#003c78'",
+          "required": false
+        },
         {
           "name": "_labeled",
           "type": "boolean | undefined",
@@ -2455,7 +2454,7 @@
     },
     {
       "name": "kol-table",
-      "description": "Die **Table**-Komponente ermöglicht die Ausgabe von einfachen, aber auch komplexen Tabellen. Diese können mit Sortierfunktionen für Spalten oder Zeilen und auch mit einer Filterfunktion ausgestattet werden.",
+      "description": "Die **Table**-Komponente dient primär der übersichtlichen Darstellung von Datenmengen. Dabei ist sie so ausgelegt, dass sie alle von den Daten abhängige Werte automatisch ermittelt und die Tabelle entsprechend darstellt. Hierzu gehören beispielsweise die optionalen Funktionalitäten Spaltensortierung oder Pagination.\n\n<kol-indented-text _summary=\"Backend-seitige Pagination\">\n\tBei sehr großen Datenmengen ist auch eine manuelle Nutzung der Table-Komponente möglich. Das bedeutet, dass die Tabelle seitenweise \"manuell\" befüllt wird. Hierzu kann einfach anstatt der Table-Pagination eine \"eigene\" Pagination unter der Tabelle mittels der Pagination-Komponente verwendet werden.\n</kol-indented-text>",
       "attributes": [
         {
           "name": "_caption",

package/dist/cjs/{a11y.tipps-8c4b8396.js → a11y.tipps-54ec8bae.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - the accessible web component library
  */
-"use strict";const dev_utils=require("./dev.utils-f4f2b4e4.js"),a11yCache=new Set,a11yHint=e=>{!1===a11yCache.has(e)&&(a11yCache.add(e),dev_utils.Log.info(e,{classifier:"✋a11y",overwriteStyle:"; background-color: #09f"}))},deprecatedCache=new Set,deprecatedHint=e=>{!1===deprecatedCache.has(e)&&(deprecatedCache.add(e),dev_utils.Log.warn(e,{classifier:"🔥deprecated",forceLog:!0,overwriteStyle:"; background-color: #f00"}))},devCache=new Set,devHint=e=>{!1===devCache.has(e)&&(devCache.add(e),dev_utils.Log.debug(e,{classifier:"💻dev",overwriteStyle:"; background-color: #f09"}))},featureCache=new Set,featureHint=(e,i=!1)=>{!1===featureCache.has(e)&&(featureCache.add(e),e+=!0===i?" ✅":"",dev_utils.Log.debug(e,{classifier:"🌟feature",overwriteStyle:"; background-color: #309"}))};devHint("Wir freuen uns über jedes Feedback, Kommentare, Screenshots oder Demo-Links von einer auf KoliBri-basierenden Anwendung (kolibri@itzbund.de). Vielen Dank!");const uiUxCache=new Set,uiUxHint=e=>{!1===uiUxCache.has(e)&&(uiUxCache.add(e),dev_utils.Log.debug(e,{classifier:"📑ui/ux",overwriteStyle:"; background-color: #060;"}))},a11yHintDisabled=()=>{a11yHint('"Disabled" schränkt die Zugänglichkeit und Sichtbarkeit ein. Wir empfehlen aus Sicht der Barrierefreiheit readonly- statt disabled-Attribut zu verwenden.\n- https://uxdesign.cc/is-it-ok-to-grey-out-disabled-buttons-8afa74a0fae')},a11yHintLabelingLandmarks=e=>{"string"==typeof e&&""!==e||a11yHint("Manche Strukturelemente, wie bspw. der nav-Tag, können mehrfach in einer Webseite verwendet werden. Damit die gleichnamigen Strukturelemente voneinander unterschieden werden können, ist es erforderlich ein Aria-Label zu setzen.\n- https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Navigation_Role#accessibility_concerns")},uiUxHintMillerscheZahl=(e,i=8)=>{var t;i>7&&(t=`[${e}] Innerhalb von Navigationsstrukturen wird empfohlen nicht mehr als 7 Menüpunkte zu verwenden.\n\nLinks:\n- https://de.ryte.com/wiki/Millersche_Zahl\n- https://de.wikipedia.org/wiki/Millersche_Zahl`,!1===uiUxCache.has(t)&&(uiUxCache.add(t),dev_utils.Log.debug(t,{classifier:"📑ui/ux",overwriteStyle:"; background-color: #060;"})))};exports.a11yHint=a11yHint,exports.a11yHintDisabled=a11yHintDisabled,exports.a11yHintLabelingLandmarks=a11yHintLabelingLandmarks,exports.deprecatedHint=deprecatedHint,exports.devHint=devHint,exports.featureHint=featureHint,exports.uiUxHintMillerscheZahl=uiUxHintMillerscheZahl;
+"use strict";const dev_utils=require("./dev.utils-3c37c3f3.js"),a11yCache=new Set,a11yHint=e=>{!1===a11yCache.has(e)&&(a11yCache.add(e),dev_utils.Log.info(e,{classifier:"✋a11y",overwriteStyle:"; background-color: #09f"}))},deprecatedCache=new Set,deprecatedHint=e=>{!1===deprecatedCache.has(e)&&(deprecatedCache.add(e),dev_utils.Log.warn(e,{classifier:"🔥deprecated",forceLog:!0,overwriteStyle:"; background-color: #f00"}))},devCache=new Set,devHint=e=>{!1===devCache.has(e)&&(devCache.add(e),dev_utils.Log.debug(e,{classifier:"💻dev",overwriteStyle:"; background-color: #f09"}))},featureCache=new Set,featureHint=(e,i=!1)=>{!1===featureCache.has(e)&&(featureCache.add(e),e+=!0===i?" ✅":"",dev_utils.Log.debug(e,{classifier:"🌟feature",overwriteStyle:"; background-color: #309"}))};devHint("Wir freuen uns über jedes Feedback, Kommentare, Screenshots oder Demo-Links von einer auf KoliBri-basierenden Anwendung (kolibri@itzbund.de). Vielen Dank!");const uiUxCache=new Set,uiUxHint=e=>{!1===uiUxCache.has(e)&&(uiUxCache.add(e),dev_utils.Log.debug(e,{classifier:"📑ui/ux",overwriteStyle:"; background-color: #060;"}))},a11yHintDisabled=()=>{a11yHint('"Disabled" schränkt die Zugänglichkeit und Sichtbarkeit ein. Wir empfehlen aus Sicht der Barrierefreiheit readonly- statt disabled-Attribut zu verwenden.\n- https://uxdesign.cc/is-it-ok-to-grey-out-disabled-buttons-8afa74a0fae')},a11yHintLabelingLandmarks=e=>{"string"==typeof e&&""!==e||a11yHint("Manche Strukturelemente, wie bspw. der nav-Tag, können mehrfach in einer Webseite verwendet werden. Damit die gleichnamigen Strukturelemente voneinander unterschieden werden können, ist es erforderlich ein Aria-Label zu setzen.\n- https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Navigation_Role#accessibility_concerns")},uiUxHintMillerscheZahl=(e,i=8)=>{var t;i>7&&(t=`[${e}] Innerhalb von Navigationsstrukturen wird empfohlen nicht mehr als 7 Menüpunkte zu verwenden.\n\nLinks:\n- https://de.ryte.com/wiki/Millersche_Zahl\n- https://de.wikipedia.org/wiki/Millersche_Zahl`,!1===uiUxCache.has(t)&&(uiUxCache.add(t),dev_utils.Log.debug(t,{classifier:"📑ui/ux",overwriteStyle:"; background-color: #060;"})))};exports.a11yHint=a11yHint,exports.a11yHintDisabled=a11yHintDisabled,exports.a11yHintLabelingLandmarks=a11yHintLabelingLandmarks,exports.deprecatedHint=deprecatedHint,exports.devHint=devHint,exports.featureHint=featureHint,exports.uiUxHintMillerscheZahl=uiUxHintMillerscheZahl;

package/dist/cjs/{app-globals-dc236441.js → app-globals-bc902400.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - the accessible web component library
  */
-"use strict";const index=require("./index-43a6234c.js"),dev_utils=require("./dev.utils-f4f2b4e4.js"),register=require("./register-4992ac98.js"),CSS_PROPERTIES_REGISTERED=new Set,CSS_STYLE_SHEETS=new Map,HTML_STYLE_ELEMENTS=new Map,getCssStyleSheet=(e,t,n)=>{var s,i,l,o,r,S;if(!0===e&&CSS_STYLE_SHEETS.has(t)&&(null===(s=CSS_STYLE_SHEETS.get(t))||void 0===s?void 0:s.has(n)))return null===(i=CSS_STYLE_SHEETS.get(t))||void 0===i?void 0:i.get(n);if(!0===e&&HTML_STYLE_ELEMENTS.has(t)&&(null===(l=HTML_STYLE_ELEMENTS.get(t))||void 0===l?void 0:l.has(n)))return null===(o=HTML_STYLE_ELEMENTS.get(t))||void 0===o?void 0:o.get(n);if("object"==typeof register.GLOBAL.A11yUi&&null!==register.GLOBAL.A11yUi&&"object"==typeof register.GLOBAL.A11yUi.Themes&&null!==register.GLOBAL.A11yUi.Themes&&"object"==typeof register.GLOBAL.A11yUi.Themes[t]&&null!==register.GLOBAL.A11yUi.Themes[t]&&"string"==typeof register.GLOBAL.A11yUi.Themes[t][n]){if(("GLOBAL"===n||"PROPERTIES"===n)&&!1===CSS_PROPERTIES_REGISTERED.has(t)){let e=register.GLOBAL.A11yUi.Themes[t][n].match(/--[^;]+/g);if(Array.isArray(e)){e=e.filter((e=>/:/.test(e)));const n=document.createElement("style");n.innerHTML=`.${t} {${e.join(";")}}`,null===(r=document.querySelector("head"))||void 0===r||r.appendChild(n)}CSS_PROPERTIES_REGISTERED.add(t)}let s;try{s=new CSSStyleSheet,"function"==typeof s.replaceSync&&s.replaceSync(register.GLOBAL.A11yUi.Themes[t][n]),!0===e&&(!1===CSS_STYLE_SHEETS.has(t)&&CSS_STYLE_SHEETS.set(t,new Map),null===(S=CSS_STYLE_SHEETS.get(t))||void 0===S||S.set(n,s))}catch(e){s=document.createElement("style"),s.innerHTML=register.GLOBAL.A11yUi.Themes[t][n]}return s}return null},removeStyle=e=>{for(const t of Array.from(e.childNodes)){if(!(t instanceof HTMLElement&&"STYLE"===t.tagName))break;e.removeChild(t)}},GLOBAL_A11Y_STYLE="* {\n  font-size: inherit;\n  hyphens: auto;\n  letter-spacing: inherit;\n  word-break: break-word;\n  word-spacing: inherit;\n}",patchAdopted=(e,t,n,s)=>{const i=setTimeout((()=>{if(clearTimeout(i),e.classList.contains("hydrated")){removeStyle(t);const i=new CSSStyleSheet;"function"==typeof i.replaceSync&&i.replaceSync(GLOBAL_A11Y_STYLE),n.unshift(i),t.adoptedStyleSheets=n,e.style.display=s}else patchAdopted(e,t,n,s)}),25)},patchStyle=(e,t,n,s)=>{const i=setTimeout((()=>{if(clearTimeout(i),e.classList.contains("hydrated")){removeStyle(t);const i=document.createElement("style");i.innerHTML=GLOBAL_A11Y_STYLE,n.unshift(i);const l=t.firstChild;n.forEach((e=>{l instanceof HTMLElement?t.insertBefore(e,l):t.appendChild(e)})),e.style.display=s}else patchStyle(e,t,n,s)}),25)},setThemeStyle=(e,t)=>{var n;const s=t.name||"default",i=t.cache,l=t.reset,o=getCssStyleSheet(i,s,"GLOBAL"),r=getCssStyleSheet(i,s,e.tagName),S=e.shadowRoot;if(r instanceof CSSStyleSheet&&r.cssRules.length>0){const t=[];!1===l&&(null===(n=S.adoptedStyleSheets)||void 0===n||n.forEach((e=>{t.push(e)}))),o instanceof CSSStyleSheet&&o.cssRules.length>0&&!1===t.includes(o)&&t.push(o),r instanceof CSSStyleSheet&&r.cssRules.length>0&&!1===t.includes(r)&&t.push(r);const s=e.style.display;e.style.display="none",patchAdopted(e,S,t,s)}else if(r instanceof HTMLStyleElement&&r.innerHTML.length>0){const t=[];if(!1===l)for(const e of Array.from(S.childNodes)){if(!(e instanceof HTMLStyleElement))break;t.push(e)}o instanceof HTMLStyleElement&&o.innerHTML.length>0&&!1===t.includes(o)&&t.push(o),r instanceof HTMLStyleElement&&r.innerHTML.length>0&&!1===t.includes(r)&&t.push(r);const n=e.style.display;e.style.display="none",patchStyle(e,S,t,n)}},appGlobalScript=()=>{dev_utils.Log.info("\n,--. ,--.         ,--. ,--. ,-----.           ,--.\n|  .'   /  ,---.  |  | `--' |  |) /_  ,--.--. `--'\n|  .   '  | .-. | |  | ,--. |  .-.  \\ |  .--' ,--.\n|  |\\   \\ | '-' | |  | |  | |  '--' / |  |    |  |\n`--' `--´  `---´  `--' `--' `------´  `--'    `--'\n     - the accessible web component library -\n"),index.setMode((e=>(e.shadowRoot instanceof ShadowRoot&&setThemeStyle(e,register.getThemeDetails(e)),"default"))),Promise.resolve().then((function(){return require("./devtools-e891d7f7.js")})).then((e=>{"object"==typeof e&&null!==e&&"function"==typeof e.initialize&&e.initialize()})).catch((e=>{dev_utils.Log.error(e)}))},globalScripts=appGlobalScript;exports.globalScripts=globalScripts;
+"use strict";const index=require("./index-e6ae017d.js"),dev_utils=require("./dev.utils-3c37c3f3.js"),register=require("./register-2a6fd996.js"),CSS_PROPERTIES_REGISTERED=new Set,CSS_STYLE_SHEETS=new Map,HTML_STYLE_ELEMENTS=new Map,getCssStyleSheet=(e,t,n)=>{var s,i,l,o,r,S;if(!0===e&&CSS_STYLE_SHEETS.has(t)&&(null===(s=CSS_STYLE_SHEETS.get(t))||void 0===s?void 0:s.has(n)))return null===(i=CSS_STYLE_SHEETS.get(t))||void 0===i?void 0:i.get(n);if(!0===e&&HTML_STYLE_ELEMENTS.has(t)&&(null===(l=HTML_STYLE_ELEMENTS.get(t))||void 0===l?void 0:l.has(n)))return null===(o=HTML_STYLE_ELEMENTS.get(t))||void 0===o?void 0:o.get(n);if("object"==typeof register.GLOBAL.A11yUi&&null!==register.GLOBAL.A11yUi&&"object"==typeof register.GLOBAL.A11yUi.Themes&&null!==register.GLOBAL.A11yUi.Themes&&"object"==typeof register.GLOBAL.A11yUi.Themes[t]&&null!==register.GLOBAL.A11yUi.Themes[t]&&"string"==typeof register.GLOBAL.A11yUi.Themes[t][n]){if(("GLOBAL"===n||"PROPERTIES"===n)&&!1===CSS_PROPERTIES_REGISTERED.has(t)){let e=register.GLOBAL.A11yUi.Themes[t][n].match(/--[^;]+/g);if(Array.isArray(e)){e=e.filter((e=>/:/.test(e)));const n=document.createElement("style");n.innerHTML=`.${t} {${e.join(";")}}`,null===(r=document.querySelector("head"))||void 0===r||r.appendChild(n)}CSS_PROPERTIES_REGISTERED.add(t)}let s;try{s=new CSSStyleSheet,"function"==typeof s.replaceSync&&s.replaceSync(register.GLOBAL.A11yUi.Themes[t][n]),!0===e&&(!1===CSS_STYLE_SHEETS.has(t)&&CSS_STYLE_SHEETS.set(t,new Map),null===(S=CSS_STYLE_SHEETS.get(t))||void 0===S||S.set(n,s))}catch(e){s=document.createElement("style"),s.innerHTML=register.GLOBAL.A11yUi.Themes[t][n]}return s}return null},removeStyle=e=>{for(const t of Array.from(e.childNodes)){if(!(t instanceof HTMLElement&&"STYLE"===t.tagName))break;e.removeChild(t)}},GLOBAL_A11Y_STYLE="* {\n  font-size: inherit;\n  hyphens: auto;\n  letter-spacing: inherit;\n  word-break: break-word;\n  word-spacing: inherit;\n}",patchAdopted=(e,t,n,s)=>{const i=setTimeout((()=>{if(clearTimeout(i),e.classList.contains("hydrated")){removeStyle(t);const i=new CSSStyleSheet;"function"==typeof i.replaceSync&&i.replaceSync(GLOBAL_A11Y_STYLE),n.unshift(i),t.adoptedStyleSheets=n,e.style.display=s}else patchAdopted(e,t,n,s)}),25)},patchStyle=(e,t,n,s)=>{const i=setTimeout((()=>{if(clearTimeout(i),e.classList.contains("hydrated")){removeStyle(t);const i=document.createElement("style");i.innerHTML=GLOBAL_A11Y_STYLE,n.unshift(i);const l=t.firstChild;n.forEach((e=>{l instanceof HTMLElement?t.insertBefore(e,l):t.appendChild(e)})),e.style.display=s}else patchStyle(e,t,n,s)}),25)},setThemeStyle=(e,t)=>{var n;const s=t.name||"default",i=t.cache,l=t.reset,o=getCssStyleSheet(i,s,"GLOBAL"),r=getCssStyleSheet(i,s,e.tagName),S=e.shadowRoot;if(r instanceof CSSStyleSheet&&r.cssRules.length>0){const t=[];!1===l&&(null===(n=S.adoptedStyleSheets)||void 0===n||n.forEach((e=>{t.push(e)}))),o instanceof CSSStyleSheet&&o.cssRules.length>0&&!1===t.includes(o)&&t.push(o),r instanceof CSSStyleSheet&&r.cssRules.length>0&&!1===t.includes(r)&&t.push(r);const s=e.style.display;e.style.display="none",patchAdopted(e,S,t,s)}else if(r instanceof HTMLStyleElement&&r.innerHTML.length>0){const t=[];if(!1===l)for(const e of Array.from(S.childNodes)){if(!(e instanceof HTMLStyleElement))break;t.push(e)}o instanceof HTMLStyleElement&&o.innerHTML.length>0&&!1===t.includes(o)&&t.push(o),r instanceof HTMLStyleElement&&r.innerHTML.length>0&&!1===t.includes(r)&&t.push(r);const n=e.style.display;e.style.display="none",patchStyle(e,S,t,n)}},appGlobalScript=()=>{dev_utils.Log.info("\n,--. ,--.         ,--. ,--. ,-----.           ,--.\n|  .'   /  ,---.  |  | `--' |  |) /_  ,--.--. `--'\n|  .   '  | .-. | |  | ,--. |  .-.  \\ |  .--' ,--.\n|  |\\   \\ | '-' | |  | |  | |  '--' / |  |    |  |\n`--' `--´  `---´  `--' `--' `------´  `--'    `--'\n     - the accessible web component library -\n"),index.setMode((e=>(e.shadowRoot instanceof ShadowRoot&&setThemeStyle(e,register.getThemeDetails(e)),"default"))),Promise.resolve().then((function(){return require("./devtools-b7556d66.js")})).then((e=>{"object"==typeof e&&null!==e&&"function"==typeof e.initialize&&e.initialize()})).catch((e=>{dev_utils.Log.error(e)}))},globalScripts=appGlobalScript;exports.globalScripts=globalScripts;

package/dist/cjs/{button-link-f7e897ac.js → button-link-4380f157.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - the accessible web component library
  */
-"use strict";const prop_validators=require("./prop.validators-cef94f6b.js"),watchShowAs=(t,o)=>{prop_validators.watchValidator(t,"_showAs",(t=>"button"===t||"link"===t),new Set(["String {button, link}"]),o)},watchTooltipAlignment=(t,o,a)=>{prop_validators.watchValidator(t,o,(t=>"top"===t||"right"===t||"bottom"===t||"left"===t),new Set(["TooltipAlignment {top, right, buttom, left}"]),a,{defaultValue:"top"})};exports.watchShowAs=watchShowAs,exports.watchTooltipAlignment=watchTooltipAlignment;
+"use strict";const prop_validators=require("./prop.validators-490c913d.js"),watchShowAs=(t,o)=>{prop_validators.watchValidator(t,"_showAs",(t=>"button"===t||"link"===t),new Set(["String {button, link}"]),o)},watchTooltipAlignment=(t,o,a)=>{prop_validators.watchValidator(t,o,(t=>"top"===t||"right"===t||"bottom"===t||"left"===t),new Set(["TooltipAlignment {top, right, buttom, left}"]),a,{defaultValue:"top"})};exports.watchShowAs=watchShowAs,exports.watchTooltipAlignment=watchTooltipAlignment;

package/dist/cjs/{controller-530a9768.js → controller-2a7b57a1.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - the accessible web component library
  */
-"use strict";const prop_validators=require("./prop.validators-cef94f6b.js"),validator=require("./validator-a391018d.js"),controller=require("./controller-88d53629.js"),fillKeyOptionMap=(t,o,e="")=>{o.forEach(((o,i)=>{const a=`${e}-${i}`;"object"==typeof o&&null!==o&&"string"==typeof o.label&&o.label.length>0&&(Array.isArray(o.options)?fillKeyOptionMap(t,o.options,a):t.set(a,o))}))};class InputCheckboxRadioController extends controller.InputController{constructor(t,o){super(t,o),this.component=t}validateRequired(t){prop_validators.watchBoolean(this.component,"_required",t)}componentWillLoad(){super.componentWillLoad(),this.validateRequired(this.component._required)}}class InputRadioController extends InputCheckboxRadioController{constructor(t,o){super(t,o),this.keyOptionMap=new Map,this.getOptionByKey=t=>this.keyOptionMap.get(t),this.isValueInOptions=(t,o)=>void 0!==o.find((o=>"string"==typeof o.value&&o.value===t)),this.beforePatchListValue=(t,o)=>{const e=o.has("_list")?o.get("_list"):this.component.state._list;if(Array.isArray(e)&&e.length>0){this.keyOptionMap.clear(),fillKeyOptionMap(this.keyOptionMap,e);const t=o.has("_value")?o.get("_value"):this.component.state._value;if(!1===this.isValueInOptions(t,e)){const t=e[0].value;o.set("_value",t),this.onStateChange()}}},this.component=t}validateOrientation(t){prop_validators.watchValidator(this.component,"_orientation",(t=>"horizontal"===t||"vertical"===t),new Set(["Orientation {horizontal, vertical}"]),t,{defaultValue:"vertical"})}validateList(t){prop_validators.watchJsonArrayString(this.component,"_list",(t=>"object"==typeof t&&null!==t&&"string"==typeof t.label&&t.label.length>0),t,void 0,{hooks:{beforePatch:this.beforePatchListValue}})}validateValue(t){prop_validators.setState(this.component,"_value",t,{beforePatch:this.beforePatchListValue})}componentWillLoad(t){super.componentWillLoad(),this.onStateChange=()=>{if("function"==typeof t){const o=setTimeout((()=>{clearTimeout(o),t(validator.STATE_CHANGE_EVENT)}))}},this.validateOrientation(this.component._orientation),this.validateList(this.component._list),this.validateValue(this.component._value)}}exports.InputCheckboxRadioController=InputCheckboxRadioController,exports.InputRadioController=InputRadioController,exports.fillKeyOptionMap=fillKeyOptionMap;
+"use strict";const prop_validators=require("./prop.validators-490c913d.js"),validator=require("./validator-a391018d.js"),controller=require("./controller-df507ca2.js"),fillKeyOptionMap=(t,o,e="")=>{o.forEach(((o,i)=>{const a=`${e}-${i}`;"object"==typeof o&&null!==o&&"string"==typeof o.label&&o.label.length>0&&(Array.isArray(o.options)?fillKeyOptionMap(t,o.options,a):t.set(a,o))}))};class InputCheckboxRadioController extends controller.InputController{constructor(t,o){super(t,o),this.component=t}validateRequired(t){prop_validators.watchBoolean(this.component,"_required",t)}componentWillLoad(){super.componentWillLoad(),this.validateRequired(this.component._required)}}class InputRadioController extends InputCheckboxRadioController{constructor(t,o){super(t,o),this.keyOptionMap=new Map,this.getOptionByKey=t=>this.keyOptionMap.get(t),this.isValueInOptions=(t,o)=>void 0!==o.find((o=>"string"==typeof o.value&&o.value===t)),this.beforePatchListValue=(t,o)=>{const e=o.has("_list")?o.get("_list"):this.component.state._list;if(Array.isArray(e)&&e.length>0){this.keyOptionMap.clear(),fillKeyOptionMap(this.keyOptionMap,e);const t=o.has("_value")?o.get("_value"):this.component.state._value;if(!1===this.isValueInOptions(t,e)){const t=e[0].value;o.set("_value",t),this.onStateChange()}}},this.component=t}validateOrientation(t){prop_validators.watchValidator(this.component,"_orientation",(t=>"horizontal"===t||"vertical"===t),new Set(["Orientation {horizontal, vertical}"]),t,{defaultValue:"vertical"})}validateList(t){prop_validators.watchJsonArrayString(this.component,"_list",(t=>"object"==typeof t&&null!==t&&"string"==typeof t.label&&t.label.length>0),t,void 0,{hooks:{beforePatch:this.beforePatchListValue}})}validateValue(t){prop_validators.setState(this.component,"_value",t,{beforePatch:this.beforePatchListValue})}componentWillLoad(t){super.componentWillLoad(),this.onStateChange=()=>{if("function"==typeof t){const o=setTimeout((()=>{clearTimeout(o),t(validator.STATE_CHANGE_EVENT)}))}},this.validateOrientation(this.component._orientation),this.validateList(this.component._list),this.validateValue(this.component._value)}}exports.InputCheckboxRadioController=InputCheckboxRadioController,exports.InputRadioController=InputRadioController,exports.fillKeyOptionMap=fillKeyOptionMap;

package/dist/cjs/{controller-d158e5b6.js → controller-2e60fafc.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - the accessible web component library
  */
-"use strict";const a11y_tipps=require("./a11y.tipps-8c4b8396.js"),prop_validators=require("./prop.validators-cef94f6b.js"),controller=require("./controller-88d53629.js");class InputPasswordController extends controller.InputController{constructor(e,t){super(e,t),this.handleHiddenLabelAndRequired=()=>{!0===this.component.state._hideLabel&&!0===this.component.state._required?(a11y_tipps.devHint("[KolInput*] Wenn man das Label ausblendet, dann kann der sehende Nutzer:in nicht mehr erkennen, ob die Eingabe erforderlich ist."),this.hideLabel=!1):this.hideLabel=!0===this.component.state._hideLabel},this.component=e}validateAutoComplete(e){prop_validators.watchValidator(this.component,"_autoComplete",(e=>"string"==typeof e&&("on"===e||"off"===e)),new Set(["on | off"]),e)}validateHideLabel(e){prop_validators.watchBoolean(this.component,"_hideLabel",e,{hooks:{afterPatch:this.handleHiddenLabelAndRequired}})}validateMaxLength(e){prop_validators.watchNumber(this.component,"_maxLength",e,{min:0})}validatePattern(e){prop_validators.watchString(this.component,"_pattern",e)}validatePlaceholder(e){prop_validators.watchString(this.component,"_placeholder",e)}validateReadOnly(e){prop_validators.watchBoolean(this.component,"_readOnly",e)}validateRequired(e){prop_validators.watchBoolean(this.component,"_required",e,{hooks:{afterPatch:this.handleHiddenLabelAndRequired}})}validateSize(e){prop_validators.watchNumber(this.component,"_size",e,{min:1})}validateValue(e){null===e?this.component.state._value=null:prop_validators.watchString(this.component,"_value",e,{minLength:0})}componentWillLoad(){super.componentWillLoad(),this.validateAutoComplete(this.component._autoComplete),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.validateSize(this.component._size),this.validateValue(this.component._value)}onBlur(e){this.component.state=Object.assign(Object.assign({},this.component.state),{_placeholder:this.placeholderCache}),this.placeholderCache=void 0,super.onBlur(e)}onFocus(e){this.placeholderCache=this.component.state._placeholder,this.component.state=Object.assign(Object.assign({},this.component.state),{_placeholder:void 0}),super.onFocus(e)}}exports.InputPasswordController=InputPasswordController;
+"use strict";const a11y_tipps=require("./a11y.tipps-54ec8bae.js"),prop_validators=require("./prop.validators-490c913d.js"),controller=require("./controller-df507ca2.js");class InputPasswordController extends controller.InputController{constructor(e,t){super(e,t),this.handleHiddenLabelAndRequired=()=>{!0===this.component.state._hideLabel&&!0===this.component.state._required?(a11y_tipps.devHint("[KolInput*] Wenn man das Label ausblendet, dann kann der sehende Nutzer:in nicht mehr erkennen, ob die Eingabe erforderlich ist."),this.hideLabel=!1):this.hideLabel=!0===this.component.state._hideLabel},this.component=e}validateAutoComplete(e){prop_validators.watchValidator(this.component,"_autoComplete",(e=>"string"==typeof e&&("on"===e||"off"===e)),new Set(["on | off"]),e)}validateHideLabel(e){prop_validators.watchBoolean(this.component,"_hideLabel",e,{hooks:{afterPatch:this.handleHiddenLabelAndRequired}})}validateMaxLength(e){prop_validators.watchNumber(this.component,"_maxLength",e,{min:0})}validatePattern(e){prop_validators.watchString(this.component,"_pattern",e)}validatePlaceholder(e){prop_validators.watchString(this.component,"_placeholder",e)}validateReadOnly(e){prop_validators.watchBoolean(this.component,"_readOnly",e)}validateRequired(e){prop_validators.watchBoolean(this.component,"_required",e,{hooks:{afterPatch:this.handleHiddenLabelAndRequired}})}validateSize(e){prop_validators.watchNumber(this.component,"_size",e,{min:1})}validateValue(e){null===e?this.component.state._value=null:prop_validators.watchString(this.component,"_value",e,{minLength:0})}componentWillLoad(){super.componentWillLoad(),this.validateAutoComplete(this.component._autoComplete),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.validateSize(this.component._size),this.validateValue(this.component._value)}onBlur(e){this.component.state=Object.assign(Object.assign({},this.component.state),{_placeholder:this.placeholderCache}),this.placeholderCache=void 0,super.onBlur(e)}onFocus(e){this.placeholderCache=this.component.state._placeholder,this.component.state=Object.assign(Object.assign({},this.component.state),{_placeholder:void 0}),super.onFocus(e)}}exports.InputPasswordController=InputPasswordController;

package/dist/cjs/controller-31aca951.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - the accessible web component library
+ */
+"use strict";const a11y_tipps=require("./a11y.tipps-54ec8bae.js"),prop_validators=require("./prop.validators-490c913d.js"),syncAriaLabelBeforePatch=(a,e,t,r)=>{const i=e.has("_ariaLabel")?e.get("_ariaLabel"):t.state._ariaLabel;if("string"==typeof i&&i.length>0){const a=e.has("_label")?e.get("_label"):t.state._label;!1===new RegExp(`^${a}`).test(i)&&("_ariaLabel"===r?(e.set("_label",i),t._label=i):(e.set("_ariaLabel",a),t._ariaLabel=a),a11y_tipps.a11yHint("Das abweichende Aria-Label am Schalter ist nicht barrierefrei. Ein abweichendes Aria-Label muss aus Barrierefreiheitsgründen für die Sprachsteuerung mit dem Label-Text beginnen."))}},watchButtonType=(a,e,t)=>{prop_validators.watchValidator(a,e,(a=>"button"===a||"reset"===a||"submit"===a),new Set(["KoliBriButtonType {button, reset, submit}"]),t)},watchButtonVariant=(a,e,t)=>{prop_validators.watchValidator(a,e,(a=>"primary"===a||"secondary"===a||"normal"===a||"danger"===a||"ghost"===a||"custom"===a),new Set(["KoliBriButtonVariant {primary, secondary, normal, danger, ghost, custom}"]),t,{defaultValue:"normal"})};exports.syncAriaLabelBeforePatch=syncAriaLabelBeforePatch,exports.watchButtonType=watchButtonType,exports.watchButtonVariant=watchButtonVariant;

package/dist/cjs/{controller-65415582.js → controller-7c2e68bd.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - the accessible web component library
  */
-"use strict";const prop_validators=require("./prop.validators-cef94f6b.js"),controller=require("./controller-d158e5b6.js");class InputTextEmailController extends controller.InputPasswordController{constructor(t,o){super(t,o),this.component=t}validateList(t){prop_validators.watchJsonArrayString(this.component,"_list",(t=>"string"==typeof t),t)}componentWillLoad(){super.componentWillLoad(),this.validateList(this.component._list)}}class InputTextController extends InputTextEmailController{constructor(t,o){super(t,o),this.hasError=!1,this.hasList=!1,this.component=t}validateType(t){prop_validators.watchValidator(this.component,"_type",(t=>"string"==typeof t&&("text"===t||"search"===t||"url"===t||"tel"===t)),new Set(["String {text, search, url, tel}"]),t)}componentWillLoad(){super.componentWillLoad(),this.validateType(this.component._type)}}exports.InputTextController=InputTextController,exports.InputTextEmailController=InputTextEmailController;
+"use strict";const prop_validators=require("./prop.validators-490c913d.js"),controller=require("./controller-2e60fafc.js");class InputTextEmailController extends controller.InputPasswordController{constructor(t,o){super(t,o),this.component=t}validateList(t){prop_validators.watchJsonArrayString(this.component,"_list",(t=>"string"==typeof t),t)}componentWillLoad(){super.componentWillLoad(),this.validateList(this.component._list)}}class InputTextController extends InputTextEmailController{constructor(t,o){super(t,o),this.hasError=!1,this.hasList=!1,this.component=t}validateType(t){prop_validators.watchValidator(this.component,"_type",(t=>"string"==typeof t&&("text"===t||"search"===t||"url"===t||"tel"===t)),new Set(["String {text, search, url, tel}"]),t)}componentWillLoad(){super.componentWillLoad(),this.validateType(this.component._type)}}exports.InputTextController=InputTextController,exports.InputTextEmailController=InputTextEmailController;

package/dist/cjs/{controller-88d53629.js → controller-df507ca2.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - the accessible web component library
  */
-"use strict";const icon=require("./icon-83e7d4d2.js"),a11y_tipps=require("./a11y.tipps-8c4b8396.js"),prop_validators=require("./prop.validators-cef94f6b.js"),validator=require("./validator-a391018d.js"),getRenderStates=t=>{const o="string"==typeof t._error&&t._error.length>0&&!0===t._touched,n="string"==typeof t._hint&&t._hint.length>0,e=[];return!0===o&&e.push(`${t._id}-error`),!0===n&&e.push(`${t._id}-hint`),{hasError:o,hasHint:n,ariaDiscribedBy:e}};class ControlledInputController{constructor(t,o){this.component=t,this.name=o}validateAlert(t){prop_validators.watchBoolean(this.component,"_alert",t)}validateTouched(t){prop_validators.watchBoolean(this.component,"_touched",t)}componentWillLoad(){this.validateAlert(this.component._alert),this.validateTouched(this.component._touched)}}const beforePatchIcon=(t,o)=>{const n=t;"object"==typeof n&&null!==n&&(validator.isString(n.right,1)&&(n.right={icon:n.right}),validator.isString(n.left,1)&&(n.left={icon:n.left}),o.set("_icon",n))};class InputController extends ControlledInputController{constructor(t,o){super(t,o),this.hideLabel=!1,this.onFacade={onBlur:this.onBlur.bind(this),onChange:this.onChange.bind(this),onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this)},this.component=t}validateAccessKey(t){prop_validators.watchString(this.component,"_accessKey",t)}validateDisabled(t){prop_validators.watchBoolean(this.component,"_disabled",t),!0===t&&a11y_tipps.a11yHintDisabled()}validateError(t){prop_validators.watchString(this.component,"_error",t,{minLength:0})}validateHideLabel(t){prop_validators.watchBoolean(this.component,"_hideLabel",t)}validateHint(t){prop_validators.watchString(this.component,"_hint",t)}validateIcon(t){prop_validators.objectObjectHandler(t,(()=>{try{t=prop_validators.parseJson(t)}catch(t){}prop_validators.watchValidator(this.component,"_icon",(t=>"object"==typeof t&&null!==t&&(validator.isString(t.left,1)||icon.isIcon(t.left)||validator.isString(t.right,1)||icon.isIcon(t.right))),new Set(["KoliBriInputIcon"]),t,{hooks:{beforePatch:beforePatchIcon},required:!0})}))}validateId(t){prop_validators.watchString(this.component,"_id",t),void 0===t&&a11y_tipps.devHint("Eine eindeutige ID an den Eingabefeldern ist nicht zwingend erforderlich, könnte aber für die E2E-Tests relevant sein.")}validateName(t){prop_validators.watchString(this.component,"_name",t),void 0===t&&a11y_tipps.devHint("Ein Name an den Eingabefeldern ist nicht zwingend erforderlich, könnte aber für die Autocomplete-Funktion des Eingabefeldes relevant sein.")}validateOn(t){"object"==typeof t&&prop_validators.setState(this.component,"_on",t)}validateSmartButton(t){prop_validators.objectObjectHandler(t,(()=>{try{t=prop_validators.parseJson(t)}catch(t){}prop_validators.setState(this.component,"_smartButton",t)}))}validateTabIndex(t){prop_validators.watchNumber(this.component,"_tabIndex",t)}componentWillLoad(){super.componentWillLoad(),this.validateAccessKey(this.component._accessKey),this.validateError(this.component._error),this.validateDisabled(this.component._disabled),this.validateHideLabel(this.component._hideLabel),this.validateHint(this.component._hint),this.validateIcon(this.component._icon),this.validateId(this.component._id),this.validateName(this.component._name),this.validateSmartButton(this.component._smartButton),this.validateOn(this.component._on),this.validateTabIndex(this.component._tabIndex)}onBlur(t){var o;this.component._alert=!0,this.component._touched=!0,"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onBlur)&&this.component._on.onBlur(t)}onChange(t){var o;"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onChange)&&this.component._on.onChange(t,t.target.value)}onClick(t){var o;"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onClick)&&this.component._on.onClick(t)}onFocus(t){var o;this.component._alert=!0,"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onFocus)&&this.component._on.onFocus(t)}setValue(t,o){var n;"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onChange)&&this.component._on.onChange(t,o)}}exports.InputController=InputController,exports.getRenderStates=getRenderStates;
+"use strict";const icon=require("./icon-d3e06146.js"),a11y_tipps=require("./a11y.tipps-54ec8bae.js"),prop_validators=require("./prop.validators-490c913d.js"),validator=require("./validator-a391018d.js"),getRenderStates=t=>{const o="string"==typeof t._error&&t._error.length>0&&!0===t._touched,n="string"==typeof t._hint&&t._hint.length>0,e=[];return!0===o&&e.push(`${t._id}-error`),!0===n&&e.push(`${t._id}-hint`),{hasError:o,hasHint:n,ariaDiscribedBy:e}};class ControlledInputController{constructor(t,o){this.component=t,this.name=o}validateAlert(t){prop_validators.watchBoolean(this.component,"_alert",t)}validateTouched(t){prop_validators.watchBoolean(this.component,"_touched",t)}componentWillLoad(){this.validateAlert(this.component._alert),this.validateTouched(this.component._touched)}}const beforePatchIcon=(t,o)=>{const n=t;"object"==typeof n&&null!==n&&(validator.isString(n.right,1)&&(n.right={icon:n.right}),validator.isString(n.left,1)&&(n.left={icon:n.left}),o.set("_icon",n))};class InputController extends ControlledInputController{constructor(t,o){super(t,o),this.hideLabel=!1,this.onFacade={onBlur:this.onBlur.bind(this),onChange:this.onChange.bind(this),onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this)},this.component=t}validateAccessKey(t){prop_validators.watchString(this.component,"_accessKey",t)}validateDisabled(t){prop_validators.watchBoolean(this.component,"_disabled",t),!0===t&&a11y_tipps.a11yHintDisabled()}validateError(t){prop_validators.watchString(this.component,"_error",t,{minLength:0})}validateHideLabel(t){prop_validators.watchBoolean(this.component,"_hideLabel",t)}validateHint(t){prop_validators.watchString(this.component,"_hint",t)}validateIcon(t){prop_validators.objectObjectHandler(t,(()=>{try{t=prop_validators.parseJson(t)}catch(t){}prop_validators.watchValidator(this.component,"_icon",(t=>"object"==typeof t&&null!==t&&(validator.isString(t.left,1)||icon.isIcon(t.left)||validator.isString(t.right,1)||icon.isIcon(t.right))),new Set(["KoliBriInputIcon"]),t,{hooks:{beforePatch:beforePatchIcon},required:!0})}))}validateId(t){prop_validators.watchString(this.component,"_id",t),void 0===t&&a11y_tipps.devHint("Eine eindeutige ID an den Eingabefeldern ist nicht zwingend erforderlich, könnte aber für die E2E-Tests relevant sein.")}validateName(t){prop_validators.watchString(this.component,"_name",t),void 0===t&&a11y_tipps.devHint("Ein Name an den Eingabefeldern ist nicht zwingend erforderlich, könnte aber für die Autocomplete-Funktion des Eingabefeldes relevant sein.")}validateOn(t){"object"==typeof t&&prop_validators.setState(this.component,"_on",t)}validateSmartButton(t){prop_validators.objectObjectHandler(t,(()=>{try{t=prop_validators.parseJson(t)}catch(t){}prop_validators.setState(this.component,"_smartButton",t)}))}validateTabIndex(t){prop_validators.watchNumber(this.component,"_tabIndex",t)}componentWillLoad(){super.componentWillLoad(),this.validateAccessKey(this.component._accessKey),this.validateError(this.component._error),this.validateDisabled(this.component._disabled),this.validateHideLabel(this.component._hideLabel),this.validateHint(this.component._hint),this.validateIcon(this.component._icon),this.validateId(this.component._id),this.validateName(this.component._name),this.validateSmartButton(this.component._smartButton),this.validateOn(this.component._on),this.validateTabIndex(this.component._tabIndex)}onBlur(t){var o;this.component._alert=!0,this.component._touched=!0,"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onBlur)&&this.component._on.onBlur(t)}onChange(t){var o;"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onChange)&&this.component._on.onChange(t,t.target.value)}onClick(t){var o;"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onClick)&&this.component._on.onClick(t)}onFocus(t){var o;this.component._alert=!0,"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onFocus)&&this.component._on.onFocus(t)}setValue(t,o){var n;"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onChange)&&this.component._on.onChange(t,o)}}exports.InputController=InputController,exports.getRenderStates=getRenderStates;

package/dist/cjs/{controller-7900f89f.js → controller-f4eac510.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - the accessible web component library
  */
-"use strict";const prop_validators=require("./prop.validators-cef94f6b.js"),propergateResetEventToForm=(e={})=>{for(;e.form instanceof HTMLElement&&"FORM"!==e.form.tagName&&"KOL-FORM"!==e.form.tagName;)e.form.parentElement instanceof HTMLElement?e.form=e.form.parentElement:e.form.parentNode instanceof ShadowRoot?e.form=e.form.parentNode.host:e.form=null;if(e.form instanceof HTMLElement){const o=new Event("reset",{bubbles:!0,cancelable:!0});if(prop_validators.setEventTargetAndStopPropagation(o,e.ref),"FORM"===e.form.tagName)e.form.dispatchEvent(o);else if("KOL-FORM"===e.form.tagName){const t=e.form;"object"==typeof t._on&&null!==typeof t._on&&"function"==typeof t._on.onReset&&t._on.onReset(o)}}},propergateSubmitEventToForm=(e={})=>{for(;e.form instanceof HTMLElement&&"FORM"!==e.form.tagName&&"KOL-FORM"!==e.form.tagName;)e.form.parentElement instanceof HTMLElement?e.form=e.form.parentElement:e.form.parentNode instanceof ShadowRoot?e.form=e.form.parentNode.host:e.form=null;if(e.form instanceof HTMLElement){const o=new SubmitEvent("submit",{bubbles:!0,cancelable:!0,submitter:e.ref});if(prop_validators.setEventTargetAndStopPropagation(o,e.ref),"FORM"===e.form.tagName)e.form.dispatchEvent(o);else if("KOL-FORM"===e.form.tagName){const t=e.form;"object"==typeof t._on&&null!==typeof t._on&&"function"==typeof t._on.onSubmit&&t._on.onSubmit(o)}}};exports.propergateResetEventToForm=propergateResetEventToForm,exports.propergateSubmitEventToForm=propergateSubmitEventToForm;
+"use strict";const prop_validators=require("./prop.validators-490c913d.js"),propergateResetEventToForm=(e={})=>{for(;e.form instanceof HTMLElement&&"FORM"!==e.form.tagName&&"KOL-FORM"!==e.form.tagName;)e.form.parentElement instanceof HTMLElement?e.form=e.form.parentElement:e.form.parentNode instanceof ShadowRoot?e.form=e.form.parentNode.host:e.form=null;if(e.form instanceof HTMLElement){const o=new Event("reset",{bubbles:!0,cancelable:!0});if(prop_validators.setEventTargetAndStopPropagation(o,e.ref),"FORM"===e.form.tagName)e.form.dispatchEvent(o);else if("KOL-FORM"===e.form.tagName){const t=e.form;"object"==typeof t._on&&null!==typeof t._on&&"function"==typeof t._on.onReset&&t._on.onReset(o)}}},propergateSubmitEventToForm=(e={})=>{for(;e.form instanceof HTMLElement&&"FORM"!==e.form.tagName&&"KOL-FORM"!==e.form.tagName;)e.form.parentElement instanceof HTMLElement?e.form=e.form.parentElement:e.form.parentNode instanceof ShadowRoot?e.form=e.form.parentNode.host:e.form=null;if(e.form instanceof HTMLElement){const o=new SubmitEvent("submit",{bubbles:!0,cancelable:!0,submitter:e.ref});if(prop_validators.setEventTargetAndStopPropagation(o,e.ref),"FORM"===e.form.tagName)e.form.dispatchEvent(o);else if("KOL-FORM"===e.form.tagName){const t=e.form;"object"==typeof t._on&&null!==typeof t._on&&"function"==typeof t._on.onSubmit&&t._on.onSubmit(o)}}};exports.propergateResetEventToForm=propergateResetEventToForm,exports.propergateSubmitEventToForm=propergateSubmitEventToForm;

package/dist/cjs/dev.utils-3c37c3f3.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - the accessible web component library
+ */
+"use strict";var commonjsGlobal="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function createCommonjsModule(e,t,o){return e(o={path:t,exports:{},require:function(e,t){return commonjsRequire()}},o.exports),o.exports}function commonjsRequire(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}var loglevel=createCommonjsModule((function(e){var t,o;t=commonjsGlobal,o=function(){var e=function(){},t="undefined",o=typeof window!==t&&typeof window.navigator!==t&&/Trident\/|MSIE /.test(window.navigator.userAgent),n=["trace","debug","info","warn","error"];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 r(){console.log&&(console.log.apply?console.log.apply(console,arguments):Function.prototype.apply.apply(console.log,[console,arguments])),console.trace&&console.trace()}function s(n){return"debug"===n&&(n="log"),typeof console!==t&&("trace"===n&&o?r:void 0!==console[n]?i(console,n):void 0!==console.log?i(console,"log"):e)}function l(t,o){for(var i=0;i<n.length;i++){var r=n[i];this[r]=i<t?e:this.methodFactory(r,t,o)}this.log=this.debug}function c(e,o,n){return function(){typeof console!==t&&(l.call(this,o,n),this[e].apply(this,arguments))}}function a(e,t,o){return s(e)||c.apply(this,arguments)}function d(e,o,i){var r,s=this;o=null==o?"WARN":o;var c="loglevel";function d(){var e;if(typeof window!==t&&c){try{e=window.localStorage[c]}catch(e){}if(typeof e===t)try{var o=window.document.cookie,n=o.indexOf(encodeURIComponent(c)+"=");-1!==n&&(e=/^([^;]+)/.exec(o.slice(n))[1])}catch(e){}return void 0===s.levels[e]&&(e=void 0),e}}"string"==typeof e?c+=":"+e:"symbol"==typeof e&&(c=void 0),s.name=e,s.levels={TRACE:0,DEBUG:1,INFO:2,WARN:3,ERROR:4,SILENT:5},s.methodFactory=i||a,s.getLevel=function(){return r},s.setLevel=function(o,i){if("string"==typeof o&&void 0!==s.levels[o.toUpperCase()]&&(o=s.levels[o.toUpperCase()]),!("number"==typeof o&&o>=0&&o<=s.levels.SILENT))throw"log.setLevel() called with invalid level: "+o;if(r=o,!1!==i&&function(e){var o=(n[e]||"silent").toUpperCase();if(typeof window!==t&&c){try{return void(window.localStorage[c]=o)}catch(e){}try{window.document.cookie=encodeURIComponent(c)+"="+o+";"}catch(e){}}}(o),l.call(s,o,e),typeof console===t&&o<s.levels.SILENT)return"No console available for logging"},s.setDefaultLevel=function(e){o=e,d()||s.setLevel(e,!1)},s.resetLevel=function(){s.setLevel(o,!1),function(){if(typeof window!==t&&c){try{return void window.localStorage.removeItem(c)}catch(e){}try{window.document.cookie=encodeURIComponent(c)+"=; expires=Thu, 01 Jan 1970 00:00:00 UTC"}catch(e){}}}()},s.enableAll=function(e){s.setLevel(s.levels.TRACE,e)},s.disableAll=function(e){s.setLevel(s.levels.SILENT,e)};var u=d();null==u&&(u=o),s.setLevel(u,!1)}var u=new d,g={};u.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=g[e];return t||(t=g[e]=new d(e,u.getLevel(),u.methodFactory)),t};var h=typeof window!==t?window.log:void 0;return u.noConflict=function(){return typeof window!==t&&window.log===u&&(window.log=h),u},u.getLoggers=function(){return g},u.default=u,u},e.exports?e.exports=o():t.log=o()}));class Injector{constructor(){this.services=new Map,this.lazyLoaders=new Set}register(e,t,o={lazy:!1}){if("string"==typeof e&&!1===this.services.has(e))return this.services.set(e,t),!0===(null==o?void 0:o.lazy)&&this.lazyLoaders.add(e),this;throw new Error(`The service '${e}' is allready registered!`)}get(e){if(this.lazyLoaders.has(e)&&(this.services.set(e,this.services.get(e)()),this.lazyLoaders.delete(e)),"string"==typeof e&&!0===this.services.has(e))return this.services.get(e);throw new Error(`The service '${e}' is not registered!`)}}const DI=new Injector,LOG_CACHE=[];function getEnvironment(){return"production"}class Logger{constructor(e,t={}){this.shield=[`%c${e}`,"string"==typeof t.shieldStyle&&t.shieldStyle.length>0?t.shieldStyle:"color: white; background: #666; font-weight: bold; font-size: 10px; padding: 2px 6px; border-radius: 3px; border: 1px solid #000"]}static getInstance(e,t={}){if("string"==typeof e&&e.length>0)return!1===Logger.instances.has(e)&&Logger.instances.set(e,new Logger(e)),Logger.instances.get(e);throw new Error("The identifier of the Logger must be a string with a min length of 1.")}log(e,t){switch("object"==typeof t.refObject&&null!==t.refObject&&"function"==typeof t.refObject.constructor&&"string"==typeof t.refObject.constructor.name&&(t.className=`[${t.refObject.constructor.name}]:`),LOG_CACHE.push({date:(new Date).toUTCString(),level:e,message:t}),e){case"trace":loglevel.trace(...this.shield,t);break;case"debug":loglevel.debug(...this.shield,t);break;case"info":loglevel.info(...this.shield,t);break;case"warn":loglevel.warn(...this.shield,t);break;default:loglevel.error(...this.shield,t)}}trace(e,t){return this.log("trace",{messageText:e,refObject:t}),this}debug(e,t){return this.log("debug",{messageText:e,refObject:t}),this}info(e,t){return this.log("info",{messageText:e,refObject:t}),this}warn(e,t){return this.log("warn",{messageText:e,refObject:t}),this}error(e,t){return this.log("error",{messageText:e,refObject:t}),this}static get cache(){return[].concat(LOG_CACHE)}}switch(Logger.instances=new Map,getEnvironment()){case"development":loglevel.setDefaultLevel("trace");break;case"test":loglevel.setDefaultLevel("warn");break;default:loglevel.setDefaultLevel("error")}Logger.getInstance("leanup");class ModalService{constructor(){this.lockedElements=new Map,this.modalStack=new Map}lockElement(e){const t=e.getAttribute("tabindex");(e instanceof HTMLAnchorElement||e instanceof HTMLButtonElement||e instanceof HTMLInputElement||e instanceof HTMLSelectElement||e instanceof HTMLTextAreaElement||"string"==typeof t||void 0!==e.dataset.kolModal)&&("string"==typeof t?this.lockedElements.set(e,{tabIndex:t}):this.lockedElements.set(e,{}),e.setAttribute("tabindex","-1"),e.setAttribute("aria-hidden","true"),e.style.userSelect="none")}unlockElement(e,t){"string"==typeof e.tabIndex?t.setAttribute("tabindex",e.tabIndex):t.removeAttribute("tabindex"),t.removeAttribute("aria-hidden"),t.style.userSelect="unset",this.lockedElements.delete(t)}unlockLockedElements(e){e.forEach(this.unlockElement.bind(this))}lockFocus(e,t){if(e!==t&&(e instanceof HTMLElement||e instanceof ShadowRoot)){e instanceof HTMLElement&&(this.lockElement(e),this.lockFocus(e.shadowRoot,t));for(let o=0;o<e.children.length;o++)this.lockFocus(e.children[o],t)}}renderModalIfExists(e){if(e instanceof HTMLElement){this.lockedElements.has(e)&&this.unlockElement(this.lockedElements.get(e),e);const t=setTimeout((()=>{clearTimeout(t),e.focus()}),500)}if(this.unlockLockedElements(this.lockedElements),this.modalStack.size>0){const e=Array.from(this.modalStack.keys()),t=e[e.length-1];this.modalStack.forEach(((e,o)=>{o.style.display=t===o?"inline":"none"})),getDocument().body.style.maxHeight="100vh",getDocument().body.style.overflow="hidden",this.lockFocus(getDocument().body,t)}else getDocument().body.style.maxHeight="unset",getDocument().body.style.overflow="unset"}openModal(e,t){e instanceof HTMLElement==!1?Log.warn("[KolModalService] Die DOM-Referenz des Modals ist nicht valide."):(this.modalStack.set(e,{activeElement:t}),this.renderModalIfExists())}closeModal(e){var t;if(e instanceof HTMLElement==!1)Log.warn("[KolModalService] Die DOM-Referenz des Modals ist nicht valide.");else{const o=null===(t=this.modalStack.get(e))||void 0===t?void 0:t.activeElement;this.modalStack.delete(e),this.renderModalIfExists(o)}}}class ToasterService{constructor(e){this.document=e,this.queue=new Set,this.isOpen=!1,this.toastElement=this.document.createElement("kol-toast"),this.toastElement.setAttribute("_level","3"),this.toastElement.setAttribute("_show","false"),this.toastElement.setAttribute("_show-duration","-1"),this.toastElement.setAttribute("_has-closer","true"),this.toastElement._on={onClose:()=>{const e=this.queue.values().next();e.value?(this.queue.delete(e.value),setTimeout((()=>{this.showToast(e.value)}),200)):this.isOpen=!1}},this.document.body.insertBefore(this.toastElement,this.document.body.firstChild)}enqueue(e){this.isOpen?this.queue.add(e):this.showToast(e)}showToast(e){this.toastElement.setAttribute("_heading",e.heading),this.toastElement.setAttribute("_show","true"),this.toastElement.setAttribute("_type",e.type),this.toastElement.innerText=e.description,this.isOpen=!0}}let WINDOW=null,DOCUMENT=null;const configKoliBri=e=>{e instanceof Window?(WINDOW=e,WINDOW.document instanceof Document?DOCUMENT=e.document:console.warn("The given Window has no valid Document.")):console.warn("The given Window is not valid.")},getWindow=()=>WINDOW||"undefined"==typeof window?null:window,getDocument=()=>DOCUMENT||void 0===getWindow().document?null:getWindow().document;let META_CONFIG=null,DEV_MODE=null,COLOR_CONTRAST_ANALYSIS=null;const getDevMode=()=>!0===DEV_MODE,getColorContrastAnalysis=()=>!0===COLOR_CONTRAST_ANALYSIS;class Log{static mapToArray(e){return Array.isArray(e)?e:[e]}static handleClassifier(e){return"string"==typeof e&&e.length>0?`${Log.shield.label} | ${e}`:Log.shield.label}static getShield(e){return[Log.handleClassifier(null==e?void 0:e.classifier),`${Log.shield.style};${(null==e?void 0:e.overwriteStyle)||""}`]}static debug(e,t){(DEV_MODE||!0===(null==t?void 0:t.forceLog))&&console.log(...Log.getShield(t),...Log.mapToArray(e))}static info(e,t){(DEV_MODE||!0===(null==t?void 0:t.forceLog))&&console.info(...Log.getShield(t),...Log.mapToArray(e))}static trace(e,t){(DEV_MODE||!0===(null==t?void 0:t.forceLog))&&console.trace(...Log.getShield(t),...Log.mapToArray(e))}static warn(e,t){(DEV_MODE||!0===(null==t?void 0:t.forceLog))&&console.warn(...Log.getShield(t),...Log.mapToArray(e))}static error(e,t){(DEV_MODE||!0===(null==t?void 0:t.forceLog))&&console.error(...Log.getShield(t),...Log.mapToArray(e))}static throw(e,t){if(DEV_MODE||!0===(null==t?void 0:t.forceLog))throw new Error(...Log.getShield(t),...Log.mapToArray(e))}}Log.shield={label:"%cKoliBri",style:"color: white; background: #666; font-weight: bold; padding: .25em .5em; border-radius: 3px; border: 1px solid #000"};const initMeta=()=>{if(null===DEV_MODE&&null===COLOR_CONTRAST_ANALYSIS){const e=getDocument().querySelector('meta[name="kolibri"]');e&&e.hasAttribute("content")&&(META_CONFIG=e.getAttribute("content"),"string"==typeof META_CONFIG&&(DEV_MODE=META_CONFIG.includes("dev-mode=true"),COLOR_CONTRAST_ANALYSIS=META_CONFIG.includes("color-contrast-analysis=true")))}else console.warn("You can only initialize DEV_MODE and COLOR_CONTRAST_ANALYSIS once.")};exports.KoliBri=null;const getKoliBri=()=>exports.KoliBri||{},initKoliBri=()=>{null===exports.KoliBri?(exports.KoliBri=getWindow().KoliBri||{},DI.register("Modal",new ModalService),DI.register("Toaster",new ToasterService(getDocument())),Object.defineProperty(exports.KoliBri,"DI",{get:function(){return DI}}),Object.defineProperty(exports.KoliBri,"Modal",{get:function(){return DI.get("Modal")}}),Object.defineProperty(exports.KoliBri,"Toaster",{get:function(){return DI.get("Toaster")}}),initMeta()):console.warn("You can only initialize KoliBri once.")},renderDevAdvice=()=>{void 0===getWindow().KoliBri&&Object.defineProperty(window,"KoliBri",{get:function(){return exports.KoliBri}}),!0!==getKoliBri().adviceShown&&(Object.defineProperty(exports.KoliBri,"adviceShown",{get:function(){return!0}}),Log.debug("\n\nSie verwenden die KoliBri-Komponenten-Bibliothek. Sollten Sie Verbesserungsvorschläge haben oder ein Problem feststellen, dann wenden Sie sich gerne an kolibri@itzbund.de.\n\nHinweise:\n- WAI Web Accessibility Tutorials (https://www.w3.org/WAI/tutorials/)\n- The first rule of ARIA is “Don't use ARIA” (https://cccaccessibility.org/web-1/web-developer-tutorials/how-not-to-use-aria)\n- BIK BITV-Test (https://www.bitvtest.de/bitv_test.html)\n- A11y-Checkliste (https://www.a11yproject.com/checklist/)\n- BSI CON.10: Entwicklung von Webanwendungen (Edition 2021)\n\n"))};let nonce=()=>Math.floor(16777215*Math.random()).toString(16);exports.Injector=Injector,exports.Log=Log,exports.ToasterService=ToasterService,exports.configKoliBri=configKoliBri,exports.getColorContrastAnalysis=getColorContrastAnalysis,exports.getDevMode=getDevMode,exports.getDocument=getDocument,exports.getKoliBri=getKoliBri,exports.getWindow=getWindow,exports.initKoliBri=initKoliBri,exports.loglevel=loglevel,exports.nonce=nonce,exports.renderDevAdvice=renderDevAdvice;

package/dist/cjs/{devtools-e891d7f7.js → devtools-b7556d66.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - the accessible web component library
  */
-"use strict";const dev_utils=require("./dev.utils-f4f2b4e4.js"),prop_validators=require("./prop.validators-cef94f6b.js");function prototypeKoliBri(e,t){try{Object.defineProperty(dev_utils.KoliBri,e,{get:function(){return t}})}catch(t){dev_utils.Log.debug(`KoliBri property ${e} is already bind.`)}}require("./index.m-d4f02c88.js"),require("./a11y.tipps-8c4b8396.js"),require("./register-4992ac98.js");const initialize=()=>{if(dev_utils.initKoliBri(),dev_utils.getDevMode()){dev_utils.renderDevAdvice(),prototypeKoliBri("a11yColorContrast",prop_validators.koliBriA11yColorContrast),prototypeKoliBri("querySelector",prop_validators.koliBriQuerySelector),prototypeKoliBri("querySelectorAll",prop_validators.koliBriQuerySelectorAll),prototypeKoliBri("querySelectorColors",prop_validators.koliBriQuerySelectorColors),prototypeKoliBri("utils",(function(){return prop_validators.KoliBriUtils})),prototypeKoliBri("parseJson",prop_validators.parseJson),prototypeKoliBri("stringifyJson",prop_validators.stringifyJson);const e=dev_utils.getDocument().body,t=dev_utils.getDocument().createElement("svg");if(t.setAttribute("aria-label","KoliBri-DevTools"),t.setAttribute("xmlns","http://www.w3.org/2000/svg"),t.setAttribute("role","toolbar"),t.setAttribute("style","position: fixed;color: black;font-size: 200%;bottom: 0.25rem;right: 0.25rem;"),t.innerHTML='<svg\n  xmlns="http://www.w3.org/2000/svg"\n  width="50"\n  height="50"\n  viewBox="0 0 600 600"\n>\n  <path d="M353 322L213 304V434L353 322Z" fill="#047" />\n  <path d="M209 564V304L149 434L209 564Z" fill="#047" />\n  <path d="M357 316L417 250L361 210L275 244L357 316Z" fill="#047" />\n  <path d="M353 318L35 36L213 300L353 318Z" fill="#047" />\n  <path d="M329 218L237 92L250 222L272 241L329 218Z" fill="#047" />\n  <path d="M391 286L565 272L421 252L391 286Z" fill="#047" />\n</svg>',dev_utils.getDocument().body.appendChild(t),dev_utils.Log.debug("Wer weiß, wie Intelligence im VS Code auch bei peerDependencies funktioniert?\n\nAutovervollständigung funktioniert bei uns nur mit Paketen, die auch in der package.json eingetragen sind unabhängig davon das sie in den node_modules liegen."),dev_utils.getColorContrastAnalysis()){dev_utils.Log.debug("Color-Contrast-Analysis activated");const t=setTimeout((()=>{clearTimeout(t),setInterval((()=>{prop_validators.KoliBriUtils.queryHtmlElementColors(dev_utils.getDocument().createElement("div"),prop_validators.koliBriA11yColorContrast(e),!1,!1)}),1e4)}),2500)}else dev_utils.Log.debug("Color-Contrast-Analysis not activated")}};exports.initialize=initialize;
+"use strict";const dev_utils=require("./dev.utils-3c37c3f3.js"),prop_validators=require("./prop.validators-490c913d.js");function prototypeKoliBri(e,t){try{Object.defineProperty(dev_utils.KoliBri,e,{get:function(){return t}})}catch(t){dev_utils.Log.debug(`KoliBri property ${e} is already bind.`)}}require("./index.m-d4f02c88.js"),require("./a11y.tipps-54ec8bae.js"),require("./register-2a6fd996.js");const initialize=()=>{if(dev_utils.initKoliBri(),dev_utils.getDevMode()){dev_utils.renderDevAdvice(),prototypeKoliBri("a11yColorContrast",prop_validators.koliBriA11yColorContrast),prototypeKoliBri("querySelector",prop_validators.koliBriQuerySelector),prototypeKoliBri("querySelectorAll",prop_validators.koliBriQuerySelectorAll),prototypeKoliBri("querySelectorColors",prop_validators.koliBriQuerySelectorColors),prototypeKoliBri("utils",(function(){return prop_validators.KoliBriUtils})),prototypeKoliBri("parseJson",prop_validators.parseJson),prototypeKoliBri("stringifyJson",prop_validators.stringifyJson);const e=dev_utils.getDocument().body,t=dev_utils.getDocument().createElement("svg");if(t.setAttribute("aria-label","KoliBri-DevTools"),t.setAttribute("xmlns","http://www.w3.org/2000/svg"),t.setAttribute("role","toolbar"),t.setAttribute("style","position: fixed;color: black;font-size: 200%;bottom: 0.25rem;right: 0.25rem;"),t.innerHTML='<svg\n  xmlns="http://www.w3.org/2000/svg"\n  width="50"\n  height="50"\n  viewBox="0 0 600 600"\n>\n  <path d="M353 322L213 304V434L353 322Z" fill="#047" />\n  <path d="M209 564V304L149 434L209 564Z" fill="#047" />\n  <path d="M357 316L417 250L361 210L275 244L357 316Z" fill="#047" />\n  <path d="M353 318L35 36L213 300L353 318Z" fill="#047" />\n  <path d="M329 218L237 92L250 222L272 241L329 218Z" fill="#047" />\n  <path d="M391 286L565 272L421 252L391 286Z" fill="#047" />\n</svg>',dev_utils.getDocument().body.appendChild(t),dev_utils.Log.debug("Wer weiß, wie Intelligence im VS Code auch bei peerDependencies funktioniert?\n\nAutovervollständigung funktioniert bei uns nur mit Paketen, die auch in der package.json eingetragen sind unabhängig davon das sie in den node_modules liegen."),dev_utils.getColorContrastAnalysis()){dev_utils.Log.debug("Color-Contrast-Analysis activated");const t=setTimeout((()=>{clearTimeout(t),setInterval((()=>{prop_validators.KoliBriUtils.queryHtmlElementColors(dev_utils.getDocument().createElement("div"),prop_validators.koliBriA11yColorContrast(e),!1,!1)}),1e4)}),2500)}else dev_utils.Log.debug("Color-Contrast-Analysis not activated")}};exports.initialize=initialize;

package/dist/cjs/{icon-83e7d4d2.js → icon-d3e06146.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - the accessible web component library
  */
-"use strict";const prop_validators=require("./prop.validators-cef94f6b.js"),validator=require("./validator-a391018d.js"),beforePatchIcon=t=>{var o,i,n,e,a,l,c,r,s,d;if(null===(o=t.nextState)||void 0===o?void 0:o.has("_icon")){const o=null===(i=t.nextState)||void 0===i?void 0:i.get("_icon");if("string"==typeof o&&o.length>0)switch((null===(n=t.nextState)||void 0===n?void 0:n.get("_iconAlign"))||t.state._iconAlign){case"left":null===(e=t.nextState)||void 0===e||e.set("_icon",{left:{icon:`icofont-${o}`}});break;case"right":null===(a=t.nextState)||void 0===a||a.set("_icon",{right:{icon:`icofont-${o}`}});break;default:null===(l=t.nextState)||void 0===l||l.set("_icon",{left:{icon:`icofont-${o}`}})}else"object"==typeof o&&null!==o&&(validator.isString(o.top,1)&&(o.top={icon:o.top}),validator.isString(o.right,1)&&(o.right={icon:o.right}),validator.isString(o.bottom,1)&&(o.bottom={icon:o.bottom}),validator.isString(o.left,1)&&(o.left={icon:o.left}),null===(c=t.nextState)||void 0===c||c.set("_icon",o))}else if(null===(r=t.nextState)||void 0===r?void 0:r.has("_iconAlign")){const o=t.state._iconAlign;null===(s=t.nextState)||void 0===s||s.set("_icon",{[o]:void 0,[null===(d=t.nextState)||void 0===d?void 0:d.get("_iconAlign")]:t.state._icon[o]})}},isIcon=t=>"object"==typeof t&&null!==t&&(void 0===t.style||validator.isStyle(t.style))&&validator.isString(t.icon,1),watchIcon=(t,o)=>{prop_validators.objectObjectHandler(o,(()=>{try{o=prop_validators.parseJson(o)}catch(t){}prop_validators.watchValidator(t,"_icon",(t=>null===t||validator.isString(t,1)||"object"==typeof t&&null!==t&&(validator.isString(t.left,1)||isIcon(t.left)||validator.isString(t.right,1)||isIcon(t.right)||validator.isString(t.top,1)||isIcon(t.top)||validator.isString(t.bottom,1)||isIcon(t.bottom))),new Set(["KoliBriIcon"]),o,{hooks:{beforePatch:(o,i)=>{null===o&&i.set("_icon",{}),beforePatchIcon(t)}},required:!0})}))},watchIconAlign=(t,o)=>{prop_validators.watchValidator(t,"_iconAlign",(t=>"left"===t||"right"===t),new Set(["Alignment {left, right, top, bottom}"]),o,{hooks:{beforePatch:()=>{beforePatchIcon(t)}}})};exports.isIcon=isIcon,exports.watchIcon=watchIcon,exports.watchIconAlign=watchIconAlign;
+"use strict";const prop_validators=require("./prop.validators-490c913d.js"),validator=require("./validator-a391018d.js"),beforePatchIcon=t=>{var o,i,n,e,a,l,c,r,s,d;if(null===(o=t.nextState)||void 0===o?void 0:o.has("_icon")){const o=null===(i=t.nextState)||void 0===i?void 0:i.get("_icon");if("string"==typeof o&&o.length>0)switch((null===(n=t.nextState)||void 0===n?void 0:n.get("_iconAlign"))||t.state._iconAlign){case"left":null===(e=t.nextState)||void 0===e||e.set("_icon",{left:{icon:`icofont-${o}`}});break;case"right":null===(a=t.nextState)||void 0===a||a.set("_icon",{right:{icon:`icofont-${o}`}});break;default:null===(l=t.nextState)||void 0===l||l.set("_icon",{left:{icon:`icofont-${o}`}})}else"object"==typeof o&&null!==o&&(validator.isString(o.top,1)&&(o.top={icon:o.top}),validator.isString(o.right,1)&&(o.right={icon:o.right}),validator.isString(o.bottom,1)&&(o.bottom={icon:o.bottom}),validator.isString(o.left,1)&&(o.left={icon:o.left}),null===(c=t.nextState)||void 0===c||c.set("_icon",o))}else if(null===(r=t.nextState)||void 0===r?void 0:r.has("_iconAlign")){const o=t.state._iconAlign;null===(s=t.nextState)||void 0===s||s.set("_icon",{[o]:void 0,[null===(d=t.nextState)||void 0===d?void 0:d.get("_iconAlign")]:t.state._icon[o]})}},isIcon=t=>"object"==typeof t&&null!==t&&(void 0===t.style||validator.isStyle(t.style))&&validator.isString(t.icon,1),watchIcon=(t,o)=>{prop_validators.objectObjectHandler(o,(()=>{try{o=prop_validators.parseJson(o)}catch(t){}prop_validators.watchValidator(t,"_icon",(t=>null===t||validator.isString(t,1)||"object"==typeof t&&null!==t&&(validator.isString(t.left,1)||isIcon(t.left)||validator.isString(t.right,1)||isIcon(t.right)||validator.isString(t.top,1)||isIcon(t.top)||validator.isString(t.bottom,1)||isIcon(t.bottom))),new Set(["KoliBriIcon"]),o,{hooks:{beforePatch:(o,i)=>{null===o&&i.set("_icon",{}),beforePatchIcon(t)}},required:!0})}))},watchIconAlign=(t,o)=>{prop_validators.watchValidator(t,"_iconAlign",(t=>"left"===t||"right"===t),new Set(["Alignment {left, right, top, bottom}"]),o,{hooks:{beforePatch:()=>{beforePatchIcon(t)}}})};exports.isIcon=isIcon,exports.watchIcon=watchIcon,exports.watchIconAlign=watchIconAlign;

package/dist/cjs/index-6301c622.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - the accessible web component library
+ */
+"use strict";const index=require("./index-4c07edf5.js");var colorParse=parse,baseHues={red:0,orange:60,yellow:120,green:180,blue:240,purple:300};function parse(r){var e,a,s=[],t=1;if("string"==typeof r)if(index.colorName[r])s=index.colorName[r].slice(),a="rgb";else if("transparent"===r)t=0,a="rgb",s=[0,0,0];else if(/^#[A-Fa-f0-9]+$/.test(r)){var l=r.slice(1);t=1,(o=l.length)<=4?(s=[parseInt(l[0]+l[0],16),parseInt(l[1]+l[1],16),parseInt(l[2]+l[2],16)],4===o&&(t=parseInt(l[3]+l[3],16)/255)):(s=[parseInt(l[0]+l[1],16),parseInt(l[2]+l[3],16),parseInt(l[4]+l[5],16)],8===o&&(t=parseInt(l[6]+l[7],16)/255)),s[0]||(s[0]=0),s[1]||(s[1]=0),s[2]||(s[2]=0),a="rgb"}else if(e=/^((?:rgb|hs[lvb]|hwb|cmyk?|xy[zy]|gray|lab|lchu?v?|[ly]uv|lms)a?)\s*\(([^\)]*)\)/.exec(r)){var n=e[1],i="rgb"===n;a=l=n.replace(/a$/,"");var o="cmyk"===l?4:"gray"===l?1:3;s=e[2].trim().split(/\s*[,\/]\s*|\s+/).map((function(r,e){if(/%$/.test(r))return e===o?parseFloat(r)/100:"rgb"===l?255*parseFloat(r)/100:parseFloat(r);if("h"===l[e]){if(/deg$/.test(r))return parseFloat(r);if(void 0!==baseHues[r])return baseHues[r]}return parseFloat(r)})),n===l&&s.push(1),t=i||void 0===s[o]?1:s[o],s=s.slice(0,o)}else r.length>10&&/[0-9](?:\s|\/)/.test(r)&&(s=r.match(/([0-9]+)/g).map((function(r){return parseFloat(r)})),a=r.match(/([a-z])/gi).join("").toLowerCase());else isNaN(r)?Array.isArray(r)||r.length?(s=[r[0],r[1],r[2]],a="rgb",t=4===r.length?r[3]:1):r instanceof Object&&(null!=r.r||null!=r.red||null!=r.R?(a="rgb",s=[r.r||r.red||r.R||0,r.g||r.green||r.G||0,r.b||r.blue||r.B||0]):(a="hsl",s=[r.h||r.hue||r.H||0,r.s||r.saturation||r.S||0,r.l||r.lightness||r.L||r.b||r.brightness]),t=r.a||r.alpha||r.opacity||1,null!=r.opacity&&(t/=100)):(a="rgb",s=[r>>>16,(65280&r)>>>8,255&r]);return{space:a,values:s,alpha:t}}var colorRgba=function(r){var e;Array.isArray(r)&&r.raw&&(r=String.raw.apply(null,arguments));var a=colorParse(r);if(!a.space)return[];var s=[0,0,0],t="h"===a.space[0]?[360,100,100]:[255,255,255];return(e=Array(3))[0]=Math.min(Math.max(a.values[0],s[0]),t[0]),e[1]=Math.min(Math.max(a.values[1],s[1]),t[1]),e[2]=Math.min(Math.max(a.values[2],s[2]),t[2]),"h"===a.space[0]&&(e=hsl2rgb(e)),e.push(Math.min(Math.max(a.alpha,0),1)),e};function hsl2rgb(r){var e,a,s,t,l,n=r[0]/360,i=r[1]/100,o=r[2]/100,p=0;if(0===i)return[l=255*o,l,l];for(e=2*o-(a=o<.5?o*(1+i):o+i-o*i),t=[0,0,0];p<3;)(s=n+1/3*-(p-1))<0?s++:s>1&&s--,l=6*s<1?e+6*(a-e)*s:2*s<1?a:3*s<2?e+(a-e)*(2/3-s)*6:e,t[p++]=255*l;return t}exports.colorRgba=colorRgba;

package/dist/cjs/index-e6ae017d.js

@@ -0,0 +1,5 @@
+/*!
+ * KoliBri - the accessible web component library
+ */
+"use strict";function _interopNamespace(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(s){if("default"!==s){var o=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,o.get?o:{enumerable:!0,get:function(){return e[s]}})}})),t.default=e,Object.freeze(t)}const NAMESPACE="kolibri";let scopeId,contentRef,hostTagName,useNativeShadowDom=!1,checkSlotFallbackVisibility=!1,checkSlotRelocate=!1,isSvgMode=!1;const createTime=(e,t="")=>()=>{},uniqueTime=(e,t)=>()=>{},HYDRATED_CSS="{visibility:hidden}.hydrated{visibility:inherit}",XLINK_NS="http://www.w3.org/1999/xlink",EMPTY_OBJ={},SVG_NS="http://www.w3.org/2000/svg",HTML_NS="http://www.w3.org/1999/xhtml",isDef=e=>null!=e,isComplexType=e=>"object"===(e=typeof e)||"function"===e,h=(e,t,...s)=>{let o=null,n=null,l=null,a=!1,r=!1;const $=[],c=t=>{for(let s=0;s<t.length;s++)o=t[s],Array.isArray(o)?c(o):null!=o&&"boolean"!=typeof o&&((a="function"!=typeof e&&!isComplexType(o))&&(o=String(o)),a&&r?$[$.length-1].$text$+=o:$.push(a?newVNode(null,o):o),r=a)};if(c(s),t){t.key&&(n=t.key),t.name&&(l=t.name);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,$,vdomFnUtils);const i=newVNode(e,null);return i.$attrs$=t,$.length>0&&(i.$children$=$),i.$key$=n,i.$name$=l,i},newVNode=(e,t)=>{const s={$flags$:0,$tag$:e,$text$:t,$elm$:null,$children$:null,$attrs$:null,$key$:null,$name$:null};return s},Host={},isHost=e=>e&&e.$tag$===Host,vdomFnUtils={forEach:(e,t)=>e.map(convertToPublic).forEach(t),map:(e,t)=>e.map(convertToPublic).map(t).map(convertToPrivate)},convertToPublic=e=>({vattrs:e.$attrs$,vchildren:e.$children$,vkey:e.$key$,vname:e.$name$,vtag:e.$tag$,vtext:e.$text$}),convertToPrivate=e=>{if("function"==typeof e.vtag){const t=Object.assign({},e.vattrs);return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),h(e.vtag,t,...e.vchildren||[])}const t=newVNode(e.vtag,e.vtext);return t.$attrs$=e.vattrs,t.$children$=e.vchildren,t.$key$=e.vkey,t.$name$=e.vname,t},computeMode=e=>modeResolutionChain.map((t=>t(e))).find((e=>!!e)),setMode=e=>modeResolutionChain.push(e),parsePropertyValue=(e,t)=>null==e||isComplexType(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?String(e):e,emitEvent=(e,t,s)=>{const o=plt.ce(t,s);return e.dispatchEvent(o),o},rootAppliedStyles=new WeakMap,registerStyle=(e,t,s)=>{let o=styles.get(e);supportsConstructableStylesheets&&s?(o=o||new CSSStyleSheet,"string"==typeof o?o=t:o.replaceSync(t)):o=t,styles.set(e,o)},addStyle=(e,t,s,o)=>{let n=getScopeId(t,s);const l=styles.get(n);if(e=11===e.nodeType?e:doc,l)if("string"==typeof l){e=e.head||e;let t,s=rootAppliedStyles.get(e);s||rootAppliedStyles.set(e,s=new Set),s.has(n)||(t=doc.createElement("style"),t.innerHTML=l,e.insertBefore(t,e.querySelector("link")),s&&s.add(n))}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return n},attachStyles=e=>{const t=e.$cmpMeta$,s=e.$hostElement$,o=t.$flags$,n=(t.$tagName$,()=>{}),l=addStyle(s.shadowRoot?s.shadowRoot:s.getRootNode(),t,e.$modeName$);10&o&&(s["s-sc"]=l,s.classList.add(l+"-h")),n()},getScopeId=(e,t)=>"sc-"+(t&&32&e.$flags$?e.$tagName$+"-"+t:e.$tagName$),setAccessor=(e,t,s,o,n,l)=>{if(s!==o){let a=isMemberInElement(e,t),r=t.toLowerCase();if("class"===t){const t=e.classList,n=parseClassList(s),l=parseClassList(o);t.remove(...n.filter((e=>e&&!l.includes(e)))),t.add(...l.filter((e=>e&&!n.includes(e))))}else if("style"===t){for(const t in s)o&&null!=o[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in o)s&&o[t]===s[t]||(t.includes("-")?e.style.setProperty(t,o[t]):e.style[t]=o[t])}else if("key"===t);else if("ref"===t)o&&o(e);else if(a||"o"!==t[0]||"n"!==t[1]){const $=isComplexType(o);if((a||$&&null!==o)&&!n)try{if(e.tagName.includes("-"))e[t]=o;else{const n=null==o?"":o;"list"===t?a=!1:null!=s&&e[t]==n||(e[t]=n)}}catch(e){}let c=!1;r!==(r=r.replace(/^xlink\:?/,""))&&(t=r,c=!0),null==o||!1===o?!1===o&&""!==e.getAttribute(t)||(c?e.removeAttributeNS(XLINK_NS,t):e.removeAttribute(t)):(!a||4&l||n)&&!$&&(o=!0===o?"":o,c?e.setAttributeNS(XLINK_NS,t,o):e.setAttribute(t,o))}else t="-"===t[2]?t.slice(3):isMemberInElement(win,r)?r.slice(2):r[2]+t.slice(3),s&&plt.rel(e,t,s,!1),o&&plt.ael(e,t,o,!1)}},parseClassListRegex=/\s/,parseClassList=e=>e?e.split(parseClassListRegex):[],updateElement=(e,t,s,o)=>{const n=11===t.$elm$.nodeType&&t.$elm$.host?t.$elm$.host:t.$elm$,l=e&&e.$attrs$||EMPTY_OBJ,a=t.$attrs$||EMPTY_OBJ;for(o in l)o in a||setAccessor(n,o,l[o],void 0,s,t.$flags$);for(o in a)setAccessor(n,o,l[o],a[o],s,t.$flags$)},createElm=(e,t,s,o)=>{const n=t.$children$[s];let l,a,r,$=0;if(useNativeShadowDom||(checkSlotRelocate=!0,"slot"===n.$tag$&&(scopeId&&o.classList.add(scopeId+"-s"),n.$flags$|=n.$children$?2:1)),null!==n.$text$)l=n.$elm$=doc.createTextNode(n.$text$);else if(1&n.$flags$)l=n.$elm$=doc.createTextNode("");else{if(isSvgMode||(isSvgMode="svg"===n.$tag$),l=n.$elm$=doc.createElementNS(isSvgMode?SVG_NS:HTML_NS,2&n.$flags$?"slot-fb":n.$tag$),isSvgMode&&"foreignObject"===n.$tag$&&(isSvgMode=!1),updateElement(null,n,isSvgMode),null!=scopeId&&l["s-si"]!==scopeId&&l.classList.add(l["s-si"]=scopeId),n.$children$)for($=0;$<n.$children$.length;++$)a=createElm(e,n,$,l),a&&l.appendChild(a);"svg"===n.$tag$?isSvgMode=!1:"foreignObject"===l.tagName&&(isSvgMode=!0)}return l["s-hn"]=hostTagName,3&n.$flags$&&(l["s-sr"]=!0,l["s-cr"]=contentRef,l["s-sn"]=n.$name$||"",r=e&&e.$children$&&e.$children$[s],r&&r.$tag$===n.$tag$&&e.$elm$&&putBackInOriginalLocation(e.$elm$,!1)),l},putBackInOriginalLocation=(e,t)=>{plt.$flags$|=1;const s=e.childNodes;for(let e=s.length-1;e>=0;e--){const o=s[e];o["s-hn"]!==hostTagName&&o["s-ol"]&&(parentReferenceNode(o).insertBefore(o,referenceNode(o)),o["s-ol"].remove(),o["s-ol"]=void 0,checkSlotRelocate=!0),t&&putBackInOriginalLocation(o,t)}plt.$flags$&=-2},addVnodes=(e,t,s,o,n,l)=>{let a,r=e["s-cr"]&&e["s-cr"].parentNode||e;for(r.shadowRoot&&r.tagName===hostTagName&&(r=r.shadowRoot);n<=l;++n)o[n]&&(a=createElm(null,s,n,e),a&&(o[n].$elm$=a,r.insertBefore(a,referenceNode(t))))},removeVnodes=(e,t,s,o,n)=>{for(;t<=s;++t)(o=e[t])&&(n=o.$elm$,callNodeRefs(o),checkSlotFallbackVisibility=!0,n["s-ol"]?n["s-ol"].remove():putBackInOriginalLocation(n,!0),n.remove())},updateChildren=(e,t,s,o)=>{let n,l,a=0,r=0,$=0,c=0,i=t.length-1,d=t[0],p=t[i],m=o.length-1,f=o[0],h=o[m];for(;a<=i&&r<=m;)if(null==d)d=t[++a];else if(null==p)p=t[--i];else if(null==f)f=o[++r];else if(null==h)h=o[--m];else if(isSameVnode(d,f))patch(d,f),d=t[++a],f=o[++r];else if(isSameVnode(p,h))patch(p,h),p=t[--i],h=o[--m];else if(isSameVnode(d,h))"slot"!==d.$tag$&&"slot"!==h.$tag$||putBackInOriginalLocation(d.$elm$.parentNode,!1),patch(d,h),e.insertBefore(d.$elm$,p.$elm$.nextSibling),d=t[++a],h=o[--m];else if(isSameVnode(p,f))"slot"!==d.$tag$&&"slot"!==h.$tag$||putBackInOriginalLocation(p.$elm$.parentNode,!1),patch(p,f),e.insertBefore(p.$elm$,d.$elm$),p=t[--i],f=o[++r];else{for($=-1,c=a;c<=i;++c)if(t[c]&&null!==t[c].$key$&&t[c].$key$===f.$key$){$=c;break}$>=0?(l=t[$],l.$tag$!==f.$tag$?n=createElm(t&&t[r],s,$,e):(patch(l,f),t[$]=void 0,n=l.$elm$),f=o[++r]):(n=createElm(t&&t[r],s,r,e),f=o[++r]),n&&parentReferenceNode(d.$elm$).insertBefore(n,referenceNode(d.$elm$))}a>i?addVnodes(e,null==o[m+1]?null:o[m+1].$elm$,s,o,r,m):r>m&&removeVnodes(t,a,i)},isSameVnode=(e,t)=>e.$tag$===t.$tag$&&("slot"===e.$tag$?e.$name$===t.$name$:e.$key$===t.$key$),referenceNode=e=>e&&e["s-ol"]||e,parentReferenceNode=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,patch=(e,t)=>{const s=t.$elm$=e.$elm$,o=e.$children$,n=t.$children$,l=t.$tag$,a=t.$text$;let r;null===a?(isSvgMode="svg"===l||"foreignObject"!==l&&isSvgMode,"slot"===l||updateElement(e,t,isSvgMode),null!==o&&null!==n?updateChildren(s,o,t,n):null!==n?(null!==e.$text$&&(s.textContent=""),addVnodes(s,null,t,n,0,n.length-1)):null!==o&&removeVnodes(o,0,o.length-1),isSvgMode&&"svg"===l&&(isSvgMode=!1)):(r=s["s-cr"])?r.parentNode.textContent=a:e.$text$!==a&&(s.data=a)},updateFallbackSlotVisibility=e=>{const t=e.childNodes;let s,o,n,l,a,r;for(o=0,n=t.length;o<n;o++)if(s=t[o],1===s.nodeType){if(s["s-sr"])for(a=s["s-sn"],s.hidden=!1,l=0;l<n;l++)if(r=t[l].nodeType,t[l]["s-hn"]!==s["s-hn"]||""!==a){if(1===r&&a===t[l].getAttribute("slot")){s.hidden=!0;break}}else if(1===r||3===r&&""!==t[l].textContent.trim()){s.hidden=!0;break}updateFallbackSlotVisibility(s)}},relocateNodes=[],relocateSlotContent=e=>{let t,s,o,n,l,a,r=0;const $=e.childNodes,c=$.length;for(;r<c;r++){if(t=$[r],t["s-sr"]&&(s=t["s-cr"])&&s.parentNode)for(o=s.parentNode.childNodes,n=t["s-sn"],a=o.length-1;a>=0;a--)s=o[a],s["s-cn"]||s["s-nr"]||s["s-hn"]===t["s-hn"]||(isNodeLocatedInSlot(s,n)?(l=relocateNodes.find((e=>e.$nodeToRelocate$===s)),checkSlotFallbackVisibility=!0,s["s-sn"]=s["s-sn"]||n,l?l.$slotRefNode$=t:relocateNodes.push({$slotRefNode$:t,$nodeToRelocate$:s}),s["s-sr"]&&relocateNodes.map((e=>{isNodeLocatedInSlot(e.$nodeToRelocate$,s["s-sn"])&&(l=relocateNodes.find((e=>e.$nodeToRelocate$===s)),l&&!e.$slotRefNode$&&(e.$slotRefNode$=l.$slotRefNode$))}))):relocateNodes.some((e=>e.$nodeToRelocate$===s))||relocateNodes.push({$nodeToRelocate$:s}));1===t.nodeType&&relocateSlotContent(t)}},isNodeLocatedInSlot=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t||e.getAttribute("slot")===t:e["s-sn"]===t||""===t,callNodeRefs=e=>{e.$attrs$&&e.$attrs$.ref&&e.$attrs$.ref(null),e.$children$&&e.$children$.map(callNodeRefs)},renderVdom=(e,t)=>{const s=e.$hostElement$,o=e.$cmpMeta$,n=e.$vnode$||newVNode(null,null),l=(a=t)&&a.$tag$===Host?t:h(null,null,t);var a;if(hostTagName=s.tagName,o.$attrsToReflect$&&(l.$attrs$=l.$attrs$||{},o.$attrsToReflect$.map((([e,t])=>l.$attrs$[t]=s[e]))),l.$tag$=null,l.$flags$|=4,e.$vnode$=l,l.$elm$=n.$elm$=s.shadowRoot||s,scopeId=s["s-sc"],contentRef=s["s-cr"],useNativeShadowDom=0!=(1&o.$flags$),checkSlotFallbackVisibility=!1,patch(n,l),plt.$flags$|=1,checkSlotRelocate){let e,t,s,o,n,a;relocateSlotContent(l.$elm$);let r=0;for(;r<relocateNodes.length;r++)e=relocateNodes[r],t=e.$nodeToRelocate$,t["s-ol"]||(s=doc.createTextNode(""),s["s-nr"]=t,t.parentNode.insertBefore(t["s-ol"]=s,t));for(r=0;r<relocateNodes.length;r++)if(e=relocateNodes[r],t=e.$nodeToRelocate$,e.$slotRefNode$){for(o=e.$slotRefNode$.parentNode,n=e.$slotRefNode$.nextSibling,s=t["s-ol"];s=s.previousSibling;)if(a=s["s-nr"],a&&a["s-sn"]===t["s-sn"]&&o===a.parentNode&&(a=a.nextSibling,!a||!a["s-nr"])){n=a;break}(!n&&o!==t.parentNode||t.nextSibling!==n)&&t!==n&&(!t["s-hn"]&&t["s-ol"]&&(t["s-hn"]=t["s-ol"].parentNode.nodeName),o.insertBefore(t,n))}else 1===t.nodeType&&(t.hidden=!0)}checkSlotFallbackVisibility&&updateFallbackSlotVisibility(l.$elm$),plt.$flags$&=-2,relocateNodes.length=0},attachToAncestor=(e,t)=>{t&&!e.$onRenderResolve$&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.$onRenderResolve$=t)))},scheduleUpdate=(e,t)=>{if(4&e.$flags$)return void(e.$flags$|=512);attachToAncestor(e,e.$ancestorComponent$);return dispatchHooks(e,t)},dispatchHooks=(e,t)=>{const s=(e.$cmpMeta$.$tagName$,()=>{}),o=e.$lazyInstance$;let n;return t&&(n=safeCall(o,"componentWillLoad")),s(),then(n,(()=>updateComponent(e,o,t)))},updateComponent=async(e,t,s)=>{const o=e.$hostElement$,n=(e.$cmpMeta$.$tagName$,()=>{}),l=o["s-rc"];s&&attachStyles(e);const a=(e.$cmpMeta$.$tagName$,()=>{});callRender(e,t),l&&(l.map((e=>e())),o["s-rc"]=void 0),a(),n();{const t=o["s-p"],s=()=>postUpdateComponent(e);0===t.length?s():(Promise.all(t).then(s),e.$flags$|=4,t.length=0)}},callRender=(e,t,s)=>{try{t=t.render(),e.$flags$|=2,renderVdom(e,t)}catch(t){consoleError(t,e.$hostElement$)}return null},postUpdateComponent=e=>{e.$cmpMeta$.$tagName$;const t=e.$hostElement$,s=()=>{},o=e.$lazyInstance$,n=e.$ancestorComponent$;safeCall(o,"componentDidRender"),64&e.$flags$?s():(e.$flags$|=64,addHydratedFlag(t),s(),e.$onReadyResolve$(t),n||appDidLoad()),e.$onInstanceResolve$(t),e.$onRenderResolve$&&(e.$onRenderResolve$(),e.$onRenderResolve$=void 0),512&e.$flags$&&nextTick((()=>scheduleUpdate(e,!1))),e.$flags$&=-517},appDidLoad=e=>{addHydratedFlag(doc.documentElement),nextTick((()=>emitEvent(win,"appload",{detail:{namespace:"kolibri"}})))},safeCall=(e,t,s)=>{if(e&&e[t])try{return e[t](s)}catch(e){consoleError(e)}},then=(e,t)=>e&&e.then?e.then(t):t(),addHydratedFlag=e=>e.classList.add("hydrated"),getValue=(e,t)=>getHostRef(e).$instanceValues$.get(t),setValue=(e,t,s,o)=>{const n=getHostRef(e),l=n.$hostElement$,a=n.$instanceValues$.get(t),r=n.$flags$,$=n.$lazyInstance$;var c,i;c=s,i=o.$members$[t][0],s=null==c||isComplexType(c)?c:4&i?"false"!==c&&(""===c||!!c):2&i?parseFloat(c):1&i?String(c):c;const d=Number.isNaN(a)&&Number.isNaN(s);if((!(8&r)||void 0===a)&&(s!==a&&!d)&&(n.$instanceValues$.set(t,s),$)){if(o.$watchers$&&128&r){const e=o.$watchers$[t];e&&e.map((e=>{try{$[e](s,a,t)}catch(e){consoleError(e,l)}}))}2==(18&r)&&scheduleUpdate(n,!1)}},proxyComponent=(e,t,s)=>{if(t.$members$){e.watchers&&(t.$watchers$=e.watchers);const o=Object.entries(t.$members$),n=e.prototype;if(o.map((([e,[o]])=>{31&o||2&s&&32&o?Object.defineProperty(n,e,{get(){return t=e,getHostRef(this).$instanceValues$.get(t);var t},set(s){setValue(this,e,s,t)},configurable:!0,enumerable:!0}):1&s&&64&o&&Object.defineProperty(n,e,{value(...t){const s=getHostRef(this);return s.$onInstancePromise$.then((()=>s.$lazyInstance$[e](...t)))}})})),1&s){const s=new Map;n.attributeChangedCallback=function(e,t,o){plt.jmp((()=>{const t=s.get(e);if(this.hasOwnProperty(t))o=this[t],delete this[t];else if(n.hasOwnProperty(t)&&"number"==typeof this[t]&&this[t]==o)return;this[t]=(null!==o||"boolean"!=typeof this[t])&&o}))},e.observedAttributes=o.filter((([e,t])=>15&t[0])).map((([e,o])=>{const n=o[1]||e;return s.set(n,e),512&o[0]&&t.$attrsToReflect$.push([e,n]),n}))}}return e},initializeComponent=async(e,t,s,o,n)=>{if(0==(32&t.$flags$)){{if(t.$flags$|=32,(n=loadModule(s)).then){const e=()=>{};n=await n,e()}n.isProxied||(s.$watchers$=n.watchers,proxyComponent(n,s,2),n.isProxied=!0);const e=(s.$tagName$,()=>{});t.$flags$|=8;try{new n(t)}catch(e){consoleError(e)}t.$flags$&=-9,t.$flags$|=128,e()}if(n.style){let o=n.style;"string"!=typeof o&&(o=o[t.$modeName$=computeMode(e)]);const l=getScopeId(s,t.$modeName$);if(!styles.has(l)){const e=(s.$tagName$,()=>{});registerStyle(l,o,!!(1&s.$flags$)),e()}}}const l=t.$ancestorComponent$,a=()=>scheduleUpdate(t,!0);l&&l["s-rc"]?l["s-rc"].push(a):a()},connectedCallback=e=>{if(0==(1&plt.$flags$)){const t=getHostRef(e),s=t.$cmpMeta$,o=(s.$tagName$,()=>{});if(!(1&t.$flags$)){t.$flags$|=1,12&s.$flags$&&setContentReference(e);{let s=e;for(;s=s.parentNode||s.host;)if(s["s-p"]){attachToAncestor(t,t.$ancestorComponent$=s);break}}s.$members$&&Object.entries(s.$members$).map((([t,[s]])=>{if(31&s&&e.hasOwnProperty(t)){const s=e[t];delete e[t],e[t]=s}})),initializeComponent(e,t,s)}o()}},setContentReference=e=>{const t=e["s-cr"]=doc.createComment("");t["s-cn"]=!0,e.insertBefore(t,e.firstChild)},disconnectedCallback=e=>{if(0==(1&plt.$flags$)){const t=getHostRef(e).$lazyInstance$;safeCall(t,"disconnectedCallback")}},bootstrapLazy=(e,t={})=>{const s=()=>{},o=[],n=t.exclude||[],l=win.customElements,a=doc.head,r=a.querySelector("meta[charset]"),$=doc.createElement("style"),c=[];let i,d=!0;Object.assign(plt,t),plt.$resourcesUrl$=new URL(t.resourcesUrl||"./",doc.baseURI).href,e.map((e=>{e[1].map((t=>{const s={$flags$:t[0],$tagName$:t[1],$members$:t[2],$listeners$:t[3]};s.$members$=t[2],s.$attrsToReflect$=[],s.$watchers$={};const a=s.$tagName$,r=class extends HTMLElement{constructor(e){super(e),registerHost(e=this,s),1&s.$flags$&&e.attachShadow({mode:"open"})}connectedCallback(){i&&(clearTimeout(i),i=null),d?c.push(this):plt.jmp((()=>connectedCallback(this)))}disconnectedCallback(){plt.jmp((()=>disconnectedCallback(this)))}componentOnReady(){return getHostRef(this).$onReadyPromise$}};s.$lazyBundleId$=e[0],n.includes(a)||l.get(a)||(o.push(a),l.define(a,proxyComponent(r,s,1)))}))})),$.innerHTML=o+HYDRATED_CSS,$.setAttribute("data-styles",""),a.insertBefore($,r?r.nextSibling:a.firstChild),d=!1,c.length?c.map((e=>e.connectedCallback())):plt.jmp((()=>i=setTimeout(appDidLoad,30))),s()},Fragment=(e,t)=>t,hostRefs=new WeakMap,getHostRef=e=>hostRefs.get(e),registerInstance=(e,t)=>hostRefs.set(t.$lazyInstance$=e,t),registerHost=(e,t)=>{const s={$flags$:0,$hostElement$:e,$cmpMeta$:t,$instanceValues$:new Map};return s.$onInstancePromise$=new Promise((e=>s.$onInstanceResolve$=e)),s.$onReadyPromise$=new Promise((e=>s.$onReadyResolve$=e)),e["s-p"]=[],e["s-rc"]=[],hostRefs.set(e,s)},isMemberInElement=(e,t)=>t in e,consoleError=(e,t)=>(0,console.error)(e,t),cmpModules=new Map,loadModule=(e,t,s)=>{const o=e.$tagName$.replace(/-/g,"_"),n=e.$lazyBundleId$,l=cmpModules.get(n);return l?l[o]:Promise.resolve().then((function(){return _interopNamespace(require(`./${n}.entry.js`))})).then((e=>(cmpModules.set(n,e),e[o])),consoleError)
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/},styles=new Map,modeResolutionChain=[],win="undefined"!=typeof window?window:{},doc=win.document||{head:{}},plt={$flags$:0,$resourcesUrl$:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,s,o)=>e.addEventListener(t,s,o),rel:(e,t,s,o)=>e.removeEventListener(t,s,o),ce:(e,t)=>new CustomEvent(e,t)},promiseResolve=e=>Promise.resolve(e),supportsConstructableStylesheets=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),nextTick=e=>promiseResolve().then(e);exports.Fragment=Fragment,exports.Host=Host,exports.bootstrapLazy=bootstrapLazy,exports.h=h,exports.promiseResolve=promiseResolve,exports.registerInstance=registerInstance,exports.setMode=setMode;

package/dist/cjs/index.cjs.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - the accessible web component library
  */
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const bund=require("./bund-ef793fe2.js"),dev_utils=require("./dev.utils-f4f2b4e4.js"),prop_validators=require("./prop.validators-cef94f6b.js");require("./index.m-d4f02c88.js"),require("./a11y.tipps-8c4b8396.js"),require("./register-4992ac98.js"),exports.BUNDESAEMTER=bund.BUNDESAEMTER,exports.BUNDESANSTALTEN=bund.BUNDESANSTALTEN,exports.BUNDESMINISTERIEN=bund.BUNDESMINISTERIEN,exports.BUND_LOGO_TEXT_MAP=bund.BUND_LOGO_TEXT_MAP,Object.defineProperty(exports,"Bundesamt",{enumerable:!0,get:function(){return bund.Bundesamt}}),Object.defineProperty(exports,"Bundesanstalt",{enumerable:!0,get:function(){return bund.Bundesanstalt}}),Object.defineProperty(exports,"Bundesministerium",{enumerable:!0,get:function(){return bund.Bundesministerium}}),exports.ToasterService=dev_utils.ToasterService,exports.configKoliBri=dev_utils.configKoliBri,exports.KoliBriDevHelper=prop_validators.KoliBriDevHelper;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const bund=require("./bund-ef793fe2.js"),dev_utils=require("./dev.utils-3c37c3f3.js"),prop_validators=require("./prop.validators-490c913d.js");require("./index.m-d4f02c88.js"),require("./a11y.tipps-54ec8bae.js"),require("./register-2a6fd996.js"),exports.BUNDESAEMTER=bund.BUNDESAEMTER,exports.BUNDESANSTALTEN=bund.BUNDESANSTALTEN,exports.BUNDESMINISTERIEN=bund.BUNDESMINISTERIEN,exports.BUND_LOGO_TEXT_MAP=bund.BUND_LOGO_TEXT_MAP,Object.defineProperty(exports,"Bundesamt",{enumerable:!0,get:function(){return bund.Bundesamt}}),Object.defineProperty(exports,"Bundesanstalt",{enumerable:!0,get:function(){return bund.Bundesanstalt}}),Object.defineProperty(exports,"Bundesministerium",{enumerable:!0,get:function(){return bund.Bundesministerium}}),exports.ToasterService=dev_utils.ToasterService,exports.configKoliBri=dev_utils.configKoliBri,exports.KoliBriDevHelper=prop_validators.KoliBriDevHelper;

package/dist/cjs/kol-abbr.cjs.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - the accessible web component library
  */
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const index=require("./index-43a6234c.js"),buttonLink=require("./button-link-f7e897ac.js"),prop_validators=require("./prop.validators-cef94f6b.js");require("./dev.utils-f4f2b4e4.js"),require("./index.m-d4f02c88.js"),require("./a11y.tipps-8c4b8396.js"),require("./register-4992ac98.js");const defaultStyleCss='*,::before,::after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--kolibri-border-color)}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:var(--kolibri-color);--tw-ring-color:rgba(undefined, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}::moz-focus-inner{border-style:none;padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=\'search\']{-webkit-appearance:textfield;outline-offset:-2px}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}body{margin:0;font-family:inherit;line-height:inherit}b{font-weight:bolder}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0;line-height:inherit;color:inherit}button,select{text-transform:none}button,[type=\'button\'],[type=\'reset\'],[type=\'submit\']{-webkit-appearance:button}button{background-color:transparent;background-image:none}button,[role="button"]{cursor:pointer}code{font-size:1em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}fieldset{margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5}h1,p,h2,h3,h4,h5,h6{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}input::placeholder{opacity:1;color:#9ca3af}input::webkit-input-placeholder{opacity:1;color:#9ca3af}input::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder{opacity:1;color:#9ca3af}input::-ms-input-placeholder{opacity:1;color:#9ca3af}legend{padding:0}progress{vertical-align:baseline}small{font-size:80%}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-0.5em}svg{display:block;vertical-align:middle}table{text-indent:0;border-color:inherit;border-collapse:collapse}textarea{resize:vertical}textarea::placeholder{opacity:1;color:#9ca3af}textarea::webkit-input-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}ul,ol{list-style:none;margin:0;padding:0}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.bg-normal{background-color:var(--kolibri-color-normal)}.bg-white{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity))}.bg-spin-1{background-color:var(--kolibri-color-spin-1)}.bg-spin-2{background-color:var(--kolibri-color-spin-2)}.bg-spin-3{background-color:var(--kolibri-color-spin-3)}.rounded{border-radius:var(--kolibri-border-radius)}.border-1{border-width:1px}.cursor-pointer{cursor:pointer}.block{display:block}.inline-block{display:inline-block}.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex}.grid{display:-ms-grid;display:grid}.hidden{display:none}.flex-wrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.items-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.content-center{-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center}.float-left{float:left}.font-80{font-weight:80}.font-60{font-weight:60}.h-full{height:100%}.h-0{height:0px}.h-0\\.41c-2\\.42\\2c 0-4\\.82-1\\.57-4\\.82-3\\.58c0\\.05-0\\.98\\2c 0\\.43-1\\.91\\2c 1\\.07-2\\.65c0\\.3\\2c 0\\.05\\2c 0\\.61\\2c 0\\.09\\2c 0\\.92\\2c 0\\.09c1\\.1\\2c 0\\2c 1\\.69-0\\.58\\2c 1\\.74-1\\.16{height:0.29rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.leading-normal{line-height:1.5}.list-none{list-style-type:none}.list-disc{list-style-type:disc}.list-decimal{list-style-type:decimal}.mx-auto{margin-left:auto;margin-right:auto}.mr-1{margin-right:calc(1 * var(--kolibri-spacing))}.ml-1{margin-left:calc(1 * var(--kolibri-spacing))}.mr-2{margin-right:calc(2 * var(--kolibri-spacing))}.ml-2{margin-left:calc(2 * var(--kolibri-spacing))}.mb-1{margin-bottom:calc(1 * var(--kolibri-spacing))}.ml-6{margin-left:calc(6 * var(--kolibri-spacing))}.mt-2{margin-top:calc(2 * var(--kolibri-spacing))}.mt-4{margin-top:calc(4 * var(--kolibri-spacing))}.overflow-hidden{overflow:hidden}.overflow-y-visible{overflow-y:visible}.p-2{padding:calc(2 * var(--kolibri-spacing))}.px{padding-left:1px;padding-right:1px}.py-2{padding-top:calc(2 * var(--kolibri-spacing));padding-bottom:calc(2 * var(--kolibri-spacing))}.pl-8{padding-left:2rem}.pb-2{padding-bottom:calc(2 * var(--kolibri-spacing))}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.absolute{position:absolute}.relative{position:relative}.text-center{text-align:center}.hover\\:text-primary:hover{color:var(--kolibri-color-primary)}.text-normal{color:var(--kolibri-color-normal)}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.no-underline{text-decoration:none}.visible{visibility:visible}.w-full{width:100%}.w-4\\/5{width:80%}.z-50{z-index:50}.gap-1{grid-gap:calc(1 * var(--kolibri-spacing));gap:calc(1 * var(--kolibri-spacing))}.gap-2{grid-gap:calc(2 * var(--kolibri-spacing));gap:calc(2 * var(--kolibri-spacing))}.grid-flow-col{grid-auto-flow:column}.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate:0;--tw-rotate-x:0;--tw-rotate-y:0;--tw-rotate-z:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;-webkit-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));-ms-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))}.animate{-webkit-animation-iteration-count:1;animation-iteration-count:1}.blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:host *{-ms-hyphens:var(--kolibri-hyphens);-webkit-hyphens:var(--kolibri-hyphens);hyphens:var(--kolibri-hyphens);font-family:var(--kolibri-font-family);line-height:var(--kolibri-line-height);word-break:break-word}:host abbr{cursor:help}:host abbr *{display:inline-flex}',KolAbbr=class{constructor(t){index.registerInstance(this,t),this._tooltipAlign="top",this.state={_title:"",_tooltipAlign:"top"}}render(){return index.h(index.Host,{style:{display:"inline-block"}},index.h("abbr",{title:this.state._title},index.h("span",{title:""},index.h("slot",null))),index.h("kol-tooltip",{_align:this.state._tooltipAlign,_label:this.state._title}))}validateTitle(t){prop_validators.watchString(this,"_title",t,{required:!0})}validateTooltipAlign(t){buttonLink.watchTooltipAlignment(this,"_tooltipAlign",t)}componentWillLoad(){this.validateTitle(this._title),this.validateTooltipAlign(this._tooltipAlign)}static get watchers(){return{_title:["validateTitle"],_tooltipAlign:["validateTooltipAlign"]}}};KolAbbr.style={default:defaultStyleCss},exports.kol_abbr=KolAbbr;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const index=require("./index-e6ae017d.js"),buttonLink=require("./button-link-4380f157.js"),prop_validators=require("./prop.validators-490c913d.js");require("./dev.utils-3c37c3f3.js"),require("./index.m-d4f02c88.js"),require("./a11y.tipps-54ec8bae.js"),require("./register-2a6fd996.js");const defaultStyleCss='*,::before,::after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--kolibri-border-color)}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:var(--kolibri-color);--tw-ring-color:rgba(undefined, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}::moz-focus-inner{border-style:none;padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=\'search\']{-webkit-appearance:textfield;outline-offset:-2px}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}body{margin:0;font-family:inherit;line-height:inherit}b{font-weight:bolder}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0;line-height:inherit;color:inherit}button,select{text-transform:none}button,[type=\'button\'],[type=\'reset\'],[type=\'submit\']{-webkit-appearance:button}button{background-color:transparent;background-image:none}button,[role="button"]{cursor:pointer}code{font-size:1em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}fieldset{margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5}h1,p,h2,h3,h4,h5,h6{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}input::placeholder{opacity:1;color:#9ca3af}input::webkit-input-placeholder{opacity:1;color:#9ca3af}input::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder{opacity:1;color:#9ca3af}input::-ms-input-placeholder{opacity:1;color:#9ca3af}legend{padding:0}progress{vertical-align:baseline}small{font-size:80%}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-0.5em}svg{display:block;vertical-align:middle}table{text-indent:0;border-color:inherit;border-collapse:collapse}textarea{resize:vertical}textarea::placeholder{opacity:1;color:#9ca3af}textarea::webkit-input-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}ul,ol{list-style:none;margin:0;padding:0}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.bg-normal{background-color:var(--kolibri-color-normal)}.bg-white{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity))}.bg-spin-1{background-color:var(--kolibri-color-spin-1)}.bg-spin-2{background-color:var(--kolibri-color-spin-2)}.bg-spin-3{background-color:var(--kolibri-color-spin-3)}.rounded{border-radius:var(--kolibri-border-radius)}.border-1{border-width:1px}.cursor-pointer{cursor:pointer}.block{display:block}.inline-block{display:inline-block}.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex}.grid{display:-ms-grid;display:grid}.hidden{display:none}.flex-wrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.items-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.content-center{-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center}.float-left{float:left}.font-80{font-weight:80}.font-60{font-weight:60}.h-full{height:100%}.h-0{height:0px}.h-0\\.41c-2\\.42\\2c 0-4\\.82-1\\.57-4\\.82-3\\.58c0\\.05-0\\.98\\2c 0\\.43-1\\.91\\2c 1\\.07-2\\.65c0\\.3\\2c 0\\.05\\2c 0\\.61\\2c 0\\.09\\2c 0\\.92\\2c 0\\.09c1\\.1\\2c 0\\2c 1\\.69-0\\.58\\2c 1\\.74-1\\.16{height:0.29rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.leading-normal{line-height:1.5}.list-none{list-style-type:none}.list-disc{list-style-type:disc}.list-decimal{list-style-type:decimal}.mx-auto{margin-left:auto;margin-right:auto}.mr-1{margin-right:calc(1 * var(--kolibri-spacing))}.ml-1{margin-left:calc(1 * var(--kolibri-spacing))}.mr-2{margin-right:calc(2 * var(--kolibri-spacing))}.ml-2{margin-left:calc(2 * var(--kolibri-spacing))}.mb-1{margin-bottom:calc(1 * var(--kolibri-spacing))}.ml-6{margin-left:calc(6 * var(--kolibri-spacing))}.mt-2{margin-top:calc(2 * var(--kolibri-spacing))}.mt-4{margin-top:calc(4 * var(--kolibri-spacing))}.overflow-hidden{overflow:hidden}.overflow-y-visible{overflow-y:visible}.p-2{padding:calc(2 * var(--kolibri-spacing))}.p-4{padding:calc(4 * var(--kolibri-spacing))}.px{padding-left:1px;padding-right:1px}.py-2{padding-top:calc(2 * var(--kolibri-spacing));padding-bottom:calc(2 * var(--kolibri-spacing))}.pl-8{padding-left:2rem}.pb-2{padding-bottom:calc(2 * var(--kolibri-spacing))}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.absolute{position:absolute}.relative{position:relative}.text-center{text-align:center}.hover\\:text-primary:hover{color:var(--kolibri-color-primary)}.text-normal{color:var(--kolibri-color-normal)}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.no-underline{text-decoration:none}.visible{visibility:visible}.w-full{width:100%}.w-4\\/5{width:80%}.z-50{z-index:50}.gap-1{grid-gap:calc(1 * var(--kolibri-spacing));gap:calc(1 * var(--kolibri-spacing))}.gap-2{grid-gap:calc(2 * var(--kolibri-spacing));gap:calc(2 * var(--kolibri-spacing))}.grid-flow-col{grid-auto-flow:column}.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate:0;--tw-rotate-x:0;--tw-rotate-y:0;--tw-rotate-z:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;-webkit-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));-ms-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))}.animate{-webkit-animation-iteration-count:1;animation-iteration-count:1}.blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:host *{-ms-hyphens:var(--kolibri-hyphens);-webkit-hyphens:var(--kolibri-hyphens);hyphens:var(--kolibri-hyphens);font-family:var(--kolibri-font-family);line-height:var(--kolibri-line-height);word-break:break-word}:host abbr{cursor:help}:host abbr *{display:inline-flex}',KolAbbr=class{constructor(t){index.registerInstance(this,t),this._tooltipAlign="top",this.state={_title:"",_tooltipAlign:"top"}}render(){return index.h(index.Host,{style:{display:"inline-block"}},index.h("abbr",{title:this.state._title},index.h("span",{title:""},index.h("slot",null))),index.h("kol-tooltip",{_align:this.state._tooltipAlign,_label:this.state._title}))}validateTitle(t){prop_validators.watchString(this,"_title",t,{required:!0})}validateTooltipAlign(t){buttonLink.watchTooltipAlignment(this,"_tooltipAlign",t)}componentWillLoad(){this.validateTitle(this._title),this.validateTooltipAlign(this._tooltipAlign)}static get watchers(){return{_title:["validateTitle"],_tooltipAlign:["validateTooltipAlign"]}}};KolAbbr.style={default:defaultStyleCss},exports.kol_abbr=KolAbbr;

package/dist/cjs/kol-accordion.cjs.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - the accessible web component library
  */
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const index=require("./index-43a6234c.js"),a11y_tipps=require("./a11y.tipps-8c4b8396.js"),prop_validators=require("./prop.validators-cef94f6b.js"),validation=require("./validation-454c682e.js");require("./dev.utils-f4f2b4e4.js"),require("./index.m-d4f02c88.js"),require("./register-4992ac98.js");const defaultStyleCss='*,::before,::after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--kolibri-border-color)}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:var(--kolibri-color);--tw-ring-color:rgba(undefined, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}::moz-focus-inner{border-style:none;padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=\'search\']{-webkit-appearance:textfield;outline-offset:-2px}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}body{margin:0;font-family:inherit;line-height:inherit}b{font-weight:bolder}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0;line-height:inherit;color:inherit}button,select{text-transform:none}button,[type=\'button\'],[type=\'reset\'],[type=\'submit\']{-webkit-appearance:button}button{background-color:transparent;background-image:none}button,[role="button"]{cursor:pointer}code{font-size:1em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}fieldset{margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5}h1,p,h2,h3,h4,h5,h6{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}input::placeholder{opacity:1;color:#9ca3af}input::webkit-input-placeholder{opacity:1;color:#9ca3af}input::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder{opacity:1;color:#9ca3af}input::-ms-input-placeholder{opacity:1;color:#9ca3af}legend{padding:0}progress{vertical-align:baseline}small{font-size:80%}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-0.5em}svg{display:block;vertical-align:middle}table{text-indent:0;border-color:inherit;border-collapse:collapse}textarea{resize:vertical}textarea::placeholder{opacity:1;color:#9ca3af}textarea::webkit-input-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}ul,ol{list-style:none;margin:0;padding:0}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.bg-normal{background-color:var(--kolibri-color-normal)}.bg-white{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity))}.bg-spin-1{background-color:var(--kolibri-color-spin-1)}.bg-spin-2{background-color:var(--kolibri-color-spin-2)}.bg-spin-3{background-color:var(--kolibri-color-spin-3)}.rounded{border-radius:var(--kolibri-border-radius)}.border-1{border-width:1px}.cursor-pointer{cursor:pointer}.block{display:block}.inline-block{display:inline-block}.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex}.grid{display:-ms-grid;display:grid}.hidden{display:none}.flex-wrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.items-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.content-center{-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center}.float-left{float:left}.font-80{font-weight:80}.font-60{font-weight:60}.h-full{height:100%}.h-0{height:0px}.h-0\\.41c-2\\.42\\2c 0-4\\.82-1\\.57-4\\.82-3\\.58c0\\.05-0\\.98\\2c 0\\.43-1\\.91\\2c 1\\.07-2\\.65c0\\.3\\2c 0\\.05\\2c 0\\.61\\2c 0\\.09\\2c 0\\.92\\2c 0\\.09c1\\.1\\2c 0\\2c 1\\.69-0\\.58\\2c 1\\.74-1\\.16{height:0.29rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.leading-normal{line-height:1.5}.list-none{list-style-type:none}.list-disc{list-style-type:disc}.list-decimal{list-style-type:decimal}.mx-auto{margin-left:auto;margin-right:auto}.mr-1{margin-right:calc(1 * var(--kolibri-spacing))}.ml-1{margin-left:calc(1 * var(--kolibri-spacing))}.mr-2{margin-right:calc(2 * var(--kolibri-spacing))}.ml-2{margin-left:calc(2 * var(--kolibri-spacing))}.mb-1{margin-bottom:calc(1 * var(--kolibri-spacing))}.ml-6{margin-left:calc(6 * var(--kolibri-spacing))}.mt-2{margin-top:calc(2 * var(--kolibri-spacing))}.mt-4{margin-top:calc(4 * var(--kolibri-spacing))}.overflow-hidden{overflow:hidden}.overflow-y-visible{overflow-y:visible}.p-2{padding:calc(2 * var(--kolibri-spacing))}.px{padding-left:1px;padding-right:1px}.py-2{padding-top:calc(2 * var(--kolibri-spacing));padding-bottom:calc(2 * var(--kolibri-spacing))}.pl-8{padding-left:2rem}.pb-2{padding-bottom:calc(2 * var(--kolibri-spacing))}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.absolute{position:absolute}.relative{position:relative}.text-center{text-align:center}.hover\\:text-primary:hover{color:var(--kolibri-color-primary)}.text-normal{color:var(--kolibri-color-normal)}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.no-underline{text-decoration:none}.visible{visibility:visible}.w-full{width:100%}.w-4\\/5{width:80%}.z-50{z-index:50}.gap-1{grid-gap:calc(1 * var(--kolibri-spacing));gap:calc(1 * var(--kolibri-spacing))}.gap-2{grid-gap:calc(2 * var(--kolibri-spacing));gap:calc(2 * var(--kolibri-spacing))}.grid-flow-col{grid-auto-flow:column}.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate:0;--tw-rotate-x:0;--tw-rotate-y:0;--tw-rotate-z:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;-webkit-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));-ms-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))}.animate{-webkit-animation-iteration-count:1;animation-iteration-count:1}.blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:host *{-ms-hyphens:var(--kolibri-hyphens);-webkit-hyphens:var(--kolibri-hyphens);hyphens:var(--kolibri-hyphens);font-family:var(--kolibri-font-family);line-height:var(--kolibri-line-height);word-break:break-word}';a11y_tipps.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"),a11y_tipps.featureHint("[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.");const KolAccordion=class{constructor(t){index.registerInstance(this,t),this.catchAriaExpanded=t=>{t instanceof HTMLButtonElement&&(this.buttonRef=t)},this.triggerAriaExpanded=t=>{t.setAttribute("aria-expanded",this.state._open?"true":"false")},this._level=1,this._open=!1,this.state={_heading:"⚠"},this.onClick=t=>{this._open=!1===this._open;const e=setTimeout((()=>{var i;clearTimeout(e),"function"==typeof(null===(i=this.state._on)||void 0===i?void 0:i.onClick)&&this.state._on.onClick(t,!0===this._open),this.buttonRef instanceof HTMLButtonElement&&this.triggerAriaExpanded(this.buttonRef)}))}}render(){return index.h(index.Host,null,index.h("div",{part:"accordion "+(this.state._open?"open":"close")},index.h("kol-heading-wc",{_level:this.state._level},index.h("button",{ref:this.catchAriaExpanded,onClick:this.onClick},index.h("kol-icon",{_ariaLabel:"",_icon:this.state._open?"icofont-minus":"icofont-plus",_part:this.state._open?"close":"open"}),index.h("span",null,this.state._heading))),index.h("div",{part:"header"},index.h("slot",{name:"header"})),index.h("div",{part:"content",style:!1===this.state._open?{display:"none",height:"0",visibility:"hidden"}:void 0},index.h("slot",{name:"content"}))))}validateHeading(t){prop_validators.watchString(this,"_heading",t,{required:!0})}validateLevel(t){validation.watchHeadingLevel(this,t)}validateOn(t){"object"==typeof t&&null!==t&&"function"==typeof t.onClick&&prop_validators.setState(this,"_on",t)}validateOpen(t){prop_validators.watchBoolean(this,"_open",t)}componentWillLoad(){this.validateHeading(this._heading),this.validateLevel(this._level),this.validateOn(this._on),this.validateOpen(this._open)}static get watchers(){return{_heading:["validateHeading"],_level:["validateLevel"],_on:["validateOn"],_open:["validateOpen"]}}};KolAccordion.style={default:defaultStyleCss},exports.kol_accordion=KolAccordion;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const index=require("./index-e6ae017d.js"),a11y_tipps=require("./a11y.tipps-54ec8bae.js"),prop_validators=require("./prop.validators-490c913d.js"),validation=require("./validation-5005bdab.js");require("./dev.utils-3c37c3f3.js"),require("./index.m-d4f02c88.js"),require("./register-2a6fd996.js");const defaultStyleCss='*,::before,::after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--kolibri-border-color)}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:var(--kolibri-color);--tw-ring-color:rgba(undefined, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}::moz-focus-inner{border-style:none;padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=\'search\']{-webkit-appearance:textfield;outline-offset:-2px}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}body{margin:0;font-family:inherit;line-height:inherit}b{font-weight:bolder}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0;line-height:inherit;color:inherit}button,select{text-transform:none}button,[type=\'button\'],[type=\'reset\'],[type=\'submit\']{-webkit-appearance:button}button{background-color:transparent;background-image:none}button,[role="button"]{cursor:pointer}code{font-size:1em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}fieldset{margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5}h1,p,h2,h3,h4,h5,h6{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}input::placeholder{opacity:1;color:#9ca3af}input::webkit-input-placeholder{opacity:1;color:#9ca3af}input::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder{opacity:1;color:#9ca3af}input::-ms-input-placeholder{opacity:1;color:#9ca3af}legend{padding:0}progress{vertical-align:baseline}small{font-size:80%}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-0.5em}svg{display:block;vertical-align:middle}table{text-indent:0;border-color:inherit;border-collapse:collapse}textarea{resize:vertical}textarea::placeholder{opacity:1;color:#9ca3af}textarea::webkit-input-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}ul,ol{list-style:none;margin:0;padding:0}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.bg-normal{background-color:var(--kolibri-color-normal)}.bg-white{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity))}.bg-spin-1{background-color:var(--kolibri-color-spin-1)}.bg-spin-2{background-color:var(--kolibri-color-spin-2)}.bg-spin-3{background-color:var(--kolibri-color-spin-3)}.rounded{border-radius:var(--kolibri-border-radius)}.border-1{border-width:1px}.cursor-pointer{cursor:pointer}.block{display:block}.inline-block{display:inline-block}.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex}.grid{display:-ms-grid;display:grid}.hidden{display:none}.flex-wrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.items-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.content-center{-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center}.float-left{float:left}.font-80{font-weight:80}.font-60{font-weight:60}.h-full{height:100%}.h-0{height:0px}.h-0\\.41c-2\\.42\\2c 0-4\\.82-1\\.57-4\\.82-3\\.58c0\\.05-0\\.98\\2c 0\\.43-1\\.91\\2c 1\\.07-2\\.65c0\\.3\\2c 0\\.05\\2c 0\\.61\\2c 0\\.09\\2c 0\\.92\\2c 0\\.09c1\\.1\\2c 0\\2c 1\\.69-0\\.58\\2c 1\\.74-1\\.16{height:0.29rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.leading-normal{line-height:1.5}.list-none{list-style-type:none}.list-disc{list-style-type:disc}.list-decimal{list-style-type:decimal}.mx-auto{margin-left:auto;margin-right:auto}.mr-1{margin-right:calc(1 * var(--kolibri-spacing))}.ml-1{margin-left:calc(1 * var(--kolibri-spacing))}.mr-2{margin-right:calc(2 * var(--kolibri-spacing))}.ml-2{margin-left:calc(2 * var(--kolibri-spacing))}.mb-1{margin-bottom:calc(1 * var(--kolibri-spacing))}.ml-6{margin-left:calc(6 * var(--kolibri-spacing))}.mt-2{margin-top:calc(2 * var(--kolibri-spacing))}.mt-4{margin-top:calc(4 * var(--kolibri-spacing))}.overflow-hidden{overflow:hidden}.overflow-y-visible{overflow-y:visible}.p-2{padding:calc(2 * var(--kolibri-spacing))}.p-4{padding:calc(4 * var(--kolibri-spacing))}.px{padding-left:1px;padding-right:1px}.py-2{padding-top:calc(2 * var(--kolibri-spacing));padding-bottom:calc(2 * var(--kolibri-spacing))}.pl-8{padding-left:2rem}.pb-2{padding-bottom:calc(2 * var(--kolibri-spacing))}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.absolute{position:absolute}.relative{position:relative}.text-center{text-align:center}.hover\\:text-primary:hover{color:var(--kolibri-color-primary)}.text-normal{color:var(--kolibri-color-normal)}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.no-underline{text-decoration:none}.visible{visibility:visible}.w-full{width:100%}.w-4\\/5{width:80%}.z-50{z-index:50}.gap-1{grid-gap:calc(1 * var(--kolibri-spacing));gap:calc(1 * var(--kolibri-spacing))}.gap-2{grid-gap:calc(2 * var(--kolibri-spacing));gap:calc(2 * var(--kolibri-spacing))}.grid-flow-col{grid-auto-flow:column}.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate:0;--tw-rotate-x:0;--tw-rotate-y:0;--tw-rotate-z:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;-webkit-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));-ms-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))}.animate{-webkit-animation-iteration-count:1;animation-iteration-count:1}.blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:host *{-ms-hyphens:var(--kolibri-hyphens);-webkit-hyphens:var(--kolibri-hyphens);hyphens:var(--kolibri-hyphens);font-family:var(--kolibri-font-family);line-height:var(--kolibri-line-height);word-break:break-word}';a11y_tipps.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"),a11y_tipps.featureHint("[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.");const KolAccordion=class{constructor(t){index.registerInstance(this,t),this.catchAriaExpanded=t=>{t instanceof HTMLButtonElement&&(this.buttonRef=t)},this.triggerAriaExpanded=t=>{t.setAttribute("aria-expanded",this.state._open?"true":"false")},this._level=1,this._open=!1,this.state={_heading:"⚠"},this.onClick=t=>{this._open=!1===this._open;const e=setTimeout((()=>{var i;clearTimeout(e),"function"==typeof(null===(i=this.state._on)||void 0===i?void 0:i.onClick)&&this.state._on.onClick(t,!0===this._open),this.buttonRef instanceof HTMLButtonElement&&this.triggerAriaExpanded(this.buttonRef)}))}}render(){return index.h(index.Host,null,index.h("div",{part:"accordion "+(this.state._open?"open":"close")},index.h("kol-heading-wc",{_level:this.state._level},index.h("button",{ref:this.catchAriaExpanded,onClick:this.onClick},index.h("kol-icon",{_ariaLabel:"",_icon:this.state._open?"icofont-minus":"icofont-plus",_part:this.state._open?"close":"open"}),index.h("span",null,this.state._heading))),index.h("div",{part:"header"},index.h("slot",{name:"header"})),index.h("div",{part:"content",style:!1===this.state._open?{display:"none",height:"0",visibility:"hidden"}:void 0},index.h("slot",{name:"content"}))))}validateHeading(t){prop_validators.watchString(this,"_heading",t,{required:!0})}validateLevel(t){validation.watchHeadingLevel(this,t)}validateOn(t){"object"==typeof t&&null!==t&&"function"==typeof t.onClick&&prop_validators.setState(this,"_on",t)}validateOpen(t){prop_validators.watchBoolean(this,"_open",t)}componentWillLoad(){this.validateHeading(this._heading),this.validateLevel(this._level),this.validateOn(this._on),this.validateOpen(this._open)}static get watchers(){return{_heading:["validateHeading"],_level:["validateLevel"],_on:["validateOn"],_open:["validateOpen"]}}};KolAccordion.style={default:defaultStyleCss},exports.kol_accordion=KolAccordion;

package/dist/cjs/kol-alert.cjs.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - the accessible web component library
  */
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const index=require("./index-43a6234c.js"),dev_utils=require("./dev.utils-f4f2b4e4.js"),prop_validators=require("./prop.validators-cef94f6b.js"),validation=require("./validation-454c682e.js"),a11y_tipps=require("./a11y.tipps-8c4b8396.js");require("./index.m-d4f02c88.js"),require("./register-4992ac98.js");const defaultStyleCss='*,::before,::after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--kolibri-border-color)}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:var(--kolibri-color);--tw-ring-color:rgba(undefined, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}::moz-focus-inner{border-style:none;padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=\'search\']{-webkit-appearance:textfield;outline-offset:-2px}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}body{margin:0;font-family:inherit;line-height:inherit}b{font-weight:bolder}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0;line-height:inherit;color:inherit}button,select{text-transform:none}button,[type=\'button\'],[type=\'reset\'],[type=\'submit\']{-webkit-appearance:button}button{background-color:transparent;background-image:none}button,[role="button"]{cursor:pointer}code{font-size:1em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}fieldset{margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5}h1,p,h2,h3,h4,h5,h6{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}input::placeholder{opacity:1;color:#9ca3af}input::webkit-input-placeholder{opacity:1;color:#9ca3af}input::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder{opacity:1;color:#9ca3af}input::-ms-input-placeholder{opacity:1;color:#9ca3af}legend{padding:0}progress{vertical-align:baseline}small{font-size:80%}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-0.5em}svg{display:block;vertical-align:middle}table{text-indent:0;border-color:inherit;border-collapse:collapse}textarea{resize:vertical}textarea::placeholder{opacity:1;color:#9ca3af}textarea::webkit-input-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}ul,ol{list-style:none;margin:0;padding:0}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.bg-normal{background-color:var(--kolibri-color-normal)}.bg-white{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity))}.bg-spin-1{background-color:var(--kolibri-color-spin-1)}.bg-spin-2{background-color:var(--kolibri-color-spin-2)}.bg-spin-3{background-color:var(--kolibri-color-spin-3)}.rounded{border-radius:var(--kolibri-border-radius)}.border-1{border-width:1px}.cursor-pointer{cursor:pointer}.block{display:block}.inline-block{display:inline-block}.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex}.grid{display:-ms-grid;display:grid}.hidden{display:none}.flex-wrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.items-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.content-center{-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center}.float-left{float:left}.font-80{font-weight:80}.font-60{font-weight:60}.h-full{height:100%}.h-0{height:0px}.h-0\\.41c-2\\.42\\2c 0-4\\.82-1\\.57-4\\.82-3\\.58c0\\.05-0\\.98\\2c 0\\.43-1\\.91\\2c 1\\.07-2\\.65c0\\.3\\2c 0\\.05\\2c 0\\.61\\2c 0\\.09\\2c 0\\.92\\2c 0\\.09c1\\.1\\2c 0\\2c 1\\.69-0\\.58\\2c 1\\.74-1\\.16{height:0.29rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.leading-normal{line-height:1.5}.list-none{list-style-type:none}.list-disc{list-style-type:disc}.list-decimal{list-style-type:decimal}.mx-auto{margin-left:auto;margin-right:auto}.mr-1{margin-right:calc(1 * var(--kolibri-spacing))}.ml-1{margin-left:calc(1 * var(--kolibri-spacing))}.mr-2{margin-right:calc(2 * var(--kolibri-spacing))}.ml-2{margin-left:calc(2 * var(--kolibri-spacing))}.mb-1{margin-bottom:calc(1 * var(--kolibri-spacing))}.ml-6{margin-left:calc(6 * var(--kolibri-spacing))}.mt-2{margin-top:calc(2 * var(--kolibri-spacing))}.mt-4{margin-top:calc(4 * var(--kolibri-spacing))}.overflow-hidden{overflow:hidden}.overflow-y-visible{overflow-y:visible}.p-2{padding:calc(2 * var(--kolibri-spacing))}.px{padding-left:1px;padding-right:1px}.py-2{padding-top:calc(2 * var(--kolibri-spacing));padding-bottom:calc(2 * var(--kolibri-spacing))}.pl-8{padding-left:2rem}.pb-2{padding-bottom:calc(2 * var(--kolibri-spacing))}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.absolute{position:absolute}.relative{position:relative}.text-center{text-align:center}.hover\\:text-primary:hover{color:var(--kolibri-color-primary)}.text-normal{color:var(--kolibri-color-normal)}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.no-underline{text-decoration:none}.visible{visibility:visible}.w-full{width:100%}.w-4\\/5{width:80%}.z-50{z-index:50}.gap-1{grid-gap:calc(1 * var(--kolibri-spacing));gap:calc(1 * var(--kolibri-spacing))}.gap-2{grid-gap:calc(2 * var(--kolibri-spacing));gap:calc(2 * var(--kolibri-spacing))}.grid-flow-col{grid-auto-flow:column}.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate:0;--tw-rotate-x:0;--tw-rotate-y:0;--tw-rotate-z:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;-webkit-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));-ms-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))}.animate{-webkit-animation-iteration-count:1;animation-iteration-count:1}.blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:host *{-ms-hyphens:var(--kolibri-hyphens);-webkit-hyphens:var(--kolibri-hyphens);hyphens:var(--kolibri-hyphens);font-family:var(--kolibri-font-family);line-height:var(--kolibri-line-height);word-break:break-word}:host *{box-sizing:border-box}:host>div{background-color:white;border-color:white;border-width:1px;border-radius:0.5rem;border-style:solid;display:flex;width:100%;overflow:hidden}:host>div.error{border-color:var(--kolibri-color-error)}:host>div.error .icon{background-color:var(--kolibri-color-error)}:host>div.info{border-color:var(--kolibri-color-info)}:host>div.info .icon{background-color:var(--kolibri-color-info)}:host>div.success{border-color:var(--kolibri-color-success)}:host>div.success .icon{background-color:var(--kolibri-color-success)}:host>div.warning{border-color:var(--kolibri-color-warning)}:host>div.warning .icon{background-color:var(--kolibri-color-warning)}:host>div .icon{color:white;display:inline-block;padding:0 0.25rem}:host>div>div{display:grid}:host>div>div .heading{padding:0 0.25rem;display:inline-block}:host>div>div .heading .icon{margin-left:-0.25rem;margin-right:0.25rem;border-radius:0 0 0.25rem 0}:host>div>div>div:last-child{padding:0.25rem}',Icon=e=>index.h("kol-icon",{class:"icon",_ariaLabel:"string"==typeof e.heading&&e.heading.length>0?"":e.ariaLabel,_icon:e.icon}),AlertIcon=e=>{switch(e.type){case"error":return index.h(Icon,{ariaLabel:"Fehler",icon:"icofont-error",heading:e.heading});case"info":return index.h(Icon,{ariaLabel:"Hinweis",icon:"icofont-info-circle",heading:e.heading});case"warning":return index.h(Icon,{ariaLabel:"Warnung",icon:"icofont-warning",heading:e.heading});case"success":return index.h(Icon,{ariaLabel:"Erfolg",icon:"icofont-check-circled",heading:e.heading});default:return index.h(Icon,{ariaLabel:"Nachricht",icon:"icofont-comment",heading:e.heading})}},KolAlert=class{constructor(e){index.registerInstance(this,e),this.close=()=>{var e;void 0!==(null===(e=this._on)||void 0===e?void 0:e.onClose)&&this._on.onClose(new Event("Close"))},this.on={onClick:this.close},this._alert=!1,this._hasCloser=!1,this._level=1,this._type="default",this._variant="msg",this.state={}}render(){if(this.state._alert){try{dev_utils.Log.debug(["Navigator should vibrate ...",navigator.vibrate([100,75,100,75,100])])}catch(e){dev_utils.Log.debug("Navigator does not support vibration.")}setTimeout((()=>{this.validateAlert(!1)}),1e4)}return index.h(index.Host,null,index.h("div",{class:{[this.state._type]:!0,[this.state._variant]:!0},role:this.state._alert?"alert":void 0},"msg"===this.state._variant&&index.h(AlertIcon,{heading:this.state._heading,type:this.state._type}),index.h("div",null,("string"==typeof this.state._heading&&this.state._heading.length>0||"card"===this.state._variant)&&index.h("kol-heading-wc",{class:"heading",_level:this.state._level},"card"===this.state._variant&&index.h(AlertIcon,{heading:this.state._heading,type:this.state._type}),this.state._heading),index.h("div",{class:"content"},index.h("slot",null)),this.state._hasCloser&&index.h("kol-button-wc",{class:"close",_icon:{left:{icon:"icofont-close"}},_iconOnly:!0,_label:"Schließen",_on:this.on}))))}validateAlert(e){prop_validators.watchBoolean(this,"_alert",e)}validateHasCloser(e){prop_validators.watchBoolean(this,"_hasCloser",e)}validateHeading(e){prop_validators.watchString(this,"_heading",e)}validateLevel(e){validation.watchHeadingLevel(this,e)}validateOn(e){if("object"==typeof e&&null!==e){a11y_tipps.featureHint("[KolAlert] Prüfen, wie man auch einen EventCallback einzeln ändern kann.");const t={};"function"!=typeof e.onClose&&!0!==e.onClose||(t.onClose=e.onClose),prop_validators.setState(this,"_on",t)}}validateType(e){prop_validators.watchValidator(this,"_type",(e=>"string"==typeof e&&("default"===e||"error"===e||"info"===e||"success"===e||"warning"===e)),new Set("String {success, info, warning, error}"),e)}validateVariant(e){prop_validators.watchValidator(this,"_variant",(e=>"card"===e||"msg"===e),new Set("AlertVariant {card, msg}"),e)}componentWillLoad(){this.validateAlert(this._alert),this.validateHasCloser(this._hasCloser),this.validateHeading(this._heading),this.validateLevel(this._level),this.validateOn(this._on),this.validateType(this._type),this.validateVariant(this._variant)}static get watchers(){return{_alert:["validateAlert"],_hasCloser:["validateHasCloser"],_heading:["validateHeading"],_level:["validateLevel"],_on:["validateOn"],_type:["validateType"],_variant:["validateVariant"]}}};KolAlert.style={default:defaultStyleCss},exports.kol_alert=KolAlert;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const index=require("./index-e6ae017d.js"),dev_utils=require("./dev.utils-3c37c3f3.js"),prop_validators=require("./prop.validators-490c913d.js"),validation=require("./validation-5005bdab.js"),a11y_tipps=require("./a11y.tipps-54ec8bae.js");require("./index.m-d4f02c88.js"),require("./register-2a6fd996.js");const defaultStyleCss='*,::before,::after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--kolibri-border-color)}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:var(--kolibri-color);--tw-ring-color:rgba(undefined, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}::moz-focus-inner{border-style:none;padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=\'search\']{-webkit-appearance:textfield;outline-offset:-2px}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}body{margin:0;font-family:inherit;line-height:inherit}b{font-weight:bolder}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0;line-height:inherit;color:inherit}button,select{text-transform:none}button,[type=\'button\'],[type=\'reset\'],[type=\'submit\']{-webkit-appearance:button}button{background-color:transparent;background-image:none}button,[role="button"]{cursor:pointer}code{font-size:1em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}fieldset{margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5}h1,p,h2,h3,h4,h5,h6{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}input::placeholder{opacity:1;color:#9ca3af}input::webkit-input-placeholder{opacity:1;color:#9ca3af}input::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder{opacity:1;color:#9ca3af}input::-ms-input-placeholder{opacity:1;color:#9ca3af}legend{padding:0}progress{vertical-align:baseline}small{font-size:80%}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-0.5em}svg{display:block;vertical-align:middle}table{text-indent:0;border-color:inherit;border-collapse:collapse}textarea{resize:vertical}textarea::placeholder{opacity:1;color:#9ca3af}textarea::webkit-input-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}ul,ol{list-style:none;margin:0;padding:0}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.bg-normal{background-color:var(--kolibri-color-normal)}.bg-white{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity))}.bg-spin-1{background-color:var(--kolibri-color-spin-1)}.bg-spin-2{background-color:var(--kolibri-color-spin-2)}.bg-spin-3{background-color:var(--kolibri-color-spin-3)}.rounded{border-radius:var(--kolibri-border-radius)}.border-1{border-width:1px}.cursor-pointer{cursor:pointer}.block{display:block}.inline-block{display:inline-block}.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex}.grid{display:-ms-grid;display:grid}.hidden{display:none}.flex-wrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.items-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.content-center{-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center}.float-left{float:left}.font-80{font-weight:80}.font-60{font-weight:60}.h-full{height:100%}.h-0{height:0px}.h-0\\.41c-2\\.42\\2c 0-4\\.82-1\\.57-4\\.82-3\\.58c0\\.05-0\\.98\\2c 0\\.43-1\\.91\\2c 1\\.07-2\\.65c0\\.3\\2c 0\\.05\\2c 0\\.61\\2c 0\\.09\\2c 0\\.92\\2c 0\\.09c1\\.1\\2c 0\\2c 1\\.69-0\\.58\\2c 1\\.74-1\\.16{height:0.29rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.leading-normal{line-height:1.5}.list-none{list-style-type:none}.list-disc{list-style-type:disc}.list-decimal{list-style-type:decimal}.mx-auto{margin-left:auto;margin-right:auto}.mr-1{margin-right:calc(1 * var(--kolibri-spacing))}.ml-1{margin-left:calc(1 * var(--kolibri-spacing))}.mr-2{margin-right:calc(2 * var(--kolibri-spacing))}.ml-2{margin-left:calc(2 * var(--kolibri-spacing))}.mb-1{margin-bottom:calc(1 * var(--kolibri-spacing))}.ml-6{margin-left:calc(6 * var(--kolibri-spacing))}.mt-2{margin-top:calc(2 * var(--kolibri-spacing))}.mt-4{margin-top:calc(4 * var(--kolibri-spacing))}.overflow-hidden{overflow:hidden}.overflow-y-visible{overflow-y:visible}.p-2{padding:calc(2 * var(--kolibri-spacing))}.p-4{padding:calc(4 * var(--kolibri-spacing))}.px{padding-left:1px;padding-right:1px}.py-2{padding-top:calc(2 * var(--kolibri-spacing));padding-bottom:calc(2 * var(--kolibri-spacing))}.pl-8{padding-left:2rem}.pb-2{padding-bottom:calc(2 * var(--kolibri-spacing))}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.absolute{position:absolute}.relative{position:relative}.text-center{text-align:center}.hover\\:text-primary:hover{color:var(--kolibri-color-primary)}.text-normal{color:var(--kolibri-color-normal)}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.no-underline{text-decoration:none}.visible{visibility:visible}.w-full{width:100%}.w-4\\/5{width:80%}.z-50{z-index:50}.gap-1{grid-gap:calc(1 * var(--kolibri-spacing));gap:calc(1 * var(--kolibri-spacing))}.gap-2{grid-gap:calc(2 * var(--kolibri-spacing));gap:calc(2 * var(--kolibri-spacing))}.grid-flow-col{grid-auto-flow:column}.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate:0;--tw-rotate-x:0;--tw-rotate-y:0;--tw-rotate-z:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;-webkit-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));-ms-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))}.animate{-webkit-animation-iteration-count:1;animation-iteration-count:1}.blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:host *{-ms-hyphens:var(--kolibri-hyphens);-webkit-hyphens:var(--kolibri-hyphens);hyphens:var(--kolibri-hyphens);font-family:var(--kolibri-font-family);line-height:var(--kolibri-line-height);word-break:break-word}:host *{box-sizing:border-box}:host>div{background-color:white;border-color:white;border-width:1px;border-radius:0.5rem;border-style:solid;display:flex;width:100%;overflow:hidden}:host>div.error{border-color:var(--kolibri-color-error)}:host>div.error .icon{background-color:var(--kolibri-color-error)}:host>div.info{border-color:var(--kolibri-color-info)}:host>div.info .icon{background-color:var(--kolibri-color-info)}:host>div.success{border-color:var(--kolibri-color-success)}:host>div.success .icon{background-color:var(--kolibri-color-success)}:host>div.warning{border-color:var(--kolibri-color-warning)}:host>div.warning .icon{background-color:var(--kolibri-color-warning)}:host>div .icon{color:white;display:inline-block;padding:0 0.25rem}:host>div>div{display:grid}:host>div>div .heading{padding:0 0.25rem;display:inline-block}:host>div>div .heading .icon{margin-left:-0.25rem;margin-right:0.25rem;border-radius:0 0 0.25rem 0}:host>div>div>div:last-child{padding:0.25rem}',Icon=e=>index.h("kol-icon",{class:"icon",_ariaLabel:"string"==typeof e.heading&&e.heading.length>0?"":e.ariaLabel,_icon:e.icon}),AlertIcon=e=>{switch(e.type){case"error":return index.h(Icon,{ariaLabel:"Fehler",icon:"icofont-error",heading:e.heading});case"info":return index.h(Icon,{ariaLabel:"Hinweis",icon:"icofont-info-circle",heading:e.heading});case"warning":return index.h(Icon,{ariaLabel:"Warnung",icon:"icofont-warning",heading:e.heading});case"success":return index.h(Icon,{ariaLabel:"Erfolg",icon:"icofont-check-circled",heading:e.heading});default:return index.h(Icon,{ariaLabel:"Nachricht",icon:"icofont-comment",heading:e.heading})}},KolAlert=class{constructor(e){index.registerInstance(this,e),this.close=()=>{var e;void 0!==(null===(e=this._on)||void 0===e?void 0:e.onClose)&&this._on.onClose(new Event("Close"))},this.on={onClick:this.close},this._alert=!1,this._hasCloser=!1,this._level=1,this._type="default",this._variant="msg",this.state={}}render(){if(this.state._alert){try{dev_utils.Log.debug(["Navigator should vibrate ...",navigator.vibrate([100,75,100,75,100])])}catch(e){dev_utils.Log.debug("Navigator does not support vibration.")}setTimeout((()=>{this.validateAlert(!1)}),1e4)}return index.h(index.Host,null,index.h("div",{class:{[this.state._type]:!0,[this.state._variant]:!0},role:this.state._alert?"alert":void 0},"msg"===this.state._variant&&index.h(AlertIcon,{heading:this.state._heading,type:this.state._type}),index.h("div",null,("string"==typeof this.state._heading&&this.state._heading.length>0||"card"===this.state._variant)&&index.h("kol-heading-wc",{class:"heading",_level:this.state._level},"card"===this.state._variant&&index.h(AlertIcon,{heading:this.state._heading,type:this.state._type}),this.state._heading),index.h("div",{class:"content"},index.h("slot",null)),this.state._hasCloser&&index.h("kol-button-wc",{class:"close",_icon:{left:{icon:"icofont-close"}},_iconOnly:!0,_label:"Schließen",_on:this.on}))))}validateAlert(e){prop_validators.watchBoolean(this,"_alert",e)}validateHasCloser(e){prop_validators.watchBoolean(this,"_hasCloser",e)}validateHeading(e){prop_validators.watchString(this,"_heading",e)}validateLevel(e){validation.watchHeadingLevel(this,e)}validateOn(e){if("object"==typeof e&&null!==e){a11y_tipps.featureHint("[KolAlert] Prüfen, wie man auch einen EventCallback einzeln ändern kann.");const t={};"function"!=typeof e.onClose&&!0!==e.onClose||(t.onClose=e.onClose),prop_validators.setState(this,"_on",t)}}validateType(e){prop_validators.watchValidator(this,"_type",(e=>"string"==typeof e&&("default"===e||"error"===e||"info"===e||"success"===e||"warning"===e)),new Set("String {success, info, warning, error}"),e)}validateVariant(e){prop_validators.watchValidator(this,"_variant",(e=>"card"===e||"msg"===e),new Set("AlertVariant {card, msg}"),e)}componentWillLoad(){this.validateAlert(this._alert),this.validateHasCloser(this._hasCloser),this.validateHeading(this._heading),this.validateLevel(this._level),this.validateOn(this._on),this.validateType(this._type),this.validateVariant(this._variant)}static get watchers(){return{_alert:["validateAlert"],_hasCloser:["validateHasCloser"],_heading:["validateHeading"],_level:["validateLevel"],_on:["validateOn"],_type:["validateType"],_variant:["validateVariant"]}}};KolAlert.style={default:defaultStyleCss},exports.kol_alert=KolAlert;