@public-ui/components 3.0.9 → 3.1.0-rc.0

package/dist/kolibri/kol-toolbar.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as t,g as e}from"./index-Biu4X4Y_.js";import{_ as o}from"./tslib.es6-CxX45GIN.js";import{f as i,d as a}from"./component-names-C3fyby67.js";import{O as l,o as s,p as r,s as d}from"./common-Dd0zJQbD.js";import{v as h}from"./label-Dnmzb2S_.js";import{K as c}from"./keyboard-D6PoWr38.js";import{v as m}from"./orientation-eCMt8CD1.js";const f=(n,e)=>{l(e,()=>{s(e,()=>{void 0===e&&(e=[]);try{e=r(e)}catch(n){}Array.isArray(e)&&e.every(n=>"object"==typeof n&&null!==n)&&d(n,"_items",e)})})},p="@charset \"UTF-8\";\n/* forward the rem function */\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  :host {\n    display: inline-block;\n  }\n  .kol-link {\n    display: inline-flex;\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-link::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: \"​\";\n  }\n  .kol-link__text {\n    width: 100%;\n  }\n  .kol-toolbar {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n  }\n  .kol-toolbar--orientation-vertical {\n    flex-direction: column;\n    align-items: stretch;\n  }\n  .kol-toolbar--orientation-vertical .kol-span {\n    align-items: flex-start;\n  }\n  .kol-toolbar:focus-within {\n    outline: 1px solid;\n    outline-offset: 2px;\n  }\n}",b=class{constructor(e){n(this,e),this.state={_label:"",_items:[]},this.currentIndex=0,this.indexToElement=new Map,this.renderItem=(n,e)=>{const o=this.normalizeItem(n),l=e!==this.currentIndex||(null==o?void 0:o._disabled)?-1:0,r={key:e,class:"button normal kol-toolbar__item",_tabIndex:l},s=n=>{n&&this.indexToElement.set(e,n)};return t("_href"in o?i:a,Object.assign({},o,r,{ref:s}))}}normalizeItem(n){const{_icons:e,_disabled:t}=n,i=o(n,["_icons","_disabled"]);return Object.assign(Object.assign({},i),{_icons:e,_disabled:t})}render(){return t("div",{key:"9dd677a500fea840ccbfca4ee4d1eca92a06a903",class:`kol-toolbar kol-toolbar--orientation-${this.state._orientation}`,role:"toolbar","aria-label":this.state._label},this.state._items.map(this.renderItem))}validateLabel(n){h(this,n)}validateItems(n){f(this,n),this.indexToElement.clear(),this.setFirstEnabledItemIndex()}validateOrientation(n){m(this,n)}getCurrentToolbarItem(n){return"number"==typeof n?this.indexToElement.get(n):void 0}setFirstEnabledItemIndex(){var n;this.currentIndex=null===(n=this.state._items)||void 0===n?void 0:n.findIndex(n=>!n._disabled)}handleKeyDown(n){var e,t,o,i,a;const l=n.code;if(![c.ArrowUp,c.ArrowDown,c.ArrowRight,c.ArrowLeft].includes(l))return;n.preventDefault();const r=(null!==(t=null===(e=this._items)||void 0===e?void 0:e.length)&&void 0!==t?t:0)-1;if(r<0)return;const s=this.currentIndex;let d=s;switch(l){case c.ArrowUp:case c.ArrowLeft:d=s>0?s-1:r;break;case c.ArrowDown:case c.ArrowRight:d=s<r?s+1:0}s!==d&&((null===(i=null===(o=this.state._items)||void 0===o?void 0:o[d])||void 0===i?void 0:i._disabled)||(this.currentIndex=d,null===(a=this.getCurrentToolbarItem(d))||void 0===a||a.kolFocus()))}handleBlur(n){n.target===this.host&&this.setFirstEnabledItemIndex()}componentWillLoad(){this.validateLabel(this._label),this.validateItems(this._items),this.validateOrientation(this._orientation),this.setFirstEnabledItemIndex()}get host(){return e(this)}static get watchers(){return{_label:["validateLabel"],_items:["validateItems"],_orientation:["validateOrientation"]}}};b.style={default:p};export{b as kol_toolbar};
+import{r as n,h as t,g as e}from"./index-BuVNvMVh.js";import{_ as o}from"./tslib.es6-CxX45GIN.js";import{f as i,d as a}from"./component-names-C3fyby67.js";import{O as l,o as s,p as r,s as d}from"./common-Dd0zJQbD.js";import{v as h}from"./label-Dnmzb2S_.js";import{K as c}from"./keyboard-D6PoWr38.js";import{v as m}from"./orientation-eCMt8CD1.js";const f=(n,e)=>{l(e,()=>{s(e,()=>{void 0===e&&(e=[]);try{e=r(e)}catch(n){}Array.isArray(e)&&e.every(n=>"object"==typeof n&&null!==n)&&d(n,"_items",e)})})},p="@charset \"UTF-8\";\n/* forward the rem function */\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  :host {\n    display: inline-block;\n  }\n  .kol-link {\n    display: inline-flex;\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-link::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: \"​\";\n  }\n  .kol-link__text {\n    width: 100%;\n  }\n  .kol-toolbar {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n  }\n  .kol-toolbar--orientation-vertical {\n    flex-direction: column;\n    align-items: stretch;\n  }\n  .kol-toolbar--orientation-vertical .kol-span {\n    align-items: flex-start;\n  }\n  .kol-toolbar:focus-within {\n    outline: 1px solid;\n    outline-offset: 2px;\n  }\n}",b=class{constructor(e){n(this,e),this.state={_label:"",_items:[]},this.currentIndex=0,this.indexToElement=new Map,this.renderItem=(n,e)=>{const o=this.normalizeItem(n),l=e!==this.currentIndex||(null==o?void 0:o._disabled)?-1:0,r={key:e,class:"button normal kol-toolbar__item",_tabIndex:l},s=n=>{n&&this.indexToElement.set(e,n)};return t("_href"in o?i:a,Object.assign({},o,r,{ref:s}))}}normalizeItem(n){const{_icons:e,_disabled:t}=n,i=o(n,["_icons","_disabled"]);return Object.assign(Object.assign({},i),{_icons:e,_disabled:t})}render(){return t("div",{key:"9dd677a500fea840ccbfca4ee4d1eca92a06a903",class:`kol-toolbar kol-toolbar--orientation-${this.state._orientation}`,role:"toolbar","aria-label":this.state._label},this.state._items.map(this.renderItem))}validateLabel(n){h(this,n)}validateItems(n){f(this,n),this.indexToElement.clear(),this.setFirstEnabledItemIndex()}validateOrientation(n){m(this,n)}getCurrentToolbarItem(n){return"number"==typeof n?this.indexToElement.get(n):void 0}setFirstEnabledItemIndex(){var n;this.currentIndex=null===(n=this.state._items)||void 0===n?void 0:n.findIndex(n=>!n._disabled)}handleKeyDown(n){var e,t,o,i,a;const l=n.code;if(![c.ArrowUp,c.ArrowDown,c.ArrowRight,c.ArrowLeft].includes(l))return;n.preventDefault();const r=(null!==(t=null===(e=this._items)||void 0===e?void 0:e.length)&&void 0!==t?t:0)-1;if(r<0)return;const s=this.currentIndex;let d=s;switch(l){case c.ArrowUp:case c.ArrowLeft:d=s>0?s-1:r;break;case c.ArrowDown:case c.ArrowRight:d=s<r?s+1:0}s!==d&&((null===(i=null===(o=this.state._items)||void 0===o?void 0:o[d])||void 0===i?void 0:i._disabled)||(this.currentIndex=d,null===(a=this.getCurrentToolbarItem(d))||void 0===a||a.focus()))}handleBlur(n){n.target===this.host&&this.setFirstEnabledItemIndex()}componentWillLoad(){this.validateLabel(this._label),this.validateItems(this._items),this.validateOrientation(this._orientation),this.setFirstEnabledItemIndex()}get host(){return e(this)}static get watchers(){return{_label:["validateLabel"],_items:["validateItems"],_orientation:["validateOrientation"]}}};b.style={default:p};export{b as kol_toolbar};

package/dist/kolibri/kol-toolbar.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","getElement","__rest","KolLinkWcTag","KolButtonWcTag","emptyStringByArrayHandler","objectObjectHandler","parseJson","setState","validateLabel","KeyboardKey","validateOrientation","validateToolbarItems","component","value","e","Array","isArray","every","items","defaultStyleCss","KolToolbar","constructor","hostRef","this","state","_label","_items","currentIndex","indexToElement","Map","renderItem","raw","index","element","normalizeItem","tabIndex","_disabled","props","key","class","_tabIndex","catchRef","el","set","Object","assign","ref","item","_icons","rest","render","_orientation","role","map","validateItems","clear","setFirstEnabledItemIndex","getCurrentToolbarItem","get","undefined","_a","findIndex","handleKeyDown","event","_b","_c","_d","_e","pressedKey","code","isArrowKey","ArrowUp","ArrowDown","ArrowRight","ArrowLeft","includes","preventDefault","lastItemIndex","length","nextIndex","kolFocus","handleBlur","target","host","componentWillLoad","watchers","style","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,OAAQC,MAAkB,kCAC5CC,MAAc,sCACdC,OAAmBC,MAAsB,4CACzCC,OAAgCC,OAA0BC,OAAgBC,MAAgB,mCAC1FC,MAAqB,kCACrBC,MAAmB,qCACnBC,MAA2B,4BAEzC,MAAMC,EAAuB,CAACC,EAAWC,KACrCT,EAA0BS,GAAO,KAC7BR,EAAoBQ,GAAO,KACvB,UAAWA,IAAU,YAAa,CAC9BA,EAAQ,EACZ,CACA,IACIA,EAAQP,EAAUO,EACtB,CACA,MAAOC,GACP,CACA,GAAIC,MAAMC,QAAQH,IAAUA,EAAMI,OAAOC,UAAiBA,IAAU,UAAYA,IAAU,OAAO,CAC7FX,EAASK,EAAW,SAAUC,EAClC,IACF,GACJ,EAGN,MAAMM,EAAkB,gkPAExB,MAAMC,EAAa,MACf,WAAAC,CAAYC,GACRxB,EAAiByB,KAAMD,GACvBC,KAAKC,MAAQ,CACTC,OAAQ,GACRC,OAAQ,IAEZH,KAAKI,aAAe,EACpBJ,KAAKK,eAAiB,IAAIC,IAC1BN,KAAKO,WAAa,CAACC,EAAKC,KACpB,MAAMC,EAAUV,KAAKW,cAAcH,GACnC,MAAMI,EAAWH,IAAUT,KAAKI,gBAAkBM,IAAY,MAAQA,SAAiB,OAAS,EAAIA,EAAQG,WAAa,GAAK,EAC9H,MAAMC,EAAQ,CACVC,IAAKN,EACLO,MAAO,kCACPC,UAAWL,GAEf,MAAMM,EAAYC,IACd,GAAIA,EACAnB,KAAKK,eAAee,IAAIX,EAAOU,EAAG,EAE1C,MAAO,UAAWT,EAAWlC,EAAEG,EAAc0C,OAAOC,OAAO,CAAC,EAAGZ,EAASI,EAAO,CAAES,IAAKL,KAAiB1C,EAAEI,EAAgByC,OAAOC,OAAO,CAAC,EAAGZ,EAASI,EAAO,CAAES,IAAKL,IAAa,CAEvL,CACA,aAAAP,CAAca,GACV,MAAMC,OAAEA,EAAMZ,UAAEA,GAAcW,EAAME,EAAOhD,EAAO8C,EAAM,CAAC,SAAU,cACnE,OAAOH,OAAOC,OAAOD,OAAOC,OAAO,CAAC,EAAGI,GAAO,CAAED,SAAQZ,aAC5D,CACA,MAAAc,GACI,OAAQnD,EAAE,MAAO,CAAEuC,IAAK,2CAA4CC,MAAO,wCAAwChB,KAAKC,MAAM2B,eAAgBC,KAAM,UAAW,aAAc7B,KAAKC,MAAMC,QAAUF,KAAKC,MAAME,OAAO2B,IAAI9B,KAAKO,YACjO,CACA,aAAAtB,CAAcK,GACVL,EAAce,KAAMV,EACxB,CACA,aAAAyC,CAAczC,GACVF,EAAqBY,KAAMV,GAC3BU,KAAKK,eAAe2B,QACpBhC,KAAKiC,0BACT,CACA,mBAAA9C,CAAoBG,GAChBH,EAAoBa,KAAMV,EAC9B,CACA,qBAAA4C,CAAsBzB,GAClB,cAAcA,IAAU,SAAWT,KAAKK,eAAe8B,IAAI1B,GAAS2B,SACxE,CACA,wBAAAH,GACI,IAAII,EACJrC,KAAKI,cAAgBiC,EAAKrC,KAAKC,MAAME,UAAY,MAAQkC,SAAY,OAAS,EAAIA,EAAGC,WAAWd,IAAUA,EAAKX,WACnH,CACA,aAAA0B,CAAcC,GACV,IAAIH,EAAII,EAAIC,EAAIC,EAAIC,EACpB,MAAMC,EAAaL,EAAMM,KACzB,MAAMC,EAAa,CAAC7D,EAAY8D,QAAS9D,EAAY+D,UAAW/D,EAAYgE,WAAYhE,EAAYiE,WAAWC,SAASP,GACxH,IAAKE,EACD,OACJP,EAAMa,iBACN,MAAMC,IAAkBb,GAAMJ,EAAKrC,KAAKG,UAAY,MAAQkC,SAAY,OAAS,EAAIA,EAAGkB,UAAY,MAAQd,SAAY,EAAIA,EAAK,GAAK,EACtI,GAAIa,EAAgB,EAChB,OACJ,MAAMlD,EAAeJ,KAAKI,aAC1B,IAAIoD,EAAYpD,EAChB,OAAQyC,GACJ,KAAK3D,EAAY8D,QACjB,KAAK9D,EAAYiE,UACbK,EAAYpD,EAAe,EAAIA,EAAe,EAAIkD,EAClD,MACJ,KAAKpE,EAAY+D,UACjB,KAAK/D,EAAYgE,WACbM,EAAYpD,EAAekD,EAAgBlD,EAAe,EAAI,EAC9D,MAER,GAAIA,IAAiBoD,EACjB,OACJ,IAAKb,GAAMD,EAAK1C,KAAKC,MAAME,UAAY,MAAQuC,SAAY,OAAS,EAAIA,EAAGc,MAAgB,MAAQb,SAAY,OAAS,EAAIA,EAAG9B,UAC3H,OACJb,KAAKI,aAAeoD,QACbZ,EAAK5C,KAAKkC,sBAAsBsB,MAAgB,MAAQZ,SAAY,OAAS,EAAIA,EAAGa,WAC/F,CACA,UAAAC,CAAWlB,GACP,GAAIA,EAAMmB,SAAW3D,KAAK4D,KACtB5D,KAAKiC,0BACb,CACA,iBAAA4B,GACI7D,KAAKf,cAAce,KAAKE,QACxBF,KAAK+B,cAAc/B,KAAKG,QACxBH,KAAKb,oBAAoBa,KAAK4B,cAC9B5B,KAAKiC,0BACT,CACA,QAAI2B,GAAS,OAAOnF,EAAWuB,KAAO,CACtC,mBAAW8D,GAAa,MAAO,CAC3B5D,OAAU,CAAC,iBACXC,OAAU,CAAC,iBACXyB,aAAgB,CAAC,uBAClB,GAEP/B,EAAWkE,MAAQ,CACfC,QAASpE,UAGJC","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","getElement","__rest","KolLinkWcTag","KolButtonWcTag","emptyStringByArrayHandler","objectObjectHandler","parseJson","setState","validateLabel","KeyboardKey","validateOrientation","validateToolbarItems","component","value","e","Array","isArray","every","items","defaultStyleCss","KolToolbar","constructor","hostRef","this","state","_label","_items","currentIndex","indexToElement","Map","renderItem","raw","index","element","normalizeItem","tabIndex","_disabled","props","key","class","_tabIndex","catchRef","el","set","Object","assign","ref","item","_icons","rest","render","_orientation","role","map","validateItems","clear","setFirstEnabledItemIndex","getCurrentToolbarItem","get","undefined","_a","findIndex","handleKeyDown","event","_b","_c","_d","_e","pressedKey","code","isArrowKey","ArrowUp","ArrowDown","ArrowRight","ArrowLeft","includes","preventDefault","lastItemIndex","length","nextIndex","focus","handleBlur","target","host","componentWillLoad","watchers","style","default"],"sources":["0"],"mappings":"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","ignoreList":[]}

package/dist/kolibri/kol-tooltip-wc.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"kol-tooltip-wc.entry.esm.js","sources":["src/schema/props/badge-text.ts","src/schema/props/id.ts","src/utils/overlay.ts","src/components/tooltip/component.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\nimport { watchString } from '../utils';\nimport type { AccessKeyPropType } from './access-key';\nimport type { ShortKeyPropType } from './short-key';\n\n/* types */\nexport type BadgeTextPropType = AccessKeyPropType | ShortKeyPropType;\n\n/**\n * Defines the elements badge text.\n */\nexport type PropBadgeText = {\n\tbadgeText: BadgeTextPropType;\n};\n\n/* validator */\nexport const validateBadgeText = (component: Generic.Element.Component, value?: BadgeTextPropType): void => {\n\twatchString(component, '_badgeText', value);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchString } from '../utils';\n\n/* types */\nexport type IdPropType = string;\n\n/**\n * Defines the internal ID of the primary component element.\n * @deprecated Will be removed in the next major version.\n */\nexport type PropId = {\n\tid: IdPropType;\n};\n\n/* validator */\n/** @deprecated Will be removed in the next major version. */\nexport const validateId = (component: Generic.Element.Component, value?: IdPropType): void => {\n\twatchString(component, '_id', value);\n};\n","/**\n * This file contains the functions used to manage the visible overlays.\n */\n\n/**\n * This set contains all the visible overlays.\n */\nconst VISIBLE_OVERLAYS: Set<HTMLElement> = new Set();\n\n/**\n * This function is used to add an overlay to the visible overlay list.\n * All overlays in the list will have a z-index of 999, except the last\n * one, which will have a z-index of 1000.\n *\n * @param overlay Get the overlay element reference\n */\nexport function showOverlay(overlay: HTMLElement): void {\n\tVISIBLE_OVERLAYS.forEach((visibleOverlay) => {\n\t\tvisibleOverlay.style.setProperty('z-index', '999');\n\t});\n\tVISIBLE_OVERLAYS.add(overlay);\n\toverlay.style.setProperty('z-index', '1000');\n}\n\n/**\n * This function is used to remove an overlay from the visible overlay list.\n * All overlays in the list will have a z-index of 999, except the last\n * one, which will have a z-index of 1000.\n *\n * @param overlay Get the overlay element reference\n */\nexport function hideOverlay(overlay: HTMLElement): void {\n\tVISIBLE_OVERLAYS.delete(overlay);\n\tif (VISIBLE_OVERLAYS.size > 0) {\n\t\tconst last = Array.from(VISIBLE_OVERLAYS).pop();\n\t\tif (last) {\n\t\t\tlast.style.setProperty('z-index', '1000');\n\t\t}\n\t}\n}\n","import { autoUpdate } from '@floating-ui/dom';\nimport type { JSX } from '@stencil/core';\nimport { Component, Element, h, Host, Method, Prop, State, Watch } from '@stencil/core';\nimport type { AlignPropType, BadgeTextPropType, IdPropType, LabelPropType, TooltipAPI, TooltipStates } from '../../schema';\nimport { getDocument, validateAlign, validateBadgeText, validateId, validateLabel } from '../../schema';\n\nimport { KolSpanFc } from '../../functional-components';\nimport { alignFloatingElements } from '../../utils/align-floating-elements';\nimport { hideOverlay, showOverlay } from '../../utils/overlay';\nimport { tooltipClosed, tooltipOpened } from '../../utils/tooltip-open-tracking';\n\n/**\n * @internal\n */\n@Component({\n\ttag: 'kol-tooltip-wc',\n\tshadow: false,\n})\nexport class KolTooltipWc implements TooltipAPI {\n\t@Element() private host!: HTMLKolTooltipWcElement;\n\n\tprivate arrowElement?: HTMLDivElement;\n\tprivate previousSibling?: Element | null;\n\tprivate tooltipElement?: HTMLDivElement;\n\tprivate hasFocusIn = false;\n\tprivate hasMouseIn = false;\n\n\t/**\n\t * Prevents the tooltip from showing during the current interaction session.\n\t * An \"interaction session\" (visit) is active while the user hovers over or focuses the trigger element.\n\t *\n\t * Behavior:\n\t * - Set to true when hideTooltip() is called (e.g., via Escape key, click, or programmatically)\n\t * - Remains true for the entire session, even if interaction type changes (e.g., from click to hover)\n\t * - Reset to false when the session ends (user leaves the element completely)\n\t * - Tooltip will show again on the next session unless manually hidden again\n\t */\n\tprivate isHiddenForCurrentVisit = false;\n\n\tprivate cleanupAutoPositioning?: () => void;\n\n\t/**\n\t * Checks if a new interaction session is starting (no prior hover or focus active).\n\t */\n\tprivate isNewVisit(): boolean {\n\t\treturn !this.hasMouseIn && !this.hasFocusIn;\n\t}\n\n\t/**\n\t * Resets the hide flag when the interaction session ends.\n\t */\n\tprivate resetHideFlag = (): void => {\n\t\tif (this.isNewVisit()) {\n\t\t\tthis.isHiddenForCurrentVisit = false;\n\t\t}\n\t};\n\n\tprivate async alignTooltip(): Promise<void> {\n\t\tif (this.tooltipElement && this.previousSibling) {\n\t\t\tawait alignFloatingElements({\n\t\t\t\talign: this._align,\n\t\t\t\treferenceElement: this.previousSibling,\n\t\t\t\tarrowElement: this.arrowElement,\n\t\t\t\tfloatingElement: this.tooltipElement,\n\t\t\t});\n\t\t}\n\t}\n\n\tprivate showTooltip = (): void => {\n\t\tif (this.isHiddenForCurrentVisit) {\n\t\t\treturn;\n\t\t}\n\t\tif (this.previousSibling && this.tooltipElement /* SSR instanceof HTMLElement */) {\n\t\t\tshowOverlay(this.tooltipElement);\n\t\t\ttooltipOpened();\n\t\t\tthis.tooltipElement.classList.remove('hide');\n\t\t\tthis.tooltipElement.classList.add('show');\n\t\t\tthis.tooltipElement.style.setProperty('display', 'block');\n\t\t\tgetDocument().addEventListener('keyup', this.hideTooltipByEscape, {\n\t\t\t\tonce: true,\n\t\t\t});\n\n\t\t\tconst target = this.previousSibling;\n\t\t\tconst tooltipEl = this.tooltipElement;\n\t\t\tthis.cleanupAutoPositioning = autoUpdate(target, tooltipEl, () => {\n\t\t\t\tvoid this.alignTooltip();\n\t\t\t});\n\t\t}\n\t};\n\n\t/**\n\t * Hides the tooltip.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async hideTooltip() {\n\t\tthis.isHiddenForCurrentVisit = true;\n\n\t\tif (this.tooltipElement /* SSR instanceof HTMLElement */) {\n\t\t\thideOverlay(this.tooltipElement);\n\t\t\ttooltipClosed();\n\t\t\tthis.tooltipElement.classList.remove('show');\n\t\t\tthis.tooltipElement.classList.add('hide');\n\n\t\t\tif (this.cleanupAutoPositioning) {\n\t\t\t\tthis.cleanupAutoPositioning();\n\t\t\t\tthis.cleanupAutoPositioning = undefined;\n\t\t\t}\n\t\t}\n\t\tgetDocument().removeEventListener('keyup', this.hideTooltipByEscape);\n\t}\n\n\tprivate hideTooltipByEscape = (event: KeyboardEvent): void => {\n\t\tif (event.key === 'Escape') {\n\t\t\tvoid this.hideTooltip();\n\t\t}\n\t};\n\n\tprivate handleMouseEnter = (): void => {\n\t\tconst isNewVisit = this.isNewVisit();\n\t\tthis.hasMouseIn = true;\n\t\tif (isNewVisit) {\n\t\t\tthis.isHiddenForCurrentVisit = false;\n\t\t}\n\t\tthis.showOrHideTooltip();\n\t};\n\n\tprivate handleMouseleave = (event: Event): void => {\n\t\tthis.hasMouseIn = this.tooltipElement?.contains((event as MouseEvent).relatedTarget as Node) ?? false;\n\t\tthis.resetHideFlag();\n\t\tthis.showOrHideTooltip();\n\t};\n\n\tprivate handleFocusIn = (): void => {\n\t\tconst isNewVisit = this.isNewVisit();\n\t\tthis.hasFocusIn = true;\n\t\tif (isNewVisit) {\n\t\t\tthis.isHiddenForCurrentVisit = false;\n\t\t}\n\t\tthis.showOrHideTooltip();\n\t};\n\n\tprivate handleFocusout = (): void => {\n\t\tthis.hasFocusIn = false;\n\t\tthis.resetHideFlag();\n\t\tthis.showOrHideTooltip();\n\t};\n\n\tprivate addListeners = (el: Element): void => {\n\t\tel.addEventListener('mouseenter', this.handleMouseEnter);\n\t\tel.addEventListener('mouseleave', this.handleMouseleave);\n\t\tel.addEventListener('focusin', this.handleFocusIn);\n\t\tel.addEventListener('focusout', this.handleFocusout);\n\t};\n\n\tprivate removeListeners = (el: Element): void => {\n\t\tel.removeEventListener('mouseenter', this.handleMouseEnter);\n\t\tel.removeEventListener('mouseleave', this.handleMouseleave);\n\t\tel.removeEventListener('focusin', this.handleFocusIn);\n\t\tel.removeEventListener('focusout', this.handleFocusout);\n\t};\n\n\tprivate resyncListeners = (last?: Element | null, next?: Element | null, replacePreviousSibling = false): void => {\n\t\tif (last) {\n\t\t\tthis.removeListeners(last);\n\t\t}\n\t\tif (next) {\n\t\t\t/**\n\t\t\t * This makes the next element to the last element for the next resync cycle.\n\t\t\t */\n\t\t\tif (replacePreviousSibling) {\n\t\t\t\tthis.previousSibling = next;\n\t\t\t}\n\t\t\tthis.addListeners(next);\n\t\t}\n\t};\n\n\tprivate catchTooltipElement = (el?: HTMLDivElement): void => {\n\t\tthis.tooltipElement = el;\n\t};\n\tprivate catchArrowElement = (element?: HTMLDivElement): void => {\n\t\tthis.arrowElement = element;\n\t};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-tooltip\">\n\t\t\t\t{this.state._label !== '' && (\n\t\t\t\t\t<div class=\"kol-tooltip__floating\" ref={this.catchTooltipElement}>\n\t\t\t\t\t\t<div class=\"kol-tooltip__arrow\" ref={this.catchArrowElement} />\n\t\t\t\t\t\t<KolSpanFc class=\"kol-tooltip__content\" id={this.state._id} badgeText={this._badgeText} label={this.state._label} />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the elements badge text.\n\t */\n\t@Prop() public _badgeText?: BadgeTextPropType;\n\n\t/**\n\t * Defines the alignment of the tooltip, popover or tabs in relation to the element.\n\t */\n\t@Prop() public _align?: AlignPropType = 'top';\n\n\t/**\n\t * Defines the internal ID of the primary component element.\n\t * @internal\n\t */\n\t@Prop() public _id?: IdPropType;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label!: LabelPropType;\n\n\t@State() public state: TooltipStates = {\n\t\t_align: 'top',\n\t\t_label: '', // ⚠ required\n\t};\n\n\t@Watch('_badgeText')\n\tpublic validateBadgeText(value?: BadgeTextPropType): void {\n\t\tvalidateBadgeText(this, value);\n\t}\n\n\t@Watch('_align')\n\tpublic validateAlign(value?: AlignPropType): void {\n\t\tvalidateAlign(this, value);\n\t}\n\n\t@Watch('_id')\n\tpublic validateId(value?: IdPropType): void {\n\t\tvalidateId(this, value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\tprivate overFocusTimeout?: ReturnType<typeof setTimeout>;\n\n\tprivate showOrHideTooltip = (): void => {\n\t\tclearTimeout(this.overFocusTimeout);\n\t\tthis.overFocusTimeout = setTimeout(() => {\n\t\t\tif (this.hasMouseIn || this.hasFocusIn) {\n\t\t\t\tthis.showTooltip();\n\t\t\t} else {\n\t\t\t\tvoid this.hideTooltip();\n\t\t\t}\n\t\t\t// Timing Guidelines for Exposing Hidden Content: https://www.nngroup.com/articles/timing-exposing-content/\n\t\t}, 300);\n\t};\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateBadgeText(this._badgeText);\n\t\tthis.validateAlign(this._align);\n\t\tthis.validateId(this._id);\n\t\tthis.validateLabel(this._label);\n\t}\n\n\tprivate handleEventListeners(): void {\n\t\tconst nextSibling = this.host?.previousElementSibling ?? null;\n\t\tthis.resyncListeners(this.previousSibling, nextSibling as Element, true);\n\t\tthis.resyncListeners(this.tooltipElement, this.tooltipElement);\n\t}\n\n\tpublic connectedCallback(): void {\n\t\tthis.previousSibling = this.host?.previousElementSibling ?? null;\n\t}\n\n\tpublic componentDidRender(): void {\n\t\tthis.handleEventListeners();\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (componentDidLoad)\n\t */\n\tpublic disconnectedCallback(): void {\n\t\tif (this.previousSibling /* SSR instanceof HTMLElement */) {\n\t\t\tthis.removeListeners(this.previousSibling);\n\t\t\tthis.previousSibling = undefined;\n\t\t}\n\t\tif (this.tooltipElement /* SSR instanceof HTMLElement */) {\n\t\t\tthis.removeListeners(this.tooltipElement);\n\t\t}\n\t\tif (this.cleanupAutoPositioning) {\n\t\t\tthis.cleanupAutoPositioning();\n\t\t}\n\t}\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"kol-tooltip-wc.entry.esm.js","sources":["src/schema/props/badge-text.ts","src/schema/props/id.ts","src/utils/overlay.ts","src/components/tooltip/component.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\nimport { watchString } from '../utils';\nimport type { AccessKeyPropType } from './access-key';\nimport type { ShortKeyPropType } from './short-key';\n\n/* types */\nexport type BadgeTextPropType = AccessKeyPropType | ShortKeyPropType;\n\n/**\n * Defines the elements badge text.\n */\nexport type PropBadgeText = {\n\tbadgeText: BadgeTextPropType;\n};\n\n/* validator */\nexport const validateBadgeText = (component: Generic.Element.Component, value?: BadgeTextPropType): void => {\n\twatchString(component, '_badgeText', value);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchString } from '../utils';\n\n/* types */\nexport type IdPropType = string;\n\n/**\n * Defines the internal ID of the primary component element.\n * @deprecated Will be removed in the next major version.\n */\nexport type PropId = {\n\tid: IdPropType;\n};\n\n/* validator */\n/** @deprecated Will be removed in the next major version. */\nexport const validateId = (component: Generic.Element.Component, value?: IdPropType): void => {\n\twatchString(component, '_id', value);\n};\n","/**\n * This file contains the functions used to manage the visible overlays.\n */\n\n/**\n * This set contains all the visible overlays.\n */\nconst VISIBLE_OVERLAYS: Set<HTMLElement> = new Set();\n\n/**\n * This function is used to add an overlay to the visible overlay list.\n * All overlays in the list will have a z-index of 999, except the last\n * one, which will have a z-index of 1000.\n *\n * @param overlay Get the overlay element reference\n */\nexport function showOverlay(overlay: HTMLElement): void {\n\tVISIBLE_OVERLAYS.forEach((visibleOverlay) => {\n\t\tvisibleOverlay.style.setProperty('z-index', '999');\n\t});\n\tVISIBLE_OVERLAYS.add(overlay);\n\toverlay.style.setProperty('z-index', '1000');\n}\n\n/**\n * This function is used to remove an overlay from the visible overlay list.\n * All overlays in the list will have a z-index of 999, except the last\n * one, which will have a z-index of 1000.\n *\n * @param overlay Get the overlay element reference\n */\nexport function hideOverlay(overlay: HTMLElement): void {\n\tVISIBLE_OVERLAYS.delete(overlay);\n\tif (VISIBLE_OVERLAYS.size > 0) {\n\t\tconst last = Array.from(VISIBLE_OVERLAYS).pop();\n\t\tif (last) {\n\t\t\tlast.style.setProperty('z-index', '1000');\n\t\t}\n\t}\n}\n","import { autoUpdate } from '@floating-ui/dom';\nimport type { JSX } from '@stencil/core';\nimport { Component, Element, h, Host, Method, Prop, State, Watch } from '@stencil/core';\nimport type { AlignPropType, BadgeTextPropType, IdPropType, LabelPropType, TooltipAPI, TooltipStates } from '../../schema';\nimport { getDocument, validateAlign, validateBadgeText, validateId, validateLabel } from '../../schema';\n\nimport { KolSpanFc } from '../../functional-components';\nimport { alignFloatingElements } from '../../utils/align-floating-elements';\nimport { hideOverlay, showOverlay } from '../../utils/overlay';\nimport { tooltipClosed, tooltipOpened } from '../../utils/tooltip-open-tracking';\n\n/**\n * @internal\n */\n@Component({\n\ttag: 'kol-tooltip-wc',\n\tshadow: false,\n})\nexport class KolTooltipWc implements TooltipAPI {\n\t@Element() private host?: HTMLKolTooltipWcElement;\n\n\tprivate arrowElement?: HTMLDivElement;\n\tprivate previousSibling?: Element | null;\n\tprivate tooltipElement?: HTMLDivElement;\n\tprivate hasFocusIn = false;\n\tprivate hasMouseIn = false;\n\n\t/**\n\t * Prevents the tooltip from showing during the current interaction session.\n\t * An \"interaction session\" (visit) is active while the user hovers over or focuses the trigger element.\n\t *\n\t * Behavior:\n\t * - Set to true when hideTooltip() is called (e.g., via Escape key, click, or programmatically)\n\t * - Remains true for the entire session, even if interaction type changes (e.g., from click to hover)\n\t * - Reset to false when the session ends (user leaves the element completely)\n\t * - Tooltip will show again on the next session unless manually hidden again\n\t */\n\tprivate isHiddenForCurrentVisit = false;\n\n\tprivate cleanupAutoPositioning?: () => void;\n\n\t/**\n\t * Checks if a new interaction session is starting (no prior hover or focus active).\n\t */\n\tprivate isNewVisit(): boolean {\n\t\treturn !this.hasMouseIn && !this.hasFocusIn;\n\t}\n\n\t/**\n\t * Resets the hide flag when the interaction session ends.\n\t */\n\tprivate resetHideFlag = (): void => {\n\t\tif (this.isNewVisit()) {\n\t\t\tthis.isHiddenForCurrentVisit = false;\n\t\t}\n\t};\n\n\tprivate async alignTooltip(): Promise<void> {\n\t\tif (this.tooltipElement && this.previousSibling) {\n\t\t\tawait alignFloatingElements({\n\t\t\t\talign: this._align,\n\t\t\t\treferenceElement: this.previousSibling,\n\t\t\t\tarrowElement: this.arrowElement,\n\t\t\t\tfloatingElement: this.tooltipElement,\n\t\t\t});\n\t\t}\n\t}\n\n\tprivate showTooltip = (): void => {\n\t\tif (this.isHiddenForCurrentVisit) {\n\t\t\treturn;\n\t\t}\n\t\tif (this.previousSibling && this.tooltipElement /* SSR instanceof HTMLElement */) {\n\t\t\tshowOverlay(this.tooltipElement);\n\t\t\ttooltipOpened();\n\t\t\tthis.tooltipElement.classList.remove('hide');\n\t\t\tthis.tooltipElement.classList.add('show');\n\t\t\tthis.tooltipElement.style.setProperty('display', 'block');\n\t\t\tgetDocument().addEventListener('keyup', this.hideTooltipByEscape, {\n\t\t\t\tonce: true,\n\t\t\t});\n\n\t\t\tconst target = this.previousSibling;\n\t\t\tconst tooltipEl = this.tooltipElement;\n\t\t\tthis.cleanupAutoPositioning = autoUpdate(target, tooltipEl, () => {\n\t\t\t\tvoid this.alignTooltip();\n\t\t\t});\n\t\t}\n\t};\n\n\t/**\n\t * Hides the tooltip.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async hideTooltip() {\n\t\tthis.isHiddenForCurrentVisit = true;\n\n\t\tif (this.tooltipElement /* SSR instanceof HTMLElement */) {\n\t\t\thideOverlay(this.tooltipElement);\n\t\t\ttooltipClosed();\n\t\t\tthis.tooltipElement.classList.remove('show');\n\t\t\tthis.tooltipElement.classList.add('hide');\n\n\t\t\tif (this.cleanupAutoPositioning) {\n\t\t\t\tthis.cleanupAutoPositioning();\n\t\t\t\tthis.cleanupAutoPositioning = undefined;\n\t\t\t}\n\t\t}\n\t\tgetDocument().removeEventListener('keyup', this.hideTooltipByEscape);\n\t}\n\n\tprivate hideTooltipByEscape = (event: KeyboardEvent): void => {\n\t\tif (event.key === 'Escape') {\n\t\t\tvoid this.hideTooltip();\n\t\t}\n\t};\n\n\tprivate handleMouseEnter = (): void => {\n\t\tconst isNewVisit = this.isNewVisit();\n\t\tthis.hasMouseIn = true;\n\t\tif (isNewVisit) {\n\t\t\tthis.isHiddenForCurrentVisit = false;\n\t\t}\n\t\tthis.showOrHideTooltip();\n\t};\n\n\tprivate handleMouseleave = (event: Event): void => {\n\t\tthis.hasMouseIn = this.tooltipElement?.contains((event as MouseEvent).relatedTarget as Node) ?? false;\n\t\tthis.resetHideFlag();\n\t\tthis.showOrHideTooltip();\n\t};\n\n\tprivate handleFocusIn = (): void => {\n\t\tconst isNewVisit = this.isNewVisit();\n\t\tthis.hasFocusIn = true;\n\t\tif (isNewVisit) {\n\t\t\tthis.isHiddenForCurrentVisit = false;\n\t\t}\n\t\tthis.showOrHideTooltip();\n\t};\n\n\tprivate handleFocusout = (): void => {\n\t\tthis.hasFocusIn = false;\n\t\tthis.resetHideFlag();\n\t\tthis.showOrHideTooltip();\n\t};\n\n\tprivate addListeners = (el: Element): void => {\n\t\tel.addEventListener('mouseenter', this.handleMouseEnter);\n\t\tel.addEventListener('mouseleave', this.handleMouseleave);\n\t\tel.addEventListener('focusin', this.handleFocusIn);\n\t\tel.addEventListener('focusout', this.handleFocusout);\n\t};\n\n\tprivate removeListeners = (el: Element): void => {\n\t\tel.removeEventListener('mouseenter', this.handleMouseEnter);\n\t\tel.removeEventListener('mouseleave', this.handleMouseleave);\n\t\tel.removeEventListener('focusin', this.handleFocusIn);\n\t\tel.removeEventListener('focusout', this.handleFocusout);\n\t};\n\n\tprivate resyncListeners = (last?: Element | null, next?: Element | null, replacePreviousSibling = false): void => {\n\t\tif (last) {\n\t\t\tthis.removeListeners(last);\n\t\t}\n\t\tif (next) {\n\t\t\t/**\n\t\t\t * This makes the next element to the last element for the next resync cycle.\n\t\t\t */\n\t\t\tif (replacePreviousSibling) {\n\t\t\t\tthis.previousSibling = next;\n\t\t\t}\n\t\t\tthis.addListeners(next);\n\t\t}\n\t};\n\n\tprivate catchTooltipElement = (el?: HTMLDivElement): void => {\n\t\tthis.tooltipElement = el;\n\t};\n\tprivate catchArrowElement = (element?: HTMLDivElement): void => {\n\t\tthis.arrowElement = element;\n\t};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-tooltip\">\n\t\t\t\t{this.state._label !== '' && (\n\t\t\t\t\t<div class=\"kol-tooltip__floating\" ref={this.catchTooltipElement}>\n\t\t\t\t\t\t<div class=\"kol-tooltip__arrow\" ref={this.catchArrowElement} />\n\t\t\t\t\t\t<KolSpanFc class=\"kol-tooltip__content\" id={this.state._id} badgeText={this._badgeText} label={this.state._label} />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the elements badge text.\n\t */\n\t@Prop() public _badgeText?: BadgeTextPropType;\n\n\t/**\n\t * Defines the alignment of the tooltip, popover or tabs in relation to the element.\n\t */\n\t@Prop() public _align?: AlignPropType = 'top';\n\n\t/**\n\t * Defines the internal ID of the primary component element.\n\t * @internal\n\t */\n\t@Prop() public _id?: IdPropType;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label!: LabelPropType;\n\n\t@State() public state: TooltipStates = {\n\t\t_align: 'top',\n\t\t_label: '', // ⚠ required\n\t};\n\n\t@Watch('_badgeText')\n\tpublic validateBadgeText(value?: BadgeTextPropType): void {\n\t\tvalidateBadgeText(this, value);\n\t}\n\n\t@Watch('_align')\n\tpublic validateAlign(value?: AlignPropType): void {\n\t\tvalidateAlign(this, value);\n\t}\n\n\t@Watch('_id')\n\tpublic validateId(value?: IdPropType): void {\n\t\tvalidateId(this, value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\tprivate overFocusTimeout?: ReturnType<typeof setTimeout>;\n\n\tprivate showOrHideTooltip = (): void => {\n\t\tclearTimeout(this.overFocusTimeout);\n\t\tthis.overFocusTimeout = setTimeout(() => {\n\t\t\tif (this.hasMouseIn || this.hasFocusIn) {\n\t\t\t\tthis.showTooltip();\n\t\t\t} else {\n\t\t\t\tvoid this.hideTooltip();\n\t\t\t}\n\t\t\t// Timing Guidelines for Exposing Hidden Content: https://www.nngroup.com/articles/timing-exposing-content/\n\t\t}, 300);\n\t};\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateBadgeText(this._badgeText);\n\t\tthis.validateAlign(this._align);\n\t\tthis.validateId(this._id);\n\t\tthis.validateLabel(this._label);\n\t}\n\n\tprivate handleEventListeners(): void {\n\t\tconst nextSibling = this.host?.previousElementSibling ?? null;\n\t\tthis.resyncListeners(this.previousSibling, nextSibling as Element, true);\n\t\tthis.resyncListeners(this.tooltipElement, this.tooltipElement);\n\t}\n\n\tpublic connectedCallback(): void {\n\t\tthis.previousSibling = this.host?.previousElementSibling ?? null;\n\t}\n\n\tpublic componentDidRender(): void {\n\t\tthis.handleEventListeners();\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (componentDidLoad)\n\t */\n\tpublic disconnectedCallback(): void {\n\t\tif (this.previousSibling /* SSR instanceof HTMLElement */) {\n\t\t\tthis.removeListeners(this.previousSibling);\n\t\t\tthis.previousSibling = undefined;\n\t\t}\n\t\tif (this.tooltipElement /* SSR instanceof HTMLElement */) {\n\t\t\tthis.removeListeners(this.tooltipElement);\n\t\t}\n\t\tif (this.cleanupAutoPositioning) {\n\t\t\tthis.cleanupAutoPositioning();\n\t\t}\n\t}\n}\n"],"names":[],"mappings":"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"}

package/dist/kolibri/kol-tooltip-wc.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as i,h as t,H as s,g as e}from"./index-Biu4X4Y_.js";import{b as h,a as o}from"./align-floating-elements-BkpeqvtE.js";import{e as a,t as l}from"./common-Dd0zJQbD.js";import{v as n}from"./align-D-ifSKu8.js";import{v as r}from"./label-Dnmzb2S_.js";import"./Alert-CTUp0cq0.js";import"./i18n-LBpyQ66X.js";import{K as d}from"./Span-BJ04za7v.js";import{t as f,a as c}from"./tooltip-open-tracking-rBbBgPWP.js";import"./tslib.es6-CxX45GIN.js";import"./clsx-eK3rPvPS.js";import"./component-names-C3fyby67.js";import"./bem-C27SfH6w.js";import"./browser-DiRe0qUf.js";import"./Heading-CNBuBGfU.js";import"./i18n-CfLoIZ8T.js";import"./Icon-BIONJyds.js";import"./reuse-CX4AQDkS.js";import"./markdown-BSkXjaSn.js";import"./InternalUnderlinedBadgeText-CZdqjm5O.js";import"./isObject-DvSELytj.js";const m=(t,i)=>{a(t,"_badgeText",i)},p=(t,i)=>{a(t,"_id",i)},u=new Set;function v(t){u.forEach(t=>{t.style.setProperty("z-index","999")}),u.add(t),t.style.setProperty("z-index","1000")}function b(t){if(u.delete(t),u.size>0){const t=Array.from(u).pop();t&&t.style.setProperty("z-index","1000")}}const j=class{constructor(t){i(this,t),this.hasFocusIn=!1,this.hasMouseIn=!1,this.isHiddenForCurrentVisit=!1,this.resetHideFlag=()=>{this.isNewVisit()&&(this.isHiddenForCurrentVisit=!1)},this.showTooltip=()=>{if(!this.isHiddenForCurrentVisit&&this.previousSibling&&this.tooltipElement){v(this.tooltipElement),f(),this.tooltipElement.classList.remove("hide"),this.tooltipElement.classList.add("show"),this.tooltipElement.style.setProperty("display","block"),l().addEventListener("keyup",this.hideTooltipByEscape,{once:!0});const t=this.previousSibling,i=this.tooltipElement;this.cleanupAutoPositioning=h(t,i,()=>{this.alignTooltip()})}},this.hideTooltipByEscape=t=>{"Escape"===t.key&&this.hideTooltip()},this.handleMouseEnter=()=>{const t=this.isNewVisit();this.hasMouseIn=!0,t&&(this.isHiddenForCurrentVisit=!1),this.showOrHideTooltip()},this.handleMouseleave=t=>{var i,e;this.hasMouseIn=null!==(e=null===(i=this.tooltipElement)||void 0===i?void 0:i.contains(t.relatedTarget))&&void 0!==e&&e,this.resetHideFlag(),this.showOrHideTooltip()},this.handleFocusIn=()=>{const t=this.isNewVisit();this.hasFocusIn=!0,t&&(this.isHiddenForCurrentVisit=!1),this.showOrHideTooltip()},this.handleFocusout=()=>{this.hasFocusIn=!1,this.resetHideFlag(),this.showOrHideTooltip()},this.addListeners=t=>{t.addEventListener("mouseenter",this.handleMouseEnter),t.addEventListener("mouseleave",this.handleMouseleave),t.addEventListener("focusin",this.handleFocusIn),t.addEventListener("focusout",this.handleFocusout)},this.removeListeners=t=>{t.removeEventListener("mouseenter",this.handleMouseEnter),t.removeEventListener("mouseleave",this.handleMouseleave),t.removeEventListener("focusin",this.handleFocusIn),t.removeEventListener("focusout",this.handleFocusout)},this.resyncListeners=(t,i,e=!1)=>{t&&this.removeListeners(t),i&&(e&&(this.previousSibling=i),this.addListeners(i))},this.catchTooltipElement=t=>{this.tooltipElement=t},this.catchArrowElement=t=>{this.arrowElement=t},this._align="top",this.state={_align:"top",_label:""},this.showOrHideTooltip=()=>{clearTimeout(this.overFocusTimeout),this.overFocusTimeout=setTimeout(()=>{this.hasMouseIn||this.hasFocusIn?this.showTooltip():this.hideTooltip()},300)}}isNewVisit(){return!this.hasMouseIn&&!this.hasFocusIn}async alignTooltip(){this.tooltipElement&&this.previousSibling&&await o({align:this._align,referenceElement:this.previousSibling,arrowElement:this.arrowElement,floatingElement:this.tooltipElement})}async hideTooltip(){this.isHiddenForCurrentVisit=!0,this.tooltipElement&&(b(this.tooltipElement),c(),this.tooltipElement.classList.remove("show"),this.tooltipElement.classList.add("hide"),this.cleanupAutoPositioning&&(this.cleanupAutoPositioning(),this.cleanupAutoPositioning=void 0)),l().removeEventListener("keyup",this.hideTooltipByEscape)}render(){return t(s,{key:"a2f5eaf3bdde31f05706c525fb3382d04449877d",class:"kol-tooltip"},""!==this.state._label&&t("div",{key:"d29670e80057f25e00c3826a093d5baef0106ce6",class:"kol-tooltip__floating",ref:this.catchTooltipElement},t("div",{key:"5ea823469aa2fcb1c3dbf56b628445814f4fc8d0",class:"kol-tooltip__arrow",ref:this.catchArrowElement}),t(d,{key:"49c40bebd3067ede516b5f7edc9749f52a08cf80",class:"kol-tooltip__content",id:this.state._id,badgeText:this._badgeText,label:this.state._label})))}validateBadgeText(t){m(this,t)}validateAlign(t){n(this,t)}validateId(t){p(this,t)}validateLabel(t){r(this,t,{required:!0})}componentWillLoad(){this.validateBadgeText(this._badgeText),this.validateAlign(this._align),this.validateId(this._id),this.validateLabel(this._label)}handleEventListeners(){var t,i;const e=null!==(i=null===(t=this.host)||void 0===t?void 0:t.previousElementSibling)&&void 0!==i?i:null;this.resyncListeners(this.previousSibling,e,!0),this.resyncListeners(this.tooltipElement,this.tooltipElement)}connectedCallback(){var t,i;this.previousSibling=null!==(i=null===(t=this.host)||void 0===t?void 0:t.previousElementSibling)&&void 0!==i?i:null}componentDidRender(){this.handleEventListeners()}disconnectedCallback(){this.previousSibling&&(this.removeListeners(this.previousSibling),this.previousSibling=void 0),this.tooltipElement&&this.removeListeners(this.tooltipElement),this.cleanupAutoPositioning&&this.cleanupAutoPositioning()}get host(){return e(this)}static get watchers(){return{_badgeText:["validateBadgeText"],_align:["validateAlign"],_id:["validateId"],_label:["validateLabel"]}}};export{j as kol_tooltip_wc};
+import{r as t,h as i,H as s,g as e}from"./index-BuVNvMVh.js";import{b as h,a as o}from"./align-floating-elements-BkpeqvtE.js";import{e as a,t as l}from"./common-Dd0zJQbD.js";import{v as n}from"./align-D-ifSKu8.js";import{v as r}from"./label-Dnmzb2S_.js";import"./Alert-DFxK42_b.js";import"./i18n-LBpyQ66X.js";import{K as d}from"./Span-CgBP4Uo5.js";import{t as f,a as c}from"./tooltip-open-tracking-rBbBgPWP.js";import"./tslib.es6-CxX45GIN.js";import"./clsx-eK3rPvPS.js";import"./component-names-C3fyby67.js";import"./bem-C27SfH6w.js";import"./browser-DiRe0qUf.js";import"./Heading-DqCQ4tvo.js";import"./i18n-CfLoIZ8T.js";import"./Icon-qDQ9VVcv.js";import"./reuse-CX4AQDkS.js";import"./markdown-BSkXjaSn.js";import"./InternalUnderlinedBadgeText-CNjTZsLo.js";import"./isObject-DvSELytj.js";const m=(t,i)=>{a(t,"_badgeText",i)},p=(t,i)=>{a(t,"_id",i)},u=new Set;function v(t){u.forEach(t=>{t.style.setProperty("z-index","999")}),u.add(t),t.style.setProperty("z-index","1000")}function b(t){if(u.delete(t),u.size>0){const t=Array.from(u).pop();t&&t.style.setProperty("z-index","1000")}}const j=class{constructor(i){t(this,i),this.hasFocusIn=!1,this.hasMouseIn=!1,this.isHiddenForCurrentVisit=!1,this.resetHideFlag=()=>{this.isNewVisit()&&(this.isHiddenForCurrentVisit=!1)},this.showTooltip=()=>{if(!this.isHiddenForCurrentVisit&&this.previousSibling&&this.tooltipElement){v(this.tooltipElement),f(),this.tooltipElement.classList.remove("hide"),this.tooltipElement.classList.add("show"),this.tooltipElement.style.setProperty("display","block"),l().addEventListener("keyup",this.hideTooltipByEscape,{once:!0});const t=this.previousSibling,i=this.tooltipElement;this.cleanupAutoPositioning=h(t,i,()=>{this.alignTooltip()})}},this.hideTooltipByEscape=t=>{"Escape"===t.key&&this.hideTooltip()},this.handleMouseEnter=()=>{const t=this.isNewVisit();this.hasMouseIn=!0,t&&(this.isHiddenForCurrentVisit=!1),this.showOrHideTooltip()},this.handleMouseleave=t=>{var i,e;this.hasMouseIn=null!==(e=null===(i=this.tooltipElement)||void 0===i?void 0:i.contains(t.relatedTarget))&&void 0!==e&&e,this.resetHideFlag(),this.showOrHideTooltip()},this.handleFocusIn=()=>{const t=this.isNewVisit();this.hasFocusIn=!0,t&&(this.isHiddenForCurrentVisit=!1),this.showOrHideTooltip()},this.handleFocusout=()=>{this.hasFocusIn=!1,this.resetHideFlag(),this.showOrHideTooltip()},this.addListeners=t=>{t.addEventListener("mouseenter",this.handleMouseEnter),t.addEventListener("mouseleave",this.handleMouseleave),t.addEventListener("focusin",this.handleFocusIn),t.addEventListener("focusout",this.handleFocusout)},this.removeListeners=t=>{t.removeEventListener("mouseenter",this.handleMouseEnter),t.removeEventListener("mouseleave",this.handleMouseleave),t.removeEventListener("focusin",this.handleFocusIn),t.removeEventListener("focusout",this.handleFocusout)},this.resyncListeners=(t,i,e=!1)=>{t&&this.removeListeners(t),i&&(e&&(this.previousSibling=i),this.addListeners(i))},this.catchTooltipElement=t=>{this.tooltipElement=t},this.catchArrowElement=t=>{this.arrowElement=t},this._align="top",this.state={_align:"top",_label:""},this.showOrHideTooltip=()=>{clearTimeout(this.overFocusTimeout),this.overFocusTimeout=setTimeout(()=>{this.hasMouseIn||this.hasFocusIn?this.showTooltip():this.hideTooltip()},300)}}isNewVisit(){return!this.hasMouseIn&&!this.hasFocusIn}async alignTooltip(){this.tooltipElement&&this.previousSibling&&await o({align:this._align,referenceElement:this.previousSibling,arrowElement:this.arrowElement,floatingElement:this.tooltipElement})}async hideTooltip(){this.isHiddenForCurrentVisit=!0,this.tooltipElement&&(b(this.tooltipElement),c(),this.tooltipElement.classList.remove("show"),this.tooltipElement.classList.add("hide"),this.cleanupAutoPositioning&&(this.cleanupAutoPositioning(),this.cleanupAutoPositioning=void 0)),l().removeEventListener("keyup",this.hideTooltipByEscape)}render(){return i(s,{key:"a2f5eaf3bdde31f05706c525fb3382d04449877d",class:"kol-tooltip"},""!==this.state._label&&i("div",{key:"d29670e80057f25e00c3826a093d5baef0106ce6",class:"kol-tooltip__floating",ref:this.catchTooltipElement},i("div",{key:"5ea823469aa2fcb1c3dbf56b628445814f4fc8d0",class:"kol-tooltip__arrow",ref:this.catchArrowElement}),i(d,{key:"49c40bebd3067ede516b5f7edc9749f52a08cf80",class:"kol-tooltip__content",id:this.state._id,badgeText:this._badgeText,label:this.state._label})))}validateBadgeText(t){m(this,t)}validateAlign(t){n(this,t)}validateId(t){p(this,t)}validateLabel(t){r(this,t,{required:!0})}componentWillLoad(){this.validateBadgeText(this._badgeText),this.validateAlign(this._align),this.validateId(this._id),this.validateLabel(this._label)}handleEventListeners(){var t,i;const e=null!==(i=null===(t=this.host)||void 0===t?void 0:t.previousElementSibling)&&void 0!==i?i:null;this.resyncListeners(this.previousSibling,e,!0),this.resyncListeners(this.tooltipElement,this.tooltipElement)}connectedCallback(){var t,i;this.previousSibling=null!==(i=null===(t=this.host)||void 0===t?void 0:t.previousElementSibling)&&void 0!==i?i:null}componentDidRender(){this.handleEventListeners()}disconnectedCallback(){this.previousSibling&&(this.removeListeners(this.previousSibling),this.previousSibling=void 0),this.tooltipElement&&this.removeListeners(this.tooltipElement),this.cleanupAutoPositioning&&this.cleanupAutoPositioning()}get host(){return e(this)}static get watchers(){return{_badgeText:["validateBadgeText"],_align:["validateAlign"],_id:["validateId"],_label:["validateLabel"]}}};export{j as kol_tooltip_wc};

package/dist/kolibri/kol-tree-item-wc.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"kol-tree-item-wc.entry.esm.js","sources":["src/schema/props/active.ts","src/components/tree-item/component.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchBooleanOptions } from '../utils';\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type ActivePropType = boolean;\n\n/**\n * Defines whether something is active.\n */\nexport type PropActive = {\n\tactive: ActivePropType;\n};\n\n/* validator */\nexport const validateActive = (component: Generic.Element.Component, value: ActivePropType, options?: WatchBooleanOptions): void => {\n\twatchBoolean(component, '_active', value, options);\n};\n","import { Component, Element, h, Host, type JSX, Method, Prop, State, Watch } from '@stencil/core';\n\nimport clsx from 'clsx';\nimport { KolIconTag, KolLinkWcTag, KolTreeTag } from '../../core/component-names';\nimport type { ActivePropType, HrefPropType, LabelPropType, OpenPropType, TreeItemAPI, TreeItemStates } from '../../schema';\nimport { validateActive, validateHref, validateLabel, validateOpen } from '../../schema';\nimport { nonce } from '../../utils/dev.utils';\n\n@Component({\n\ttag: `kol-tree-item-wc`,\n\tshadow: false,\n})\nexport class KolTreeItemWc implements TreeItemAPI {\n\tprivate linkElement!: HTMLKolLinkWcElement;\n\tprivate groupId = `tree-group-${nonce()}`;\n\n\t@State() private level?: number;\n\t@Element() host!: HTMLElement;\n\n\tpublic render(): JSX.Element {\n\t\tconst { _href, _active, _hasChildren, _open, _label } = this.state;\n\t\treturn (\n\t\t\t<Host onSlotchange={this.handleSlotchange.bind(this)}>\n\t\t\t\t<li\n\t\t\t\t\tclass=\"kol-tree-item\"\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\t'--level': `${this.level}`,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<KolLinkWcTag\n\t\t\t\t\t\tclass={clsx('kol-tree-item__link', {\n\t\t\t\t\t\t\t'kol-tree-item__link--first-level': this.level === 0,\n\t\t\t\t\t\t\t'kol-tree-item__link--active': _active,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\t_href={_href}\n\t\t\t\t\t\t_label=\"\"\n\t\t\t\t\t\t_role=\"treeitem\"\n\t\t\t\t\t\t_tabIndex={_active ? 0 : -1}\n\t\t\t\t\t\t_ariaExpanded={_hasChildren ? _open : undefined}\n\t\t\t\t\t\t_ariaOwns={_hasChildren ? this.groupId : undefined}\n\t\t\t\t\t\tref={(element?: HTMLKolLinkWcElement) => (this.linkElement = element!)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"kol-tree-item__link-inner\" slot=\"expert\">\n\t\t\t\t\t\t\t{_hasChildren ? (\n\t\t\t\t\t\t\t\t// eslint-disable-next-line jsx-a11y/no-static-element-interactions,jsx-a11y/click-events-have-key-events\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tclass=\"kol-tree-item__toggle-button\"\n\t\t\t\t\t\t\t\t\tonClick={(event) => (_open ? void this.handleCollapseClick(event) : void this.handleExpandClick(event))}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<KolIconTag\n\t\t\t\t\t\t\t\t\t\tclass=\"kol-tree-item__toggle-button-icon\"\n\t\t\t\t\t\t\t\t\t\t_icons={`codicon codicon-${_open ? 'chevron-down' : 'chevron-right'}`}\n\t\t\t\t\t\t\t\t\t\t_label={'' /* Label deliberately left empty */}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<span class=\"kol-tree-item__toggle-button-placeholder\"></span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<span class=\"kol-tree-item__text\">{_label}</span>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</KolLinkWcTag>\n\t\t\t\t\t<ul class=\"kol-tree-item__children\" hidden={!_hasChildren || !_open} role=\"group\" id={this.groupId}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</ul>\n\t\t\t\t</li>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@State() public state: TreeItemStates = {\n\t\t_active: false,\n\t\t_hasChildren: false,\n\t\t_href: '',\n\t\t_label: '',\n\t\t_open: false,\n\t};\n\n\t/**\n\t * If set (to true) the tree item is the active one.\n\t */\n\t@Prop() _active?: OpenPropType;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() _label!: LabelPropType;\n\n\t/**\n\t * Opens/expands the element when truthy, closes/collapses when falsy.\n\t */\n\t@Prop() _open?: OpenPropType;\n\n\t/**\n\t * Defines the target URI of the link.\n\t */\n\t@Prop() _href!: HrefPropType;\n\n\t@Watch('_active') validateActive(value?: ActivePropType): void {\n\t\tvalidateActive(this, value || false);\n\t}\n\n\t@Watch('_label') validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value);\n\t}\n\n\t@Watch('_open') validateOpen(value?: OpenPropType): void {\n\t\tvalidateOpen(this, value);\n\t}\n\n\t@Watch('_href') validateHref(value?: HrefPropType): void {\n\t\tvalidateHref(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateActive(this._active);\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateOpen(this._open);\n\t\tthis.validateHref(this._href);\n\n\t\tthis.checkForChildren();\n\t\tthis.determineTreeItemDepth();\n\t}\n\n\tprivate determineTreeItemDepth() {\n\t\tlet level = 0;\n\t\tlet traverseItem: HTMLElement | null = (this.host.parentNode as unknown as ShadowRoot).host.parentNode as HTMLElement;\n\t\twhile (traverseItem !== null && traverseItem.tagName.toLowerCase() !== KolTreeTag && traverseItem !== document.body) {\n\t\t\ttraverseItem = traverseItem.parentElement;\n\t\t\tlevel += 1;\n\t\t}\n\t\tthis.level = level;\n\t}\n\n\tprivate handleSlotchange() {\n\t\tthis.checkForChildren();\n\t}\n\n\tprivate checkForChildren() {\n\t\tthis.state = {\n\t\t\t...this.state,\n\t\t\t_hasChildren: Boolean(this.host.querySelector('slot')?.assignedElements?.().length),\n\t\t};\n\t}\n\n\t/**\n\t * Focuses the link element.\n\t */\n\t@Method() async focusLink() {\n\t\tawait this.linkElement.kolFocus();\n\t}\n\n\tprivate async handleExpandClick(event: MouseEvent) {\n\t\tevent.preventDefault();\n\t\tawait this.linkElement.kolFocus();\n\t\tawait this.expand();\n\t}\n\n\t/**\n\t * Expands the tree item.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async expand() {\n\t\tif (this.state._hasChildren) {\n\t\t\tthis.state = {\n\t\t\t\t...this.state,\n\t\t\t\t_open: true,\n\t\t\t};\n\t\t}\n\t}\n\n\tprivate async handleCollapseClick(event: MouseEvent) {\n\t\tevent.preventDefault();\n\t\tthis.linkElement.focus();\n\t\tawait this.collapse();\n\t}\n\n\t/**\n\t * Collapses the tree item.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async collapse() {\n\t\tif (this.state._hasChildren) {\n\t\t\tthis.state = {\n\t\t\t\t...this.state,\n\t\t\t\t_open: false,\n\t\t\t};\n\t\t}\n\t}\n\n\t/**\n\t * Returns whether the tree item is expanded.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async isOpen() {\n\t\treturn this.state._open ?? false;\n\t}\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"kol-tree-item-wc.entry.esm.js","sources":["src/schema/props/active.ts","src/components/tree-item/component.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchBooleanOptions } from '../utils';\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type ActivePropType = boolean;\n\n/**\n * Defines whether something is active.\n */\nexport type PropActive = {\n\tactive: ActivePropType;\n};\n\n/* validator */\nexport const validateActive = (component: Generic.Element.Component, value: ActivePropType, options?: WatchBooleanOptions): void => {\n\twatchBoolean(component, '_active', value, options);\n};\n","import { Component, Element, h, Host, type JSX, Method, Prop, State, Watch } from '@stencil/core';\n\nimport clsx from 'clsx';\nimport { KolIconTag, KolLinkWcTag, KolTreeTag } from '../../core/component-names';\nimport type { ActivePropType, HrefPropType, LabelPropType, OpenPropType, TreeItemAPI, TreeItemStates } from '../../schema';\nimport { validateActive, validateHref, validateLabel, validateOpen } from '../../schema';\nimport { nonce } from '../../utils/dev.utils';\n\n@Component({\n\ttag: `kol-tree-item-wc`,\n\tshadow: false,\n})\nexport class KolTreeItemWc implements TreeItemAPI {\n\tprivate linkElement?: HTMLKolLinkWcElement;\n\tprivate groupId = `tree-group-${nonce()}`;\n\n\t@State() private level?: number;\n\t@Element() host!: HTMLElement;\n\n\tpublic render(): JSX.Element {\n\t\tconst { _href, _active, _hasChildren, _open, _label } = this.state;\n\t\treturn (\n\t\t\t<Host onSlotchange={this.handleSlotchange.bind(this)}>\n\t\t\t\t<li\n\t\t\t\t\tclass=\"kol-tree-item\"\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\t'--level': `${this.level}`,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<KolLinkWcTag\n\t\t\t\t\t\tclass={clsx('kol-tree-item__link', {\n\t\t\t\t\t\t\t'kol-tree-item__link--first-level': this.level === 0,\n\t\t\t\t\t\t\t'kol-tree-item__link--active': _active,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\t_href={_href}\n\t\t\t\t\t\t_label=\"\"\n\t\t\t\t\t\t_role=\"treeitem\"\n\t\t\t\t\t\t_tabIndex={_active ? 0 : -1}\n\t\t\t\t\t\t_ariaExpanded={_hasChildren ? _open : undefined}\n\t\t\t\t\t\t_ariaOwns={_hasChildren ? this.groupId : undefined}\n\t\t\t\t\t\tref={(element?: HTMLKolLinkWcElement) => (this.linkElement = element!)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"kol-tree-item__link-inner\" slot=\"expert\">\n\t\t\t\t\t\t\t{_hasChildren ? (\n\t\t\t\t\t\t\t\t// eslint-disable-next-line jsx-a11y/no-static-element-interactions,jsx-a11y/click-events-have-key-events\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tclass=\"kol-tree-item__toggle-button\"\n\t\t\t\t\t\t\t\t\tonClick={(event) => (_open ? void this.handleCollapseClick(event) : void this.handleExpandClick(event))}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<KolIconTag\n\t\t\t\t\t\t\t\t\t\tclass=\"kol-tree-item__toggle-button-icon\"\n\t\t\t\t\t\t\t\t\t\t_icons={`codicon codicon-${_open ? 'chevron-down' : 'chevron-right'}`}\n\t\t\t\t\t\t\t\t\t\t_label={'' /* Label deliberately left empty */}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<span class=\"kol-tree-item__toggle-button-placeholder\"></span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<span class=\"kol-tree-item__text\">{_label}</span>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</KolLinkWcTag>\n\t\t\t\t\t<ul class=\"kol-tree-item__children\" hidden={!_hasChildren || !_open} role=\"group\" id={this.groupId}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</ul>\n\t\t\t\t</li>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@State() public state: TreeItemStates = {\n\t\t_active: false,\n\t\t_hasChildren: false,\n\t\t_href: '',\n\t\t_label: '',\n\t\t_open: false,\n\t};\n\n\t/**\n\t * If set (to true) the tree item is the active one.\n\t */\n\t@Prop() _active?: OpenPropType;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() _label!: LabelPropType;\n\n\t/**\n\t * Opens/expands the element when truthy, closes/collapses when falsy.\n\t */\n\t@Prop() _open?: OpenPropType;\n\n\t/**\n\t * Defines the target URI of the link.\n\t */\n\t@Prop() _href!: HrefPropType;\n\n\t@Watch('_active') validateActive(value?: ActivePropType): void {\n\t\tvalidateActive(this, value || false);\n\t}\n\n\t@Watch('_label') validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value);\n\t}\n\n\t@Watch('_open') validateOpen(value?: OpenPropType): void {\n\t\tvalidateOpen(this, value);\n\t}\n\n\t@Watch('_href') validateHref(value?: HrefPropType): void {\n\t\tvalidateHref(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateActive(this._active);\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateOpen(this._open);\n\t\tthis.validateHref(this._href);\n\n\t\tthis.checkForChildren();\n\t\tthis.determineTreeItemDepth();\n\t}\n\n\tprivate determineTreeItemDepth() {\n\t\tlet level = 0;\n\t\tlet traverseItem: HTMLElement | null = (this.host.parentNode as unknown as ShadowRoot).host.parentNode as HTMLElement;\n\t\twhile (traverseItem !== null && traverseItem.tagName.toLowerCase() !== KolTreeTag && traverseItem !== document.body) {\n\t\t\ttraverseItem = traverseItem.parentElement;\n\t\t\tlevel += 1;\n\t\t}\n\t\tthis.level = level;\n\t}\n\n\tprivate handleSlotchange() {\n\t\tthis.checkForChildren();\n\t}\n\n\tprivate checkForChildren() {\n\t\tthis.state = {\n\t\t\t...this.state,\n\t\t\t_hasChildren: Boolean(this.host.querySelector('slot')?.assignedElements?.().length),\n\t\t};\n\t}\n\n\t/**\n\t * Focuses the link element.\n\t */\n\t@Method() async focus() {\n\t\treturn Promise.resolve(this.linkElement?.focus());\n\t}\n\n\t/**\n\t * @deprecated Use {@link focus} instead.\n\t */\n\t@Method()\n\tpublic async focusLink() {\n\t\treturn this.focus();\n\t}\n\n\tprivate async handleExpandClick(event: MouseEvent) {\n\t\tevent.preventDefault();\n\t\tawait this.linkElement?.focus();\n\t\tawait this.expand();\n\t}\n\n\t/**\n\t * Expands the tree item.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async expand() {\n\t\tif (this.state._hasChildren) {\n\t\t\tthis.state = {\n\t\t\t\t...this.state,\n\t\t\t\t_open: true,\n\t\t\t};\n\t\t}\n\t}\n\n\tprivate async handleCollapseClick(event: MouseEvent) {\n\t\tevent.preventDefault();\n\t\tawait this.linkElement?.focus();\n\t\tawait this.collapse();\n\t}\n\n\t/**\n\t * Collapses the tree item.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async collapse() {\n\t\tif (this.state._hasChildren) {\n\t\t\tthis.state = {\n\t\t\t\t...this.state,\n\t\t\t\t_open: false,\n\t\t\t};\n\t\t}\n\t}\n\n\t/**\n\t * Returns whether the tree item is expanded.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async isOpen() {\n\t\treturn this.state._open ?? false;\n\t}\n}\n"],"names":[],"mappings":"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"}

package/dist/kolibri/kol-tree-item-wc.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as e,h as t,H as i,g as s}from"./index-Biu4X4Y_.js";import{c as a}from"./clsx-eK3rPvPS.js";import{f as l,e as o,x as n}from"./component-names-C3fyby67.js";import{d as c}from"./common-Dd0zJQbD.js";import{v as r}from"./href-rwDd36rS.js";import{v as h}from"./label-Dnmzb2S_.js";import{v as d}from"./open-CbvHO4XG.js";import{n as _}from"./dev.utils-Dg5aYzVg.js";const f=(e,t,a)=>{c(e,"_active",t,a)},b=class{constructor(t){e(this,t),this.groupId=`tree-group-${_()}`,this.state={_active:!1,_hasChildren:!1,_href:"",_label:"",_open:!1}}render(){const{_href:e,_active:s,_hasChildren:n,_open:r,_label:c}=this.state;return t(i,{key:"442889bb000355873e79c2df59cce348ed0afb0c",onSlotchange:this.handleSlotchange.bind(this)},t("li",{key:"ab695fb7c3857e493631704e56f86b6c6211ad9f",class:"kol-tree-item",style:{"--level":`${this.level}`}},t(l,{key:"ac9855976707c3665cb09f90af3a6ecd490bb653",class:a("kol-tree-item__link",{"kol-tree-item__link--first-level":0===this.level,"kol-tree-item__link--active":s}),_href:e,_label:"",_role:"treeitem",_tabIndex:s?0:-1,_ariaExpanded:n?r:void 0,_ariaOwns:n?this.groupId:void 0,ref:e=>this.linkElement=e},t("span",{key:"9122a46258722d8df6bc5423cf8ee8b9412c763b",class:"kol-tree-item__link-inner",slot:"expert"},n?t("span",{class:"kol-tree-item__toggle-button",onClick:e=>r?void this.handleCollapseClick(e):void this.handleExpandClick(e)},t(o,{class:"kol-tree-item__toggle-button-icon",_icons:"codicon codicon-"+(r?"chevron-down":"chevron-right"),_label:""})):t("span",{class:"kol-tree-item__toggle-button-placeholder"}),t("span",{key:"b6108f314822588593d7426ad43f3bddaf42ae3c",class:"kol-tree-item__text"},c))),t("ul",{key:"2ca328f5ca9dfc25264ac1cf5a05ebf9b8a47eb8",class:"kol-tree-item__children",hidden:!n||!r,role:"group",id:this.groupId},t("slot",{key:"756437d12f6ea52ef666a5813221d84b6b29c575"}))))}validateActive(e){f(this,e||!1)}validateLabel(e){h(this,e)}validateOpen(e){d(this,e)}validateHref(e){r(this,e)}componentWillLoad(){this.validateActive(this._active),this.validateLabel(this._label),this.validateOpen(this._open),this.validateHref(this._href),this.checkForChildren(),this.determineTreeItemDepth()}determineTreeItemDepth(){let e=0,t=this.host.parentNode.host.parentNode;for(;null!==t&&t.tagName.toLowerCase()!==n&&t!==document.body;)t=t.parentElement,e+=1;this.level=e}handleSlotchange(){this.checkForChildren()}checkForChildren(){var e,t;this.state=Object.assign(Object.assign({},this.state),{_hasChildren:Boolean(null===(t=null===(e=this.host.querySelector("slot"))||void 0===e?void 0:e.assignedElements)||void 0===t?void 0:t.call(e).length)})}async focusLink(){await this.linkElement.kolFocus()}async handleExpandClick(e){e.preventDefault(),await this.linkElement.kolFocus(),await this.expand()}async expand(){this.state._hasChildren&&(this.state=Object.assign(Object.assign({},this.state),{_open:!0}))}async handleCollapseClick(e){e.preventDefault(),this.linkElement.focus(),await this.collapse()}async collapse(){this.state._hasChildren&&(this.state=Object.assign(Object.assign({},this.state),{_open:!1}))}async isOpen(){var e;return null!==(e=this.state._open)&&void 0!==e&&e}get host(){return s(this)}static get watchers(){return{_active:["validateActive"],_label:["validateLabel"],_open:["validateOpen"],_href:["validateHref"]}}};export{b as kol_tree_item_wc};
+import{r as e,h as t,H as i,g as s}from"./index-BuVNvMVh.js";import{c as a}from"./clsx-eK3rPvPS.js";import{f as l,e as o,x as n}from"./component-names-C3fyby67.js";import{d as r}from"./common-Dd0zJQbD.js";import{v as c}from"./href-rwDd36rS.js";import{v as h}from"./label-Dnmzb2S_.js";import{v as d}from"./open-CbvHO4XG.js";import{n as f}from"./dev.utils-Bl9mUZR6.js";const _=(e,t,a)=>{r(e,"_active",t,a)},v=class{constructor(t){e(this,t),this.groupId=`tree-group-${f()}`,this.state={_active:!1,_hasChildren:!1,_href:"",_label:"",_open:!1}}render(){const{_href:e,_active:s,_hasChildren:n,_open:r,_label:c}=this.state;return t(i,{key:"442889bb000355873e79c2df59cce348ed0afb0c",onSlotchange:this.handleSlotchange.bind(this)},t("li",{key:"ab695fb7c3857e493631704e56f86b6c6211ad9f",class:"kol-tree-item",style:{"--level":`${this.level}`}},t(l,{key:"ac9855976707c3665cb09f90af3a6ecd490bb653",class:a("kol-tree-item__link",{"kol-tree-item__link--first-level":0===this.level,"kol-tree-item__link--active":s}),_href:e,_label:"",_role:"treeitem",_tabIndex:s?0:-1,_ariaExpanded:n?r:void 0,_ariaOwns:n?this.groupId:void 0,ref:e=>this.linkElement=e},t("span",{key:"9122a46258722d8df6bc5423cf8ee8b9412c763b",class:"kol-tree-item__link-inner",slot:"expert"},n?t("span",{class:"kol-tree-item__toggle-button",onClick:e=>r?void this.handleCollapseClick(e):void this.handleExpandClick(e)},t(o,{class:"kol-tree-item__toggle-button-icon",_icons:"codicon codicon-"+(r?"chevron-down":"chevron-right"),_label:""})):t("span",{class:"kol-tree-item__toggle-button-placeholder"}),t("span",{key:"b6108f314822588593d7426ad43f3bddaf42ae3c",class:"kol-tree-item__text"},c))),t("ul",{key:"2ca328f5ca9dfc25264ac1cf5a05ebf9b8a47eb8",class:"kol-tree-item__children",hidden:!n||!r,role:"group",id:this.groupId},t("slot",{key:"756437d12f6ea52ef666a5813221d84b6b29c575"}))))}validateActive(e){_(this,e||!1)}validateLabel(e){h(this,e)}validateOpen(e){d(this,e)}validateHref(e){c(this,e)}componentWillLoad(){this.validateActive(this._active),this.validateLabel(this._label),this.validateOpen(this._open),this.validateHref(this._href),this.checkForChildren(),this.determineTreeItemDepth()}determineTreeItemDepth(){let e=0,t=this.host.parentNode.host.parentNode;for(;null!==t&&t.tagName.toLowerCase()!==n&&t!==document.body;)t=t.parentElement,e+=1;this.level=e}handleSlotchange(){this.checkForChildren()}checkForChildren(){var e,t;this.state=Object.assign(Object.assign({},this.state),{_hasChildren:Boolean(null===(t=null===(e=this.host.querySelector("slot"))||void 0===e?void 0:e.assignedElements)||void 0===t?void 0:t.call(e).length)})}async focus(){var e;return Promise.resolve(null===(e=this.linkElement)||void 0===e?void 0:e.focus())}async focusLink(){return this.focus()}async handleExpandClick(e){var t;e.preventDefault(),await(null===(t=this.linkElement)||void 0===t?void 0:t.focus()),await this.expand()}async expand(){this.state._hasChildren&&(this.state=Object.assign(Object.assign({},this.state),{_open:!0}))}async handleCollapseClick(e){var t;e.preventDefault(),await(null===(t=this.linkElement)||void 0===t?void 0:t.focus()),await this.collapse()}async collapse(){this.state._hasChildren&&(this.state=Object.assign(Object.assign({},this.state),{_open:!1}))}async isOpen(){var e;return null!==(e=this.state._open)&&void 0!==e&&e}get host(){return s(this)}static get watchers(){return{_active:["validateActive"],_label:["validateLabel"],_open:["validateOpen"],_href:["validateHref"]}}};export{v as kol_tree_item_wc};

package/dist/kolibri/kol-tree-item-wc.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","Host","getElement","clsx","KolLinkWcTag","KolIconTag","KolTreeTag","watchBoolean","validateHref","validateLabel","validateOpen","nonce","validateActive","component","value","options","KolTreeItemWc","constructor","hostRef","this","groupId","state","_active","_hasChildren","_href","_label","_open","render","key","onSlotchange","handleSlotchange","bind","class","style","level","_role","_tabIndex","_ariaExpanded","undefined","_ariaOwns","ref","element","linkElement","slot","onClick","event","handleCollapseClick","handleExpandClick","_icons","hidden","role","id","componentWillLoad","checkForChildren","determineTreeItemDepth","traverseItem","host","parentNode","tagName","toLowerCase","document","body","parentElement","_a","_b","Object","assign","Boolean","querySelector","assignedElements","call","length","focusLink","kolFocus","preventDefault","expand","focus","collapse","isOpen","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","Host","getElement","clsx","KolLinkWcTag","KolIconTag","KolTreeTag","watchBoolean","validateHref","validateLabel","validateOpen","nonce","validateActive","component","value","options","KolTreeItemWc","constructor","hostRef","this","groupId","state","_active","_hasChildren","_href","_label","_open","render","key","onSlotchange","handleSlotchange","bind","class","style","level","_role","_tabIndex","_ariaExpanded","undefined","_ariaOwns","ref","element","linkElement","slot","onClick","event","handleCollapseClick","handleExpandClick","_icons","hidden","role","id","componentWillLoad","checkForChildren","determineTreeItemDepth","traverseItem","host","parentNode","tagName","toLowerCase","document","body","parentElement","_a","_b","Object","assign","Boolean","querySelector","assignedElements","call","length","focus","Promise","resolve","focusLink","preventDefault","expand","collapse","isOpen","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}

package/dist/kolibri/kol-tree-item.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"kol-tree-item.entry.esm.js","sources":["src/components/tree-item/style.scss?tag=kol-tree-item&mode=default&encapsulation=shadow","src/components/tree-item/shadow.tsx"],"sourcesContent":["@use '../@shared/mixins' as *;\n@use '../../styles/global' as *;\n\n@layer kol-component {\n\t$base-horizontal-padding: to-rem(8);\n\n\t.kol-tree-item {\n\t\t--indentation: var(--tree-item-indentation, #{to-rem(10)}); // Set `--tree-item-indentation` in themes to control padding\n\t\t$root: &;\n\n\t\t&__link {\n\t\t\t.kol-link {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmin-height: var(--a11y-min-size);\n\t\t\t\tpadding-right: to-rem(6);\n\t\t\t\tpadding-left: max(calc((var(--indentation) * var(--level)) + $base-horizontal-padding), $base-horizontal-padding);\n\t\t\t\talign-items: center;\n\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\n\t\t\t&--first-level .kol-link {\n\t\t\t\tpadding-left: to-rem(6);\n\t\t\t}\n\t\t}\n\n\t\t&__link-inner {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t}\n\n\t\t&__children {\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tlist-style: none;\n\t\t}\n\n\t\t.kol-span {\n\t\t\tplace-items: unset; // unset 'center' style from global layer\n\t\t}\n\n\t\t&__toggle-button,\n\t\t&__toggle-button-placeholder {\n\t\t\tdisplay: inline-flex;\n\t\t\twidth: var(--a11y-min-size);\n\t\t\theight: var(--a11y-min-size);\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t}\n\n\t\t&__text {\n\t\t\ttext-decoration: underline;\n\t\t}\n\t}\n}\n","import { Component, h, type JSX, Method, Prop } from '@stencil/core';\n\nimport { KolTreeItemWcTag } from '../../core/component-names';\nimport type { HrefPropType, LabelPropType, OpenPropType, TreeItemProps } from '../../schema';\n\n@Component({\n\ttag: 'kol-tree-item', // keep in sync with `const TREE_ITEM_TAG_NAME`\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolTreeItem implements TreeItemProps {\n\tprivate element?: HTMLKolTreeItemWcElement;\n\n\t/**\n\t * If set (to true) the tree item is the active one.\n\t */\n\t@Prop() _active?: OpenPropType;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() _label!: LabelPropType;\n\n\t/**\n\t * Opens/expands the element when truthy, closes/collapses when falsy.\n\t */\n\t@Prop() _open?: OpenPropType;\n\n\t/**\n\t * Defines the target URI of the link.\n\t */\n\t@Prop() _href!: HrefPropType;\n\n\t/**\n\t * Focuses the link element.\n\t */\n\t@Method() async focusLink() {\n\t\tif (this.element) {\n\t\t\tawait this.element.focusLink();\n\t\t}\n\t}\n\n\t/**\n\t * Expands the tree item.\n\t */\n\t@Method() async expand() {\n\t\tif (this.element) {\n\t\t\tawait this.element.expand();\n\t\t}\n\t}\n\n\t/**\n\t * Collapses the tree item.\n\t */\n\t@Method() async collapse() {\n\t\tif (this.element) {\n\t\t\tawait this.element.collapse();\n\t\t}\n\t}\n\n\t/**\n\t * Returns whether the tree item is expanded.\n\t */\n\t@Method() async isOpen() {\n\t\treturn (await this.element?.isOpen()) ?? false;\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<KolTreeItemWcTag\n\t\t\t\t_active={this._active}\n\t\t\t\t_label={this._label}\n\t\t\t\t_open={this._open}\n\t\t\t\t_href={this._href}\n\t\t\t\tref={(element?: HTMLKolTreeItemWcElement) => (this.element = element)}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</KolTreeItemWcTag>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":";;;;;;;AAAA,MAAM,eAAe,GAAG,w3MAAw3M;;MCYn4M,WAAW,GAAA,MAAA;;;;AA0Bb,IAAA,MAAM,SAAS,GAAA;AACxB,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AACjB,YAAA,MAAM,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE;;;AAOtB,IAAA,MAAM,MAAM,GAAA;AACrB,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AACjB,YAAA,MAAM,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;;;AAOnB,IAAA,MAAM,QAAQ,GAAA;AACvB,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AACjB,YAAA,MAAM,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE;;;AAOrB,IAAA,MAAM,MAAM,GAAA;;QACrB,OAAO,CAAA,EAAA,IAAC,OAAM,MAAA,IAAI,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,MAAM,EAAE,CAAA,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,KAAK;;IAGxC,MAAM,GAAA;AACZ,QAAA,QACC,CAAC,CAAA,gBAAgB,qDAChB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,GAAG,EAAE,CAAC,OAAkC,MAAM,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,EAAA,EAErE,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACU;;;;;;;;;"}
+{"version":3,"file":"kol-tree-item.entry.esm.js","sources":["src/components/tree-item/style.scss?tag=kol-tree-item&mode=default&encapsulation=shadow","src/components/tree-item/shadow.tsx"],"sourcesContent":["@use '../@shared/mixins' as *;\n@use '../../styles/global' as *;\n\n@layer kol-component {\n\t$base-horizontal-padding: to-rem(8);\n\n\t.kol-tree-item {\n\t\t--indentation: var(--tree-item-indentation, #{to-rem(10)}); // Set `--tree-item-indentation` in themes to control padding\n\t\t$root: &;\n\n\t\t&__link {\n\t\t\t.kol-link {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmin-height: var(--a11y-min-size);\n\t\t\t\tpadding-right: to-rem(6);\n\t\t\t\tpadding-left: max(calc((var(--indentation) * var(--level)) + $base-horizontal-padding), $base-horizontal-padding);\n\t\t\t\talign-items: center;\n\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\n\t\t\t&--first-level .kol-link {\n\t\t\t\tpadding-left: to-rem(6);\n\t\t\t}\n\t\t}\n\n\t\t&__link-inner {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t}\n\n\t\t&__children {\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tlist-style: none;\n\t\t}\n\n\t\t.kol-span {\n\t\t\tplace-items: unset; // unset 'center' style from global layer\n\t\t}\n\n\t\t&__toggle-button,\n\t\t&__toggle-button-placeholder {\n\t\t\tdisplay: inline-flex;\n\t\t\twidth: var(--a11y-min-size);\n\t\t\theight: var(--a11y-min-size);\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t}\n\n\t\t&__text {\n\t\t\ttext-decoration: underline;\n\t\t}\n\t}\n}\n","import { Component, h, type JSX, Method, Prop } from '@stencil/core';\n\nimport { KolTreeItemWcTag } from '../../core/component-names';\nimport type { HrefPropType, LabelPropType, OpenPropType, TreeItemProps } from '../../schema';\n\n@Component({\n\ttag: 'kol-tree-item', // keep in sync with `const TREE_ITEM_TAG_NAME`\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolTreeItem implements TreeItemProps {\n\tprivate element?: HTMLKolTreeItemWcElement;\n\n\t/**\n\t * If set (to true) the tree item is the active one.\n\t */\n\t@Prop() _active?: OpenPropType;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() _label!: LabelPropType;\n\n\t/**\n\t * Opens/expands the element when truthy, closes/collapses when falsy.\n\t */\n\t@Prop() _open?: OpenPropType;\n\n\t/**\n\t * Defines the target URI of the link.\n\t */\n\t@Prop() _href!: HrefPropType;\n\n\t/**\n\t * Focuses the link element.\n\t */\n\t@Method() async focus() {\n\t\treturn Promise.resolve(this.element?.focus());\n\t}\n\n\t/**\n\t * @deprecated Use {@link focus} instead.\n\t */\n\t@Method()\n\tpublic async focusLink() {\n\t\treturn this.focus();\n\t}\n\n\t/**\n\t * Expands the tree item.\n\t */\n\t@Method() async expand() {\n\t\treturn Promise.resolve(this.element?.expand());\n\t}\n\n\t/**\n\t * Collapses the tree item.\n\t */\n\t@Method() async collapse() {\n\t\treturn Promise.resolve(this.element?.collapse());\n\t}\n\n\t/**\n\t * Returns whether the tree item is expanded.\n\t */\n\t@Method() async isOpen() {\n\t\treturn (await this.element?.isOpen()) ?? false;\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<KolTreeItemWcTag\n\t\t\t\t_active={this._active}\n\t\t\t\t_label={this._label}\n\t\t\t\t_open={this._open}\n\t\t\t\t_href={this._href}\n\t\t\t\tref={(element?: HTMLKolTreeItemWcElement) => (this.element = element)}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</KolTreeItemWcTag>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":";;;;;;;AAAA,MAAM,eAAe,GAAG,w3MAAw3M;;MCYn4M,WAAW,GAAA,MAAA;;;;AA0Bb,IAAA,MAAM,KAAK,GAAA;;AACpB,QAAA,OAAO,OAAO,CAAC,OAAO,CAAC,CAAA,EAAA,GAAA,IAAI,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,KAAK,EAAE,CAAC;;AAOvC,IAAA,MAAM,SAAS,GAAA;AACrB,QAAA,OAAO,IAAI,CAAC,KAAK,EAAE;;AAMV,IAAA,MAAM,MAAM,GAAA;;AACrB,QAAA,OAAO,OAAO,CAAC,OAAO,CAAC,CAAA,EAAA,GAAA,IAAI,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,MAAM,EAAE,CAAC;;AAMrC,IAAA,MAAM,QAAQ,GAAA;;AACvB,QAAA,OAAO,OAAO,CAAC,OAAO,CAAC,CAAA,EAAA,GAAA,IAAI,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,QAAQ,EAAE,CAAC;;AAMvC,IAAA,MAAM,MAAM,GAAA;;QACrB,OAAO,CAAA,EAAA,IAAC,OAAM,MAAA,IAAI,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,MAAM,EAAE,CAAA,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,KAAK;;IAGxC,MAAM,GAAA;AACZ,QAAA,QACC,CAAC,CAAA,gBAAgB,qDAChB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,GAAG,EAAE,CAAC,OAAkC,MAAM,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,EAAA,EAErE,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACU;;;;;;;;;"}

package/dist/kolibri/kol-tree-item.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e}from"./index-Biu4X4Y_.js";import{q as t}from"./component-names-C3fyby67.js";import"./common-Dd0zJQbD.js";const i="/* forward the rem function */\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  .kol-tree-item {\n    --indentation: var(--tree-item-indentation, calc(10 * 1rem / var(--kolibri-root-font-size, 16)));\n  }\n  .kol-tree-item__link .kol-link {\n    display: inline-flex;\n    min-height: var(--a11y-min-size);\n    padding-right: calc(6 * 1rem / var(--kolibri-root-font-size, 16));\n    padding-left: max(var(--indentation) * var(--level) + 8 * 1rem / var(--kolibri-root-font-size, 16), 8 * 1rem / var(--kolibri-root-font-size, 16));\n    align-items: center;\n    text-decoration: none;\n  }\n  .kol-tree-item__link--first-level .kol-link {\n    padding-left: calc(6 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tree-item__link-inner {\n    display: flex;\n    align-items: center;\n  }\n  .kol-tree-item__children {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n  .kol-tree-item .kol-span {\n    place-items: unset;\n  }\n  .kol-tree-item__toggle-button, .kol-tree-item__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  .kol-tree-item__text {\n    text-decoration: underline;\n  }\n}",o=class{constructor(e){n(this,e)}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 null!==(e=await(null===(n=this.element)||void 0===n?void 0:n.isOpen()))&&void 0!==e&&e}render(){return e(t,{key:"87d60840b65ed567e5e6075f362e33933563c5c9",_active:this._active,_label:this._label,_open:this._open,_href:this._href,ref:n=>this.element=n},e("slot",{key:"b0b1d7110cc70ee74fe026e0bedd2620fc423c1d"}))}};o.style={default:i};export{o as kol_tree_item};
+import{r as n,h as e}from"./index-BuVNvMVh.js";import{q as t}from"./component-names-C3fyby67.js";import"./common-Dd0zJQbD.js";const i="/* forward the rem function */\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  .kol-tree-item {\n    --indentation: var(--tree-item-indentation, calc(10 * 1rem / var(--kolibri-root-font-size, 16)));\n  }\n  .kol-tree-item__link .kol-link {\n    display: inline-flex;\n    min-height: var(--a11y-min-size);\n    padding-right: calc(6 * 1rem / var(--kolibri-root-font-size, 16));\n    padding-left: max(var(--indentation) * var(--level) + 8 * 1rem / var(--kolibri-root-font-size, 16), 8 * 1rem / var(--kolibri-root-font-size, 16));\n    align-items: center;\n    text-decoration: none;\n  }\n  .kol-tree-item__link--first-level .kol-link {\n    padding-left: calc(6 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tree-item__link-inner {\n    display: flex;\n    align-items: center;\n  }\n  .kol-tree-item__children {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n  .kol-tree-item .kol-span {\n    place-items: unset;\n  }\n  .kol-tree-item__toggle-button, .kol-tree-item__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  .kol-tree-item__text {\n    text-decoration: underline;\n  }\n}",o=class{constructor(e){n(this,e)}async focus(){var n;return Promise.resolve(null===(n=this.element)||void 0===n?void 0:n.focus())}async focusLink(){return this.focus()}async expand(){var n;return Promise.resolve(null===(n=this.element)||void 0===n?void 0:n.expand())}async collapse(){var n;return Promise.resolve(null===(n=this.element)||void 0===n?void 0:n.collapse())}async isOpen(){var n,e;return null!==(e=await(null===(n=this.element)||void 0===n?void 0:n.isOpen()))&&void 0!==e&&e}render(){return e(t,{key:"10423bea3abc1e93d76d9cc740af25991e1944cf",_active:this._active,_label:this._label,_open:this._open,_href:this._href,ref:n=>this.element=n},e("slot",{key:"efc07e646a66d0034caab0ff546529a70098c836"}))}};o.style={default:i};export{o as kol_tree_item};

package/dist/kolibri/kol-tree-item.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","KolTreeItemWcTag","defaultStyleCss","KolTreeItem","constructor","hostRef","this","focusLink","element","expand","collapse","isOpen","_a","_b","render","key","_active","_label","_open","_href","ref","style","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,MAAS,kCAC3BC,MAAwB,sCAC/B,uBAEP,MAAMC,EAAkB,y3MAExB,MAAMC,EAAc,MAChB,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,EAC3B,CACA,eAAME,GACF,GAAID,KAAKE,QAAS,OACRF,KAAKE,QAAQD,WACvB,CACJ,CACA,YAAME,GACF,GAAIH,KAAKE,QAAS,OACRF,KAAKE,QAAQC,QACvB,CACJ,CACA,cAAMC,GACF,GAAIJ,KAAKE,QAAS,OACRF,KAAKE,QAAQE,UACvB,CACJ,CACA,YAAMC,GACF,IAAIC,EAAIC,EACR,OAAQA,SAAcD,EAAKN,KAAKE,WAAa,MAAQI,SAAY,OAAS,EAAIA,EAAGD,aAAgB,MAAQE,SAAY,EAAIA,EAAK,KAClI,CACA,MAAAC,GACI,OAAQd,EAAEC,EAAkB,CAAEc,IAAK,2CAA4CC,QAASV,KAAKU,QAASC,OAAQX,KAAKW,OAAQC,MAAOZ,KAAKY,MAAOC,MAAOb,KAAKa,MAAOC,IAAMZ,GAAaF,KAAKE,QAAUA,GAAYR,EAAE,OAAQ,CAAEe,IAAK,6CACpO,GAEJZ,EAAYkB,MAAQ,CAChBC,QAASpB,UAGJC","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","KolTreeItemWcTag","defaultStyleCss","KolTreeItem","constructor","hostRef","this","focus","_a","Promise","resolve","element","focusLink","expand","collapse","isOpen","_b","render","key","_active","_label","_open","_href","ref","style","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,MAAS,kCAC3BC,MAAwB,sCAC/B,uBAEP,MAAMC,EAAkB,y3MAExB,MAAMC,EAAc,MAChB,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,EAC3B,CACA,WAAME,GACF,IAAIC,EACJ,OAAOC,QAAQC,SAASF,EAAKF,KAAKK,WAAa,MAAQH,SAAY,OAAS,EAAIA,EAAGD,QACvF,CACA,eAAMK,GACF,OAAON,KAAKC,OAChB,CACA,YAAMM,GACF,IAAIL,EACJ,OAAOC,QAAQC,SAASF,EAAKF,KAAKK,WAAa,MAAQH,SAAY,OAAS,EAAIA,EAAGK,SACvF,CACA,cAAMC,GACF,IAAIN,EACJ,OAAOC,QAAQC,SAASF,EAAKF,KAAKK,WAAa,MAAQH,SAAY,OAAS,EAAIA,EAAGM,WACvF,CACA,YAAMC,GACF,IAAIP,EAAIQ,EACR,OAAQA,SAAcR,EAAKF,KAAKK,WAAa,MAAQH,SAAY,OAAS,EAAIA,EAAGO,aAAgB,MAAQC,SAAY,EAAIA,EAAK,KAClI,CACA,MAAAC,GACI,OAAQjB,EAAEC,EAAkB,CAAEiB,IAAK,2CAA4CC,QAASb,KAAKa,QAASC,OAAQd,KAAKc,OAAQC,MAAOf,KAAKe,MAAOC,MAAOhB,KAAKgB,MAAOC,IAAMZ,GAAaL,KAAKK,QAAUA,GAAYX,EAAE,OAAQ,CAAEkB,IAAK,6CACpO,GAEJf,EAAYqB,MAAQ,CAChBC,QAASvB,UAGJC","ignoreList":[]}

package/dist/kolibri/kol-tree-wc.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"kol-tree-wc.entry.esm.js","sources":["src/components/tree/component.tsx"],"sourcesContent":["import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Host, Listen, Prop, State, Watch } from '@stencil/core';\n\nimport { KolTreeItemTag, KolTreeTag } from '../../core/component-names';\nimport type { LabelPropType, TreeAPI, TreeStates } from '../../schema';\nimport { validateLabel } from '../../schema';\n\n/**\n * @internal\n */\n@Component({\n\ttag: 'kol-tree-wc',\n\tshadow: false,\n})\nexport class KolTreeWc implements TreeAPI {\n\t@Element() host!: HTMLElement;\n\n\t@State() public state: TreeStates = {\n\t\t_label: '',\n\t};\n\tprivate observer?: MutationObserver;\n\tprivate treeItemElements?: HTMLKolTreeItemElement[];\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() _label!: LabelPropType;\n\n\t@Watch('_label') validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value);\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host onSlotchange={this.handleSlotchange.bind(this)}>\n\t\t\t\t<nav class=\"kol-tree\" aria-label={this.state._label}>\n\t\t\t\t\t<ul class=\"kol-tree__treeview-navigation\" role=\"tree\" aria-label={this.state._label}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</ul>\n\t\t\t\t</nav>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate static isTreeItem(this: void, element?: HTMLElement | null): element is HTMLKolTreeItemElement {\n\t\treturn element?.tagName === KolTreeItemTag.toUpperCase();\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateLabel(this._label);\n\n\t\tthis.handleTreeChange();\n\t\tthis.observeChildListMutations();\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tthis.observer?.disconnect();\n\t}\n\n\tprivate observeChildListMutations() {\n\t\tthis.observer = new MutationObserver(this.handleTreeChange.bind(this));\n\t\tthis.observeTopLevelItems();\n\t}\n\n\tprivate handleSlotchange() {\n\t\tthis.observeTopLevelItems();\n\t\tthis.handleTreeChange();\n\t}\n\n\tprivate observeTopLevelItems() {\n\t\tthis.getTopLevelTreeItems()?.forEach((treeItem) => {\n\t\t\tthis.observer?.observe(treeItem, { childList: true, subtree: true });\n\t\t});\n\t}\n\n\tprivate getTopLevelTreeItems(): HTMLKolTreeItemElement[] {\n\t\treturn (this.host.querySelector('slot')?.assignedNodes?.() as HTMLElement[])?.filter(KolTreeWc.isTreeItem);\n\t}\n\n\tprivate handleTreeChange(): void {\n\t\tthis.treeItemElements = this.getTreeItemElements();\n\t\tvoid this.ensureActiveItemVisibility();\n\t}\n\n\t/**\n\t * Returns array of all TreeItem elements in the order they appear\n\t */\n\tprivate getTreeItemElements(): HTMLKolTreeItemElement[] {\n\t\treturn this.getTopLevelTreeItems()?.reduce((accumulator: HTMLKolTreeItemElement[], currentValue: HTMLKolTreeItemElement) => {\n\t\t\tconst children = currentValue.querySelectorAll(KolTreeItemTag);\n\n\t\t\treturn [...accumulator, currentValue, ...children];\n\t\t}, []);\n\t}\n\n\tprivate async getOpenTreeItemElements(): Promise<HTMLKolTreeItemElement[] | undefined> {\n\t\tif (!this.treeItemElements) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst areElementAndAllParentsOpen = async (element: HTMLKolTreeItemElement): Promise<boolean> => {\n\t\t\tif (!KolTreeWc.isTreeItem(element.parentElement)) {\n\t\t\t\t// parent is tree itself, top level is always open\n\t\t\t\treturn true;\n\t\t\t} else {\n\t\t\t\treturn (await element.parentElement.isOpen()) && (await areElementAndAllParentsOpen(element.parentElement));\n\t\t\t}\n\t\t};\n\n\t\tconst elementsWithInclude = await Promise.all(\n\t\t\tthis.treeItemElements.map(async (element) => ({\n\t\t\t\tvalue: element,\n\t\t\t\tinclude: await areElementAndAllParentsOpen(element),\n\t\t\t})),\n\t\t);\n\n\t\treturn elementsWithInclude.filter((element) => element.include).map((element) => element.value);\n\t}\n\n\t@Listen('keydown')\n\tpublic async handleKeyDown(event: KeyboardEvent) {\n\t\tconst openItems = await this.getOpenTreeItemElements();\n\t\tconst currentTreeItem: HTMLKolTreeItemElement | undefined | null = document.activeElement?.closest(KolTreeItemTag);\n\t\tconst hasModifierKeyPressed = event.metaKey || event.altKey || event.ctrlKey || event.shiftKey;\n\n\t\tif (!openItems || !currentTreeItem) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst currentIndex = openItems?.findIndex((elem) => elem === currentTreeItem);\n\n\t\tswitch (event.key) {\n\t\t\tcase 'ArrowDown': {\n\t\t\t\tawait openItems[currentIndex + 1]?.focusLink();\n\t\t\t\tevent.preventDefault();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'ArrowUp': {\n\t\t\t\tawait openItems[currentIndex - 1]?.focusLink();\n\t\t\t\tevent.preventDefault();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'Right':\n\t\t\tcase 'ArrowRight': {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tif (await currentTreeItem.isOpen()) {\n\t\t\t\t\tawait openItems[currentIndex + 1]?.focusLink();\n\t\t\t\t} else {\n\t\t\t\t\tawait currentTreeItem.expand();\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'Left':\n\t\t\tcase 'ArrowLeft': {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tif (await currentTreeItem.isOpen()) {\n\t\t\t\t\tawait currentTreeItem.collapse();\n\t\t\t\t} else {\n\t\t\t\t\tconst parentIndex = openItems.findIndex((item) => item === currentTreeItem.parentElement);\n\t\t\t\t\tparentIndex !== -1 && (await openItems[parentIndex]?.focusLink());\n\t\t\t\t}\n\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'Home': {\n\t\t\t\tawait openItems[0]?.focusLink();\n\t\t\t\tevent.preventDefault();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'End': {\n\t\t\t\tawait openItems[openItems.length - 1]?.focusLink();\n\t\t\t\tevent.preventDefault();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase event.key.match(/^[a-zA-Z0-9]$/)?.input: {\n\t\t\t\t/* Ignore events with any modifier key to avoid breaking native browser or OS shortcuts such as ⌘+L */\n\t\t\t\tif (!hasModifierKeyPressed) {\n\t\t\t\t\tconst char = event.key.toLowerCase();\n\t\t\t\t\tconst startIndex = openItems.indexOf(currentTreeItem) + 1;\n\t\t\t\t\tconst wrapAroundItems = openItems.concat(openItems);\n\t\t\t\t\tconst matchIndex = wrapAroundItems\n\t\t\t\t\t\t.slice(startIndex, startIndex + openItems.length)\n\t\t\t\t\t\t.findIndex((item) => item.getAttribute('_label')?.trim().toLowerCase().startsWith(char));\n\n\t\t\t\t\tif (matchIndex !== -1) {\n\t\t\t\t\t\tawait wrapAroundItems[startIndex + matchIndex].focusLink();\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase '*': {\n\t\t\t\tconst siblings = currentTreeItem.parentElement?.querySelectorAll(KolTreeItemTag);\n\t\t\t\tsiblings?.forEach((element) => {\n\t\t\t\t\tvoid element.expand();\n\t\t\t\t});\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\t@Listen('focusout')\n\tpublic async handleFocusOut(event: FocusEvent) {\n\t\tif (event.relatedTarget && !(event.relatedTarget as Element).closest(KolTreeTag)) {\n\t\t\t/* Tree lost focus */\n\t\t\tawait this.ensureActiveItemVisibility();\n\t\t}\n\t}\n\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tprivate async ensureActiveItemVisibility() {\n\t\tconst findActiveItem = (): HTMLKolTreeItemElement | undefined => {\n\t\t\tconst rootNodes = (this.host.querySelector('slot')?.assignedNodes?.() as HTMLElement[])?.filter(KolTreeWc.isTreeItem) ?? [];\n\t\t\tfor (const rootNode of rootNodes) {\n\t\t\t\tif (rootNode._active) {\n\t\t\t\t\treturn rootNode;\n\t\t\t\t}\n\t\t\t\tconst childMatch = rootNode.querySelector(`${KolTreeItemTag}[_active=\"true\"]`);\n\t\t\t\tif (childMatch && (childMatch as HTMLKolTreeItemElement)._active) {\n\t\t\t\t\treturn childMatch as HTMLKolTreeItemElement;\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\tconst expandParentElements = (element: HTMLKolTreeItemElement) => {\n\t\t\tif (KolTreeWc.isTreeItem(element.parentElement)) {\n\t\t\t\tvoid element.parentElement.expand();\n\t\t\t\texpandParentElements(element.parentElement);\n\t\t\t}\n\t\t};\n\n\t\tconst target = findActiveItem();\n\t\tif (target) {\n\t\t\texpandParentElements(target);\n\t\t}\n\t}\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"kol-tree-wc.entry.esm.js","sources":["src/components/tree/component.tsx"],"sourcesContent":["import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Host, Listen, Prop, State, Watch } from '@stencil/core';\n\nimport { KolTreeItemTag, KolTreeTag } from '../../core/component-names';\nimport type { LabelPropType, TreeAPI, TreeStates } from '../../schema';\nimport { validateLabel } from '../../schema';\n\n/**\n * @internal\n */\n@Component({\n\ttag: 'kol-tree-wc',\n\tshadow: false,\n})\nexport class KolTreeWc implements TreeAPI {\n\t@Element() host!: HTMLElement;\n\n\t@State() public state: TreeStates = {\n\t\t_label: '',\n\t};\n\tprivate observer?: MutationObserver;\n\tprivate treeItemElements?: HTMLKolTreeItemElement[];\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() _label!: LabelPropType;\n\n\t@Watch('_label') validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value);\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host onSlotchange={this.handleSlotchange.bind(this)}>\n\t\t\t\t<nav class=\"kol-tree\" aria-label={this.state._label}>\n\t\t\t\t\t<ul class=\"kol-tree__treeview-navigation\" role=\"tree\" aria-label={this.state._label}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</ul>\n\t\t\t\t</nav>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate static isTreeItem(this: void, element?: HTMLElement | null): element is HTMLKolTreeItemElement {\n\t\treturn element?.tagName === KolTreeItemTag.toUpperCase();\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateLabel(this._label);\n\n\t\tthis.handleTreeChange();\n\t\tthis.observeChildListMutations();\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tthis.observer?.disconnect();\n\t}\n\n\tprivate observeChildListMutations() {\n\t\tthis.observer = new MutationObserver(this.handleTreeChange.bind(this));\n\t\tthis.observeTopLevelItems();\n\t}\n\n\tprivate handleSlotchange() {\n\t\tthis.observeTopLevelItems();\n\t\tthis.handleTreeChange();\n\t}\n\n\tprivate observeTopLevelItems() {\n\t\tthis.getTopLevelTreeItems()?.forEach((treeItem) => {\n\t\t\tthis.observer?.observe(treeItem, { childList: true, subtree: true });\n\t\t});\n\t}\n\n\tprivate getTopLevelTreeItems(): HTMLKolTreeItemElement[] {\n\t\treturn (this.host.querySelector('slot')?.assignedNodes?.() as HTMLElement[])?.filter(KolTreeWc.isTreeItem);\n\t}\n\n\tprivate handleTreeChange(): void {\n\t\tthis.treeItemElements = this.getTreeItemElements();\n\t\tvoid this.ensureActiveItemVisibility();\n\t}\n\n\t/**\n\t * Returns array of all TreeItem elements in the order they appear\n\t */\n\tprivate getTreeItemElements(): HTMLKolTreeItemElement[] {\n\t\treturn this.getTopLevelTreeItems()?.reduce((accumulator: HTMLKolTreeItemElement[], currentValue: HTMLKolTreeItemElement) => {\n\t\t\tconst children = currentValue.querySelectorAll(KolTreeItemTag);\n\n\t\t\treturn [...accumulator, currentValue, ...children];\n\t\t}, []);\n\t}\n\n\tprivate async getOpenTreeItemElements(): Promise<HTMLKolTreeItemElement[] | undefined> {\n\t\tif (!this.treeItemElements) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst areElementAndAllParentsOpen = async (element: HTMLKolTreeItemElement): Promise<boolean> => {\n\t\t\tif (!KolTreeWc.isTreeItem(element.parentElement)) {\n\t\t\t\t// parent is tree itself, top level is always open\n\t\t\t\treturn true;\n\t\t\t} else {\n\t\t\t\treturn (await element.parentElement.isOpen()) && (await areElementAndAllParentsOpen(element.parentElement));\n\t\t\t}\n\t\t};\n\n\t\tconst elementsWithInclude = await Promise.all(\n\t\t\tthis.treeItemElements.map(async (element) => ({\n\t\t\t\tvalue: element,\n\t\t\t\tinclude: await areElementAndAllParentsOpen(element),\n\t\t\t})),\n\t\t);\n\n\t\treturn elementsWithInclude.filter((element) => element.include).map((element) => element.value);\n\t}\n\n\t@Listen('keydown')\n\tpublic async handleKeyDown(event: KeyboardEvent) {\n\t\tconst openItems = await this.getOpenTreeItemElements();\n\t\tconst currentTreeItem: HTMLKolTreeItemElement | undefined | null = document.activeElement?.closest(KolTreeItemTag);\n\t\tconst hasModifierKeyPressed = event.metaKey || event.altKey || event.ctrlKey || event.shiftKey;\n\n\t\tif (!openItems || !currentTreeItem) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst currentIndex = openItems?.findIndex((elem) => elem === currentTreeItem);\n\n\t\tswitch (event.key) {\n\t\t\tcase 'ArrowDown': {\n\t\t\t\tawait openItems[currentIndex + 1]?.focus();\n\t\t\t\tevent.preventDefault();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'ArrowUp': {\n\t\t\t\tawait openItems[currentIndex - 1]?.focus();\n\t\t\t\tevent.preventDefault();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'Right':\n\t\t\tcase 'ArrowRight': {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tif (await currentTreeItem.isOpen()) {\n\t\t\t\t\tawait openItems[currentIndex + 1]?.focus();\n\t\t\t\t} else {\n\t\t\t\t\tawait currentTreeItem.expand();\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'Left':\n\t\t\tcase 'ArrowLeft': {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tif (await currentTreeItem.isOpen()) {\n\t\t\t\t\tawait currentTreeItem.collapse();\n\t\t\t\t} else {\n\t\t\t\t\tconst parentIndex = openItems.findIndex((item) => item === currentTreeItem.parentElement);\n\t\t\t\t\tparentIndex !== -1 && (await openItems[parentIndex]?.focus());\n\t\t\t\t}\n\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'Home': {\n\t\t\t\tawait openItems[0]?.focus();\n\t\t\t\tevent.preventDefault();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'End': {\n\t\t\t\tawait openItems[openItems.length - 1]?.focus();\n\t\t\t\tevent.preventDefault();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase event.key.match(/^[a-zA-Z0-9]$/)?.input: {\n\t\t\t\t/* Ignore events with any modifier key to avoid breaking native browser or OS shortcuts such as ⌘+L */\n\t\t\t\tif (!hasModifierKeyPressed) {\n\t\t\t\t\tconst char = event.key.toLowerCase();\n\t\t\t\t\tconst startIndex = openItems.indexOf(currentTreeItem) + 1;\n\t\t\t\t\tconst wrapAroundItems = openItems.concat(openItems);\n\t\t\t\t\tconst matchIndex = wrapAroundItems\n\t\t\t\t\t\t.slice(startIndex, startIndex + openItems.length)\n\t\t\t\t\t\t.findIndex((item) => item.getAttribute('_label')?.trim().toLowerCase().startsWith(char));\n\n\t\t\t\t\tif (matchIndex !== -1) {\n\t\t\t\t\t\tawait wrapAroundItems[startIndex + matchIndex]?.focus();\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase '*': {\n\t\t\t\tconst siblings = currentTreeItem.parentElement?.querySelectorAll(KolTreeItemTag);\n\t\t\t\tsiblings?.forEach((element) => {\n\t\t\t\t\tvoid element.expand();\n\t\t\t\t});\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\t@Listen('focusout')\n\tpublic async handleFocusOut(event: FocusEvent) {\n\t\tif (event.relatedTarget && !(event.relatedTarget as Element).closest(KolTreeTag)) {\n\t\t\t/* Tree lost focus */\n\t\t\tawait this.ensureActiveItemVisibility();\n\t\t}\n\t}\n\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tprivate async ensureActiveItemVisibility() {\n\t\tconst findActiveItem = (): HTMLKolTreeItemElement | undefined => {\n\t\t\tconst rootNodes = (this.host.querySelector('slot')?.assignedNodes?.() as HTMLElement[])?.filter(KolTreeWc.isTreeItem) ?? [];\n\t\t\tfor (const rootNode of rootNodes) {\n\t\t\t\tif (rootNode._active) {\n\t\t\t\t\treturn rootNode;\n\t\t\t\t}\n\t\t\t\tconst childMatch = rootNode.querySelector(`${KolTreeItemTag}[_active=\"true\"]`);\n\t\t\t\tif (childMatch && (childMatch as HTMLKolTreeItemElement)._active) {\n\t\t\t\t\treturn childMatch as HTMLKolTreeItemElement;\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\tconst expandParentElements = (element: HTMLKolTreeItemElement) => {\n\t\t\tif (KolTreeWc.isTreeItem(element.parentElement)) {\n\t\t\t\tvoid element.parentElement.expand();\n\t\t\t\texpandParentElements(element.parentElement);\n\t\t\t}\n\t\t};\n\n\t\tconst target = findActiveItem();\n\t\tif (target) {\n\t\t\texpandParentElements(target);\n\t\t}\n\t}\n}\n"],"names":[],"mappings":"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"}

package/dist/kolibri/kol-tree-wc.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as e,h as t,H as i,g as a}from"./index-Biu4X4Y_.js";import{y as o,x as s}from"./component-names-C3fyby67.js";import"./common-Dd0zJQbD.js";import{v as n}from"./label-Dnmzb2S_.js";const l=class{constructor(t){e(this,t),this.state={_label:""}}validateLabel(e){n(this,e)}render(){return t(i,{key:"c491bc228b1db3a9707ee892a6c307ce675bde4e",onSlotchange:this.handleSlotchange.bind(this)},t("nav",{key:"50bbc945f1302a0ddd8376076e61823a0b123aa3",class:"kol-tree","aria-label":this.state._label},t("ul",{key:"3d915f2ef9fe71b126b2778cc093e91a7907f010",class:"kol-tree__treeview-navigation",role:"tree","aria-label":this.state._label},t("slot",{key:"a97a01e4eb25a47c667531d99db716d47e404779"}))))}static isTreeItem(e){return(null==e?void 0:e.tagName)===o.toUpperCase()}componentWillLoad(){this.validateLabel(this._label),this.handleTreeChange(),this.observeChildListMutations()}disconnectedCallback(){var e;null===(e=this.observer)||void 0===e||e.disconnect()}observeChildListMutations(){this.observer=new MutationObserver(this.handleTreeChange.bind(this)),this.observeTopLevelItems()}handleSlotchange(){this.observeTopLevelItems(),this.handleTreeChange()}observeTopLevelItems(){var e;null===(e=this.getTopLevelTreeItems())||void 0===e||e.forEach(e=>{var t;null===(t=this.observer)||void 0===t||t.observe(e,{childList:!0,subtree:!0})})}getTopLevelTreeItems(){var e,t,a;return null===(a=null===(t=null===(e=this.host.querySelector("slot"))||void 0===e?void 0:e.assignedNodes)||void 0===t?void 0:t.call(e))||void 0===a?void 0:a.filter(l.isTreeItem)}handleTreeChange(){this.treeItemElements=this.getTreeItemElements(),this.ensureActiveItemVisibility()}getTreeItemElements(){var e;return null===(e=this.getTopLevelTreeItems())||void 0===e?void 0:e.reduce((e,t)=>{const a=t.querySelectorAll(o);return[...e,t,...a]},[])}async getOpenTreeItemElements(){if(!this.treeItemElements)return;const e=async t=>!l.isTreeItem(t.parentElement)||await t.parentElement.isOpen()&&await e(t.parentElement);return(await Promise.all(this.treeItemElements.map(async t=>({value:t,include:await e(t)})))).filter(e=>e.include).map(e=>e.value)}async handleKeyDown(e){var t,a,i,l,s,n,r,c,d;const v=await this.getOpenTreeItemElements(),u=null===(t=document.activeElement)||void 0===t?void 0:t.closest(o),h=e.metaKey||e.altKey||e.ctrlKey||e.shiftKey;if(!v||!u)return;const m=null==v?void 0:v.findIndex(e=>e===u);switch(e.key){case"ArrowDown":await(null===(a=v[m+1])||void 0===a?void 0:a.focusLink()),e.preventDefault();break;case"ArrowUp":await(null===(i=v[m-1])||void 0===i?void 0:i.focusLink()),e.preventDefault();break;case"Right":case"ArrowRight":e.preventDefault(),await u.isOpen()?await(null===(l=v[m+1])||void 0===l?void 0:l.focusLink()):await u.expand();break;case"Left":case"ArrowLeft":if(e.preventDefault(),await u.isOpen())await u.collapse();else{const e=v.findIndex(e=>e===u.parentElement);-1!==e&&await(null===(s=v[e])||void 0===s?void 0:s.focusLink())}break;case"Home":await(null===(n=v[0])||void 0===n?void 0:n.focusLink()),e.preventDefault();break;case"End":await(null===(r=v[v.length-1])||void 0===r?void 0:r.focusLink()),e.preventDefault();break;case null===(c=e.key.match(/^[a-zA-Z0-9]$/))||void 0===c?void 0:c.input:if(!h){const t=e.key.toLowerCase(),a=v.indexOf(u)+1,i=v.concat(v),l=i.slice(a,a+v.length).findIndex(e=>{var a;return null===(a=e.getAttribute("_label"))||void 0===a?void 0:a.trim().toLowerCase().startsWith(t)});-1!==l&&(await i[a+l].focusLink(),e.preventDefault())}break;case"*":{const e=null===(d=u.parentElement)||void 0===d?void 0:d.querySelectorAll(o);null==e||e.forEach(e=>{e.expand()});break}}}async handleFocusOut(e){e.relatedTarget&&!e.relatedTarget.closest(s)&&await this.ensureActiveItemVisibility()}async ensureActiveItemVisibility(){const e=t=>{l.isTreeItem(t.parentElement)&&(t.parentElement.expand(),e(t.parentElement))},t=(()=>{var e,t,a,i;const s=null!==(i=null===(a=null===(t=null===(e=this.host.querySelector("slot"))||void 0===e?void 0:e.assignedNodes)||void 0===t?void 0:t.call(e))||void 0===a?void 0:a.filter(l.isTreeItem))&&void 0!==i?i:[];for(const e of s){if(e._active)return e;const t=e.querySelector(`${o}[_active="true"]`);if(t&&t._active)return t}})();t&&e(t)}get host(){return a(this)}static get watchers(){return{_label:["validateLabel"]}}};export{l as kol_tree_wc};
+import{r as e,h as i,H as t,g as a}from"./index-BuVNvMVh.js";import{y as o,x as s}from"./component-names-C3fyby67.js";import"./common-Dd0zJQbD.js";import{v as n}from"./label-Dnmzb2S_.js";const l=class{constructor(t){e(this,t),this.state={_label:""}}validateLabel(e){n(this,e)}render(){return i(t,{key:"c491bc228b1db3a9707ee892a6c307ce675bde4e",onSlotchange:this.handleSlotchange.bind(this)},i("nav",{key:"50bbc945f1302a0ddd8376076e61823a0b123aa3",class:"kol-tree","aria-label":this.state._label},i("ul",{key:"3d915f2ef9fe71b126b2778cc093e91a7907f010",class:"kol-tree__treeview-navigation",role:"tree","aria-label":this.state._label},i("slot",{key:"a97a01e4eb25a47c667531d99db716d47e404779"}))))}static isTreeItem(e){return(null==e?void 0:e.tagName)===o.toUpperCase()}componentWillLoad(){this.validateLabel(this._label),this.handleTreeChange(),this.observeChildListMutations()}disconnectedCallback(){var e;null===(e=this.observer)||void 0===e||e.disconnect()}observeChildListMutations(){this.observer=new MutationObserver(this.handleTreeChange.bind(this)),this.observeTopLevelItems()}handleSlotchange(){this.observeTopLevelItems(),this.handleTreeChange()}observeTopLevelItems(){var e;null===(e=this.getTopLevelTreeItems())||void 0===e||e.forEach(e=>{var t;null===(t=this.observer)||void 0===t||t.observe(e,{childList:!0,subtree:!0})})}getTopLevelTreeItems(){var e,t,a;return null===(a=null===(t=null===(e=this.host.querySelector("slot"))||void 0===e?void 0:e.assignedNodes)||void 0===t?void 0:t.call(e))||void 0===a?void 0:a.filter(l.isTreeItem)}handleTreeChange(){this.treeItemElements=this.getTreeItemElements(),this.ensureActiveItemVisibility()}getTreeItemElements(){var e;return null===(e=this.getTopLevelTreeItems())||void 0===e?void 0:e.reduce((e,t)=>{const a=t.querySelectorAll(o);return[...e,t,...a]},[])}async getOpenTreeItemElements(){if(!this.treeItemElements)return;const e=async t=>!l.isTreeItem(t.parentElement)||await t.parentElement.isOpen()&&await e(t.parentElement);return(await Promise.all(this.treeItemElements.map(async t=>({value:t,include:await e(t)})))).filter(e=>e.include).map(e=>e.value)}async handleKeyDown(e){var t,a,i,l,s,n,r,d,c,v;const u=await this.getOpenTreeItemElements(),h=null===(t=document.activeElement)||void 0===t?void 0:t.closest(o),m=e.metaKey||e.altKey||e.ctrlKey||e.shiftKey;if(!u||!h)return;const b=null==u?void 0:u.findIndex(e=>e===h);switch(e.key){case"ArrowDown":await(null===(a=u[b+1])||void 0===a?void 0:a.focus()),e.preventDefault();break;case"ArrowUp":await(null===(i=u[b-1])||void 0===i?void 0:i.focus()),e.preventDefault();break;case"Right":case"ArrowRight":e.preventDefault(),await h.isOpen()?await(null===(l=u[b+1])||void 0===l?void 0:l.focus()):await h.expand();break;case"Left":case"ArrowLeft":if(e.preventDefault(),await h.isOpen())await h.collapse();else{const e=u.findIndex(e=>e===h.parentElement);-1!==e&&await(null===(s=u[e])||void 0===s?void 0:s.focus())}break;case"Home":await(null===(n=u[0])||void 0===n?void 0:n.focus()),e.preventDefault();break;case"End":await(null===(r=u[u.length-1])||void 0===r?void 0:r.focus()),e.preventDefault();break;case null===(d=e.key.match(/^[a-zA-Z0-9]$/))||void 0===d?void 0:d.input:if(!m){const t=e.key.toLowerCase(),a=u.indexOf(h)+1,i=u.concat(u),l=i.slice(a,a+u.length).findIndex(e=>{var a;return null===(a=e.getAttribute("_label"))||void 0===a?void 0:a.trim().toLowerCase().startsWith(t)});-1!==l&&(await(null===(c=i[a+l])||void 0===c?void 0:c.focus()),e.preventDefault())}break;case"*":{const e=null===(v=h.parentElement)||void 0===v?void 0:v.querySelectorAll(o);null==e||e.forEach(e=>{e.expand()});break}}}async handleFocusOut(e){e.relatedTarget&&!e.relatedTarget.closest(s)&&await this.ensureActiveItemVisibility()}async ensureActiveItemVisibility(){const e=t=>{l.isTreeItem(t.parentElement)&&(t.parentElement.expand(),e(t.parentElement))},t=(()=>{var e,t,a,i;const s=null!==(i=null===(a=null===(t=null===(e=this.host.querySelector("slot"))||void 0===e?void 0:e.assignedNodes)||void 0===t?void 0:t.call(e))||void 0===a?void 0:a.filter(l.isTreeItem))&&void 0!==i?i:[];for(const e of s){if(e._active)return e;const t=e.querySelector(`${o}[_active="true"]`);if(t&&t._active)return t}})();t&&e(t)}get host(){return a(this)}static get watchers(){return{_label:["validateLabel"]}}};export{l as kol_tree_wc};

package/dist/kolibri/kol-tree-wc.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","Host","getElement","KolTreeItemTag","KolTreeTag","validateLabel","KolTreeWc","constructor","hostRef","this","state","_label","value","render","key","onSlotchange","handleSlotchange","bind","class","role","isTreeItem","element","tagName","toUpperCase","componentWillLoad","handleTreeChange","observeChildListMutations","disconnectedCallback","_a","observer","disconnect","MutationObserver","observeTopLevelItems","getTopLevelTreeItems","forEach","treeItem","observe","childList","subtree","_b","_c","host","querySelector","assignedNodes","call","filter","treeItemElements","getTreeItemElements","ensureActiveItemVisibility","reduce","accumulator","currentValue","children","querySelectorAll","getOpenTreeItemElements","areElementAndAllParentsOpen","async","parentElement","isOpen","elementsWithInclude","Promise","all","map","include","handleKeyDown","event","_d","_e","_f","_g","_h","_j","openItems","currentTreeItem","document","activeElement","closest","hasModifierKeyPressed","metaKey","altKey","ctrlKey","shiftKey","currentIndex","findIndex","elem","focusLink","preventDefault","expand","collapse","parentIndex","item","length","match","input","char","toLowerCase","startIndex","indexOf","wrapAroundItems","concat","matchIndex","slice","getAttribute","trim","startsWith","siblings","handleFocusOut","relatedTarget","findActiveItem","rootNodes","rootNode","_active","childMatch","expandParentElements","target","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","Host","getElement","KolTreeItemTag","KolTreeTag","validateLabel","KolTreeWc","constructor","hostRef","this","state","_label","value","render","key","onSlotchange","handleSlotchange","bind","class","role","isTreeItem","element","tagName","toUpperCase","componentWillLoad","handleTreeChange","observeChildListMutations","disconnectedCallback","_a","observer","disconnect","MutationObserver","observeTopLevelItems","getTopLevelTreeItems","forEach","treeItem","observe","childList","subtree","_b","_c","host","querySelector","assignedNodes","call","filter","treeItemElements","getTreeItemElements","ensureActiveItemVisibility","reduce","accumulator","currentValue","children","querySelectorAll","getOpenTreeItemElements","areElementAndAllParentsOpen","async","parentElement","isOpen","elementsWithInclude","Promise","all","map","include","handleKeyDown","event","_d","_e","_f","_g","_h","_j","_k","openItems","currentTreeItem","document","activeElement","closest","hasModifierKeyPressed","metaKey","altKey","ctrlKey","shiftKey","currentIndex","findIndex","elem","focus","preventDefault","expand","collapse","parentIndex","item","length","match","input","char","toLowerCase","startIndex","indexOf","wrapAroundItems","concat","matchIndex","slice","getAttribute","trim","startsWith","siblings","handleFocusOut","relatedTarget","findActiveItem","rootNodes","rootNode","_active","childMatch","expandParentElements","target","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}