@public-ui/sample-react 4.0.0-beta.1 → 4.0.0-rc.1

package/dist/assets/inline-eBYBtb1X-CHUyl9Hn.js

@@ -0,0 +1,2 @@
+import{n as e}from"./index-Dmdln5LU.js";const t=(n,a,o={})=>{e(n,"_inline",a,o)};export{t as v};
+//# sourceMappingURL=inline-eBYBtb1X-CHUyl9Hn.js.map

package/dist/assets/{inline-eBYBtb1X-BSxDXgy3.js.map → inline-eBYBtb1X-CHUyl9Hn.js.map}

@@ -1 +1 @@
-{"version":3,"file":"inline-eBYBtb1X-BSxDXgy3.js","sources":["../../../../components/dist/esm/inline-eBYBtb1X.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { d as watchBoolean } from './common-BXXICkFX.js';\n\nconst validateInline = (component, value, options = {}) => {\n    watchBoolean(component, '_inline', value, options);\n};\n\nexport { validateInline as v };\n//# sourceMappingURL=inline-eBYBtb1X.js.map\n\n//# sourceMappingURL=inline-eBYBtb1X.js.map"],"names":["validateInline","component","value","options","watchBoolean"],"mappings":"wCAKK,MAACA,EAAiB,CAACC,EAAWC,EAAOC,EAAU,CAAA,IAAO,CACvDC,EAAaH,EAAW,UAAWC,EAAOC,CAAO,CACrD"}
+{"version":3,"file":"inline-eBYBtb1X-CHUyl9Hn.js","sources":["../../../../components/dist/esm/inline-eBYBtb1X.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { d as watchBoolean } from './common-BXXICkFX.js';\n\nconst validateInline = (component, value, options = {}) => {\n    watchBoolean(component, '_inline', value, options);\n};\n\nexport { validateInline as v };\n//# sourceMappingURL=inline-eBYBtb1X.js.map\n\n//# sourceMappingURL=inline-eBYBtb1X.js.map"],"names":["validateInline","component","value","options","watchBoolean"],"mappings":"wCAKK,MAACA,EAAiB,CAACC,EAAWC,EAAOC,EAAU,CAAA,IAAO,CACvDC,EAAaH,EAAW,UAAWC,EAAOC,CAAO,CACrD"}

package/dist/assets/{kol-abbr.entry-CGoAajbr.js → kol-abbr.entry-Cml1tQmV.js}

@@ -1,4 +1,4 @@
-import{r as t,h as n,K as o,H as i}from"./index-hn66rXtD.js";import{v as a}from"./label-Dkj9sxQK-DSdFgTMY.js";const l=`/*
+import{r as t,h as n,K as o,H as i}from"./index-Dmdln5LU.js";import{v as a}from"./label-Dkj9sxQK-BNa4b5vQ.js";const l=`/*
 * This file defines the layer order for all CSS layers used in KoliBri.
 * The order is important as it determines the cascade priority.
 *
@@ -259,4 +259,4 @@ import{r as t,h as n,K as o,H as i}from"./index-hn66rXtD.js";import{v as a}from"
     }
   }
 }`,r=class{constructor(e){t(this,e),this.state={_label:""}}render(){return n(i,{key:"7f764ad6e259ac460dcd1f133da2ef8ad41b74b7",class:"kol-abbr"},n("abbr",{key:"3f49be16f6bbbd0d2cbd953319f6b23a8766a241",tabIndex:this.state._label?0:void 0},n("slot",{key:"81175d6ce9217f34e4faaa6aa08597e63f07389e"})),this.state._label?n(o,{"aria-hidden":"true",_label:this.state._label}):null)}validateLabel(e){a(this,e)}componentWillLoad(){this.validateLabel(this._label)}static get watchers(){return{_label:["validateLabel"]}}};r.style={default:l};export{r as kol_abbr};
-//# sourceMappingURL=kol-abbr.entry-CGoAajbr.js.map
+//# sourceMappingURL=kol-abbr.entry-Cml1tQmV.js.map

package/dist/assets/{kol-abbr.entry-CGoAajbr.js.map → kol-abbr.entry-Cml1tQmV.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-abbr.entry-CGoAajbr.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-CNB6DDYH.js';\nimport { a as KolTooltipWcTag } from './component-names-B_kYyA8u.js';\nimport './common-BXXICkFX.js';\nimport { v as validateLabel } from './label-Dkj9sxQK.js';\n\nconst defaultStyleCss = \"/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\n/* forward the rem function */\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n                   * Minimum size of interactive elements.\\n                   */\\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without verifying the contrast ratio of its background and font colors.\\n     * By initially setting the background color to white and the font color to black,\\n     * the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    color: black;\\n    background-color: white;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n    /*\\n     * Text should be aligned left by default to provide a predictable starting point.\\n     */\\n    text-align: left;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of to-rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the text color from his parent element.\\n     */\\n    color: inherit;\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%;\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: flex;\\n    flex-flow: column;\\n    align-items: center;\\n    justify-content: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    align-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip {\\n    display: contents;\\n  }\\n  .kol-tooltip__floating {\\n    opacity: 0;\\n    display: none;\\n    position: fixed;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width, max-content);\\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    animation-direction: normal;\\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\\n    animation-fill-mode: forwards;\\n    animation-iteration-count: 1;\\n    animation-timing-function: ease-in;\\n  }\\n  .kol-tooltip__floating.hide {\\n    animation-name: hideTooltip;\\n  }\\n  .kol-tooltip__floating.show {\\n    animation-name: showTooltip;\\n  }\\n  .kol-tooltip__arrow {\\n    transform: rotate(45deg);\\n    color: #000;\\n    background-color: #fff;\\n    position: absolute;\\n    z-index: 999;\\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-tooltip__content {\\n    color: #000;\\n    background-color: #fff;\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes hideTooltip {\\n    0% {\\n      opacity: 1;\\n    }\\n    100% {\\n      opacity: 0;\\n      display: none;\\n    }\\n  }\\n  @keyframes showTooltip {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\";\n\nconst KolAbbr = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.state = {\n            _label: '',\n        };\n    }\n    render() {\n        return (h(Host, { key: '7f764ad6e259ac460dcd1f133da2ef8ad41b74b7', class: \"kol-abbr\" }, h(\"abbr\", { key: '3f49be16f6bbbd0d2cbd953319f6b23a8766a241', tabIndex: this.state._label ? 0 : undefined }, h(\"slot\", { key: '81175d6ce9217f34e4faaa6aa08597e63f07389e' })), this.state._label ? h(KolTooltipWcTag, { \"aria-hidden\": \"true\", _label: this.state._label }) : null));\n    }\n    validateLabel(value) {\n        validateLabel(this, value);\n    }\n    componentWillLoad() {\n        this.validateLabel(this._label);\n    }\n    static get watchers() { return {\n        \"_label\": [\"validateLabel\"]\n    }; }\n};\nKolAbbr.style = {\n    default: defaultStyleCss\n};\n\nexport { KolAbbr as kol_abbr };\n//# sourceMappingURL=kol-abbr.entry.js.map\n"],"names":["defaultStyleCss","KolAbbr","hostRef","registerInstance","h","Host","KolTooltipWcTag","value","validateLabel"],"mappings":"8GAQA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAElBC,EAAU,KAAM,CAClB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,MAAQ,CACT,OAAQ,EACpB,CACI,CACA,QAAS,CACL,OAAQE,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,UAAU,EAAID,EAAE,OAAQ,CAAE,IAAK,2CAA4C,SAAU,KAAK,MAAM,OAAS,EAAI,MAAS,EAAIA,EAAE,OAAQ,CAAE,IAAK,0CAA0C,CAAE,CAAC,EAAG,KAAK,MAAM,OAASA,EAAEE,EAAiB,CAAE,cAAe,OAAQ,OAAQ,KAAK,MAAM,MAAM,CAAE,EAAI,IAAI,CAC5W,CACA,cAAcC,EAAO,CACjBC,EAAc,KAAMD,CAAK,CAC7B,CACA,mBAAoB,CAChB,KAAK,cAAc,KAAK,MAAM,CAClC,CACA,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,eAAe,CAClC,CAAO,CACP,EACAN,EAAQ,MAAQ,CACZ,QAASD,CACb"}
+{"version":3,"file":"kol-abbr.entry-Cml1tQmV.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-DFgGNwim.js';\nimport { a as KolTooltipWcTag } from './component-names-B_kYyA8u.js';\nimport './common-BXXICkFX.js';\nimport { v as validateLabel } from './label-Dkj9sxQK.js';\n\nconst defaultStyleCss = \"/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\n/* forward the rem function */\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n                   * Minimum size of interactive elements.\\n                   */\\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without verifying the contrast ratio of its background and font colors.\\n     * By initially setting the background color to white and the font color to black,\\n     * the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    color: black;\\n    background-color: white;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n    /*\\n     * Text should be aligned left by default to provide a predictable starting point.\\n     */\\n    text-align: left;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of to-rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the text color from his parent element.\\n     */\\n    color: inherit;\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%;\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: flex;\\n    flex-flow: column;\\n    align-items: center;\\n    justify-content: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    align-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip {\\n    display: contents;\\n  }\\n  .kol-tooltip__floating {\\n    opacity: 0;\\n    display: none;\\n    position: fixed;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width, max-content);\\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    animation-direction: normal;\\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\\n    animation-fill-mode: forwards;\\n    animation-iteration-count: 1;\\n    animation-timing-function: ease-in;\\n  }\\n  .kol-tooltip__floating.hide {\\n    animation-name: hideTooltip;\\n  }\\n  .kol-tooltip__floating.show {\\n    animation-name: showTooltip;\\n  }\\n  .kol-tooltip__arrow {\\n    transform: rotate(45deg);\\n    color: #000;\\n    background-color: #fff;\\n    position: absolute;\\n    z-index: 999;\\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-tooltip__content {\\n    color: #000;\\n    background-color: #fff;\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes hideTooltip {\\n    0% {\\n      opacity: 1;\\n    }\\n    100% {\\n      opacity: 0;\\n      display: none;\\n    }\\n  }\\n  @keyframes showTooltip {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\";\n\nconst KolAbbr = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.state = {\n            _label: '',\n        };\n    }\n    render() {\n        return (h(Host, { key: '7f764ad6e259ac460dcd1f133da2ef8ad41b74b7', class: \"kol-abbr\" }, h(\"abbr\", { key: '3f49be16f6bbbd0d2cbd953319f6b23a8766a241', tabIndex: this.state._label ? 0 : undefined }, h(\"slot\", { key: '81175d6ce9217f34e4faaa6aa08597e63f07389e' })), this.state._label ? h(KolTooltipWcTag, { \"aria-hidden\": \"true\", _label: this.state._label }) : null));\n    }\n    validateLabel(value) {\n        validateLabel(this, value);\n    }\n    componentWillLoad() {\n        this.validateLabel(this._label);\n    }\n    static get watchers() { return {\n        \"_label\": [\"validateLabel\"]\n    }; }\n};\nKolAbbr.style = {\n    default: defaultStyleCss\n};\n\nexport { KolAbbr as kol_abbr };\n//# sourceMappingURL=kol-abbr.entry.js.map\n"],"names":["defaultStyleCss","KolAbbr","hostRef","registerInstance","h","Host","KolTooltipWcTag","value","validateLabel"],"mappings":"8GAQA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAElBC,EAAU,KAAM,CAClB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,MAAQ,CACT,OAAQ,EACpB,CACI,CACA,QAAS,CACL,OAAQE,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,UAAU,EAAID,EAAE,OAAQ,CAAE,IAAK,2CAA4C,SAAU,KAAK,MAAM,OAAS,EAAI,MAAS,EAAIA,EAAE,OAAQ,CAAE,IAAK,0CAA0C,CAAE,CAAC,EAAG,KAAK,MAAM,OAASA,EAAEE,EAAiB,CAAE,cAAe,OAAQ,OAAQ,KAAK,MAAM,MAAM,CAAE,EAAI,IAAI,CAC5W,CACA,cAAcC,EAAO,CACjBC,EAAc,KAAMD,CAAK,CAC7B,CACA,mBAAoB,CAChB,KAAK,cAAc,KAAK,MAAM,CAClC,CACA,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,eAAe,CAClC,CAAO,CACP,EACAN,EAAQ,MAAQ,CACZ,QAASD,CACb"}

package/dist/assets/{kol-accordion.entry-svX7BzYH.js → kol-accordion.entry-BxRyX7b0.js}

@@ -1,4 +1,4 @@
-import{r,d,a as c,h as a,g as h,w as p,f as l}from"./index-hn66rXtD.js";import{K as m}from"./Collapsible-CiG-SBxx-Dvs3W6Sp.js";import{v as b}from"./disabled-D0wfAqak-D_6SBArj.js";import{v as f}from"./label-Dkj9sxQK-DSdFgTMY.js";import{v as u}from"./open-Cuy37cT5-D24Tn2ds.js";import{n as g}from"./dev.utils-BIeLAoxm-BH7qzF8h.js";import{w as v}from"./validation-D0gTVdAQ-Bq7i1HeY.js";import"./tslib.es6-CxX45GIN-BGVaTf34.js";import"./clsx-eK3rPvPS-B-dksMZM.js";import"./Heading-CHhFhzd--0lmwzPlU.js";const y=(n,t)=>{p(n,"_on",e=>typeof e=="object"&&e!==null,new Set(["AccordionCallbacksPropType {Events.onClick}"]),t)},w=`/*
+import{r,d,a as c,h as a,g as h,w as p,f as l}from"./index-Dmdln5LU.js";import{K as m}from"./Collapsible-Cq_kxc2V-2E8QsagC.js";import{v as b}from"./disabled-D0wfAqak-WgYQ6bXA.js";import{v as f}from"./label-Dkj9sxQK-BNa4b5vQ.js";import{v as u}from"./open-Cuy37cT5-BAF27dg_.js";import{n as g}from"./dev.utils-BZrysPuC-DOL8VCB7.js";import{w as v}from"./validation-D0gTVdAQ-DHstcvc0.js";import"./tslib.es6-CxX45GIN-BGVaTf34.js";import"./clsx-eK3rPvPS-B-dksMZM.js";import"./Heading-FFu5Vo7m-DYclRePS.js";const y=(n,t)=>{p(n,"_on",e=>typeof e=="object"&&e!==null,new Set(["AccordionCallbacksPropType {Events.onClick}"]),t)},w=`/*
 * This file defines the layer order for all CSS layers used in KoliBri.
 * The order is important as it determines the cascade priority.
 *
@@ -259,4 +259,4 @@ import{r,d,a as c,h as a,g as h,w as p,f as l}from"./index-hn66rXtD.js";import{K
 - onClick auf der KolAccordion anwenden
 - Click-Event prüft den _open-Status der Accordions
 - Logik Öffnet und Schließt entsprechend`);l("[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.");const _=class{constructor(n){r(this,n),this.nonce=g(),this.catchRef=t=>{this.buttonWcRef=t},this.handleOnClick=t=>{this._open=!this._open,setTimeout(()=>{var e,o;(o=(e=this.state._on)===null||e===void 0?void 0:e.onClick)===null||o===void 0||o.call(e,t,this._open===!0),this.host&&d(this.host,c.click,this._open===!0)})},this._disabled=!1,this._level=0,this._open=!1,this.state={_label:"",_level:0,_on:{}}}async focus(){var n;return Promise.resolve((n=this.buttonWcRef)===null||n===void 0?void 0:n.focus())}render(){const{_open:n,_label:t,_disabled:e,_level:o}=this.state,i="kol-accordion",s={id:this.nonce,label:t,open:n,disabled:e,level:o,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 a(m,Object.assign({key:"033717b5a67b6f63ebea447be031a9c234339e43"},s),a("slot",{key:"08b68dbec91743fdfabdee75a07a451713951dc6"}))}validateDisabled(n){b(this,n)}validateLabel(n){f(this,n,{required:!0})}validateLevel(n){v(this,n)}validateOn(n){y(this,n)}validateOpen(n){u(this,n)}componentWillLoad(){this.validateDisabled(this._disabled),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on),this.validateOpen(this._open)}get host(){return h(this)}static get watchers(){return{_disabled:["validateDisabled"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_open:["validateOpen"]}}};_.style={default:w};export{_ as kol_accordion};
-//# sourceMappingURL=kol-accordion.entry-svX7BzYH.js.map
+//# sourceMappingURL=kol-accordion.entry-BxRyX7b0.js.map

package/dist/assets/{kol-accordion.entry-svX7BzYH.js.map → kol-accordion.entry-BxRyX7b0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-accordion.entry-svX7BzYH.js","sources":["../../../../components/dist/esm/kol-accordion.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, g as getElement } from './index-CNB6DDYH.js';\nimport { K as KolCollapsibleFc } from './Collapsible-CiG-SBxx.js';\nimport { w as watchValidator, f as featureHint } from './common-BXXICkFX.js';\nimport { v as validateDisabled } from './disabled-D0wfAqak.js';\nimport { v as validateLabel } from './label-Dkj9sxQK.js';\nimport { v as validateOpen } from './open-Cuy37cT5.js';\nimport { n as nonce } from './dev.utils-BIeLAoxm.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-CY36RKEq.js';\nimport { w as watchHeadingLevel } from './validation-D0gTVdAQ.js';\nimport './tslib.es6-CxX45GIN.js';\nimport './clsx-eK3rPvPS.js';\nimport './component-names-B_kYyA8u.js';\nimport './Heading-CHhFhzd-.js';\n\nconst validateAccordionCallbacks = (component, value) => {\n    watchValidator(component, `_on`, (value) => typeof value === 'object' && value !== null, new Set(['AccordionCallbacksPropType {Events.onClick}']), value);\n};\n\nconst defaultStyleCss = \"/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\n/* forward the rem function */\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n                   * Minimum size of interactive elements.\\n                   */\\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without verifying the contrast ratio of its background and font colors.\\n     * By initially setting the background color to white and the font color to black,\\n     * the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    color: black;\\n    background-color: white;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n    /*\\n     * Text should be aligned left by default to provide a predictable starting point.\\n     */\\n    text-align: left;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of to-rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the text color from his parent element.\\n     */\\n    color: inherit;\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%;\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: flex;\\n    flex-flow: column;\\n    align-items: center;\\n    justify-content: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    align-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: block;\\n  }\\n}\\n/* For animation technique see https://css-tricks.com/css-grid-can-do-auto-height-transitions/ */\\n@layer kol-component {\\n  @media (prefers-reduced-motion) {\\n    .collapsible__wrapper-animation, .collapsible__wrapper {\\n      transition-duration: 0s;\\n    }\\n  }\\n  .collapsible {\\n    /* @see https://github.com/public-ui/kolibri/issues/5952 */\\n  }\\n  @media print {\\n    :not(.collapsible--open) .collapsible__wrapper-animation {\\n      display: none;\\n    }\\n  }\\n  .collapsible__wrapper {\\n    /* Forces the element into its own GPU compositing layer (via 3D transform). Helps prevent rendering/layout bugs (e.g. #7511) and may improve animation performance. */\\n    transform: translateZ(0);\\n    display: grid;\\n    grid-template-rows: 0fr;\\n    transition: grid-template-rows 0.3s;\\n  }\\n  .collapsible__wrapper-animation {\\n    opacity: 0;\\n    transform: scaleY(0);\\n    transform-origin: top;\\n    min-height: 0;\\n    /* This property is important to keep in sync with the visual transition (template-rows). Without it interactive elements within the accordion would stay focusable. */\\n    visibility: hidden;\\n    transition: transform 0.3s, opacity 0.3s, visibility 0.3s;\\n  }\\n  .collapsible--open .collapsible__wrapper {\\n    grid-template-rows: 1fr;\\n  }\\n  .collapsible--open .collapsible__wrapper-animation {\\n    opacity: 1;\\n    transform: scaleY(1);\\n    visibility: visible;\\n  }\\n  .collapsible {\\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__heading-button button .kol-span {\\n    align-items: flex-start;\\n  }\\n  .collapsible--open:focus-within {\\n    position: relative;\\n    z-index: 100;\\n  }\\n}\";\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                if (this.host) {\n                    dispatchDomEvent(this.host, KolEvent.click, this._open === true);\n                }\n            });\n        };\n        this._disabled = false;\n        this._level = 0;\n        this._open = false;\n        this.state = {\n            _label: '',\n            _level: 0,\n            _on: {},\n        };\n    }\n    async focus() {\n        var _a;\n        return Promise.resolve((_a = this.buttonWcRef) === null || _a === void 0 ? void 0 : _a.focus());\n    }\n    render() {\n        const { _open, _label, _disabled, _level } = this.state;\n        const rootClass = 'kol-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(KolCollapsibleFc, Object.assign({ key: '033717b5a67b6f63ebea447be031a9c234339e43' }, props), h(\"slot\", { key: '08b68dbec91743fdfabdee75a07a451713951dc6' })));\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    get host() { return getElement(this); }\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: defaultStyleCss\n};\n\nexport { KolAccordion as kol_accordion };\n//# sourceMappingURL=kol-accordion.entry.js.map\n"],"names":["validateAccordionCallbacks","component","value","watchValidator","defaultStyleCss","featureHint","KolAccordion","hostRef","registerInstance","nonce","ref","event","_a","_b","dispatchDomEvent","KolEvent","_open","_label","_disabled","_level","rootClass","props","h","KolCollapsibleFc","validateDisabled","validateLabel","watchHeadingLevel","on","validateOpen","getElement"],"mappings":"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"}
+{"version":3,"file":"kol-accordion.entry-BxRyX7b0.js","sources":["../../../../components/dist/esm/kol-accordion.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, g as getElement } from './index-DFgGNwim.js';\nimport { K as KolCollapsibleFc } from './Collapsible-Cq_kxc2V.js';\nimport { w as watchValidator, f as featureHint } from './common-BXXICkFX.js';\nimport { v as validateDisabled } from './disabled-D0wfAqak.js';\nimport { v as validateLabel } from './label-Dkj9sxQK.js';\nimport { v as validateOpen } from './open-Cuy37cT5.js';\nimport { n as nonce } from './dev.utils-BZrysPuC.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-DHTi_wtD.js';\nimport { w as watchHeadingLevel } from './validation-D0gTVdAQ.js';\nimport './tslib.es6-CxX45GIN.js';\nimport './clsx-eK3rPvPS.js';\nimport './component-names-B_kYyA8u.js';\nimport './Heading-FFu5Vo7m.js';\n\nconst validateAccordionCallbacks = (component, value) => {\n    watchValidator(component, `_on`, (value) => typeof value === 'object' && value !== null, new Set(['AccordionCallbacksPropType {Events.onClick}']), value);\n};\n\nconst defaultStyleCss = \"/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\n/* forward the rem function */\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n                   * Minimum size of interactive elements.\\n                   */\\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without verifying the contrast ratio of its background and font colors.\\n     * By initially setting the background color to white and the font color to black,\\n     * the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    color: black;\\n    background-color: white;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n    /*\\n     * Text should be aligned left by default to provide a predictable starting point.\\n     */\\n    text-align: left;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of to-rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the text color from his parent element.\\n     */\\n    color: inherit;\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%;\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: flex;\\n    flex-flow: column;\\n    align-items: center;\\n    justify-content: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    align-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: block;\\n  }\\n}\\n/* For animation technique see https://css-tricks.com/css-grid-can-do-auto-height-transitions/ */\\n@layer kol-component {\\n  @media (prefers-reduced-motion) {\\n    .collapsible__wrapper-animation, .collapsible__wrapper {\\n      transition-duration: 0s;\\n    }\\n  }\\n  .collapsible {\\n    /* @see https://github.com/public-ui/kolibri/issues/5952 */\\n  }\\n  @media print {\\n    :not(.collapsible--open) .collapsible__wrapper-animation {\\n      display: none;\\n    }\\n  }\\n  .collapsible__wrapper {\\n    /* Forces the element into its own GPU compositing layer (via 3D transform). Helps prevent rendering/layout bugs (e.g. #7511) and may improve animation performance. */\\n    transform: translateZ(0);\\n    display: grid;\\n    grid-template-rows: 0fr;\\n    transition: grid-template-rows 0.3s;\\n  }\\n  .collapsible__wrapper-animation {\\n    opacity: 0;\\n    transform: scaleY(0);\\n    transform-origin: top;\\n    min-height: 0;\\n    /* This property is important to keep in sync with the visual transition (template-rows). Without it interactive elements within the accordion would stay focusable. */\\n    visibility: hidden;\\n    transition: transform 0.3s, opacity 0.3s, visibility 0.3s;\\n  }\\n  .collapsible--open .collapsible__wrapper {\\n    grid-template-rows: 1fr;\\n  }\\n  .collapsible--open .collapsible__wrapper-animation {\\n    opacity: 1;\\n    transform: scaleY(1);\\n    visibility: visible;\\n  }\\n  .collapsible {\\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__heading-button button .kol-span {\\n    align-items: flex-start;\\n  }\\n  .collapsible--open:focus-within {\\n    position: relative;\\n    z-index: 100;\\n  }\\n}\";\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                if (this.host) {\n                    dispatchDomEvent(this.host, KolEvent.click, this._open === true);\n                }\n            });\n        };\n        this._disabled = false;\n        this._level = 0;\n        this._open = false;\n        this.state = {\n            _label: '',\n            _level: 0,\n            _on: {},\n        };\n    }\n    async focus() {\n        var _a;\n        return Promise.resolve((_a = this.buttonWcRef) === null || _a === void 0 ? void 0 : _a.focus());\n    }\n    render() {\n        const { _open, _label, _disabled, _level } = this.state;\n        const rootClass = 'kol-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(KolCollapsibleFc, Object.assign({ key: '033717b5a67b6f63ebea447be031a9c234339e43' }, props), h(\"slot\", { key: '08b68dbec91743fdfabdee75a07a451713951dc6' })));\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    get host() { return getElement(this); }\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: defaultStyleCss\n};\n\nexport { KolAccordion as kol_accordion };\n//# sourceMappingURL=kol-accordion.entry.js.map\n"],"names":["validateAccordionCallbacks","component","value","watchValidator","defaultStyleCss","featureHint","KolAccordion","hostRef","registerInstance","nonce","ref","event","_a","_b","dispatchDomEvent","KolEvent","_open","_label","_disabled","_level","rootClass","props","h","KolCollapsibleFc","validateDisabled","validateLabel","watchHeadingLevel","on","validateOpen","getElement"],"mappings":"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"}

package/dist/assets/{kol-alert-wc.entry-DPDdRSgK.js → kol-alert-wc.entry-CX8c5CKE.js}

@@ -1,2 +1,2 @@
-import{r as v,d as c,a as p,h as s,n as _,s as f,g as m,w as l}from"./index-hn66rXtD.js";import{K as y}from"./Alert-DE6PjZZh-Do_J509L.js";import{v as b}from"./has-closer-OxGfsISj-CIAh4RxF.js";import{v as C}from"./label-Dkj9sxQK-DSdFgTMY.js";import{w as u}from"./validation-D0gTVdAQ-Bq7i1HeY.js";import"./tslib.es6-CxX45GIN-BGVaTf34.js";import"./i18n-CvQhdUrE-D4w1XV30.js";import"./clsx-eK3rPvPS-B-dksMZM.js";import"./Heading-CHhFhzd--0lmwzPlU.js";const i=["default","info","success","warning","error"],A=t=>typeof t=="string"&&i.includes(t),g=(t,e)=>{l(t,"_type",A,new Set(i),e)},o=["card","msg"],w=t=>typeof t=="string"&&o.includes(t),T=(t,e)=>{l(t,"_variant",w,new Set(o),e)},P=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.host&&c(this.host,p.close)},this.handleAlertTimeout=()=>{this.validateAlert(!1)},this._alert=!1,this._hasCloser=!1,this._level=0,this._type="default",this._variant="msg",this.state={_level:0},this.validateOnValue=e=>typeof e=="object"&&e!==null&&typeof e.onClose=="function"}render(){const{_alert:t,_hasCloser:e,_label:a,_level:r,_type:n,_variant:h}=this.state,d={alert:t,hasCloser:e,label:a,level:r,type:n,variant:h,onCloserClick:this.close,onAlertTimeout:this.handleAlertTimeout};return s(y,Object.assign({key:"5db3514131f644ab76a9bddc438cdf0af412e6e8"},d),s("slot",{key:"61ef793542ae680a090596e44fcb98b9f4e55708"}))}validateAlert(t){_(this,"_alert",t)}validateHasCloser(t){b(this,t)}validateLabel(t){C(this,t)}validateLevel(t){u(this,t)}validateOn(t){this.validateOnValue(t)&&f(this,"_on",{onClose:t.onClose})}validateType(t){g(this,t)}validateVariant(t){T(this,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)}get host(){return m(this)}static get watchers(){return{_alert:["validateAlert"],_hasCloser:["validateHasCloser"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_type:["validateType"],_variant:["validateVariant"]}}};export{P as kol_alert_wc};
-//# sourceMappingURL=kol-alert-wc.entry-DPDdRSgK.js.map
+import{r as v,d as c,a as p,h as s,n as _,s as f,g as m,w as l}from"./index-Dmdln5LU.js";import{K as y}from"./Alert-DLUhAh8c-wBhNIpU8.js";import{v as b}from"./has-closer-OxGfsISj-ZHA0qi2d.js";import{v as C}from"./label-Dkj9sxQK-BNa4b5vQ.js";import{w as u}from"./validation-D0gTVdAQ-DHstcvc0.js";import"./tslib.es6-CxX45GIN-BGVaTf34.js";import"./i18n-CvQhdUrE-41CJ9phK.js";import"./clsx-eK3rPvPS-B-dksMZM.js";import"./Heading-FFu5Vo7m-DYclRePS.js";const i=["default","info","success","warning","error"],A=t=>typeof t=="string"&&i.includes(t),g=(t,e)=>{l(t,"_type",A,new Set(i),e)},o=["card","msg"],w=t=>typeof t=="string"&&o.includes(t),T=(t,e)=>{l(t,"_variant",w,new Set(o),e)},P=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.host&&c(this.host,p.close)},this.handleAlertTimeout=()=>{this.validateAlert(!1)},this._alert=!1,this._hasCloser=!1,this._level=0,this._type="default",this._variant="msg",this.state={_level:0},this.validateOnValue=e=>typeof e=="object"&&e!==null&&typeof e.onClose=="function"}render(){const{_alert:t,_hasCloser:e,_label:a,_level:r,_type:n,_variant:h}=this.state,d={alert:t,hasCloser:e,label:a,level:r,type:n,variant:h,onCloserClick:this.close,onAlertTimeout:this.handleAlertTimeout};return s(y,Object.assign({key:"5db3514131f644ab76a9bddc438cdf0af412e6e8"},d),s("slot",{key:"61ef793542ae680a090596e44fcb98b9f4e55708"}))}validateAlert(t){_(this,"_alert",t)}validateHasCloser(t){b(this,t)}validateLabel(t){C(this,t)}validateLevel(t){u(this,t)}validateOn(t){this.validateOnValue(t)&&f(this,"_on",{onClose:t.onClose})}validateType(t){g(this,t)}validateVariant(t){T(this,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)}get host(){return m(this)}static get watchers(){return{_alert:["validateAlert"],_hasCloser:["validateHasCloser"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_type:["validateType"],_variant:["validateVariant"]}}};export{P as kol_alert_wc};
+//# sourceMappingURL=kol-alert-wc.entry-CX8c5CKE.js.map

package/dist/assets/{kol-alert-wc.entry-DPDdRSgK.js.map → kol-alert-wc.entry-CX8c5CKE.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-alert-wc.entry-DPDdRSgK.js","sources":["../../../../components/dist/esm/kol-alert-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, g as getElement } from './index-CNB6DDYH.js';\nimport { K as KolAlertFc } from './Alert-DE6PjZZh.js';\nimport { w as watchValidator, d as watchBoolean, s as setState } from './common-BXXICkFX.js';\nimport { v as validateHasCloser } from './has-closer-OxGfsISj.js';\nimport { v as validateLabel } from './label-Dkj9sxQK.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-CY36RKEq.js';\nimport { w as watchHeadingLevel } from './validation-D0gTVdAQ.js';\nimport './tslib.es6-CxX45GIN.js';\nimport './clsx-eK3rPvPS.js';\nimport './component-names-B_kYyA8u.js';\nimport './i18n-CvQhdUrE.js';\nimport './i18n-B0tfVPMa.js';\nimport './bem-Bj_mJ2nm.js';\nimport './browser-DaourpHc.js';\nimport './Heading-CHhFhzd-.js';\n\nconst alertTypeOptions = ['default', 'info', 'success', 'warning', 'error'];\nconst isAlertTypePropType = (value) => {\n    return typeof value === 'string' && alertTypeOptions.includes(value);\n};\nconst validateAlertType = (component, value) => {\n    watchValidator(component, '_type', isAlertTypePropType, new Set(alertTypeOptions), value);\n};\n\nconst alertVariantOptions = ['card', 'msg'];\nconst isAlertVariantPropType = (value) => {\n    return typeof value === 'string' && alertVariantOptions.includes(value);\n};\nconst validateAlertVariant = (component, value) => {\n    watchValidator(component, '_variant', isAlertVariantPropType, new Set(alertVariantOptions), value);\n};\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            if (this.host) {\n                dispatchDomEvent(this.host, KolEvent.close);\n            }\n        };\n        this.handleAlertTimeout = () => {\n            this.validateAlert(false);\n        };\n        this._alert = false;\n        this._hasCloser = false;\n        this._level = 0;\n        this._type = 'default';\n        this._variant = 'msg';\n        this.state = {\n            _level: 0,\n        };\n        this.validateOnValue = (value) => typeof value === 'object' && value !== null && typeof value.onClose === 'function';\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(KolAlertFc, Object.assign({ key: '5db3514131f644ab76a9bddc438cdf0af412e6e8' }, props), h(\"slot\", { key: '61ef793542ae680a090596e44fcb98b9f4e55708' })));\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        validateAlertType(this, value);\n    }\n    validateVariant(value) {\n        validateAlertVariant(this, 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    get host() { return getElement(this); }\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//# sourceMappingURL=kol-alert-wc.entry.js.map\n"],"names":["alertTypeOptions","isAlertTypePropType","value","validateAlertType","component","watchValidator","alertVariantOptions","isAlertVariantPropType","validateAlertVariant","KolAlertWc","hostRef","registerInstance","_a","_b","dispatchDomEvent","KolEvent","_alert","_hasCloser","_label","_level","_type","_variant","props","h","KolAlertFc","watchBoolean","validateHasCloser","validateLabel","watchHeadingLevel","setState","getElement"],"mappings":"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"}
+{"version":3,"file":"kol-alert-wc.entry-CX8c5CKE.js","sources":["../../../../components/dist/esm/kol-alert-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, g as getElement } from './index-DFgGNwim.js';\nimport { K as KolAlertFc } from './Alert-DLUhAh8c.js';\nimport { w as watchValidator, d as watchBoolean, s as setState } from './common-BXXICkFX.js';\nimport { v as validateHasCloser } from './has-closer-OxGfsISj.js';\nimport { v as validateLabel } from './label-Dkj9sxQK.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-DHTi_wtD.js';\nimport { w as watchHeadingLevel } from './validation-D0gTVdAQ.js';\nimport './tslib.es6-CxX45GIN.js';\nimport './clsx-eK3rPvPS.js';\nimport './component-names-B_kYyA8u.js';\nimport './i18n-CvQhdUrE.js';\nimport './i18n-B0tfVPMa.js';\nimport './bem-De7JANRY.js';\nimport './browser-DaourpHc.js';\nimport './Heading-FFu5Vo7m.js';\n\nconst alertTypeOptions = ['default', 'info', 'success', 'warning', 'error'];\nconst isAlertTypePropType = (value) => {\n    return typeof value === 'string' && alertTypeOptions.includes(value);\n};\nconst validateAlertType = (component, value) => {\n    watchValidator(component, '_type', isAlertTypePropType, new Set(alertTypeOptions), value);\n};\n\nconst alertVariantOptions = ['card', 'msg'];\nconst isAlertVariantPropType = (value) => {\n    return typeof value === 'string' && alertVariantOptions.includes(value);\n};\nconst validateAlertVariant = (component, value) => {\n    watchValidator(component, '_variant', isAlertVariantPropType, new Set(alertVariantOptions), value);\n};\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            if (this.host) {\n                dispatchDomEvent(this.host, KolEvent.close);\n            }\n        };\n        this.handleAlertTimeout = () => {\n            this.validateAlert(false);\n        };\n        this._alert = false;\n        this._hasCloser = false;\n        this._level = 0;\n        this._type = 'default';\n        this._variant = 'msg';\n        this.state = {\n            _level: 0,\n        };\n        this.validateOnValue = (value) => typeof value === 'object' && value !== null && typeof value.onClose === 'function';\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(KolAlertFc, Object.assign({ key: '5db3514131f644ab76a9bddc438cdf0af412e6e8' }, props), h(\"slot\", { key: '61ef793542ae680a090596e44fcb98b9f4e55708' })));\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        validateAlertType(this, value);\n    }\n    validateVariant(value) {\n        validateAlertVariant(this, 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    get host() { return getElement(this); }\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//# sourceMappingURL=kol-alert-wc.entry.js.map\n"],"names":["alertTypeOptions","isAlertTypePropType","value","validateAlertType","component","watchValidator","alertVariantOptions","isAlertVariantPropType","validateAlertVariant","KolAlertWc","hostRef","registerInstance","_a","_b","dispatchDomEvent","KolEvent","_alert","_hasCloser","_label","_level","_type","_variant","props","h","KolAlertFc","watchBoolean","validateHasCloser","validateLabel","watchHeadingLevel","setState","getElement"],"mappings":"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"}

package/dist/assets/{kol-alert.entry-CakxpuGR.js → kol-alert.entry-BuBPPdfE.js}

@@ -1,4 +1,4 @@
-import{r as t,h as n,b as o}from"./index-hn66rXtD.js";const i=`/*
+import{r as t,h as n,b as o}from"./index-Dmdln5LU.js";const i=`/*
 * This file defines the layer order for all CSS layers used in KoliBri.
 * The order is important as it determines the cascade priority.
 *
@@ -280,4 +280,4 @@ import{r as t,h as n,b as o}from"./index-hn66rXtD.js";const i=`/*
     outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));
   }
 }`,l=class{constructor(e){t(this,e),this._alert=!1,this._hasCloser=!1,this._level=0,this._type="default",this._variant="msg",this.state={_level:0}}render(){return n(o,{key:"bf51c76e2d6568eea0d1a0c3047da6987aa249d8",_alert:this._alert,_hasCloser:this._hasCloser,_label:this._label,_level:this._level,_on:this._on,_type:this._type,_variant:this._variant},n("slot",{key:"b754666af76f0fcbb15ffeaa4d11b2f61d93abc4"}))}};l.style={default:i};export{l as kol_alert};
-//# sourceMappingURL=kol-alert.entry-CakxpuGR.js.map
+//# sourceMappingURL=kol-alert.entry-BuBPPdfE.js.map

package/dist/assets/{kol-alert.entry-CakxpuGR.js.map → kol-alert.entry-BuBPPdfE.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-alert.entry-CakxpuGR.js","sources":["../../../../components/dist/esm/kol-alert.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-CNB6DDYH.js';\nimport { b as KolAlertWcTag } from './component-names-B_kYyA8u.js';\nimport './common-BXXICkFX.js';\n\nconst defaultStyleCss = \"/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\n/* forward the rem function */\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n                   * Minimum size of interactive elements.\\n                   */\\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without verifying the contrast ratio of its background and font colors.\\n     * By initially setting the background color to white and the font color to black,\\n     * the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    color: black;\\n    background-color: white;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n    /*\\n     * Text should be aligned left by default to provide a predictable starting point.\\n     */\\n    text-align: left;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of to-rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the text color from his parent element.\\n     */\\n    color: inherit;\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%;\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: flex;\\n    flex-flow: column;\\n    align-items: center;\\n    justify-content: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    align-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: block;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip {\\n    display: contents;\\n  }\\n  .kol-tooltip__floating {\\n    opacity: 0;\\n    display: none;\\n    position: fixed;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width, max-content);\\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    animation-direction: normal;\\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\\n    animation-fill-mode: forwards;\\n    animation-iteration-count: 1;\\n    animation-timing-function: ease-in;\\n  }\\n  .kol-tooltip__floating.hide {\\n    animation-name: hideTooltip;\\n  }\\n  .kol-tooltip__floating.show {\\n    animation-name: showTooltip;\\n  }\\n  .kol-tooltip__arrow {\\n    transform: rotate(45deg);\\n    color: #000;\\n    background-color: #fff;\\n    position: absolute;\\n    z-index: 999;\\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-tooltip__content {\\n    color: #000;\\n    background-color: #fff;\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes hideTooltip {\\n    0% {\\n      opacity: 1;\\n    }\\n    100% {\\n      opacity: 0;\\n      display: none;\\n    }\\n  }\\n  @keyframes showTooltip {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  .kol-alert {\\n    display: grid;\\n  }\\n  .kol-alert__container {\\n    display: flex;\\n    place-items: center;\\n  }\\n  .kol-alert__container-content {\\n    flex-grow: 1;\\n  }\\n  .kol-alert__closer {\\n    /* Visible with forced colors */\\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n}\";\n\nconst KolAlert = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this._alert = false;\n        this._hasCloser = false;\n        this._level = 0;\n        this._type = 'default';\n        this._variant = 'msg';\n        this.state = {\n            _level: 0,\n        };\n    }\n    render() {\n        return (h(KolAlertWcTag, { key: 'bf51c76e2d6568eea0d1a0c3047da6987aa249d8', _alert: this._alert, _hasCloser: this._hasCloser, _label: this._label, _level: this._level, _on: this._on, _type: this._type, _variant: this._variant }, h(\"slot\", { key: 'b754666af76f0fcbb15ffeaa4d11b2f61d93abc4' })));\n    }\n};\nKolAlert.style = {\n    default: defaultStyleCss\n};\n\nexport { KolAlert as kol_alert };\n//# sourceMappingURL=kol-alert.entry.js.map\n"],"names":["defaultStyleCss","KolAlert","hostRef","registerInstance","h","KolAlertWcTag"],"mappings":"sDAOA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAElBC,EAAW,KAAM,CACnB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,OAAS,GACd,KAAK,WAAa,GAClB,KAAK,OAAS,EACd,KAAK,MAAQ,UACb,KAAK,SAAW,MAChB,KAAK,MAAQ,CACT,OAAQ,CACpB,CACI,CACA,QAAS,CACL,OAAQE,EAAEC,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,EAAID,EAAE,OAAQ,CAAE,IAAK,0CAA0C,CAAE,CAAC,CACvS,CACJ,EACAH,EAAS,MAAQ,CACb,QAASD,CACb"}
+{"version":3,"file":"kol-alert.entry-BuBPPdfE.js","sources":["../../../../components/dist/esm/kol-alert.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-DFgGNwim.js';\nimport { b as KolAlertWcTag } from './component-names-B_kYyA8u.js';\nimport './common-BXXICkFX.js';\n\nconst defaultStyleCss = \"/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\n/* forward the rem function */\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n                   * Minimum size of interactive elements.\\n                   */\\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without verifying the contrast ratio of its background and font colors.\\n     * By initially setting the background color to white and the font color to black,\\n     * the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    color: black;\\n    background-color: white;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n    /*\\n     * Text should be aligned left by default to provide a predictable starting point.\\n     */\\n    text-align: left;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of to-rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the text color from his parent element.\\n     */\\n    color: inherit;\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%;\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: flex;\\n    flex-flow: column;\\n    align-items: center;\\n    justify-content: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    align-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: block;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip {\\n    display: contents;\\n  }\\n  .kol-tooltip__floating {\\n    opacity: 0;\\n    display: none;\\n    position: fixed;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width, max-content);\\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    animation-direction: normal;\\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\\n    animation-fill-mode: forwards;\\n    animation-iteration-count: 1;\\n    animation-timing-function: ease-in;\\n  }\\n  .kol-tooltip__floating.hide {\\n    animation-name: hideTooltip;\\n  }\\n  .kol-tooltip__floating.show {\\n    animation-name: showTooltip;\\n  }\\n  .kol-tooltip__arrow {\\n    transform: rotate(45deg);\\n    color: #000;\\n    background-color: #fff;\\n    position: absolute;\\n    z-index: 999;\\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-tooltip__content {\\n    color: #000;\\n    background-color: #fff;\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes hideTooltip {\\n    0% {\\n      opacity: 1;\\n    }\\n    100% {\\n      opacity: 0;\\n      display: none;\\n    }\\n  }\\n  @keyframes showTooltip {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  .kol-alert {\\n    display: grid;\\n  }\\n  .kol-alert__container {\\n    display: flex;\\n    place-items: center;\\n  }\\n  .kol-alert__container-content {\\n    flex-grow: 1;\\n  }\\n  .kol-alert__closer {\\n    /* Visible with forced colors */\\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n}\";\n\nconst KolAlert = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this._alert = false;\n        this._hasCloser = false;\n        this._level = 0;\n        this._type = 'default';\n        this._variant = 'msg';\n        this.state = {\n            _level: 0,\n        };\n    }\n    render() {\n        return (h(KolAlertWcTag, { key: 'bf51c76e2d6568eea0d1a0c3047da6987aa249d8', _alert: this._alert, _hasCloser: this._hasCloser, _label: this._label, _level: this._level, _on: this._on, _type: this._type, _variant: this._variant }, h(\"slot\", { key: 'b754666af76f0fcbb15ffeaa4d11b2f61d93abc4' })));\n    }\n};\nKolAlert.style = {\n    default: defaultStyleCss\n};\n\nexport { KolAlert as kol_alert };\n//# sourceMappingURL=kol-alert.entry.js.map\n"],"names":["defaultStyleCss","KolAlert","hostRef","registerInstance","h","KolAlertWcTag"],"mappings":"sDAOA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAElBC,EAAW,KAAM,CACnB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,OAAS,GACd,KAAK,WAAa,GAClB,KAAK,OAAS,EACd,KAAK,MAAQ,UACb,KAAK,SAAW,MAChB,KAAK,MAAQ,CACT,OAAQ,CACpB,CACI,CACA,QAAS,CACL,OAAQE,EAAEC,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,EAAID,EAAE,OAAQ,CAAE,IAAK,0CAA0C,CAAE,CAAC,CACvS,CACJ,EACAH,EAAS,MAAQ,CACb,QAASD,CACb"}

package/dist/assets/{kol-avatar-wc.entry-Ck5ZDvll.js → kol-avatar-wc.entry-Dydli0PU.js}

@@ -1,2 +1,2 @@
-import{r as s,h as o}from"./index-hn66rXtD.js";import{h as i,v as d}from"./color-D-_1x7ql-CZWiFTWV.js";import{v as c}from"./image-source-udiqQ1zY-BIkmT6eZ.js";import{v as h}from"./label-Dkj9sxQK-DSdFgTMY.js";import{t as n}from"./i18n-CvQhdUrE-D4w1XV30.js";const l=t=>t.length===0?"":t[0].toUpperCase(),b=t=>{const a=t.split(/\s+/),r=a[0],e=a[a.length-1];return a.length>=2&&r&&e?`${l(r)}${l(e)}`:l(t)},C=class{constructor(t){s(this,t),this.bgColorStr="#d3d3d3",this.colorStr="#000",this.handleColorChange=a=>{const r=i(a);this.bgColorStr=r.backgroundColor,this.colorStr=r.foregroundColor},this._color="#d3d3d3",this.state={_src:"",_label:"",_color:{backgroundColor:"#d3d3d3",foregroundColor:"#000"}}}render(){return o("div",{key:"04d0b5653648f532391c0b8f611ef3bd7d4e8bbf","aria-label":n("kol-avatar-alt",{placeholders:{name:this.state._label}}),class:"kol-avatar",role:"img",style:{backgroundColor:this.bgColorStr,color:this.colorStr}},this.state._src?o("img",{alt:"","aria-hidden":"true",class:"kol-avatar__image",src:this.state._src}):o("span",{"aria-hidden":"true",class:"kol-avatar__initials"},b(this.state._label.trim())))}validateColor(t){d(this,t,{defaultValue:"#d3d3d3",hooks:{beforePatch:this.handleColorChange}})}validateSrc(t){c(this,t)}validateLabel(t){h(this,t,{required:!0})}componentWillLoad(){this.validateColor(this._color),this.validateSrc(this._src),this.validateLabel(this._label)}static get watchers(){return{_color:["validateColor"],_src:["validateSrc"],_label:["validateLabel"]}}};export{C as kol_avatar_wc};
-//# sourceMappingURL=kol-avatar-wc.entry-Ck5ZDvll.js.map
+import{r as s,h as o}from"./index-Dmdln5LU.js";import{h as i,v as d}from"./color-D-_1x7ql-Brn_xcRo.js";import{v as c}from"./image-source-udiqQ1zY-Bu6y1SIp.js";import{v as h}from"./label-Dkj9sxQK-BNa4b5vQ.js";import{t as n}from"./i18n-CvQhdUrE-41CJ9phK.js";const l=t=>t.length===0?"":t[0].toUpperCase(),b=t=>{const a=t.split(/\s+/),r=a[0],e=a[a.length-1];return a.length>=2&&r&&e?`${l(r)}${l(e)}`:l(t)},C=class{constructor(t){s(this,t),this.bgColorStr="#d3d3d3",this.colorStr="#000",this.handleColorChange=a=>{const r=i(a);this.bgColorStr=r.backgroundColor,this.colorStr=r.foregroundColor},this._color="#d3d3d3",this.state={_src:"",_label:"",_color:{backgroundColor:"#d3d3d3",foregroundColor:"#000"}}}render(){return o("div",{key:"04d0b5653648f532391c0b8f611ef3bd7d4e8bbf","aria-label":n("kol-avatar-alt",{placeholders:{name:this.state._label}}),class:"kol-avatar",role:"img",style:{backgroundColor:this.bgColorStr,color:this.colorStr}},this.state._src?o("img",{alt:"","aria-hidden":"true",class:"kol-avatar__image",src:this.state._src}):o("span",{"aria-hidden":"true",class:"kol-avatar__initials"},b(this.state._label.trim())))}validateColor(t){d(this,t,{defaultValue:"#d3d3d3",hooks:{beforePatch:this.handleColorChange}})}validateSrc(t){c(this,t)}validateLabel(t){h(this,t,{required:!0})}componentWillLoad(){this.validateColor(this._color),this.validateSrc(this._src),this.validateLabel(this._label)}static get watchers(){return{_color:["validateColor"],_src:["validateSrc"],_label:["validateLabel"]}}};export{C as kol_avatar_wc};
+//# sourceMappingURL=kol-avatar-wc.entry-Dydli0PU.js.map

package/dist/assets/{kol-avatar-wc.entry-Ck5ZDvll.js.map → kol-avatar-wc.entry-Dydli0PU.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-avatar-wc.entry-Ck5ZDvll.js","sources":["../../../../components/dist/esm/kol-avatar-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-CNB6DDYH.js';\nimport './common-BXXICkFX.js';\nimport { h as handleColorChange, v as validateColor } from './color-D-_1x7ql.js';\nimport { v as validateImageSource } from './image-source-udiqQ1zY.js';\nimport { v as validateLabel } from './label-Dkj9sxQK.js';\nimport { t as translate } from './i18n-CvQhdUrE.js';\nimport './i18n-B0tfVPMa.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.bgColorStr = '#d3d3d3';\n        this.colorStr = '#000';\n        this.handleColorChange = (value) => {\n            const colorPair = handleColorChange(value);\n            this.bgColorStr = colorPair.backgroundColor;\n            this.colorStr = colorPair.foregroundColor;\n        };\n        this._color = '#d3d3d3';\n        this.state = {\n            _src: '',\n            _label: '',\n            _color: {\n                backgroundColor: '#d3d3d3',\n                foregroundColor: '#000',\n            },\n        };\n    }\n    render() {\n        return (h(\"div\", { key: '04d0b5653648f532391c0b8f611ef3bd7d4e8bbf', \"aria-label\": translate('kol-avatar-alt', { placeholders: { name: this.state._label } }), class: \"kol-avatar\", role: \"img\", style: {\n                backgroundColor: this.bgColorStr,\n                color: this.colorStr,\n            } }, this.state._src ? (h(\"img\", { alt: \"\", \"aria-hidden\": \"true\", class: \"kol-avatar__image\", src: this.state._src })) : (h(\"span\", { \"aria-hidden\": \"true\", class: \"kol-avatar__initials\" }, formatLabelAsInitials(this.state._label.trim())))));\n    }\n    validateColor(value) {\n        validateColor(this, value, {\n            defaultValue: '#d3d3d3',\n            hooks: {\n                beforePatch: this.handleColorChange,\n            },\n        });\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.validateColor(this._color);\n        this.validateSrc(this._src);\n        this.validateLabel(this._label);\n    }\n    static get watchers() { return {\n        \"_color\": [\"validateColor\"],\n        \"_src\": [\"validateSrc\"],\n        \"_label\": [\"validateLabel\"]\n    }; }\n};\n\nexport { KolAvatarWc as kol_avatar_wc };\n//# sourceMappingURL=kol-avatar-wc.entry.js.map\n"],"names":["formatNameAsInitial","name","formatLabelAsInitials","label","names","first","last","KolAvatarWc","hostRef","registerInstance","value","colorPair","handleColorChange","h","translate","validateColor","validateImageSource","validateLabel"],"mappings":"gQAWA,MAAMA,EAAuBC,GACrBA,EAAK,SAAW,EACT,GAEJA,EAAK,CAAC,EAAE,YAAW,EAExBC,EAAyBC,GAAU,CACrC,MAAMC,EAAQD,EAAM,MAAM,KAAK,EACzBE,EAAQD,EAAM,CAAC,EACfE,EAAOF,EAAMA,EAAM,OAAS,CAAC,EACnC,OAAIA,EAAM,QAAU,GAAKC,GAASC,EACvB,GAAGN,EAAoBK,CAAK,CAAC,GAAGL,EAAoBM,CAAI,CAAC,GAE7DN,EAAoBG,CAAK,CACpC,EAEMI,EAAc,KAAM,CACtB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,WAAa,UAClB,KAAK,SAAW,OAChB,KAAK,kBAAqBE,GAAU,CAChC,MAAMC,EAAYC,EAAkBF,CAAK,EACzC,KAAK,WAAaC,EAAU,gBAC5B,KAAK,SAAWA,EAAU,eAC9B,EACA,KAAK,OAAS,UACd,KAAK,MAAQ,CACT,KAAM,GACN,OAAQ,GACR,OAAQ,CACJ,gBAAiB,UACjB,gBAAiB,MACjC,CACA,CACI,CACA,QAAS,CACL,OAAQE,EAAE,MAAO,CAAE,IAAK,2CAA4C,aAAcC,EAAU,iBAAkB,CAAE,aAAc,CAAE,KAAM,KAAK,MAAM,MAAM,EAAI,EAAG,MAAO,aAAc,KAAM,MAAO,MAAO,CAC/L,gBAAiB,KAAK,WACtB,MAAO,KAAK,QAC5B,CAAa,EAAI,KAAK,MAAM,KAAQD,EAAE,MAAO,CAAE,IAAK,GAAI,cAAe,OAAQ,MAAO,oBAAqB,IAAK,KAAK,MAAM,IAAI,CAAE,EAAMA,EAAE,OAAQ,CAAE,cAAe,OAAQ,MAAO,sBAAsB,EAAIX,EAAsB,KAAK,MAAM,OAAO,KAAI,CAAE,CAAC,CAAE,CACxP,CACA,cAAcQ,EAAO,CACjBK,EAAc,KAAML,EAAO,CACvB,aAAc,UACd,MAAO,CACH,YAAa,KAAK,iBAClC,CACA,CAAS,CACL,CACA,YAAYA,EAAO,CACfM,EAAoB,KAAMN,CAAK,CACnC,CACA,cAAcA,EAAO,CACjBO,EAAc,KAAMP,EAAO,CACvB,SAAU,EACtB,CAAS,CACL,CACA,mBAAoB,CAChB,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,YAAY,KAAK,IAAI,EAC1B,KAAK,cAAc,KAAK,MAAM,CAClC,CACA,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,eAAe,EAC1B,KAAQ,CAAC,aAAa,EACtB,OAAU,CAAC,eAAe,CAClC,CAAO,CACP"}
+{"version":3,"file":"kol-avatar-wc.entry-Dydli0PU.js","sources":["../../../../components/dist/esm/kol-avatar-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-DFgGNwim.js';\nimport './common-BXXICkFX.js';\nimport { h as handleColorChange, v as validateColor } from './color-D-_1x7ql.js';\nimport { v as validateImageSource } from './image-source-udiqQ1zY.js';\nimport { v as validateLabel } from './label-Dkj9sxQK.js';\nimport { t as translate } from './i18n-CvQhdUrE.js';\nimport './i18n-B0tfVPMa.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.bgColorStr = '#d3d3d3';\n        this.colorStr = '#000';\n        this.handleColorChange = (value) => {\n            const colorPair = handleColorChange(value);\n            this.bgColorStr = colorPair.backgroundColor;\n            this.colorStr = colorPair.foregroundColor;\n        };\n        this._color = '#d3d3d3';\n        this.state = {\n            _src: '',\n            _label: '',\n            _color: {\n                backgroundColor: '#d3d3d3',\n                foregroundColor: '#000',\n            },\n        };\n    }\n    render() {\n        return (h(\"div\", { key: '04d0b5653648f532391c0b8f611ef3bd7d4e8bbf', \"aria-label\": translate('kol-avatar-alt', { placeholders: { name: this.state._label } }), class: \"kol-avatar\", role: \"img\", style: {\n                backgroundColor: this.bgColorStr,\n                color: this.colorStr,\n            } }, this.state._src ? (h(\"img\", { alt: \"\", \"aria-hidden\": \"true\", class: \"kol-avatar__image\", src: this.state._src })) : (h(\"span\", { \"aria-hidden\": \"true\", class: \"kol-avatar__initials\" }, formatLabelAsInitials(this.state._label.trim())))));\n    }\n    validateColor(value) {\n        validateColor(this, value, {\n            defaultValue: '#d3d3d3',\n            hooks: {\n                beforePatch: this.handleColorChange,\n            },\n        });\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.validateColor(this._color);\n        this.validateSrc(this._src);\n        this.validateLabel(this._label);\n    }\n    static get watchers() { return {\n        \"_color\": [\"validateColor\"],\n        \"_src\": [\"validateSrc\"],\n        \"_label\": [\"validateLabel\"]\n    }; }\n};\n\nexport { KolAvatarWc as kol_avatar_wc };\n//# sourceMappingURL=kol-avatar-wc.entry.js.map\n"],"names":["formatNameAsInitial","name","formatLabelAsInitials","label","names","first","last","KolAvatarWc","hostRef","registerInstance","value","colorPair","handleColorChange","h","translate","validateColor","validateImageSource","validateLabel"],"mappings":"gQAWA,MAAMA,EAAuBC,GACrBA,EAAK,SAAW,EACT,GAEJA,EAAK,CAAC,EAAE,YAAW,EAExBC,EAAyBC,GAAU,CACrC,MAAMC,EAAQD,EAAM,MAAM,KAAK,EACzBE,EAAQD,EAAM,CAAC,EACfE,EAAOF,EAAMA,EAAM,OAAS,CAAC,EACnC,OAAIA,EAAM,QAAU,GAAKC,GAASC,EACvB,GAAGN,EAAoBK,CAAK,CAAC,GAAGL,EAAoBM,CAAI,CAAC,GAE7DN,EAAoBG,CAAK,CACpC,EAEMI,EAAc,KAAM,CACtB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,WAAa,UAClB,KAAK,SAAW,OAChB,KAAK,kBAAqBE,GAAU,CAChC,MAAMC,EAAYC,EAAkBF,CAAK,EACzC,KAAK,WAAaC,EAAU,gBAC5B,KAAK,SAAWA,EAAU,eAC9B,EACA,KAAK,OAAS,UACd,KAAK,MAAQ,CACT,KAAM,GACN,OAAQ,GACR,OAAQ,CACJ,gBAAiB,UACjB,gBAAiB,MACjC,CACA,CACI,CACA,QAAS,CACL,OAAQE,EAAE,MAAO,CAAE,IAAK,2CAA4C,aAAcC,EAAU,iBAAkB,CAAE,aAAc,CAAE,KAAM,KAAK,MAAM,MAAM,EAAI,EAAG,MAAO,aAAc,KAAM,MAAO,MAAO,CAC/L,gBAAiB,KAAK,WACtB,MAAO,KAAK,QAC5B,CAAa,EAAI,KAAK,MAAM,KAAQD,EAAE,MAAO,CAAE,IAAK,GAAI,cAAe,OAAQ,MAAO,oBAAqB,IAAK,KAAK,MAAM,IAAI,CAAE,EAAMA,EAAE,OAAQ,CAAE,cAAe,OAAQ,MAAO,sBAAsB,EAAIX,EAAsB,KAAK,MAAM,OAAO,KAAI,CAAE,CAAC,CAAE,CACxP,CACA,cAAcQ,EAAO,CACjBK,EAAc,KAAML,EAAO,CACvB,aAAc,UACd,MAAO,CACH,YAAa,KAAK,iBAClC,CACA,CAAS,CACL,CACA,YAAYA,EAAO,CACfM,EAAoB,KAAMN,CAAK,CACnC,CACA,cAAcA,EAAO,CACjBO,EAAc,KAAMP,EAAO,CACvB,SAAU,EACtB,CAAS,CACL,CACA,mBAAoB,CAChB,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,YAAY,KAAK,IAAI,EAC1B,KAAK,cAAc,KAAK,MAAM,CAClC,CACA,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,eAAe,EAC1B,KAAQ,CAAC,aAAa,EACtB,OAAU,CAAC,eAAe,CAClC,CAAO,CACP"}

package/dist/assets/{kol-avatar.entry-DbBZPdyy.js → kol-avatar.entry-DNKcNF61.js}

@@ -1,4 +1,4 @@
-import{r as e,h as t,c as o}from"./index-hn66rXtD.js";const i=`/* forward the rem function */
+import{r as e,h as t,c as o}from"./index-Dmdln5LU.js";const i=`/* forward the rem function */
 /*
 * This file defines the layer order for all CSS layers used in KoliBri.
 * The order is important as it determines the cascade priority.
@@ -226,4 +226,4 @@ import{r as e,h as t,c as o}from"./index-hn66rXtD.js";const i=`/* forward the re
     font-size: calc(40 * 1rem / var(--kolibri-root-font-size, 16));
   }
 }`,a=class{constructor(n){e(this,n),this._color="#d3d3d3"}render(){return t(o,{key:"b50d593f2fcc07fb3a1c8a92786df6ddcbc917cf",_color:this._color,_src:this._src,_label:this._label})}};a.style={default:i};export{a as kol_avatar};
-//# sourceMappingURL=kol-avatar.entry-DbBZPdyy.js.map
+//# sourceMappingURL=kol-avatar.entry-DNKcNF61.js.map

package/dist/assets/{kol-avatar.entry-DbBZPdyy.js.map → kol-avatar.entry-DNKcNF61.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-avatar.entry-DbBZPdyy.js","sources":["../../../../components/dist/esm/kol-avatar.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-CNB6DDYH.js';\nimport { c as KolAvatarWcTag } from './component-names-B_kYyA8u.js';\nimport './common-BXXICkFX.js';\n\nconst defaultStyleCss = \"/* forward the rem function */\\n/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n                   * Minimum size of interactive elements.\\n                   */\\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without verifying the contrast ratio of its background and font colors.\\n     * By initially setting the background color to white and the font color to black,\\n     * the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    color: black;\\n    background-color: white;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n    /*\\n     * Text should be aligned left by default to provide a predictable starting point.\\n     */\\n    text-align: left;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of to-rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the text color from his parent element.\\n     */\\n    color: inherit;\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%;\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: flex;\\n    flex-flow: column;\\n    align-items: center;\\n    justify-content: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    align-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: block;\\n  }\\n}\\n@layer kol-component {\\n  .kol-avatar,\\n  .kol-avatar__image,\\n  .kol-avatar__initials {\\n    border-radius: 50%;\\n  }\\n  .kol-avatar {\\n    /* Visible with forced colors  */\\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\\n    width: calc(100 * 1rem / var(--kolibri-root-font-size, 16));\\n    height: calc(100 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-avatar__image, .kol-avatar__initials {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .kol-avatar__initials {\\n    background-color: inherit;\\n    display: flex;\\n    align-items: center;\\n    justify-content: center;\\n    font-size: calc(40 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n}\";\n\nconst KolAvatar = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this._color = '#d3d3d3';\n    }\n    render() {\n        return h(KolAvatarWcTag, { key: 'b50d593f2fcc07fb3a1c8a92786df6ddcbc917cf', _color: this._color, _src: this._src, _label: this._label });\n    }\n};\nKolAvatar.style = {\n    default: defaultStyleCss\n};\n\nexport { KolAvatar as kol_avatar };\n//# sourceMappingURL=kol-avatar.entry.js.map\n"],"names":["defaultStyleCss","KolAvatar","hostRef","registerInstance","h","KolAvatarWcTag"],"mappings":"sDAOA,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,GAElBC,EAAY,KAAM,CACpB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,OAAS,SAClB,CACA,QAAS,CACL,OAAOE,EAAEC,EAAgB,CAAE,IAAK,2CAA4C,OAAQ,KAAK,OAAQ,KAAM,KAAK,KAAM,OAAQ,KAAK,MAAM,CAAE,CAC3I,CACJ,EACAJ,EAAU,MAAQ,CACd,QAASD,CACb"}
+{"version":3,"file":"kol-avatar.entry-DNKcNF61.js","sources":["../../../../components/dist/esm/kol-avatar.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-DFgGNwim.js';\nimport { c as KolAvatarWcTag } from './component-names-B_kYyA8u.js';\nimport './common-BXXICkFX.js';\n\nconst defaultStyleCss = \"/* forward the rem function */\\n/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n                   * Minimum size of interactive elements.\\n                   */\\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without verifying the contrast ratio of its background and font colors.\\n     * By initially setting the background color to white and the font color to black,\\n     * the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    color: black;\\n    background-color: white;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n    /*\\n     * Text should be aligned left by default to provide a predictable starting point.\\n     */\\n    text-align: left;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of to-rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the text color from his parent element.\\n     */\\n    color: inherit;\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%;\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: flex;\\n    flex-flow: column;\\n    align-items: center;\\n    justify-content: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    align-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: block;\\n  }\\n}\\n@layer kol-component {\\n  .kol-avatar,\\n  .kol-avatar__image,\\n  .kol-avatar__initials {\\n    border-radius: 50%;\\n  }\\n  .kol-avatar {\\n    /* Visible with forced colors  */\\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\\n    width: calc(100 * 1rem / var(--kolibri-root-font-size, 16));\\n    height: calc(100 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-avatar__image, .kol-avatar__initials {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .kol-avatar__initials {\\n    background-color: inherit;\\n    display: flex;\\n    align-items: center;\\n    justify-content: center;\\n    font-size: calc(40 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n}\";\n\nconst KolAvatar = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this._color = '#d3d3d3';\n    }\n    render() {\n        return h(KolAvatarWcTag, { key: 'b50d593f2fcc07fb3a1c8a92786df6ddcbc917cf', _color: this._color, _src: this._src, _label: this._label });\n    }\n};\nKolAvatar.style = {\n    default: defaultStyleCss\n};\n\nexport { KolAvatar as kol_avatar };\n//# sourceMappingURL=kol-avatar.entry.js.map\n"],"names":["defaultStyleCss","KolAvatar","hostRef","registerInstance","h","KolAvatarWcTag"],"mappings":"sDAOA,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,GAElBC,EAAY,KAAM,CACpB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,OAAS,SAClB,CACA,QAAS,CACL,OAAOE,EAAEC,EAAgB,CAAE,IAAK,2CAA4C,OAAQ,KAAK,OAAQ,KAAM,KAAK,KAAM,OAAQ,KAAK,MAAM,CAAE,CAC3I,CACJ,EACAJ,EAAU,MAAQ,CACd,QAASD,CACb"}

package/dist/assets/{kol-badge.entry-BDCTq3hh.js → kol-badge.entry-SBUJ74Kd.js}

@@ -1,4 +1,4 @@
-import{r as i,h as e,e as a,o as l,f as r,p as s,s as d}from"./index-hn66rXtD.js";import"./Alert-DE6PjZZh-Do_J509L.js";import{c}from"./clsx-eK3rPvPS-B-dksMZM.js";import{h,v as m}from"./color-D-_1x7ql-CZWiFTWV.js";import{v as u}from"./icons-DpMX_jnF-DpHBgaBR.js";import"./i18n-CvQhdUrE-D4w1XV30.js";import{K as f}from"./Span-ChmKrUVL-BWx9qH1S.js";import{n as p}from"./dev.utils-BIeLAoxm-BH7qzF8h.js";import"./tslib.es6-CxX45GIN-BGVaTf34.js";import"./markdown-CaS836ev-h1hfsqxk.js";import"./isObject-DvSELytj-DhzEQer1.js";import"./Heading-CHhFhzd--0lmwzPlU.js";import"./Icon-D2_cARs6-9vCGQQvu.js";import"./reuse-CX4AQDkS-BaVSFETn.js";import"./InternalUnderlinedBadgeText-BFxFxw0s-CwsUju7j.js";const b=`/* forward the rem function */
+import{r as i,h as e,e as a,o as l,f as r,p as s,s as d}from"./index-Dmdln5LU.js";import"./Alert-DLUhAh8c-wBhNIpU8.js";import{c}from"./clsx-eK3rPvPS-B-dksMZM.js";import{h,v as m}from"./color-D-_1x7ql-Brn_xcRo.js";import{v as u}from"./icons-DpMX_jnF-CKNktHzC.js";import"./i18n-CvQhdUrE-41CJ9phK.js";import{K as f}from"./Span-C3Vx3-Az-0bgWuP78.js";import{n as p}from"./dev.utils-BZrysPuC-DOL8VCB7.js";import"./tslib.es6-CxX45GIN-BGVaTf34.js";import"./markdown-CaS836ev-DYZ4_hFJ.js";import"./isObject-DvSELytj-DhzEQer1.js";import"./Heading-FFu5Vo7m-DYclRePS.js";import"./Icon-Cn2VAvfI-eLK2y17X.js";import"./reuse-CX4AQDkS-BaVSFETn.js";import"./InternalUnderlinedBadgeText-Cbb0Z9wm-BJF8Ga1z.js";const b=`/* forward the rem function */
 /*
 * This file defines the layer order for all CSS layers used in KoliBri.
 * The order is important as it determines the cascade priority.
@@ -270,4 +270,4 @@ import{r as i,h as e,e as a,o as l,f as r,p as s,s as d}from"./index-hn66rXtD.js
     color: inherit;
   }
 }`;r("[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=p(),this.catchSmartButtonRef=t=>{this.smartButtonRef=t},this._color="#000",this.state={_color:{backgroundColor:"#000",foregroundColor:"#fff"},_icons:{}},this.handleColorChange=t=>{const o=h(t);this.bgColorStr=o.backgroundColor,this.colorStr=o.foregroundColor}}renderSmartButton(n){return e(a,{ref:this.catchSmartButtonRef,class:"kol-badge__smart-button",_ariaControls:this.id,_ariaDescription:n._ariaDescription,_buttonVariant:n._variant,_customClass:n._customClass,_disabled:n._disabled,_hideLabel:!0,_icons:n._icons,_id:n._id,_label:n._label,_on:n._on,_tooltipAlign:n._tooltipAlign})}async focus(){var n;return Promise.resolve((n=this.smartButtonRef)===null||n===void 0?void 0:n.focus())}render(){const n=typeof this.state._smartButton=="object"&&this.state._smartButton!==null;return e("span",{key:"fe86a1a3e242f1ea2b439364882543151b319ea6",class:c("kol-badge",{"kol-badge--has-smart-button":typeof this.state._smartButton=="object"&&this.state._smartButton!==null}),style:{backgroundColor:this.bgColorStr,color:this.colorStr}},e(f,{key:"2880c59a62931e41d78381e5c5b1a81f3e27d256",class:"kol-badge__label",id:n?this.id:void 0,allowMarkdown:!0,icons:this.state._icons,label:this._label}),n&&this.renderSmartButton(this.state._smartButton))}validateIcons(n){u(this,n)}validateColor(n){m(this,n,{defaultValue:"#000",hooks:{beforePatch:this.handleColorChange}})}validateSmartButton(n){l(n,()=>{try{n=s(n)}catch{}d(this,"_smartButton",n)})}componentWillLoad(){this.validateIcons(this._icons),this.validateColor(this._color),this.validateSmartButton(this._smartButton)}static get watchers(){return{_icons:["validateIcons"],_color:["validateColor"],_smartButton:["validateSmartButton"]}}};g.style={default:b};export{g as kol_badge};
-//# sourceMappingURL=kol-badge.entry-BDCTq3hh.js.map
+//# sourceMappingURL=kol-badge.entry-SBUJ74Kd.js.map

package/dist/assets/{kol-badge.entry-BDCTq3hh.js.map → kol-badge.entry-SBUJ74Kd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-badge.entry-BDCTq3hh.js","sources":["../../../../components/dist/esm/kol-badge.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-CNB6DDYH.js';\nimport './Alert-DE6PjZZh.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport { d as KolButtonWcTag } from './component-names-B_kYyA8u.js';\nimport { f as featureHint, o as objectObjectHandler, p as parseJson, s as setState } from './common-BXXICkFX.js';\nimport { h as handleColorChange, v as validateColor } from './color-D-_1x7ql.js';\nimport { v as validateIcons } from './icons-DpMX_jnF.js';\nimport './i18n-CvQhdUrE.js';\nimport { K as KolSpanFc } from './Span-ChmKrUVL.js';\nimport { n as nonce } from './dev.utils-BIeLAoxm.js';\nimport './tslib.es6-CxX45GIN.js';\nimport './bem-Bj_mJ2nm.js';\nimport './browser-DaourpHc.js';\nimport './Heading-CHhFhzd-.js';\nimport './i18n-B0tfVPMa.js';\nimport './Icon-D2_cARs6.js';\nimport './reuse-CX4AQDkS.js';\nimport './markdown-CaS836ev.js';\nimport './InternalUnderlinedBadgeText-BFxFxw0s.js';\nimport './isObject-DvSELytj.js';\n\nconst defaultStyleCss = \"/* forward the rem function */\\n/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n                   * Minimum size of interactive elements.\\n                   */\\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without verifying the contrast ratio of its background and font colors.\\n     * By initially setting the background color to white and the font color to black,\\n     * the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    color: black;\\n    background-color: white;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n    /*\\n     * Text should be aligned left by default to provide a predictable starting point.\\n     */\\n    text-align: left;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of to-rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the text color from his parent element.\\n     */\\n    color: inherit;\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%;\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: flex;\\n    flex-flow: column;\\n    align-items: center;\\n    justify-content: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    align-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip {\\n    display: contents;\\n  }\\n  .kol-tooltip__floating {\\n    opacity: 0;\\n    display: none;\\n    position: fixed;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width, max-content);\\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    animation-direction: normal;\\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\\n    animation-fill-mode: forwards;\\n    animation-iteration-count: 1;\\n    animation-timing-function: ease-in;\\n  }\\n  .kol-tooltip__floating.hide {\\n    animation-name: hideTooltip;\\n  }\\n  .kol-tooltip__floating.show {\\n    animation-name: showTooltip;\\n  }\\n  .kol-tooltip__arrow {\\n    transform: rotate(45deg);\\n    color: #000;\\n    background-color: #fff;\\n    position: absolute;\\n    z-index: 999;\\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-tooltip__content {\\n    color: #000;\\n    background-color: #fff;\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes hideTooltip {\\n    0% {\\n      opacity: 1;\\n    }\\n    100% {\\n      opacity: 0;\\n      display: none;\\n    }\\n  }\\n  @keyframes showTooltip {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  .kol-badge {\\n    /* Visible with forced colors  */\\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\\n    display: inline-flex;\\n    place-items: center;\\n  }\\n  .kol-badge .kol-badge__smart-button .button {\\n    color: inherit;\\n  }\\n}\";\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.catchSmartButtonRef = (ref) => {\n            this.smartButtonRef = ref;\n        };\n        this._color = '#000';\n        this.state = {\n            _color: {\n                backgroundColor: '#000',\n                foregroundColor: '#fff',\n            },\n            _icons: {},\n        };\n        this.handleColorChange = (value) => {\n            const colorPair = handleColorChange(value);\n            this.bgColorStr = colorPair.backgroundColor;\n            this.colorStr = colorPair.foregroundColor;\n        };\n    }\n    renderSmartButton(props) {\n        return (h(KolButtonWcTag, { ref: this.catchSmartButtonRef, class: \"kol-badge__smart-button\", _ariaControls: this.id, _ariaDescription: props._ariaDescription, _buttonVariant: props._variant, _customClass: props._customClass, _disabled: props._disabled, _hideLabel: true, _icons: props._icons, _id: props._id, _label: props._label, _on: props._on, _tooltipAlign: props._tooltipAlign }));\n    }\n    async focus() {\n        var _a;\n        return Promise.resolve((_a = this.smartButtonRef) === null || _a === void 0 ? void 0 : _a.focus());\n    }\n    render() {\n        const hasSmartButton = typeof this.state._smartButton === 'object' && this.state._smartButton !== null;\n        return (h(\"span\", { key: 'fe86a1a3e242f1ea2b439364882543151b319ea6', class: clsx('kol-badge', {\n                'kol-badge--has-smart-button': typeof this.state._smartButton === 'object' && this.state._smartButton !== null,\n            }), style: {\n                backgroundColor: this.bgColorStr,\n                color: this.colorStr,\n            } }, h(KolSpanFc, { key: '2880c59a62931e41d78381e5c5b1a81f3e27d256', class: \"kol-badge__label\", id: hasSmartButton ? this.id : undefined, allowMarkdown: true, icons: this.state._icons, label: this._label }), hasSmartButton && this.renderSmartButton(this.state._smartButton)));\n    }\n    validateIcons(value) {\n        validateIcons(this, value);\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.validateIcons(this._icons);\n        this.validateColor(this._color);\n        this.validateSmartButton(this._smartButton);\n    }\n    static get watchers() { return {\n        \"_icons\": [\"validateIcons\"],\n        \"_color\": [\"validateColor\"],\n        \"_smartButton\": [\"validateSmartButton\"]\n    }; }\n};\nKolBadge.style = {\n    default: defaultStyleCss\n};\n\nexport { KolBadge as kol_badge };\n//# sourceMappingURL=kol-badge.entry.js.map\n"],"names":["defaultStyleCss","featureHint","KolBadge","hostRef","registerInstance","nonce","ref","value","colorPair","handleColorChange","props","h","KolButtonWcTag","_a","hasSmartButton","clsx","KolSpanFc","validateIcons","validateColor","objectObjectHandler","parseJson","setState"],"mappings":"mrBAwBA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAExBC,EAAY,qEAAqE,EAC5E,MAACC,EAAW,KAAM,CACnB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,WAAa,OAClB,KAAK,SAAW,OAChB,KAAK,GAAKE,EAAK,EACf,KAAK,oBAAuBC,GAAQ,CAChC,KAAK,eAAiBA,CAC1B,EACA,KAAK,OAAS,OACd,KAAK,MAAQ,CACT,OAAQ,CACJ,gBAAiB,OACjB,gBAAiB,MACjC,EACY,OAAQ,CAAA,CACpB,EACQ,KAAK,kBAAqBC,GAAU,CAChC,MAAMC,EAAYC,EAAkBF,CAAK,EACzC,KAAK,WAAaC,EAAU,gBAC5B,KAAK,SAAWA,EAAU,eAC9B,CACJ,CACA,kBAAkBE,EAAO,CACrB,OAAQC,EAAEC,EAAgB,CAAE,IAAK,KAAK,oBAAqB,MAAO,0BAA2B,cAAe,KAAK,GAAI,iBAAkBF,EAAM,iBAAkB,eAAgBA,EAAM,SAAU,aAAcA,EAAM,aAAc,UAAWA,EAAM,UAAW,WAAY,GAAM,OAAQA,EAAM,OAAQ,IAAKA,EAAM,IAAK,OAAQA,EAAM,OAAQ,IAAKA,EAAM,IAAK,cAAeA,EAAM,cAAe,CACnY,CACA,MAAM,OAAQ,CACV,IAAIG,EACJ,OAAO,QAAQ,SAASA,EAAK,KAAK,kBAAoB,MAAQA,IAAO,OAAS,OAASA,EAAG,MAAK,CAAE,CACrG,CACA,QAAS,CACL,MAAMC,EAAiB,OAAO,KAAK,MAAM,cAAiB,UAAY,KAAK,MAAM,eAAiB,KAClG,OAAQH,EAAE,OAAQ,CAAE,IAAK,2CAA4C,MAAOI,EAAK,YAAa,CACtF,8BAA+B,OAAO,KAAK,MAAM,cAAiB,UAAY,KAAK,MAAM,eAAiB,IAC1H,CAAa,EAAG,MAAO,CACP,gBAAiB,KAAK,WACtB,MAAO,KAAK,QAC5B,CAAa,EAAIJ,EAAEK,EAAW,CAAE,IAAK,2CAA4C,MAAO,mBAAoB,GAAIF,EAAiB,KAAK,GAAK,OAAW,cAAe,GAAM,MAAO,KAAK,MAAM,OAAQ,MAAO,KAAK,MAAM,CAAE,EAAGA,GAAkB,KAAK,kBAAkB,KAAK,MAAM,YAAY,CAAC,CACzR,CACA,cAAcP,EAAO,CACjBU,EAAc,KAAMV,CAAK,CAC7B,CACA,cAAcA,EAAO,CACjBW,EAAc,KAAMX,EAAO,CACvB,aAAc,OACd,MAAO,CACH,YAAa,KAAK,iBAClC,CACA,CAAS,CACL,CACA,oBAAoBA,EAAO,CACvBY,EAAoBZ,EAAO,IAAM,CAC7B,GAAI,CACAA,EAAQa,EAAUb,CAAK,CAC3B,MACU,CACV,CACAc,EAAS,KAAM,eAAgBd,CAAK,CACxC,CAAC,CACL,CACA,mBAAoB,CAChB,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,oBAAoB,KAAK,YAAY,CAC9C,CACA,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,eAAe,EAC1B,OAAU,CAAC,eAAe,EAC1B,aAAgB,CAAC,qBAAqB,CAC9C,CAAO,CACP,EACAL,EAAS,MAAQ,CACb,QAASF,CACb"}
+{"version":3,"file":"kol-badge.entry-SBUJ74Kd.js","sources":["../../../../components/dist/esm/kol-badge.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-DFgGNwim.js';\nimport './Alert-DLUhAh8c.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport { d as KolButtonWcTag } from './component-names-B_kYyA8u.js';\nimport { f as featureHint, o as objectObjectHandler, p as parseJson, s as setState } from './common-BXXICkFX.js';\nimport { h as handleColorChange, v as validateColor } from './color-D-_1x7ql.js';\nimport { v as validateIcons } from './icons-DpMX_jnF.js';\nimport './i18n-CvQhdUrE.js';\nimport { K as KolSpanFc } from './Span-C3Vx3-Az.js';\nimport { n as nonce } from './dev.utils-BZrysPuC.js';\nimport './tslib.es6-CxX45GIN.js';\nimport './bem-De7JANRY.js';\nimport './browser-DaourpHc.js';\nimport './Heading-FFu5Vo7m.js';\nimport './i18n-B0tfVPMa.js';\nimport './Icon-Cn2VAvfI.js';\nimport './reuse-CX4AQDkS.js';\nimport './markdown-CaS836ev.js';\nimport './InternalUnderlinedBadgeText-Cbb0Z9wm.js';\nimport './isObject-DvSELytj.js';\n\nconst defaultStyleCss = \"/* forward the rem function */\\n/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n                   * Minimum size of interactive elements.\\n                   */\\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without verifying the contrast ratio of its background and font colors.\\n     * By initially setting the background color to white and the font color to black,\\n     * the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    color: black;\\n    background-color: white;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n    /*\\n     * Text should be aligned left by default to provide a predictable starting point.\\n     */\\n    text-align: left;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of to-rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the text color from his parent element.\\n     */\\n    color: inherit;\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%;\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: flex;\\n    flex-flow: column;\\n    align-items: center;\\n    justify-content: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    align-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip {\\n    display: contents;\\n  }\\n  .kol-tooltip__floating {\\n    opacity: 0;\\n    display: none;\\n    position: fixed;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width, max-content);\\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    animation-direction: normal;\\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\\n    animation-fill-mode: forwards;\\n    animation-iteration-count: 1;\\n    animation-timing-function: ease-in;\\n  }\\n  .kol-tooltip__floating.hide {\\n    animation-name: hideTooltip;\\n  }\\n  .kol-tooltip__floating.show {\\n    animation-name: showTooltip;\\n  }\\n  .kol-tooltip__arrow {\\n    transform: rotate(45deg);\\n    color: #000;\\n    background-color: #fff;\\n    position: absolute;\\n    z-index: 999;\\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-tooltip__content {\\n    color: #000;\\n    background-color: #fff;\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes hideTooltip {\\n    0% {\\n      opacity: 1;\\n    }\\n    100% {\\n      opacity: 0;\\n      display: none;\\n    }\\n  }\\n  @keyframes showTooltip {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  .kol-badge {\\n    /* Visible with forced colors  */\\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\\n    display: inline-flex;\\n    place-items: center;\\n  }\\n  .kol-badge .kol-badge__smart-button .button {\\n    color: inherit;\\n  }\\n}\";\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.catchSmartButtonRef = (ref) => {\n            this.smartButtonRef = ref;\n        };\n        this._color = '#000';\n        this.state = {\n            _color: {\n                backgroundColor: '#000',\n                foregroundColor: '#fff',\n            },\n            _icons: {},\n        };\n        this.handleColorChange = (value) => {\n            const colorPair = handleColorChange(value);\n            this.bgColorStr = colorPair.backgroundColor;\n            this.colorStr = colorPair.foregroundColor;\n        };\n    }\n    renderSmartButton(props) {\n        return (h(KolButtonWcTag, { ref: this.catchSmartButtonRef, class: \"kol-badge__smart-button\", _ariaControls: this.id, _ariaDescription: props._ariaDescription, _buttonVariant: props._variant, _customClass: props._customClass, _disabled: props._disabled, _hideLabel: true, _icons: props._icons, _id: props._id, _label: props._label, _on: props._on, _tooltipAlign: props._tooltipAlign }));\n    }\n    async focus() {\n        var _a;\n        return Promise.resolve((_a = this.smartButtonRef) === null || _a === void 0 ? void 0 : _a.focus());\n    }\n    render() {\n        const hasSmartButton = typeof this.state._smartButton === 'object' && this.state._smartButton !== null;\n        return (h(\"span\", { key: 'fe86a1a3e242f1ea2b439364882543151b319ea6', class: clsx('kol-badge', {\n                'kol-badge--has-smart-button': typeof this.state._smartButton === 'object' && this.state._smartButton !== null,\n            }), style: {\n                backgroundColor: this.bgColorStr,\n                color: this.colorStr,\n            } }, h(KolSpanFc, { key: '2880c59a62931e41d78381e5c5b1a81f3e27d256', class: \"kol-badge__label\", id: hasSmartButton ? this.id : undefined, allowMarkdown: true, icons: this.state._icons, label: this._label }), hasSmartButton && this.renderSmartButton(this.state._smartButton)));\n    }\n    validateIcons(value) {\n        validateIcons(this, value);\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.validateIcons(this._icons);\n        this.validateColor(this._color);\n        this.validateSmartButton(this._smartButton);\n    }\n    static get watchers() { return {\n        \"_icons\": [\"validateIcons\"],\n        \"_color\": [\"validateColor\"],\n        \"_smartButton\": [\"validateSmartButton\"]\n    }; }\n};\nKolBadge.style = {\n    default: defaultStyleCss\n};\n\nexport { KolBadge as kol_badge };\n//# sourceMappingURL=kol-badge.entry.js.map\n"],"names":["defaultStyleCss","featureHint","KolBadge","hostRef","registerInstance","nonce","ref","value","colorPair","handleColorChange","props","h","KolButtonWcTag","_a","hasSmartButton","clsx","KolSpanFc","validateIcons","validateColor","objectObjectHandler","parseJson","setState"],"mappings":"mrBAwBA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAExBC,EAAY,qEAAqE,EAC5E,MAACC,EAAW,KAAM,CACnB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,WAAa,OAClB,KAAK,SAAW,OAChB,KAAK,GAAKE,EAAK,EACf,KAAK,oBAAuBC,GAAQ,CAChC,KAAK,eAAiBA,CAC1B,EACA,KAAK,OAAS,OACd,KAAK,MAAQ,CACT,OAAQ,CACJ,gBAAiB,OACjB,gBAAiB,MACjC,EACY,OAAQ,CAAA,CACpB,EACQ,KAAK,kBAAqBC,GAAU,CAChC,MAAMC,EAAYC,EAAkBF,CAAK,EACzC,KAAK,WAAaC,EAAU,gBAC5B,KAAK,SAAWA,EAAU,eAC9B,CACJ,CACA,kBAAkBE,EAAO,CACrB,OAAQC,EAAEC,EAAgB,CAAE,IAAK,KAAK,oBAAqB,MAAO,0BAA2B,cAAe,KAAK,GAAI,iBAAkBF,EAAM,iBAAkB,eAAgBA,EAAM,SAAU,aAAcA,EAAM,aAAc,UAAWA,EAAM,UAAW,WAAY,GAAM,OAAQA,EAAM,OAAQ,IAAKA,EAAM,IAAK,OAAQA,EAAM,OAAQ,IAAKA,EAAM,IAAK,cAAeA,EAAM,cAAe,CACnY,CACA,MAAM,OAAQ,CACV,IAAIG,EACJ,OAAO,QAAQ,SAASA,EAAK,KAAK,kBAAoB,MAAQA,IAAO,OAAS,OAASA,EAAG,MAAK,CAAE,CACrG,CACA,QAAS,CACL,MAAMC,EAAiB,OAAO,KAAK,MAAM,cAAiB,UAAY,KAAK,MAAM,eAAiB,KAClG,OAAQH,EAAE,OAAQ,CAAE,IAAK,2CAA4C,MAAOI,EAAK,YAAa,CACtF,8BAA+B,OAAO,KAAK,MAAM,cAAiB,UAAY,KAAK,MAAM,eAAiB,IAC1H,CAAa,EAAG,MAAO,CACP,gBAAiB,KAAK,WACtB,MAAO,KAAK,QAC5B,CAAa,EAAIJ,EAAEK,EAAW,CAAE,IAAK,2CAA4C,MAAO,mBAAoB,GAAIF,EAAiB,KAAK,GAAK,OAAW,cAAe,GAAM,MAAO,KAAK,MAAM,OAAQ,MAAO,KAAK,MAAM,CAAE,EAAGA,GAAkB,KAAK,kBAAkB,KAAK,MAAM,YAAY,CAAC,CACzR,CACA,cAAcP,EAAO,CACjBU,EAAc,KAAMV,CAAK,CAC7B,CACA,cAAcA,EAAO,CACjBW,EAAc,KAAMX,EAAO,CACvB,aAAc,OACd,MAAO,CACH,YAAa,KAAK,iBAClC,CACA,CAAS,CACL,CACA,oBAAoBA,EAAO,CACvBY,EAAoBZ,EAAO,IAAM,CAC7B,GAAI,CACAA,EAAQa,EAAUb,CAAK,CAC3B,MACU,CACV,CACAc,EAAS,KAAM,eAAgBd,CAAK,CACxC,CAAC,CACL,CACA,mBAAoB,CAChB,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,oBAAoB,KAAK,YAAY,CAC9C,CACA,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,eAAe,EAC1B,OAAU,CAAC,eAAe,EAC1B,aAAgB,CAAC,qBAAqB,CAC9C,CAAO,CACP,EACAL,EAAS,MAAQ,CACb,QAASF,CACb"}

package/dist/assets/{kol-breadcrumb.entry-C1_tHB_f.js → kol-breadcrumb.entry-D19wgt0x.js}

@@ -1,4 +1,4 @@
-import{r as s,h as n,i as o,F as r,j as d,k as c}from"./index-hn66rXtD.js";import{v as h}from"./label-Dkj9sxQK-DSdFgTMY.js";import{r as l,a as m}from"./unique-nav-labels-B6560U3V-B1dnbpeJ.js";import{w as b}from"./validation-Ct877GbF-D7WlyrQ-.js";const p=`/*
+import{r as s,h as n,i as o,F as r,j as d,k as c}from"./index-Dmdln5LU.js";import{v as h}from"./label-Dkj9sxQK-BNa4b5vQ.js";import{r as l,a as m}from"./unique-nav-labels-B6560U3V-DfguIg81.js";import{w as b}from"./validation-Ct877GbF-DVbQ1ksT.js";const p=`/*
 * This file defines the layer order for all CSS layers used in KoliBri.
 * The order is important as it determines the cascade priority.
 *
@@ -274,13 +274,19 @@ import{r as s,h as n,i as o,F as r,j as d,k as c}from"./index-hn66rXtD.js";impor
   .kol-link--standalone {
     min-width: var(--a11y-min-size);
     min-height: var(--a11y-min-size);
+    align-items: stretch;
   }
-  .kol-link:is(:focus, :hover):not([aria-disabled], [disabled]) .kol-link__text .kol-span__label {
-    text-decoration-thickness: 0.2em;
+  .kol-link--standalone .kol-link__text {
+    display: inline-flex;
+    flex: 1 1 100%;
+    place-items: center;
   }
-  .kol-link__text .kol-span__label {
+  .kol-link .kol-span__label {
     text-decoration-line: underline;
   }
+  .kol-link:focus:not([aria-disabled], [disabled]) .kol-span__label, .kol-link:hover:not([aria-disabled], [disabled]) .kol-span__label {
+    text-decoration-thickness: 0.2em;
+  }
   .kol-link__icon {
     display: inline-flex;
     margin-left: calc(8 * 1rem / var(--kolibri-root-font-size, 16));
@@ -297,5 +303,5 @@ import{r as s,h as n,i as o,F as r,j as d,k as c}from"./index-hn66rXtD.js";impor
   .kol-breadcrumb__list-element:first-child:last-child {
     min-height: var(--a11y-min-size);
   }
-}`,f=class{constructor(t){s(this,t),this.renderLink=(e,i)=>{const a=this.state._links.length-1;return n("li",{class:"kol-breadcrumb__list-element",key:i},i===a?n("span",{class:"kol-breadcrumb__list-element-span","aria-current":"page"},e._hideLabel?n(o,{class:"kol-breadcrumb__icon",_label:e._label,_icons:typeof e._icons=="string"?e._icons:"codicon codicon-symbol-event"}):n(r,null,e._label)):n(d,Object.assign({class:"kol-breadcrumb__link",_inline:!1},e)),i!==a&&n(o,{class:"kol-breadcrumb__separator",_label:"",_icons:"kolicon-chevron-right"}))},this.state={_label:"",_links:[]}}render(){return n("nav",{key:"69dbd3034c3b7b19975d8dab92db45169ba1ffa8",class:"kol-breadcrumb","aria-label":this.state._label},n("ul",{key:"0183c1b3850d530a0d0770a2f298f076e23296b7",class:"kol-breadcrumb__list"},this.state._links.length===0&&n("li",{key:"aae370f7858a4e61f3b40dfd61ef3cb32a3024ee"},n(o,{key:"94b7b59afaafa2878d30501e223ad7f9e43ea182",class:"kol-breadcrumb_icon",_label:"",_icons:"codicon codicon-home"}),"…"),this.state._links.map(this.renderLink)))}validateLabel(t,e,i=!1){i||l(this.state._label),h(this,t,{required:!0}),c(t),m(this.state._label)}validateLinks(t){b("KolBreadcrumb",this,t)}componentWillLoad(){this.validateLabel(this._label,void 0,!0),this.validateLinks(this._links)}disconnectedCallback(){l(this.state._label)}static get watchers(){return{_label:["validateLabel"],_links:["validateLinks"]}}};f.style={default:p};export{f as kol_breadcrumb};
-//# sourceMappingURL=kol-breadcrumb.entry-C1_tHB_f.js.map
+}`,f=class{constructor(t){s(this,t),this.renderLink=(e,i)=>{const a=this.state._links.length-1;return n("li",{class:"kol-breadcrumb__list-element",key:i},i===a?n("span",{class:"kol-breadcrumb__list-element-span","aria-current":"page"},e._hideLabel?n(o,{class:"kol-breadcrumb__icon",_label:e._label,_icons:typeof e._icons=="string"?e._icons:"kolicon-link"}):n(r,null,e._label)):n(d,Object.assign({class:"kol-breadcrumb__link",_inline:!1},e)),i!==a&&n(o,{class:"kol-breadcrumb__separator",_label:"",_icons:"kolicon-chevron-right"}))},this.state={_label:"",_links:[]}}render(){return n("nav",{key:"d086ccf1b9fccd3c2d9afe55f56a285e58f451f5",class:"kol-breadcrumb","aria-label":this.state._label},n("ul",{key:"ea55b4eed94749a422d06e470f3f09b75e0a7978",class:"kol-breadcrumb__list"},this.state._links.length===0&&n("li",{key:"e601d2603ba034b4b0d553138f1d4e762fc372e8"},n(o,{key:"d73b5a1132e30ed8692f3aafe1321acd57232b64",class:"kol-breadcrumb_icon",_label:"",_icons:"kolicon-house"}),"…"),this.state._links.map(this.renderLink)))}validateLabel(t,e,i=!1){i||l(this.state._label),h(this,t,{required:!0}),c(t),m(this.state._label)}validateLinks(t){b("KolBreadcrumb",this,t)}componentWillLoad(){this.validateLabel(this._label,void 0,!0),this.validateLinks(this._links)}disconnectedCallback(){l(this.state._label)}static get watchers(){return{_label:["validateLabel"],_links:["validateLinks"]}}};f.style={default:p};export{f as kol_breadcrumb};
+//# sourceMappingURL=kol-breadcrumb.entry-D19wgt0x.js.map