@public-ui/sample-react 3.0.7 → 3.0.8-rc.1

package/dist/assets/{kol-abbr.entry-I7SIxmCs.js → kol-abbr.entry-BXGdym2u.js}

@@ -1,4 +1,4 @@
-import{r as t,h as n,K as i,H as o}from"./index-fxDtDX87.js";import{v as a}from"./label-CdtNxOKu-ZkmIeW5K.js";/*!
+import{r as t,h as n,K as o,H as i}from"./index-eI_RdheT.js";import{v as a}from"./label-Dnmzb2S_-C6oOQMoX.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const l=`/*
 * This file defines the layer order for all CSS layers used in KoliBri.
@@ -163,13 +163,15 @@ import{r as t,h as n,K as i,H as o}from"./index-fxDtDX87.js";import{v as a}from"
   }
   .kol-span {
     /* KolSpan is a layout component with icons in all directions and a label text in the middle. */
-    display: grid;
-    place-items: center;
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    justify-content: center;
     /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */
   }
   .kol-span__container {
     display: flex;
-    place-items: center;
+    align-items: center;
   }
   a,
   button {
@@ -198,18 +200,11 @@ import{r as t,h as n,K as i,H as o}from"./index-fxDtDX87.js";import{v as a}from"
   }
 }
 @layer kol-component {
-  @keyframes fadeInOpacity {
-    0% {
-      opacity: 0;
-    }
-    100% {
-      opacity: 1;
-    }
-  }
   .kol-tooltip {
     display: contents;
   }
   .kol-tooltip__floating {
+    opacity: 0;
     display: none;
     position: fixed;
     /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */
@@ -220,12 +215,19 @@ import{r as t,h as n,K as i,H as o}from"./index-fxDtDX87.js";import{v as a}from"
     min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));
     max-width: 90vw;
     max-height: 90vh;
-    visibility: hidden;
-    animation-duration: 0.25s;
+    animation-direction: normal;
+    /* Can be used to specify the animation duration from the outside. 250ms by default. */
+    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);
+    animation-fill-mode: forwards;
     animation-iteration-count: 1;
-    animation-name: fadeInOpacity;
     animation-timing-function: ease-in;
   }
+  .kol-tooltip__floating.hide {
+    animation-name: hideTooltip;
+  }
+  .kol-tooltip__floating.show {
+    animation-name: showTooltip;
+  }
   .kol-tooltip__arrow {
     transform: rotate(45deg);
     color: #000;
@@ -241,5 +243,22 @@ import{r as t,h as n,K as i,H as o}from"./index-fxDtDX87.js";import{v as a}from"
     position: relative;
     z-index: 1000;
   }
-}`,r=class{constructor(e){t(this,e),this.state={_label:""}}render(){return n(o,{key:"7f764ad6e259ac460dcd1f133da2ef8ad41b74b7",class:"kol-abbr"},n("abbr",{key:"3f49be16f6bbbd0d2cbd953319f6b23a8766a241",tabIndex:this.state._label?0:void 0},n("slot",{key:"81175d6ce9217f34e4faaa6aa08597e63f07389e"})),this.state._label?n(i,{"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-I7SIxmCs.js.map
+  @keyframes hideTooltip {
+    0% {
+      opacity: 1;
+    }
+    100% {
+      opacity: 0;
+      display: none;
+    }
+  }
+  @keyframes showTooltip {
+    0% {
+      opacity: 0;
+    }
+    100% {
+      opacity: 1;
+    }
+  }
+}`,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-BXGdym2u.js.map

package/dist/assets/{kol-abbr.entry-I7SIxmCs.js.map → kol-abbr.entry-BXGdym2u.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-abbr.entry-I7SIxmCs.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-C0tYQjse.js';\nimport { a as KolTooltipWcTag } from './component-names-CkE54Ym7.js';\nimport './common-8fBdMvJM.js';\nimport { v as validateLabel } from './label-CdtNxOKu.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: grid;\\n    place-items: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n}\\n@layer kol-component {\\n  @keyframes fadeInOpacity {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n  .kol-tooltip {\\n    display: contents;\\n  }\\n  .kol-tooltip__floating {\\n    display: none;\\n    position: fixed;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width, max-content);\\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    visibility: hidden;\\n    animation-duration: 0.25s;\\n    animation-iteration-count: 1;\\n    animation-name: fadeInOpacity;\\n    animation-timing-function: ease-in;\\n  }\\n  .kol-tooltip__arrow {\\n    transform: rotate(45deg);\\n    color: #000;\\n    background-color: #fff;\\n    position: absolute;\\n    z-index: 999;\\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-tooltip__content {\\n    color: #000;\\n    background-color: #fff;\\n    position: relative;\\n    z-index: 1000;\\n  }\\n}\";\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":"8GAAA;AAAA;AAAA,GAQA,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,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-BXGdym2u.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-BG8JuXph.js';\nimport { a as KolTooltipWcTag } from './component-names-CkE54Ym7.js';\nimport './common-Dd0zJQbD.js';\nimport { v as validateLabel } from './label-Dnmzb2S_.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":"8GAAA;AAAA;AAAA,GAQA,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-eGH131J_.js → kol-accordion.entry-C2fyzA5x.js}

@@ -1,6 +1,6 @@
-import{r,d,a as c,h as a,g as h,w as p,f as l}from"./index-fxDtDX87.js";import{K as m}from"./Collapsible-BDTXA0zO-CXIMHIgh.js";import{v as b}from"./disabled-BydergHu-BKth7uq8.js";import{v as u}from"./label-CdtNxOKu-ZkmIeW5K.js";import{v as f}from"./open-D9q98v46-DlQKwtAp.js";import{n as g}from"./dev.utils-zTBHc_Bd-DT_5Oihb.js";import{w as v}from"./validation-CW_RXPSn-DQixkGwq.js";import"./tslib.es6-CxX45GIN-BAJoBDh7.js";import"./clsx-eK3rPvPS-BT_IL7Fz.js";import"./Heading-C9bOV9H2-U2Ihb-hY.js";/*!
+import{r,d,a as c,h as a,g as h,w as p,f as l}from"./index-eI_RdheT.js";import{K as m}from"./Collapsible-DOnIFY33-C7y7f3JI.js";import{v as b}from"./disabled-BhpAFgSp-yj0pxqYS.js";import{v as u}from"./label-Dnmzb2S_-C6oOQMoX.js";import{v as f}from"./open-CbvHO4XG-DePuJaK7.js";import{n as g}from"./dev.utils-BB49mRnl-Coh5w7FN.js";import{w as v}from"./validation-aqgnZOL6-CiuUkt-y.js";import"./tslib.es6-CxX45GIN-BAJoBDh7.js";import"./clsx-eK3rPvPS-BT_IL7Fz.js";import"./Heading-DqUSmJEO-DIKZMp_1.js";/*!
  * KoliBri - The accessible HTML-Standard
- */const y=(n,t)=>{p(n,"_on",e=>typeof e=="object"&&e!==null,new Set(["AccordionCallbacksPropType {Events.onClick}"]),t)},w=`/*
+ */const w=(n,t)=>{p(n,"_on",e=>typeof e=="object"&&e!==null,new Set(["AccordionCallbacksPropType {Events.onClick}"]),t)},y=`/*
 * This file defines the layer order for all CSS layers used in KoliBri.
 * The order is important as it determines the cascade priority.
 *
@@ -163,13 +163,15 @@ import{r,d,a as c,h as a,g as h,w as p,f as l}from"./index-fxDtDX87.js";import{K
   }
   .kol-span {
     /* KolSpan is a layout component with icons in all directions and a label text in the middle. */
-    display: grid;
-    place-items: center;
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    justify-content: center;
     /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */
   }
   .kol-span__container {
     display: flex;
-    place-items: center;
+    align-items: center;
   }
   a,
   button {
@@ -247,11 +249,11 @@ import{r,d,a as c,h as a,g as h,w as p,f as l}from"./index-fxDtDX87.js";import{K
     visibility: visible;
   }
   .collapsible__heading-button button .kol-span {
-    justify-items: start;
+    align-items: flex-start;
   }
 }`;l(`[KolAccordion] Anfrage nach einer KolAccordionGroup bei dem immer nur ein Accordion geöffnet ist.
 
 - 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 kolFocus(){var n;await((n=this.buttonWcRef)===null||n===void 0?void 0:n.kolFocus())}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:"750cf0bb226ec5139c7098bd44e2a64546888a32"},s),a("slot",{key:"08908025b6753ebe36defc6e2d210736eabff629"}))}validateDisabled(n){b(this,n)}validateLabel(n){u(this,n,{required:!0})}validateLevel(n){v(this,n)}validateOn(n){y(this,n)}validateOpen(n){f(this,n)}componentWillLoad(){this.validateDisabled(this._disabled),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on),this.validateOpen(this._open)}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-eGH131J_.js.map
+- 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 kolFocus(){var n;await((n=this.buttonWcRef)===null||n===void 0?void 0:n.kolFocus())}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:"750cf0bb226ec5139c7098bd44e2a64546888a32"},s),a("slot",{key:"08908025b6753ebe36defc6e2d210736eabff629"}))}validateDisabled(n){b(this,n)}validateLabel(n){u(this,n,{required:!0})}validateLevel(n){v(this,n)}validateOn(n){w(this,n)}validateOpen(n){f(this,n)}componentWillLoad(){this.validateDisabled(this._disabled),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on),this.validateOpen(this._open)}get host(){return h(this)}static get watchers(){return{_disabled:["validateDisabled"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_open:["validateOpen"]}}};_.style={default:y};export{_ as kol_accordion};
+//# sourceMappingURL=kol-accordion.entry-C2fyzA5x.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kol-accordion.entry-C2fyzA5x.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-BG8JuXph.js';\nimport { K as KolCollapsibleFc } from './Collapsible-DOnIFY33.js';\nimport { w as watchValidator, f as featureHint } from './common-Dd0zJQbD.js';\nimport { v as validateDisabled } from './disabled-BhpAFgSp.js';\nimport { v as validateLabel } from './label-Dnmzb2S_.js';\nimport { v as validateOpen } from './open-CbvHO4XG.js';\nimport { n as nonce } from './dev.utils-BB49mRnl.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-9-skLO0f.js';\nimport { w as watchHeadingLevel } from './validation-aqgnZOL6.js';\nimport './tslib.es6-CxX45GIN.js';\nimport './clsx-eK3rPvPS.js';\nimport './component-names-CkE54Ym7.js';\nimport './Heading-DqUSmJEO.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  .collapsible {\\n    /* @see https://github.com/public-ui/kolibri/issues/5952 */\\n    /*\\n          * Inside a button, the caption text is always centered.\\n          * So we have to align the text to the left.\\n          */\\n  }\\n  @media (prefers-reduced-motion) {\\n    .collapsible__wrapper-animation, .collapsible__wrapper {\\n      transition-duration: 0s;\\n    }\\n  }\\n  @media print {\\n    :not(.collapsible--open) .collapsible__wrapper-animation {\\n      display: none;\\n    }\\n  }\\n  .collapsible__wrapper {\\n    /* Forces the element into its own GPU compositing layer (via 3D transform). Helps prevent rendering/layout bugs (e.g. #7511) and may improve animation performance. */\\n    transform: translateZ(0);\\n    display: grid;\\n    grid-template-rows: 0fr;\\n    transition: grid-template-rows 0.3s;\\n  }\\n  .collapsible__wrapper-animation {\\n    min-height: 0;\\n    /**\\n     * The `overflow: hidden` ensures that the content is not visible during the animated\\n     * opening and closing. This should also cut off overlays containing content, but it\\n     *does not.\\n     */\\n    overflow: hidden;\\n    /* This property is important to keep in sync with the visual transition (template-rows). Without it interactive elements within the accordion would stay focusable. */\\n    visibility: hidden;\\n    transition: visibility 0.3s;\\n  }\\n  .collapsible--open .collapsible__wrapper {\\n    grid-template-rows: 1fr;\\n  }\\n  .collapsible--open .collapsible__wrapper-animation {\\n    visibility: visible;\\n  }\\n  .collapsible__heading-button button .kol-span {\\n    align-items: flex-start;\\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 kolFocus() {\n        var _a;\n        await ((_a = this.buttonWcRef) === null || _a === void 0 ? void 0 : _a.kolFocus());\n    }\n    render() {\n        const { _open, _label, _disabled, _level } = this.state;\n        const rootClass = '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: '750cf0bb226ec5139c7098bd44e2a64546888a32' }, props), h(\"slot\", { key: '08908025b6753ebe36defc6e2d210736eabff629' })));\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-9aLPGnfM.js → kol-alert-wc.entry-CVSKyNvN.js}

@@ -1,4 +1,4 @@
-import{r as v,d as c,a as p,h as s,m as _,s as f,g as m,w as l}from"./index-fxDtDX87.js";import{K as y}from"./Alert-DNIbRJ_i-ZCvaGKIg.js";import{v as b}from"./has-closer-BBMh8HY3-BG6P0zLT.js";import{v as C}from"./label-CdtNxOKu-ZkmIeW5K.js";import{w as u}from"./validation-CW_RXPSn-DQixkGwq.js";import"./tslib.es6-CxX45GIN-BAJoBDh7.js";import"./i18n-CdSCDnmA-DgJQ-VJ5.js";import"./clsx-eK3rPvPS-BT_IL7Fz.js";import"./Heading-C9bOV9H2-U2Ihb-hY.js";/*!
+import{r as v,d as c,a as p,h as s,m as _,s as f,g as m,w as l}from"./index-eI_RdheT.js";import{K as y}from"./Alert-B3jx2jlL-CpK4XYwv.js";import{v as b}from"./has-closer-CQzjaTkv-C3fdmgwq.js";import{v as C}from"./label-Dnmzb2S_-C6oOQMoX.js";import{w as u}from"./validation-aqgnZOL6-CiuUkt-y.js";import"./tslib.es6-CxX45GIN-BAJoBDh7.js";import"./i18n-C5ifExT3-Bgs4IVwr.js";import"./clsx-eK3rPvPS-BT_IL7Fz.js";import"./Heading-DqUSmJEO-DIKZMp_1.js";/*!
  * KoliBri - The accessible HTML-Standard
  */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-9aLPGnfM.js.map
+//# sourceMappingURL=kol-alert-wc.entry-CVSKyNvN.js.map

package/dist/assets/{kol-alert-wc.entry-9aLPGnfM.js.map → kol-alert-wc.entry-CVSKyNvN.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-alert-wc.entry-9aLPGnfM.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-C0tYQjse.js';\nimport { K as KolAlertFc } from './Alert-DNIbRJ_i.js';\nimport { w as watchValidator, d as watchBoolean, s as setState } from './common-8fBdMvJM.js';\nimport { v as validateHasCloser } from './has-closer-BBMh8HY3.js';\nimport { v as validateLabel } from './label-CdtNxOKu.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-CoPFQEiC.js';\nimport { w as watchHeadingLevel } from './validation-CW_RXPSn.js';\nimport './tslib.es6-CxX45GIN.js';\nimport './clsx-eK3rPvPS.js';\nimport './component-names-CkE54Ym7.js';\nimport './i18n-CdSCDnmA.js';\nimport './i18n-ZF6JbdVP.js';\nimport './bem-CHTjklyp.js';\nimport './browser-Ba2Wl_kh.js';\nimport './Heading-C9bOV9H2.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-CVSKyNvN.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-BG8JuXph.js';\nimport { K as KolAlertFc } from './Alert-B3jx2jlL.js';\nimport { w as watchValidator, d as watchBoolean, s as setState } from './common-Dd0zJQbD.js';\nimport { v as validateHasCloser } from './has-closer-CQzjaTkv.js';\nimport { v as validateLabel } from './label-Dnmzb2S_.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-9-skLO0f.js';\nimport { w as watchHeadingLevel } from './validation-aqgnZOL6.js';\nimport './tslib.es6-CxX45GIN.js';\nimport './clsx-eK3rPvPS.js';\nimport './component-names-CkE54Ym7.js';\nimport './i18n-C5ifExT3.js';\nimport './i18n-ZF6JbdVP.js';\nimport './bem-C27SfH6w.js';\nimport './browser-DiRe0qUf.js';\nimport './Heading-DqUSmJEO.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-G0CmSEZ_.js → kol-alert.entry-tGSQAb_G.js}

@@ -1,4 +1,4 @@
-import{r as t,h as n,b as o}from"./index-fxDtDX87.js";/*!
+import{r as t,h as n,b as o}from"./index-eI_RdheT.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const i=`/*
 * This file defines the layer order for all CSS layers used in KoliBri.
@@ -163,13 +163,15 @@ import{r as t,h as n,b as o}from"./index-fxDtDX87.js";/*!
   }
   .kol-span {
     /* KolSpan is a layout component with icons in all directions and a label text in the middle. */
-    display: grid;
-    place-items: center;
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    justify-content: center;
     /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */
   }
   .kol-span__container {
     display: flex;
-    place-items: center;
+    align-items: center;
   }
   a,
   button {
@@ -203,18 +205,11 @@ import{r as t,h as n,b as o}from"./index-fxDtDX87.js";/*!
   }
 }
 @layer kol-component {
-  @keyframes fadeInOpacity {
-    0% {
-      opacity: 0;
-    }
-    100% {
-      opacity: 1;
-    }
-  }
   .kol-tooltip {
     display: contents;
   }
   .kol-tooltip__floating {
+    opacity: 0;
     display: none;
     position: fixed;
     /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */
@@ -225,12 +220,19 @@ import{r as t,h as n,b as o}from"./index-fxDtDX87.js";/*!
     min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));
     max-width: 90vw;
     max-height: 90vh;
-    visibility: hidden;
-    animation-duration: 0.25s;
+    animation-direction: normal;
+    /* Can be used to specify the animation duration from the outside. 250ms by default. */
+    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);
+    animation-fill-mode: forwards;
     animation-iteration-count: 1;
-    animation-name: fadeInOpacity;
     animation-timing-function: ease-in;
   }
+  .kol-tooltip__floating.hide {
+    animation-name: hideTooltip;
+  }
+  .kol-tooltip__floating.show {
+    animation-name: showTooltip;
+  }
   .kol-tooltip__arrow {
     transform: rotate(45deg);
     color: #000;
@@ -246,6 +248,23 @@ import{r as t,h as n,b as o}from"./index-fxDtDX87.js";/*!
     position: relative;
     z-index: 1000;
   }
+  @keyframes hideTooltip {
+    0% {
+      opacity: 1;
+    }
+    100% {
+      opacity: 0;
+      display: none;
+    }
+  }
+  @keyframes showTooltip {
+    0% {
+      opacity: 0;
+    }
+    100% {
+      opacity: 1;
+    }
+  }
 }
 @layer kol-component {
   .kol-alert {
@@ -263,4 +282,4 @@ import{r as t,h as n,b as o}from"./index-fxDtDX87.js";/*!
     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-G0CmSEZ_.js.map
+//# sourceMappingURL=kol-alert.entry-tGSQAb_G.js.map

package/dist/assets/{kol-alert.entry-G0CmSEZ_.js.map → kol-alert.entry-tGSQAb_G.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-alert.entry-G0CmSEZ_.js","sources":["../../../../components/dist/esm/kol-alert.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-C0tYQjse.js';\nimport { b as KolAlertWcTag } from './component-names-CkE54Ym7.js';\nimport './common-8fBdMvJM.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: grid;\\n    place-items: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: block;\\n  }\\n}\\n@layer kol-component {\\n  @keyframes fadeInOpacity {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n  .kol-tooltip {\\n    display: contents;\\n  }\\n  .kol-tooltip__floating {\\n    display: none;\\n    position: fixed;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width, max-content);\\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    visibility: hidden;\\n    animation-duration: 0.25s;\\n    animation-iteration-count: 1;\\n    animation-name: fadeInOpacity;\\n    animation-timing-function: ease-in;\\n  }\\n  .kol-tooltip__arrow {\\n    transform: rotate(45deg);\\n    color: #000;\\n    background-color: #fff;\\n    position: absolute;\\n    z-index: 999;\\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-tooltip__content {\\n    color: #000;\\n    background-color: #fff;\\n    position: relative;\\n    z-index: 1000;\\n  }\\n}\\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":"sDAAA;AAAA;AAAA,GAOA,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,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-tGSQAb_G.js","sources":["../../../../components/dist/esm/kol-alert.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-BG8JuXph.js';\nimport { b as KolAlertWcTag } from './component-names-CkE54Ym7.js';\nimport './common-Dd0zJQbD.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":"sDAAA;AAAA;AAAA,GAOA,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-kdfwoLDo.js

@@ -0,0 +1,4 @@
+import{r as s,h as o}from"./index-eI_RdheT.js";import{h as i,v as d}from"./color-BOIEtqEM-BTQ7xdfG.js";import{v as c}from"./image-source-BfBEJ0rX-ZCtqKxfP.js";import{v as h}from"./label-Dnmzb2S_-C6oOQMoX.js";import{t as n}from"./i18n-C5ifExT3-Bgs4IVwr.js";/*!
+ * KoliBri - The accessible HTML-Standard
+ */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-kdfwoLDo.js.map

package/dist/assets/kol-avatar-wc.entry-kdfwoLDo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-avatar-wc.entry-kdfwoLDo.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-BG8JuXph.js';\nimport './common-Dd0zJQbD.js';\nimport { h as handleColorChange, v as validateColor } from './color-BOIEtqEM.js';\nimport { v as validateImageSource } from './image-source-BfBEJ0rX.js';\nimport { v as validateLabel } from './label-Dnmzb2S_.js';\nimport { t as translate } from './i18n-C5ifExT3.js';\nimport './i18n-ZF6JbdVP.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":"gQAAA;AAAA;AAAA,GAWA,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-DBeuwAnk.js → kol-avatar.entry-CICDuG1z.js}

@@ -1,6 +1,6 @@
-import{r as e,h as t,c as i}from"./index-fxDtDX87.js";/*!
+import{r as e,h as t,c as o}from"./index-eI_RdheT.js";/*!
  * KoliBri - The accessible HTML-Standard
- */const o=`/* forward the rem function */
+ */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.
@@ -163,13 +163,15 @@ import{r as e,h as t,c as i}from"./index-fxDtDX87.js";/*!
   }
   .kol-span {
     /* KolSpan is a layout component with icons in all directions and a label text in the middle. */
-    display: grid;
-    place-items: center;
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    justify-content: center;
     /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */
   }
   .kol-span__container {
     display: flex;
-    place-items: center;
+    align-items: center;
   }
   a,
   button {
@@ -219,11 +221,11 @@ import{r as e,h as t,c as i}from"./index-fxDtDX87.js";/*!
     height: 100%;
   }
   .kol-avatar__initials {
-    background-color: #d3d3d3;
+    background-color: inherit;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: calc(40 * 1rem / var(--kolibri-root-font-size, 16));
   }
-}`,a=class{constructor(n){e(this,n)}render(){return t(i,{key:"f4a53843b92e2d4a0fb20cec4b5b9f23f962a483",_src:this._src,_label:this._label})}};a.style={default:o};export{a as kol_avatar};
-//# sourceMappingURL=kol-avatar.entry-DBeuwAnk.js.map
+}`,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-CICDuG1z.js.map

package/dist/assets/{kol-avatar.entry-DBeuwAnk.js.map → kol-avatar.entry-CICDuG1z.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-avatar.entry-DBeuwAnk.js","sources":["../../../../components/dist/esm/kol-avatar.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-C0tYQjse.js';\nimport { c as KolAvatarWcTag } from './component-names-CkE54Ym7.js';\nimport './common-8fBdMvJM.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: grid;\\n    place-items: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: block;\\n  }\\n}\\n@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: #d3d3d3;\\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    }\n    render() {\n        return h(KolAvatarWcTag, { key: 'f4a53843b92e2d4a0fb20cec4b5b9f23f962a483', _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":"sDAAA;AAAA;AAAA,GAOA,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,GAElBC,EAAY,KAAM,CACpB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,CAClC,CACA,QAAS,CACL,OAAOE,EAAEC,EAAgB,CAAE,IAAK,2CAA4C,KAAM,KAAK,KAAM,OAAQ,KAAK,MAAM,CAAE,CACtH,CACJ,EACAJ,EAAU,MAAQ,CACd,QAASD,CACb"}
+{"version":3,"file":"kol-avatar.entry-CICDuG1z.js","sources":["../../../../components/dist/esm/kol-avatar.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-BG8JuXph.js';\nimport { c as KolAvatarWcTag } from './component-names-CkE54Ym7.js';\nimport './common-Dd0zJQbD.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":"sDAAA;AAAA;AAAA,GAOA,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"}