@public-ui/sample-react 2.2.17 → 2.2.18-rc.1

package/dist/assets/keyboard-77e19a81-BWwnOSNt.js

@@ -0,0 +1,2 @@
+var n;(function(o){o.onBlur="onBlur",o.onChange="onChange",o.onClick="onClick",o.onDblClick="onDblClick",o.onFocus="onFocus",o.onInput="onInput",o.onKeyDown="onKeyDown",o.onKeyPress="onKeyPress",o.onKeyUp="onKeyUp",o.onMouseDown="onMouseDown",o.onMouseMove="onMouseMove",o.onMouseOut="onMouseOut",o.onMouseOver="onMouseOver",o.onMouseUp="onMouseUp",o.onReset="onReset",o.onSelect="onSelect",o.onSort="onSort",o.onSelectionChange="onSelectionChange",o.onSubmit="onSubmit",o.onToggle="onToggle",o.onClose="onClose"})(n||(n={}));var r;(function(o){o.ArrowDown="ArrowDown",o.ArrowLeft="ArrowLeft",o.ArrowRight="ArrowRight",o.ArrowUp="ArrowUp",o.Enter="Enter",o.Space=" "})(r||(r={}));export{n as E,r as K};
+//# sourceMappingURL=keyboard-77e19a81-BWwnOSNt.js.map

package/dist/assets/{keyboard-77e19a81-D1ah5412.js.map → keyboard-77e19a81-BWwnOSNt.js.map}

@@ -1 +1 @@
-{"version":3,"file":"keyboard-77e19a81-D1ah5412.js","sources":["../../../../components/dist/esm/keyboard-77e19a81.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nvar Events;\n(function (Events) {\n    Events[\"onBlur\"] = \"onBlur\";\n    Events[\"onChange\"] = \"onChange\";\n    Events[\"onClick\"] = \"onClick\";\n    Events[\"onDblClick\"] = \"onDblClick\";\n    Events[\"onFocus\"] = \"onFocus\";\n    Events[\"onInput\"] = \"onInput\";\n    Events[\"onKeyDown\"] = \"onKeyDown\";\n    Events[\"onKeyPress\"] = \"onKeyPress\";\n    Events[\"onKeyUp\"] = \"onKeyUp\";\n    Events[\"onMouseDown\"] = \"onMouseDown\";\n    Events[\"onMouseMove\"] = \"onMouseMove\";\n    Events[\"onMouseOut\"] = \"onMouseOut\";\n    Events[\"onMouseOver\"] = \"onMouseOver\";\n    Events[\"onMouseUp\"] = \"onMouseUp\";\n    Events[\"onReset\"] = \"onReset\";\n    Events[\"onSelect\"] = \"onSelect\";\n    Events[\"onSort\"] = \"onSort\";\n    Events[\"onSelectionChange\"] = \"onSelectionChange\";\n    Events[\"onSubmit\"] = \"onSubmit\";\n    Events[\"onToggle\"] = \"onToggle\";\n    Events[\"onClose\"] = \"onClose\";\n})(Events || (Events = {}));\n\nvar KeyboardKey;\n(function (KeyboardKey) {\n    KeyboardKey[\"ArrowDown\"] = \"ArrowDown\";\n    KeyboardKey[\"ArrowLeft\"] = \"ArrowLeft\";\n    KeyboardKey[\"ArrowRight\"] = \"ArrowRight\";\n    KeyboardKey[\"ArrowUp\"] = \"ArrowUp\";\n    KeyboardKey[\"Enter\"] = \"Enter\";\n    KeyboardKey[\"Space\"] = \" \";\n})(KeyboardKey || (KeyboardKey = {}));\n\nexport { Events as E, KeyboardKey as K };\n\n//# sourceMappingURL=keyboard-77e19a81.js.map"],"names":["Events","KeyboardKey"],"mappings":"AAAA;AAAA;AAAA,GAGG,IAACA,GACH,SAAUA,EAAQ,CACfA,EAAO,OAAY,SACnBA,EAAO,SAAc,WACrBA,EAAO,QAAa,UACpBA,EAAO,WAAgB,aACvBA,EAAO,QAAa,UACpBA,EAAO,QAAa,UACpBA,EAAO,UAAe,YACtBA,EAAO,WAAgB,aACvBA,EAAO,QAAa,UACpBA,EAAO,YAAiB,cACxBA,EAAO,YAAiB,cACxBA,EAAO,WAAgB,aACvBA,EAAO,YAAiB,cACxBA,EAAO,UAAe,YACtBA,EAAO,QAAa,UACpBA,EAAO,SAAc,WACrBA,EAAO,OAAY,SACnBA,EAAO,kBAAuB,oBAC9BA,EAAO,SAAc,WACrBA,EAAO,SAAc,WACrBA,EAAO,QAAa,SACxB,GAAGA,IAAWA,EAAS,CAAA,EAAG,EAEvB,IAACC,GACH,SAAUA,EAAa,CACpBA,EAAY,UAAe,YAC3BA,EAAY,UAAe,YAC3BA,EAAY,WAAgB,aAC5BA,EAAY,QAAa,UACzBA,EAAY,MAAW,QACvBA,EAAY,MAAW,GAC3B,GAAGA,IAAgBA,EAAc,CAAA,EAAG"}
+{"version":3,"file":"keyboard-77e19a81-BWwnOSNt.js","sources":["../../../../components/dist/esm/keyboard-77e19a81.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nvar Events;\n(function (Events) {\n    Events[\"onBlur\"] = \"onBlur\";\n    Events[\"onChange\"] = \"onChange\";\n    Events[\"onClick\"] = \"onClick\";\n    Events[\"onDblClick\"] = \"onDblClick\";\n    Events[\"onFocus\"] = \"onFocus\";\n    Events[\"onInput\"] = \"onInput\";\n    Events[\"onKeyDown\"] = \"onKeyDown\";\n    Events[\"onKeyPress\"] = \"onKeyPress\";\n    Events[\"onKeyUp\"] = \"onKeyUp\";\n    Events[\"onMouseDown\"] = \"onMouseDown\";\n    Events[\"onMouseMove\"] = \"onMouseMove\";\n    Events[\"onMouseOut\"] = \"onMouseOut\";\n    Events[\"onMouseOver\"] = \"onMouseOver\";\n    Events[\"onMouseUp\"] = \"onMouseUp\";\n    Events[\"onReset\"] = \"onReset\";\n    Events[\"onSelect\"] = \"onSelect\";\n    Events[\"onSort\"] = \"onSort\";\n    Events[\"onSelectionChange\"] = \"onSelectionChange\";\n    Events[\"onSubmit\"] = \"onSubmit\";\n    Events[\"onToggle\"] = \"onToggle\";\n    Events[\"onClose\"] = \"onClose\";\n})(Events || (Events = {}));\n\nvar KeyboardKey;\n(function (KeyboardKey) {\n    KeyboardKey[\"ArrowDown\"] = \"ArrowDown\";\n    KeyboardKey[\"ArrowLeft\"] = \"ArrowLeft\";\n    KeyboardKey[\"ArrowRight\"] = \"ArrowRight\";\n    KeyboardKey[\"ArrowUp\"] = \"ArrowUp\";\n    KeyboardKey[\"Enter\"] = \"Enter\";\n    KeyboardKey[\"Space\"] = \" \";\n})(KeyboardKey || (KeyboardKey = {}));\n\nexport { Events as E, KeyboardKey as K };\n\n//# sourceMappingURL=keyboard-77e19a81.js.map"],"names":["Events","KeyboardKey"],"mappings":"AAGG,IAACA,GACH,SAAUA,EAAQ,CACfA,EAAO,OAAY,SACnBA,EAAO,SAAc,WACrBA,EAAO,QAAa,UACpBA,EAAO,WAAgB,aACvBA,EAAO,QAAa,UACpBA,EAAO,QAAa,UACpBA,EAAO,UAAe,YACtBA,EAAO,WAAgB,aACvBA,EAAO,QAAa,UACpBA,EAAO,YAAiB,cACxBA,EAAO,YAAiB,cACxBA,EAAO,WAAgB,aACvBA,EAAO,YAAiB,cACxBA,EAAO,UAAe,YACtBA,EAAO,QAAa,UACpBA,EAAO,SAAc,WACrBA,EAAO,OAAY,SACnBA,EAAO,kBAAuB,oBAC9BA,EAAO,SAAc,WACrBA,EAAO,SAAc,WACrBA,EAAO,QAAa,SACxB,GAAGA,IAAWA,EAAS,CAAA,EAAG,EAEvB,IAACC,GACH,SAAUA,EAAa,CACpBA,EAAY,UAAe,YAC3BA,EAAY,UAAe,YAC3BA,EAAY,WAAgB,aAC5BA,EAAY,QAAa,UACzBA,EAAY,MAAW,QACvBA,EAAY,MAAW,GAC3B,GAAGA,IAAgBA,EAAc,CAAA,EAAG"}

package/dist/assets/{kol-abbr.entry-nqIddTUy.js → kol-abbr.entry-C9HBCUAb.js}

@@ -1,6 +1,4 @@
-import{r as e,h as t,K as i,H as o}from"./index-7WRSZKTT.js";import{n as a}from"./dev.utils-e0ebaf6c-CB7CgDLr.js";import{v as l}from"./label-7d1ce375-BFrJRMqI.js";import{v as s}from"./tooltip-align-6964dd71-32NcQL5L.js";import"./align-f3101425-B4vHQ56A.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const r=`/*
+import{r as e,h as t,K as i,H as o}from"./index-mpn7FJjz.js";import{n as a}from"./dev.utils-0183c4e9-BmQjDv4V.js";import{v as l}from"./label-7d1ce375-CRYhANwA.js";import{v as s}from"./tooltip-align-6964dd71-64os84J5.js";import"./align-f3101425-DKwd4Xuv.js";const r=`/*
  * This file contains all rules for accessibility.
  */
 @layer kol-a11y {
@@ -181,21 +179,29 @@ import{r as e,h as t,K as i,H as o}from"./index-7WRSZKTT.js";import{n as a}from"
     display: contents;
   }
   .kol-tooltip-wc .tooltip-floating {
+    opacity: 0;
     display: none;
     position: fixed;
     /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */
     top: 0;
     left: 0;
-    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */
-    width: var(--kol-tooltip-width);
+    /* Can be used to specify the tooltip-width from the outside. Unset by default. */
+    width: var(--kol-tooltip-width, unset);
     max-width: 90vw;
     max-height: 90vh;
-    visibility: hidden;
-    animation-duration: 0.25s;
+    animation-direction: normal;
+    /* Can be used to specify the animation duration from the outside. 250ms by default. */
+    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);
+    animation-fill-mode: forwards;
     animation-iteration-count: 1;
-    animation-name: fadeInOpacity;
     animation-timing-function: ease-in;
   }
+  .kol-tooltip-wc .tooltip-floating.hide {
+    animation-name: hideTooltip;
+  }
+  .kol-tooltip-wc .tooltip-floating.show {
+    animation-name: showTooltip;
+  }
   /* Shared between content and arrow */
   .kol-tooltip-wc .tooltip-area {
     color: #000;
@@ -212,7 +218,16 @@ import{r as e,h as t,K as i,H as o}from"./index-7WRSZKTT.js";import{n as a}from"
     position: relative;
     z-index: 1000;
   }
-  @keyframes fadeInOpacity {
+  @keyframes hideTooltip {
+    0% {
+      opacity: 1;
+    }
+    100% {
+      opacity: 0;
+      display: none;
+    }
+  }
+  @keyframes showTooltip {
     0% {
       opacity: 0;
     }
@@ -226,4 +241,4 @@ import{r as e,h as t,K as i,H as o}from"./index-7WRSZKTT.js";import{n as a}from"
     cursor: help;
   }
 }`,d=r,c=class{constructor(n){e(this,n),this.nonce=a(),this._label=void 0,this._tooltipAlign="top",this.state={_label:"",_tooltipAlign:"top"}}render(){return t(o,{key:"598d706f074db11649d068894821a214d3373d11",class:"kol-abbr"},t("abbr",{key:"cea033577a07ea9cbc48cf32f2afa798b2f70c1b","aria-labelledby":this.nonce,role:"definition",tabindex:"0",title:this.state._label},t("span",{key:"f28a0dacfb9e1d5807f763e03401e1b71c0414c3",title:""},t("slot",{key:"c72ee140bfc1c43d781a5309c07f9a47689d6f4e"}))),t(i,{key:"2743bb91c1b770375bda8e19668e7ad698b10baa",_align:this.state._tooltipAlign,_id:this.nonce,_label:this.state._label}))}validateLabel(n){l(this,n,{required:!0})}validateTooltipAlign(n){s(this,n)}componentWillLoad(){this.validateLabel(this._label),this.validateTooltipAlign(this._tooltipAlign)}static get watchers(){return{_label:["validateLabel"],_tooltipAlign:["validateTooltipAlign"]}}};c.style={default:d};export{c as kol_abbr};
-//# sourceMappingURL=kol-abbr.entry-nqIddTUy.js.map
+//# sourceMappingURL=kol-abbr.entry-C9HBCUAb.js.map

package/dist/assets/{kol-abbr.entry-nqIddTUy.js.map → kol-abbr.entry-C9HBCUAb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-abbr.entry-nqIddTUy.js","sources":["../../../../components/dist/esm/kol-abbr.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-25e94a16.js';\nimport './index-7a63e9eb.js';\nimport { n as nonce } from './dev.utils-e0ebaf6c.js';\nimport { a as KolTooltipWcTag } from './component-names-4cb1c62b.js';\nimport { v as validateLabel } from './label-7d1ce375.js';\nimport { v as validateTooltipAlign } from './tooltip-align-6964dd71.js';\nimport './align-f3101425.js';\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    color: black;\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%; /* 100% needed for custom width from outside */\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n  .kol-span-wc {\\n    display: grid;\\n    place-items: center;\\n  }\\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  .kol-span-wc > span {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  /* This is the text label. */\\n  .hide-label > .kol-span-wc > span > span {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span-wc,\\n  [disabled]:focus .kol-span-wc {\\n    outline: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip-wc {\\n    display: contents;\\n  }\\n  .kol-tooltip-wc .tooltip-floating {\\n    display: none;\\n    position: fixed;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width);\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    visibility: hidden;\\n    animation-duration: 0.25s;\\n    animation-iteration-count: 1;\\n    animation-name: fadeInOpacity;\\n    animation-timing-function: ease-in;\\n  }\\n  /* Shared between content and arrow */\\n  .kol-tooltip-wc .tooltip-area {\\n    color: #000;\\n    background-color: #fff;\\n  }\\n  .kol-tooltip-wc .tooltip-arrow {\\n    transform: rotate(45deg);\\n    position: absolute;\\n    z-index: 999;\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-tooltip-wc .tooltip-content {\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes fadeInOpacity {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  :host > abbr {\\n    cursor: help;\\n  }\\n}\";\nconst KolAbbrDefaultStyle0 = defaultStyleCss;\n\nconst KolAbbr = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.nonce = nonce();\n        this._label = undefined;\n        this._tooltipAlign = 'top';\n        this.state = {\n            _label: '',\n            _tooltipAlign: 'top',\n        };\n    }\n    render() {\n        return (h(Host, { key: '598d706f074db11649d068894821a214d3373d11', class: \"kol-abbr\" }, h(\"abbr\", { key: 'cea033577a07ea9cbc48cf32f2afa798b2f70c1b', \"aria-labelledby\": this.nonce, role: \"definition\", tabindex: \"0\", title: this.state._label }, h(\"span\", { key: 'f28a0dacfb9e1d5807f763e03401e1b71c0414c3', title: \"\" }, h(\"slot\", { key: 'c72ee140bfc1c43d781a5309c07f9a47689d6f4e' }))), h(KolTooltipWcTag, { key: '2743bb91c1b770375bda8e19668e7ad698b10baa', _align: this.state._tooltipAlign, _id: this.nonce, _label: this.state._label })));\n    }\n    validateLabel(value) {\n        validateLabel(this, value, {\n            required: true,\n        });\n    }\n    validateTooltipAlign(value) {\n        validateTooltipAlign(this, value);\n    }\n    componentWillLoad() {\n        this.validateLabel(this._label);\n        this.validateTooltipAlign(this._tooltipAlign);\n    }\n    static get watchers() { return {\n        \"_label\": [\"validateLabel\"],\n        \"_tooltipAlign\": [\"validateTooltipAlign\"]\n    }; }\n};\nKolAbbr.style = {\n    default: KolAbbrDefaultStyle0\n};\n\nexport { KolAbbr as kol_abbr };\n\n//# sourceMappingURL=kol-abbr.entry.js.map"],"names":["defaultStyleCss","KolAbbrDefaultStyle0","KolAbbr","hostRef","registerInstance","nonce","h","Host","KolTooltipWcTag","value","validateLabel","validateTooltipAlign"],"mappings":"iQAAA;AAAA;AAAA,GAWA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAClBC,EAAuBD,EAEvBE,EAAU,KAAM,CAClB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,MAAQE,EAAK,EAClB,KAAK,OAAS,OACd,KAAK,cAAgB,MACrB,KAAK,MAAQ,CACT,OAAQ,GACR,cAAe,KAC3B,CACI,CACA,QAAS,CACL,OAAQC,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,UAAU,EAAID,EAAE,OAAQ,CAAE,IAAK,2CAA4C,kBAAmB,KAAK,MAAO,KAAM,aAAc,SAAU,IAAK,MAAO,KAAK,MAAM,MAAM,EAAIA,EAAE,OAAQ,CAAE,IAAK,2CAA4C,MAAO,IAAMA,EAAE,OAAQ,CAAE,IAAK,0CAA0C,CAAE,CAAC,CAAC,EAAGA,EAAEE,EAAiB,CAAE,IAAK,2CAA4C,OAAQ,KAAK,MAAM,cAAe,IAAK,KAAK,MAAO,OAAQ,KAAK,MAAM,MAAM,CAAE,CAAC,CACxhB,CACA,cAAcC,EAAO,CACjBC,EAAc,KAAMD,EAAO,CACvB,SAAU,EACtB,CAAS,CACL,CACA,qBAAqBA,EAAO,CACxBE,EAAqB,KAAMF,CAAK,CACpC,CACA,mBAAoB,CAChB,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,qBAAqB,KAAK,aAAa,CAChD,CACA,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,eAAe,EAC1B,cAAiB,CAAC,sBAAsB,CAChD,CAAO,CACP,EACAP,EAAQ,MAAQ,CACZ,QAASD,CACb"}
+{"version":3,"file":"kol-abbr.entry-C9HBCUAb.js","sources":["../../../../components/dist/esm/kol-abbr.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-16f448fe.js';\nimport './index-7a63e9eb.js';\nimport { n as nonce } from './dev.utils-0183c4e9.js';\nimport { a as KolTooltipWcTag } from './component-names-4cb1c62b.js';\nimport { v as validateLabel } from './label-7d1ce375.js';\nimport { v as validateTooltipAlign } from './tooltip-align-6964dd71.js';\nimport './align-f3101425.js';\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    color: black;\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%; /* 100% needed for custom width from outside */\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n  .kol-span-wc {\\n    display: grid;\\n    place-items: center;\\n  }\\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  .kol-span-wc > span {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  /* This is the text label. */\\n  .hide-label > .kol-span-wc > span > span {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span-wc,\\n  [disabled]:focus .kol-span-wc {\\n    outline: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip-wc {\\n    display: contents;\\n  }\\n  .kol-tooltip-wc .tooltip-floating {\\n    opacity: 0;\\n    display: none;\\n    position: fixed;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default. */\\n    width: var(--kol-tooltip-width, unset);\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    animation-direction: normal;\\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\\n    animation-fill-mode: forwards;\\n    animation-iteration-count: 1;\\n    animation-timing-function: ease-in;\\n  }\\n  .kol-tooltip-wc .tooltip-floating.hide {\\n    animation-name: hideTooltip;\\n  }\\n  .kol-tooltip-wc .tooltip-floating.show {\\n    animation-name: showTooltip;\\n  }\\n  /* Shared between content and arrow */\\n  .kol-tooltip-wc .tooltip-area {\\n    color: #000;\\n    background-color: #fff;\\n  }\\n  .kol-tooltip-wc .tooltip-arrow {\\n    transform: rotate(45deg);\\n    position: absolute;\\n    z-index: 999;\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-tooltip-wc .tooltip-content {\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes hideTooltip {\\n    0% {\\n      opacity: 1;\\n    }\\n    100% {\\n      opacity: 0;\\n      display: none;\\n    }\\n  }\\n  @keyframes showTooltip {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  :host > abbr {\\n    cursor: help;\\n  }\\n}\";\nconst KolAbbrDefaultStyle0 = defaultStyleCss;\n\nconst KolAbbr = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.nonce = nonce();\n        this._label = undefined;\n        this._tooltipAlign = 'top';\n        this.state = {\n            _label: '',\n            _tooltipAlign: 'top',\n        };\n    }\n    render() {\n        return (h(Host, { key: '598d706f074db11649d068894821a214d3373d11', class: \"kol-abbr\" }, h(\"abbr\", { key: 'cea033577a07ea9cbc48cf32f2afa798b2f70c1b', \"aria-labelledby\": this.nonce, role: \"definition\", tabindex: \"0\", title: this.state._label }, h(\"span\", { key: 'f28a0dacfb9e1d5807f763e03401e1b71c0414c3', title: \"\" }, h(\"slot\", { key: 'c72ee140bfc1c43d781a5309c07f9a47689d6f4e' }))), h(KolTooltipWcTag, { key: '2743bb91c1b770375bda8e19668e7ad698b10baa', _align: this.state._tooltipAlign, _id: this.nonce, _label: this.state._label })));\n    }\n    validateLabel(value) {\n        validateLabel(this, value, {\n            required: true,\n        });\n    }\n    validateTooltipAlign(value) {\n        validateTooltipAlign(this, value);\n    }\n    componentWillLoad() {\n        this.validateLabel(this._label);\n        this.validateTooltipAlign(this._tooltipAlign);\n    }\n    static get watchers() { return {\n        \"_label\": [\"validateLabel\"],\n        \"_tooltipAlign\": [\"validateTooltipAlign\"]\n    }; }\n};\nKolAbbr.style = {\n    default: KolAbbrDefaultStyle0\n};\n\nexport { KolAbbr as kol_abbr };\n\n//# sourceMappingURL=kol-abbr.entry.js.map"],"names":["defaultStyleCss","KolAbbrDefaultStyle0","KolAbbr","hostRef","registerInstance","nonce","h","Host","KolTooltipWcTag","value","validateLabel","validateTooltipAlign"],"mappings":"iQAWA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAClBC,EAAuBD,EAEvBE,EAAU,KAAM,CAClB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,MAAQE,EAAK,EAClB,KAAK,OAAS,OACd,KAAK,cAAgB,MACrB,KAAK,MAAQ,CACT,OAAQ,GACR,cAAe,KAC3B,CACI,CACA,QAAS,CACL,OAAQC,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,UAAU,EAAID,EAAE,OAAQ,CAAE,IAAK,2CAA4C,kBAAmB,KAAK,MAAO,KAAM,aAAc,SAAU,IAAK,MAAO,KAAK,MAAM,MAAM,EAAIA,EAAE,OAAQ,CAAE,IAAK,2CAA4C,MAAO,IAAMA,EAAE,OAAQ,CAAE,IAAK,0CAA0C,CAAE,CAAC,CAAC,EAAGA,EAAEE,EAAiB,CAAE,IAAK,2CAA4C,OAAQ,KAAK,MAAM,cAAe,IAAK,KAAK,MAAO,OAAQ,KAAK,MAAM,MAAM,CAAE,CAAC,CACxhB,CACA,cAAcC,EAAO,CACjBC,EAAc,KAAMD,EAAO,CACvB,SAAU,EACtB,CAAS,CACL,CACA,qBAAqBA,EAAO,CACxBE,EAAqB,KAAMF,CAAK,CACpC,CACA,mBAAoB,CAChB,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,qBAAqB,KAAK,aAAa,CAChD,CACA,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,eAAe,EAC1B,cAAiB,CAAC,sBAAsB,CAChD,CAAO,CACP,EACAP,EAAQ,MAAQ,CACZ,QAASD,CACb"}

package/dist/assets/{kol-accordion.entry-CZ9MpF3N.js → kol-accordion.entry-D845zqNY.js}

@@ -1,6 +1,4 @@
-import{r,h as o,H as d,w as c,i as h,f as s}from"./index-7WRSZKTT.js";import{n as p}from"./dev.utils-e0ebaf6c-CB7CgDLr.js";import{w as b}from"./validation-b34ff01a-Kth4YFP5.js";import{K as u}from"./Collapsible-18d9607a-amR5-Orl.js";import{v as m}from"./disabled-26405bb8-yLGjk0L4.js";import{v as f}from"./open-74ada92d-BvcxmFHz.js";import{v as w}from"./label-7d1ce375-BFrJRMqI.js";import"./tslib.es6-1173d062-BAJoBDh7.js";import"./clsx-09a06a12-BT_IL7Fz.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const v=(n,t)=>{c(n,"_on",e=>h(e),new Set(["AccordionCallbacksPropType {Events.onClick}"]),t)},g=`/*
+import{r,h as o,H as d,w as c,i as h,f as s}from"./index-mpn7FJjz.js";import{n as p}from"./dev.utils-0183c4e9-BmQjDv4V.js";import{w as b}from"./validation-b34ff01a-hddxmFqy.js";import{K as u}from"./Collapsible-bb08ff2a-BtvMERmV.js";import{v as m}from"./disabled-26405bb8-D5O0XqFK.js";import{v as f}from"./open-74ada92d-CvZKHcmn.js";import{v as w}from"./label-7d1ce375-CRYhANwA.js";import"./tslib.es6-1173d062-BGVaTf34.js";import"./clsx-09a06a12-B-dksMZM.js";const v=(n,t)=>{c(n,"_on",e=>h(e),new Set(["AccordionCallbacksPropType {Events.onClick}"]),t)},g=`/*
  * This file contains all rules for accessibility.
  */
 @layer kol-a11y {
@@ -233,4 +231,4 @@ import{r,h as o,H as d,w as c,i as h,f as s}from"./index-7WRSZKTT.js";import{n a
 - onClick auf der KolAccordion anwenden
 - Click-Event prüft den _open-Status der Accordions
 - Logik Öffnet und Schließt entsprechend`);s("[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.");const y=class{constructor(n){r(this,n),this.nonce=p(),this.catchRef=t=>{this.buttonWcRef=t},this.handleOnClick=t=>{this._open=!this._open,setTimeout(()=>{var e,a;(a=(e=this.state._on)===null||e===void 0?void 0:e.onClick)===null||a===void 0||a.call(e,t,this._open===!0)})},this._disabled=!1,this._label=void 0,this._level=0,this._on=void 0,this._open=!1,this.state={_label:"",_level:0,_on:{}}}async focus(){await this.kolFocus()}async kolFocus(){var n;await((n=this.buttonWcRef)===null||n===void 0?void 0:n.kolFocus())}render(){const{_open:n,_label:t,_disabled:e,_level:a}=this.state,i="accordion",l={id:this.nonce,label:t,open:n,disabled:e,level:a,onClick:this.handleOnClick,class:i,HeadingProps:{class:`${i}__heading`},HeadingButtonProps:{ref:this.catchRef,class:`${i}__heading-button`},ContentProps:{class:`${i}__content`,wrapperClass:`${i}__wrapper`,animationClass:`${i}__wrapper-animation`}};return o(d,{key:"7ddae7d5f74257c2b7c6210b99e2fe96664a92de",class:"kol-accordion"},o(u,Object.assign({key:"95da6a5f290091ac0356ba4481f6fed24cfe832e"},l),o("slot",{key:"cc563067a38896c68041a3a40a3cc3b5c3bc2353"})))}validateDisabled(n){m(this,n)}validateLabel(n){w(this,n,{required:!0})}validateLevel(n){b(this,n)}validateOn(n){v(this,n)}validateOpen(n){f(this,n)}componentWillLoad(){this.validateDisabled(this._disabled),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on),this.validateOpen(this._open)}static get watchers(){return{_disabled:["validateDisabled"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_open:["validateOpen"]}}};y.style={default:_};export{y as kol_accordion};
-//# sourceMappingURL=kol-accordion.entry-CZ9MpF3N.js.map
+//# sourceMappingURL=kol-accordion.entry-D845zqNY.js.map

package/dist/assets/{kol-accordion.entry-CZ9MpF3N.js.map → kol-accordion.entry-D845zqNY.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-accordion.entry-CZ9MpF3N.js","sources":["../../../../components/dist/esm/kol-accordion.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-25e94a16.js';\nimport { w as watchValidator, i as isObject, h as featureHint } from './index-7a63e9eb.js';\nimport { n as nonce } from './dev.utils-e0ebaf6c.js';\nimport { w as watchHeadingLevel } from './validation-b34ff01a.js';\nimport { K as KolCollapsibleFc } from './Collapsible-18d9607a.js';\nimport { v as validateDisabled } from './disabled-26405bb8.js';\nimport { v as validateOpen } from './open-74ada92d.js';\nimport { v as validateLabel } from './label-7d1ce375.js';\nimport './tslib.es6-1173d062.js';\nimport './clsx-09a06a12.js';\nimport './component-names-4cb1c62b.js';\n\nconst validateAccordionCallbacks = (component, value) => {\n    watchValidator(component, `_on`, (value) => isObject(value), new Set(['AccordionCallbacksPropType {Events.onClick}']), value);\n};\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    color: black;\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%; /* 100% needed for custom width from outside */\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n  .kol-span-wc {\\n    display: grid;\\n    place-items: center;\\n  }\\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  .kol-span-wc > span {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  /* This is the text label. */\\n  .hide-label > .kol-span-wc > span > span {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span-wc,\\n  [disabled]:focus .kol-span-wc {\\n    outline: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: block;\\n  }\\n}\\n/* For animation technique see https://css-tricks.com/css-grid-can-do-auto-height-transitions/ */\\n@layer kol-component {\\n  .collapsible {\\n    /* @see https://github.com/public-ui/kolibri/issues/5952 */\\n    /*\\n          * Inside a button, the caption text is always centered.\\n          * So we have to align the text to the left.\\n          */\\n  }\\n  .collapsible__wrapper {\\n    /* Forces the element into its own GPU compositing layer (via 3D transform). Helps prevent rendering/layout bugs (e.g. #7511) and may improve animation performance. */\\n    transform: translateZ(0);\\n    display: grid;\\n    grid-template-rows: 0fr;\\n    transition: grid-template-rows 0.3s;\\n  }\\n  .collapsible__wrapper-animation {\\n    min-height: 0;\\n    /**\\n     * The `overflow: hidden` ensures that the content is not visible during the animated\\n     * opening and closing. This should also cut off overlays containing content, but it\\n     *does not.\\n    */\\n    overflow: hidden;\\n    /* This property is important to keep in sync with the visual transition (template-rows). Without it interactive elements within the accordion would stay focusable. */\\n    visibility: hidden;\\n    transition: visibility 0.3s;\\n  }\\n  .open .collapsible__wrapper {\\n    grid-template-rows: 1fr;\\n  }\\n  .open .collapsible__wrapper-animation {\\n    visibility: visible;\\n  }\\n  @media (prefers-reduced-motion) {\\n    .collapsible__wrapper-animation, .collapsible__wrapper {\\n      transition-duration: 0s;\\n    }\\n  }\\n  @media print {\\n    :not(.open) .collapsible__wrapper-animation {\\n      display: none;\\n    }\\n  }\\n  .collapsible__heading-button button .kol-span-wc {\\n    justify-items: start;\\n  }\\n}\";\nconst KolAccordionDefaultStyle0 = defaultStyleCss;\n\nfeatureHint(`[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`);\nfeatureHint(`[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.`);\nconst KolAccordion = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.nonce = nonce();\n        this.catchRef = (ref) => {\n            this.buttonWcRef = ref;\n        };\n        this.handleOnClick = (event) => {\n            this._open = !this._open;\n            setTimeout(() => {\n                var _a, _b;\n                (_b = (_a = this.state._on) === null || _a === void 0 ? void 0 : _a.onClick) === null || _b === void 0 ? void 0 : _b.call(_a, event, this._open === true);\n            });\n        };\n        this._disabled = false;\n        this._label = undefined;\n        this._level = 0;\n        this._on = undefined;\n        this._open = false;\n        this.state = {\n            _label: '',\n            _level: 0,\n            _on: {},\n        };\n    }\n    async focus() {\n        await this.kolFocus();\n    }\n    async kolFocus() {\n        var _a;\n        await ((_a = this.buttonWcRef) === null || _a === void 0 ? void 0 : _a.kolFocus());\n    }\n    render() {\n        const { _open, _label, _disabled, _level } = this.state;\n        const rootClass = 'accordion';\n        const props = {\n            id: this.nonce,\n            label: _label,\n            open: _open,\n            disabled: _disabled,\n            level: _level,\n            onClick: this.handleOnClick,\n            class: rootClass,\n            HeadingProps: { class: `${rootClass}__heading` },\n            HeadingButtonProps: {\n                ref: this.catchRef,\n                class: `${rootClass}__heading-button`,\n            },\n            ContentProps: {\n                class: `${rootClass}__content`,\n                wrapperClass: `${rootClass}__wrapper`,\n                animationClass: `${rootClass}__wrapper-animation`,\n            },\n        };\n        return (h(Host, { key: '7ddae7d5f74257c2b7c6210b99e2fe96664a92de', class: \"kol-accordion\" }, h(KolCollapsibleFc, Object.assign({ key: '95da6a5f290091ac0356ba4481f6fed24cfe832e' }, props), h(\"slot\", { key: 'cc563067a38896c68041a3a40a3cc3b5c3bc2353' }))));\n    }\n    validateDisabled(value) {\n        validateDisabled(this, value);\n    }\n    validateLabel(value) {\n        validateLabel(this, value, {\n            required: true,\n        });\n    }\n    validateLevel(value) {\n        watchHeadingLevel(this, value);\n    }\n    validateOn(on) {\n        validateAccordionCallbacks(this, on);\n    }\n    validateOpen(value) {\n        validateOpen(this, value);\n    }\n    componentWillLoad() {\n        this.validateDisabled(this._disabled);\n        this.validateLabel(this._label);\n        this.validateLevel(this._level);\n        this.validateOn(this._on);\n        this.validateOpen(this._open);\n    }\n    static get watchers() { return {\n        \"_disabled\": [\"validateDisabled\"],\n        \"_label\": [\"validateLabel\"],\n        \"_level\": [\"validateLevel\"],\n        \"_on\": [\"validateOn\"],\n        \"_open\": [\"validateOpen\"]\n    }; }\n};\nKolAccordion.style = {\n    default: KolAccordionDefaultStyle0\n};\n\nexport { KolAccordion as kol_accordion };\n\n//# sourceMappingURL=kol-accordion.entry.js.map"],"names":["validateAccordionCallbacks","component","value","watchValidator","isObject","defaultStyleCss","KolAccordionDefaultStyle0","featureHint","KolAccordion","hostRef","registerInstance","nonce","ref","event","_a","_b","_open","_label","_disabled","_level","rootClass","props","h","Host","KolCollapsibleFc","validateDisabled","validateLabel","watchHeadingLevel","on","validateOpen"],"mappings":"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"}
+{"version":3,"file":"kol-accordion.entry-D845zqNY.js","sources":["../../../../components/dist/esm/kol-accordion.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-16f448fe.js';\nimport { w as watchValidator, i as isObject, h as featureHint } from './index-7a63e9eb.js';\nimport { n as nonce } from './dev.utils-0183c4e9.js';\nimport { w as watchHeadingLevel } from './validation-b34ff01a.js';\nimport { K as KolCollapsibleFc } from './Collapsible-bb08ff2a.js';\nimport { v as validateDisabled } from './disabled-26405bb8.js';\nimport { v as validateOpen } from './open-74ada92d.js';\nimport { v as validateLabel } from './label-7d1ce375.js';\nimport './tslib.es6-1173d062.js';\nimport './clsx-09a06a12.js';\nimport './component-names-4cb1c62b.js';\n\nconst validateAccordionCallbacks = (component, value) => {\n    watchValidator(component, `_on`, (value) => isObject(value), new Set(['AccordionCallbacksPropType {Events.onClick}']), value);\n};\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    color: black;\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%; /* 100% needed for custom width from outside */\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n  .kol-span-wc {\\n    display: grid;\\n    place-items: center;\\n  }\\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  .kol-span-wc > span {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  /* This is the text label. */\\n  .hide-label > .kol-span-wc > span > span {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span-wc,\\n  [disabled]:focus .kol-span-wc {\\n    outline: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: block;\\n  }\\n}\\n/* For animation technique see https://css-tricks.com/css-grid-can-do-auto-height-transitions/ */\\n@layer kol-component {\\n  .collapsible {\\n    /* @see https://github.com/public-ui/kolibri/issues/5952 */\\n    /*\\n          * Inside a button, the caption text is always centered.\\n          * So we have to align the text to the left.\\n          */\\n  }\\n  .collapsible__wrapper {\\n    /* Forces the element into its own GPU compositing layer (via 3D transform). Helps prevent rendering/layout bugs (e.g. #7511) and may improve animation performance. */\\n    transform: translateZ(0);\\n    display: grid;\\n    grid-template-rows: 0fr;\\n    transition: grid-template-rows 0.3s;\\n  }\\n  .collapsible__wrapper-animation {\\n    min-height: 0;\\n    /**\\n     * The `overflow: hidden` ensures that the content is not visible during the animated\\n     * opening and closing. This should also cut off overlays containing content, but it\\n     *does not.\\n    */\\n    overflow: hidden;\\n    /* This property is important to keep in sync with the visual transition (template-rows). Without it interactive elements within the accordion would stay focusable. */\\n    visibility: hidden;\\n    transition: visibility 0.3s;\\n  }\\n  .open .collapsible__wrapper {\\n    grid-template-rows: 1fr;\\n  }\\n  .open .collapsible__wrapper-animation {\\n    visibility: visible;\\n  }\\n  @media (prefers-reduced-motion) {\\n    .collapsible__wrapper-animation, .collapsible__wrapper {\\n      transition-duration: 0s;\\n    }\\n  }\\n  @media print {\\n    :not(.open) .collapsible__wrapper-animation {\\n      display: none;\\n    }\\n  }\\n  .collapsible__heading-button button .kol-span-wc {\\n    justify-items: start;\\n  }\\n}\";\nconst KolAccordionDefaultStyle0 = defaultStyleCss;\n\nfeatureHint(`[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`);\nfeatureHint(`[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.`);\nconst KolAccordion = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.nonce = nonce();\n        this.catchRef = (ref) => {\n            this.buttonWcRef = ref;\n        };\n        this.handleOnClick = (event) => {\n            this._open = !this._open;\n            setTimeout(() => {\n                var _a, _b;\n                (_b = (_a = this.state._on) === null || _a === void 0 ? void 0 : _a.onClick) === null || _b === void 0 ? void 0 : _b.call(_a, event, this._open === true);\n            });\n        };\n        this._disabled = false;\n        this._label = undefined;\n        this._level = 0;\n        this._on = undefined;\n        this._open = false;\n        this.state = {\n            _label: '',\n            _level: 0,\n            _on: {},\n        };\n    }\n    async focus() {\n        await this.kolFocus();\n    }\n    async kolFocus() {\n        var _a;\n        await ((_a = this.buttonWcRef) === null || _a === void 0 ? void 0 : _a.kolFocus());\n    }\n    render() {\n        const { _open, _label, _disabled, _level } = this.state;\n        const rootClass = 'accordion';\n        const props = {\n            id: this.nonce,\n            label: _label,\n            open: _open,\n            disabled: _disabled,\n            level: _level,\n            onClick: this.handleOnClick,\n            class: rootClass,\n            HeadingProps: { class: `${rootClass}__heading` },\n            HeadingButtonProps: {\n                ref: this.catchRef,\n                class: `${rootClass}__heading-button`,\n            },\n            ContentProps: {\n                class: `${rootClass}__content`,\n                wrapperClass: `${rootClass}__wrapper`,\n                animationClass: `${rootClass}__wrapper-animation`,\n            },\n        };\n        return (h(Host, { key: '7ddae7d5f74257c2b7c6210b99e2fe96664a92de', class: \"kol-accordion\" }, h(KolCollapsibleFc, Object.assign({ key: '95da6a5f290091ac0356ba4481f6fed24cfe832e' }, props), h(\"slot\", { key: 'cc563067a38896c68041a3a40a3cc3b5c3bc2353' }))));\n    }\n    validateDisabled(value) {\n        validateDisabled(this, value);\n    }\n    validateLabel(value) {\n        validateLabel(this, value, {\n            required: true,\n        });\n    }\n    validateLevel(value) {\n        watchHeadingLevel(this, value);\n    }\n    validateOn(on) {\n        validateAccordionCallbacks(this, on);\n    }\n    validateOpen(value) {\n        validateOpen(this, value);\n    }\n    componentWillLoad() {\n        this.validateDisabled(this._disabled);\n        this.validateLabel(this._label);\n        this.validateLevel(this._level);\n        this.validateOn(this._on);\n        this.validateOpen(this._open);\n    }\n    static get watchers() { return {\n        \"_disabled\": [\"validateDisabled\"],\n        \"_label\": [\"validateLabel\"],\n        \"_level\": [\"validateLevel\"],\n        \"_on\": [\"validateOn\"],\n        \"_open\": [\"validateOpen\"]\n    }; }\n};\nKolAccordion.style = {\n    default: KolAccordionDefaultStyle0\n};\n\nexport { KolAccordion as kol_accordion };\n\n//# sourceMappingURL=kol-accordion.entry.js.map"],"names":["validateAccordionCallbacks","component","value","watchValidator","isObject","defaultStyleCss","KolAccordionDefaultStyle0","featureHint","KolAccordion","hostRef","registerInstance","nonce","ref","event","_a","_b","_open","_label","_disabled","_level","rootClass","props","h","Host","KolCollapsibleFc","validateDisabled","validateLabel","watchHeadingLevel","on","validateOpen"],"mappings":"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"}

package/dist/assets/kol-alert-wc.entry-k-uzdepp.js

@@ -0,0 +1,2 @@
+import{r as v,h as l,H as c,q as _,s as p,w as i}from"./index-mpn7FJjz.js";import{w as f}from"./validation-b34ff01a-hddxmFqy.js";import{K as m}from"./Alert-e1b49bee-CoPa5ozn.js";import{v as b}from"./has-closer-602527ae-CQRnA1R4.js";import{v as y}from"./label-7d1ce375-CRYhANwA.js";import"./tslib.es6-1173d062-BGVaTf34.js";import"./i18n-3dd5729d-P_HRfCAe.js";import"./clsx-09a06a12-B-dksMZM.js";const s=["default","info","success","warning","error"],o=["card","msg"],H=class{constructor(t){v(this,t),this.close=()=>{var e,a;(a=(e=this._on)===null||e===void 0?void 0:e.onClose)===null||a===void 0||a.call(e,new Event("Close"))},this.handleAlertTimeout=()=>{this.validateAlert(!1)},this.validateOnValue=e=>typeof e=="object"&&e!==null&&typeof e.onClose=="function",this._alert=!1,this._hasCloser=!1,this._label=void 0,this._level=1,this._on=void 0,this._type="default",this._variant="msg",this.state={_level:1}}render(){const{_alert:t,_hasCloser:e,_label:a,_level:r,_type:n,_variant:d}=this.state,h={alert:t,hasCloser:e,label:a,level:r,type:n,variant:d,onCloserClick:this.close,onAlertTimeout:this.handleAlertTimeout};return l(c,{key:"93a18daf255ec95713c85ec926081163cb70df4a"},l(m,Object.assign({key:"dcfb772612cbe77e683b839474ce1e6e56e22dc4"},h),l("slot",{key:"daaca45ea2680f9f458dd24c41947214f391d8b2"})))}validateAlert(t){_(this,"_alert",t)}validateHasCloser(t){b(this,t)}validateLabel(t){y(this,t)}validateLevel(t){f(this,t)}validateOn(t){this.validateOnValue(t)&&p(this,"_on",{onClose:t.onClose})}validateType(t){i(this,"_type",e=>typeof e=="string"&&s.includes(e),new Set(`String {${s.join(", ")}`),t)}validateVariant(t){i(this,"_variant",e=>typeof e=="string"&&o.includes(e),new Set(`AlertVariant {${o.join(", ")}`),t)}componentWillLoad(){this.validateAlert(this._alert),this.validateHasCloser(this._hasCloser),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on),this.validateType(this._type),this.validateVariant(this._variant)}static get watchers(){return{_alert:["validateAlert"],_hasCloser:["validateHasCloser"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_type:["validateType"],_variant:["validateVariant"]}}};export{H as kol_alert_wc};
+//# sourceMappingURL=kol-alert-wc.entry-k-uzdepp.js.map

package/dist/assets/{kol-alert-wc.entry-BFCuKloN.js.map → kol-alert-wc.entry-k-uzdepp.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-alert-wc.entry-BFCuKloN.js","sources":["../../../../components/dist/esm/kol-alert-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-25e94a16.js';\nimport { j as watchBoolean, m as setState, w as watchValidator } from './index-7a63e9eb.js';\nimport { w as watchHeadingLevel } from './validation-b34ff01a.js';\nimport { K as KolAlertFc } from './Alert-0e712d66.js';\nimport { v as validateHasCloser } from './has-closer-602527ae.js';\nimport { v as validateLabel } from './label-7d1ce375.js';\nimport './tslib.es6-1173d062.js';\nimport './clsx-09a06a12.js';\nimport './i18n-3dd5729d.js';\nimport './i18n-b14e6088.js';\nimport './component-names-4cb1c62b.js';\n\nconst alertTypeOptions = ['default', 'info', 'success', 'warning', 'error'];\nconst alertVariantOptions = ['card', 'msg'];\n\nconst KolAlertWc = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.close = () => {\n            var _a, _b;\n            (_b = (_a = this._on) === null || _a === void 0 ? void 0 : _a.onClose) === null || _b === void 0 ? void 0 : _b.call(_a, new Event('Close'));\n        };\n        this.handleAlertTimeout = () => {\n            this.validateAlert(false);\n        };\n        this.validateOnValue = (value) => typeof value === 'object' && value !== null && typeof value.onClose === 'function';\n        this._alert = false;\n        this._hasCloser = false;\n        this._label = undefined;\n        this._level = 1;\n        this._on = undefined;\n        this._type = 'default';\n        this._variant = 'msg';\n        this.state = {\n            _level: 1,\n        };\n    }\n    render() {\n        const { _alert, _hasCloser, _label, _level, _type, _variant } = this.state;\n        const props = {\n            alert: _alert,\n            hasCloser: _hasCloser,\n            label: _label,\n            level: _level,\n            type: _type,\n            variant: _variant,\n            onCloserClick: this.close,\n            onAlertTimeout: this.handleAlertTimeout,\n        };\n        return (h(Host, { key: '93a18daf255ec95713c85ec926081163cb70df4a' }, h(KolAlertFc, Object.assign({ key: 'dcfb772612cbe77e683b839474ce1e6e56e22dc4' }, props), h(\"slot\", { key: 'daaca45ea2680f9f458dd24c41947214f391d8b2' }))));\n    }\n    validateAlert(value) {\n        watchBoolean(this, '_alert', value);\n    }\n    validateHasCloser(value) {\n        validateHasCloser(this, value);\n    }\n    validateLabel(value) {\n        validateLabel(this, value);\n    }\n    validateLevel(value) {\n        watchHeadingLevel(this, value);\n    }\n    validateOn(value) {\n        if (this.validateOnValue(value)) {\n            setState(this, '_on', {\n                onClose: value.onClose,\n            });\n        }\n    }\n    validateType(value) {\n        watchValidator(this, '_type', (value) => typeof value === 'string' && alertTypeOptions.includes(value), new Set(`String {${alertTypeOptions.join(', ')}`), value);\n    }\n    validateVariant(value) {\n        watchValidator(this, '_variant', (value) => typeof value === 'string' && alertVariantOptions.includes(value), new Set(`AlertVariant {${alertVariantOptions.join(', ')}`), value);\n    }\n    componentWillLoad() {\n        this.validateAlert(this._alert);\n        this.validateHasCloser(this._hasCloser);\n        this.validateLabel(this._label);\n        this.validateLevel(this._level);\n        this.validateOn(this._on);\n        this.validateType(this._type);\n        this.validateVariant(this._variant);\n    }\n    static get watchers() { return {\n        \"_alert\": [\"validateAlert\"],\n        \"_hasCloser\": [\"validateHasCloser\"],\n        \"_label\": [\"validateLabel\"],\n        \"_level\": [\"validateLevel\"],\n        \"_on\": [\"validateOn\"],\n        \"_type\": [\"validateType\"],\n        \"_variant\": [\"validateVariant\"]\n    }; }\n};\n\nexport { KolAlertWc as kol_alert_wc };\n\n//# sourceMappingURL=kol-alert-wc.entry.js.map"],"names":["alertTypeOptions","alertVariantOptions","KolAlertWc","hostRef","registerInstance","_a","_b","value","_alert","_hasCloser","_label","_level","_type","_variant","props","h","Host","KolAlertFc","watchBoolean","validateHasCloser","validateLabel","watchHeadingLevel","setState","watchValidator"],"mappings":"0YAAA;AAAA;AAAA,GAeA,MAAMA,EAAmB,CAAC,UAAW,OAAQ,UAAW,UAAW,OAAO,EACpEC,EAAsB,CAAC,OAAQ,KAAK,EAEpCC,EAAa,KAAM,CACrB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,MAAQ,IAAM,CACf,IAAIE,EAAIC,GACPA,GAAMD,EAAK,KAAK,OAAS,MAAQA,IAAO,OAAS,OAASA,EAAG,WAAa,MAAQC,IAAO,QAAkBA,EAAG,KAAKD,EAAI,IAAI,MAAM,OAAO,CAAC,CAC9I,EACA,KAAK,mBAAqB,IAAM,CAC5B,KAAK,cAAc,EAAK,CAC5B,EACA,KAAK,gBAAmBE,GAAU,OAAOA,GAAU,UAAYA,IAAU,MAAQ,OAAOA,EAAM,SAAY,WAC1G,KAAK,OAAS,GACd,KAAK,WAAa,GAClB,KAAK,OAAS,OACd,KAAK,OAAS,EACd,KAAK,IAAM,OACX,KAAK,MAAQ,UACb,KAAK,SAAW,MAChB,KAAK,MAAQ,CACT,OAAQ,CACpB,CACI,CACA,QAAS,CACL,KAAM,CAAE,OAAAC,EAAQ,WAAAC,EAAY,OAAAC,EAAQ,OAAAC,EAAQ,MAAAC,EAAO,SAAAC,GAAa,KAAK,MAC/DC,EAAQ,CACV,MAAON,EACP,UAAWC,EACX,MAAOC,EACP,MAAOC,EACP,KAAMC,EACN,QAASC,EACT,cAAe,KAAK,MACpB,eAAgB,KAAK,kBACjC,EACQ,OAAQE,EAAEC,EAAM,CAAE,IAAK,0CAA0C,EAAID,EAAEE,EAAY,OAAO,OAAO,CAAE,IAAK,0CAA0C,EAAIH,CAAK,EAAGC,EAAE,OAAQ,CAAE,IAAK,0CAA0C,CAAE,CAAC,CAAC,CACjO,CACA,cAAcR,EAAO,CACjBW,EAAa,KAAM,SAAUX,CAAK,CACtC,CACA,kBAAkBA,EAAO,CACrBY,EAAkB,KAAMZ,CAAK,CACjC,CACA,cAAcA,EAAO,CACjBa,EAAc,KAAMb,CAAK,CAC7B,CACA,cAAcA,EAAO,CACjBc,EAAkB,KAAMd,CAAK,CACjC,CACA,WAAWA,EAAO,CACV,KAAK,gBAAgBA,CAAK,GAC1Be,EAAS,KAAM,MAAO,CAClB,QAASf,EAAM,OAC/B,CAAa,CAET,CACA,aAAaA,EAAO,CAChBgB,EAAe,KAAM,QAAUhB,GAAU,OAAOA,GAAU,UAAYP,EAAiB,SAASO,CAAK,EAAG,IAAI,IAAI,WAAWP,EAAiB,KAAK,IAAI,CAAC,EAAE,EAAGO,CAAK,CACpK,CACA,gBAAgBA,EAAO,CACnBgB,EAAe,KAAM,WAAahB,GAAU,OAAOA,GAAU,UAAYN,EAAoB,SAASM,CAAK,EAAG,IAAI,IAAI,iBAAiBN,EAAoB,KAAK,IAAI,CAAC,EAAE,EAAGM,CAAK,CACnL,CACA,mBAAoB,CAChB,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,kBAAkB,KAAK,UAAU,EACtC,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,WAAW,KAAK,GAAG,EACxB,KAAK,aAAa,KAAK,KAAK,EAC5B,KAAK,gBAAgB,KAAK,QAAQ,CACtC,CACA,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,eAAe,EAC1B,WAAc,CAAC,mBAAmB,EAClC,OAAU,CAAC,eAAe,EAC1B,OAAU,CAAC,eAAe,EAC1B,IAAO,CAAC,YAAY,EACpB,MAAS,CAAC,cAAc,EACxB,SAAY,CAAC,iBAAiB,CACtC,CAAO,CACP"}
+{"version":3,"file":"kol-alert-wc.entry-k-uzdepp.js","sources":["../../../../components/dist/esm/kol-alert-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-16f448fe.js';\nimport { j as watchBoolean, m as setState, w as watchValidator } from './index-7a63e9eb.js';\nimport { w as watchHeadingLevel } from './validation-b34ff01a.js';\nimport { K as KolAlertFc } from './Alert-e1b49bee.js';\nimport { v as validateHasCloser } from './has-closer-602527ae.js';\nimport { v as validateLabel } from './label-7d1ce375.js';\nimport './tslib.es6-1173d062.js';\nimport './clsx-09a06a12.js';\nimport './i18n-3dd5729d.js';\nimport './i18n-b14e6088.js';\nimport './component-names-4cb1c62b.js';\n\nconst alertTypeOptions = ['default', 'info', 'success', 'warning', 'error'];\nconst alertVariantOptions = ['card', 'msg'];\n\nconst KolAlertWc = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.close = () => {\n            var _a, _b;\n            (_b = (_a = this._on) === null || _a === void 0 ? void 0 : _a.onClose) === null || _b === void 0 ? void 0 : _b.call(_a, new Event('Close'));\n        };\n        this.handleAlertTimeout = () => {\n            this.validateAlert(false);\n        };\n        this.validateOnValue = (value) => typeof value === 'object' && value !== null && typeof value.onClose === 'function';\n        this._alert = false;\n        this._hasCloser = false;\n        this._label = undefined;\n        this._level = 1;\n        this._on = undefined;\n        this._type = 'default';\n        this._variant = 'msg';\n        this.state = {\n            _level: 1,\n        };\n    }\n    render() {\n        const { _alert, _hasCloser, _label, _level, _type, _variant } = this.state;\n        const props = {\n            alert: _alert,\n            hasCloser: _hasCloser,\n            label: _label,\n            level: _level,\n            type: _type,\n            variant: _variant,\n            onCloserClick: this.close,\n            onAlertTimeout: this.handleAlertTimeout,\n        };\n        return (h(Host, { key: '93a18daf255ec95713c85ec926081163cb70df4a' }, h(KolAlertFc, Object.assign({ key: 'dcfb772612cbe77e683b839474ce1e6e56e22dc4' }, props), h(\"slot\", { key: 'daaca45ea2680f9f458dd24c41947214f391d8b2' }))));\n    }\n    validateAlert(value) {\n        watchBoolean(this, '_alert', value);\n    }\n    validateHasCloser(value) {\n        validateHasCloser(this, value);\n    }\n    validateLabel(value) {\n        validateLabel(this, value);\n    }\n    validateLevel(value) {\n        watchHeadingLevel(this, value);\n    }\n    validateOn(value) {\n        if (this.validateOnValue(value)) {\n            setState(this, '_on', {\n                onClose: value.onClose,\n            });\n        }\n    }\n    validateType(value) {\n        watchValidator(this, '_type', (value) => typeof value === 'string' && alertTypeOptions.includes(value), new Set(`String {${alertTypeOptions.join(', ')}`), value);\n    }\n    validateVariant(value) {\n        watchValidator(this, '_variant', (value) => typeof value === 'string' && alertVariantOptions.includes(value), new Set(`AlertVariant {${alertVariantOptions.join(', ')}`), value);\n    }\n    componentWillLoad() {\n        this.validateAlert(this._alert);\n        this.validateHasCloser(this._hasCloser);\n        this.validateLabel(this._label);\n        this.validateLevel(this._level);\n        this.validateOn(this._on);\n        this.validateType(this._type);\n        this.validateVariant(this._variant);\n    }\n    static get watchers() { return {\n        \"_alert\": [\"validateAlert\"],\n        \"_hasCloser\": [\"validateHasCloser\"],\n        \"_label\": [\"validateLabel\"],\n        \"_level\": [\"validateLevel\"],\n        \"_on\": [\"validateOn\"],\n        \"_type\": [\"validateType\"],\n        \"_variant\": [\"validateVariant\"]\n    }; }\n};\n\nexport { KolAlertWc as kol_alert_wc };\n\n//# sourceMappingURL=kol-alert-wc.entry.js.map"],"names":["alertTypeOptions","alertVariantOptions","KolAlertWc","hostRef","registerInstance","_a","_b","value","_alert","_hasCloser","_label","_level","_type","_variant","props","h","Host","KolAlertFc","watchBoolean","validateHasCloser","validateLabel","watchHeadingLevel","setState","watchValidator"],"mappings":"0YAeA,MAAMA,EAAmB,CAAC,UAAW,OAAQ,UAAW,UAAW,OAAO,EACpEC,EAAsB,CAAC,OAAQ,KAAK,EAEpCC,EAAa,KAAM,CACrB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,MAAQ,IAAM,CACf,IAAIE,EAAIC,GACPA,GAAMD,EAAK,KAAK,OAAS,MAAQA,IAAO,OAAS,OAASA,EAAG,WAAa,MAAQC,IAAO,QAAkBA,EAAG,KAAKD,EAAI,IAAI,MAAM,OAAO,CAAC,CAC9I,EACA,KAAK,mBAAqB,IAAM,CAC5B,KAAK,cAAc,EAAK,CAC5B,EACA,KAAK,gBAAmBE,GAAU,OAAOA,GAAU,UAAYA,IAAU,MAAQ,OAAOA,EAAM,SAAY,WAC1G,KAAK,OAAS,GACd,KAAK,WAAa,GAClB,KAAK,OAAS,OACd,KAAK,OAAS,EACd,KAAK,IAAM,OACX,KAAK,MAAQ,UACb,KAAK,SAAW,MAChB,KAAK,MAAQ,CACT,OAAQ,CACpB,CACI,CACA,QAAS,CACL,KAAM,CAAE,OAAAC,EAAQ,WAAAC,EAAY,OAAAC,EAAQ,OAAAC,EAAQ,MAAAC,EAAO,SAAAC,GAAa,KAAK,MAC/DC,EAAQ,CACV,MAAON,EACP,UAAWC,EACX,MAAOC,EACP,MAAOC,EACP,KAAMC,EACN,QAASC,EACT,cAAe,KAAK,MACpB,eAAgB,KAAK,kBACjC,EACQ,OAAQE,EAAEC,EAAM,CAAE,IAAK,0CAA0C,EAAID,EAAEE,EAAY,OAAO,OAAO,CAAE,IAAK,0CAA0C,EAAIH,CAAK,EAAGC,EAAE,OAAQ,CAAE,IAAK,0CAA0C,CAAE,CAAC,CAAC,CACjO,CACA,cAAcR,EAAO,CACjBW,EAAa,KAAM,SAAUX,CAAK,CACtC,CACA,kBAAkBA,EAAO,CACrBY,EAAkB,KAAMZ,CAAK,CACjC,CACA,cAAcA,EAAO,CACjBa,EAAc,KAAMb,CAAK,CAC7B,CACA,cAAcA,EAAO,CACjBc,EAAkB,KAAMd,CAAK,CACjC,CACA,WAAWA,EAAO,CACV,KAAK,gBAAgBA,CAAK,GAC1Be,EAAS,KAAM,MAAO,CAClB,QAASf,EAAM,OAC/B,CAAa,CAET,CACA,aAAaA,EAAO,CAChBgB,EAAe,KAAM,QAAUhB,GAAU,OAAOA,GAAU,UAAYP,EAAiB,SAASO,CAAK,EAAG,IAAI,IAAI,WAAWP,EAAiB,KAAK,IAAI,CAAC,EAAE,EAAGO,CAAK,CACpK,CACA,gBAAgBA,EAAO,CACnBgB,EAAe,KAAM,WAAahB,GAAU,OAAOA,GAAU,UAAYN,EAAoB,SAASM,CAAK,EAAG,IAAI,IAAI,iBAAiBN,EAAoB,KAAK,IAAI,CAAC,EAAE,EAAGM,CAAK,CACnL,CACA,mBAAoB,CAChB,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,kBAAkB,KAAK,UAAU,EACtC,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,WAAW,KAAK,GAAG,EACxB,KAAK,aAAa,KAAK,KAAK,EAC5B,KAAK,gBAAgB,KAAK,QAAQ,CACtC,CACA,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,eAAe,EAC1B,WAAc,CAAC,mBAAmB,EAClC,OAAU,CAAC,eAAe,EAC1B,OAAU,CAAC,eAAe,EAC1B,IAAO,CAAC,YAAY,EACpB,MAAS,CAAC,cAAc,EACxB,SAAY,CAAC,iBAAiB,CACtC,CAAO,CACP"}

package/dist/assets/{kol-alert.entry-BnmZKGuG.js → kol-alert.entry-DKsiNB_b.js}

@@ -1,6 +1,4 @@
-import{r as t,h as n,a as i,H as o}from"./index-7WRSZKTT.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const a=`/*
+import{r as t,h as n,a as o,H as i}from"./index-mpn7FJjz.js";const a=`/*
  * This file contains all rules for accessibility.
  */
 @layer kol-a11y {
@@ -186,21 +184,29 @@ import{r as t,h as n,a as i,H as o}from"./index-7WRSZKTT.js";/*!
     display: contents;
   }
   .kol-tooltip-wc .tooltip-floating {
+    opacity: 0;
     display: none;
     position: fixed;
     /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */
     top: 0;
     left: 0;
-    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */
-    width: var(--kol-tooltip-width);
+    /* Can be used to specify the tooltip-width from the outside. Unset by default. */
+    width: var(--kol-tooltip-width, unset);
     max-width: 90vw;
     max-height: 90vh;
-    visibility: hidden;
-    animation-duration: 0.25s;
+    animation-direction: normal;
+    /* Can be used to specify the animation duration from the outside. 250ms by default. */
+    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);
+    animation-fill-mode: forwards;
     animation-iteration-count: 1;
-    animation-name: fadeInOpacity;
     animation-timing-function: ease-in;
   }
+  .kol-tooltip-wc .tooltip-floating.hide {
+    animation-name: hideTooltip;
+  }
+  .kol-tooltip-wc .tooltip-floating.show {
+    animation-name: showTooltip;
+  }
   /* Shared between content and arrow */
   .kol-tooltip-wc .tooltip-area {
     color: #000;
@@ -217,7 +223,16 @@ import{r as t,h as n,a as i,H as o}from"./index-7WRSZKTT.js";/*!
     position: relative;
     z-index: 1000;
   }
-  @keyframes fadeInOpacity {
+  @keyframes hideTooltip {
+    0% {
+      opacity: 1;
+    }
+    100% {
+      opacity: 0;
+      display: none;
+    }
+  }
+  @keyframes showTooltip {
     0% {
       opacity: 0;
     }
@@ -241,5 +256,5 @@ import{r as t,h as n,a as i,H as o}from"./index-7WRSZKTT.js";/*!
     /* Visible with forced colors */
     outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));
   }
-}`,l=a,s=class{constructor(e){t(this,e),this._alert=!1,this._hasCloser=!1,this._label=void 0,this._level=1,this._on=void 0,this._type="default",this._variant="msg",this.state={_level:1}}render(){return n(o,{key:"a982a3bcc1c141e059ac207df60455adcec5d402",class:"kol-alert"},n(i,{key:"e0d95edabcfd5d1aff26d51f9dee5ccbf3c91951",_alert:this._alert,_hasCloser:this._hasCloser,_label:this._label,_level:this._level,_on:this._on,_type:this._type,_variant:this._variant},n("slot",{key:"149a58b2f2222989a7447cc6235b49f80b9f4fc1"})))}};s.style={default:l};export{s as kol_alert};
-//# sourceMappingURL=kol-alert.entry-BnmZKGuG.js.map
+}`,l=a,s=class{constructor(e){t(this,e),this._alert=!1,this._hasCloser=!1,this._label=void 0,this._level=1,this._on=void 0,this._type="default",this._variant="msg",this.state={_level:1}}render(){return n(i,{key:"a982a3bcc1c141e059ac207df60455adcec5d402",class:"kol-alert"},n(o,{key:"e0d95edabcfd5d1aff26d51f9dee5ccbf3c91951",_alert:this._alert,_hasCloser:this._hasCloser,_label:this._label,_level:this._level,_on:this._on,_type:this._type,_variant:this._variant},n("slot",{key:"149a58b2f2222989a7447cc6235b49f80b9f4fc1"})))}};s.style={default:l};export{s as kol_alert};
+//# sourceMappingURL=kol-alert.entry-DKsiNB_b.js.map

package/dist/assets/{kol-alert.entry-BnmZKGuG.js.map → kol-alert.entry-DKsiNB_b.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-alert.entry-BnmZKGuG.js","sources":["../../../../components/dist/esm/kol-alert.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-25e94a16.js';\nimport { d as KolAlertWcTag } from './component-names-4cb1c62b.js';\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    color: black;\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%; /* 100% needed for custom width from outside */\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n  .kol-span-wc {\\n    display: grid;\\n    place-items: center;\\n  }\\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  .kol-span-wc > span {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  /* This is the text label. */\\n  .hide-label > .kol-span-wc > span > span {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span-wc,\\n  [disabled]:focus .kol-span-wc {\\n    outline: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: block;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip-wc {\\n    display: contents;\\n  }\\n  .kol-tooltip-wc .tooltip-floating {\\n    display: none;\\n    position: fixed;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width);\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    visibility: hidden;\\n    animation-duration: 0.25s;\\n    animation-iteration-count: 1;\\n    animation-name: fadeInOpacity;\\n    animation-timing-function: ease-in;\\n  }\\n  /* Shared between content and arrow */\\n  .kol-tooltip-wc .tooltip-area {\\n    color: #000;\\n    background-color: #fff;\\n  }\\n  .kol-tooltip-wc .tooltip-arrow {\\n    transform: rotate(45deg);\\n    position: absolute;\\n    z-index: 999;\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-tooltip-wc .tooltip-content {\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes fadeInOpacity {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  .kol-alert-wc {\\n    display: grid;\\n  }\\n  .kol-alert-wc .heading {\\n    display: flex;\\n    place-items: center;\\n  }\\n  .kol-alert-wc .heading > div {\\n    flex-grow: 1;\\n  }\\n  .close {\\n    /* Visible with forced colors */\\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\\n  }\\n}\";\nconst KolAlertDefaultStyle0 = defaultStyleCss;\n\nconst KolAlert = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this._alert = false;\n        this._hasCloser = false;\n        this._label = undefined;\n        this._level = 1;\n        this._on = undefined;\n        this._type = 'default';\n        this._variant = 'msg';\n        this.state = {\n            _level: 1,\n        };\n    }\n    render() {\n        return (h(Host, { key: 'a982a3bcc1c141e059ac207df60455adcec5d402', class: \"kol-alert\" }, h(KolAlertWcTag, { key: 'e0d95edabcfd5d1aff26d51f9dee5ccbf3c91951', _alert: this._alert, _hasCloser: this._hasCloser, _label: this._label, _level: this._level, _on: this._on, _type: this._type, _variant: this._variant }, h(\"slot\", { key: '149a58b2f2222989a7447cc6235b49f80b9f4fc1' }))));\n    }\n};\nKolAlert.style = {\n    default: KolAlertDefaultStyle0\n};\n\nexport { KolAlert as kol_alert };\n\n//# sourceMappingURL=kol-alert.entry.js.map"],"names":["defaultStyleCss","KolAlertDefaultStyle0","KolAlert","hostRef","registerInstance","h","Host","KolAlertWcTag"],"mappings":"6DAAA;AAAA;AAAA,GAMA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAClBC,EAAwBD,EAExBE,EAAW,KAAM,CACnB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,OAAS,GACd,KAAK,WAAa,GAClB,KAAK,OAAS,OACd,KAAK,OAAS,EACd,KAAK,IAAM,OACX,KAAK,MAAQ,UACb,KAAK,SAAW,MAChB,KAAK,MAAQ,CACT,OAAQ,CACpB,CACI,CACA,QAAS,CACL,OAAQE,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,WAAW,EAAID,EAAEE,EAAe,CAAE,IAAK,2CAA4C,OAAQ,KAAK,OAAQ,WAAY,KAAK,WAAY,OAAQ,KAAK,OAAQ,OAAQ,KAAK,OAAQ,IAAK,KAAK,IAAK,MAAO,KAAK,MAAO,SAAU,KAAK,QAAQ,EAAIF,EAAE,OAAQ,CAAE,IAAK,0CAA0C,CAAE,CAAC,CAAC,CACzX,CACJ,EACAH,EAAS,MAAQ,CACb,QAASD,CACb"}
+{"version":3,"file":"kol-alert.entry-DKsiNB_b.js","sources":["../../../../components/dist/esm/kol-alert.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-16f448fe.js';\nimport { d as KolAlertWcTag } from './component-names-4cb1c62b.js';\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    color: black;\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%; /* 100% needed for custom width from outside */\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n  .kol-span-wc {\\n    display: grid;\\n    place-items: center;\\n  }\\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  .kol-span-wc > span {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  /* This is the text label. */\\n  .hide-label > .kol-span-wc > span > span {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span-wc,\\n  [disabled]:focus .kol-span-wc {\\n    outline: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: block;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip-wc {\\n    display: contents;\\n  }\\n  .kol-tooltip-wc .tooltip-floating {\\n    opacity: 0;\\n    display: none;\\n    position: fixed;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default. */\\n    width: var(--kol-tooltip-width, unset);\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    animation-direction: normal;\\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\\n    animation-fill-mode: forwards;\\n    animation-iteration-count: 1;\\n    animation-timing-function: ease-in;\\n  }\\n  .kol-tooltip-wc .tooltip-floating.hide {\\n    animation-name: hideTooltip;\\n  }\\n  .kol-tooltip-wc .tooltip-floating.show {\\n    animation-name: showTooltip;\\n  }\\n  /* Shared between content and arrow */\\n  .kol-tooltip-wc .tooltip-area {\\n    color: #000;\\n    background-color: #fff;\\n  }\\n  .kol-tooltip-wc .tooltip-arrow {\\n    transform: rotate(45deg);\\n    position: absolute;\\n    z-index: 999;\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-tooltip-wc .tooltip-content {\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes hideTooltip {\\n    0% {\\n      opacity: 1;\\n    }\\n    100% {\\n      opacity: 0;\\n      display: none;\\n    }\\n  }\\n  @keyframes showTooltip {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  .kol-alert-wc {\\n    display: grid;\\n  }\\n  .kol-alert-wc .heading {\\n    display: flex;\\n    place-items: center;\\n  }\\n  .kol-alert-wc .heading > div {\\n    flex-grow: 1;\\n  }\\n  .close {\\n    /* Visible with forced colors */\\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\\n  }\\n}\";\nconst KolAlertDefaultStyle0 = defaultStyleCss;\n\nconst KolAlert = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this._alert = false;\n        this._hasCloser = false;\n        this._label = undefined;\n        this._level = 1;\n        this._on = undefined;\n        this._type = 'default';\n        this._variant = 'msg';\n        this.state = {\n            _level: 1,\n        };\n    }\n    render() {\n        return (h(Host, { key: 'a982a3bcc1c141e059ac207df60455adcec5d402', class: \"kol-alert\" }, h(KolAlertWcTag, { key: 'e0d95edabcfd5d1aff26d51f9dee5ccbf3c91951', _alert: this._alert, _hasCloser: this._hasCloser, _label: this._label, _level: this._level, _on: this._on, _type: this._type, _variant: this._variant }, h(\"slot\", { key: '149a58b2f2222989a7447cc6235b49f80b9f4fc1' }))));\n    }\n};\nKolAlert.style = {\n    default: KolAlertDefaultStyle0\n};\n\nexport { KolAlert as kol_alert };\n\n//# sourceMappingURL=kol-alert.entry.js.map"],"names":["defaultStyleCss","KolAlertDefaultStyle0","KolAlert","hostRef","registerInstance","h","Host","KolAlertWcTag"],"mappings":"6DAMA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAClBC,EAAwBD,EAExBE,EAAW,KAAM,CACnB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,OAAS,GACd,KAAK,WAAa,GAClB,KAAK,OAAS,OACd,KAAK,OAAS,EACd,KAAK,IAAM,OACX,KAAK,MAAQ,UACb,KAAK,SAAW,MAChB,KAAK,MAAQ,CACT,OAAQ,CACpB,CACI,CACA,QAAS,CACL,OAAQE,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,WAAW,EAAID,EAAEE,EAAe,CAAE,IAAK,2CAA4C,OAAQ,KAAK,OAAQ,WAAY,KAAK,WAAY,OAAQ,KAAK,OAAQ,OAAQ,KAAK,OAAQ,IAAK,KAAK,IAAK,MAAO,KAAK,MAAO,SAAU,KAAK,QAAQ,EAAIF,EAAE,OAAQ,CAAE,IAAK,0CAA0C,CAAE,CAAC,CAAC,CACzX,CACJ,EACAH,EAAS,MAAQ,CACb,QAASD,CACb"}

package/dist/assets/kol-avatar-wc.entry-Boy9WCQa.js

@@ -0,0 +1,2 @@
+import{r as l,h as e,H as c}from"./index-mpn7FJjz.js";import{t as n}from"./i18n-3dd5729d-P_HRfCAe.js";import{v as o}from"./image-source-d9230e9b-Bd-fSrpD.js";import{v as d}from"./label-7d1ce375-CRYhANwA.js";const s=a=>a.length===0?"":a[0].toUpperCase(),h=a=>{const t=a.split(/\s+/),r=t[0],i=t[t.length-1];return t.length>=2&&r&&i?`${s(r)}${s(i)}`:s(a)},u=class{constructor(a){l(this,a),this._src=void 0,this._label=void 0,this.state={_src:"",_label:""}}render(){return e(c,{key:"b45a03c214f69fa12120c1ab077cbdda68af4d03",class:"kol-avatar-wc"},e("div",{key:"11c5ec00e290a3e045ec6d355bd9afd9b65cb396","aria-label":n("kol-avatar-alt",{placeholders:{name:this.state._label}}),class:"container",role:"img"},this.state._src?e("img",{alt:"","aria-hidden":"true",class:"image",src:this.state._src}):e("span",{"aria-hidden":"true",class:"initials"},h(this.state._label.trim()))))}validateSrc(a){o(this,a)}validateLabel(a){d(this,a,{required:!0})}componentWillLoad(){this.validateSrc(this._src),this.validateLabel(this._label)}static get watchers(){return{_src:["validateSrc"],_label:["validateLabel"]}}};export{u as kol_avatar_wc};
+//# sourceMappingURL=kol-avatar-wc.entry-Boy9WCQa.js.map

package/dist/assets/{kol-avatar-wc.entry-BvgpNTZE.js.map → kol-avatar-wc.entry-Boy9WCQa.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-avatar-wc.entry-BvgpNTZE.js","sources":["../../../../components/dist/esm/kol-avatar-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-25e94a16.js';\nimport './index-7a63e9eb.js';\nimport { t as translate } from './i18n-3dd5729d.js';\nimport { v as validateImageSource } from './image-source-d9230e9b.js';\nimport { v as validateLabel } from './label-7d1ce375.js';\nimport './i18n-b14e6088.js';\n\nconst formatNameAsInitial = (name) => {\n    if (name.length === 0) {\n        return '';\n    }\n    return name[0].toUpperCase();\n};\nconst formatLabelAsInitials = (label) => {\n    const names = label.split(/\\s+/);\n    const first = names[0];\n    const last = names[names.length - 1];\n    if (names.length >= 2 && first && last) {\n        return `${formatNameAsInitial(first)}${formatNameAsInitial(last)}`;\n    }\n    return formatNameAsInitial(label);\n};\n\nconst KolAvatarWc = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this._src = undefined;\n        this._label = undefined;\n        this.state = {\n            _src: '',\n            _label: '',\n        };\n    }\n    render() {\n        return (h(Host, { key: 'b45a03c214f69fa12120c1ab077cbdda68af4d03', class: \"kol-avatar-wc\" }, h(\"div\", { key: '11c5ec00e290a3e045ec6d355bd9afd9b65cb396', \"aria-label\": translate('kol-avatar-alt', { placeholders: { name: this.state._label } }), class: \"container\", role: \"img\" }, this.state._src ? (h(\"img\", { alt: \"\", \"aria-hidden\": \"true\", class: \"image\", src: this.state._src })) : (h(\"span\", { \"aria-hidden\": \"true\", class: \"initials\" }, formatLabelAsInitials(this.state._label.trim()))))));\n    }\n    validateSrc(value) {\n        validateImageSource(this, value);\n    }\n    validateLabel(value) {\n        validateLabel(this, value, {\n            required: true,\n        });\n    }\n    componentWillLoad() {\n        this.validateSrc(this._src);\n        this.validateLabel(this._label);\n    }\n    static get watchers() { return {\n        \"_src\": [\"validateSrc\"],\n        \"_label\": [\"validateLabel\"]\n    }; }\n};\n\nexport { KolAvatarWc as kol_avatar_wc };\n\n//# sourceMappingURL=kol-avatar-wc.entry.js.map"],"names":["formatNameAsInitial","name","formatLabelAsInitials","label","names","first","last","KolAvatarWc","hostRef","registerInstance","h","Host","translate","value","validateImageSource","validateLabel"],"mappings":"+MAAA;AAAA;AAAA,GAUA,MAAMA,EAAuBC,GACrBA,EAAK,SAAW,EACT,GAEJA,EAAK,CAAC,EAAE,YAAW,EAExBC,EAAyBC,GAAU,CACrC,MAAMC,EAAQD,EAAM,MAAM,KAAK,EACzBE,EAAQD,EAAM,CAAC,EACfE,EAAOF,EAAMA,EAAM,OAAS,CAAC,EACnC,OAAIA,EAAM,QAAU,GAAKC,GAASC,EACvB,GAAGN,EAAoBK,CAAK,CAAC,GAAGL,EAAoBM,CAAI,CAAC,GAE7DN,EAAoBG,CAAK,CACpC,EAEMI,EAAc,KAAM,CACtB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,KAAO,OACZ,KAAK,OAAS,OACd,KAAK,MAAQ,CACT,KAAM,GACN,OAAQ,EACpB,CACI,CACA,QAAS,CACL,OAAQE,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,eAAe,EAAID,EAAE,MAAO,CAAE,IAAK,2CAA4C,aAAcE,EAAU,iBAAkB,CAAE,aAAc,CAAE,KAAM,KAAK,MAAM,MAAM,EAAI,EAAG,MAAO,YAAa,KAAM,KAAK,EAAI,KAAK,MAAM,KAAQF,EAAE,MAAO,CAAE,IAAK,GAAI,cAAe,OAAQ,MAAO,QAAS,IAAK,KAAK,MAAM,IAAI,CAAE,EAAMA,EAAE,OAAQ,CAAE,cAAe,OAAQ,MAAO,UAAU,EAAIR,EAAsB,KAAK,MAAM,OAAO,KAAI,CAAE,CAAC,CAAE,CAAC,CAC9e,CACA,YAAYW,EAAO,CACfC,EAAoB,KAAMD,CAAK,CACnC,CACA,cAAcA,EAAO,CACjBE,EAAc,KAAMF,EAAO,CACvB,SAAU,EACtB,CAAS,CACL,CACA,mBAAoB,CAChB,KAAK,YAAY,KAAK,IAAI,EAC1B,KAAK,cAAc,KAAK,MAAM,CAClC,CACA,WAAW,UAAW,CAAE,MAAO,CAC3B,KAAQ,CAAC,aAAa,EACtB,OAAU,CAAC,eAAe,CAClC,CAAO,CACP"}
+{"version":3,"file":"kol-avatar-wc.entry-Boy9WCQa.js","sources":["../../../../components/dist/esm/kol-avatar-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-16f448fe.js';\nimport './index-7a63e9eb.js';\nimport { t as translate } from './i18n-3dd5729d.js';\nimport { v as validateImageSource } from './image-source-d9230e9b.js';\nimport { v as validateLabel } from './label-7d1ce375.js';\nimport './i18n-b14e6088.js';\n\nconst formatNameAsInitial = (name) => {\n    if (name.length === 0) {\n        return '';\n    }\n    return name[0].toUpperCase();\n};\nconst formatLabelAsInitials = (label) => {\n    const names = label.split(/\\s+/);\n    const first = names[0];\n    const last = names[names.length - 1];\n    if (names.length >= 2 && first && last) {\n        return `${formatNameAsInitial(first)}${formatNameAsInitial(last)}`;\n    }\n    return formatNameAsInitial(label);\n};\n\nconst KolAvatarWc = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this._src = undefined;\n        this._label = undefined;\n        this.state = {\n            _src: '',\n            _label: '',\n        };\n    }\n    render() {\n        return (h(Host, { key: 'b45a03c214f69fa12120c1ab077cbdda68af4d03', class: \"kol-avatar-wc\" }, h(\"div\", { key: '11c5ec00e290a3e045ec6d355bd9afd9b65cb396', \"aria-label\": translate('kol-avatar-alt', { placeholders: { name: this.state._label } }), class: \"container\", role: \"img\" }, this.state._src ? (h(\"img\", { alt: \"\", \"aria-hidden\": \"true\", class: \"image\", src: this.state._src })) : (h(\"span\", { \"aria-hidden\": \"true\", class: \"initials\" }, formatLabelAsInitials(this.state._label.trim()))))));\n    }\n    validateSrc(value) {\n        validateImageSource(this, value);\n    }\n    validateLabel(value) {\n        validateLabel(this, value, {\n            required: true,\n        });\n    }\n    componentWillLoad() {\n        this.validateSrc(this._src);\n        this.validateLabel(this._label);\n    }\n    static get watchers() { return {\n        \"_src\": [\"validateSrc\"],\n        \"_label\": [\"validateLabel\"]\n    }; }\n};\n\nexport { KolAvatarWc as kol_avatar_wc };\n\n//# sourceMappingURL=kol-avatar-wc.entry.js.map"],"names":["formatNameAsInitial","name","formatLabelAsInitials","label","names","first","last","KolAvatarWc","hostRef","registerInstance","h","Host","translate","value","validateImageSource","validateLabel"],"mappings":"+MAUA,MAAMA,EAAuBC,GACrBA,EAAK,SAAW,EACT,GAEJA,EAAK,CAAC,EAAE,YAAW,EAExBC,EAAyBC,GAAU,CACrC,MAAMC,EAAQD,EAAM,MAAM,KAAK,EACzBE,EAAQD,EAAM,CAAC,EACfE,EAAOF,EAAMA,EAAM,OAAS,CAAC,EACnC,OAAIA,EAAM,QAAU,GAAKC,GAASC,EACvB,GAAGN,EAAoBK,CAAK,CAAC,GAAGL,EAAoBM,CAAI,CAAC,GAE7DN,EAAoBG,CAAK,CACpC,EAEMI,EAAc,KAAM,CACtB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,KAAO,OACZ,KAAK,OAAS,OACd,KAAK,MAAQ,CACT,KAAM,GACN,OAAQ,EACpB,CACI,CACA,QAAS,CACL,OAAQE,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,eAAe,EAAID,EAAE,MAAO,CAAE,IAAK,2CAA4C,aAAcE,EAAU,iBAAkB,CAAE,aAAc,CAAE,KAAM,KAAK,MAAM,MAAM,EAAI,EAAG,MAAO,YAAa,KAAM,KAAK,EAAI,KAAK,MAAM,KAAQF,EAAE,MAAO,CAAE,IAAK,GAAI,cAAe,OAAQ,MAAO,QAAS,IAAK,KAAK,MAAM,IAAI,CAAE,EAAMA,EAAE,OAAQ,CAAE,cAAe,OAAQ,MAAO,UAAU,EAAIR,EAAsB,KAAK,MAAM,OAAO,KAAI,CAAE,CAAC,CAAE,CAAC,CAC9e,CACA,YAAYW,EAAO,CACfC,EAAoB,KAAMD,CAAK,CACnC,CACA,cAAcA,EAAO,CACjBE,EAAc,KAAMF,EAAO,CACvB,SAAU,EACtB,CAAS,CACL,CACA,mBAAoB,CAChB,KAAK,YAAY,KAAK,IAAI,EAC1B,KAAK,cAAc,KAAK,MAAM,CAClC,CACA,WAAW,UAAW,CAAE,MAAO,CAC3B,KAAQ,CAAC,aAAa,EACtB,OAAU,CAAC,eAAe,CAClC,CAAO,CACP"}

package/dist/assets/{kol-avatar.entry-BEIJ42cm.js → kol-avatar.entry-BqOpdypX.js}

@@ -1,6 +1,4 @@
-import{r as t,h as n,b as i,H as o}from"./index-7WRSZKTT.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const a=`/*
+import{r as t,h as n,b as i,H as o}from"./index-mpn7FJjz.js";const a=`/*
  * This file contains all rules for accessibility.
  */
 @layer kol-a11y {
@@ -206,4 +204,4 @@ import{r as t,h as n,b as i,H as o}from"./index-7WRSZKTT.js";/*!
     font-size: calc(40rem / var(--kolibri-root-font-size, 16));
   }
 }`,l=a,r=class{constructor(e){t(this,e),this._src=void 0,this._label=void 0}render(){return n(o,{key:"177cf2f61660902db5c1680e3e10fc7f3c567695",class:"kol-avatar"},n(i,{key:"9103d11ec31279584865dd3acf92a9ef0d04ca61",_src:this._src,_label:this._label}))}};r.style={default:l};export{r as kol_avatar};
-//# sourceMappingURL=kol-avatar.entry-BEIJ42cm.js.map
+//# sourceMappingURL=kol-avatar.entry-BqOpdypX.js.map

package/dist/assets/{kol-avatar.entry-BEIJ42cm.js.map → kol-avatar.entry-BqOpdypX.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-avatar.entry-BEIJ42cm.js","sources":["../../../../components/dist/esm/kol-avatar.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-25e94a16.js';\nimport { e as KolAvatarWcTag } from './component-names-4cb1c62b.js';\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    color: black;\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%; /* 100% needed for custom width from outside */\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n  .kol-span-wc {\\n    display: grid;\\n    place-items: center;\\n  }\\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  .kol-span-wc > span {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  /* This is the text label. */\\n  .hide-label > .kol-span-wc > span > span {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span-wc,\\n  [disabled]:focus .kol-span-wc {\\n    outline: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: block;\\n  }\\n}\\n@layer kol-component {\\n  .container,\\n  .image,\\n  .initials {\\n    border-radius: 50%;\\n  }\\n  .image,\\n  .initials {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .container {\\n    /* Visible with forced colors  */\\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\\n    width: calc(100rem / var(--kolibri-root-font-size, 16));\\n    height: calc(100rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .initials {\\n    background-color: #d3d3d3;\\n    display: flex;\\n    align-items: center;\\n    justify-content: center;\\n    font-size: calc(40rem / var(--kolibri-root-font-size, 16));\\n  }\\n}\";\nconst KolAvatarDefaultStyle0 = defaultStyleCss;\n\nconst KolAvatar = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this._src = undefined;\n        this._label = undefined;\n    }\n    render() {\n        return (h(Host, { key: '177cf2f61660902db5c1680e3e10fc7f3c567695', class: \"kol-avatar\" }, h(KolAvatarWcTag, { key: '9103d11ec31279584865dd3acf92a9ef0d04ca61', _src: this._src, _label: this._label })));\n    }\n};\nKolAvatar.style = {\n    default: KolAvatarDefaultStyle0\n};\n\nexport { KolAvatar as kol_avatar };\n\n//# sourceMappingURL=kol-avatar.entry.js.map"],"names":["defaultStyleCss","KolAvatarDefaultStyle0","KolAvatar","hostRef","registerInstance","h","Host","KolAvatarWcTag"],"mappings":"6DAAA;AAAA;AAAA,GAMA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAClBC,EAAyBD,EAEzBE,EAAY,KAAM,CACpB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,KAAO,OACZ,KAAK,OAAS,MAClB,CACA,QAAS,CACL,OAAQE,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,YAAY,EAAID,EAAEE,EAAgB,CAAE,IAAK,2CAA4C,KAAM,KAAK,KAAM,OAAQ,KAAK,MAAM,CAAE,CAAC,CAC1M,CACJ,EACAL,EAAU,MAAQ,CACd,QAASD,CACb"}
+{"version":3,"file":"kol-avatar.entry-BqOpdypX.js","sources":["../../../../components/dist/esm/kol-avatar.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-16f448fe.js';\nimport { e as KolAvatarWcTag } from './component-names-4cb1c62b.js';\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    color: black;\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%; /* 100% needed for custom width from outside */\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n  .kol-span-wc {\\n    display: grid;\\n    place-items: center;\\n  }\\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  .kol-span-wc > span {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  /* This is the text label. */\\n  .hide-label > .kol-span-wc > span > span {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span-wc,\\n  [disabled]:focus .kol-span-wc {\\n    outline: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: block;\\n  }\\n}\\n@layer kol-component {\\n  .container,\\n  .image,\\n  .initials {\\n    border-radius: 50%;\\n  }\\n  .image,\\n  .initials {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .container {\\n    /* Visible with forced colors  */\\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\\n    width: calc(100rem / var(--kolibri-root-font-size, 16));\\n    height: calc(100rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .initials {\\n    background-color: #d3d3d3;\\n    display: flex;\\n    align-items: center;\\n    justify-content: center;\\n    font-size: calc(40rem / var(--kolibri-root-font-size, 16));\\n  }\\n}\";\nconst KolAvatarDefaultStyle0 = defaultStyleCss;\n\nconst KolAvatar = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this._src = undefined;\n        this._label = undefined;\n    }\n    render() {\n        return (h(Host, { key: '177cf2f61660902db5c1680e3e10fc7f3c567695', class: \"kol-avatar\" }, h(KolAvatarWcTag, { key: '9103d11ec31279584865dd3acf92a9ef0d04ca61', _src: this._src, _label: this._label })));\n    }\n};\nKolAvatar.style = {\n    default: KolAvatarDefaultStyle0\n};\n\nexport { KolAvatar as kol_avatar };\n\n//# sourceMappingURL=kol-avatar.entry.js.map"],"names":["defaultStyleCss","KolAvatarDefaultStyle0","KolAvatar","hostRef","registerInstance","h","Host","KolAvatarWcTag"],"mappings":"6DAMA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAClBC,EAAyBD,EAEzBE,EAAY,KAAM,CACpB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,KAAO,OACZ,KAAK,OAAS,MAClB,CACA,QAAS,CACL,OAAQE,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,YAAY,EAAID,EAAEE,EAAgB,CAAE,IAAK,2CAA4C,KAAM,KAAK,KAAM,OAAQ,KAAK,MAAM,CAAE,CAAC,CAC1M,CACJ,EACAL,EAAU,MAAQ,CACd,QAASD,CACb"}

package/dist/assets/{kol-badge.entry-BaEuYc9Y.js → kol-badge.entry-Cg75JGX9.js}

@@ -1,6 +1,4 @@
-import{r as i,h as t,c as a,d as l,H as s,o as r,f as d,p as c,s as h}from"./index-7WRSZKTT.js";import{n as u}from"./dev.utils-e0ebaf6c-CB7CgDLr.js";import{h as b,v as m}from"./color-48d7fdf1-Bn8Gtu9P.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const f=`/*
+import{r as i,h as t,c as a,d as l,H as s,o as r,f as d,p as c,s as h}from"./index-mpn7FJjz.js";import{n as u}from"./dev.utils-0183c4e9-BmQjDv4V.js";import{h as m,v as p}from"./color-48d7fdf1-CDg60V5_.js";const f=`/*
  * This file contains all rules for accessibility.
  */
 @layer kol-a11y {
@@ -181,21 +179,29 @@ import{r as i,h as t,c as a,d as l,H as s,o as r,f as d,p as c,s as h}from"./ind
     display: contents;
   }
   .kol-tooltip-wc .tooltip-floating {
+    opacity: 0;
     display: none;
     position: fixed;
     /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */
     top: 0;
     left: 0;
-    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */
-    width: var(--kol-tooltip-width);
+    /* Can be used to specify the tooltip-width from the outside. Unset by default. */
+    width: var(--kol-tooltip-width, unset);
     max-width: 90vw;
     max-height: 90vh;
-    visibility: hidden;
-    animation-duration: 0.25s;
+    animation-direction: normal;
+    /* Can be used to specify the animation duration from the outside. 250ms by default. */
+    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);
+    animation-fill-mode: forwards;
     animation-iteration-count: 1;
-    animation-name: fadeInOpacity;
     animation-timing-function: ease-in;
   }
+  .kol-tooltip-wc .tooltip-floating.hide {
+    animation-name: hideTooltip;
+  }
+  .kol-tooltip-wc .tooltip-floating.show {
+    animation-name: showTooltip;
+  }
   /* Shared between content and arrow */
   .kol-tooltip-wc .tooltip-area {
     color: #000;
@@ -212,7 +218,16 @@ import{r as i,h as t,c as a,d as l,H as s,o as r,f as d,p as c,s as h}from"./ind
     position: relative;
     z-index: 1000;
   }
-  @keyframes fadeInOpacity {
+  @keyframes hideTooltip {
+    0% {
+      opacity: 1;
+    }
+    100% {
+      opacity: 0;
+      display: none;
+    }
+  }
+  @keyframes showTooltip {
     0% {
       opacity: 0;
     }
@@ -231,5 +246,5 @@ import{r as i,h as t,c as a,d as l,H as s,o as r,f as d,p as c,s as h}from"./ind
   :host > span > .kol-button-wc button {
     color: inherit;
   }
-}`,p=f;d("[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).");const g=class{constructor(n){i(this,n),this.bgColorStr="#000",this.colorStr="#fff",this.id=u(),this.handleColorChange=e=>{const o=b(e);this.bgColorStr=o.backgroundColor,this.colorStr=o.foregroundColor},this._color="#000",this._icons=void 0,this._label=void 0,this._smartButton=void 0,this.state={_color:{backgroundColor:"#000",foregroundColor:"#fff"}}}renderSmartButton(n){return t(a,{_ariaControls:this.id,_customClass:n._customClass,_disabled:n._disabled,_hideLabel:!0,_icons:n._icons,_id:n._id,_label:n._label,_on:n._on,_tooltipAlign:n._tooltipAlign,_variant:n._variant})}render(){const n=typeof this.state._smartButton=="object"&&this.state._smartButton!==null;return t(s,{key:"e18cef57a5d00c73f9040d17f16e53a22bb21c2d",class:"kol-badge"},t("span",{key:"6375f9d2c8c8863165d6e0dce77ad89f708275b5",class:{"smart-button":typeof this.state._smartButton=="object"&&this.state._smartButton!==null},style:{backgroundColor:this.bgColorStr,color:this.colorStr}},t(l,{key:"a74d942a94c5bbeb002bbd42a5d45a9e75c704e8",id:n?this.id:void 0,_allowMarkdown:!0,_icons:this._icons,_label:this._label}),n&&this.renderSmartButton(this.state._smartButton)))}validateColor(n){m(this,n,{defaultValue:"#000",hooks:{beforePatch:this.handleColorChange}})}validateSmartButton(n){r(n,()=>{try{n=c(n)}catch{}h(this,"_smartButton",n)})}componentWillLoad(){this.validateColor(this._color),this.validateSmartButton(this._smartButton)}static get watchers(){return{_color:["validateColor"],_smartButton:["validateSmartButton"]}}};g.style={default:p};export{g as kol_badge};
-//# sourceMappingURL=kol-badge.entry-BaEuYc9Y.js.map
+}`,b=f;d("[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).");const g=class{constructor(n){i(this,n),this.bgColorStr="#000",this.colorStr="#fff",this.id=u(),this.handleColorChange=e=>{const o=m(e);this.bgColorStr=o.backgroundColor,this.colorStr=o.foregroundColor},this._color="#000",this._icons=void 0,this._label=void 0,this._smartButton=void 0,this.state={_color:{backgroundColor:"#000",foregroundColor:"#fff"}}}renderSmartButton(n){return t(a,{_ariaControls:this.id,_customClass:n._customClass,_disabled:n._disabled,_hideLabel:!0,_icons:n._icons,_id:n._id,_label:n._label,_on:n._on,_tooltipAlign:n._tooltipAlign,_variant:n._variant})}render(){const n=typeof this.state._smartButton=="object"&&this.state._smartButton!==null;return t(s,{key:"e18cef57a5d00c73f9040d17f16e53a22bb21c2d",class:"kol-badge"},t("span",{key:"6375f9d2c8c8863165d6e0dce77ad89f708275b5",class:{"smart-button":typeof this.state._smartButton=="object"&&this.state._smartButton!==null},style:{backgroundColor:this.bgColorStr,color:this.colorStr}},t(l,{key:"a74d942a94c5bbeb002bbd42a5d45a9e75c704e8",id:n?this.id:void 0,_allowMarkdown:!0,_icons:this._icons,_label:this._label}),n&&this.renderSmartButton(this.state._smartButton)))}validateColor(n){p(this,n,{defaultValue:"#000",hooks:{beforePatch:this.handleColorChange}})}validateSmartButton(n){r(n,()=>{try{n=c(n)}catch{}h(this,"_smartButton",n)})}componentWillLoad(){this.validateColor(this._color),this.validateSmartButton(this._smartButton)}static get watchers(){return{_color:["validateColor"],_smartButton:["validateSmartButton"]}}};g.style={default:b};export{g as kol_badge};
+//# sourceMappingURL=kol-badge.entry-Cg75JGX9.js.map