@public-ui/sample-react 3.0.3-rc.0 → 3.0.3-rc.1

package/dist/assets/{kol-abbr.entry-BV9QXQIZ.js → kol-abbr.entry-CWohMGnK.js}

@@ -1,4 +1,4 @@
-import{r as t,h as n,K as o,H as i}from"./index-ccK9smvC.js";import{v as a}from"./label-CyF697aK-Ck5S24j2.js";/*!
+import{r as t,h as n,K as i,H as o}from"./index-8EcNcIY4.js";import{v as a}from"./label-CyF697aK-BGKedB4S.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const l=`/* forward the rem function */
 /*
@@ -17,12 +17,6 @@ import{r as t,h as n,K as o,H as i}from"./index-ccK9smvC.js";import{v as a}from"
      */
     background-color: white;
     color: black;
-  }
-  * {
-    /*
-     * This rule enables the word dividing for all texts. That is important for high zoom levels.
-     */
-    hyphens: auto;
     /*
      * Verdana is an accessible font that can be used without requiring additional loading time.
      */
@@ -31,14 +25,20 @@ import{r as t,h as n,K as o,H as i}from"./index-ccK9smvC.js";import{v as a}from"
      * Letter spacing is required for all texts.
      */
     letter-spacing: inherit;
+    /*
+     * Word spacing is required for all texts.
+     */
+    word-spacing: inherit;
+  }
+  * {
     /*
      * This rule enables the word dividing for all texts. That is important for high zoom levels.
      */
-    word-break: break-word;
+    hyphens: auto;
     /*
-     * Word spacing is required for all texts.
+     * This rule enables the word dividing for all texts. That is important for high zoom levels.
      */
-    word-spacing: inherit;
+    word-break: break-word;
   }
   /*
    * All interactive elements should have a minimum size of to-rem(44).
@@ -76,6 +76,14 @@ import{r as t,h as n,K as o,H as i}from"./index-ccK9smvC.js";import{v as a}from"
      * All elements should inherit the font size from his parent element.
      */
     font-size: inherit;
+    /*
+     * Letter spacing is required for all texts.
+     */
+    letter-spacing: inherit;
+    /*
+     * Word spacing is required for all texts.
+     */
+    word-spacing: inherit;
   }
   /**
   * Sometimes we need the semantic element for accessibility reasons,
@@ -213,5 +221,5 @@ import{r as t,h as n,K as o,H as i}from"./index-ccK9smvC.js";import{v as a}from"
       opacity: 1;
     }
   }
-}`,s=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"]}}};s.style={default:l};export{s as kol_abbr};
-//# sourceMappingURL=kol-abbr.entry-BV9QXQIZ.js.map
+}`,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-CWohMGnK.js.map

package/dist/assets/kol-abbr.entry-CWohMGnK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-abbr.entry-CWohMGnK.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-DCfrKP1A.js';\nimport './common-CveT8b8y.js';\nimport { v as validateLabel } from './label-CyF697aK.js';\nimport { a as KolTooltipWcTag } from './component-names-CkE54Ym7.js';\n\nconst defaultStyleCss = \"/* 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(44rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    color: black;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of to-rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    clip: rect(0 0 0 0);\\n    clip-path: inset(50%);\\n    height: 1px;\\n    overflow: hidden;\\n    position: absolute;\\n    white-space: nowrap;\\n    width: 1px;\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%;\\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    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .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    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\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    contain: layout;\\n    display: contents;\\n  }\\n  .kol-tooltip__floating {\\n    animation-duration: 0.25s;\\n    animation-iteration-count: 1;\\n    animation-name: fadeInOpacity;\\n    animation-timing-function: ease-in;\\n    display: none;\\n    position: fixed;\\n    visibility: hidden;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width);\\n  }\\n  .kol-tooltip__arrow {\\n    background-color: #fff;\\n    color: #000;\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n    position: absolute;\\n    transform: rotate(45deg);\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    z-index: 999;\\n  }\\n  .kol-tooltip__content {\\n    background-color: #fff;\\n    color: #000;\\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\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\n//# sourceMappingURL=kol-abbr.entry.js.map"],"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,GAElBC,EAAU,KAAM,CAClB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,MAAQ,CACT,OAAQ,EACX,CACT,CACI,QAAS,CACL,OAAQE,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,UAAU,EAAID,EAAE,OAAQ,CAAE,IAAK,2CAA4C,SAAU,KAAK,MAAM,OAAS,EAAI,MAAW,EAAEA,EAAE,OAAQ,CAAE,IAAK,0CAA4C,CAAA,CAAC,EAAG,KAAK,MAAM,OAASA,EAAEE,EAAiB,CAAE,cAAe,OAAQ,OAAQ,KAAK,MAAM,MAAM,CAAE,EAAI,IAAI,CAChX,CACI,cAAcC,EAAO,CACjBC,EAAc,KAAMD,CAAK,CACjC,CACI,mBAAoB,CAChB,KAAK,cAAc,KAAK,MAAM,CACtC,CACI,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,eAAe,CAClC,CAAM,CACN,EACAN,EAAQ,MAAQ,CACZ,QAASD,CACb"}

package/dist/assets/{kol-accordion.entry-DYNfofnE.js → kol-accordion.entry-BgwSRTBo.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-ccK9smvC.js";import{v as b}from"./disabled-Djp3yxc7-DbSWKVPU.js";import{v as m}from"./label-CyF697aK-Ck5S24j2.js";import{v as u}from"./open-CdzTY4wX-Brgi8ysD.js";import{n as f}from"./dev.utils-CXs0T-g8-KmBOPa4z.js";import{w as v}from"./validation-UmwGN59--46TsINLf.js";import{K as w}from"./Collapsible-50k292K5-1GgSWpPs.js";import"./Heading-BTtiPVot-gXBqDUrq.js";import"./clsx-eK3rPvPS-BT_IL7Fz.js";/*!
+import{r,d,a as c,h as a,g as h,w as p,f as l}from"./index-8EcNcIY4.js";import{v as b}from"./disabled-Djp3yxc7-CtuD-VTH.js";import{v as m}from"./label-CyF697aK-BGKedB4S.js";import{v as u}from"./open-CdzTY4wX-C_yaAwQO.js";import{n as f}from"./dev.utils-Drt3wK8q-V1KdidCl.js";import{w as v}from"./validation-UmwGN59--Cnpss_vf.js";import{K as w}from"./Collapsible-CNLWkZe_-kvHh-ajT.js";import"./Heading-KiNnTqFA-DRxvDZo5.js";import"./clsx-eK3rPvPS-BT_IL7Fz.js";/*!
  * KoliBri - The accessible HTML-Standard
- */const _=(n,t)=>{p(n,"_on",e=>typeof e=="object"&&e!==null,new Set(["AccordionCallbacksPropType {Events.onClick}"]),t)},g=`/* forward the rem function */
+ */const g=(n,t)=>{p(n,"_on",e=>typeof e=="object"&&e!==null,new Set(["AccordionCallbacksPropType {Events.onClick}"]),t)},_=`/* forward the rem function */
 /*
  * This file contains all rules for accessibility.
  */
@@ -17,12 +17,6 @@ import{r,d,a as c,h as a,g as h,w as p,f as l}from"./index-ccK9smvC.js";import{v
      */
     background-color: white;
     color: black;
-  }
-  * {
-    /*
-     * This rule enables the word dividing for all texts. That is important for high zoom levels.
-     */
-    hyphens: auto;
     /*
      * Verdana is an accessible font that can be used without requiring additional loading time.
      */
@@ -31,14 +25,20 @@ import{r,d,a as c,h as a,g as h,w as p,f as l}from"./index-ccK9smvC.js";import{v
      * Letter spacing is required for all texts.
      */
     letter-spacing: inherit;
+    /*
+     * Word spacing is required for all texts.
+     */
+    word-spacing: inherit;
+  }
+  * {
     /*
      * This rule enables the word dividing for all texts. That is important for high zoom levels.
      */
-    word-break: break-word;
+    hyphens: auto;
     /*
-     * Word spacing is required for all texts.
+     * This rule enables the word dividing for all texts. That is important for high zoom levels.
      */
-    word-spacing: inherit;
+    word-break: break-word;
   }
   /*
    * All interactive elements should have a minimum size of to-rem(44).
@@ -76,6 +76,14 @@ import{r,d,a as c,h as a,g as h,w as p,f as l}from"./index-ccK9smvC.js";import{v
      * All elements should inherit the font size from his parent element.
      */
     font-size: inherit;
+    /*
+     * Letter spacing is required for all texts.
+     */
+    letter-spacing: inherit;
+    /*
+     * Word spacing is required for all texts.
+     */
+    word-spacing: inherit;
   }
   /**
   * Sometimes we need the semantic element for accessibility reasons,
@@ -220,5 +228,5 @@ import{r,d,a as c,h as a,g as h,w as p,f as l}from"./index-ccK9smvC.js";import{v
 
 - 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 y=class{constructor(n){r(this,n),this.nonce=f(),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(w,Object.assign({key:"750cf0bb226ec5139c7098bd44e2a64546888a32"},s),a("slot",{key:"08908025b6753ebe36defc6e2d210736eabff629"}))}validateDisabled(n){b(this,n)}validateLabel(n){m(this,n,{required:!0})}validateLevel(n){v(this,n)}validateOn(n){_(this,n)}validateOpen(n){u(this,n)}componentWillLoad(){this.validateDisabled(this._disabled),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on),this.validateOpen(this._open)}get host(){return h(this)}static get watchers(){return{_disabled:["validateDisabled"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_open:["validateOpen"]}}};y.style={default:g};export{y as kol_accordion};
-//# sourceMappingURL=kol-accordion.entry-DYNfofnE.js.map
+- Logik Öffnet und Schließt entsprechend`);l("[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.");const y=class{constructor(n){r(this,n),this.nonce=f(),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(w,Object.assign({key:"750cf0bb226ec5139c7098bd44e2a64546888a32"},s),a("slot",{key:"08908025b6753ebe36defc6e2d210736eabff629"}))}validateDisabled(n){b(this,n)}validateLabel(n){m(this,n,{required:!0})}validateLevel(n){v(this,n)}validateOn(n){g(this,n)}validateOpen(n){u(this,n)}componentWillLoad(){this.validateDisabled(this._disabled),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on),this.validateOpen(this._open)}get host(){return h(this)}static get watchers(){return{_disabled:["validateDisabled"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_open:["validateOpen"]}}};y.style={default:_};export{y as kol_accordion};
+//# sourceMappingURL=kol-accordion.entry-BgwSRTBo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kol-accordion.entry-BgwSRTBo.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-DCfrKP1A.js';\nimport { w as watchValidator, f as featureHint } from './common-CveT8b8y.js';\nimport { v as validateDisabled } from './disabled-Djp3yxc7.js';\nimport { v as validateLabel } from './label-CyF697aK.js';\nimport { v as validateOpen } from './open-CdzTY4wX.js';\nimport { n as nonce } from './dev.utils-Drt3wK8q.js';\nimport { w as watchHeadingLevel } from './validation-UmwGN59-.js';\nimport { K as KolCollapsibleFc } from './Collapsible-CNLWkZe_.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-CoPFQEiC.js';\nimport './Heading-KiNnTqFA.js';\nimport './clsx-eK3rPvPS.js';\nimport './component-names-CkE54Ym7.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 = \"/* 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(44rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    color: black;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of to-rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    clip: rect(0 0 0 0);\\n    clip-path: inset(50%);\\n    height: 1px;\\n    overflow: hidden;\\n    position: absolute;\\n    white-space: nowrap;\\n    width: 1px;\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%;\\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    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .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    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\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  .collapsible__wrapper {\\n    display: grid;\\n    grid-template-rows: 0fr;\\n    overflow: hidden;\\n    transition: grid-template-rows 0.3s;\\n    /* Forces the element into its own GPU compositing layer (via 3D transform). Helps prevent rendering/layout bugs (e.g. #7511) and may improve animation performance. */\\n    transform: translateZ(0);\\n  }\\n  .collapsible__wrapper-animation {\\n    min-height: 0;\\n    transition: visibility 0.3s;\\n    /* This property is important to keep in sync with the visual transition (template-rows). Without it interactive elements within the accordion would stay focusable. */\\n    visibility: hidden;\\n  }\\n  .collapsible--open .collapsible__wrapper {\\n    grid-template-rows: 1fr;\\n  }\\n  .collapsible--open .collapsible__wrapper-animation {\\n    visibility: visible;\\n  }\\n  @media (prefers-reduced-motion) {\\n    .collapsible__wrapper-animation, .collapsible__wrapper {\\n      transition-duration: 0s;\\n    }\\n  }\\n  @media print {\\n    :not(.collapsible--open) .collapsible__wrapper-animation {\\n      display: none;\\n    }\\n  }\\n  .collapsible__heading-button button .kol-span {\\n    justify-items: 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\n//# sourceMappingURL=kol-accordion.entry.js.map"],"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-DPBUiyhz.js → kol-alert-wc.entry-z4ah9igk.js}

@@ -1,4 +1,4 @@
-import{r as d,d as c,a as p,h as s,m as _,s as f,g as m,w as l}from"./index-ccK9smvC.js";import{v as y}from"./has-closer-cUOWVgss-Dt7u1JpC.js";import{v as C}from"./label-CyF697aK-Ck5S24j2.js";import{w as u}from"./validation-UmwGN59--46TsINLf.js";import{K as b}from"./Alert-ByNfG8nN-CpBof2j3.js";import"./Heading-BTtiPVot-gXBqDUrq.js";import"./i18n-CS5bfbb5-DF8lULrE.js";import"./clsx-eK3rPvPS-BT_IL7Fz.js";/*!
+import{r as d,d as c,a as p,h as s,m as _,s as f,g as m,w as l}from"./index-8EcNcIY4.js";import{v as y}from"./has-closer-cUOWVgss-IcR_jWcf.js";import{v as C}from"./label-CyF697aK-BGKedB4S.js";import{w as u}from"./validation-UmwGN59--Cnpss_vf.js";import{K as b}from"./Alert-CRNukdr3-KL0bie1u.js";import"./Heading-KiNnTqFA-DRxvDZo5.js";import"./i18n-CS5bfbb5-DIcckJTA.js";import"./clsx-eK3rPvPS-BT_IL7Fz.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)},j=class{constructor(t){d(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,v={alert:t,hasCloser:e,label:a,level:r,type:n,variant:h,onCloserClick:this.close,onAlertTimeout:this.handleAlertTimeout};return s(b,Object.assign({key:"2f36ca7164492eb43c7942db6e0cb0c231dc9088"},v),s("slot",{key:"626fc6293d159c137669aa44e30a7f122e64f7ef"}))}validateAlert(t){_(this,"_alert",t)}validateHasCloser(t){y(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{j as kol_alert_wc};
-//# sourceMappingURL=kol-alert-wc.entry-DPBUiyhz.js.map
+//# sourceMappingURL=kol-alert-wc.entry-z4ah9igk.js.map

package/dist/assets/{kol-alert-wc.entry-DPBUiyhz.js.map → kol-alert-wc.entry-z4ah9igk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-alert-wc.entry-DPBUiyhz.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-CGVuC_LX.js';\nimport { w as watchValidator, d as watchBoolean, s as setState } from './common-CveT8b8y.js';\nimport { v as validateHasCloser } from './has-closer-cUOWVgss.js';\nimport { v as validateLabel } from './label-CyF697aK.js';\nimport { w as watchHeadingLevel } from './validation-UmwGN59-.js';\nimport { K as KolAlertFc } from './Alert-ByNfG8nN.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-CoPFQEiC.js';\nimport './Heading-BTtiPVot.js';\nimport './clsx-eK3rPvPS.js';\nimport './component-names-CkE54Ym7.js';\nimport './i18n-CS5bfbb5.js';\nimport './i18n-CjhRejiw.js';\nimport './bem-1mR-cDMU.js';\nimport './browser-Ccum-Et3.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: '2f36ca7164492eb43c7942db6e0cb0c231dc9088' }, props), h(\"slot\", { key: '626fc6293d159c137669aa44e30a7f122e64f7ef' })));\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\n//# sourceMappingURL=kol-alert-wc.entry.js.map"],"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-z4ah9igk.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-DCfrKP1A.js';\nimport { w as watchValidator, d as watchBoolean, s as setState } from './common-CveT8b8y.js';\nimport { v as validateHasCloser } from './has-closer-cUOWVgss.js';\nimport { v as validateLabel } from './label-CyF697aK.js';\nimport { w as watchHeadingLevel } from './validation-UmwGN59-.js';\nimport { K as KolAlertFc } from './Alert-CRNukdr3.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-CoPFQEiC.js';\nimport './Heading-KiNnTqFA.js';\nimport './clsx-eK3rPvPS.js';\nimport './component-names-CkE54Ym7.js';\nimport './i18n-CS5bfbb5.js';\nimport './i18n-CjhRejiw.js';\nimport './bem-1mR-cDMU.js';\nimport './browser-Ccum-Et3.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: '2f36ca7164492eb43c7942db6e0cb0c231dc9088' }, props), h(\"slot\", { key: '626fc6293d159c137669aa44e30a7f122e64f7ef' })));\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\n//# sourceMappingURL=kol-alert-wc.entry.js.map"],"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-CypMqMux.js → kol-alert.entry-DkXDFDkA.js}

@@ -1,4 +1,4 @@
-import{r as t,h as n,b as o}from"./index-ccK9smvC.js";/*!
+import{r as t,h as n,b as o}from"./index-8EcNcIY4.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const i=`/* forward the rem function */
 /*
@@ -17,12 +17,6 @@ import{r as t,h as n,b as o}from"./index-ccK9smvC.js";/*!
      */
     background-color: white;
     color: black;
-  }
-  * {
-    /*
-     * This rule enables the word dividing for all texts. That is important for high zoom levels.
-     */
-    hyphens: auto;
     /*
      * Verdana is an accessible font that can be used without requiring additional loading time.
      */
@@ -31,14 +25,20 @@ import{r as t,h as n,b as o}from"./index-ccK9smvC.js";/*!
      * Letter spacing is required for all texts.
      */
     letter-spacing: inherit;
+    /*
+     * Word spacing is required for all texts.
+     */
+    word-spacing: inherit;
+  }
+  * {
     /*
      * This rule enables the word dividing for all texts. That is important for high zoom levels.
      */
-    word-break: break-word;
+    hyphens: auto;
     /*
-     * Word spacing is required for all texts.
+     * This rule enables the word dividing for all texts. That is important for high zoom levels.
      */
-    word-spacing: inherit;
+    word-break: break-word;
   }
   /*
    * All interactive elements should have a minimum size of to-rem(44).
@@ -76,6 +76,14 @@ import{r as t,h as n,b as o}from"./index-ccK9smvC.js";/*!
      * All elements should inherit the font size from his parent element.
      */
     font-size: inherit;
+    /*
+     * Letter spacing is required for all texts.
+     */
+    letter-spacing: inherit;
+    /*
+     * Word spacing is required for all texts.
+     */
+    word-spacing: inherit;
   }
   /**
   * Sometimes we need the semantic element for accessibility reasons,
@@ -235,4 +243,4 @@ import{r as t,h as n,b as o}from"./index-ccK9smvC.js";/*!
     outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));
   }
 }`,a=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:"b876c431070858a6e60733568c4d3c1e111def08",_alert:this._alert,_hasCloser:this._hasCloser,_label:this._label,_level:this._level,_on:this._on,_type:this._type,_variant:this._variant},n("slot",{key:"d73c1cbe7087c77ce5c43e41c9aa60c652e1c451"}))}};a.style={default:i};export{a as kol_alert};
-//# sourceMappingURL=kol-alert.entry-CypMqMux.js.map
+//# sourceMappingURL=kol-alert.entry-DkXDFDkA.js.map

package/dist/assets/kol-alert.entry-DkXDFDkA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-alert.entry-DkXDFDkA.js","sources":["../../../../components/dist/esm/kol-alert.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-DCfrKP1A.js';\nimport { b as KolAlertWcTag } from './component-names-CkE54Ym7.js';\nimport './common-CveT8b8y.js';\n\nconst defaultStyleCss = \"/* 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(44rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    color: black;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of to-rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    clip: rect(0 0 0 0);\\n    clip-path: inset(50%);\\n    height: 1px;\\n    overflow: hidden;\\n    position: absolute;\\n    white-space: nowrap;\\n    width: 1px;\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%;\\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    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .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    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\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    contain: layout;\\n    display: contents;\\n  }\\n  .kol-tooltip__floating {\\n    animation-duration: 0.25s;\\n    animation-iteration-count: 1;\\n    animation-name: fadeInOpacity;\\n    animation-timing-function: ease-in;\\n    display: none;\\n    position: fixed;\\n    visibility: hidden;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width);\\n  }\\n  .kol-tooltip__arrow {\\n    background-color: #fff;\\n    color: #000;\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n    position: absolute;\\n    transform: rotate(45deg);\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    z-index: 999;\\n  }\\n  .kol-tooltip__content {\\n    background-color: #fff;\\n    color: #000;\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes fadeInOpacity {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  .kol-alert {\\n    display: grid;\\n  }\\n  .kol-alert__container {\\n    place-items: center;\\n    display: flex;\\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(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: 'b876c431070858a6e60733568c4d3c1e111def08', _alert: this._alert, _hasCloser: this._hasCloser, _label: this._label, _level: this._level, _on: this._on, _type: this._type, _variant: this._variant }, h(\"slot\", { key: 'd73c1cbe7087c77ce5c43e41c9aa60c652e1c451' })));\n    }\n};\nKolAlert.style = {\n    default: defaultStyleCss\n};\n\nexport { KolAlert as kol_alert };\n//# sourceMappingURL=kol-alert.entry.js.map\n\n//# sourceMappingURL=kol-alert.entry.js.map"],"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,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,CACX,CACT,CACI,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,CAC3S,CACA,EACAH,EAAS,MAAQ,CACb,QAASD,CACb"}

package/dist/assets/{kol-avatar-wc.entry-DeMhY81x.js → kol-avatar-wc.entry-vy2iS07C.js}

@@ -1,4 +1,4 @@
-import{r as l,h as e}from"./index-ccK9smvC.js";import{v as o}from"./image-source-CxAw_SEU-Vt4V-wQX.js";import{v as c}from"./label-CyF697aK-Ck5S24j2.js";import{t as n}from"./i18n-CS5bfbb5-DF8lULrE.js";/*!
+import{r as l,h as e}from"./index-8EcNcIY4.js";import{v as o}from"./image-source-CxAw_SEU-Bluhz3zJ.js";import{v as c}from"./label-CyF697aK-BGKedB4S.js";import{t as n}from"./i18n-CS5bfbb5-DIcckJTA.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const r=a=>a.length===0?"":a[0].toUpperCase(),d=a=>{const t=a.split(/\s+/),s=t[0],i=t[t.length-1];return t.length>=2&&s&&i?`${r(s)}${r(i)}`:r(a)},b=class{constructor(a){l(this,a),this.state={_src:"",_label:""}}render(){return e("div",{key:"b9ad63a1fb9190d47524deae8e59a00d2a14fa83","aria-label":n("kol-avatar-alt",{placeholders:{name:this.state._label}}),class:"kol-avatar",role:"img"},this.state._src?e("img",{alt:"","aria-hidden":"true",class:"kol-avatar__image",src:this.state._src}):e("span",{"aria-hidden":"true",class:"kol-avatar__initials"},d(this.state._label.trim())))}validateSrc(a){o(this,a)}validateLabel(a){c(this,a,{required:!0})}componentWillLoad(){this.validateSrc(this._src),this.validateLabel(this._label)}static get watchers(){return{_src:["validateSrc"],_label:["validateLabel"]}}};export{b as kol_avatar_wc};
-//# sourceMappingURL=kol-avatar-wc.entry-DeMhY81x.js.map
+//# sourceMappingURL=kol-avatar-wc.entry-vy2iS07C.js.map

package/dist/assets/{kol-avatar-wc.entry-DeMhY81x.js.map → kol-avatar-wc.entry-vy2iS07C.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-avatar-wc.entry-DeMhY81x.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-CGVuC_LX.js';\nimport './common-CveT8b8y.js';\nimport { v as validateImageSource } from './image-source-CxAw_SEU.js';\nimport { v as validateLabel } from './label-CyF697aK.js';\nimport { t as translate } from './i18n-CS5bfbb5.js';\nimport './i18n-CjhRejiw.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.state = {\n            _src: '',\n            _label: '',\n        };\n    }\n    render() {\n        return (h(\"div\", { key: 'b9ad63a1fb9190d47524deae8e59a00d2a14fa83', \"aria-label\": translate('kol-avatar-alt', { placeholders: { name: this.state._label } }), class: \"kol-avatar\", role: \"img\" }, 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    validateSrc(value) {\n        validateImageSource(this, value);\n    }\n    validateLabel(value) {\n        validateLabel(this, value, {\n            required: true,\n        });\n    }\n    componentWillLoad() {\n        this.validateSrc(this._src);\n        this.validateLabel(this._label);\n    }\n    static get watchers() { return {\n        \"_src\": [\"validateSrc\"],\n        \"_label\": [\"validateLabel\"]\n    }; }\n};\n\nexport { KolAvatarWc as kol_avatar_wc };\n//# sourceMappingURL=kol-avatar-wc.entry.js.map\n\n//# sourceMappingURL=kol-avatar-wc.entry.js.map"],"names":["formatNameAsInitial","name","formatLabelAsInitials","label","names","first","last","KolAvatarWc","hostRef","registerInstance","h","translate","value","validateImageSource","validateLabel"],"mappings":"wMAAA;AAAA;AAAA,GAUA,MAAMA,EAAuBC,GACrBA,EAAK,SAAW,EACT,GAEJA,EAAK,CAAC,EAAE,YAAa,EAE1BC,EAAyBC,GAAU,CACrC,MAAMC,EAAQD,EAAM,MAAM,KAAK,EACzBE,EAAQD,EAAM,CAAC,EACfE,EAAOF,EAAMA,EAAM,OAAS,CAAC,EACnC,OAAIA,EAAM,QAAU,GAAKC,GAASC,EACvB,GAAGN,EAAoBK,CAAK,CAAC,GAAGL,EAAoBM,CAAI,CAAC,GAE7DN,EAAoBG,CAAK,CACpC,EAEMI,EAAc,KAAM,CACtB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,MAAQ,CACT,KAAM,GACN,OAAQ,EACX,CACT,CACI,QAAS,CACL,OAAQE,EAAE,MAAO,CAAE,IAAK,2CAA4C,aAAcC,EAAU,iBAAkB,CAAE,aAAc,CAAE,KAAM,KAAK,MAAM,OAAU,CAAA,EAAG,MAAO,aAAc,KAAM,KAAO,EAAE,KAAK,MAAM,KAAQD,EAAE,MAAO,CAAE,IAAK,GAAI,cAAe,OAAQ,MAAO,oBAAqB,IAAK,KAAK,MAAM,IAAM,CAAA,EAAMA,EAAE,OAAQ,CAAE,cAAe,OAAQ,MAAO,sBAAwB,EAAER,EAAsB,KAAK,MAAM,OAAO,KAAM,CAAA,CAAC,CAAE,CACrb,CACI,YAAYU,EAAO,CACfC,EAAoB,KAAMD,CAAK,CACvC,CACI,cAAcA,EAAO,CACjBE,EAAc,KAAMF,EAAO,CACvB,SAAU,EACtB,CAAS,CACT,CACI,mBAAoB,CAChB,KAAK,YAAY,KAAK,IAAI,EAC1B,KAAK,cAAc,KAAK,MAAM,CACtC,CACI,WAAW,UAAW,CAAE,MAAO,CAC3B,KAAQ,CAAC,aAAa,EACtB,OAAU,CAAC,eAAe,CAClC,CAAM,CACN"}
+{"version":3,"file":"kol-avatar-wc.entry-vy2iS07C.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-DCfrKP1A.js';\nimport './common-CveT8b8y.js';\nimport { v as validateImageSource } from './image-source-CxAw_SEU.js';\nimport { v as validateLabel } from './label-CyF697aK.js';\nimport { t as translate } from './i18n-CS5bfbb5.js';\nimport './i18n-CjhRejiw.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.state = {\n            _src: '',\n            _label: '',\n        };\n    }\n    render() {\n        return (h(\"div\", { key: 'b9ad63a1fb9190d47524deae8e59a00d2a14fa83', \"aria-label\": translate('kol-avatar-alt', { placeholders: { name: this.state._label } }), class: \"kol-avatar\", role: \"img\" }, 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    validateSrc(value) {\n        validateImageSource(this, value);\n    }\n    validateLabel(value) {\n        validateLabel(this, value, {\n            required: true,\n        });\n    }\n    componentWillLoad() {\n        this.validateSrc(this._src);\n        this.validateLabel(this._label);\n    }\n    static get watchers() { return {\n        \"_src\": [\"validateSrc\"],\n        \"_label\": [\"validateLabel\"]\n    }; }\n};\n\nexport { KolAvatarWc as kol_avatar_wc };\n//# sourceMappingURL=kol-avatar-wc.entry.js.map\n\n//# sourceMappingURL=kol-avatar-wc.entry.js.map"],"names":["formatNameAsInitial","name","formatLabelAsInitials","label","names","first","last","KolAvatarWc","hostRef","registerInstance","h","translate","value","validateImageSource","validateLabel"],"mappings":"wMAAA;AAAA;AAAA,GAUA,MAAMA,EAAuBC,GACrBA,EAAK,SAAW,EACT,GAEJA,EAAK,CAAC,EAAE,YAAa,EAE1BC,EAAyBC,GAAU,CACrC,MAAMC,EAAQD,EAAM,MAAM,KAAK,EACzBE,EAAQD,EAAM,CAAC,EACfE,EAAOF,EAAMA,EAAM,OAAS,CAAC,EACnC,OAAIA,EAAM,QAAU,GAAKC,GAASC,EACvB,GAAGN,EAAoBK,CAAK,CAAC,GAAGL,EAAoBM,CAAI,CAAC,GAE7DN,EAAoBG,CAAK,CACpC,EAEMI,EAAc,KAAM,CACtB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,MAAQ,CACT,KAAM,GACN,OAAQ,EACX,CACT,CACI,QAAS,CACL,OAAQE,EAAE,MAAO,CAAE,IAAK,2CAA4C,aAAcC,EAAU,iBAAkB,CAAE,aAAc,CAAE,KAAM,KAAK,MAAM,OAAU,CAAA,EAAG,MAAO,aAAc,KAAM,KAAO,EAAE,KAAK,MAAM,KAAQD,EAAE,MAAO,CAAE,IAAK,GAAI,cAAe,OAAQ,MAAO,oBAAqB,IAAK,KAAK,MAAM,IAAM,CAAA,EAAMA,EAAE,OAAQ,CAAE,cAAe,OAAQ,MAAO,sBAAwB,EAAER,EAAsB,KAAK,MAAM,OAAO,KAAM,CAAA,CAAC,CAAE,CACrb,CACI,YAAYU,EAAO,CACfC,EAAoB,KAAMD,CAAK,CACvC,CACI,cAAcA,EAAO,CACjBE,EAAc,KAAMF,EAAO,CACvB,SAAU,EACtB,CAAS,CACT,CACI,mBAAoB,CAChB,KAAK,YAAY,KAAK,IAAI,EAC1B,KAAK,cAAc,KAAK,MAAM,CACtC,CACI,WAAW,UAAW,CAAE,MAAO,CAC3B,KAAQ,CAAC,aAAa,EACtB,OAAU,CAAC,eAAe,CAClC,CAAM,CACN"}

package/dist/assets/{kol-avatar.entry-BDV5P6_d.js → kol-avatar.entry-Bzh4SL-U.js}

@@ -1,6 +1,6 @@
-import{r as e,h as t,c as o}from"./index-ccK9smvC.js";/*!
+import{r as e,h as t,c as i}from"./index-8EcNcIY4.js";/*!
  * KoliBri - The accessible HTML-Standard
- */const i=`/* forward the rem function */
+ */const o=`/* forward the rem function */
 /*
  * This file contains all rules for accessibility.
  */
@@ -17,12 +17,6 @@ import{r as e,h as t,c as o}from"./index-ccK9smvC.js";/*!
      */
     background-color: white;
     color: black;
-  }
-  * {
-    /*
-     * This rule enables the word dividing for all texts. That is important for high zoom levels.
-     */
-    hyphens: auto;
     /*
      * Verdana is an accessible font that can be used without requiring additional loading time.
      */
@@ -31,14 +25,20 @@ import{r as e,h as t,c as o}from"./index-ccK9smvC.js";/*!
      * Letter spacing is required for all texts.
      */
     letter-spacing: inherit;
+    /*
+     * Word spacing is required for all texts.
+     */
+    word-spacing: inherit;
+  }
+  * {
     /*
      * This rule enables the word dividing for all texts. That is important for high zoom levels.
      */
-    word-break: break-word;
+    hyphens: auto;
     /*
-     * Word spacing is required for all texts.
+     * This rule enables the word dividing for all texts. That is important for high zoom levels.
      */
-    word-spacing: inherit;
+    word-break: break-word;
   }
   /*
    * All interactive elements should have a minimum size of to-rem(44).
@@ -76,6 +76,14 @@ import{r as e,h as t,c as o}from"./index-ccK9smvC.js";/*!
      * All elements should inherit the font size from his parent element.
      */
     font-size: inherit;
+    /*
+     * Letter spacing is required for all texts.
+     */
+    letter-spacing: inherit;
+    /*
+     * Word spacing is required for all texts.
+     */
+    word-spacing: inherit;
   }
   /**
   * Sometimes we need the semantic element for accessibility reasons,
@@ -198,5 +206,5 @@ import{r as e,h as t,c as o}from"./index-ccK9smvC.js";/*!
     background-color: #d3d3d3;
     font-size: calc(40rem / var(--kolibri-root-font-size, 16));
   }
-}`,a=class{constructor(n){e(this,n)}render(){return t(o,{key:"c4547a5724ed8d947c20de5128227bc71c14d401",_src:this._src,_label:this._label})}};a.style={default:i};export{a as kol_avatar};
-//# sourceMappingURL=kol-avatar.entry-BDV5P6_d.js.map
+}`,a=class{constructor(n){e(this,n)}render(){return t(i,{key:"c4547a5724ed8d947c20de5128227bc71c14d401",_src:this._src,_label:this._label})}};a.style={default:o};export{a as kol_avatar};
+//# sourceMappingURL=kol-avatar.entry-Bzh4SL-U.js.map

package/dist/assets/kol-avatar.entry-Bzh4SL-U.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-avatar.entry-Bzh4SL-U.js","sources":["../../../../components/dist/esm/kol-avatar.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-DCfrKP1A.js';\nimport { c as KolAvatarWcTag } from './component-names-CkE54Ym7.js';\nimport './common-CveT8b8y.js';\n\nconst defaultStyleCss = \"/* 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(44rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    color: black;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of to-rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    clip: rect(0 0 0 0);\\n    clip-path: inset(50%);\\n    height: 1px;\\n    overflow: hidden;\\n    position: absolute;\\n    white-space: nowrap;\\n    width: 1px;\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%;\\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    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .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    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\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    border-radius: 50%;\\n    overflow: hidden;\\n    /* Visible with forced colors  */\\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\\n    /*theme?*/\\n    width: calc(100rem / var(--kolibri-root-font-size, 16));\\n    height: calc(100rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-avatar__image {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .kol-avatar__initials {\\n    width: 100%;\\n    height: 100%;\\n    display: flex;\\n    align-items: center;\\n    justify-content: center;\\n    /*theme?*/\\n    background-color: #d3d3d3;\\n    font-size: calc(40rem / var(--kolibri-root-font-size, 16));\\n  }\\n}\";\n\nconst KolAvatar = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n    }\n    render() {\n        return h(KolAvatarWcTag, { key: 'c4547a5724ed8d947c20de5128227bc71c14d401', _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\n//# sourceMappingURL=kol-avatar.entry.js.map"],"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,GAElBC,EAAY,KAAM,CACpB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,CACtC,CACI,QAAS,CACL,OAAOE,EAAEC,EAAgB,CAAE,IAAK,2CAA4C,KAAM,KAAK,KAAM,OAAQ,KAAK,MAAM,CAAE,CAC1H,CACA,EACAJ,EAAU,MAAQ,CACd,QAASD,CACb"}

package/dist/assets/{kol-badge.entry-Bk_mr05_.js → kol-badge.entry-BX37wDib.js}

@@ -1,4 +1,4 @@
-import{r as i,h as t,e as a,o as l,f as r,p as s,s as d}from"./index-ccK9smvC.js";import{h as c,v as h}from"./color-C6V-t66n-Cp14lzmu.js";import{v as m}from"./icons-Rho8fw5B-Ccn5rEuA.js";import"./Alert-ByNfG8nN-CpBof2j3.js";import{c as u}from"./clsx-eK3rPvPS-BT_IL7Fz.js";import{K as b}from"./Span-CHPCQ33k-BZS_rNP3.js";import"./i18n-CS5bfbb5-DF8lULrE.js";import{n as f}from"./dev.utils-CXs0T-g8-KmBOPa4z.js";import"./Heading-BTtiPVot-gXBqDUrq.js";import"./markdown-BitmMy0q-CFBGgQMz.js";import"./isObject-DvSELytj-B0RigBxT.js";import"./Icon-BqBfvzxD-l20Pmw7C.js";import"./InternalUnderlinedBadgeText-CFT7WIRl-7lKK20QX.js";/*!
+import{r as i,h as t,e as a,o as r,f as l,p as s,s as d}from"./index-8EcNcIY4.js";import{h as c,v as h}from"./color-C6V-t66n-BfD2LAN0.js";import{v as u}from"./icons-Rho8fw5B-DLGjDHrf.js";import"./Alert-CRNukdr3-KL0bie1u.js";import{c as m}from"./clsx-eK3rPvPS-BT_IL7Fz.js";import{K as b}from"./Span-jSFuwGbU-BwnhOZOX.js";import"./i18n-CS5bfbb5-DIcckJTA.js";import{n as f}from"./dev.utils-Drt3wK8q-V1KdidCl.js";import"./Heading-KiNnTqFA-DRxvDZo5.js";import"./markdown-BitmMy0q-Dxw7sddu.js";import"./isObject-DvSELytj-B0RigBxT.js";import"./Icon-DNKR62Dr-C6YwWPFR.js";import"./InternalUnderlinedBadgeText-BooK1uMY-B8TUSZBa.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const p=`/* forward the rem function */
 /*
@@ -17,12 +17,6 @@ import{r as i,h as t,e as a,o as l,f as r,p as s,s as d}from"./index-ccK9smvC.js
      */
     background-color: white;
     color: black;
-  }
-  * {
-    /*
-     * This rule enables the word dividing for all texts. That is important for high zoom levels.
-     */
-    hyphens: auto;
     /*
      * Verdana is an accessible font that can be used without requiring additional loading time.
      */
@@ -31,14 +25,20 @@ import{r as i,h as t,e as a,o as l,f as r,p as s,s as d}from"./index-ccK9smvC.js
      * Letter spacing is required for all texts.
      */
     letter-spacing: inherit;
+    /*
+     * Word spacing is required for all texts.
+     */
+    word-spacing: inherit;
+  }
+  * {
     /*
      * This rule enables the word dividing for all texts. That is important for high zoom levels.
      */
-    word-break: break-word;
+    hyphens: auto;
     /*
-     * Word spacing is required for all texts.
+     * This rule enables the word dividing for all texts. That is important for high zoom levels.
      */
-    word-spacing: inherit;
+    word-break: break-word;
   }
   /*
    * All interactive elements should have a minimum size of to-rem(44).
@@ -76,6 +76,14 @@ import{r as i,h as t,e as a,o as l,f as r,p as s,s as d}from"./index-ccK9smvC.js
      * All elements should inherit the font size from his parent element.
      */
     font-size: inherit;
+    /*
+     * Letter spacing is required for all texts.
+     */
+    letter-spacing: inherit;
+    /*
+     * Word spacing is required for all texts.
+     */
+    word-spacing: inherit;
   }
   /**
   * Sometimes we need the semantic element for accessibility reasons,
@@ -224,5 +232,5 @@ import{r as i,h as t,e as a,o as l,f as r,p as s,s as d}from"./index-ccK9smvC.js
   .kol-badge .kol-badge__smart-button .button {
     color: inherit;
   }
-}`;r("[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).");const g=class{constructor(n){i(this,n),this.bgColorStr="#000",this.colorStr="#fff",this.id=f(),this._color="#000",this.state={_color:{backgroundColor:"#000",foregroundColor:"#fff"},_icons:{}},this.handleColorChange=o=>{const e=c(o);this.bgColorStr=e.backgroundColor,this.colorStr=e.foregroundColor}}renderSmartButton(n){return t(a,{class:"kol-badge__smart-button",_ariaControls:this.id,_customClass:n._customClass,_disabled:n._disabled,_hideLabel:!0,_icons:n._icons,_id:n._id,_label:n._label,_on:n._on,_tooltipAlign:n._tooltipAlign,_buttonVariant:n._variant})}render(){const n=typeof this.state._smartButton=="object"&&this.state._smartButton!==null;return t("span",{key:"5887c57c800757a960919276d5422054b6d7c17f",class:u("kol-badge",{"kol-badge--has-smart-button":typeof this.state._smartButton=="object"&&this.state._smartButton!==null}),style:{backgroundColor:this.bgColorStr,color:this.colorStr}},t(b,{key:"d6650fca7447ba669d77f8c81cfbc70a67622b0b",class:"kol-badge__label",id:n?this.id:void 0,allowMarkdown:!0,icons:this.state._icons,label:this._label}),n&&this.renderSmartButton(this.state._smartButton))}validateIcons(n){m(this,n)}validateColor(n){h(this,n,{defaultValue:"#000",hooks:{beforePatch:this.handleColorChange}})}validateSmartButton(n){l(n,()=>{try{n=s(n)}catch{}d(this,"_smartButton",n)})}componentWillLoad(){this.validateIcons(this._icons),this.validateColor(this._color),this.validateSmartButton(this._smartButton)}static get watchers(){return{_icons:["validateIcons"],_color:["validateColor"],_smartButton:["validateSmartButton"]}}};g.style={default:p};export{g as kol_badge};
-//# sourceMappingURL=kol-badge.entry-Bk_mr05_.js.map
+}`;l("[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).");const g=class{constructor(n){i(this,n),this.bgColorStr="#000",this.colorStr="#fff",this.id=f(),this._color="#000",this.state={_color:{backgroundColor:"#000",foregroundColor:"#fff"},_icons:{}},this.handleColorChange=e=>{const o=c(e);this.bgColorStr=o.backgroundColor,this.colorStr=o.foregroundColor}}renderSmartButton(n){return t(a,{class:"kol-badge__smart-button",_ariaControls:this.id,_customClass:n._customClass,_disabled:n._disabled,_hideLabel:!0,_icons:n._icons,_id:n._id,_label:n._label,_on:n._on,_tooltipAlign:n._tooltipAlign,_buttonVariant:n._variant})}render(){const n=typeof this.state._smartButton=="object"&&this.state._smartButton!==null;return t("span",{key:"5887c57c800757a960919276d5422054b6d7c17f",class:m("kol-badge",{"kol-badge--has-smart-button":typeof this.state._smartButton=="object"&&this.state._smartButton!==null}),style:{backgroundColor:this.bgColorStr,color:this.colorStr}},t(b,{key:"d6650fca7447ba669d77f8c81cfbc70a67622b0b",class:"kol-badge__label",id:n?this.id:void 0,allowMarkdown:!0,icons:this.state._icons,label:this._label}),n&&this.renderSmartButton(this.state._smartButton))}validateIcons(n){u(this,n)}validateColor(n){h(this,n,{defaultValue:"#000",hooks:{beforePatch:this.handleColorChange}})}validateSmartButton(n){r(n,()=>{try{n=s(n)}catch{}d(this,"_smartButton",n)})}componentWillLoad(){this.validateIcons(this._icons),this.validateColor(this._color),this.validateSmartButton(this._smartButton)}static get watchers(){return{_icons:["validateIcons"],_color:["validateColor"],_smartButton:["validateSmartButton"]}}};g.style={default:p};export{g as kol_badge};
+//# sourceMappingURL=kol-badge.entry-BX37wDib.js.map

package/dist/assets/kol-badge.entry-BX37wDib.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-badge.entry-BX37wDib.js","sources":["../../../../components/dist/esm/kol-badge.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-DCfrKP1A.js';\nimport { f as featureHint, o as objectObjectHandler, p as parseJson, s as setState } from './common-CveT8b8y.js';\nimport { h as handleColorChange, v as validateColor } from './color-C6V-t66n.js';\nimport { v as validateIcons } from './icons-Rho8fw5B.js';\nimport './Alert-CRNukdr3.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport { d as KolButtonWcTag } from './component-names-CkE54Ym7.js';\nimport { K as KolSpanFc } from './Span-jSFuwGbU.js';\nimport './i18n-CS5bfbb5.js';\nimport { n as nonce } from './dev.utils-Drt3wK8q.js';\nimport './Heading-KiNnTqFA.js';\nimport './bem-1mR-cDMU.js';\nimport './browser-Ccum-Et3.js';\nimport './Icon-DNKR62Dr.js';\nimport './markdown-BitmMy0q.js';\nimport './InternalUnderlinedBadgeText-BooK1uMY.js';\nimport './isObject-DvSELytj.js';\nimport './i18n-CjhRejiw.js';\n\nconst defaultStyleCss = \"/* 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(44rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    color: black;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of to-rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    clip: rect(0 0 0 0);\\n    clip-path: inset(50%);\\n    height: 1px;\\n    overflow: hidden;\\n    position: absolute;\\n    white-space: nowrap;\\n    width: 1px;\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%;\\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    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .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    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\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    contain: layout;\\n    display: contents;\\n  }\\n  .kol-tooltip__floating {\\n    animation-duration: 0.25s;\\n    animation-iteration-count: 1;\\n    animation-name: fadeInOpacity;\\n    animation-timing-function: ease-in;\\n    display: none;\\n    position: fixed;\\n    visibility: hidden;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width);\\n  }\\n  .kol-tooltip__arrow {\\n    background-color: #fff;\\n    color: #000;\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n    position: absolute;\\n    transform: rotate(45deg);\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    z-index: 999;\\n  }\\n  .kol-tooltip__content {\\n    background-color: #fff;\\n    color: #000;\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes fadeInOpacity {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  .kol-badge {\\n    display: inline-flex;\\n    place-items: center;\\n    /* Visible with forced colors  */\\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-badge .kol-badge__smart-button .button {\\n    color: inherit;\\n  }\\n}\";\n\nfeatureHint(`[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).`);\nconst KolBadge = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.bgColorStr = '#000';\n        this.colorStr = '#fff';\n        this.id = nonce();\n        this._color = '#000';\n        this.state = {\n            _color: {\n                backgroundColor: '#000',\n                foregroundColor: '#fff',\n            },\n            _icons: {},\n        };\n        this.handleColorChange = (value) => {\n            const colorPair = handleColorChange(value);\n            this.bgColorStr = colorPair.backgroundColor;\n            this.colorStr = colorPair.foregroundColor;\n        };\n    }\n    renderSmartButton(props) {\n        return (h(KolButtonWcTag, { class: \"kol-badge__smart-button\", _ariaControls: this.id, _customClass: props._customClass, _disabled: props._disabled, _hideLabel: true, _icons: props._icons, _id: props._id, _label: props._label, _on: props._on, _tooltipAlign: props._tooltipAlign, _buttonVariant: props._variant }));\n    }\n    render() {\n        const hasSmartButton = typeof this.state._smartButton === 'object' && this.state._smartButton !== null;\n        return (h(\"span\", { key: '5887c57c800757a960919276d5422054b6d7c17f', class: clsx('kol-badge', {\n                'kol-badge--has-smart-button': typeof this.state._smartButton === 'object' && this.state._smartButton !== null,\n            }), style: {\n                backgroundColor: this.bgColorStr,\n                color: this.colorStr,\n            } }, h(KolSpanFc, { key: 'd6650fca7447ba669d77f8c81cfbc70a67622b0b', class: \"kol-badge__label\", id: hasSmartButton ? this.id : undefined, allowMarkdown: true, icons: this.state._icons, label: this._label }), hasSmartButton && this.renderSmartButton(this.state._smartButton)));\n    }\n    validateIcons(value) {\n        validateIcons(this, value);\n    }\n    validateColor(value) {\n        validateColor(this, value, {\n            defaultValue: '#000',\n            hooks: {\n                beforePatch: this.handleColorChange,\n            },\n        });\n    }\n    validateSmartButton(value) {\n        objectObjectHandler(value, () => {\n            try {\n                value = parseJson(value);\n            }\n            catch (e) {\n            }\n            setState(this, '_smartButton', value);\n        });\n    }\n    componentWillLoad() {\n        this.validateIcons(this._icons);\n        this.validateColor(this._color);\n        this.validateSmartButton(this._smartButton);\n    }\n    static get watchers() { return {\n        \"_icons\": [\"validateIcons\"],\n        \"_color\": [\"validateColor\"],\n        \"_smartButton\": [\"validateSmartButton\"]\n    }; }\n};\nKolBadge.style = {\n    default: defaultStyleCss\n};\n\nexport { KolBadge as kol_badge };\n//# sourceMappingURL=kol-badge.entry.js.map\n\n//# sourceMappingURL=kol-badge.entry.js.map"],"names":["defaultStyleCss","featureHint","KolBadge","hostRef","registerInstance","nonce","value","colorPair","handleColorChange","props","h","KolButtonWcTag","hasSmartButton","clsx","KolSpanFc","validateIcons","validateColor","objectObjectHandler","parseJson","setState"],"mappings":"+mBAAA;AAAA;AAAA,GAsBA,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,GAExBC,EAAY,qEAAqE,EAC5E,MAACC,EAAW,KAAM,CACnB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,WAAa,OAClB,KAAK,SAAW,OAChB,KAAK,GAAKE,EAAO,EACjB,KAAK,OAAS,OACd,KAAK,MAAQ,CACT,OAAQ,CACJ,gBAAiB,OACjB,gBAAiB,MACpB,EACD,OAAQ,CAAE,CACb,EACD,KAAK,kBAAqBC,GAAU,CAChC,MAAMC,EAAYC,EAAkBF,CAAK,EACzC,KAAK,WAAaC,EAAU,gBAC5B,KAAK,SAAWA,EAAU,eAC7B,CACT,CACI,kBAAkBE,EAAO,CACrB,OAAQC,EAAEC,EAAgB,CAAE,MAAO,0BAA2B,cAAe,KAAK,GAAI,aAAcF,EAAM,aAAc,UAAWA,EAAM,UAAW,WAAY,GAAM,OAAQA,EAAM,OAAQ,IAAKA,EAAM,IAAK,OAAQA,EAAM,OAAQ,IAAKA,EAAM,IAAK,cAAeA,EAAM,cAAe,eAAgBA,EAAM,SAAU,CAC9T,CACI,QAAS,CACL,MAAMG,EAAiB,OAAO,KAAK,MAAM,cAAiB,UAAY,KAAK,MAAM,eAAiB,KAClG,OAAQF,EAAE,OAAQ,CAAE,IAAK,2CAA4C,MAAOG,EAAK,YAAa,CACtF,8BAA+B,OAAO,KAAK,MAAM,cAAiB,UAAY,KAAK,MAAM,eAAiB,IAC7G,CAAA,EAAG,MAAO,CACP,gBAAiB,KAAK,WACtB,MAAO,KAAK,QACf,CAAA,EAAIH,EAAEI,EAAW,CAAE,IAAK,2CAA4C,MAAO,mBAAoB,GAAIF,EAAiB,KAAK,GAAK,OAAW,cAAe,GAAM,MAAO,KAAK,MAAM,OAAQ,MAAO,KAAK,MAAM,CAAE,EAAGA,GAAkB,KAAK,kBAAkB,KAAK,MAAM,YAAY,CAAC,CAC7R,CACI,cAAcN,EAAO,CACjBS,EAAc,KAAMT,CAAK,CACjC,CACI,cAAcA,EAAO,CACjBU,EAAc,KAAMV,EAAO,CACvB,aAAc,OACd,MAAO,CACH,YAAa,KAAK,iBACrB,CACb,CAAS,CACT,CACI,oBAAoBA,EAAO,CACvBW,EAAoBX,EAAO,IAAM,CAC7B,GAAI,CACAA,EAAQY,EAAUZ,CAAK,CACvC,MACsB,CACtB,CACYa,EAAS,KAAM,eAAgBb,CAAK,CAChD,CAAS,CACT,CACI,mBAAoB,CAChB,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,oBAAoB,KAAK,YAAY,CAClD,CACI,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,eAAe,EAC1B,OAAU,CAAC,eAAe,EAC1B,aAAgB,CAAC,qBAAqB,CAC9C,CAAM,CACN,EACAJ,EAAS,MAAQ,CACb,QAASF,CACb"}