@public-ui/sample-react 2.2.14 → 2.2.15-rc.0

package/dist/assets/{kol-abbr.entry-B253Tecr.js → kol-abbr.entry-BJZRRHE0.js}

@@ -1,4 +1,4 @@
-import{r as e,h as t,K as i,H as o}from"./index-DqXEOlVh.js";import{n as a}from"./dev.utils-e5207de9-C_EvV1SR.js";import{v as l}from"./label-51d66c9d-5l0E5TCR.js";import{v as s}from"./tooltip-align-de415afb-DvVGrrMs.js";import"./align-bc8d98ac-DcnfNP39.js";/*!
+import{r as e,h as t,K as i,H as o}from"./index-CJwtOLCA.js";import{n as a}from"./dev.utils-3a332b59-DBi0Ex3b.js";import{v as l}from"./label-51d66c9d-CT4N_dB0.js";import{v as s}from"./tooltip-align-de415afb-B-bR3uVi.js";import"./align-bc8d98ac-DfD8j5LE.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const r=`/*
  * This file contains all rules for accessibility.
@@ -91,13 +91,13 @@ import{r as e,h as t,K as i,H as o}from"./index-DqXEOlVh.js";import{n as a}from"
   * - https://www.a11yproject.com/posts/how-to-hide-content/
   */
   .visually-hidden {
-    clip: rect(0 0 0 0);
-    clip-path: inset(50%);
+    position: absolute;
+    width: 1px;
     height: 1px;
     overflow: hidden;
-    position: absolute;
     white-space: nowrap;
-    width: 1px;
+    clip: rect(0 0 0 0);
+    clip-path: inset(50%);
   }
 }
 @layer kol-global {
@@ -227,4 +227,4 @@ import{r as e,h as t,K as i,H as o}from"./index-DqXEOlVh.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-B253Tecr.js.map
+//# sourceMappingURL=kol-abbr.entry-BJZRRHE0.js.map

package/dist/assets/{kol-abbr.entry-B253Tecr.js.map → kol-abbr.entry-BJZRRHE0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-abbr.entry-B253Tecr.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-6c6daeaa.js';\nimport './index-4fb06bbb.js';\nimport { n as nonce } from './dev.utils-e5207de9.js';\nimport { a as KolTooltipWcTag } from './component-names-4cb1c62b.js';\nimport { v as validateLabel } from './label-51d66c9d.js';\nimport { v as validateTooltipAlign } from './tooltip-align-de415afb.js';\nimport './align-bc8d98ac.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    /*\\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    color: black;\\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  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: 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    clip: rect(0 0 0 0);\\n    clip-path: inset(50%);\\n    height: 1px;\\n    overflow: hidden;\\n    position: absolute;\\n    white-space: nowrap;\\n    width: 1px;\\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    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%; /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\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  }\\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    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\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    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip-wc {\\n    display: contents;\\n    contain: layout;\\n  }\\n  .kol-tooltip-wc .tooltip-floating {\\n    animation-duration: 0.25s;\\n    animation-iteration-count: 1;\\n    animation-name: fadeInOpacity;\\n    animation-timing-function: ease-in;\\n    display: none;\\n    position: fixed;\\n    visibility: hidden;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width);\\n  }\\n  /* Shared between content and arrow */\\n  .kol-tooltip-wc .tooltip-area {\\n    background-color: #fff;\\n    color: #000;\\n  }\\n  .kol-tooltip-wc .tooltip-arrow {\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n    position: absolute;\\n    transform: rotate(45deg);\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    z-index: 999;\\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;AAAA,GAClBC,EAAuBD,EAEvBE,EAAU,KAAM,CAClB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,MAAQE,EAAO,EACpB,KAAK,OAAS,OACd,KAAK,cAAgB,MACrB,KAAK,MAAQ,CACT,OAAQ,GACR,cAAe,KAClB,CACT,CACI,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,0CAA4C,CAAA,CAAC,CAAC,EAAGA,EAAEE,EAAiB,CAAE,IAAK,2CAA4C,OAAQ,KAAK,MAAM,cAAe,IAAK,KAAK,MAAO,OAAQ,KAAK,MAAM,MAAQ,CAAA,CAAC,CAC5hB,CACI,cAAcC,EAAO,CACjBC,EAAc,KAAMD,EAAO,CACvB,SAAU,EACtB,CAAS,CACT,CACI,qBAAqBA,EAAO,CACxBE,EAAqB,KAAMF,CAAK,CACxC,CACI,mBAAoB,CAChB,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,qBAAqB,KAAK,aAAa,CACpD,CACI,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,eAAe,EAC1B,cAAiB,CAAC,sBAAsB,CAChD,CAAM,CACN,EACAP,EAAQ,MAAQ,CACZ,QAASD,CACb"}
+{"version":3,"file":"kol-abbr.entry-BJZRRHE0.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-1766e6f4.js';\nimport './index-4fb06bbb.js';\nimport { n as nonce } from './dev.utils-3a332b59.js';\nimport { a as KolTooltipWcTag } from './component-names-4cb1c62b.js';\nimport { v as validateLabel } from './label-51d66c9d.js';\nimport { v as validateTooltipAlign } from './tooltip-align-de415afb.js';\nimport './align-bc8d98ac.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    /*\\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    color: black;\\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  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: 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: absolute;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip: rect(0 0 0 0);\\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    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%; /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\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  }\\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    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\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    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip-wc {\\n    display: contents;\\n    contain: layout;\\n  }\\n  .kol-tooltip-wc .tooltip-floating {\\n    animation-duration: 0.25s;\\n    animation-iteration-count: 1;\\n    animation-name: fadeInOpacity;\\n    animation-timing-function: ease-in;\\n    display: none;\\n    position: fixed;\\n    visibility: hidden;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width);\\n  }\\n  /* Shared between content and arrow */\\n  .kol-tooltip-wc .tooltip-area {\\n    background-color: #fff;\\n    color: #000;\\n  }\\n  .kol-tooltip-wc .tooltip-arrow {\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n    position: absolute;\\n    transform: rotate(45deg);\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    z-index: 999;\\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;AAAA,GAClBC,EAAuBD,EAEvBE,EAAU,KAAM,CAClB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,MAAQE,EAAO,EACpB,KAAK,OAAS,OACd,KAAK,cAAgB,MACrB,KAAK,MAAQ,CACT,OAAQ,GACR,cAAe,KAClB,CACT,CACI,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,0CAA4C,CAAA,CAAC,CAAC,EAAGA,EAAEE,EAAiB,CAAE,IAAK,2CAA4C,OAAQ,KAAK,MAAM,cAAe,IAAK,KAAK,MAAO,OAAQ,KAAK,MAAM,MAAQ,CAAA,CAAC,CAC5hB,CACI,cAAcC,EAAO,CACjBC,EAAc,KAAMD,EAAO,CACvB,SAAU,EACtB,CAAS,CACT,CACI,qBAAqBA,EAAO,CACxBE,EAAqB,KAAMF,CAAK,CACxC,CACI,mBAAoB,CAChB,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,qBAAqB,KAAK,aAAa,CACpD,CACI,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,eAAe,EAC1B,cAAiB,CAAC,sBAAsB,CAChD,CAAM,CACN,EACAP,EAAQ,MAAQ,CACZ,QAASD,CACb"}

package/dist/assets/{kol-accordion.entry-HGP6g36N.js → kol-accordion.entry-BFAjZqyg.js}

@@ -1,4 +1,4 @@
-import{r,h as o,H as d,w as c,i as h,f as s}from"./index-DqXEOlVh.js";import{n as p}from"./dev.utils-e5207de9-C_EvV1SR.js";import{w as b}from"./validation-c4177384-D-34uVCE.js";import{K as u}from"./Collapsible-173f8493-7PCHSDVJ.js";import{v as m}from"./disabled-f923601e-B8yDVT5D.js";import{v as f}from"./open-47cb3e2a-DFCHXZ8g.js";import{v as w}from"./label-51d66c9d-5l0E5TCR.js";import"./tslib.es6-1173d062-BAJoBDh7.js";import"./clsx-09a06a12-BT_IL7Fz.js";/*!
+import{r,h as o,H as d,w as c,i as h,f as s}from"./index-CJwtOLCA.js";import{n as p}from"./dev.utils-3a332b59-DBi0Ex3b.js";import{w as b}from"./validation-c4177384-ZN2V70fP.js";import{K as u}from"./Collapsible-40f90188-DKuVZXNF.js";import{v as m}from"./disabled-f923601e-C_kRSlgq.js";import{v as f}from"./open-47cb3e2a-7KONbAx7.js";import{v as w}from"./label-51d66c9d-CT4N_dB0.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=`/*
  * This file contains all rules for accessibility.
@@ -91,13 +91,13 @@ import{r,h as o,H as d,w as c,i as h,f as s}from"./index-DqXEOlVh.js";import{n a
   * - https://www.a11yproject.com/posts/how-to-hide-content/
   */
   .visually-hidden {
-    clip: rect(0 0 0 0);
-    clip-path: inset(50%);
+    position: absolute;
+    width: 1px;
     height: 1px;
     overflow: hidden;
-    position: absolute;
     white-space: nowrap;
-    width: 1px;
+    clip: rect(0 0 0 0);
+    clip-path: inset(50%);
   }
 }
 @layer kol-global {
@@ -193,6 +193,11 @@ import{r,h as o,H as d,w as c,i as h,f as s}from"./index-DqXEOlVh.js";import{n a
   .collapsible__wrapper {
     display: grid;
     grid-template-rows: 0fr;
+    /**
+     * The \`overflow: hidden\` ensures that the content is not visible during the animated
+     * opening and closing. This should also cut off overlays containing content, but it
+     *does not.
+     */
     overflow: hidden;
     transition: grid-template-rows 0.3s;
     /* 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. */
@@ -228,4 +233,4 @@ import{r,h as o,H as d,w as c,i as h,f as s}from"./index-DqXEOlVh.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-HGP6g36N.js.map
+//# sourceMappingURL=kol-accordion.entry-BFAjZqyg.js.map

package/dist/assets/kol-accordion.entry-BFAjZqyg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-accordion.entry-BFAjZqyg.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-1766e6f4.js';\nimport { w as watchValidator, i as isObject, h as featureHint } from './index-4fb06bbb.js';\nimport { n as nonce } from './dev.utils-3a332b59.js';\nimport { w as watchHeadingLevel } from './validation-c4177384.js';\nimport { K as KolCollapsibleFc } from './Collapsible-40f90188.js';\nimport { v as validateDisabled } from './disabled-f923601e.js';\nimport { v as validateOpen } from './open-47cb3e2a.js';\nimport { v as validateLabel } from './label-51d66c9d.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    /*\\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    color: black;\\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  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: 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: absolute;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip: rect(0 0 0 0);\\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    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%; /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\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  }\\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    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\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    background-color: lightgray;\\n    color: black;\\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    display: grid;\\n    grid-template-rows: 0fr;\\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    transition: grid-template-rows 0.3s;\\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  }\\n  .collapsible__wrapper-animation {\\n    min-height: 0;\\n    transition: visibility 0.3s;\\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  }\\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":"0cAAA;AAAA;AAAA,GAeA,MAAMA,EAA6B,CAACC,EAAWC,IAAU,CACrDC,EAAeF,EAAW,MAAQC,GAAUE,EAASF,CAAK,EAAG,IAAI,IAAI,CAAC,6CAA6C,CAAC,EAAGA,CAAK,CAChI,EAEMG,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,GAClBC,EAA4BD,EAElCE,EAAY;AAAA;AAAA;AAAA;AAAA,yCAI6B,EACzCA,EAAY,iEAAiE,EACxE,MAACC,EAAe,KAAM,CACvB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,MAAQE,EAAO,EACpB,KAAK,SAAYC,GAAQ,CACrB,KAAK,YAAcA,CACtB,EACD,KAAK,cAAiBC,GAAU,CAC5B,KAAK,MAAQ,CAAC,KAAK,MACnB,WAAW,IAAM,CACb,IAAIC,EAAIC,GACPA,GAAMD,EAAK,KAAK,MAAM,OAAS,MAAQA,IAAO,OAAS,OAASA,EAAG,WAAa,MAAQC,IAAO,QAAkBA,EAAG,KAAKD,EAAID,EAAO,KAAK,QAAU,EAAI,CACxK,CAAa,CACJ,EACD,KAAK,UAAY,GACjB,KAAK,OAAS,OACd,KAAK,OAAS,EACd,KAAK,IAAM,OACX,KAAK,MAAQ,GACb,KAAK,MAAQ,CACT,OAAQ,GACR,OAAQ,EACR,IAAK,CAAE,CACV,CACT,CACI,MAAM,OAAQ,CACV,MAAM,KAAK,SAAU,CAC7B,CACI,MAAM,UAAW,CACb,IAAIC,EACJ,OAAQA,EAAK,KAAK,eAAiB,MAAQA,IAAO,OAAS,OAASA,EAAG,WAC/E,CACI,QAAS,CACL,KAAM,CAAE,MAAAE,EAAO,OAAAC,EAAQ,UAAAC,EAAW,OAAAC,CAAM,EAAK,KAAK,MAC5CC,EAAY,YACZC,EAAQ,CACV,GAAI,KAAK,MACT,MAAOJ,EACP,KAAMD,EACN,SAAUE,EACV,MAAOC,EACP,QAAS,KAAK,cACd,MAAOC,EACP,aAAc,CAAE,MAAO,GAAGA,CAAS,WAAa,EAChD,mBAAoB,CAChB,IAAK,KAAK,SACV,MAAO,GAAGA,CAAS,kBACtB,EACD,aAAc,CACV,MAAO,GAAGA,CAAS,YACnB,aAAc,GAAGA,CAAS,YAC1B,eAAgB,GAAGA,CAAS,qBAC/B,CACJ,EACD,OAAQE,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,eAAiB,EAAED,EAAEE,EAAkB,OAAO,OAAO,CAAE,IAAK,4CAA8CH,CAAK,EAAGC,EAAE,OAAQ,CAAE,IAAK,0CAA4C,CAAA,CAAC,CAAC,CACnQ,CACI,iBAAiBpB,EAAO,CACpBuB,EAAiB,KAAMvB,CAAK,CACpC,CACI,cAAcA,EAAO,CACjBwB,EAAc,KAAMxB,EAAO,CACvB,SAAU,EACtB,CAAS,CACT,CACI,cAAcA,EAAO,CACjByB,EAAkB,KAAMzB,CAAK,CACrC,CACI,WAAW0B,EAAI,CACX5B,EAA2B,KAAM4B,CAAE,CAC3C,CACI,aAAa1B,EAAO,CAChB2B,EAAa,KAAM3B,CAAK,CAChC,CACI,mBAAoB,CAChB,KAAK,iBAAiB,KAAK,SAAS,EACpC,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,WAAW,KAAK,GAAG,EACxB,KAAK,aAAa,KAAK,KAAK,CACpC,CACI,WAAW,UAAW,CAAE,MAAO,CAC3B,UAAa,CAAC,kBAAkB,EAChC,OAAU,CAAC,eAAe,EAC1B,OAAU,CAAC,eAAe,EAC1B,IAAO,CAAC,YAAY,EACpB,MAAS,CAAC,cAAc,CAChC,CAAM,CACN,EACAM,EAAa,MAAQ,CACjB,QAASF,CACb"}

package/dist/assets/{kol-alert-wc.entry-QSSxru1h.js → kol-alert-wc.entry-CKc1mPmW.js}

@@ -1,4 +1,4 @@
-import{r as v,h as l,H as c,q as _,s as p,w as i}from"./index-DqXEOlVh.js";import{w as f}from"./validation-c4177384-D-34uVCE.js";import{K as m}from"./Alert-484b34fa-_-ydzoP0.js";import{v as b}from"./has-closer-a7dc359b-DoBpl0U9.js";import{v as y}from"./label-51d66c9d-5l0E5TCR.js";import"./tslib.es6-1173d062-BAJoBDh7.js";import"./i18n-820d85c7-o606L4xD.js";import"./clsx-09a06a12-BT_IL7Fz.js";/*!
+import{r as v,h as l,H as c,q as _,s as p,w as i}from"./index-CJwtOLCA.js";import{w as f}from"./validation-c4177384-ZN2V70fP.js";import{K as m}from"./Alert-ea5205e8-CXVwjimO.js";import{v as b}from"./has-closer-a7dc359b-DPX3gPAC.js";import{v as y}from"./label-51d66c9d-CT4N_dB0.js";import"./tslib.es6-1173d062-BAJoBDh7.js";import"./i18n-820d85c7-BH6ws-IX.js";import"./clsx-09a06a12-BT_IL7Fz.js";/*!
  * KoliBri - The accessible HTML-Standard
  */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-QSSxru1h.js.map
+//# sourceMappingURL=kol-alert-wc.entry-CKc1mPmW.js.map

package/dist/assets/{kol-alert-wc.entry-QSSxru1h.js.map → kol-alert-wc.entry-CKc1mPmW.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-alert-wc.entry-QSSxru1h.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-6c6daeaa.js';\nimport { j as watchBoolean, m as setState, w as watchValidator } from './index-4fb06bbb.js';\nimport { w as watchHeadingLevel } from './validation-c4177384.js';\nimport { K as KolAlertFc } from './Alert-484b34fa.js';\nimport { v as validateHasCloser } from './has-closer-a7dc359b.js';\nimport { v as validateLabel } from './label-51d66c9d.js';\nimport './tslib.es6-1173d062.js';\nimport './clsx-09a06a12.js';\nimport './i18n-820d85c7.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,CAC7I,EACD,KAAK,mBAAqB,IAAM,CAC5B,KAAK,cAAc,EAAK,CAC3B,EACD,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,CACX,CACT,CACI,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,kBACxB,EACD,OAAQE,EAAEC,EAAM,CAAE,IAAK,0CAA0C,EAAID,EAAEE,EAAY,OAAO,OAAO,CAAE,IAAK,0CAA0C,EAAIH,CAAK,EAAGC,EAAE,OAAQ,CAAE,IAAK,0CAA4C,CAAA,CAAC,CAAC,CACrO,CACI,cAAcR,EAAO,CACjBW,EAAa,KAAM,SAAUX,CAAK,CAC1C,CACI,kBAAkBA,EAAO,CACrBY,EAAkB,KAAMZ,CAAK,CACrC,CACI,cAAcA,EAAO,CACjBa,EAAc,KAAMb,CAAK,CACjC,CACI,cAAcA,EAAO,CACjBc,EAAkB,KAAMd,CAAK,CACrC,CACI,WAAWA,EAAO,CACV,KAAK,gBAAgBA,CAAK,GAC1Be,EAAS,KAAM,MAAO,CAClB,QAASf,EAAM,OAC/B,CAAa,CAEb,CACI,aAAaA,EAAO,CAChBgB,EAAe,KAAM,QAAUhB,GAAU,OAAOA,GAAU,UAAYP,EAAiB,SAASO,CAAK,EAAG,IAAI,IAAI,WAAWP,EAAiB,KAAK,IAAI,CAAC,EAAE,EAAGO,CAAK,CACxK,CACI,gBAAgBA,EAAO,CACnBgB,EAAe,KAAM,WAAahB,GAAU,OAAOA,GAAU,UAAYN,EAAoB,SAASM,CAAK,EAAG,IAAI,IAAI,iBAAiBN,EAAoB,KAAK,IAAI,CAAC,EAAE,EAAGM,CAAK,CACvL,CACI,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,CAC1C,CACI,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,CAAM,CACN"}
+{"version":3,"file":"kol-alert-wc.entry-CKc1mPmW.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-1766e6f4.js';\nimport { j as watchBoolean, m as setState, w as watchValidator } from './index-4fb06bbb.js';\nimport { w as watchHeadingLevel } from './validation-c4177384.js';\nimport { K as KolAlertFc } from './Alert-ea5205e8.js';\nimport { v as validateHasCloser } from './has-closer-a7dc359b.js';\nimport { v as validateLabel } from './label-51d66c9d.js';\nimport './tslib.es6-1173d062.js';\nimport './clsx-09a06a12.js';\nimport './i18n-820d85c7.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,CAC7I,EACD,KAAK,mBAAqB,IAAM,CAC5B,KAAK,cAAc,EAAK,CAC3B,EACD,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,CACX,CACT,CACI,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,kBACxB,EACD,OAAQE,EAAEC,EAAM,CAAE,IAAK,0CAA0C,EAAID,EAAEE,EAAY,OAAO,OAAO,CAAE,IAAK,0CAA0C,EAAIH,CAAK,EAAGC,EAAE,OAAQ,CAAE,IAAK,0CAA4C,CAAA,CAAC,CAAC,CACrO,CACI,cAAcR,EAAO,CACjBW,EAAa,KAAM,SAAUX,CAAK,CAC1C,CACI,kBAAkBA,EAAO,CACrBY,EAAkB,KAAMZ,CAAK,CACrC,CACI,cAAcA,EAAO,CACjBa,EAAc,KAAMb,CAAK,CACjC,CACI,cAAcA,EAAO,CACjBc,EAAkB,KAAMd,CAAK,CACrC,CACI,WAAWA,EAAO,CACV,KAAK,gBAAgBA,CAAK,GAC1Be,EAAS,KAAM,MAAO,CAClB,QAASf,EAAM,OAC/B,CAAa,CAEb,CACI,aAAaA,EAAO,CAChBgB,EAAe,KAAM,QAAUhB,GAAU,OAAOA,GAAU,UAAYP,EAAiB,SAASO,CAAK,EAAG,IAAI,IAAI,WAAWP,EAAiB,KAAK,IAAI,CAAC,EAAE,EAAGO,CAAK,CACxK,CACI,gBAAgBA,EAAO,CACnBgB,EAAe,KAAM,WAAahB,GAAU,OAAOA,GAAU,UAAYN,EAAoB,SAASM,CAAK,EAAG,IAAI,IAAI,iBAAiBN,EAAoB,KAAK,IAAI,CAAC,EAAE,EAAGM,CAAK,CACvL,CACI,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,CAC1C,CACI,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,CAAM,CACN"}

package/dist/assets/{kol-alert.entry-KfFjQnBa.js → kol-alert.entry-DtUWPj9Y.js}

@@ -1,4 +1,4 @@
-import{r as t,h as n,a as i,H as o}from"./index-DqXEOlVh.js";/*!
+import{r as t,h as n,a as i,H as o}from"./index-CJwtOLCA.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const a=`/*
  * This file contains all rules for accessibility.
@@ -91,13 +91,13 @@ import{r as t,h as n,a as i,H as o}from"./index-DqXEOlVh.js";/*!
   * - https://www.a11yproject.com/posts/how-to-hide-content/
   */
   .visually-hidden {
-    clip: rect(0 0 0 0);
-    clip-path: inset(50%);
+    position: absolute;
+    width: 1px;
     height: 1px;
     overflow: hidden;
-    position: absolute;
     white-space: nowrap;
-    width: 1px;
+    clip: rect(0 0 0 0);
+    clip-path: inset(50%);
   }
 }
 @layer kol-global {
@@ -234,7 +234,6 @@ import{r as t,h as n,a as i,H as o}from"./index-DqXEOlVh.js";/*!
   .kol-alert-wc .heading {
     display: flex;
     place-items: center;
-    overflow: hidden;
   }
   .kol-alert-wc .heading > div {
     flex-grow: 1;
@@ -244,4 +243,4 @@ import{r as t,h as n,a as i,H as o}from"./index-DqXEOlVh.js";/*!
     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-KfFjQnBa.js.map
+//# sourceMappingURL=kol-alert.entry-DtUWPj9Y.js.map

package/dist/assets/{kol-alert.entry-KfFjQnBa.js.map → kol-alert.entry-DtUWPj9Y.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-alert.entry-KfFjQnBa.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-6c6daeaa.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    /*\\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    color: black;\\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  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: 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    clip: rect(0 0 0 0);\\n    clip-path: inset(50%);\\n    height: 1px;\\n    overflow: hidden;\\n    position: absolute;\\n    white-space: nowrap;\\n    width: 1px;\\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    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%; /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\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  }\\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    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\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    background-color: lightgray;\\n    color: black;\\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    contain: layout;\\n  }\\n  .kol-tooltip-wc .tooltip-floating {\\n    animation-duration: 0.25s;\\n    animation-iteration-count: 1;\\n    animation-name: fadeInOpacity;\\n    animation-timing-function: ease-in;\\n    display: none;\\n    position: fixed;\\n    visibility: hidden;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width);\\n  }\\n  /* Shared between content and arrow */\\n  .kol-tooltip-wc .tooltip-area {\\n    background-color: #fff;\\n    color: #000;\\n  }\\n  .kol-tooltip-wc .tooltip-arrow {\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n    position: absolute;\\n    transform: rotate(45deg);\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    z-index: 999;\\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    overflow: hidden;\\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;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,CACX,CACT,CACI,QAAS,CACL,OAAQE,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,WAAa,EAAED,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,0CAA4C,CAAA,CAAC,CAAC,CAC7X,CACA,EACAH,EAAS,MAAQ,CACb,QAASD,CACb"}
+{"version":3,"file":"kol-alert.entry-DtUWPj9Y.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-1766e6f4.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    /*\\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    color: black;\\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  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: 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: absolute;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip: rect(0 0 0 0);\\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    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%; /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\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  }\\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    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\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    background-color: lightgray;\\n    color: black;\\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    contain: layout;\\n  }\\n  .kol-tooltip-wc .tooltip-floating {\\n    animation-duration: 0.25s;\\n    animation-iteration-count: 1;\\n    animation-name: fadeInOpacity;\\n    animation-timing-function: ease-in;\\n    display: none;\\n    position: fixed;\\n    visibility: hidden;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width);\\n  }\\n  /* Shared between content and arrow */\\n  .kol-tooltip-wc .tooltip-area {\\n    background-color: #fff;\\n    color: #000;\\n  }\\n  .kol-tooltip-wc .tooltip-arrow {\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n    position: absolute;\\n    transform: rotate(45deg);\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    z-index: 999;\\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;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,CACX,CACT,CACI,QAAS,CACL,OAAQE,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,WAAa,EAAED,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,0CAA4C,CAAA,CAAC,CAAC,CAC7X,CACA,EACAH,EAAS,MAAQ,CACb,QAASD,CACb"}

package/dist/assets/{kol-avatar-wc.entry-BK35Grnj.js → kol-avatar-wc.entry-DZ-MeeE6.js}

@@ -1,4 +1,4 @@
-import{r as l,h as e,H as c}from"./index-DqXEOlVh.js";import{t as n}from"./i18n-820d85c7-o606L4xD.js";import{v as o}from"./image-source-bd7ca7b4-BsKFZNks.js";import{v as d}from"./label-51d66c9d-5l0E5TCR.js";/*!
+import{r as l,h as e,H as c}from"./index-CJwtOLCA.js";import{t as n}from"./i18n-820d85c7-BH6ws-IX.js";import{v as o}from"./image-source-bd7ca7b4-CPfV1PhT.js";import{v as d}from"./label-51d66c9d-CT4N_dB0.js";/*!
  * KoliBri - The accessible HTML-Standard
  */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-BK35Grnj.js.map
+//# sourceMappingURL=kol-avatar-wc.entry-DZ-MeeE6.js.map

package/dist/assets/{kol-avatar-wc.entry-BK35Grnj.js.map → kol-avatar-wc.entry-DZ-MeeE6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-avatar-wc.entry-BK35Grnj.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-6c6daeaa.js';\nimport './index-4fb06bbb.js';\nimport { t as translate } from './i18n-820d85c7.js';\nimport { v as validateImageSource } from './image-source-bd7ca7b4.js';\nimport { v as validateLabel } from './label-51d66c9d.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,YAAa,EAE1BC,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,EACX,CACT,CACI,QAAS,CACL,OAAQE,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,eAAiB,EAAED,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,CAClf,CACI,YAAYW,EAAO,CACfC,EAAoB,KAAMD,CAAK,CACvC,CACI,cAAcA,EAAO,CACjBE,EAAc,KAAMF,EAAO,CACvB,SAAU,EACtB,CAAS,CACT,CACI,mBAAoB,CAChB,KAAK,YAAY,KAAK,IAAI,EAC1B,KAAK,cAAc,KAAK,MAAM,CACtC,CACI,WAAW,UAAW,CAAE,MAAO,CAC3B,KAAQ,CAAC,aAAa,EACtB,OAAU,CAAC,eAAe,CAClC,CAAM,CACN"}
+{"version":3,"file":"kol-avatar-wc.entry-DZ-MeeE6.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-1766e6f4.js';\nimport './index-4fb06bbb.js';\nimport { t as translate } from './i18n-820d85c7.js';\nimport { v as validateImageSource } from './image-source-bd7ca7b4.js';\nimport { v as validateLabel } from './label-51d66c9d.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,YAAa,EAE1BC,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,EACX,CACT,CACI,QAAS,CACL,OAAQE,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,eAAiB,EAAED,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,CAClf,CACI,YAAYW,EAAO,CACfC,EAAoB,KAAMD,CAAK,CACvC,CACI,cAAcA,EAAO,CACjBE,EAAc,KAAMF,EAAO,CACvB,SAAU,EACtB,CAAS,CACT,CACI,mBAAoB,CAChB,KAAK,YAAY,KAAK,IAAI,EAC1B,KAAK,cAAc,KAAK,MAAM,CACtC,CACI,WAAW,UAAW,CAAE,MAAO,CAC3B,KAAQ,CAAC,aAAa,EACtB,OAAU,CAAC,eAAe,CAClC,CAAM,CACN"}

package/dist/assets/{kol-avatar.entry-Buz9gSIw.js → kol-avatar.entry-7UMexQIo.js}

@@ -1,4 +1,4 @@
-import{r as t,h as n,b as i,H as o}from"./index-DqXEOlVh.js";/*!
+import{r as t,h as n,b as i,H as o}from"./index-CJwtOLCA.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const a=`/*
  * This file contains all rules for accessibility.
@@ -91,13 +91,13 @@ import{r as t,h as n,b as i,H as o}from"./index-DqXEOlVh.js";/*!
   * - https://www.a11yproject.com/posts/how-to-hide-content/
   */
   .visually-hidden {
-    clip: rect(0 0 0 0);
-    clip-path: inset(50%);
+    position: absolute;
+    width: 1px;
     height: 1px;
     overflow: hidden;
-    position: absolute;
     white-space: nowrap;
-    width: 1px;
+    clip: rect(0 0 0 0);
+    clip-path: inset(50%);
   }
 }
 @layer kol-global {
@@ -182,28 +182,28 @@ import{r as t,h as n,b as i,H as o}from"./index-DqXEOlVh.js";/*!
   }
 }
 @layer kol-component {
-  .container {
+  .container,
+  .image,
+  .initials {
     border-radius: 50%;
-    overflow: hidden;
+  }
+  .image,
+  .initials {
+    width: 100%;
+    height: 100%;
+  }
+  .container {
     /* Visible with forced colors  */
     outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));
-    /*theme?*/
     width: calc(100rem / var(--kolibri-root-font-size, 16));
     height: calc(100rem / var(--kolibri-root-font-size, 16));
   }
-  .image {
-    width: 100%;
-    height: 100%;
-  }
   .initials {
-    width: 100%;
-    height: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
-    /*theme?*/
     background-color: #d3d3d3;
     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-Buz9gSIw.js.map
+//# sourceMappingURL=kol-avatar.entry-7UMexQIo.js.map

package/dist/assets/{kol-avatar.entry-Buz9gSIw.js.map → kol-avatar.entry-7UMexQIo.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-avatar.entry-Buz9gSIw.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-6c6daeaa.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    /*\\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    color: black;\\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  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: 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    clip: rect(0 0 0 0);\\n    clip-path: inset(50%);\\n    height: 1px;\\n    overflow: hidden;\\n    position: absolute;\\n    white-space: nowrap;\\n    width: 1px;\\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    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%; /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\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  }\\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    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\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    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: block;\\n  }\\n}\\n@layer kol-component {\\n  .container {\\n    border-radius: 50%;\\n    overflow: hidden;\\n    /* Visible with forced colors  */\\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\\n    /*theme?*/\\n    width: calc(100rem / var(--kolibri-root-font-size, 16));\\n    height: calc(100rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .image {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .initials {\\n    width: 100%;\\n    height: 100%;\\n    display: flex;\\n    align-items: center;\\n    justify-content: center;\\n    /*theme?*/\\n    background-color: #d3d3d3;\\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,MACtB,CACI,QAAS,CACL,OAAQE,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,YAAc,EAAED,EAAEE,EAAgB,CAAE,IAAK,2CAA4C,KAAM,KAAK,KAAM,OAAQ,KAAK,MAAM,CAAE,CAAC,CAC9M,CACA,EACAL,EAAU,MAAQ,CACd,QAASD,CACb"}
+{"version":3,"file":"kol-avatar.entry-7UMexQIo.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-1766e6f4.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    /*\\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    color: black;\\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  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: 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: absolute;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip: rect(0 0 0 0);\\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    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%; /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\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  }\\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    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\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    background-color: lightgray;\\n    color: black;\\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    display: flex;\\n    align-items: center;\\n    justify-content: center;\\n    background-color: #d3d3d3;\\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,MACtB,CACI,QAAS,CACL,OAAQE,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,YAAc,EAAED,EAAEE,EAAgB,CAAE,IAAK,2CAA4C,KAAM,KAAK,KAAM,OAAQ,KAAK,MAAM,CAAE,CAAC,CAC9M,CACA,EACAL,EAAU,MAAQ,CACd,QAASD,CACb"}

package/dist/assets/{kol-badge.entry-Doq6qzhe.js → kol-badge.entry-BblLMt6l.js}

@@ -1,4 +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-DqXEOlVh.js";import{n as u}from"./dev.utils-e5207de9-C_EvV1SR.js";import{h as b,v as m}from"./color-a464afb7-vRfis03z.js";/*!
+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-CJwtOLCA.js";import{n as u}from"./dev.utils-3a332b59-DBi0Ex3b.js";import{h as b,v as m}from"./color-a464afb7-DVoiVnQ-.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const f=`/*
  * This file contains all rules for accessibility.
@@ -91,13 +91,13 @@ 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
   * - https://www.a11yproject.com/posts/how-to-hide-content/
   */
   .visually-hidden {
-    clip: rect(0 0 0 0);
-    clip-path: inset(50%);
+    position: absolute;
+    width: 1px;
     height: 1px;
     overflow: hidden;
-    position: absolute;
     white-space: nowrap;
-    width: 1px;
+    clip: rect(0 0 0 0);
+    clip-path: inset(50%);
   }
 }
 @layer kol-global {
@@ -233,4 +233,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"./ind
     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-Doq6qzhe.js.map
+//# sourceMappingURL=kol-badge.entry-BblLMt6l.js.map

package/dist/assets/{kol-badge.entry-Doq6qzhe.js.map → kol-badge.entry-BblLMt6l.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-badge.entry-Doq6qzhe.js","sources":["../../../../components/dist/esm/kol-badge.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-6c6daeaa.js';\nimport { h as featureHint, o as objectObjectHandler, l as parseJson, m as setState } from './index-4fb06bbb.js';\nimport { f as KolSpanWcTag, c as KolButtonWcTag } from './component-names-4cb1c62b.js';\nimport { n as nonce } from './dev.utils-e5207de9.js';\nimport { h as handleColorChange, v as validateColor } from './color-a464afb7.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    /*\\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    color: black;\\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  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: 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    clip: rect(0 0 0 0);\\n    clip-path: inset(50%);\\n    height: 1px;\\n    overflow: hidden;\\n    position: absolute;\\n    white-space: nowrap;\\n    width: 1px;\\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    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%; /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\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  }\\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    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\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    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip-wc {\\n    display: contents;\\n    contain: layout;\\n  }\\n  .kol-tooltip-wc .tooltip-floating {\\n    animation-duration: 0.25s;\\n    animation-iteration-count: 1;\\n    animation-name: fadeInOpacity;\\n    animation-timing-function: ease-in;\\n    display: none;\\n    position: fixed;\\n    visibility: hidden;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width);\\n  }\\n  /* Shared between content and arrow */\\n  .kol-tooltip-wc .tooltip-area {\\n    background-color: #fff;\\n    color: #000;\\n  }\\n  .kol-tooltip-wc .tooltip-arrow {\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n    position: absolute;\\n    transform: rotate(45deg);\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    z-index: 999;\\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 > span {\\n    display: inline-flex;\\n    place-items: center;\\n    /* Visible with forced colors  */\\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  :host > span > .kol-button-wc button {\\n    color: inherit;\\n  }\\n}\";\nconst KolBadgeDefaultStyle0 = defaultStyleCss;\n\nfeatureHint(`[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).`);\nconst KolBadge = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.bgColorStr = '#000';\n        this.colorStr = '#fff';\n        this.id = nonce();\n        this.handleColorChange = (value) => {\n            const colorPair = handleColorChange(value);\n            this.bgColorStr = colorPair.backgroundColor;\n            this.colorStr = colorPair.foregroundColor;\n        };\n        this._color = '#000';\n        this._icons = undefined;\n        this._label = undefined;\n        this._smartButton = undefined;\n        this.state = {\n            _color: {\n                backgroundColor: '#000',\n                foregroundColor: '#fff',\n            },\n        };\n    }\n    renderSmartButton(props) {\n        return (h(KolButtonWcTag, { _ariaControls: this.id, _customClass: props._customClass, _disabled: props._disabled, _hideLabel: true, _icons: props._icons, _id: props._id, _label: props._label, _on: props._on, _tooltipAlign: props._tooltipAlign, _variant: props._variant }));\n    }\n    render() {\n        const hasSmartButton = typeof this.state._smartButton === 'object' && this.state._smartButton !== null;\n        return (h(Host, { key: 'e18cef57a5d00c73f9040d17f16e53a22bb21c2d', class: \"kol-badge\" }, h(\"span\", { key: '6375f9d2c8c8863165d6e0dce77ad89f708275b5', class: {\n                'smart-button': typeof this.state._smartButton === 'object' && this.state._smartButton !== null,\n            }, style: {\n                backgroundColor: this.bgColorStr,\n                color: this.colorStr,\n            } }, h(KolSpanWcTag, { key: 'a74d942a94c5bbeb002bbd42a5d45a9e75c704e8', id: hasSmartButton ? this.id : undefined, _allowMarkdown: true, _icons: this._icons, _label: this._label }), hasSmartButton && this.renderSmartButton(this.state._smartButton))));\n    }\n    validateColor(value) {\n        validateColor(this, value, {\n            defaultValue: '#000',\n            hooks: {\n                beforePatch: this.handleColorChange,\n            },\n        });\n    }\n    validateSmartButton(value) {\n        objectObjectHandler(value, () => {\n            try {\n                value = parseJson(value);\n            }\n            catch (e) {\n            }\n            setState(this, '_smartButton', value);\n        });\n    }\n    componentWillLoad() {\n        this.validateColor(this._color);\n        this.validateSmartButton(this._smartButton);\n    }\n    static get watchers() { return {\n        \"_color\": [\"validateColor\"],\n        \"_smartButton\": [\"validateSmartButton\"]\n    }; }\n};\nKolBadge.style = {\n    default: KolBadgeDefaultStyle0\n};\n\nexport { KolBadge as kol_badge };\n\n//# sourceMappingURL=kol-badge.entry.js.map"],"names":["defaultStyleCss","KolBadgeDefaultStyle0","featureHint","KolBadge","hostRef","registerInstance","nonce","value","colorPair","handleColorChange","props","h","KolButtonWcTag","hasSmartButton","Host","KolSpanWcTag","validateColor","objectObjectHandler","parseJson","setState"],"mappings":"6MAAA;AAAA;AAAA,GASA,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,GAClBC,EAAwBD,EAE9BE,EAAY,qEAAqE,EAC5E,MAACC,EAAW,KAAM,CACnB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,WAAa,OAClB,KAAK,SAAW,OAChB,KAAK,GAAKE,EAAO,EACjB,KAAK,kBAAqBC,GAAU,CAChC,MAAMC,EAAYC,EAAkBF,CAAK,EACzC,KAAK,WAAaC,EAAU,gBAC5B,KAAK,SAAWA,EAAU,eAC7B,EACD,KAAK,OAAS,OACd,KAAK,OAAS,OACd,KAAK,OAAS,OACd,KAAK,aAAe,OACpB,KAAK,MAAQ,CACT,OAAQ,CACJ,gBAAiB,OACjB,gBAAiB,MACpB,CACJ,CACT,CACI,kBAAkBE,EAAO,CACrB,OAAQC,EAAEC,EAAgB,CAAE,cAAe,KAAK,GAAI,aAAcF,EAAM,aAAc,UAAWA,EAAM,UAAW,WAAY,GAAM,OAAQA,EAAM,OAAQ,IAAKA,EAAM,IAAK,OAAQA,EAAM,OAAQ,IAAKA,EAAM,IAAK,cAAeA,EAAM,cAAe,SAAUA,EAAM,SAAU,CACtR,CACI,QAAS,CACL,MAAMG,EAAiB,OAAO,KAAK,MAAM,cAAiB,UAAY,KAAK,MAAM,eAAiB,KAClG,OAAQF,EAAEG,EAAM,CAAE,IAAK,2CAA4C,MAAO,WAAa,EAAEH,EAAE,OAAQ,CAAE,IAAK,2CAA4C,MAAO,CACrJ,eAAgB,OAAO,KAAK,MAAM,cAAiB,UAAY,KAAK,MAAM,eAAiB,IAC9F,EAAE,MAAO,CACN,gBAAiB,KAAK,WACtB,MAAO,KAAK,QACf,CAAA,EAAIA,EAAEI,EAAc,CAAE,IAAK,2CAA4C,GAAIF,EAAiB,KAAK,GAAK,OAAW,eAAgB,GAAM,OAAQ,KAAK,OAAQ,OAAQ,KAAK,MAAQ,CAAA,EAAGA,GAAkB,KAAK,kBAAkB,KAAK,MAAM,YAAY,CAAC,CAAC,CACnQ,CACI,cAAcN,EAAO,CACjBS,EAAc,KAAMT,EAAO,CACvB,aAAc,OACd,MAAO,CACH,YAAa,KAAK,iBACrB,CACb,CAAS,CACT,CACI,oBAAoBA,EAAO,CACvBU,EAAoBV,EAAO,IAAM,CAC7B,GAAI,CACAA,EAAQW,EAAUX,CAAK,CACvC,MACsB,CACtB,CACYY,EAAS,KAAM,eAAgBZ,CAAK,CAChD,CAAS,CACT,CACI,mBAAoB,CAChB,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,oBAAoB,KAAK,YAAY,CAClD,CACI,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,eAAe,EAC1B,aAAgB,CAAC,qBAAqB,CAC9C,CAAM,CACN,EACAJ,EAAS,MAAQ,CACb,QAASF,CACb"}
+{"version":3,"file":"kol-badge.entry-BblLMt6l.js","sources":["../../../../components/dist/esm/kol-badge.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-1766e6f4.js';\nimport { h as featureHint, o as objectObjectHandler, l as parseJson, m as setState } from './index-4fb06bbb.js';\nimport { f as KolSpanWcTag, c as KolButtonWcTag } from './component-names-4cb1c62b.js';\nimport { n as nonce } from './dev.utils-3a332b59.js';\nimport { h as handleColorChange, v as validateColor } from './color-a464afb7.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    /*\\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    color: black;\\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  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: 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: absolute;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip: rect(0 0 0 0);\\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    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%; /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\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  }\\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    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\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    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip-wc {\\n    display: contents;\\n    contain: layout;\\n  }\\n  .kol-tooltip-wc .tooltip-floating {\\n    animation-duration: 0.25s;\\n    animation-iteration-count: 1;\\n    animation-name: fadeInOpacity;\\n    animation-timing-function: ease-in;\\n    display: none;\\n    position: fixed;\\n    visibility: hidden;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width);\\n  }\\n  /* Shared between content and arrow */\\n  .kol-tooltip-wc .tooltip-area {\\n    background-color: #fff;\\n    color: #000;\\n  }\\n  .kol-tooltip-wc .tooltip-arrow {\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n    position: absolute;\\n    transform: rotate(45deg);\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    z-index: 999;\\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 > span {\\n    display: inline-flex;\\n    place-items: center;\\n    /* Visible with forced colors  */\\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  :host > span > .kol-button-wc button {\\n    color: inherit;\\n  }\\n}\";\nconst KolBadgeDefaultStyle0 = defaultStyleCss;\n\nfeatureHint(`[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).`);\nconst KolBadge = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.bgColorStr = '#000';\n        this.colorStr = '#fff';\n        this.id = nonce();\n        this.handleColorChange = (value) => {\n            const colorPair = handleColorChange(value);\n            this.bgColorStr = colorPair.backgroundColor;\n            this.colorStr = colorPair.foregroundColor;\n        };\n        this._color = '#000';\n        this._icons = undefined;\n        this._label = undefined;\n        this._smartButton = undefined;\n        this.state = {\n            _color: {\n                backgroundColor: '#000',\n                foregroundColor: '#fff',\n            },\n        };\n    }\n    renderSmartButton(props) {\n        return (h(KolButtonWcTag, { _ariaControls: this.id, _customClass: props._customClass, _disabled: props._disabled, _hideLabel: true, _icons: props._icons, _id: props._id, _label: props._label, _on: props._on, _tooltipAlign: props._tooltipAlign, _variant: props._variant }));\n    }\n    render() {\n        const hasSmartButton = typeof this.state._smartButton === 'object' && this.state._smartButton !== null;\n        return (h(Host, { key: 'e18cef57a5d00c73f9040d17f16e53a22bb21c2d', class: \"kol-badge\" }, h(\"span\", { key: '6375f9d2c8c8863165d6e0dce77ad89f708275b5', class: {\n                'smart-button': typeof this.state._smartButton === 'object' && this.state._smartButton !== null,\n            }, style: {\n                backgroundColor: this.bgColorStr,\n                color: this.colorStr,\n            } }, h(KolSpanWcTag, { key: 'a74d942a94c5bbeb002bbd42a5d45a9e75c704e8', id: hasSmartButton ? this.id : undefined, _allowMarkdown: true, _icons: this._icons, _label: this._label }), hasSmartButton && this.renderSmartButton(this.state._smartButton))));\n    }\n    validateColor(value) {\n        validateColor(this, value, {\n            defaultValue: '#000',\n            hooks: {\n                beforePatch: this.handleColorChange,\n            },\n        });\n    }\n    validateSmartButton(value) {\n        objectObjectHandler(value, () => {\n            try {\n                value = parseJson(value);\n            }\n            catch (e) {\n            }\n            setState(this, '_smartButton', value);\n        });\n    }\n    componentWillLoad() {\n        this.validateColor(this._color);\n        this.validateSmartButton(this._smartButton);\n    }\n    static get watchers() { return {\n        \"_color\": [\"validateColor\"],\n        \"_smartButton\": [\"validateSmartButton\"]\n    }; }\n};\nKolBadge.style = {\n    default: KolBadgeDefaultStyle0\n};\n\nexport { KolBadge as kol_badge };\n\n//# sourceMappingURL=kol-badge.entry.js.map"],"names":["defaultStyleCss","KolBadgeDefaultStyle0","featureHint","KolBadge","hostRef","registerInstance","nonce","value","colorPair","handleColorChange","props","h","KolButtonWcTag","hasSmartButton","Host","KolSpanWcTag","validateColor","objectObjectHandler","parseJson","setState"],"mappings":"6MAAA;AAAA;AAAA,GASA,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,GAClBC,EAAwBD,EAE9BE,EAAY,qEAAqE,EAC5E,MAACC,EAAW,KAAM,CACnB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,WAAa,OAClB,KAAK,SAAW,OAChB,KAAK,GAAKE,EAAO,EACjB,KAAK,kBAAqBC,GAAU,CAChC,MAAMC,EAAYC,EAAkBF,CAAK,EACzC,KAAK,WAAaC,EAAU,gBAC5B,KAAK,SAAWA,EAAU,eAC7B,EACD,KAAK,OAAS,OACd,KAAK,OAAS,OACd,KAAK,OAAS,OACd,KAAK,aAAe,OACpB,KAAK,MAAQ,CACT,OAAQ,CACJ,gBAAiB,OACjB,gBAAiB,MACpB,CACJ,CACT,CACI,kBAAkBE,EAAO,CACrB,OAAQC,EAAEC,EAAgB,CAAE,cAAe,KAAK,GAAI,aAAcF,EAAM,aAAc,UAAWA,EAAM,UAAW,WAAY,GAAM,OAAQA,EAAM,OAAQ,IAAKA,EAAM,IAAK,OAAQA,EAAM,OAAQ,IAAKA,EAAM,IAAK,cAAeA,EAAM,cAAe,SAAUA,EAAM,SAAU,CACtR,CACI,QAAS,CACL,MAAMG,EAAiB,OAAO,KAAK,MAAM,cAAiB,UAAY,KAAK,MAAM,eAAiB,KAClG,OAAQF,EAAEG,EAAM,CAAE,IAAK,2CAA4C,MAAO,WAAa,EAAEH,EAAE,OAAQ,CAAE,IAAK,2CAA4C,MAAO,CACrJ,eAAgB,OAAO,KAAK,MAAM,cAAiB,UAAY,KAAK,MAAM,eAAiB,IAC9F,EAAE,MAAO,CACN,gBAAiB,KAAK,WACtB,MAAO,KAAK,QACf,CAAA,EAAIA,EAAEI,EAAc,CAAE,IAAK,2CAA4C,GAAIF,EAAiB,KAAK,GAAK,OAAW,eAAgB,GAAM,OAAQ,KAAK,OAAQ,OAAQ,KAAK,MAAQ,CAAA,EAAGA,GAAkB,KAAK,kBAAkB,KAAK,MAAM,YAAY,CAAC,CAAC,CACnQ,CACI,cAAcN,EAAO,CACjBS,EAAc,KAAMT,EAAO,CACvB,aAAc,OACd,MAAO,CACH,YAAa,KAAK,iBACrB,CACb,CAAS,CACT,CACI,oBAAoBA,EAAO,CACvBU,EAAoBV,EAAO,IAAM,CAC7B,GAAI,CACAA,EAAQW,EAAUX,CAAK,CACvC,MACsB,CACtB,CACYY,EAAS,KAAM,eAAgBZ,CAAK,CAChD,CAAS,CACT,CACI,mBAAoB,CAChB,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,oBAAoB,KAAK,YAAY,CAClD,CACI,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,eAAe,EAC1B,aAAgB,CAAC,qBAAqB,CAC9C,CAAM,CACN,EACAJ,EAAS,MAAQ,CACb,QAASF,CACb"}

package/dist/assets/{kol-breadcrumb.entry-B43u5ljj.js → kol-breadcrumb.entry-Dfya9ymf.js}

@@ -1,4 +1,4 @@
-import{r as s,h as n,e as i,F as r,g as d,H as c,j as h}from"./index-DqXEOlVh.js";import{r as o,a as b}from"./unique-nav-labels-917eec2b-DOL9iU7l.js";import{w as f}from"./validation-db4e7b56-BCmCB0w2.js";import{v as u}from"./label-51d66c9d-5l0E5TCR.js";/*!
+import{r as s,h as n,e as i,F as r,g as d,H as c,j as h}from"./index-CJwtOLCA.js";import{r as o,a as b}from"./unique-nav-labels-917eec2b-3IzKmPjj.js";import{w as f}from"./validation-db4e7b56-C4q_YvP4.js";import{v as u}from"./label-51d66c9d-CT4N_dB0.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const p=`/*
  * This file contains all rules for accessibility.
@@ -91,13 +91,13 @@ import{r as s,h as n,e as i,F as r,g as d,H as c,j as h}from"./index-DqXEOlVh.js
   * - https://www.a11yproject.com/posts/how-to-hide-content/
   */
   .visually-hidden {
-    clip: rect(0 0 0 0);
-    clip-path: inset(50%);
+    position: absolute;
+    width: 1px;
     height: 1px;
     overflow: hidden;
-    position: absolute;
     white-space: nowrap;
-    width: 1px;
+    clip: rect(0 0 0 0);
+    clip-path: inset(50%);
   }
 }
 @layer kol-global {
@@ -196,4 +196,4 @@ import{r as s,h as n,e as i,F as r,g as d,H as c,j as h}from"./index-DqXEOlVh.js
     font-family: "Font Awesome 6 Free";
   }
 }`,m=p,g=class{constructor(t){s(this,t),this.renderLink=(e,a)=>{const l=this.state._links.length-1;return n("li",{key:a},a!==0&&n(i,{_label:"",_icons:"codicon codicon-chevron-right"}),a===l?n("span",null,e._hideLabel?n(i,{_label:e._label,_icons:typeof e._icons=="string"?e._icons:"codicon codicon-symbol-event"}):n(r,null,e._label)):n(d,Object.assign({},e)))},this._label=void 0,this._links=void 0,this.state={_label:"",_links:[]}}render(){return n(c,{key:"329c1062de3097aac33fd6ddbafd65f4df37a375",class:"kol-breadcrumb"},n("nav",{key:"dfd7dc319fdac349fd221ce266364c8e3bc6d7ab","aria-label":this.state._label},n("ul",{key:"4503b6418e33303a4763de3d1f97a5279d4fae37"},this.state._links.length===0&&n("li",{key:"6f0cddb0ad668f37c302b85f783a4a427608cf71"},n(i,{key:"9672fa3ed1ad96eef3e98b53d89840fbb121de40",_label:"",_icons:"codicon codicon-home"}),"…"),this.state._links.map(this.renderLink))))}validateLabel(t,e,a=!1){a||o(this.state._label),u(this,t,{required:!0}),h(t),b(this.state._label)}validateLinks(t){f("KolBreadcrumb",this,t)}componentWillLoad(){this.validateLabel(this._label,void 0,!0),this.validateLinks(this._links)}disconnectedCallback(){o(this.state._label)}static get watchers(){return{_label:["validateLabel"],_links:["validateLinks"]}}};g.style={default:m};export{g as kol_breadcrumb};
-//# sourceMappingURL=kol-breadcrumb.entry-B43u5ljj.js.map
+//# sourceMappingURL=kol-breadcrumb.entry-Dfya9ymf.js.map