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

package/dist/assets/{kol-tree-item.entry-BdaBIb4g.js → kol-tree-item.entry-B4EThQkj.js}

@@ -1,4 +1,4 @@
-import{r as i,h as t,ag as a}from"./index-DqXEOlVh.js";/*!
+import{r as i,h as t,ag as a}from"./index-DzC8uzw2.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const o=`/*
  * This file contains all rules for accessibility.
@@ -9,13 +9,13 @@ import{r as i,h as t,ag as a}from"./index-DqXEOlVh.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 i,h as t,ag as a}from"./index-DqXEOlVh.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.
@@ -91,13 +90,12 @@ import{r as i,h as t,ag as a}from"./index-DqXEOlVh.js";/*!
   * - https://www.a11yproject.com/posts/how-to-hide-content/
   */
   .visually-hidden {
-    clip: rect(0 0 0 0);
-    clip-path: inset(50%);
+    position: absolute;
+    width: 1px;
     height: 1px;
     overflow: hidden;
-    position: absolute;
     white-space: nowrap;
-    width: 1px;
+    clip-path: inset(50%);
   }
 }
 @layer kol-global {
@@ -107,10 +105,10 @@ import{r as i,h as t,ag as a}from"./index-DqXEOlVh.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 i,h as t,ag as a}from"./index-DqXEOlVh.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 i,h as t,ag as a}from"./index-DqXEOlVh.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 {
@@ -189,11 +187,11 @@ import{r as i,h as t,ag as a}from"./index-DqXEOlVh.js";/*!
     padding-left: calc(6rem / var(--kolibri-root-font-size, 16));
   }
   .tree-link > a {
-    align-items: center;
     display: inline-flex;
     min-height: var(--a11y-min-size);
-    padding-left: max(var(--indentation) * var(--level) + (8rem / var(--kolibri-root-font-size, 16)), 8rem / var(--kolibri-root-font-size, 16));
     padding-right: calc(6rem / var(--kolibri-root-font-size, 16));
+    padding-left: max(var(--indentation) * var(--level) + (8rem / var(--kolibri-root-font-size, 16)), 8rem / var(--kolibri-root-font-size, 16));
+    align-items: center;
   }
   .tree-link-inner {
     display: flex;
@@ -207,14 +205,14 @@ import{r as i,h as t,ag as a}from"./index-DqXEOlVh.js";/*!
   }
   .toggle-button,
   .toggle-button-placeholder {
+    display: inline-flex;
     width: var(--a11y-min-size);
     height: var(--a11y-min-size);
-    display: inline-flex;
-    justify-content: center;
     align-items: center;
+    justify-content: center;
   }
   .text {
     text-decoration: underline;
   }
-}`,l=o,r=class{constructor(n){i(this,n),this._active=void 0,this._label=void 0,this._open=void 0,this._href=void 0}async focusLink(){this.element&&await this.element.focusLink()}async expand(){this.element&&await this.element.expand()}async collapse(){this.element&&await this.element.collapse()}async isOpen(){var n,e;return(e=await((n=this.element)===null||n===void 0?void 0:n.isOpen()))!==null&&e!==void 0?e:!1}render(){return t(a,{key:"530145a9cd8c7d318c8479e9494e04365812ee95",class:"kol-tree-item",_active:this._active,_label:this._label,_open:this._open,_href:this._href,ref:n=>this.element=n},t("slot",{key:"fd70a12d061e47fc257fc9e228e8929c1fcabff5"}))}};r.style={default:l};export{r as kol_tree_item};
-//# sourceMappingURL=kol-tree-item.entry-BdaBIb4g.js.map
+}`,l=o,s=class{constructor(n){i(this,n),this._active=void 0,this._label=void 0,this._open=void 0,this._href=void 0}async focusLink(){this.element&&await this.element.focusLink()}async expand(){this.element&&await this.element.expand()}async collapse(){this.element&&await this.element.collapse()}async isOpen(){var n,e;return(e=await((n=this.element)===null||n===void 0?void 0:n.isOpen()))!==null&&e!==void 0?e:!1}render(){return t(a,{key:"ac71a16eae31c12592e557db9a2603705b699eed",class:"kol-tree-item",_active:this._active,_label:this._label,_open:this._open,_href:this._href,ref:n=>this.element=n},t("slot",{key:"cb4e6844fb0eefc4d38cfbcb8e05878a56eebf5d"}))}};s.style={default:l};export{s as kol_tree_item};
+//# sourceMappingURL=kol-tree-item.entry-B4EThQkj.js.map

package/dist/assets/kol-tree-item.entry-B4EThQkj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-tree-item.entry-B4EThQkj.js","sources":["../../../../components/dist/esm/kol-tree-item.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-3bfee590.js';\nimport { v as KolTreeItemWcTag } 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  .tree-item {\\n    --indentation: var(--tree-item-indentation, calc(10rem / var(--kolibri-root-font-size, 16)));\\n  }\\n  ul {\\n    margin: 0;\\n    padding: 0;\\n    list-style: none;\\n  }\\n  .tree-link.first-level > a {\\n    padding-left: calc(6rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .tree-link > a {\\n    display: inline-flex;\\n    min-height: var(--a11y-min-size);\\n    padding-right: calc(6rem / var(--kolibri-root-font-size, 16));\\n    padding-left: max(var(--indentation) * var(--level) + (8rem / var(--kolibri-root-font-size, 16)), 8rem / var(--kolibri-root-font-size, 16));\\n    align-items: center;\\n  }\\n  .tree-link-inner {\\n    display: flex;\\n    align-items: center;\\n  }\\n  a {\\n    text-decoration: none;\\n  }\\n  a .kol-span-wc {\\n    place-items: unset;\\n  }\\n  .toggle-button,\\n  .toggle-button-placeholder {\\n    display: inline-flex;\\n    width: var(--a11y-min-size);\\n    height: var(--a11y-min-size);\\n    align-items: center;\\n    justify-content: center;\\n  }\\n  .text {\\n    text-decoration: underline;\\n  }\\n}\";\nconst KolTreeItemDefaultStyle0 = defaultStyleCss;\n\nconst KolTreeItem = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this._active = undefined;\n        this._label = undefined;\n        this._open = undefined;\n        this._href = undefined;\n    }\n    async focusLink() {\n        if (this.element) {\n            await this.element.focusLink();\n        }\n    }\n    async expand() {\n        if (this.element) {\n            await this.element.expand();\n        }\n    }\n    async collapse() {\n        if (this.element) {\n            await this.element.collapse();\n        }\n    }\n    async isOpen() {\n        var _a, _b;\n        return (_b = (await ((_a = this.element) === null || _a === void 0 ? void 0 : _a.isOpen()))) !== null && _b !== void 0 ? _b : false;\n    }\n    render() {\n        return (h(KolTreeItemWcTag, { key: 'ac71a16eae31c12592e557db9a2603705b699eed', class: \"kol-tree-item\", _active: this._active, _label: this._label, _open: this._open, _href: this._href, ref: (element) => (this.element = element) }, h(\"slot\", { key: 'cb4e6844fb0eefc4d38cfbcb8e05878a56eebf5d' })));\n    }\n};\nKolTreeItem.style = {\n    default: KolTreeItemDefaultStyle0\n};\n\nexport { KolTreeItem as kol_tree_item };\n\n//# sourceMappingURL=kol-tree-item.entry.js.map"],"names":["defaultStyleCss","KolTreeItemDefaultStyle0","KolTreeItem","hostRef","registerInstance","_a","_b","h","KolTreeItemWcTag","element"],"mappings":"uDAAA;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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAClBC,EAA2BD,EAE3BE,EAAc,KAAM,CACtB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,QAAU,OACf,KAAK,OAAS,OACd,KAAK,MAAQ,OACb,KAAK,MAAQ,MACjB,CACA,MAAM,WAAY,CACV,KAAK,SACL,MAAM,KAAK,QAAQ,UAAS,CAEpC,CACA,MAAM,QAAS,CACP,KAAK,SACL,MAAM,KAAK,QAAQ,OAAM,CAEjC,CACA,MAAM,UAAW,CACT,KAAK,SACL,MAAM,KAAK,QAAQ,SAAQ,CAEnC,CACA,MAAM,QAAS,CACX,IAAIE,EAAIC,EACR,OAAQA,EAAM,OAAQD,EAAK,KAAK,WAAa,MAAQA,IAAO,OAAS,OAASA,EAAG,OAAM,MAAU,MAAQC,IAAO,OAASA,EAAK,EAClI,CACA,QAAS,CACL,OAAQC,EAAEC,EAAkB,CAAE,IAAK,2CAA4C,MAAO,gBAAiB,QAAS,KAAK,QAAS,OAAQ,KAAK,OAAQ,MAAO,KAAK,MAAO,MAAO,KAAK,MAAO,IAAMC,GAAa,KAAK,QAAUA,CAAQ,EAAIF,EAAE,OAAQ,CAAE,IAAK,0CAA0C,CAAE,CAAC,CACzS,CACJ,EACAL,EAAY,MAAQ,CAChB,QAASD,CACb"}

package/dist/assets/kol-tree-wc.entry-D_igSJWd.js

@@ -0,0 +1,4 @@
+import{r as y,h as b,H as k,an as m,am as L,m as E}from"./index-DzC8uzw2.js";import{v as A}from"./label-2d7e2d68-CmR1a8EN.js";/*!
+ * KoliBri - The accessible HTML-Standard
+ */const f=class{constructor(e){y(this,e),this.state={_label:""},this._label=void 0}validateLabel(e){A(this,e)}render(){return b(k,{key:"62eb62cd49fd84704aeb55de7709742ff0455bb5",onSlotchange:this.handleSlotchange.bind(this),class:"kol-tree-wc"},b("nav",{key:"9c71ccabed0d9b3c6df5bdcb294faccb4886a209",class:"tree","aria-label":this.state._label},b("ul",{key:"29d69c2d37e7b5267832918ce6bdec4c0ba9fbc5",class:"treeview-navigation",role:"tree","aria-label":this.state._label},b("slot",{key:"808f40d3c1c0690faf7ed22e1235c085d6191045"}))))}static isTreeItem(e){return e?.tagName===m.toUpperCase()}componentWillLoad(){this.validateLabel(this._label),this.handleTreeChange(),this.observeChildListMutations()}disconnectedCallback(){var e;(e=this.observer)===null||e===void 0||e.disconnect()}observeChildListMutations(){this.observer=new MutationObserver(this.handleTreeChange.bind(this)),this.observeTopLevelItems()}handleSlotchange(){this.observeTopLevelItems(),this.handleTreeChange()}observeTopLevelItems(){var e;(e=this.getTopLevelTreeItems())===null||e===void 0||e.forEach(i=>{var t;(t=this.observer)===null||t===void 0||t.observe(i,{childList:!0,subtree:!0})})}getTopLevelTreeItems(){var e,i,t;return(t=(i=(e=this.host.querySelector("slot"))===null||e===void 0?void 0:e.assignedNodes)===null||i===void 0?void 0:i.call(e))===null||t===void 0?void 0:t.filter(f.isTreeItem)}handleTreeChange(){this.treeItemElements=this.getTreeItemElements(),this.ensureActiveItemVisibility()}getTreeItemElements(){var e;return(e=this.getTopLevelTreeItems())===null||e===void 0?void 0:e.reduce((i,t)=>{const s=t.querySelectorAll(m);return[...i,t,...s]},[])}async getOpenTreeItemElements(){if(!this.treeItemElements)return;const e=async t=>f.isTreeItem(t.parentElement)?await t.parentElement.isOpen()&&await e(t.parentElement):!0;return(await Promise.all(this.treeItemElements.map(async t=>({value:t,include:await e(t)})))).filter(t=>t.include).map(t=>t.value)}async handleKeyDown(e){var i,t,s,n,o,d,h,c,u;const a=await this.getOpenTreeItemElements(),l=(i=document.activeElement)===null||i===void 0?void 0:i.closest(m),w=e.metaKey||e.altKey||e.ctrlKey||e.shiftKey;if(!a||!l)return;const p=a?.findIndex(r=>r===l);switch(e.key){case"ArrowDown":{await((t=a[p+1])===null||t===void 0?void 0:t.focusLink()),e.preventDefault();break}case"ArrowUp":{await((s=a[p-1])===null||s===void 0?void 0:s.focusLink()),e.preventDefault();break}case"Right":case"ArrowRight":{e.preventDefault(),await l.isOpen()?await((n=a[p+1])===null||n===void 0?void 0:n.focusLink()):await l.expand();break}case"Left":case"ArrowLeft":{if(e.preventDefault(),await l.isOpen())await l.collapse();else{const r=a.findIndex(v=>v===l.parentElement);r!==-1&&await((o=a[r])===null||o===void 0?void 0:o.focusLink())}break}case"Home":{await((d=a[0])===null||d===void 0?void 0:d.focusLink()),e.preventDefault();break}case"End":{await((h=a[a.length-1])===null||h===void 0?void 0:h.focusLink()),e.preventDefault();break}case((c=e.key.match(/^[a-zA-Z0-9]$/))===null||c===void 0?void 0:c.input):{if(!w){const r=e.key.toLowerCase(),v=a.indexOf(l)+1,g=a.concat(a),_=g.slice(v,v+a.length).findIndex(T=>{var I;return(I=T.getAttribute("_label"))===null||I===void 0?void 0:I.trim().toLowerCase().startsWith(r)});_!==-1&&(await g[v+_].focusLink(),e.preventDefault())}break}case"*":{const r=(u=l.parentElement)===null||u===void 0?void 0:u.querySelectorAll(m);r?.forEach(v=>{v.expand()});break}}}async handleFocusOut(e){e.relatedTarget&&!e.relatedTarget.closest(L)&&await this.ensureActiveItemVisibility()}async ensureActiveItemVisibility(){const e=()=>{var s,n,o,d;const h=(d=(o=(n=(s=this.host.querySelector("slot"))===null||s===void 0?void 0:s.assignedNodes)===null||n===void 0?void 0:n.call(s))===null||o===void 0?void 0:o.filter(f.isTreeItem))!==null&&d!==void 0?d:[];for(const c of h){if(c._active)return c;const u=c.querySelector(`${m}[_active="true"]`);if(u&&u._active)return u}},i=s=>{f.isTreeItem(s.parentElement)&&(s.parentElement.expand(),i(s.parentElement))},t=e();t&&i(t)}get host(){return E(this)}static get watchers(){return{_label:["validateLabel"]}}};export{f as kol_tree_wc};
+//# sourceMappingURL=kol-tree-wc.entry-D_igSJWd.js.map

package/dist/assets/{kol-tree-wc.entry-BdX10xV6.js.map → kol-tree-wc.entry-D_igSJWd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-tree-wc.entry-BdX10xV6.js","sources":["../../../../components/dist/esm/kol-tree-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host, g as getElement } from './index-6c6daeaa.js';\nimport './index-4fb06bbb.js';\nimport { y as KolTreeItemTag, x as KolTreeTag } from './component-names-4cb1c62b.js';\nimport { v as validateLabel } from './label-51d66c9d.js';\n\nconst KolTreeWc = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.state = {\n            _label: '',\n        };\n        this._label = undefined;\n    }\n    validateLabel(value) {\n        validateLabel(this, value);\n    }\n    render() {\n        return (h(Host, { key: 'ead6fadb4d72531bc2e02f25a59944c186fb1b74', onSlotchange: this.handleSlotchange.bind(this), class: \"kol-tree-wc\" }, h(\"nav\", { key: '902fc0e6cf604b4d26fba2009fe45ddebcd8f06b', class: \"tree\", \"aria-label\": this.state._label }, h(\"ul\", { key: 'f33fa82c53c0f3b0e165a70e00508c3267a83412', class: \"treeview-navigation\", role: \"tree\", \"aria-label\": this.state._label }, h(\"slot\", { key: '8b1d7f476d18299b7ca8b3dfc671d496e52e25d1' })))));\n    }\n    static isTreeItem(element) {\n        return (element === null || element === void 0 ? void 0 : element.tagName) === KolTreeItemTag.toUpperCase();\n    }\n    componentWillLoad() {\n        this.validateLabel(this._label);\n        this.handleTreeChange();\n        this.observeChildListMutations();\n    }\n    disconnectedCallback() {\n        var _a;\n        (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();\n    }\n    observeChildListMutations() {\n        this.observer = new MutationObserver(this.handleTreeChange.bind(this));\n        this.observeTopLevelItems();\n    }\n    handleSlotchange() {\n        this.observeTopLevelItems();\n        this.handleTreeChange();\n    }\n    observeTopLevelItems() {\n        var _a;\n        (_a = this.getTopLevelTreeItems()) === null || _a === void 0 ? void 0 : _a.forEach((treeItem) => {\n            var _a;\n            (_a = this.observer) === null || _a === void 0 ? void 0 : _a.observe(treeItem, { childList: true, subtree: true });\n        });\n    }\n    getTopLevelTreeItems() {\n        var _a, _b, _c;\n        return (_c = (_b = (_a = this.host.querySelector('slot')) === null || _a === void 0 ? void 0 : _a.assignedNodes) === null || _b === void 0 ? void 0 : _b.call(_a)) === null || _c === void 0 ? void 0 : _c.filter(KolTreeWc.isTreeItem);\n    }\n    handleTreeChange() {\n        this.treeItemElements = this.getTreeItemElements();\n        void this.ensureActiveItemVisibility();\n    }\n    getTreeItemElements() {\n        var _a;\n        return (_a = this.getTopLevelTreeItems()) === null || _a === void 0 ? void 0 : _a.reduce((accumulator, currentValue) => {\n            const children = currentValue.querySelectorAll(KolTreeItemTag);\n            return [...accumulator, currentValue, ...children];\n        }, []);\n    }\n    async getOpenTreeItemElements() {\n        if (!this.treeItemElements) {\n            return;\n        }\n        const areElementAndAllParentsOpen = async (element) => {\n            if (!KolTreeWc.isTreeItem(element.parentElement)) {\n                return true;\n            }\n            else {\n                return (await element.parentElement.isOpen()) && (await areElementAndAllParentsOpen(element.parentElement));\n            }\n        };\n        const elementsWithInclude = await Promise.all(this.treeItemElements.map(async (element) => ({\n            value: element,\n            include: await areElementAndAllParentsOpen(element),\n        })));\n        return elementsWithInclude.filter((element) => element.include).map((element) => element.value);\n    }\n    async handleKeyDown(event) {\n        var _a, _b, _c, _d, _e, _f, _g, _h, _j;\n        const openItems = await this.getOpenTreeItemElements();\n        const currentTreeItem = (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.closest(KolTreeItemTag);\n        const hasModifierKeyPressed = event.metaKey || event.altKey || event.ctrlKey || event.shiftKey;\n        if (!openItems || !currentTreeItem) {\n            return;\n        }\n        const currentIndex = openItems === null || openItems === void 0 ? void 0 : openItems.findIndex((elem) => elem === currentTreeItem);\n        switch (event.key) {\n            case 'ArrowDown': {\n                await ((_b = openItems[currentIndex + 1]) === null || _b === void 0 ? void 0 : _b.focusLink());\n                event.preventDefault();\n                break;\n            }\n            case 'ArrowUp': {\n                await ((_c = openItems[currentIndex - 1]) === null || _c === void 0 ? void 0 : _c.focusLink());\n                event.preventDefault();\n                break;\n            }\n            case 'Right':\n            case 'ArrowRight': {\n                event.preventDefault();\n                if (await currentTreeItem.isOpen()) {\n                    await ((_d = openItems[currentIndex + 1]) === null || _d === void 0 ? void 0 : _d.focusLink());\n                }\n                else {\n                    await currentTreeItem.expand();\n                }\n                break;\n            }\n            case 'Left':\n            case 'ArrowLeft': {\n                event.preventDefault();\n                if (await currentTreeItem.isOpen()) {\n                    await currentTreeItem.collapse();\n                }\n                else {\n                    const parentIndex = openItems.findIndex((item) => item === currentTreeItem.parentElement);\n                    parentIndex !== -1 && (await ((_e = openItems[parentIndex]) === null || _e === void 0 ? void 0 : _e.focusLink()));\n                }\n                break;\n            }\n            case 'Home': {\n                await ((_f = openItems[0]) === null || _f === void 0 ? void 0 : _f.focusLink());\n                event.preventDefault();\n                break;\n            }\n            case 'End': {\n                await ((_g = openItems[openItems.length - 1]) === null || _g === void 0 ? void 0 : _g.focusLink());\n                event.preventDefault();\n                break;\n            }\n            case (_h = event.key.match(/^[a-zA-Z0-9]$/)) === null || _h === void 0 ? void 0 : _h.input: {\n                if (!hasModifierKeyPressed) {\n                    const char = event.key.toLowerCase();\n                    const startIndex = openItems.indexOf(currentTreeItem) + 1;\n                    const wrapAroundItems = openItems.concat(openItems);\n                    const matchIndex = wrapAroundItems\n                        .slice(startIndex, startIndex + openItems.length)\n                        .findIndex((item) => { var _a; return (_a = item.getAttribute('_label')) === null || _a === void 0 ? void 0 : _a.trim().toLowerCase().startsWith(char); });\n                    if (matchIndex !== -1) {\n                        await wrapAroundItems[startIndex + matchIndex].focusLink();\n                        event.preventDefault();\n                    }\n                }\n                break;\n            }\n            case '*': {\n                const siblings = (_j = currentTreeItem.parentElement) === null || _j === void 0 ? void 0 : _j.querySelectorAll(KolTreeItemTag);\n                siblings === null || siblings === void 0 ? void 0 : siblings.forEach((element) => {\n                    void element.expand();\n                });\n                break;\n            }\n        }\n    }\n    async handleFocusOut(event) {\n        if (event.relatedTarget && !event.relatedTarget.closest(KolTreeTag)) {\n            await this.ensureActiveItemVisibility();\n        }\n    }\n    async ensureActiveItemVisibility() {\n        const findActiveItem = () => {\n            var _a, _b, _c, _d;\n            const rootNodes = (_d = (_c = (_b = (_a = this.host.querySelector('slot')) === null || _a === void 0 ? void 0 : _a.assignedNodes) === null || _b === void 0 ? void 0 : _b.call(_a)) === null || _c === void 0 ? void 0 : _c.filter(KolTreeWc.isTreeItem)) !== null && _d !== void 0 ? _d : [];\n            for (const rootNode of rootNodes) {\n                if (rootNode._active) {\n                    return rootNode;\n                }\n                const childMatch = rootNode.querySelector(`${KolTreeItemTag}[_active=\"true\"]`);\n                if (childMatch && childMatch._active) {\n                    return childMatch;\n                }\n            }\n        };\n        const expandParentElements = (element) => {\n            if (KolTreeWc.isTreeItem(element.parentElement)) {\n                void element.parentElement.expand();\n                expandParentElements(element.parentElement);\n            }\n        };\n        const target = findActiveItem();\n        if (target) {\n            expandParentElements(target);\n        }\n    }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_label\": [\"validateLabel\"]\n    }; }\n};\n\nexport { KolTreeWc as kol_tree_wc };\n\n//# sourceMappingURL=kol-tree-wc.entry.js.map"],"names":["KolTreeWc","hostRef","registerInstance","value","validateLabel","h","Host","element","KolTreeItemTag","_a","treeItem","_b","_c","accumulator","currentValue","children","areElementAndAllParentsOpen","event","_d","_e","_f","_g","_h","_j","openItems","currentTreeItem","hasModifierKeyPressed","currentIndex","elem","parentIndex","item","char","startIndex","wrapAroundItems","matchIndex","siblings","KolTreeTag","findActiveItem","rootNodes","rootNode","childMatch","expandParentElements","target","getElement"],"mappings":"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"}
+{"version":3,"file":"kol-tree-wc.entry-D_igSJWd.js","sources":["../../../../components/dist/esm/kol-tree-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host, g as getElement } from './index-3bfee590.js';\nimport './index-50898179.js';\nimport { y as KolTreeItemTag, x as KolTreeTag } from './component-names-4cb1c62b.js';\nimport { v as validateLabel } from './label-2d7e2d68.js';\n\nconst KolTreeWc = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.state = {\n            _label: '',\n        };\n        this._label = undefined;\n    }\n    validateLabel(value) {\n        validateLabel(this, value);\n    }\n    render() {\n        return (h(Host, { key: '62eb62cd49fd84704aeb55de7709742ff0455bb5', onSlotchange: this.handleSlotchange.bind(this), class: \"kol-tree-wc\" }, h(\"nav\", { key: '9c71ccabed0d9b3c6df5bdcb294faccb4886a209', class: \"tree\", \"aria-label\": this.state._label }, h(\"ul\", { key: '29d69c2d37e7b5267832918ce6bdec4c0ba9fbc5', class: \"treeview-navigation\", role: \"tree\", \"aria-label\": this.state._label }, h(\"slot\", { key: '808f40d3c1c0690faf7ed22e1235c085d6191045' })))));\n    }\n    static isTreeItem(element) {\n        return (element === null || element === void 0 ? void 0 : element.tagName) === KolTreeItemTag.toUpperCase();\n    }\n    componentWillLoad() {\n        this.validateLabel(this._label);\n        this.handleTreeChange();\n        this.observeChildListMutations();\n    }\n    disconnectedCallback() {\n        var _a;\n        (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();\n    }\n    observeChildListMutations() {\n        this.observer = new MutationObserver(this.handleTreeChange.bind(this));\n        this.observeTopLevelItems();\n    }\n    handleSlotchange() {\n        this.observeTopLevelItems();\n        this.handleTreeChange();\n    }\n    observeTopLevelItems() {\n        var _a;\n        (_a = this.getTopLevelTreeItems()) === null || _a === void 0 ? void 0 : _a.forEach((treeItem) => {\n            var _a;\n            (_a = this.observer) === null || _a === void 0 ? void 0 : _a.observe(treeItem, { childList: true, subtree: true });\n        });\n    }\n    getTopLevelTreeItems() {\n        var _a, _b, _c;\n        return (_c = (_b = (_a = this.host.querySelector('slot')) === null || _a === void 0 ? void 0 : _a.assignedNodes) === null || _b === void 0 ? void 0 : _b.call(_a)) === null || _c === void 0 ? void 0 : _c.filter(KolTreeWc.isTreeItem);\n    }\n    handleTreeChange() {\n        this.treeItemElements = this.getTreeItemElements();\n        void this.ensureActiveItemVisibility();\n    }\n    getTreeItemElements() {\n        var _a;\n        return (_a = this.getTopLevelTreeItems()) === null || _a === void 0 ? void 0 : _a.reduce((accumulator, currentValue) => {\n            const children = currentValue.querySelectorAll(KolTreeItemTag);\n            return [...accumulator, currentValue, ...children];\n        }, []);\n    }\n    async getOpenTreeItemElements() {\n        if (!this.treeItemElements) {\n            return;\n        }\n        const areElementAndAllParentsOpen = async (element) => {\n            if (!KolTreeWc.isTreeItem(element.parentElement)) {\n                return true;\n            }\n            else {\n                return (await element.parentElement.isOpen()) && (await areElementAndAllParentsOpen(element.parentElement));\n            }\n        };\n        const elementsWithInclude = await Promise.all(this.treeItemElements.map(async (element) => ({\n            value: element,\n            include: await areElementAndAllParentsOpen(element),\n        })));\n        return elementsWithInclude.filter((element) => element.include).map((element) => element.value);\n    }\n    async handleKeyDown(event) {\n        var _a, _b, _c, _d, _e, _f, _g, _h, _j;\n        const openItems = await this.getOpenTreeItemElements();\n        const currentTreeItem = (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.closest(KolTreeItemTag);\n        const hasModifierKeyPressed = event.metaKey || event.altKey || event.ctrlKey || event.shiftKey;\n        if (!openItems || !currentTreeItem) {\n            return;\n        }\n        const currentIndex = openItems === null || openItems === void 0 ? void 0 : openItems.findIndex((elem) => elem === currentTreeItem);\n        switch (event.key) {\n            case 'ArrowDown': {\n                await ((_b = openItems[currentIndex + 1]) === null || _b === void 0 ? void 0 : _b.focusLink());\n                event.preventDefault();\n                break;\n            }\n            case 'ArrowUp': {\n                await ((_c = openItems[currentIndex - 1]) === null || _c === void 0 ? void 0 : _c.focusLink());\n                event.preventDefault();\n                break;\n            }\n            case 'Right':\n            case 'ArrowRight': {\n                event.preventDefault();\n                if (await currentTreeItem.isOpen()) {\n                    await ((_d = openItems[currentIndex + 1]) === null || _d === void 0 ? void 0 : _d.focusLink());\n                }\n                else {\n                    await currentTreeItem.expand();\n                }\n                break;\n            }\n            case 'Left':\n            case 'ArrowLeft': {\n                event.preventDefault();\n                if (await currentTreeItem.isOpen()) {\n                    await currentTreeItem.collapse();\n                }\n                else {\n                    const parentIndex = openItems.findIndex((item) => item === currentTreeItem.parentElement);\n                    parentIndex !== -1 && (await ((_e = openItems[parentIndex]) === null || _e === void 0 ? void 0 : _e.focusLink()));\n                }\n                break;\n            }\n            case 'Home': {\n                await ((_f = openItems[0]) === null || _f === void 0 ? void 0 : _f.focusLink());\n                event.preventDefault();\n                break;\n            }\n            case 'End': {\n                await ((_g = openItems[openItems.length - 1]) === null || _g === void 0 ? void 0 : _g.focusLink());\n                event.preventDefault();\n                break;\n            }\n            case (_h = event.key.match(/^[a-zA-Z0-9]$/)) === null || _h === void 0 ? void 0 : _h.input: {\n                if (!hasModifierKeyPressed) {\n                    const char = event.key.toLowerCase();\n                    const startIndex = openItems.indexOf(currentTreeItem) + 1;\n                    const wrapAroundItems = openItems.concat(openItems);\n                    const matchIndex = wrapAroundItems\n                        .slice(startIndex, startIndex + openItems.length)\n                        .findIndex((item) => { var _a; return (_a = item.getAttribute('_label')) === null || _a === void 0 ? void 0 : _a.trim().toLowerCase().startsWith(char); });\n                    if (matchIndex !== -1) {\n                        await wrapAroundItems[startIndex + matchIndex].focusLink();\n                        event.preventDefault();\n                    }\n                }\n                break;\n            }\n            case '*': {\n                const siblings = (_j = currentTreeItem.parentElement) === null || _j === void 0 ? void 0 : _j.querySelectorAll(KolTreeItemTag);\n                siblings === null || siblings === void 0 ? void 0 : siblings.forEach((element) => {\n                    void element.expand();\n                });\n                break;\n            }\n        }\n    }\n    async handleFocusOut(event) {\n        if (event.relatedTarget && !event.relatedTarget.closest(KolTreeTag)) {\n            await this.ensureActiveItemVisibility();\n        }\n    }\n    async ensureActiveItemVisibility() {\n        const findActiveItem = () => {\n            var _a, _b, _c, _d;\n            const rootNodes = (_d = (_c = (_b = (_a = this.host.querySelector('slot')) === null || _a === void 0 ? void 0 : _a.assignedNodes) === null || _b === void 0 ? void 0 : _b.call(_a)) === null || _c === void 0 ? void 0 : _c.filter(KolTreeWc.isTreeItem)) !== null && _d !== void 0 ? _d : [];\n            for (const rootNode of rootNodes) {\n                if (rootNode._active) {\n                    return rootNode;\n                }\n                const childMatch = rootNode.querySelector(`${KolTreeItemTag}[_active=\"true\"]`);\n                if (childMatch && childMatch._active) {\n                    return childMatch;\n                }\n            }\n        };\n        const expandParentElements = (element) => {\n            if (KolTreeWc.isTreeItem(element.parentElement)) {\n                void element.parentElement.expand();\n                expandParentElements(element.parentElement);\n            }\n        };\n        const target = findActiveItem();\n        if (target) {\n            expandParentElements(target);\n        }\n    }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_label\": [\"validateLabel\"]\n    }; }\n};\n\nexport { KolTreeWc as kol_tree_wc };\n\n//# sourceMappingURL=kol-tree-wc.entry.js.map"],"names":["KolTreeWc","hostRef","registerInstance","value","validateLabel","h","Host","element","KolTreeItemTag","_a","treeItem","_b","_c","accumulator","currentValue","children","areElementAndAllParentsOpen","event","_d","_e","_f","_g","_h","_j","openItems","currentTreeItem","hasModifierKeyPressed","currentIndex","elem","parentIndex","item","char","startIndex","wrapAroundItems","matchIndex","siblings","KolTreeTag","findActiveItem","rootNodes","rootNode","childMatch","expandParentElements","target","getElement"],"mappings":"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"}

package/dist/assets/{kol-tree.entry-CJU0cQEc.js → kol-tree.entry-CmVeDYPE.js}

@@ -1,4 +1,4 @@
-import{r as t,h as n,af as i,H as o}from"./index-DqXEOlVh.js";/*!
+import{r as t,h as n,af as i,H as o}from"./index-DzC8uzw2.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,af as i,H as o}from"./index-DqXEOlVh.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,af as i,H as o}from"./index-DqXEOlVh.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.
@@ -91,13 +90,12 @@ import{r as t,h as n,af as i,H as o}from"./index-DqXEOlVh.js";/*!
   * - https://www.a11yproject.com/posts/how-to-hide-content/
   */
   .visually-hidden {
-    clip: rect(0 0 0 0);
-    clip-path: inset(50%);
+    position: absolute;
+    width: 1px;
     height: 1px;
     overflow: hidden;
-    position: absolute;
     white-space: nowrap;
-    width: 1px;
+    clip-path: inset(50%);
   }
 }
 @layer kol-global {
@@ -107,10 +105,10 @@ import{r as t,h as n,af as i,H as o}from"./index-DqXEOlVh.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,af as i,H as o}from"./index-DqXEOlVh.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,af as i,H as o}from"./index-DqXEOlVh.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 {
@@ -186,5 +184,5 @@ import{r as t,h as n,af as i,H as o}from"./index-DqXEOlVh.js";/*!
     outline: 1px solid;
     outline-offset: 2px;
   }
-}`,l=a,s=class{constructor(e){t(this,e),this._label=void 0}render(){return n(o,{key:"c4ed1423c782d5cb19c9a5165db2ba5ca71b1528",class:"kol-tree"},n(i,{key:"d00b2ffc0c8757cb81b38c72164491603ec9d914",_label:this._label},n("slot",{key:"7a8fe91aacdeb5362126c23bdc5527c94aa5f4f8"})))}};s.style={default:l};export{s as kol_tree};
-//# sourceMappingURL=kol-tree.entry-CJU0cQEc.js.map
+}`,l=a,s=class{constructor(e){t(this,e),this._label=void 0}render(){return n(o,{key:"6b25ad63b950d98d5bf377514cf12cd101ad9592",class:"kol-tree"},n(i,{key:"b70d349db5337b6807f8b33d54e63cdce5d28bdf",_label:this._label},n("slot",{key:"667e1549bd9198462e3cea90312109c6efae742f"})))}};s.style={default:l};export{s as kol_tree};
+//# sourceMappingURL=kol-tree.entry-CmVeDYPE.js.map

package/dist/assets/kol-tree.entry-CmVeDYPE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-tree.entry-CmVeDYPE.js","sources":["../../../../components/dist/esm/kol-tree.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-3bfee590.js';\nimport { u as KolTreeWcTag } 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  .tree ul {\\n    margin: 0;\\n    padding: 0;\\n    list-style: none;\\n  }\\n  .tree:focus-within {\\n    outline: 1px solid;\\n    outline-offset: 2px;\\n  }\\n}\";\nconst KolTreeDefaultStyle0 = defaultStyleCss;\n\nconst KolTree = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this._label = undefined;\n    }\n    render() {\n        return (h(Host, { key: '6b25ad63b950d98d5bf377514cf12cd101ad9592', class: \"kol-tree\" }, h(KolTreeWcTag, { key: 'b70d349db5337b6807f8b33d54e63cdce5d28bdf', _label: this._label }, h(\"slot\", { key: '667e1549bd9198462e3cea90312109c6efae742f' }))));\n    }\n};\nKolTree.style = {\n    default: KolTreeDefaultStyle0\n};\n\nexport { KolTree as kol_tree };\n\n//# sourceMappingURL=kol-tree.entry.js.map"],"names":["defaultStyleCss","KolTreeDefaultStyle0","KolTree","hostRef","registerInstance","h","Host","KolTreeWcTag"],"mappings":"8DAAA;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,GAClBC,EAAuBD,EAEvBE,EAAU,KAAM,CAClB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,OAAS,MAClB,CACA,QAAS,CACL,OAAQE,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,UAAU,EAAID,EAAEE,EAAc,CAAE,IAAK,2CAA4C,OAAQ,KAAK,QAAUF,EAAE,OAAQ,CAAE,IAAK,0CAA0C,CAAE,CAAC,CAAC,CACrP,CACJ,EACAH,EAAQ,MAAQ,CACZ,QAASD,CACb"}

package/dist/assets/{kol-version.entry-dUp3GOTH.js → kol-version.entry-D0zG1guF.js}

@@ -1,4 +1,4 @@
-import{r as t,h as e,ah as i,H as o}from"./index-DqXEOlVh.js";import{t as a}from"./i18n-820d85c7-o606L4xD.js";import{v as l}from"./label-51d66c9d-5l0E5TCR.js";/*!
+import{r as t,h as e,ah as i,H as a}from"./index-DzC8uzw2.js";import{t as o}from"./i18n-b4507b80-rWfzuBgg.js";import{v as l}from"./label-2d7e2d68-CmR1a8EN.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const s=`/*
  * This file contains all rules for accessibility.
@@ -9,13 +9,13 @@ import{r as t,h as e,ah as i,H as o}from"./index-DqXEOlVh.js";import{t as a}from
      * 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 e,ah as i,H as o}from"./index-DqXEOlVh.js";import{t as a}from
   /* option, */
   /* select, */
   /* textarea, */
-  [role=button],
-  button:not([role=link]),
+  button,
   .kol-input .input {
-    min-height: var(--a11y-min-size);
     min-width: var(--a11y-min-size);
+    min-height: var(--a11y-min-size);
   }
   /*
    * Some interactive elements should not inherit the font-family and font-size.
@@ -91,13 +90,12 @@ import{r as t,h as e,ah as i,H as o}from"./index-DqXEOlVh.js";import{t as a}from
   * - https://www.a11yproject.com/posts/how-to-hide-content/
   */
   .visually-hidden {
-    clip: rect(0 0 0 0);
-    clip-path: inset(50%);
+    position: absolute;
+    width: 1px;
     height: 1px;
     overflow: hidden;
-    position: absolute;
     white-space: nowrap;
-    width: 1px;
+    clip-path: inset(50%);
   }
 }
 @layer kol-global {
@@ -107,10 +105,10 @@ import{r as t,h as e,ah as i,H as o}from"./index-DqXEOlVh.js";import{t as a}from
    */
   :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 e,ah as i,H as o}from"./index-DqXEOlVh.js";import{t as a}from
 }
 @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 e,ah as i,H as o}from"./index-DqXEOlVh.js";import{t as a}from
   [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;
   }
-}`,r=s,d=class{constructor(n){t(this,n),this._label=void 0,this.state={_label:"0.0.0-alpha.0"}}render(){return e(o,{key:"d082e433c111125d91e503c35226f140b6025ffc",class:"kol-version"},e(i,{key:"43d7c7f0c2ffdfcffbb22a3889c64ab2e44fcaf7",_color:"#bec5c9",_icons:{left:{icon:"codicon codicon-versions",label:a("kol-version")}},_label:this.state._label}))}validateLabel(n){l(this,n,{required:!0})}componentWillLoad(){this.validateLabel(this._label)}static get watchers(){return{_label:["validateLabel"]}}};d.style={default:r};export{d as kol_version};
-//# sourceMappingURL=kol-version.entry-dUp3GOTH.js.map
+}`,r=s,d=class{constructor(n){t(this,n),this._label=void 0,this.state={_label:"0.0.0-alpha.0"}}render(){return e(a,{key:"afacb2733ad9c0966124bff62ebfe92a6fe65bba",class:"kol-version"},e(i,{key:"ad2e3590dcd428e0928aacedce9226237b616318",_color:"#bec5c9",_icons:{left:{icon:"codicon codicon-versions",label:o("kol-version")}},_label:this.state._label}))}validateLabel(n){l(this,n,{required:!0})}componentWillLoad(){this.validateLabel(this._label)}static get watchers(){return{_label:["validateLabel"]}}};d.style={default:r};export{d as kol_version};
+//# sourceMappingURL=kol-version.entry-D0zG1guF.js.map

package/dist/assets/kol-version.entry-D0zG1guF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-version.entry-D0zG1guF.js","sources":["../../../../components/dist/esm/kol-version.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-3bfee590.js';\nimport './index-50898179.js';\nimport { t as translate } from './i18n-b4507b80.js';\nimport { w as KolBadgeTag } from './component-names-4cb1c62b.js';\nimport { v as validateLabel } from './label-2d7e2d68.js';\nimport './i18n-b14e6088.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}\";\nconst KolVersionDefaultStyle0 = defaultStyleCss;\n\nconst KolVersion = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this._label = undefined;\n        this.state = {\n            _label: '0.0.0-alpha.0',\n        };\n    }\n    render() {\n        return (h(Host, { key: 'afacb2733ad9c0966124bff62ebfe92a6fe65bba', class: \"kol-version\" }, h(KolBadgeTag, { key: 'ad2e3590dcd428e0928aacedce9226237b616318', _color: \"#bec5c9\", _icons: {\n                left: { icon: 'codicon codicon-versions', label: translate('kol-version') },\n            }, _label: this.state._label })));\n    }\n    validateLabel(value) {\n        validateLabel(this, value, {\n            required: true,\n        });\n    }\n    componentWillLoad() {\n        this.validateLabel(this._label);\n    }\n    static get watchers() { return {\n        \"_label\": [\"validateLabel\"]\n    }; }\n};\nKolVersion.style = {\n    default: KolVersionDefaultStyle0\n};\n\nexport { KolVersion as kol_version };\n\n//# sourceMappingURL=kol-version.entry.js.map"],"names":["defaultStyleCss","KolVersionDefaultStyle0","KolVersion","hostRef","registerInstance","h","Host","KolBadgeTag","translate","value","validateLabel"],"mappings":"+JAAA;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,GAClBC,EAA0BD,EAE1BE,EAAa,KAAM,CACrB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,OAAS,OACd,KAAK,MAAQ,CACT,OAAQ,eACpB,CACI,CACA,QAAS,CACL,OAAQE,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,aAAa,EAAID,EAAEE,EAAa,CAAE,IAAK,2CAA4C,OAAQ,UAAW,OAAQ,CAChL,KAAM,CAAE,KAAM,2BAA4B,MAAOC,EAAU,aAAa,CAAC,CACzF,EAAe,OAAQ,KAAK,MAAM,MAAM,CAAE,CAAC,CACvC,CACA,cAAcC,EAAO,CACjBC,EAAc,KAAMD,EAAO,CACvB,SAAU,EACtB,CAAS,CACL,CACA,mBAAoB,CAChB,KAAK,cAAc,KAAK,MAAM,CAClC,CACA,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,eAAe,CAClC,CAAO,CACP,EACAP,EAAW,MAAQ,CACf,QAASD,CACb"}

package/dist/assets/{label-51d66c9d-5l0E5TCR.js → label-2d7e2d68-CmR1a8EN.js}

@@ -1,4 +1,4 @@
-import{w as l,D as c,V as h}from"./index-DqXEOlVh.js";/*!
+import{w as l,D as c,V as h}from"./index-DzC8uzw2.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const p=[0,1,2,3,4,5,6],f=/[a-zA-Z0-9äöüÄÖÜß]/g,d=/^\d+$/;function b(t){var a;return typeof t=="string"&&((a=t.match(f))===null||a===void 0?void 0:a.length)||0}function g(t,a=1){return b(t)>=a}function u(t){return d.test(t)}function v(t){var a;return Object.assign(Object.assign({},t),{hooks:{afterPatch:(e,n,i,r)=>{var o,s;typeof((o=t.hooks)===null||o===void 0?void 0:o.afterPatch)=="function"&&((s=t.hooks)===null||s===void 0||s.afterPatch(e,n,i,r)),typeof e=="string"&&g(e,3)===!1&&u(e)===!1&&c(`The heading or label ("${e}") is not accessible. A label should consist of at least three readable characters.`),typeof e=="string"&&e.length>80&&h("A heading or label should not be longer than 80 characters.")},beforePatch:(a=t.hooks)===null||a===void 0?void 0:a.beforePatch}})}const A=new Set(["string"]),L=(t,a,e={})=>{l(t,"_label",n=>typeof n=="string",A,a,v(e))},y=L;export{y as a,g as b,u as c,p as h,L as v};
-//# sourceMappingURL=label-51d66c9d-5l0E5TCR.js.map
+//# sourceMappingURL=label-2d7e2d68-CmR1a8EN.js.map

package/dist/assets/{label-51d66c9d-5l0E5TCR.js.map → label-2d7e2d68-CmR1a8EN.js.map}

@@ -1 +1 @@
-{"version":3,"file":"label-51d66c9d-5l0E5TCR.js","sources":["../../../../components/dist/esm/label-51d66c9d.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { w as watchValidator, f as a11yHint, u as uiUxHint } from './index-4fb06bbb.js';\n\nconst headingLevelOptions = [0, 1, 2, 3, 4, 5, 6];\nconst READABLE_CHARS = /[a-zA-Z0-9äöüÄÖÜß]/g;\nconst ONLY_NUMBERS = /^\\d+$/;\nfunction countReadableChars(str) {\n    var _a;\n    return typeof str === 'string' ? ((_a = str.match(READABLE_CHARS)) === null || _a === void 0 ? void 0 : _a.length) || 0 : 0;\n}\nfunction hasEnoughReadableChars(str, min = 1) {\n    return countReadableChars(str) >= min;\n}\nfunction containsOnlyNumbers(str) {\n    return ONLY_NUMBERS.test(str);\n}\nfunction getValidationOptions(options) {\n    var _a;\n    return Object.assign(Object.assign({}, options), { hooks: {\n            afterPatch: (value, state, component, key) => {\n                var _a, _b;\n                if (typeof ((_a = options.hooks) === null || _a === void 0 ? void 0 : _a.afterPatch) === 'function') {\n                    (_b = options.hooks) === null || _b === void 0 ? void 0 : _b.afterPatch(value, state, component, key);\n                }\n                if (typeof value === 'string' && hasEnoughReadableChars(value, 3) === false && containsOnlyNumbers(value) === false) {\n                    a11yHint(`The heading or label (\"${value}\") is not accessible. A label should consist of at least three readable characters.`);\n                }\n                if (typeof value === 'string' && value.length > 80) {\n                    uiUxHint(`A heading or label should not be longer than 80 characters.`);\n                }\n            },\n            beforePatch: (_a = options.hooks) === null || _a === void 0 ? void 0 : _a.beforePatch,\n        } });\n}\nconst LABEL_VALUES = new Set(['string']);\nconst validateLabel = (component, value, options = {}) => {\n    watchValidator(component, '_label', (value) => typeof value === 'string', LABEL_VALUES, value, getValidationOptions(options));\n};\nconst validateLabelWithExpertSlot = validateLabel;\n\nexport { validateLabelWithExpertSlot as a, hasEnoughReadableChars as b, containsOnlyNumbers as c, headingLevelOptions as h, validateLabel as v };\n\n//# sourceMappingURL=label-51d66c9d.js.map"],"names":["headingLevelOptions","READABLE_CHARS","ONLY_NUMBERS","countReadableChars","str","_a","hasEnoughReadableChars","min","containsOnlyNumbers","getValidationOptions","options","value","state","component","key","_b","a11yHint","uiUxHint","LABEL_VALUES","validateLabel","watchValidator","validateLabelWithExpertSlot"],"mappings":"sDAAA;AAAA;AAAA,GAKK,MAACA,EAAsB,CAAC,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,CAAC,EAC1CC,EAAiB,sBACjBC,EAAe,QACrB,SAASC,EAAmBC,EAAK,CAC7B,IAAIC,EACJ,OAAO,OAAOD,GAAQ,YAAaC,EAAKD,EAAI,MAAMH,CAAc,KAAO,MAAQI,IAAO,OAAS,OAASA,EAAG,SAAW,CAC1H,CACA,SAASC,EAAuBF,EAAKG,EAAM,EAAG,CAC1C,OAAOJ,EAAmBC,CAAG,GAAKG,CACtC,CACA,SAASC,EAAoBJ,EAAK,CAC9B,OAAOF,EAAa,KAAKE,CAAG,CAChC,CACA,SAASK,EAAqBC,EAAS,CACnC,IAAIL,EACJ,OAAO,OAAO,OAAO,OAAO,OAAO,CAAA,EAAIK,CAAO,EAAG,CAAE,MAAO,CAClD,WAAY,CAACC,EAAOC,EAAOC,EAAWC,IAAQ,CAC1C,IAAIT,EAAIU,EACJ,QAASV,EAAKK,EAAQ,SAAW,MAAQL,IAAO,OAAS,OAASA,EAAG,aAAgB,cACpFU,EAAKL,EAAQ,SAAW,MAAQK,IAAO,QAAkBA,EAAG,WAAWJ,EAAOC,EAAOC,EAAWC,CAAG,GAEpG,OAAOH,GAAU,UAAYL,EAAuBK,EAAO,CAAC,IAAM,IAASH,EAAoBG,CAAK,IAAM,IAC1GK,EAAS,0BAA0BL,CAAK,qFAAqF,EAE7H,OAAOA,GAAU,UAAYA,EAAM,OAAS,IAC5CM,EAAS,6DAA6D,CAE7E,EACD,aAAcZ,EAAKK,EAAQ,SAAW,MAAQL,IAAO,OAAS,OAASA,EAAG,WACtF,EAAW,CACX,CACA,MAAMa,EAAe,IAAI,IAAI,CAAC,QAAQ,CAAC,EACjCC,EAAgB,CAACN,EAAWF,EAAOD,EAAU,CAAA,IAAO,CACtDU,EAAeP,EAAW,SAAWF,GAAU,OAAOA,GAAU,SAAUO,EAAcP,EAAOF,EAAqBC,CAAO,CAAC,CAChI,EACMW,EAA8BF"}
+{"version":3,"file":"label-2d7e2d68-CmR1a8EN.js","sources":["../../../../components/dist/esm/label-2d7e2d68.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { w as watchValidator, f as a11yHint, u as uiUxHint } from './index-50898179.js';\n\nconst headingLevelOptions = [0, 1, 2, 3, 4, 5, 6];\nconst READABLE_CHARS = /[a-zA-Z0-9äöüÄÖÜß]/g;\nconst ONLY_NUMBERS = /^\\d+$/;\nfunction countReadableChars(str) {\n    var _a;\n    return typeof str === 'string' ? ((_a = str.match(READABLE_CHARS)) === null || _a === void 0 ? void 0 : _a.length) || 0 : 0;\n}\nfunction hasEnoughReadableChars(str, min = 1) {\n    return countReadableChars(str) >= min;\n}\nfunction containsOnlyNumbers(str) {\n    return ONLY_NUMBERS.test(str);\n}\nfunction getValidationOptions(options) {\n    var _a;\n    return Object.assign(Object.assign({}, options), { hooks: {\n            afterPatch: (value, state, component, key) => {\n                var _a, _b;\n                if (typeof ((_a = options.hooks) === null || _a === void 0 ? void 0 : _a.afterPatch) === 'function') {\n                    (_b = options.hooks) === null || _b === void 0 ? void 0 : _b.afterPatch(value, state, component, key);\n                }\n                if (typeof value === 'string' && hasEnoughReadableChars(value, 3) === false && containsOnlyNumbers(value) === false) {\n                    a11yHint(`The heading or label (\"${value}\") is not accessible. A label should consist of at least three readable characters.`);\n                }\n                if (typeof value === 'string' && value.length > 80) {\n                    uiUxHint(`A heading or label should not be longer than 80 characters.`);\n                }\n            },\n            beforePatch: (_a = options.hooks) === null || _a === void 0 ? void 0 : _a.beforePatch,\n        } });\n}\nconst LABEL_VALUES = new Set(['string']);\nconst validateLabel = (component, value, options = {}) => {\n    watchValidator(component, '_label', (value) => typeof value === 'string', LABEL_VALUES, value, getValidationOptions(options));\n};\nconst validateLabelWithExpertSlot = validateLabel;\n\nexport { validateLabelWithExpertSlot as a, hasEnoughReadableChars as b, containsOnlyNumbers as c, headingLevelOptions as h, validateLabel as v };\n\n//# sourceMappingURL=label-2d7e2d68.js.map"],"names":["headingLevelOptions","READABLE_CHARS","ONLY_NUMBERS","countReadableChars","str","_a","hasEnoughReadableChars","min","containsOnlyNumbers","getValidationOptions","options","value","state","component","key","_b","a11yHint","uiUxHint","LABEL_VALUES","validateLabel","watchValidator","validateLabelWithExpertSlot"],"mappings":"sDAAA;AAAA;AAAA,GAKK,MAACA,EAAsB,CAAC,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,CAAC,EAC1CC,EAAiB,sBACjBC,EAAe,QACrB,SAASC,EAAmBC,EAAK,CAC7B,IAAIC,EACJ,OAAO,OAAOD,GAAQ,YAAaC,EAAKD,EAAI,MAAMH,CAAc,KAAO,MAAQI,IAAO,OAAS,OAASA,EAAG,SAAW,CAC1H,CACA,SAASC,EAAuBF,EAAKG,EAAM,EAAG,CAC1C,OAAOJ,EAAmBC,CAAG,GAAKG,CACtC,CACA,SAASC,EAAoBJ,EAAK,CAC9B,OAAOF,EAAa,KAAKE,CAAG,CAChC,CACA,SAASK,EAAqBC,EAAS,CACnC,IAAIL,EACJ,OAAO,OAAO,OAAO,OAAO,OAAO,CAAA,EAAIK,CAAO,EAAG,CAAE,MAAO,CAClD,WAAY,CAACC,EAAOC,EAAOC,EAAWC,IAAQ,CAC1C,IAAIT,EAAIU,EACJ,QAASV,EAAKK,EAAQ,SAAW,MAAQL,IAAO,OAAS,OAASA,EAAG,aAAgB,cACpFU,EAAKL,EAAQ,SAAW,MAAQK,IAAO,QAAkBA,EAAG,WAAWJ,EAAOC,EAAOC,EAAWC,CAAG,GAEpG,OAAOH,GAAU,UAAYL,EAAuBK,EAAO,CAAC,IAAM,IAASH,EAAoBG,CAAK,IAAM,IAC1GK,EAAS,0BAA0BL,CAAK,qFAAqF,EAE7H,OAAOA,GAAU,UAAYA,EAAM,OAAS,IAC5CM,EAAS,6DAA6D,CAE9E,EACA,aAAcZ,EAAKK,EAAQ,SAAW,MAAQL,IAAO,OAAS,OAASA,EAAG,WACtF,EAAW,CACX,CACA,MAAMa,EAAe,IAAI,IAAI,CAAC,QAAQ,CAAC,EACjCC,EAAgB,CAACN,EAAWF,EAAOD,EAAU,CAAA,IAAO,CACtDU,EAAeP,EAAW,SAAWF,GAAU,OAAOA,GAAU,SAAUO,EAAcP,EAAOF,EAAqBC,CAAO,CAAC,CAChI,EACMW,EAA8BF"}

package/dist/assets/{open-47cb3e2a-DFCHXZ8g.js → open-ae55f20a-DbZwNxfB.js}

@@ -1,4 +1,4 @@
-import{q as t}from"./index-DqXEOlVh.js";/*!
+import{q as t}from"./index-DzC8uzw2.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const p=(o,a,e)=>{t(o,"_open",a,e)};export{p as v};
-//# sourceMappingURL=open-47cb3e2a-DFCHXZ8g.js.map
+//# sourceMappingURL=open-ae55f20a-DbZwNxfB.js.map

package/dist/assets/{open-47cb3e2a-DFCHXZ8g.js.map → open-ae55f20a-DbZwNxfB.js.map}

@@ -1 +1 @@
-{"version":3,"file":"open-47cb3e2a-DFCHXZ8g.js","sources":["../../../../components/dist/esm/open-47cb3e2a.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { j as watchBoolean } from './index-4fb06bbb.js';\n\nconst validateOpen = (component, value, options) => {\n    watchBoolean(component, '_open', value, options);\n};\n\nexport { validateOpen as v };\n\n//# sourceMappingURL=open-47cb3e2a.js.map"],"names":["validateOpen","component","value","options","watchBoolean"],"mappings":"wCAAA;AAAA;AAAA,GAKK,MAACA,EAAe,CAACC,EAAWC,EAAOC,IAAY,CAChDC,EAAaH,EAAW,QAASC,EAAOC,CAAO,CACnD"}
+{"version":3,"file":"open-ae55f20a-DbZwNxfB.js","sources":["../../../../components/dist/esm/open-ae55f20a.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { j as watchBoolean } from './index-50898179.js';\n\nconst validateOpen = (component, value, options) => {\n    watchBoolean(component, '_open', value, options);\n};\n\nexport { validateOpen as v };\n\n//# sourceMappingURL=open-ae55f20a.js.map"],"names":["validateOpen","component","value","options","watchBoolean"],"mappings":"wCAAA;AAAA;AAAA,GAKK,MAACA,EAAe,CAACC,EAAWC,EAAOC,IAAY,CAChDC,EAAaH,EAAW,QAASC,EAAOC,CAAO,CACnD"}

package/dist/assets/{rows-92682fe5-Cu0Wu-y1.js → rows-87b2a0e8-_WTzCDdF.js}

@@ -1,4 +1,4 @@
-import{B as r}from"./index-DqXEOlVh.js";/*!
+import{B as r}from"./index-DzC8uzw2.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const t=(o,a)=>{r(o,"_rows",a,{min:1})};export{t as v};
-//# sourceMappingURL=rows-92682fe5-Cu0Wu-y1.js.map
+//# sourceMappingURL=rows-87b2a0e8-_WTzCDdF.js.map

package/dist/assets/{rows-92682fe5-Cu0Wu-y1.js.map → rows-87b2a0e8-_WTzCDdF.js.map}

@@ -1 +1 @@
-{"version":3,"file":"rows-92682fe5-Cu0Wu-y1.js","sources":["../../../../components/dist/esm/rows-92682fe5.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { F as watchNumber } from './index-4fb06bbb.js';\n\nconst validateRows = (component, value) => {\n    watchNumber(component, `_rows`, value, { min: 1 });\n};\n\nexport { validateRows as v };\n\n//# sourceMappingURL=rows-92682fe5.js.map"],"names":["validateRows","component","value","watchNumber"],"mappings":"wCAAA;AAAA;AAAA,GAKK,MAACA,EAAe,CAACC,EAAWC,IAAU,CACvCC,EAAYF,EAAW,QAASC,EAAO,CAAE,IAAK,EAAG,CACrD"}
+{"version":3,"file":"rows-87b2a0e8-_WTzCDdF.js","sources":["../../../../components/dist/esm/rows-87b2a0e8.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { F as watchNumber } from './index-50898179.js';\n\nconst validateRows = (component, value) => {\n    watchNumber(component, `_rows`, value, { min: 1 });\n};\n\nexport { validateRows as v };\n\n//# sourceMappingURL=rows-87b2a0e8.js.map"],"names":["validateRows","component","value","watchNumber"],"mappings":"wCAAA;AAAA;AAAA,GAKK,MAACA,EAAe,CAACC,EAAWC,IAAU,CACvCC,EAAYF,EAAW,QAASC,EAAO,CAAE,IAAK,EAAG,CACrD"}

package/dist/assets/{show-82afe4f8-CubThYTC.js → show-03f9068a-wnTOKPni.js}

@@ -1,4 +1,4 @@
-import{q as s}from"./index-DqXEOlVh.js";/*!
+import{q as s}from"./index-DzC8uzw2.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const h=(o,a,t)=>{s(o,"_show",a,t)};export{h as v};
-//# sourceMappingURL=show-82afe4f8-CubThYTC.js.map
+//# sourceMappingURL=show-03f9068a-wnTOKPni.js.map

package/dist/assets/{show-82afe4f8-CubThYTC.js.map → show-03f9068a-wnTOKPni.js.map}

@@ -1 +1 @@
-{"version":3,"file":"show-82afe4f8-CubThYTC.js","sources":["../../../../components/dist/esm/show-82afe4f8.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { j as watchBoolean } from './index-4fb06bbb.js';\n\nconst validateShow = (component, value, hooks) => {\n    watchBoolean(component, '_show', value, hooks);\n};\n\nexport { validateShow as v };\n\n//# sourceMappingURL=show-82afe4f8.js.map"],"names":["validateShow","component","value","hooks","watchBoolean"],"mappings":"wCAAA;AAAA;AAAA,GAKK,MAACA,EAAe,CAACC,EAAWC,EAAOC,IAAU,CAC9CC,EAAaH,EAAW,QAASC,EAAOC,CAAK,CACjD"}
+{"version":3,"file":"show-03f9068a-wnTOKPni.js","sources":["../../../../components/dist/esm/show-03f9068a.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { j as watchBoolean } from './index-50898179.js';\n\nconst validateShow = (component, value, hooks) => {\n    watchBoolean(component, '_show', value, hooks);\n};\n\nexport { validateShow as v };\n\n//# sourceMappingURL=show-03f9068a.js.map"],"names":["validateShow","component","value","hooks","watchBoolean"],"mappings":"wCAAA;AAAA;AAAA,GAKK,MAACA,EAAe,CAACC,EAAWC,EAAOC,IAAU,CAC9CC,EAAaH,EAAW,QAASC,EAAOC,CAAK,CACjD"}

package/dist/assets/{spell-check-5b365d45-DxRpvQhG.js → spell-check-0db58373-CJ0AFgq7.js}

@@ -1,4 +1,4 @@
-import{q as l}from"./index-DqXEOlVh.js";/*!
+import{q as l}from"./index-DzC8uzw2.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const t=(e,a)=>{l(e,"_spellCheck",a,{defaultValue:void 0})};export{t as v};
-//# sourceMappingURL=spell-check-5b365d45-DxRpvQhG.js.map
+//# sourceMappingURL=spell-check-0db58373-CJ0AFgq7.js.map

package/dist/assets/{spell-check-5b365d45-DxRpvQhG.js.map → spell-check-0db58373-CJ0AFgq7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"spell-check-5b365d45-DxRpvQhG.js","sources":["../../../../components/dist/esm/spell-check-5b365d45.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { j as watchBoolean } from './index-4fb06bbb.js';\n\nconst validateSpellCheck = (component, value) => {\n    watchBoolean(component, '_spellCheck', value, {\n        defaultValue: undefined,\n    });\n};\n\nexport { validateSpellCheck as v };\n\n//# sourceMappingURL=spell-check-5b365d45.js.map"],"names":["validateSpellCheck","component","value","watchBoolean"],"mappings":"wCAAA;AAAA;AAAA,GAKK,MAACA,EAAqB,CAACC,EAAWC,IAAU,CAC7CC,EAAaF,EAAW,cAAeC,EAAO,CAC1C,aAAc,MACtB,CAAK,CACL"}
+{"version":3,"file":"spell-check-0db58373-CJ0AFgq7.js","sources":["../../../../components/dist/esm/spell-check-0db58373.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { j as watchBoolean } from './index-50898179.js';\n\nconst validateSpellCheck = (component, value) => {\n    watchBoolean(component, '_spellCheck', value, {\n        defaultValue: undefined,\n    });\n};\n\nexport { validateSpellCheck as v };\n\n//# sourceMappingURL=spell-check-0db58373.js.map"],"names":["validateSpellCheck","component","value","watchBoolean"],"mappings":"wCAAA;AAAA;AAAA,GAKK,MAACA,EAAqB,CAACC,EAAWC,IAAU,CAC7CC,EAAaF,EAAW,cAAeC,EAAO,CAC1C,aAAc,MACtB,CAAK,CACL"}

package/dist/assets/{suggestions-7e70d4e3-B9BBjPtH.js → suggestions-68834329-DlpkJd-_.js}

@@ -1,4 +1,4 @@
-import{X as o,D as n}from"./index-DqXEOlVh.js";/*!
+import{X as o,D as n}from"./index-DzC8uzw2.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const i=(e,t)=>{o(e,"_suggestions",s=>typeof s=="string"||typeof s=="number",t,void 0,{hooks:{afterPatch:s=>{Array.isArray(s)&&s.length&&n("Property suggestions: Options have accessibility issues in how browsers implemented them and should not be used for now.")}}})};export{i as v};
-//# sourceMappingURL=suggestions-7e70d4e3-B9BBjPtH.js.map
+//# sourceMappingURL=suggestions-68834329-DlpkJd-_.js.map

package/dist/assets/{suggestions-7e70d4e3-B9BBjPtH.js.map → suggestions-68834329-DlpkJd-_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"suggestions-7e70d4e3-B9BBjPtH.js","sources":["../../../../components/dist/esm/suggestions-7e70d4e3.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { v as watchJsonArrayString, f as a11yHint } from './index-4fb06bbb.js';\n\nconst validateSuggestions = (component, value) => {\n    watchJsonArrayString(component, '_suggestions', (item) => typeof item === 'string' || typeof item === 'number', value, undefined, {\n        hooks: {\n            afterPatch: (value) => {\n                if (Array.isArray(value) && value.length) {\n                    a11yHint('Property suggestions: Options have accessibility issues in how browsers implemented them and should not be used for now.');\n                }\n            },\n        },\n    });\n};\n\nexport { validateSuggestions as v };\n\n//# sourceMappingURL=suggestions-7e70d4e3.js.map"],"names":["validateSuggestions","component","value","watchJsonArrayString","item","a11yHint"],"mappings":"+CAAA;AAAA;AAAA,GAKK,MAACA,EAAsB,CAACC,EAAWC,IAAU,CAC9CC,EAAqBF,EAAW,eAAiBG,GAAS,OAAOA,GAAS,UAAY,OAAOA,GAAS,SAAUF,EAAO,OAAW,CAC9H,MAAO,CACH,WAAaA,GAAU,CACf,MAAM,QAAQA,CAAK,GAAKA,EAAM,QAC9BG,EAAS,0HAA0H,CAE1I,CACJ,CACT,CAAK,CACL"}
+{"version":3,"file":"suggestions-68834329-DlpkJd-_.js","sources":["../../../../components/dist/esm/suggestions-68834329.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { v as watchJsonArrayString, f as a11yHint } from './index-50898179.js';\n\nconst validateSuggestions = (component, value) => {\n    watchJsonArrayString(component, '_suggestions', (item) => typeof item === 'string' || typeof item === 'number', value, undefined, {\n        hooks: {\n            afterPatch: (value) => {\n                if (Array.isArray(value) && value.length) {\n                    a11yHint('Property suggestions: Options have accessibility issues in how browsers implemented them and should not be used for now.');\n                }\n            },\n        },\n    });\n};\n\nexport { validateSuggestions as v };\n\n//# sourceMappingURL=suggestions-68834329.js.map"],"names":["validateSuggestions","component","value","watchJsonArrayString","item","a11yHint"],"mappings":"+CAAA;AAAA;AAAA,GAKK,MAACA,EAAsB,CAACC,EAAWC,IAAU,CAC9CC,EAAqBF,EAAW,eAAiBG,GAAS,OAAOA,GAAS,UAAY,OAAOA,GAAS,SAAUF,EAAO,OAAW,CAC9H,MAAO,CACH,WAAaA,GAAU,CACf,MAAM,QAAQA,CAAK,GAAKA,EAAM,QAC9BG,EAAS,0HAA0H,CAE3I,CACZ,CACA,CAAK,CACL"}

package/dist/assets/{table-selection-eaee72ee-tuzTiczY.js → table-selection-e9061dc2-4pSLzxnl.js}

@@ -1,4 +1,4 @@
-import{aa as i,w as y,s as o,i as r,p as c,o as d}from"./index-DqXEOlVh.js";/*!
+import{aa as i,w as y,s as o,i as r,p as c,o as d}from"./index-DzC8uzw2.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const l=(e,t)=>{y(e,"_on",a=>r(a),new Set(["TableCallbacksPropType {Events.onSort, Events.onSelectionChange}"]),t)},p=(e,t)=>{y(e,"_on",a=>r(a),new Set(["TableStatefulCallbacksPropType {Events.onSelectionChange}"]),t)},S=(e,t,a)=>{i(t,()=>{d(t,()=>{typeof t>"u"&&(t=[]);try{t=c(t)}catch{}Array.isArray(t)&&t.every(s=>r(s))&&o(e,"_data",t,a)})})},T=(e,t,a)=>{i(t,()=>{d(t,()=>{typeof t>"u"&&(t=[]);try{t=c(t)}catch{}Array.isArray(t)&&t.every(s=>r(s))&&o(e,"_dataFoot",t,a)})})},A=(e,t)=>{const a=()=>{try{return c(t)}catch{return}},s=n=>n&&r(n)&&typeof n.label=="function"&&(!n.selectedKeys||Array.isArray(n.selectedKeys)),b=typeof t=="string"?a():t;s(b)&&o(e,"_selection",t)};export{T as a,A as b,p as c,l as d,S as v};
-//# sourceMappingURL=table-selection-eaee72ee-tuzTiczY.js.map
+//# sourceMappingURL=table-selection-e9061dc2-4pSLzxnl.js.map