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

package/dist/assets/{kol-spin.entry-CddDa2yp.js → kol-spin.entry-CblSjOFZ.js}

@@ -1,4 +1,4 @@
-import{r,h as n,H as s,F as l,w as d}from"./index-DqXEOlVh.js";import{t as i}from"./i18n-820d85c7-o606L4xD.js";import{v as c}from"./show-82afe4f8-CubThYTC.js";/*!
+import{r,h as n,H as s,F as l,w as d}from"./index-DzC8uzw2.js";import{t as i}from"./i18n-b4507b80-rWfzuBgg.js";import{v as c}from"./show-03f9068a-wnTOKPni.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const o=["cycle","dot","none"],h=(e,a)=>{d(e,"_variant",t=>typeof t=="string"&&o.includes(t),new Set(o),a)},p=`/*
  * This file contains all rules for accessibility.
@@ -9,13 +9,13 @@ import{r,h as n,H as s,F as l,w as d}from"./index-DqXEOlVh.js";import{t as i}fro
      * Minimum size of interactive elements.
      */
     --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));
+    color: black;
     /*
      * No element should be used without a background and font color whose contrast ratio has
      * not been checked. By initially setting the background color to white and the font color
      * to black, the contrast ratio is ensured and explicit adjustment is forced.
      */
     background-color: white;
-    color: black;
     /*
      * Verdana is an accessible font that can be used without requiring additional loading time.
      */
@@ -46,11 +46,10 @@ import{r,h as n,H as s,F as l,w as d}from"./index-DqXEOlVh.js";import{t as i}fro
   /* option, */
   /* select, */
   /* textarea, */
-  [role=button],
-  button:not([role=link]),
+  button,
   .kol-input .input {
-    min-height: var(--a11y-min-size);
     min-width: var(--a11y-min-size);
+    min-height: var(--a11y-min-size);
   }
   /*
    * Some interactive elements should not inherit the font-family and font-size.
@@ -91,13 +90,12 @@ import{r,h as n,H as s,F as l,w as d}from"./index-DqXEOlVh.js";import{t as i}fro
   * - https://www.a11yproject.com/posts/how-to-hide-content/
   */
   .visually-hidden {
-    clip: rect(0 0 0 0);
-    clip-path: inset(50%);
+    position: absolute;
+    width: 1px;
     height: 1px;
     overflow: hidden;
-    position: absolute;
     white-space: nowrap;
-    width: 1px;
+    clip-path: inset(50%);
   }
 }
 @layer kol-global {
@@ -107,10 +105,10 @@ import{r,h as n,H as s,F as l,w as d}from"./index-DqXEOlVh.js";import{t as i}fro
    */
   :is(a, button) {
     background-color: transparent;
-    border: none;
+    width: 100%; /* 100% needed for custom width from outside */
     margin: 0;
     padding: 0;
-    width: 100%; /* 100% needed for custom width from outside */
+    border: none;
   }
   /*
    * Ensure elements with hidden attribute to be actually not visible
@@ -122,12 +120,12 @@ import{r,h as n,H as s,F as l,w as d}from"./index-DqXEOlVh.js";import{t as i}fro
 }
 @layer kol-global {
   :host {
-    font-size: calc(16rem / var(--kolibri-root-font-size, 16));
     /*
      * The max-width is needed to prevent the table from overflowing the
      * parent node, if the table is wider than the parent node.
      */
     max-width: 100%;
+    font-size: calc(16rem / var(--kolibri-root-font-size, 16));
   }
   * {
     /*
@@ -163,17 +161,17 @@ import{r,h as n,H as s,F as l,w as d}from"./index-DqXEOlVh.js";import{t as i}fro
   [aria-disabled=true]:focus,
   [disabled],
   [disabled]:focus {
-    cursor: not-allowed;
     opacity: 0.5;
     outline: none;
+    cursor: not-allowed;
   }
   [aria-disabled=true]:focus .kol-span-wc,
   [disabled]:focus .kol-span-wc {
     outline: none !important;
   }
   .badge-text-hint {
-    background-color: lightgray;
     color: black;
+    background-color: lightgray;
   }
 }
 @layer kol-component {
@@ -182,20 +180,20 @@ import{r,h as n,H as s,F as l,w as d}from"./index-DqXEOlVh.js";import{t as i}fro
     height: calc(48rem / var(--kolibri-root-font-size, 16));
   }
   .spin.cycle > .loader {
+    border-radius: 50%;
     display: block;
+    position: relative;
     width: 100%;
     height: 100%;
-    border-radius: 50%;
-    position: relative;
     animation: 2s linear infinite rotate;
   }
   .spin.cycle > .loader::before {
-    content: "";
+    border-radius: 50%;
     position: absolute;
     inset: 0;
-    border-radius: 50%;
-    border: 5px solid #333;
+    content: "";
     animation: 3s linear infinite prixClipFix;
+    border: 5px solid #333;
   }
   @keyframes rotate {
     100% {
@@ -236,41 +234,41 @@ import{r,h as n,H as s,F as l,w as d}from"./index-DqXEOlVh.js";import{t as i}fro
 }
 @layer kol-component {
   .spin.dot {
-    height: calc(16rem / var(--kolibri-root-font-size, 16));
     width: calc(48rem / var(--kolibri-root-font-size, 16));
+    height: calc(16rem / var(--kolibri-root-font-size, 16));
   }
   .spin.dot > span {
-    animation-timing-function: cubic-bezier(0, 1, 1, 0);
     border-radius: 50%;
-    border: 0.16px solid #fff;
-    height: calc(12.8rem / var(--kolibri-root-font-size, 16));
     position: absolute;
     top: calc(0.16rem / var(--kolibri-root-font-size, 16));
     width: calc(12.8rem / var(--kolibri-root-font-size, 16));
+    height: calc(12.8rem / var(--kolibri-root-font-size, 16));
+    animation-timing-function: cubic-bezier(0, 1, 1, 0);
+    border: 0.16px solid #fff;
   }
   .spin.dot > span:first-child {
     background-color: #000;
+    left: calc(0.16rem / var(--kolibri-root-font-size, 16));
     z-index: 0;
     animation: 1s infinite spin1;
-    left: calc(0.16rem / var(--kolibri-root-font-size, 16));
   }
   .spin.dot > span:nth-child(2) {
     background-color: #000;
+    left: calc(0.16rem / var(--kolibri-root-font-size, 16));
     z-index: 1;
     animation: 1s infinite spin2;
-    left: calc(0.16rem / var(--kolibri-root-font-size, 16));
   }
   .spin.dot > span:nth-child(3) {
     background-color: #000;
+    left: calc(17.6rem / var(--kolibri-root-font-size, 16));
     z-index: 1;
     animation: 1s infinite spin2;
-    left: calc(17.6rem / var(--kolibri-root-font-size, 16));
   }
   .spin.dot > span:nth-child(4) {
     background-color: #666;
+    left: calc(33.6rem / var(--kolibri-root-font-size, 16));
     z-index: 0;
     animation: 1s infinite spin3;
-    left: calc(33.6rem / var(--kolibri-root-font-size, 16));
   }
   @keyframes spin1 {
     0% {
@@ -309,8 +307,8 @@ import{r,h as n,H as s,F as l,w as d}from"./index-DqXEOlVh.js";import{t as i}fro
 @layer kol-component {
   .spin {
     display: block;
-    padding: calc(2rem / var(--kolibri-root-font-size, 16));
     position: relative;
+    padding: calc(2rem / var(--kolibri-root-font-size, 16));
   }
-}`,m=p;function f(e){switch(e){case"cycle":return n("span",{class:"loader"});case"none":return n("slot",{name:"expert"});default:return n(l,null,n("span",{class:"bg-spin-1"}),n("span",{class:"bg-spin-2"}),n("span",{class:"bg-spin-3"}),n("span",{class:"bg-neutral"}))}}const b=class{constructor(e){r(this,e),this.showToggled=!1,this._show=!1,this._variant="dot",this.state={_variant:"dot"}}render(){return n(s,{key:"0733583d9a2ed6b865f91f218af816881991a661",class:"kol-spin"},this.state._show?n("span",{"aria-busy":"true","aria-label":i("kol-action-running"),"aria-live":"polite",class:{spin:!0,[this.state._variant]:!0},role:"alert"},f(this.state._variant)):this.showToggled&&n("span",{"aria-label":i("kol-action-done"),"aria-busy":"false","aria-live":"polite",role:"alert"}))}validateShow(e){this.showToggled=this.state._show===!0&&this._show===!1,c(this,e)}validateVariant(e){h(this,e)}componentWillLoad(){this.validateShow(this._show),this.validateVariant(this._variant)}static get watchers(){return{_show:["validateShow"],_variant:["validateVariant"]}}};b.style={default:m};export{b as kol_spin};
-//# sourceMappingURL=kol-spin.entry-CddDa2yp.js.map
+}`,m=p;function f(e){switch(e){case"cycle":return n("span",{class:"loader"});case"none":return n("slot",{name:"expert"});default:return n(l,null,n("span",{class:"bg-spin-1"}),n("span",{class:"bg-spin-2"}),n("span",{class:"bg-spin-3"}),n("span",{class:"bg-neutral"}))}}const b=class{constructor(e){r(this,e),this.showToggled=!1,this._show=!1,this._variant="dot",this.state={_variant:"dot"}}render(){return n(s,{key:"7aa382d1c2db4fb643edd0c3ee846e4a4d4b01e9",class:"kol-spin"},this.state._show?n("span",{"aria-busy":"true","aria-label":i("kol-action-running"),"aria-live":"polite",class:{spin:!0,[this.state._variant]:!0},role:"alert"},f(this.state._variant)):this.showToggled&&n("span",{"aria-label":i("kol-action-done"),"aria-busy":"false","aria-live":"polite",role:"alert"}))}validateShow(e){this.showToggled=this.state._show===!0&&this._show===!1,c(this,e)}validateVariant(e){h(this,e)}componentWillLoad(){this.validateShow(this._show),this.validateVariant(this._variant)}static get watchers(){return{_show:["validateShow"],_variant:["validateVariant"]}}};b.style={default:m};export{b as kol_spin};
+//# sourceMappingURL=kol-spin.entry-CblSjOFZ.js.map

package/dist/assets/kol-spin.entry-CblSjOFZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-spin.entry-CblSjOFZ.js","sources":["../../../../components/dist/esm/kol-spin.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host, F as Fragment } from './index-3bfee590.js';\nimport { w as watchValidator } from './index-50898179.js';\nimport { t as translate } from './i18n-b4507b80.js';\nimport { v as validateShow } from './show-03f9068a.js';\nimport './i18n-b14e6088.js';\n\nconst spinVariantPropTypeOptions = ['cycle', 'dot', 'none'];\nconst validateSpinVariant = (component, value) => {\n    watchValidator(component, '_variant', (value) => typeof value === 'string' && spinVariantPropTypeOptions.includes(value), new Set(spinVariantPropTypeOptions), value);\n};\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    color: black;\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: absolute;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%; /* 100% needed for custom width from outside */\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n  .kol-span-wc {\\n    display: grid;\\n    place-items: center;\\n  }\\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  .kol-span-wc > span {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  /* This is the text label. */\\n  .hide-label > .kol-span-wc > span > span {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span-wc,\\n  [disabled]:focus .kol-span-wc {\\n    outline: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-component {\\n  .spin.cycle {\\n    width: calc(48rem / var(--kolibri-root-font-size, 16));\\n    height: calc(48rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .spin.cycle > .loader {\\n    border-radius: 50%;\\n    display: block;\\n    position: relative;\\n    width: 100%;\\n    height: 100%;\\n    animation: 2s linear infinite rotate;\\n  }\\n  .spin.cycle > .loader::before {\\n    border-radius: 50%;\\n    position: absolute;\\n    inset: 0;\\n    content: \\\"\\\";\\n    animation: 3s linear infinite prixClipFix;\\n    border: 5px solid #333;\\n  }\\n  @keyframes rotate {\\n    100% {\\n      transform: rotate(360deg);\\n    }\\n  }\\n  @keyframes prixClipFix {\\n    0% {\\n      border-color: #fff;\\n      clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);\\n    }\\n    25% {\\n      border-color: #666;\\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);\\n    }\\n    50% {\\n      border-color: #000;\\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);\\n    }\\n    75% {\\n      border-color: #000;\\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);\\n    }\\n    100% {\\n      border-color: #000;\\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);\\n    }\\n  }\\n  /* https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion#toning_down_the_animation_scaling */\\n  @media (prefers-reduced-motion) {\\n    .spin.cycle > .loader {\\n      animation-duration: 4s;\\n    }\\n    .spin.cycle > .loader::before {\\n      animation-duration: 6s;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  .spin.dot {\\n    width: calc(48rem / var(--kolibri-root-font-size, 16));\\n    height: calc(16rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .spin.dot > span {\\n    border-radius: 50%;\\n    position: absolute;\\n    top: calc(0.16rem / var(--kolibri-root-font-size, 16));\\n    width: calc(12.8rem / var(--kolibri-root-font-size, 16));\\n    height: calc(12.8rem / var(--kolibri-root-font-size, 16));\\n    animation-timing-function: cubic-bezier(0, 1, 1, 0);\\n    border: 0.16px solid #fff;\\n  }\\n  .spin.dot > span:first-child {\\n    background-color: #000;\\n    left: calc(0.16rem / var(--kolibri-root-font-size, 16));\\n    z-index: 0;\\n    animation: 1s infinite spin1;\\n  }\\n  .spin.dot > span:nth-child(2) {\\n    background-color: #000;\\n    left: calc(0.16rem / var(--kolibri-root-font-size, 16));\\n    z-index: 1;\\n    animation: 1s infinite spin2;\\n  }\\n  .spin.dot > span:nth-child(3) {\\n    background-color: #000;\\n    left: calc(17.6rem / var(--kolibri-root-font-size, 16));\\n    z-index: 1;\\n    animation: 1s infinite spin2;\\n  }\\n  .spin.dot > span:nth-child(4) {\\n    background-color: #666;\\n    left: calc(33.6rem / var(--kolibri-root-font-size, 16));\\n    z-index: 0;\\n    animation: 1s infinite spin3;\\n  }\\n  @keyframes spin1 {\\n    0% {\\n      transform: scale(0);\\n    }\\n    100% {\\n      transform: scale(1);\\n    }\\n  }\\n  @keyframes spin2 {\\n    0% {\\n      transform: translate(0, 0);\\n    }\\n    100% {\\n      transform: translate(calc(16rem / var(--kolibri-root-font-size, 16)), 0);\\n    }\\n  }\\n  @keyframes spin3 {\\n    0% {\\n      transform: scale(1);\\n    }\\n    100% {\\n      transform: scale(0);\\n    }\\n  }\\n  /* https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion#toning_down_the_animation_scaling */\\n  @media (prefers-reduced-motion) {\\n    .spin.dot > span:first-child,\\n    .spin.dot > span:nth-child(2),\\n    .spin.dot > span:nth-child(3),\\n    .spin.dot > span:nth-child(4) {\\n      animation-duration: 2s;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  .spin {\\n    display: block;\\n    position: relative;\\n    padding: calc(2rem / var(--kolibri-root-font-size, 16));\\n  }\\n}\";\nconst KolSpinDefaultStyle0 = defaultStyleCss;\n\nfunction renderSpin(variant) {\n    switch (variant) {\n        case 'cycle':\n            return h(\"span\", { class: \"loader\" });\n        case 'none':\n            return h(\"slot\", { name: \"expert\" });\n        default:\n            return (h(Fragment, null, h(\"span\", { class: \"bg-spin-1\" }), h(\"span\", { class: \"bg-spin-2\" }), h(\"span\", { class: \"bg-spin-3\" }), h(\"span\", { class: \"bg-neutral\" })));\n    }\n}\nconst KolSpin = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.showToggled = false;\n        this._show = false;\n        this._variant = 'dot';\n        this.state = {\n            _variant: 'dot',\n        };\n    }\n    render() {\n        return (h(Host, { key: '7aa382d1c2db4fb643edd0c3ee846e4a4d4b01e9', class: \"kol-spin\" }, this.state._show ? (h(\"span\", { \"aria-busy\": \"true\", \"aria-label\": translate('kol-action-running'), \"aria-live\": \"polite\", class: {\n                spin: true,\n                [this.state._variant]: true,\n            }, role: \"alert\" }, renderSpin(this.state._variant))) : (this.showToggled && h(\"span\", { \"aria-label\": translate('kol-action-done'), \"aria-busy\": \"false\", \"aria-live\": \"polite\", role: \"alert\" }))));\n    }\n    validateShow(value) {\n        this.showToggled = this.state._show === true && this._show === false;\n        validateShow(this, value);\n    }\n    validateVariant(value) {\n        validateSpinVariant(this, value);\n    }\n    componentWillLoad() {\n        this.validateShow(this._show);\n        this.validateVariant(this._variant);\n    }\n    static get watchers() { return {\n        \"_show\": [\"validateShow\"],\n        \"_variant\": [\"validateVariant\"]\n    }; }\n};\nKolSpin.style = {\n    default: KolSpinDefaultStyle0\n};\n\nexport { KolSpin as kol_spin };\n\n//# sourceMappingURL=kol-spin.entry.js.map"],"names":["spinVariantPropTypeOptions","validateSpinVariant","component","value","watchValidator","defaultStyleCss","KolSpinDefaultStyle0","renderSpin","variant","h","Fragment","KolSpin","hostRef","registerInstance","Host","translate","validateShow"],"mappings":"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"}

package/dist/assets/{kol-split-button.entry-hH0XWuIN.js → kol-split-button.entry-DvOt03wd.js}

@@ -1,4 +1,4 @@
-import{r as l,h as n,a8 as r,c as o,H as d}from"./index-DqXEOlVh.js";import{t as a}from"./i18n-820d85c7-o606L4xD.js";/*!
+import{r as l,h as n,a8 as r,c as o,H as d}from"./index-DzC8uzw2.js";import{t as a}from"./i18n-b4507b80-rWfzuBgg.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const c=`/*
  * This file contains all rules for accessibility.
@@ -9,13 +9,13 @@ import{r as l,h as n,a8 as r,c as o,H as d}from"./index-DqXEOlVh.js";import{t as
      * Minimum size of interactive elements.
      */
     --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));
+    color: black;
     /*
      * No element should be used without a background and font color whose contrast ratio has
      * not been checked. By initially setting the background color to white and the font color
      * to black, the contrast ratio is ensured and explicit adjustment is forced.
      */
     background-color: white;
-    color: black;
     /*
      * Verdana is an accessible font that can be used without requiring additional loading time.
      */
@@ -46,11 +46,10 @@ import{r as l,h as n,a8 as r,c as o,H as d}from"./index-DqXEOlVh.js";import{t as
   /* option, */
   /* select, */
   /* textarea, */
-  [role=button],
-  button:not([role=link]),
+  button,
   .kol-input .input {
-    min-height: var(--a11y-min-size);
     min-width: var(--a11y-min-size);
+    min-height: var(--a11y-min-size);
   }
   /*
    * Some interactive elements should not inherit the font-family and font-size.
@@ -91,13 +90,12 @@ import{r as l,h as n,a8 as r,c as o,H as d}from"./index-DqXEOlVh.js";import{t as
   * - https://www.a11yproject.com/posts/how-to-hide-content/
   */
   .visually-hidden {
-    clip: rect(0 0 0 0);
-    clip-path: inset(50%);
+    position: absolute;
+    width: 1px;
     height: 1px;
     overflow: hidden;
-    position: absolute;
     white-space: nowrap;
-    width: 1px;
+    clip-path: inset(50%);
   }
 }
 @layer kol-global {
@@ -107,10 +105,10 @@ import{r as l,h as n,a8 as r,c as o,H as d}from"./index-DqXEOlVh.js";import{t as
    */
   :is(a, button) {
     background-color: transparent;
-    border: none;
+    width: 100%; /* 100% needed for custom width from outside */
     margin: 0;
     padding: 0;
-    width: 100%; /* 100% needed for custom width from outside */
+    border: none;
   }
   /*
    * Ensure elements with hidden attribute to be actually not visible
@@ -122,12 +120,12 @@ import{r as l,h as n,a8 as r,c as o,H as d}from"./index-DqXEOlVh.js";import{t as
 }
 @layer kol-global {
   :host {
-    font-size: calc(16rem / var(--kolibri-root-font-size, 16));
     /*
      * The max-width is needed to prevent the table from overflowing the
      * parent node, if the table is wider than the parent node.
      */
     max-width: 100%;
+    font-size: calc(16rem / var(--kolibri-root-font-size, 16));
   }
   * {
     /*
@@ -163,30 +161,30 @@ import{r as l,h as n,a8 as r,c as o,H as d}from"./index-DqXEOlVh.js";import{t as
   [aria-disabled=true]:focus,
   [disabled],
   [disabled]:focus {
-    cursor: not-allowed;
     opacity: 0.5;
     outline: none;
+    cursor: not-allowed;
   }
   [aria-disabled=true]:focus .kol-span-wc,
   [disabled]:focus .kol-span-wc {
     outline: none !important;
   }
   .badge-text-hint {
-    background-color: lightgray;
     color: black;
+    background-color: lightgray;
   }
 }
 @layer kol-component {
   .kol-popover {
-    height: 0;
     position: absolute;
+    height: 0;
   }
   .kol-popover .popover {
-    background-color: #fff;
-    min-height: max-content;
-    min-width: max-content;
     opacity: 0;
+    background-color: #fff;
     position: absolute;
+    min-width: max-content;
+    min-height: max-content;
   }
   .kol-popover .show {
     animation: 0.3s ease-in forwards fadeInOpacity;
@@ -195,12 +193,12 @@ import{r as l,h as n,a8 as r,c as o,H as d}from"./index-DqXEOlVh.js";import{t as
     animation: 0.3s ease-in backwards fadeInOpacity;
   }
   .kol-popover .arrow {
+    rotate: 0.125turn;
     background-color: inherit;
-    height: var(--font-size);
     position: absolute;
-    rotate: 0.125turn;
-    width: var(--font-size);
     z-index: -1;
+    width: var(--font-size);
+    height: var(--font-size);
   }
   @keyframes fadeInOpacity {
     0% {
@@ -217,32 +215,32 @@ import{r as l,h as n,a8 as r,c as o,H as d}from"./index-DqXEOlVh.js";import{t as
     contain: layout;
   }
   .kol-tooltip-wc .tooltip-floating {
-    animation-duration: 0.25s;
-    animation-iteration-count: 1;
-    animation-name: fadeInOpacity;
-    animation-timing-function: ease-in;
     display: none;
     position: fixed;
-    visibility: hidden;
     /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */
     top: 0;
     left: 0;
-    max-width: 90vw;
-    max-height: 90vh;
     /* Can be used to specify the tooltip-width from the outside. Unset by default.  */
     width: var(--kol-tooltip-width);
+    max-width: 90vw;
+    max-height: 90vh;
+    visibility: hidden;
+    animation-duration: 0.25s;
+    animation-iteration-count: 1;
+    animation-name: fadeInOpacity;
+    animation-timing-function: ease-in;
   }
   /* Shared between content and arrow */
   .kol-tooltip-wc .tooltip-area {
-    background-color: #fff;
     color: #000;
+    background-color: #fff;
   }
   .kol-tooltip-wc .tooltip-arrow {
-    height: calc(10rem / var(--kolibri-root-font-size, 16));
-    position: absolute;
     transform: rotate(45deg);
-    width: calc(10rem / var(--kolibri-root-font-size, 16));
+    position: absolute;
     z-index: 999;
+    width: calc(10rem / var(--kolibri-root-font-size, 16));
+    height: calc(10rem / var(--kolibri-root-font-size, 16));
   }
   .kol-tooltip-wc .tooltip-content {
     position: relative;
@@ -276,5 +274,5 @@ import{r as l,h as n,a8 as r,c as o,H as d}from"./index-DqXEOlVh.js";import{t as
   .kol-popover .arrow {
     display: none;
   }
-}`,h=c,p=class{constructor(t){l(this,t),this.clickButtonHandler={onClick:s=>{var e,i;typeof((e=this._on)===null||e===void 0?void 0:e.onClick)=="function"?(i=this._on)===null||i===void 0||i.onClick(s,this._value):this.toggleDropdown()}},this.clickToggleHandler={onClick:()=>this.toggleDropdown()},this.toggleDropdown=()=>{this.state=Object.assign(Object.assign({},this.state),{_show:!this.state._show})},this.handleOnClose=()=>{this.state=Object.assign(Object.assign({},this.state),{_show:!1})},this._ariaControls=void 0,this._ariaExpanded=void 0,this._ariaSelected=void 0,this._customClass=void 0,this._disabled=!1,this._hideLabel=!1,this._icons=void 0,this._id=void 0,this._label=void 0,this._name=void 0,this._on=void 0,this._role=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._type="button",this._value=void 0,this._variant="normal",this.state={_show:!1}}render(){const t="kol-split-button-dropdown-label";return n(d,{key:"cf6ac525bf85bfb0fe16d7275808b1c2466be185",class:"kol-split-button"},n("div",{key:"e508675a55f10001239c47362c569e7ce3991dd5",class:"split-button-root"},n(o,{key:"59b44b060c2e949191e3da275e11b1e67c34159a",class:{"main-button":!0,button:!0},_ariaControls:this._ariaControls,_ariaExpanded:this._ariaExpanded,_ariaSelected:this._ariaSelected,_customClass:this._customClass,_disabled:this._disabled,_icons:this._icons,_hideLabel:this._hideLabel,_label:this._label,_name:this._name,_on:this.clickButtonHandler,_role:this._role,_syncValueBySelector:this._syncValueBySelector,_tabIndex:this._tabIndex,_tooltipAlign:this._tooltipAlign,_type:this._type,_value:this._value,_variant:this._variant}),n("div",{key:"077e67c07b03f786f02d14e1f5d99c5aa2362721",class:"horizontal-line"}),n(o,{key:"98af91aba2eb06c3d637b983386c0bc46c1259de",class:{"secondary-button":!0,[this._variant]:this._variant!=="custom"},_disabled:this._disabled,_hideLabel:!0,_icons:"codicon codicon-triangle-down",_label:this.state._show?a(`${t}-close`):a(`${t}-open`),_on:this.clickToggleHandler,_variant:this._variant})),n(r,{key:"9546540b0ca474b3b8d8d6582a8eb9863d33289c",_show:this.state._show,_on:{onClose:this.handleOnClose},_align:"bottom"},n("slot",{key:"a92e0ad1f9f2bf6f95f013f4e2ead60d432d7285"})))}async closePopup(){return this.handleOnClose(),Promise.resolve()}static get delegatesFocus(){return!0}};p.style={default:h};export{p as kol_split_button};
-//# sourceMappingURL=kol-split-button.entry-hH0XWuIN.js.map
+}`,h=c,p=class{constructor(t){l(this,t),this.clickButtonHandler={onClick:s=>{var e,i;typeof((e=this._on)===null||e===void 0?void 0:e.onClick)=="function"?(i=this._on)===null||i===void 0||i.onClick(s,this._value):this.toggleDropdown()}},this.clickToggleHandler={onClick:()=>this.toggleDropdown()},this.toggleDropdown=()=>{this.state=Object.assign(Object.assign({},this.state),{_show:!this.state._show})},this.handleOnClose=()=>{this.state=Object.assign(Object.assign({},this.state),{_show:!1})},this._ariaControls=void 0,this._ariaExpanded=void 0,this._ariaSelected=void 0,this._customClass=void 0,this._disabled=!1,this._hideLabel=!1,this._icons=void 0,this._id=void 0,this._label=void 0,this._name=void 0,this._on=void 0,this._role=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._type="button",this._value=void 0,this._variant="normal",this.state={_show:!1}}render(){const t="kol-split-button-dropdown-label";return n(d,{key:"6bad884cb6a50ad50b50684412c2a24a61cc0bb1",class:"kol-split-button"},n("div",{key:"635cf2785fd3742649d31b8eb3dc5d305f085fbb",class:"split-button-root"},n(o,{key:"c0818c09f47170910d1a29c35e5804a6ea2fe201",class:{"main-button":!0,button:!0},_ariaControls:this._ariaControls,_ariaExpanded:this._ariaExpanded,_ariaSelected:this._ariaSelected,_customClass:this._customClass,_disabled:this._disabled,_icons:this._icons,_hideLabel:this._hideLabel,_label:this._label,_name:this._name,_on:this.clickButtonHandler,_syncValueBySelector:this._syncValueBySelector,_tabIndex:this._tabIndex,_tooltipAlign:this._tooltipAlign,_type:this._type,_value:this._value,_variant:this._variant}),n("div",{key:"865de25270e46b3c8847a8e94cd844dfa90ee0e6",class:"horizontal-line"}),n(o,{key:"3057a0a5a62b9f7b40a5d14e5f178eba6191d538",class:{"secondary-button":!0,[this._variant]:this._variant!=="custom"},_disabled:this._disabled,_hideLabel:!0,_icons:"codicon codicon-triangle-down",_label:this.state._show?a(`${t}-close`):a(`${t}-open`),_on:this.clickToggleHandler,_variant:this._variant})),n(r,{key:"b3099a04b9c096b8fb5dad08a07f2cd15932f3a6",_show:this.state._show,_on:{onClose:this.handleOnClose},_align:"bottom"},n("slot",{key:"d9655a0b796d72a7e3ca664c82bb8ce23171b37c"})))}async closePopup(){return this.handleOnClose(),Promise.resolve()}static get delegatesFocus(){return!0}};p.style={default:h};export{p as kol_split_button};
+//# sourceMappingURL=kol-split-button.entry-DvOt03wd.js.map

package/dist/assets/kol-split-button.entry-DvOt03wd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-split-button.entry-DvOt03wd.js","sources":["../../../../components/dist/esm/kol-split-button.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-3bfee590.js';\nimport { t as translate } from './i18n-b4507b80.js';\nimport { o as KolPopoverWcTag, c as KolButtonWcTag } from './component-names-4cb1c62b.js';\nimport './i18n-b14e6088.js';\nimport './index-50898179.js';\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    color: black;\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: absolute;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%; /* 100% needed for custom width from outside */\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n  .kol-span-wc {\\n    display: grid;\\n    place-items: center;\\n  }\\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  .kol-span-wc > span {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  /* This is the text label. */\\n  .hide-label > .kol-span-wc > span > span {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span-wc,\\n  [disabled]:focus .kol-span-wc {\\n    outline: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-component {\\n  .kol-popover {\\n    position: absolute;\\n    height: 0;\\n  }\\n  .kol-popover .popover {\\n    opacity: 0;\\n    background-color: #fff;\\n    position: absolute;\\n    min-width: max-content;\\n    min-height: max-content;\\n  }\\n  .kol-popover .show {\\n    animation: 0.3s ease-in forwards fadeInOpacity;\\n  }\\n  .kol-popover .disappear {\\n    animation: 0.3s ease-in backwards fadeInOpacity;\\n  }\\n  .kol-popover .arrow {\\n    rotate: 0.125turn;\\n    background-color: inherit;\\n    position: absolute;\\n    z-index: -1;\\n    width: var(--font-size);\\n    height: var(--font-size);\\n  }\\n  @keyframes fadeInOpacity {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip-wc {\\n    display: contents;\\n    contain: layout;\\n  }\\n  .kol-tooltip-wc .tooltip-floating {\\n    display: none;\\n    position: fixed;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width);\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    visibility: hidden;\\n    animation-duration: 0.25s;\\n    animation-iteration-count: 1;\\n    animation-name: fadeInOpacity;\\n    animation-timing-function: ease-in;\\n  }\\n  /* Shared between content and arrow */\\n  .kol-tooltip-wc .tooltip-area {\\n    color: #000;\\n    background-color: #fff;\\n  }\\n  .kol-tooltip-wc .tooltip-arrow {\\n    transform: rotate(45deg);\\n    position: absolute;\\n    z-index: 999;\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-tooltip-wc .tooltip-content {\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes fadeInOpacity {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: flex;\\n    position: relative;\\n  }\\n  .split-button-root {\\n    display: flex;\\n    position: relative;\\n  }\\n  .main-button {\\n    flex-grow: 1;\\n    text-align: left;\\n  }\\n  .kol-popover .popover {\\n    margin-top: calc(2rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-popover .arrow {\\n    display: none;\\n  }\\n}\";\nconst KolSplitButtonDefaultStyle0 = defaultStyleCss;\n\nconst KolSplitButton = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.clickButtonHandler = {\n            onClick: (e) => {\n                var _a, _b;\n                if (typeof ((_a = this._on) === null || _a === void 0 ? void 0 : _a.onClick) === 'function') {\n                    (_b = this._on) === null || _b === void 0 ? void 0 : _b.onClick(e, this._value);\n                }\n                else {\n                    this.toggleDropdown();\n                }\n            },\n        };\n        this.clickToggleHandler = { onClick: () => this.toggleDropdown() };\n        this.toggleDropdown = () => {\n            this.state = Object.assign(Object.assign({}, this.state), { _show: !this.state._show });\n        };\n        this.handleOnClose = () => {\n            this.state = Object.assign(Object.assign({}, this.state), { _show: false });\n        };\n        this._ariaControls = undefined;\n        this._ariaExpanded = undefined;\n        this._ariaSelected = undefined;\n        this._customClass = undefined;\n        this._disabled = false;\n        this._hideLabel = false;\n        this._icons = undefined;\n        this._id = undefined;\n        this._label = undefined;\n        this._name = undefined;\n        this._on = undefined;\n        this._role = undefined;\n        this._syncValueBySelector = undefined;\n        this._tabIndex = undefined;\n        this._tooltipAlign = 'top';\n        this._type = 'button';\n        this._value = undefined;\n        this._variant = 'normal';\n        this.state = {\n            _show: false,\n        };\n    }\n    render() {\n        const i18nDropdownLabel = 'kol-split-button-dropdown-label';\n        return (h(Host, { key: '6bad884cb6a50ad50b50684412c2a24a61cc0bb1', class: \"kol-split-button\" }, h(\"div\", { key: '635cf2785fd3742649d31b8eb3dc5d305f085fbb', class: \"split-button-root\" }, h(KolButtonWcTag, { key: 'c0818c09f47170910d1a29c35e5804a6ea2fe201', class: {\n                'main-button': true,\n                button: true,\n            }, _ariaControls: this._ariaControls, _ariaExpanded: this._ariaExpanded, _ariaSelected: this._ariaSelected, _customClass: this._customClass, _disabled: this._disabled, _icons: this._icons, _hideLabel: this._hideLabel, _label: this._label, _name: this._name, _on: this.clickButtonHandler, _syncValueBySelector: this._syncValueBySelector, _tabIndex: this._tabIndex, _tooltipAlign: this._tooltipAlign, _type: this._type, _value: this._value, _variant: this._variant }), h(\"div\", { key: '865de25270e46b3c8847a8e94cd844dfa90ee0e6', class: \"horizontal-line\" }), h(KolButtonWcTag, { key: '3057a0a5a62b9f7b40a5d14e5f178eba6191d538', class: { 'secondary-button': true, [this._variant]: this._variant !== 'custom' }, _disabled: this._disabled, _hideLabel: true, _icons: \"codicon codicon-triangle-down\", _label: this.state._show ? translate(`${i18nDropdownLabel}-close`) : translate(`${i18nDropdownLabel}-open`), _on: this.clickToggleHandler, _variant: this._variant })), h(KolPopoverWcTag, { key: 'b3099a04b9c096b8fb5dad08a07f2cd15932f3a6', _show: this.state._show, _on: { onClose: this.handleOnClose }, _align: \"bottom\" }, h(\"slot\", { key: 'd9655a0b796d72a7e3ca664c82bb8ce23171b37c' }))));\n    }\n    async closePopup() {\n        this.handleOnClose();\n        return Promise.resolve();\n    }\n    static get delegatesFocus() { return true; }\n};\nKolSplitButton.style = {\n    default: KolSplitButtonDefaultStyle0\n};\n\nexport { KolSplitButton as kol_split_button };\n\n//# sourceMappingURL=kol-split-button.entry.js.map"],"names":["defaultStyleCss","KolSplitButtonDefaultStyle0","KolSplitButton","hostRef","registerInstance","e","_a","_b","i18nDropdownLabel","h","Host","KolButtonWcTag","translate","KolPopoverWcTag"],"mappings":"qHAAA;AAAA;AAAA,GASA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA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"}

package/dist/assets/kol-symbol.entry-B0F93rz0.js

@@ -0,0 +1,4 @@
+import{r as e,h as t,H as l,t as s}from"./index-DzC8uzw2.js";import{t as i}from"./i18n-b4507b80-rWfzuBgg.js";import{v as o}from"./label-2d7e2d68-CmR1a8EN.js";/*!
+ * KoliBri - The accessible HTML-Standard
+ */const d=class{constructor(a){e(this,a),this._label=void 0,this._symbol=void 0,this.state={_label:i("kol-warning"),_symbol:""}}render(){return t(l,{key:"46f7e23a71bbcd39355496d22bc077890943233e",class:"kol-symbol"},t("span",{key:"a94cfb6bf9a41f17edfac39a3357a203cbe58588","aria-label":this.state._label,role:"term"},this.state._symbol))}validateLabel(a){o(this,a,{required:!0})}validateSymbol(a){s(this,"_symbol",a,{required:!0})}componentWillLoad(){this.validateLabel(this._label),this.validateSymbol(this._symbol)}static get watchers(){return{_label:["validateLabel"],_symbol:["validateSymbol"]}}};export{d as kol_symbol};
+//# sourceMappingURL=kol-symbol.entry-B0F93rz0.js.map

package/dist/assets/{kol-symbol.entry-CRf3OWTN.js.map → kol-symbol.entry-B0F93rz0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-symbol.entry-CRf3OWTN.js","sources":["../../../../components/dist/esm/kol-symbol.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-6c6daeaa.js';\nimport { y as watchString } from './index-4fb06bbb.js';\nimport { t as translate } from './i18n-820d85c7.js';\nimport { v as validateLabel } from './label-51d66c9d.js';\nimport './i18n-b14e6088.js';\n\nconst KolSymbol = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this._label = undefined;\n        this._symbol = undefined;\n        this.state = {\n            _label: translate('kol-warning'),\n            _symbol: '',\n        };\n    }\n    render() {\n        return (h(Host, { key: '09195f2f3abd530937a2f1fb5a879f0cb38d7657', class: \"kol-symbol\" }, h(\"span\", { key: '597e49d33699b0f4ea2918e685bdd3f6e2ca5dab', \"aria-label\": this.state._label, role: \"term\" }, this.state._symbol)));\n    }\n    validateLabel(value) {\n        validateLabel(this, value, {\n            required: true,\n        });\n    }\n    validateSymbol(value) {\n        watchString(this, '_symbol', value, {\n            required: true,\n        });\n    }\n    componentWillLoad() {\n        this.validateLabel(this._label);\n        this.validateSymbol(this._symbol);\n    }\n    static get watchers() { return {\n        \"_label\": [\"validateLabel\"],\n        \"_symbol\": [\"validateSymbol\"]\n    }; }\n};\n\nexport { KolSymbol as kol_symbol };\n\n//# sourceMappingURL=kol-symbol.entry.js.map"],"names":["KolSymbol","hostRef","registerInstance","translate","h","Host","value","validateLabel","watchString"],"mappings":"8JAAA;AAAA;AAAA,GASK,MAACA,EAAY,KAAM,CACpB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,OAAS,OACd,KAAK,QAAU,OACf,KAAK,MAAQ,CACT,OAAQE,EAAU,aAAa,EAC/B,QAAS,EACZ,CACT,CACI,QAAS,CACL,OAAQC,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,YAAc,EAAED,EAAE,OAAQ,CAAE,IAAK,2CAA4C,aAAc,KAAK,MAAM,OAAQ,KAAM,MAAM,EAAI,KAAK,MAAM,OAAO,CAAC,CACnO,CACI,cAAcE,EAAO,CACjBC,EAAc,KAAMD,EAAO,CACvB,SAAU,EACtB,CAAS,CACT,CACI,eAAeA,EAAO,CAClBE,EAAY,KAAM,UAAWF,EAAO,CAChC,SAAU,EACtB,CAAS,CACT,CACI,mBAAoB,CAChB,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,eAAe,KAAK,OAAO,CACxC,CACI,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,eAAe,EAC1B,QAAW,CAAC,gBAAgB,CACpC,CAAM,CACN"}
+{"version":3,"file":"kol-symbol.entry-B0F93rz0.js","sources":["../../../../components/dist/esm/kol-symbol.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-3bfee590.js';\nimport { y as watchString } from './index-50898179.js';\nimport { t as translate } from './i18n-b4507b80.js';\nimport { v as validateLabel } from './label-2d7e2d68.js';\nimport './i18n-b14e6088.js';\n\nconst KolSymbol = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this._label = undefined;\n        this._symbol = undefined;\n        this.state = {\n            _label: translate('kol-warning'),\n            _symbol: '',\n        };\n    }\n    render() {\n        return (h(Host, { key: '46f7e23a71bbcd39355496d22bc077890943233e', class: \"kol-symbol\" }, h(\"span\", { key: 'a94cfb6bf9a41f17edfac39a3357a203cbe58588', \"aria-label\": this.state._label, role: \"term\" }, this.state._symbol)));\n    }\n    validateLabel(value) {\n        validateLabel(this, value, {\n            required: true,\n        });\n    }\n    validateSymbol(value) {\n        watchString(this, '_symbol', value, {\n            required: true,\n        });\n    }\n    componentWillLoad() {\n        this.validateLabel(this._label);\n        this.validateSymbol(this._symbol);\n    }\n    static get watchers() { return {\n        \"_label\": [\"validateLabel\"],\n        \"_symbol\": [\"validateSymbol\"]\n    }; }\n};\n\nexport { KolSymbol as kol_symbol };\n\n//# sourceMappingURL=kol-symbol.entry.js.map"],"names":["KolSymbol","hostRef","registerInstance","translate","h","Host","value","validateLabel","watchString"],"mappings":"8JAAA;AAAA;AAAA,GASK,MAACA,EAAY,KAAM,CACpB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,OAAS,OACd,KAAK,QAAU,OACf,KAAK,MAAQ,CACT,OAAQE,EAAU,aAAa,EAC/B,QAAS,EACrB,CACI,CACA,QAAS,CACL,OAAQC,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,YAAY,EAAID,EAAE,OAAQ,CAAE,IAAK,2CAA4C,aAAc,KAAK,MAAM,OAAQ,KAAM,MAAM,EAAI,KAAK,MAAM,OAAO,CAAC,CAC/N,CACA,cAAcE,EAAO,CACjBC,EAAc,KAAMD,EAAO,CACvB,SAAU,EACtB,CAAS,CACL,CACA,eAAeA,EAAO,CAClBE,EAAY,KAAM,UAAWF,EAAO,CAChC,SAAU,EACtB,CAAS,CACL,CACA,mBAAoB,CAChB,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,eAAe,KAAK,OAAO,CACpC,CACA,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,eAAe,EAC1B,QAAW,CAAC,gBAAgB,CACpC,CAAO,CACP"}