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

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

@@ -1,4 +1,4 @@
-import{r as t,h as n,b as i,H as o}from"./index-CJwtOLCA.js";/*!
+import{r as t,h as n,b as i,H as o}from"./index-BUU9OKG2.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const a=`/*
  * This file contains all rules for accessibility.
@@ -9,13 +9,13 @@ import{r as t,h as n,b as i,H as o}from"./index-CJwtOLCA.js";/*!
      * Minimum size of interactive elements.
      */
     --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));
+    color: black;
     /*
      * No element should be used without a background and font color whose contrast ratio has
      * not been checked. By initially setting the background color to white and the font color
      * to black, the contrast ratio is ensured and explicit adjustment is forced.
      */
     background-color: white;
-    color: black;
     /*
      * Verdana is an accessible font that can be used without requiring additional loading time.
      */
@@ -46,11 +46,10 @@ import{r as t,h as n,b as i,H as o}from"./index-CJwtOLCA.js";/*!
   /* option, */
   /* select, */
   /* textarea, */
-  [role=button],
-  button:not([role=link]),
+  button,
   .kol-input .input {
-    min-height: var(--a11y-min-size);
     min-width: var(--a11y-min-size);
+    min-height: var(--a11y-min-size);
   }
   /*
    * Some interactive elements should not inherit the font-family and font-size.
@@ -96,7 +95,6 @@ import{r as t,h as n,b as i,H as o}from"./index-CJwtOLCA.js";/*!
     height: 1px;
     overflow: hidden;
     white-space: nowrap;
-    clip: rect(0 0 0 0);
     clip-path: inset(50%);
   }
 }
@@ -107,10 +105,10 @@ import{r as t,h as n,b as i,H as o}from"./index-CJwtOLCA.js";/*!
    */
   :is(a, button) {
     background-color: transparent;
-    border: none;
+    width: 100%; /* 100% needed for custom width from outside */
     margin: 0;
     padding: 0;
-    width: 100%; /* 100% needed for custom width from outside */
+    border: none;
   }
   /*
    * Ensure elements with hidden attribute to be actually not visible
@@ -122,12 +120,12 @@ import{r as t,h as n,b as i,H as o}from"./index-CJwtOLCA.js";/*!
 }
 @layer kol-global {
   :host {
-    font-size: calc(16rem / var(--kolibri-root-font-size, 16));
     /*
      * The max-width is needed to prevent the table from overflowing the
      * parent node, if the table is wider than the parent node.
      */
     max-width: 100%;
+    font-size: calc(16rem / var(--kolibri-root-font-size, 16));
   }
   * {
     /*
@@ -163,17 +161,17 @@ import{r as t,h as n,b as i,H as o}from"./index-CJwtOLCA.js";/*!
   [aria-disabled=true]:focus,
   [disabled],
   [disabled]:focus {
-    cursor: not-allowed;
     opacity: 0.5;
     outline: none;
+    cursor: not-allowed;
   }
   [aria-disabled=true]:focus .kol-span-wc,
   [disabled]:focus .kol-span-wc {
     outline: none !important;
   }
   .badge-text-hint {
-    background-color: lightgray;
     color: black;
+    background-color: lightgray;
   }
 }
 @layer kol-component {
@@ -199,11 +197,11 @@ import{r as t,h as n,b as i,H as o}from"./index-CJwtOLCA.js";/*!
     height: calc(100rem / var(--kolibri-root-font-size, 16));
   }
   .initials {
+    background-color: #d3d3d3;
     display: flex;
     align-items: center;
     justify-content: center;
-    background-color: #d3d3d3;
     font-size: calc(40rem / var(--kolibri-root-font-size, 16));
   }
 }`,l=a,r=class{constructor(e){t(this,e),this._src=void 0,this._label=void 0}render(){return n(o,{key:"177cf2f61660902db5c1680e3e10fc7f3c567695",class:"kol-avatar"},n(i,{key:"9103d11ec31279584865dd3acf92a9ef0d04ca61",_src:this._src,_label:this._label}))}};r.style={default:l};export{r as kol_avatar};
-//# sourceMappingURL=kol-avatar.entry-7UMexQIo.js.map
+//# sourceMappingURL=kol-avatar.entry-jCvvYK84.js.map

package/dist/assets/kol-avatar.entry-jCvvYK84.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-avatar.entry-jCvvYK84.js","sources":["../../../../components/dist/esm/kol-avatar.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-546fd190.js';\nimport { e as KolAvatarWcTag } from './component-names-4cb1c62b.js';\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    color: black;\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: absolute;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%; /* 100% needed for custom width from outside */\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n  .kol-span-wc {\\n    display: grid;\\n    place-items: center;\\n  }\\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  .kol-span-wc > span {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  /* This is the text label. */\\n  .hide-label > .kol-span-wc > span > span {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span-wc,\\n  [disabled]:focus .kol-span-wc {\\n    outline: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: block;\\n  }\\n}\\n@layer kol-component {\\n  .container,\\n  .image,\\n  .initials {\\n    border-radius: 50%;\\n  }\\n  .image,\\n  .initials {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .container {\\n    /* Visible with forced colors  */\\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\\n    width: calc(100rem / var(--kolibri-root-font-size, 16));\\n    height: calc(100rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .initials {\\n    background-color: #d3d3d3;\\n    display: flex;\\n    align-items: center;\\n    justify-content: center;\\n    font-size: calc(40rem / var(--kolibri-root-font-size, 16));\\n  }\\n}\";\nconst KolAvatarDefaultStyle0 = defaultStyleCss;\n\nconst KolAvatar = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this._src = undefined;\n        this._label = undefined;\n    }\n    render() {\n        return (h(Host, { key: '177cf2f61660902db5c1680e3e10fc7f3c567695', class: \"kol-avatar\" }, h(KolAvatarWcTag, { key: '9103d11ec31279584865dd3acf92a9ef0d04ca61', _src: this._src, _label: this._label })));\n    }\n};\nKolAvatar.style = {\n    default: KolAvatarDefaultStyle0\n};\n\nexport { KolAvatar as kol_avatar };\n\n//# sourceMappingURL=kol-avatar.entry.js.map"],"names":["defaultStyleCss","KolAvatarDefaultStyle0","KolAvatar","hostRef","registerInstance","h","Host","KolAvatarWcTag"],"mappings":"6DAAA;AAAA;AAAA,GAMA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAClBC,EAAyBD,EAEzBE,EAAY,KAAM,CACpB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,KAAO,OACZ,KAAK,OAAS,MAClB,CACA,QAAS,CACL,OAAQE,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,YAAY,EAAID,EAAEE,EAAgB,CAAE,IAAK,2CAA4C,KAAM,KAAK,KAAM,OAAQ,KAAK,MAAM,CAAE,CAAC,CAC1M,CACJ,EACAL,EAAU,MAAQ,CACd,QAASD,CACb"}

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

@@ -1,4 +1,4 @@
-import{r as i,h as t,c as a,d as l,H as s,o as r,f as d,p as c,s as h}from"./index-CJwtOLCA.js";import{n as u}from"./dev.utils-3a332b59-DBi0Ex3b.js";import{h as b,v as m}from"./color-a464afb7-DVoiVnQ-.js";/*!
+import{r as i,h as t,c as a,d as l,H as s,o as r,f as d,p as c,s as h}from"./index-BUU9OKG2.js";import{n as u}from"./dev.utils-b8746379-D5WwAw2a.js";import{h as b,v as m}from"./color-0c64809c-48TO2sYM.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const f=`/*
  * This file contains all rules for accessibility.
@@ -9,13 +9,13 @@ import{r as i,h as t,c as a,d as l,H as s,o as r,f as d,p as c,s as h}from"./ind
      * Minimum size of interactive elements.
      */
     --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));
+    color: black;
     /*
      * No element should be used without a background and font color whose contrast ratio has
      * not been checked. By initially setting the background color to white and the font color
      * to black, the contrast ratio is ensured and explicit adjustment is forced.
      */
     background-color: white;
-    color: black;
     /*
      * Verdana is an accessible font that can be used without requiring additional loading time.
      */
@@ -46,11 +46,10 @@ import{r as i,h as t,c as a,d as l,H as s,o as r,f as d,p as c,s as h}from"./ind
   /* option, */
   /* select, */
   /* textarea, */
-  [role=button],
-  button:not([role=link]),
+  button,
   .kol-input .input {
-    min-height: var(--a11y-min-size);
     min-width: var(--a11y-min-size);
+    min-height: var(--a11y-min-size);
   }
   /*
    * Some interactive elements should not inherit the font-family and font-size.
@@ -96,7 +95,6 @@ import{r as i,h as t,c as a,d as l,H as s,o as r,f as d,p as c,s as h}from"./ind
     height: 1px;
     overflow: hidden;
     white-space: nowrap;
-    clip: rect(0 0 0 0);
     clip-path: inset(50%);
   }
 }
@@ -107,10 +105,10 @@ import{r as i,h as t,c as a,d as l,H as s,o as r,f as d,p as c,s as h}from"./ind
    */
   :is(a, button) {
     background-color: transparent;
-    border: none;
+    width: 100%; /* 100% needed for custom width from outside */
     margin: 0;
     padding: 0;
-    width: 100%; /* 100% needed for custom width from outside */
+    border: none;
   }
   /*
    * Ensure elements with hidden attribute to be actually not visible
@@ -122,12 +120,12 @@ import{r as i,h as t,c as a,d as l,H as s,o as r,f as d,p as c,s as h}from"./ind
 }
 @layer kol-global {
   :host {
-    font-size: calc(16rem / var(--kolibri-root-font-size, 16));
     /*
      * The max-width is needed to prevent the table from overflowing the
      * parent node, if the table is wider than the parent node.
      */
     max-width: 100%;
+    font-size: calc(16rem / var(--kolibri-root-font-size, 16));
   }
   * {
     /*
@@ -163,17 +161,17 @@ import{r as i,h as t,c as a,d as l,H as s,o as r,f as d,p as c,s as h}from"./ind
   [aria-disabled=true]:focus,
   [disabled],
   [disabled]:focus {
-    cursor: not-allowed;
     opacity: 0.5;
     outline: none;
+    cursor: not-allowed;
   }
   [aria-disabled=true]:focus .kol-span-wc,
   [disabled]:focus .kol-span-wc {
     outline: none !important;
   }
   .badge-text-hint {
-    background-color: lightgray;
     color: black;
+    background-color: lightgray;
   }
 }
 @layer kol-component {
@@ -182,32 +180,32 @@ import{r as i,h as t,c as a,d as l,H as s,o as r,f as d,p as c,s as h}from"./ind
     contain: layout;
   }
   .kol-tooltip-wc .tooltip-floating {
-    animation-duration: 0.25s;
-    animation-iteration-count: 1;
-    animation-name: fadeInOpacity;
-    animation-timing-function: ease-in;
     display: none;
     position: fixed;
-    visibility: hidden;
     /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */
     top: 0;
     left: 0;
-    max-width: 90vw;
-    max-height: 90vh;
     /* Can be used to specify the tooltip-width from the outside. Unset by default.  */
     width: var(--kol-tooltip-width);
+    max-width: 90vw;
+    max-height: 90vh;
+    visibility: hidden;
+    animation-duration: 0.25s;
+    animation-iteration-count: 1;
+    animation-name: fadeInOpacity;
+    animation-timing-function: ease-in;
   }
   /* Shared between content and arrow */
   .kol-tooltip-wc .tooltip-area {
-    background-color: #fff;
     color: #000;
+    background-color: #fff;
   }
   .kol-tooltip-wc .tooltip-arrow {
-    height: calc(10rem / var(--kolibri-root-font-size, 16));
-    position: absolute;
     transform: rotate(45deg);
-    width: calc(10rem / var(--kolibri-root-font-size, 16));
+    position: absolute;
     z-index: 999;
+    width: calc(10rem / var(--kolibri-root-font-size, 16));
+    height: calc(10rem / var(--kolibri-root-font-size, 16));
   }
   .kol-tooltip-wc .tooltip-content {
     position: relative;
@@ -224,13 +222,13 @@ import{r as i,h as t,c as a,d as l,H as s,o as r,f as d,p as c,s as h}from"./ind
 }
 @layer kol-component {
   :host > span {
-    display: inline-flex;
-    place-items: center;
     /* Visible with forced colors  */
     outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));
+    display: inline-flex;
+    place-items: center;
   }
   :host > span > .kol-button-wc button {
     color: inherit;
   }
 }`,p=f;d("[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).");const g=class{constructor(n){i(this,n),this.bgColorStr="#000",this.colorStr="#fff",this.id=u(),this.handleColorChange=e=>{const o=b(e);this.bgColorStr=o.backgroundColor,this.colorStr=o.foregroundColor},this._color="#000",this._icons=void 0,this._label=void 0,this._smartButton=void 0,this.state={_color:{backgroundColor:"#000",foregroundColor:"#fff"}}}renderSmartButton(n){return t(a,{_ariaControls:this.id,_customClass:n._customClass,_disabled:n._disabled,_hideLabel:!0,_icons:n._icons,_id:n._id,_label:n._label,_on:n._on,_tooltipAlign:n._tooltipAlign,_variant:n._variant})}render(){const n=typeof this.state._smartButton=="object"&&this.state._smartButton!==null;return t(s,{key:"e18cef57a5d00c73f9040d17f16e53a22bb21c2d",class:"kol-badge"},t("span",{key:"6375f9d2c8c8863165d6e0dce77ad89f708275b5",class:{"smart-button":typeof this.state._smartButton=="object"&&this.state._smartButton!==null},style:{backgroundColor:this.bgColorStr,color:this.colorStr}},t(l,{key:"a74d942a94c5bbeb002bbd42a5d45a9e75c704e8",id:n?this.id:void 0,_allowMarkdown:!0,_icons:this._icons,_label:this._label}),n&&this.renderSmartButton(this.state._smartButton)))}validateColor(n){m(this,n,{defaultValue:"#000",hooks:{beforePatch:this.handleColorChange}})}validateSmartButton(n){r(n,()=>{try{n=c(n)}catch{}h(this,"_smartButton",n)})}componentWillLoad(){this.validateColor(this._color),this.validateSmartButton(this._smartButton)}static get watchers(){return{_color:["validateColor"],_smartButton:["validateSmartButton"]}}};g.style={default:p};export{g as kol_badge};
-//# sourceMappingURL=kol-badge.entry-BblLMt6l.js.map
+//# sourceMappingURL=kol-badge.entry-DIzEEGBK.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kol-badge.entry-DIzEEGBK.js","sources":["../../../../components/dist/esm/kol-badge.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-546fd190.js';\nimport { h as featureHint, o as objectObjectHandler, l as parseJson, m as setState } from './index-50898179.js';\nimport { f as KolSpanWcTag, c as KolButtonWcTag } from './component-names-4cb1c62b.js';\nimport { n as nonce } from './dev.utils-b8746379.js';\nimport { h as handleColorChange, v as validateColor } from './color-0c64809c.js';\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    color: black;\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: absolute;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%; /* 100% needed for custom width from outside */\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n  .kol-span-wc {\\n    display: grid;\\n    place-items: center;\\n  }\\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  .kol-span-wc > span {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  /* This is the text label. */\\n  .hide-label > .kol-span-wc > span > span {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span-wc,\\n  [disabled]:focus .kol-span-wc {\\n    outline: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip-wc {\\n    display: contents;\\n    contain: layout;\\n  }\\n  .kol-tooltip-wc .tooltip-floating {\\n    display: none;\\n    position: fixed;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width);\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    visibility: hidden;\\n    animation-duration: 0.25s;\\n    animation-iteration-count: 1;\\n    animation-name: fadeInOpacity;\\n    animation-timing-function: ease-in;\\n  }\\n  /* Shared between content and arrow */\\n  .kol-tooltip-wc .tooltip-area {\\n    color: #000;\\n    background-color: #fff;\\n  }\\n  .kol-tooltip-wc .tooltip-arrow {\\n    transform: rotate(45deg);\\n    position: absolute;\\n    z-index: 999;\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-tooltip-wc .tooltip-content {\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes fadeInOpacity {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  :host > span {\\n    /* Visible with forced colors  */\\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\\n    display: inline-flex;\\n    place-items: center;\\n  }\\n  :host > span > .kol-button-wc button {\\n    color: inherit;\\n  }\\n}\";\nconst KolBadgeDefaultStyle0 = defaultStyleCss;\n\nfeatureHint(`[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).`);\nconst KolBadge = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.bgColorStr = '#000';\n        this.colorStr = '#fff';\n        this.id = nonce();\n        this.handleColorChange = (value) => {\n            const colorPair = handleColorChange(value);\n            this.bgColorStr = colorPair.backgroundColor;\n            this.colorStr = colorPair.foregroundColor;\n        };\n        this._color = '#000';\n        this._icons = undefined;\n        this._label = undefined;\n        this._smartButton = undefined;\n        this.state = {\n            _color: {\n                backgroundColor: '#000',\n                foregroundColor: '#fff',\n            },\n        };\n    }\n    renderSmartButton(props) {\n        return (h(KolButtonWcTag, { _ariaControls: this.id, _customClass: props._customClass, _disabled: props._disabled, _hideLabel: true, _icons: props._icons, _id: props._id, _label: props._label, _on: props._on, _tooltipAlign: props._tooltipAlign, _variant: props._variant }));\n    }\n    render() {\n        const hasSmartButton = typeof this.state._smartButton === 'object' && this.state._smartButton !== null;\n        return (h(Host, { key: 'e18cef57a5d00c73f9040d17f16e53a22bb21c2d', class: \"kol-badge\" }, h(\"span\", { key: '6375f9d2c8c8863165d6e0dce77ad89f708275b5', class: {\n                'smart-button': typeof this.state._smartButton === 'object' && this.state._smartButton !== null,\n            }, style: {\n                backgroundColor: this.bgColorStr,\n                color: this.colorStr,\n            } }, h(KolSpanWcTag, { key: 'a74d942a94c5bbeb002bbd42a5d45a9e75c704e8', id: hasSmartButton ? this.id : undefined, _allowMarkdown: true, _icons: this._icons, _label: this._label }), hasSmartButton && this.renderSmartButton(this.state._smartButton))));\n    }\n    validateColor(value) {\n        validateColor(this, value, {\n            defaultValue: '#000',\n            hooks: {\n                beforePatch: this.handleColorChange,\n            },\n        });\n    }\n    validateSmartButton(value) {\n        objectObjectHandler(value, () => {\n            try {\n                value = parseJson(value);\n            }\n            catch (e) {\n            }\n            setState(this, '_smartButton', value);\n        });\n    }\n    componentWillLoad() {\n        this.validateColor(this._color);\n        this.validateSmartButton(this._smartButton);\n    }\n    static get watchers() { return {\n        \"_color\": [\"validateColor\"],\n        \"_smartButton\": [\"validateSmartButton\"]\n    }; }\n};\nKolBadge.style = {\n    default: KolBadgeDefaultStyle0\n};\n\nexport { KolBadge as kol_badge };\n\n//# sourceMappingURL=kol-badge.entry.js.map"],"names":["defaultStyleCss","KolBadgeDefaultStyle0","featureHint","KolBadge","hostRef","registerInstance","nonce","value","colorPair","handleColorChange","props","h","KolButtonWcTag","hasSmartButton","Host","KolSpanWcTag","validateColor","objectObjectHandler","parseJson","setState"],"mappings":"6MAAA;AAAA;AAAA,GASA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAClBC,EAAwBD,EAE9BE,EAAY,qEAAqE,EAC5E,MAACC,EAAW,KAAM,CACnB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,WAAa,OAClB,KAAK,SAAW,OAChB,KAAK,GAAKE,EAAK,EACf,KAAK,kBAAqBC,GAAU,CAChC,MAAMC,EAAYC,EAAkBF,CAAK,EACzC,KAAK,WAAaC,EAAU,gBAC5B,KAAK,SAAWA,EAAU,eAC9B,EACA,KAAK,OAAS,OACd,KAAK,OAAS,OACd,KAAK,OAAS,OACd,KAAK,aAAe,OACpB,KAAK,MAAQ,CACT,OAAQ,CACJ,gBAAiB,OACjB,gBAAiB,MACjC,CACA,CACI,CACA,kBAAkBE,EAAO,CACrB,OAAQC,EAAEC,EAAgB,CAAE,cAAe,KAAK,GAAI,aAAcF,EAAM,aAAc,UAAWA,EAAM,UAAW,WAAY,GAAM,OAAQA,EAAM,OAAQ,IAAKA,EAAM,IAAK,OAAQA,EAAM,OAAQ,IAAKA,EAAM,IAAK,cAAeA,EAAM,cAAe,SAAUA,EAAM,SAAU,CAClR,CACA,QAAS,CACL,MAAMG,EAAiB,OAAO,KAAK,MAAM,cAAiB,UAAY,KAAK,MAAM,eAAiB,KAClG,OAAQF,EAAEG,EAAM,CAAE,IAAK,2CAA4C,MAAO,WAAW,EAAIH,EAAE,OAAQ,CAAE,IAAK,2CAA4C,MAAO,CACrJ,eAAgB,OAAO,KAAK,MAAM,cAAiB,UAAY,KAAK,MAAM,eAAiB,IAC3G,EAAe,MAAO,CACN,gBAAiB,KAAK,WACtB,MAAO,KAAK,QAC5B,CAAa,EAAIA,EAAEI,EAAc,CAAE,IAAK,2CAA4C,GAAIF,EAAiB,KAAK,GAAK,OAAW,eAAgB,GAAM,OAAQ,KAAK,OAAQ,OAAQ,KAAK,MAAM,CAAE,EAAGA,GAAkB,KAAK,kBAAkB,KAAK,MAAM,YAAY,CAAC,CAAC,CAC/P,CACA,cAAcN,EAAO,CACjBS,EAAc,KAAMT,EAAO,CACvB,aAAc,OACd,MAAO,CACH,YAAa,KAAK,iBAClC,CACA,CAAS,CACL,CACA,oBAAoBA,EAAO,CACvBU,EAAoBV,EAAO,IAAM,CAC7B,GAAI,CACAA,EAAQW,EAAUX,CAAK,CAC3B,MACU,CACV,CACAY,EAAS,KAAM,eAAgBZ,CAAK,CACxC,CAAC,CACL,CACA,mBAAoB,CAChB,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,oBAAoB,KAAK,YAAY,CAC9C,CACA,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,eAAe,EAC1B,aAAgB,CAAC,qBAAqB,CAC9C,CAAO,CACP,EACAJ,EAAS,MAAQ,CACb,QAASF,CACb"}

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

@@ -1,6 +1,6 @@
-import{r as s,h as n,e as i,F as r,g as d,H as c,j as h}from"./index-CJwtOLCA.js";import{r as o,a as b}from"./unique-nav-labels-917eec2b-3IzKmPjj.js";import{w as f}from"./validation-db4e7b56-C4q_YvP4.js";import{v as u}from"./label-51d66c9d-CT4N_dB0.js";/*!
+import{r as s,h as n,e as i,F as r,g as d,H as c,j as h}from"./index-BUU9OKG2.js";import{r as o,a as b}from"./unique-nav-labels-ff53a6d0-CmkId7Oi.js";import{w as f}from"./validation-0a3825a7-jeusmETO.js";import{v as u}from"./label-2d7e2d68-BaoWgDXa.js";/*!
  * KoliBri - The accessible HTML-Standard
- */const p=`/*
+ */const m=`/*
  * This file contains all rules for accessibility.
  */
 @layer kol-a11y {
@@ -9,13 +9,13 @@ import{r as s,h as n,e as i,F as r,g as d,H as c,j as h}from"./index-CJwtOLCA.js
      * Minimum size of interactive elements.
      */
     --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));
+    color: black;
     /*
      * No element should be used without a background and font color whose contrast ratio has
      * not been checked. By initially setting the background color to white and the font color
      * to black, the contrast ratio is ensured and explicit adjustment is forced.
      */
     background-color: white;
-    color: black;
     /*
      * Verdana is an accessible font that can be used without requiring additional loading time.
      */
@@ -46,11 +46,10 @@ import{r as s,h as n,e as i,F as r,g as d,H as c,j as h}from"./index-CJwtOLCA.js
   /* option, */
   /* select, */
   /* textarea, */
-  [role=button],
-  button:not([role=link]),
+  button,
   .kol-input .input {
-    min-height: var(--a11y-min-size);
     min-width: var(--a11y-min-size);
+    min-height: var(--a11y-min-size);
   }
   /*
    * Some interactive elements should not inherit the font-family and font-size.
@@ -96,7 +95,6 @@ import{r as s,h as n,e as i,F as r,g as d,H as c,j as h}from"./index-CJwtOLCA.js
     height: 1px;
     overflow: hidden;
     white-space: nowrap;
-    clip: rect(0 0 0 0);
     clip-path: inset(50%);
   }
 }
@@ -107,10 +105,10 @@ import{r as s,h as n,e as i,F as r,g as d,H as c,j as h}from"./index-CJwtOLCA.js
    */
   :is(a, button) {
     background-color: transparent;
-    border: none;
+    width: 100%; /* 100% needed for custom width from outside */
     margin: 0;
     padding: 0;
-    width: 100%; /* 100% needed for custom width from outside */
+    border: none;
   }
   /*
    * Ensure elements with hidden attribute to be actually not visible
@@ -122,12 +120,12 @@ import{r as s,h as n,e as i,F as r,g as d,H as c,j as h}from"./index-CJwtOLCA.js
 }
 @layer kol-global {
   :host {
-    font-size: calc(16rem / var(--kolibri-root-font-size, 16));
     /*
      * The max-width is needed to prevent the table from overflowing the
      * parent node, if the table is wider than the parent node.
      */
     max-width: 100%;
+    font-size: calc(16rem / var(--kolibri-root-font-size, 16));
   }
   * {
     /*
@@ -163,37 +161,37 @@ import{r as s,h as n,e as i,F as r,g as d,H as c,j as h}from"./index-CJwtOLCA.js
   [aria-disabled=true]:focus,
   [disabled],
   [disabled]:focus {
-    cursor: not-allowed;
     opacity: 0.5;
     outline: none;
+    cursor: not-allowed;
   }
   [aria-disabled=true]:focus .kol-span-wc,
   [disabled]:focus .kol-span-wc {
     outline: none !important;
   }
   .badge-text-hint {
-    background-color: lightgray;
     color: black;
+    background-color: lightgray;
   }
 }
 @layer kol-component {
   li,
   ul {
+    display: flex;
     margin: 0;
     padding: 0;
-    list-style: none;
-    display: flex;
     gap: 0.5em;
     flex-wrap: wrap;
     place-items: center;
+    list-style: none;
   }
   .kol-icon::part(separator) {
-    font-weight: 900;
     font-size: 0.7em;
+    font-weight: 900;
   }
   .kol-icon::part(separator):before {
     content: "\\f054";
     font-family: "Font Awesome 6 Free";
   }
-}`,m=p,g=class{constructor(t){s(this,t),this.renderLink=(e,a)=>{const l=this.state._links.length-1;return n("li",{key:a},a!==0&&n(i,{_label:"",_icons:"codicon codicon-chevron-right"}),a===l?n("span",null,e._hideLabel?n(i,{_label:e._label,_icons:typeof e._icons=="string"?e._icons:"codicon codicon-symbol-event"}):n(r,null,e._label)):n(d,Object.assign({},e)))},this._label=void 0,this._links=void 0,this.state={_label:"",_links:[]}}render(){return n(c,{key:"329c1062de3097aac33fd6ddbafd65f4df37a375",class:"kol-breadcrumb"},n("nav",{key:"dfd7dc319fdac349fd221ce266364c8e3bc6d7ab","aria-label":this.state._label},n("ul",{key:"4503b6418e33303a4763de3d1f97a5279d4fae37"},this.state._links.length===0&&n("li",{key:"6f0cddb0ad668f37c302b85f783a4a427608cf71"},n(i,{key:"9672fa3ed1ad96eef3e98b53d89840fbb121de40",_label:"",_icons:"codicon codicon-home"}),"…"),this.state._links.map(this.renderLink))))}validateLabel(t,e,a=!1){a||o(this.state._label),u(this,t,{required:!0}),h(t),b(this.state._label)}validateLinks(t){f("KolBreadcrumb",this,t)}componentWillLoad(){this.validateLabel(this._label,void 0,!0),this.validateLinks(this._links)}disconnectedCallback(){o(this.state._label)}static get watchers(){return{_label:["validateLabel"],_links:["validateLinks"]}}};g.style={default:m};export{g as kol_breadcrumb};
-//# sourceMappingURL=kol-breadcrumb.entry-Dfya9ymf.js.map
+}`,p=m,g=class{constructor(t){s(this,t),this.renderLink=(e,a)=>{const l=this.state._links.length-1;return n("li",{key:a},a!==0&&n(i,{_label:"",_icons:"codicon codicon-chevron-right"}),a===l?n("span",null,e._hideLabel?n(i,{_label:e._label,_icons:typeof e._icons=="string"?e._icons:"codicon codicon-symbol-event"}):n(r,null,e._label)):n(d,Object.assign({},e)))},this._label=void 0,this._links=void 0,this.state={_label:"",_links:[]}}render(){return n(c,{key:"329c1062de3097aac33fd6ddbafd65f4df37a375",class:"kol-breadcrumb"},n("nav",{key:"dfd7dc319fdac349fd221ce266364c8e3bc6d7ab","aria-label":this.state._label},n("ul",{key:"4503b6418e33303a4763de3d1f97a5279d4fae37"},this.state._links.length===0&&n("li",{key:"6f0cddb0ad668f37c302b85f783a4a427608cf71"},n(i,{key:"9672fa3ed1ad96eef3e98b53d89840fbb121de40",_label:"",_icons:"codicon codicon-home"}),"…"),this.state._links.map(this.renderLink))))}validateLabel(t,e,a=!1){a||o(this.state._label),u(this,t,{required:!0}),h(t),b(this.state._label)}validateLinks(t){f("KolBreadcrumb",this,t)}componentWillLoad(){this.validateLabel(this._label,void 0,!0),this.validateLinks(this._links)}disconnectedCallback(){o(this.state._label)}static get watchers(){return{_label:["validateLabel"],_links:["validateLinks"]}}};g.style={default:p};export{g as kol_breadcrumb};
+//# sourceMappingURL=kol-breadcrumb.entry-BPL2yJsO.js.map

package/dist/assets/kol-breadcrumb.entry-BPL2yJsO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-breadcrumb.entry-BPL2yJsO.js","sources":["../../../../components/dist/esm/kol-breadcrumb.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, F as Fragment, H as Host } from './index-546fd190.js';\nimport { t as a11yHintLabelingLandmarks } from './index-50898179.js';\nimport { r as removeNavLabel, a as addNavLabel } from './unique-nav-labels-ff53a6d0.js';\nimport { w as watchNavLinks } from './validation-0a3825a7.js';\nimport { g as KolIconTag, h as KolLinkTag } from './component-names-4cb1c62b.js';\nimport { v as validateLabel } from './label-2d7e2d68.js';\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    color: black;\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: absolute;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%; /* 100% needed for custom width from outside */\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n  .kol-span-wc {\\n    display: grid;\\n    place-items: center;\\n  }\\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  .kol-span-wc > span {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  /* This is the text label. */\\n  .hide-label > .kol-span-wc > span > span {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span-wc,\\n  [disabled]:focus .kol-span-wc {\\n    outline: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-component {\\n  li,\\n  ul {\\n    display: flex;\\n    margin: 0;\\n    padding: 0;\\n    gap: 0.5em;\\n    flex-wrap: wrap;\\n    place-items: center;\\n    list-style: none;\\n  }\\n  .kol-icon::part(separator) {\\n    font-size: 0.7em;\\n    font-weight: 900;\\n  }\\n  .kol-icon::part(separator):before {\\n    content: \\\"\\\\f054\\\";\\n    font-family: \\\"Font Awesome 6 Free\\\";\\n  }\\n}\";\nconst KolBreadcrumbDefaultStyle0 = defaultStyleCss;\n\nconst KolBreadcrumb = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.renderLink = (link, index) => {\n            const lastIndex = this.state._links.length - 1;\n            return (h(\"li\", { key: index }, index !== 0 && h(KolIconTag, { _label: \"\", _icons: \"codicon codicon-chevron-right\" }), index === lastIndex ? (h(\"span\", null, link._hideLabel ? (h(KolIconTag, { _label: link._label, _icons: typeof link._icons === 'string' ? link._icons : 'codicon codicon-symbol-event' })) : (h(Fragment, null, link._label)))) : (h(KolLinkTag, Object.assign({}, link)))));\n        };\n        this._label = undefined;\n        this._links = undefined;\n        this.state = {\n            _label: '',\n            _links: [],\n        };\n    }\n    render() {\n        return (h(Host, { key: '329c1062de3097aac33fd6ddbafd65f4df37a375', class: \"kol-breadcrumb\" }, h(\"nav\", { key: 'dfd7dc319fdac349fd221ce266364c8e3bc6d7ab', \"aria-label\": this.state._label }, h(\"ul\", { key: '4503b6418e33303a4763de3d1f97a5279d4fae37' }, this.state._links.length === 0 && (h(\"li\", { key: '6f0cddb0ad668f37c302b85f783a4a427608cf71' }, h(KolIconTag, { key: '9672fa3ed1ad96eef3e98b53d89840fbb121de40', _label: \"\", _icons: \"codicon codicon-home\" }), \"\\u2026\")), this.state._links.map(this.renderLink)))));\n    }\n    validateLabel(value, _oldValue, initial = false) {\n        if (!initial) {\n            removeNavLabel(this.state._label);\n        }\n        validateLabel(this, value, {\n            required: true,\n        });\n        a11yHintLabelingLandmarks(value);\n        addNavLabel(this.state._label);\n    }\n    validateLinks(value) {\n        watchNavLinks('KolBreadcrumb', this, value);\n    }\n    componentWillLoad() {\n        this.validateLabel(this._label, undefined, true);\n        this.validateLinks(this._links);\n    }\n    disconnectedCallback() {\n        removeNavLabel(this.state._label);\n    }\n    static get watchers() { return {\n        \"_label\": [\"validateLabel\"],\n        \"_links\": [\"validateLinks\"]\n    }; }\n};\nKolBreadcrumb.style = {\n    default: KolBreadcrumbDefaultStyle0\n};\n\nexport { KolBreadcrumb as kol_breadcrumb };\n\n//# sourceMappingURL=kol-breadcrumb.entry.js.map"],"names":["defaultStyleCss","KolBreadcrumbDefaultStyle0","KolBreadcrumb","hostRef","registerInstance","link","index","lastIndex","h","KolIconTag","Fragment","KolLinkTag","Host","value","_oldValue","initial","removeNavLabel","validateLabel","a11yHintLabelingLandmarks","addNavLabel","watchNavLinks"],"mappings":"6PAAA;AAAA;AAAA,GAUA,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,GAClBC,EAA6BD,EAE7BE,EAAgB,KAAM,CACxB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,WAAa,CAACE,EAAMC,IAAU,CAC/B,MAAMC,EAAY,KAAK,MAAM,OAAO,OAAS,EAC7C,OAAQC,EAAE,KAAM,CAAE,IAAKF,CAAK,EAAIA,IAAU,GAAKE,EAAEC,EAAY,CAAE,OAAQ,GAAI,OAAQ,+BAA+B,CAAE,EAAGH,IAAUC,EAAaC,EAAE,OAAQ,KAAMH,EAAK,WAAcG,EAAEC,EAAY,CAAE,OAAQJ,EAAK,OAAQ,OAAQ,OAAOA,EAAK,QAAW,SAAWA,EAAK,OAAS,8BAA8B,CAAE,EAAMG,EAAEE,EAAU,KAAML,EAAK,MAAM,CAAE,EAAMG,EAAEG,EAAY,OAAO,OAAO,CAAA,EAAIN,CAAI,CAAC,CAAE,CACpY,EACA,KAAK,OAAS,OACd,KAAK,OAAS,OACd,KAAK,MAAQ,CACT,OAAQ,GACR,OAAQ,CAAA,CACpB,CACI,CACA,QAAS,CACL,OAAQG,EAAEI,EAAM,CAAE,IAAK,2CAA4C,MAAO,gBAAgB,EAAIJ,EAAE,MAAO,CAAE,IAAK,2CAA4C,aAAc,KAAK,MAAM,MAAM,EAAIA,EAAE,KAAM,CAAE,IAAK,0CAA0C,EAAI,KAAK,MAAM,OAAO,SAAW,GAAMA,EAAE,KAAM,CAAE,IAAK,0CAA0C,EAAIA,EAAEC,EAAY,CAAE,IAAK,2CAA4C,OAAQ,GAAI,OAAQ,uBAAwB,EAAG,GAAQ,EAAI,KAAK,MAAM,OAAO,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,CAClgB,CACA,cAAcI,EAAOC,EAAWC,EAAU,GAAO,CACxCA,GACDC,EAAe,KAAK,MAAM,MAAM,EAEpCC,EAAc,KAAMJ,EAAO,CACvB,SAAU,EACtB,CAAS,EACDK,EAA0BL,CAAK,EAC/BM,EAAY,KAAK,MAAM,MAAM,CACjC,CACA,cAAcN,EAAO,CACjBO,EAAc,gBAAiB,KAAMP,CAAK,CAC9C,CACA,mBAAoB,CAChB,KAAK,cAAc,KAAK,OAAQ,OAAW,EAAI,EAC/C,KAAK,cAAc,KAAK,MAAM,CAClC,CACA,sBAAuB,CACnBG,EAAe,KAAK,MAAM,MAAM,CACpC,CACA,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,eAAe,EAC1B,OAAU,CAAC,eAAe,CAClC,CAAO,CACP,EACAd,EAAc,MAAQ,CAClB,QAASD,CACb"}

package/dist/assets/{kol-button-group-wc.entry-C2eUldkW.js → kol-button-group-wc.entry-Bq2cZc-3.js}

@@ -1,4 +1,4 @@
-import{r as o,h as t,H as s}from"./index-CJwtOLCA.js";/*!
+import{r as o,h as t,H as s}from"./index-BUU9OKG2.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const c=class{constructor(e){o(this,e),this.state={}}render(){return t(s,{key:"c6f45fc1a9b73541e97f8bd14481c053df9d22b8",class:"kol-button-group-wc"},t("slot",{key:"e6e47348a642909c61fe042ab15e9cb8eb29adee"}))}};export{c as kol_button_group_wc};
-//# sourceMappingURL=kol-button-group-wc.entry-C2eUldkW.js.map
+//# sourceMappingURL=kol-button-group-wc.entry-Bq2cZc-3.js.map

package/dist/assets/{kol-button-group-wc.entry-C2eUldkW.js.map → kol-button-group-wc.entry-Bq2cZc-3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-button-group-wc.entry-C2eUldkW.js","sources":["../../../../components/dist/esm/kol-button-group-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-1766e6f4.js';\n\nconst KolButtonGroupWc = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.state = {};\n    }\n    render() {\n        return (h(Host, { key: 'c6f45fc1a9b73541e97f8bd14481c053df9d22b8', class: \"kol-button-group-wc\" }, h(\"slot\", { key: 'e6e47348a642909c61fe042ab15e9cb8eb29adee' })));\n    }\n};\n\nexport { KolButtonGroupWc as kol_button_group_wc };\n\n//# sourceMappingURL=kol-button-group-wc.entry.js.map"],"names":["KolButtonGroupWc","hostRef","registerInstance","h","Host"],"mappings":"sDAAA;AAAA;AAAA,GAKK,MAACA,EAAmB,KAAM,CAC3B,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,MAAQ,CAAE,CACvB,CACI,QAAS,CACL,OAAQE,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,qBAAuB,EAAED,EAAE,OAAQ,CAAE,IAAK,0CAA4C,CAAA,CAAC,CACzK,CACA"}
+{"version":3,"file":"kol-button-group-wc.entry-Bq2cZc-3.js","sources":["../../../../components/dist/esm/kol-button-group-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-546fd190.js';\n\nconst KolButtonGroupWc = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.state = {};\n    }\n    render() {\n        return (h(Host, { key: 'c6f45fc1a9b73541e97f8bd14481c053df9d22b8', class: \"kol-button-group-wc\" }, h(\"slot\", { key: 'e6e47348a642909c61fe042ab15e9cb8eb29adee' })));\n    }\n};\n\nexport { KolButtonGroupWc as kol_button_group_wc };\n\n//# sourceMappingURL=kol-button-group-wc.entry.js.map"],"names":["KolButtonGroupWc","hostRef","registerInstance","h","Host"],"mappings":"sDAAA;AAAA;AAAA,GAKK,MAACA,EAAmB,KAAM,CAC3B,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,MAAQ,CAAA,CACjB,CACA,QAAS,CACL,OAAQE,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,qBAAqB,EAAID,EAAE,OAAQ,CAAE,IAAK,0CAA0C,CAAE,CAAC,CACrK,CACJ"}

package/dist/assets/{kol-button-group.entry-4lLlNaW1.js → kol-button-group.entry-CPbwJU9c.js}

@@ -1,4 +1,4 @@
-import{r as t,h as n,k as o,H as i}from"./index-CJwtOLCA.js";/*!
+import{r as t,h as n,k as o,H as i}from"./index-BUU9OKG2.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const a=`/*
  * This file contains all rules for accessibility.
@@ -9,13 +9,13 @@ import{r as t,h as n,k as o,H as i}from"./index-CJwtOLCA.js";/*!
      * Minimum size of interactive elements.
      */
     --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));
+    color: black;
     /*
      * No element should be used without a background and font color whose contrast ratio has
      * not been checked. By initially setting the background color to white and the font color
      * to black, the contrast ratio is ensured and explicit adjustment is forced.
      */
     background-color: white;
-    color: black;
     /*
      * Verdana is an accessible font that can be used without requiring additional loading time.
      */
@@ -46,11 +46,10 @@ import{r as t,h as n,k as o,H as i}from"./index-CJwtOLCA.js";/*!
   /* option, */
   /* select, */
   /* textarea, */
-  [role=button],
-  button:not([role=link]),
+  button,
   .kol-input .input {
-    min-height: var(--a11y-min-size);
     min-width: var(--a11y-min-size);
+    min-height: var(--a11y-min-size);
   }
   /*
    * Some interactive elements should not inherit the font-family and font-size.
@@ -96,7 +95,6 @@ import{r as t,h as n,k as o,H as i}from"./index-CJwtOLCA.js";/*!
     height: 1px;
     overflow: hidden;
     white-space: nowrap;
-    clip: rect(0 0 0 0);
     clip-path: inset(50%);
   }
 }
@@ -107,10 +105,10 @@ import{r as t,h as n,k as o,H as i}from"./index-CJwtOLCA.js";/*!
    */
   :is(a, button) {
     background-color: transparent;
-    border: none;
+    width: 100%; /* 100% needed for custom width from outside */
     margin: 0;
     padding: 0;
-    width: 100%; /* 100% needed for custom width from outside */
+    border: none;
   }
   /*
    * Ensure elements with hidden attribute to be actually not visible
@@ -122,12 +120,12 @@ import{r as t,h as n,k as o,H as i}from"./index-CJwtOLCA.js";/*!
 }
 @layer kol-global {
   :host {
-    font-size: calc(16rem / var(--kolibri-root-font-size, 16));
     /*
      * The max-width is needed to prevent the table from overflowing the
      * parent node, if the table is wider than the parent node.
      */
     max-width: 100%;
+    font-size: calc(16rem / var(--kolibri-root-font-size, 16));
   }
   * {
     /*
@@ -163,17 +161,17 @@ import{r as t,h as n,k as o,H as i}from"./index-CJwtOLCA.js";/*!
   [aria-disabled=true]:focus,
   [disabled],
   [disabled]:focus {
-    cursor: not-allowed;
     opacity: 0.5;
     outline: none;
+    cursor: not-allowed;
   }
   [aria-disabled=true]:focus .kol-span-wc,
   [disabled]:focus .kol-span-wc {
     outline: none !important;
   }
   .badge-text-hint {
-    background-color: lightgray;
     color: black;
+    background-color: lightgray;
   }
 }
 @layer kol-component {
@@ -182,4 +180,4 @@ import{r as t,h as n,k as o,H as i}from"./index-CJwtOLCA.js";/*!
     flex-wrap: wrap;
   }
 }`,l=a,s=class{constructor(e){t(this,e)}render(){return n(i,{key:"5d9e4a2275cb34811dabead3a0fc42feaded6fad",class:"kol-button-group"},n(o,{key:"b87c020718ba902dc4c4ef4aa9dc0ca3eff65021"},n("slot",{key:"e1d613b3027f4fcbe054d5f751c73eddd68cfcdf"})))}};s.style={default:l};export{s as kol_button_group};
-//# sourceMappingURL=kol-button-group.entry-4lLlNaW1.js.map
+//# sourceMappingURL=kol-button-group.entry-CPbwJU9c.js.map

package/dist/assets/kol-button-group.entry-CPbwJU9c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-button-group.entry-CPbwJU9c.js","sources":["../../../../components/dist/esm/kol-button-group.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-546fd190.js';\nimport { i as KolButtonGroupWcTag } from './component-names-4cb1c62b.js';\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    color: black;\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: absolute;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%; /* 100% needed for custom width from outside */\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n  .kol-span-wc {\\n    display: grid;\\n    place-items: center;\\n  }\\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  .kol-span-wc > span {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  /* This is the text label. */\\n  .hide-label > .kol-span-wc > span > span {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span-wc,\\n  [disabled]:focus .kol-span-wc {\\n    outline: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-component {\\n  :host > .kol-button-group-wc {\\n    display: flex;\\n    flex-wrap: wrap;\\n  }\\n}\";\nconst KolButtonGroupDefaultStyle0 = defaultStyleCss;\n\nconst KolButtonGroup = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n    }\n    render() {\n        return (h(Host, { key: '5d9e4a2275cb34811dabead3a0fc42feaded6fad', class: \"kol-button-group\" }, h(KolButtonGroupWcTag, { key: 'b87c020718ba902dc4c4ef4aa9dc0ca3eff65021' }, h(\"slot\", { key: 'e1d613b3027f4fcbe054d5f751c73eddd68cfcdf' }))));\n    }\n};\nKolButtonGroup.style = {\n    default: KolButtonGroupDefaultStyle0\n};\n\nexport { KolButtonGroup as kol_button_group };\n\n//# sourceMappingURL=kol-button-group.entry.js.map"],"names":["defaultStyleCss","KolButtonGroupDefaultStyle0","KolButtonGroup","hostRef","registerInstance","h","Host","KolButtonGroupWcTag"],"mappings":"6DAAA;AAAA;AAAA,GAMA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAClBC,EAA8BD,EAE9BE,EAAiB,KAAM,CACzB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,CAClC,CACA,QAAS,CACL,OAAQE,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,kBAAkB,EAAID,EAAEE,EAAqB,CAAE,IAAK,0CAA0C,EAAIF,EAAE,OAAQ,CAAE,IAAK,0CAA0C,CAAE,CAAC,CAAC,CAC/O,CACJ,EACAH,EAAe,MAAQ,CACnB,QAASD,CACb"}