@public-ui/components 4.1.2-rc.6 → 4.1.2-rc.8

package/dist/kolibri/kol-toast-container.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as n,r as e,H as t}from"./index-t9mjSqi3.js";import{t as o}from"./i18n-DvMeCREp.js";import{n as i}from"./dev.utils-98sTB6ui.js";import{m as l}from"./component-names-C64MXeC1.js";import{K as a}from"./Alert-Yti79ERR.js";import"./common-BIkdAxr0.js";import"./component-CPMwSMOM.js";import{_ as s}from"./tslib.es6-CxX45GIN.js";import{c as r}from"./clsx-COFh-Vc8.js";import"./i18n-B0tfVPMa.js";import"./bem-registry-ClssJ_nC.js";import"./component-N8_W7bhu.js";import"./Heading-D7bFHALO.js";import"./isArray-CcrBs4JM.js";const c=t=>{var{status:e,toast:o,onClose:i}=t,l=s(t,["status","toast","onClose"]);const{type:c,label:d,description:h,variant:f}=o;return n("div",{class:r("kol-toast-item",`kol-toast-item--${e}`)},n(a,{class:"kol-toast-item__alert",alert:!0,label:d,level:0,hasCloser:!0,type:c,variant:f||"card",onCloserClick:i},n("div",Object.assign({},l),h)))},d='@charset "UTF-8";\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/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(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  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1774621104972"); /* IE9*/\n  src: url("kolicons.eot?t=1774621104972#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1774621104972") format("woff2"), url("kolicons.woff?t=1774621104972") format("woff"), url("kolicons.ttf?t=1774621104972") format("truetype"), url("kolicons.svg?t=1774621104972#kolicons") format("svg"); /* iOS 4.1- */\n}\n[class^=kolicon-], [class*=" kolicon-"] {\n  font-family: "kolicons";\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1em;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.kolicon-alert-error::before {\n  content: "\\ea01";\n}\n\n.kolicon-alert-info::before {\n  content: "\\ea02";\n}\n\n.kolicon-alert-success::before {\n  content: "\\ea03";\n}\n\n.kolicon-alert-warning::before {\n  content: "\\ea04";\n}\n\n.kolicon-check::before {\n  content: "\\ea05";\n}\n\n.kolicon-chevron-double-left::before {\n  content: "\\ea06";\n}\n\n.kolicon-chevron-double-right::before {\n  content: "\\ea07";\n}\n\n.kolicon-chevron-down::before {\n  content: "\\ea08";\n}\n\n.kolicon-chevron-left::before {\n  content: "\\ea09";\n}\n\n.kolicon-chevron-right::before {\n  content: "\\ea0a";\n}\n\n.kolicon-chevron-up::before {\n  content: "\\ea0b";\n}\n\n.kolicon-cogwheel::before {\n  content: "\\ea0c";\n}\n\n.kolicon-cross::before {\n  content: "\\ea0d";\n}\n\n.kolicon-eye-closed::before {\n  content: "\\ea0e";\n}\n\n.kolicon-eye::before {\n  content: "\\ea0f";\n}\n\n.kolicon-house::before {\n  content: "\\ea10";\n}\n\n.kolicon-kolibri::before {\n  content: "\\ea11";\n}\n\n.kolicon-link-external::before {\n  content: "\\ea12";\n}\n\n.kolicon-link::before {\n  content: "\\ea13";\n}\n\n.kolicon-minus::before {\n  content: "\\ea14";\n}\n\n.kolicon-plus::before {\n  content: "\\ea15";\n}\n\n.kolicon-settings::before {\n  content: "\\ea16";\n}\n\n.kolicon-sort-asc::before {\n  content: "\\ea17";\n}\n\n.kolicon-sort-desc::before {\n  content: "\\ea18";\n}\n\n.kolicon-sort-neutral::before {\n  content: "\\ea19";\n}\n\n.kolicon-up::before {\n  content: "\\ea1a";\n}\n\n.kolicon-version::before {\n  content: "\\ea1b";\n}\n\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\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  .kol-alert .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-alert :host {\n    display: inline-block;\n  }\n  .kol-alert .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-alert .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-alert .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  :host {\n    display: flex;\n    position: fixed;\n    z-index: 200;\n    max-width: 90vw;\n    flex-direction: column;\n  }\n  .kol-toast-container__close-all {\n    align-self: flex-end;\n  }\n}',h=300,f=class{constructor(n){e(this,n),this.state={_toastStates:[]},this.translateToastCloseAll=o("kol-toast-close-all"),this.knownRenderFunctions=new Set}async enqueue(n){const t={toast:Object.assign(Object.assign({},n),{variant:"card"}),status:"adding",id:`toast-${i()}`};return this.state=Object.assign(Object.assign({},this.state),{_toastStates:[t,...this.state._toastStates]}),setTimeout(()=>{this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.map(n=>n.id===t.id&&"removing"!==n.status?Object.assign(Object.assign({},n),{status:"settled"}):n)})},h),()=>{this.handleClose(t)}}handleClose(n){this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.map(t=>(t.id===n.id&&(t.status="removing"),t))}),setTimeout(()=>{var t,e;this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.filter(t=>t.id!==n.id)}),null===(e=(t=n.toast).onClose)||void 0===e||e.call(t)},h)}async closeAll(n=!1){if(n)this.state=Object.assign(Object.assign({},this.state),{_toastStates:[]});else{const n=[...this.state._toastStates];this.state=Object.assign(Object.assign({},this.state),{_toastStates:n.map(n=>Object.assign(Object.assign({},n),{status:"removing"}))}),setTimeout(()=>{this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.filter(t=>n.every(n=>n.id!==t.id))}),n.forEach(n=>{var t,e;null===(e=(t=n.toast).onClose)||void 0===e||e.call(t)})},h)}}handleToastRef(n,t){t&&"function"==typeof n.toast.render&&!this.knownRenderFunctions.has(n.toast.render)&&(this.knownRenderFunctions.add(n.toast.render),n.toast.render(t,{close:()=>this.handleClose(n)}))}render(){return n(t,{key:"389516e9ede0c148cc0075f9756d850c0668984e",class:"kol-toast-container"},this.state._toastStates.length>1&&n(l,{key:"bb71c44e1e69e38db2db2b007f5c519971af6c25",_label:this.translateToastCloseAll,class:"kol-toast-container__button-close-all",_on:{onClick:()=>{this.closeAll()}}}),this.state._toastStates.map(t=>n(c,{key:t.id,onClose:()=>this.handleClose(t),ref:n=>this.handleToastRef(t,n),toast:t.toast,status:t.status})))}};f.style={default:d};export{f as kol_toast_container};
+import{h as n,r as e,H as t}from"./index-C8rYknb2.js";import{t as o}from"./i18n-BVaUp6qp.js";import{n as i}from"./dev.utils-CKaUZiiF.js";import{l}from"./component-names-Dy77vq43.js";import{K as a}from"./Alert-Dwi0SIbu.js";import"./variant-quote-CHD0qMkY.js";import"./component-D5yPWlmy.js";import"./common-BqV6Zb30.js";import{_ as s}from"./tslib.es6-CxX45GIN.js";import{c as r}from"./clsx-COFh-Vc8.js";import"./i18n-B2d_exHc.js";import"./bem-registry-Bux_TllX.js";import"./component-C5-fCuhA.js";import"./Heading-hNm0EJy2.js";import"./normalizers-DnkJhVYZ.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";const c=t=>{var{status:e,toast:o,onClose:i}=t,l=s(t,["status","toast","onClose"]);const{type:c,label:d,description:h,variant:f}=o;return n("div",{class:r("kol-toast-item",`kol-toast-item--${e}`)},n(a,{class:"kol-toast-item__alert",alert:!0,label:d,level:0,hasCloser:!0,type:c,variant:f||"card",onCloserClick:i},n("div",Object.assign({},l),h)))},d='@charset "UTF-8";\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/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(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  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1775118370120"); /* IE9*/\n  src: url("kolicons.eot?t=1775118370120#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1775118370120") format("woff2"), url("kolicons.woff?t=1775118370120") format("woff"), url("kolicons.ttf?t=1775118370120") format("truetype"), url("kolicons.svg?t=1775118370120#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\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  .kol-alert .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-alert :host {\n    display: inline-block;\n  }\n  .kol-alert .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-alert .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-alert .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  :host {\n    display: flex;\n    position: fixed;\n    z-index: 200;\n    max-width: 90vw;\n    flex-direction: column;\n  }\n  .kol-toast-container__close-all {\n    align-self: flex-end;\n  }\n}',h=300,f=class{constructor(n){e(this,n),this.state={_toastStates:[]},this.translateToastCloseAll=o("kol-toast-close-all"),this.knownRenderFunctions=new Set}async enqueue(n){const t={toast:Object.assign(Object.assign({},n),{variant:"card"}),status:"adding",id:`toast-${i()}`};return this.state=Object.assign(Object.assign({},this.state),{_toastStates:[t,...this.state._toastStates]}),setTimeout(()=>{this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.map(n=>n.id===t.id&&"removing"!==n.status?Object.assign(Object.assign({},n),{status:"settled"}):n)})},h),()=>{this.handleClose(t)}}handleClose(n){this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.map(t=>(t.id===n.id&&(t.status="removing"),t))}),setTimeout(()=>{var t,e;this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.filter(t=>t.id!==n.id)}),null===(e=(t=n.toast).onClose)||void 0===e||e.call(t)},h)}async closeAll(n=!1){if(n)this.state=Object.assign(Object.assign({},this.state),{_toastStates:[]});else{const n=[...this.state._toastStates];this.state=Object.assign(Object.assign({},this.state),{_toastStates:n.map(n=>Object.assign(Object.assign({},n),{status:"removing"}))}),setTimeout(()=>{this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.filter(t=>n.every(n=>n.id!==t.id))}),n.forEach(n=>{var t,e;null===(e=(t=n.toast).onClose)||void 0===e||e.call(t)})},h)}}handleToastRef(n,t){t&&"function"==typeof n.toast.render&&!this.knownRenderFunctions.has(n.toast.render)&&(this.knownRenderFunctions.add(n.toast.render),n.toast.render(t,{close:()=>this.handleClose(n)}))}render(){return n(t,{key:"8f8256c2e4a929fcef039c3b88058b7aae6df105",class:"kol-toast-container"},this.state._toastStates.length>1&&n(l,{key:"1a72d21da9d3cbd5a65cb6a9c220d37a8e237da8",_label:this.translateToastCloseAll,class:"kol-toast-container__button-close-all",_on:{onClick:()=>{this.closeAll()}}}),this.state._toastStates.map(t=>n(c,{key:t.id,onClose:()=>this.handleClose(t),ref:n=>this.handleToastRef(t,n),toast:t.toast,status:t.status})))}};f.style={default:d};export{f as kol_toast_container};

package/dist/kolibri/kol-toast-container.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["h","registerInstance","Host","translate","nonce","KolButtonTag","KolAlertFc","__rest","clsx","ToastItemFc","_a","status","toast","onClose","other","type","label","description","variant","class","alert","level","hasCloser","onCloserClick","Object","assign","defaultStyleCss","TRANSITION_TIMEOUT","KolToastContainer","constructor","hostRef","this","state","_toastStates","translateToastCloseAll","knownRenderFunctions","Set","enqueue","newToastState","id","setTimeout","map","localToastState","handleClose","toastState","_b","filter","call","closeAll","immediate","toastsToClose","every","toastToClose","forEach","handleToastRef","element","render","has","add","close","key","length","_label","_on","onClick","ref","style","default"],"sources":["0"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["h","registerInstance","Host","translate","nonce","KolButtonTag","KolAlertFc","__rest","clsx","ToastItemFc","_a","status","toast","onClose","other","type","label","description","variant","class","alert","level","hasCloser","onCloserClick","Object","assign","defaultStyleCss","TRANSITION_TIMEOUT","KolToastContainer","constructor","hostRef","this","state","_toastStates","translateToastCloseAll","knownRenderFunctions","Set","enqueue","newToastState","id","setTimeout","map","localToastState","handleClose","toastState","_b","filter","call","closeAll","immediate","toastsToClose","every","toastToClose","forEach","handleToastRef","element","render","has","add","close","key","length","_label","_on","onClick","ref","style","default"],"sources":["0"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"kol-toolbar.entry.esm.js","sources":["src/schema/props/toolbar-items.ts","src/components/toolbar/style.scss?tag=kol-toolbar&mode=default&encapsulation=shadow","src/components/toolbar/shadow.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { InternalButtonProps, LinkProps } from '../../schema';\nimport { emptyStringByArrayHandler, objectObjectHandler, parseJson, setState } from '../utils';\n\n/* types */\nexport type ToolbarItemPropType =\n\t| ({\n\t\t\ttype: 'button';\n\t  } & InternalButtonProps)\n\t| ({\n\t\t\ttype: 'link';\n\t  } & LinkProps);\nexport type ToolbarItemsPropType = ToolbarItemPropType[];\n\n/**\n * Defines the primary toolbar items.\n */\nexport type PropToolbarItems = {\n\titems: ToolbarItemsPropType;\n};\n\n/* validator */\nexport const validateToolbarItems = (component: Generic.Element.Component, value?: ToolbarItemsPropType): void => {\n\temptyStringByArrayHandler(value, () => {\n\t\tobjectObjectHandler(value, () => {\n\t\t\tif (typeof value === 'undefined') {\n\t\t\t\tvalue = [];\n\t\t\t}\n\t\t\ttry {\n\t\t\t\tvalue = parseJson<ToolbarItemPropType[]>(value);\n\t\t\t} catch {\n\t\t\t\t// value keeps the original items\n\t\t\t}\n\t\t\tif (Array.isArray(value) && value.every((items: ToolbarItemPropType) => typeof items === 'object' && items !== null)) {\n\t\t\t\tsetState(component, '_items', value);\n\t\t\t}\n\t\t});\n\t});\n};\n","@use '../@shared/mixins' as *;\n@use '../@shared/global' as *;\n@use '../tooltip/style.scss' as *;\n@use '../@shared/button.mixin' as *;\n\n@layer kol-component {\n\t@include kol-button-styles('kol-link');\n\t@include kol-button-styles('kol-button');\n\n\t.kol-toolbar {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\talign-items: center;\n\n\t\t&--orientation-vertical {\n\t\t\tflex-direction: column;\n\t\t\talign-items: stretch;\n\n\t\t\t.kol-span {\n\t\t\t\talign-items: flex-start;\n\t\t\t}\n\t\t}\n\n\t\t&:focus-within {\n\t\t\toutline: 1px solid;\n\t\t\toutline-offset: 2px;\n\t\t}\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Listen, Method, Prop, State, Watch } from '@stencil/core';\n\nimport { KolButtonWcTag, KolLinkWcTag } from '../../core/component-names';\nimport type { FocusableElement, LabelPropType, ToolbarAPI, ToolbarItemPropType, ToolbarItemsPropType, ToolbarStates } from '../../schema';\nimport { validateLabel, validateToolbarItems } from '../../schema';\nimport { KeyboardKey } from '../../schema/enums';\nimport type { OrientationPropType } from '../../schema/props/orientation';\nimport { validateOrientation } from '../../schema/props/orientation';\nimport { delegateFocus, setFocus } from '../../utils/element-focus';\n\n@Component({\n\ttag: 'kol-toolbar',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolToolbar implements ToolbarAPI, FocusableElement {\n\t@Element() private readonly host?: HTMLElement;\n\n\t@State() public state: ToolbarStates = {\n\t\t_label: '',\n\t\t_items: [],\n\t};\n\n\t@State() private currentIndex: number = 0;\n\n\tprivate indexToElement = new Map<number, HTMLKolLinkWcElement | HTMLKolButtonWcElement>();\n\n\t/**\n\t * Sets focus on the currently active toolbar item.\n\t */\n\t@Method()\n\tpublic async focus(): Promise<void> {\n\t\tconst firstEnabledItem = this.indexToElement.get(this.currentIndex);\n\t\tif (firstEnabledItem) {\n\t\t\treturn delegateFocus(this.host!, () => setFocus(firstEnabledItem));\n\t\t}\n\t}\n\n\tprivate normalizeItem(item: ToolbarItemPropType): ToolbarItemPropType {\n\t\tconst { _icons, _disabled, ...rest } = item;\n\t\treturn { ...rest, _icons, _disabled };\n\t}\n\tprivate renderItem = (raw: ToolbarItemPropType, index: number): JSX.Element => {\n\t\tconst element = this.normalizeItem(raw);\n\t\tconst tabIndex = index === this.currentIndex && !element?._disabled ? 0 : -1;\n\n\t\tconst props = {\n\t\t\tkey: index,\n\t\t\tclass: 'button normal kol-toolbar__item',\n\t\t\t_tabIndex: tabIndex,\n\t\t\t_variant: 'normal',\n\t\t};\n\t\tconst catchRef = (el?: HTMLKolLinkWcElement | HTMLKolButtonWcElement) => {\n\t\t\tif (el) this.indexToElement.set(index, el);\n\t\t};\n\t\treturn element.type === 'link' ? (\n\t\t\t<KolLinkWcTag {...props} {...element} ref={catchRef}></KolLinkWcTag>\n\t\t) : (\n\t\t\t<KolButtonWcTag {...props} {...element} ref={catchRef}></KolButtonWcTag>\n\t\t);\n\t};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<div class={`kol-toolbar kol-toolbar--orientation-${this.state._orientation}`} role=\"toolbar\" aria-label={this.state._label}>\n\t\t\t\t{this.state._items.map(this.renderItem)}\n\t\t\t</div>\n\t\t);\n\t}\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!: string;\n\n\t/**\n\t * Defines the functional elements of toolbar to render (e.g. kol-link, kol-button).\n\t */\n\t@Prop() public _items!: ToolbarItemsPropType;\n\n\t/**\n\t * Defines whether the orientation of the component is horizontal or vertical.\n\t */\n\t@Prop() public _orientation?: OrientationPropType;\n\n\t@Watch('_label') validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value);\n\t}\n\n\t@Watch('_items')\n\tpublic validateItems(value?: ToolbarItemsPropType): void {\n\t\tvalidateToolbarItems(this, value);\n\t\tthis.indexToElement.clear();\n\t\tthis.setFirstEnabledItemIndex();\n\t}\n\n\t@Watch('_orientation')\n\tpublic validateOrientation(value?: OrientationPropType): void {\n\t\tvalidateOrientation(this, value);\n\t}\n\n\t/**\n\t * Retrieves the toolbar item by index if defined.\n\t * If not it use the current index of state.\n\t *\n\t * @returns An array of HTMLElements representing the toolbar items.\n\t */\n\tprivate getCurrentToolbarItem(index?: number): HTMLKolLinkWcElement | HTMLKolButtonWcElement | undefined {\n\t\treturn typeof index === 'number' ? this.indexToElement.get(index) : undefined;\n\t}\n\n\t/**\n\t * Sets the index of the first enabled toolbar item.\n\t */\n\tprivate setFirstEnabledItemIndex() {\n\t\tthis.currentIndex = this.state._items?.findIndex((item) => !item._disabled);\n\t}\n\n\t@Listen('keydown')\n\tpublic handleKeyDown(event: KeyboardEvent) {\n\t\tconst pressedKey = event.code as KeyboardKey;\n\t\tconst isArrowKey = [KeyboardKey.ArrowUp, KeyboardKey.ArrowDown, KeyboardKey.ArrowRight, KeyboardKey.ArrowLeft].includes(pressedKey);\n\t\tif (!isArrowKey) return;\n\t\tevent.preventDefault();\n\n\t\tconst lastItemIndex = (this._items?.length ?? 0) - 1;\n\t\tif (lastItemIndex < 0) return;\n\t\tconst currentIndex = this.currentIndex;\n\t\tlet nextIndex = currentIndex;\n\n\t\tswitch (pressedKey) {\n\t\t\tcase KeyboardKey.ArrowUp:\n\t\t\tcase KeyboardKey.ArrowLeft:\n\t\t\t\tnextIndex = currentIndex > 0 ? currentIndex - 1 : lastItemIndex;\n\t\t\t\tbreak;\n\t\t\tcase KeyboardKey.ArrowDown:\n\t\t\tcase KeyboardKey.ArrowRight:\n\t\t\t\tnextIndex = currentIndex < lastItemIndex ? currentIndex + 1 : 0;\n\t\t\t\tbreak;\n\t\t}\n\n\t\tif (currentIndex === nextIndex) return;\n\n\t\tif (this.state._items?.[nextIndex]?._disabled) return;\n\n\t\tthis.currentIndex = nextIndex;\n\t\tconst item = this.getCurrentToolbarItem(nextIndex);\n\t\tif (this.host) {\n\t\t\tvoid item?.focus();\n\t\t}\n\t}\n\n\t/**\n\t * Resets the tabIndexes of the toolbar to default.\n\t */\n\t@Listen('blur', { capture: true })\n\tpublic handleBlur(event: FocusEvent) {\n\t\tif (event.target === this.host) this.setFirstEnabledItemIndex();\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateItems(this._items);\n\t\tthis.validateOrientation(this._orientation);\n\t\tthis.setFirstEnabledItemIndex();\n\t}\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"kol-toolbar.entry.esm.js","sources":["src/schema/props/toolbar-items.ts","src/components/toolbar/style.scss?tag=kol-toolbar&mode=default&encapsulation=shadow","src/components/toolbar/shadow.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { InternalButtonProps, LinkProps } from '../../schema';\nimport { emptyStringByArrayHandler, objectObjectHandler, parseJson, setState } from '../utils';\n\n/* types */\nexport type ToolbarItemPropType =\n\t| ({\n\t\t\ttype: 'button';\n\t  } & InternalButtonProps)\n\t| ({\n\t\t\ttype: 'link';\n\t  } & LinkProps);\nexport type ToolbarItemsPropType = ToolbarItemPropType[];\n\n/**\n * Defines the primary toolbar items.\n */\nexport type PropToolbarItems = {\n\titems: ToolbarItemsPropType;\n};\n\n/* validator */\nexport const validateToolbarItems = (component: Generic.Element.Component, value?: ToolbarItemsPropType): void => {\n\temptyStringByArrayHandler(value, () => {\n\t\tobjectObjectHandler(value, () => {\n\t\t\tif (typeof value === 'undefined') {\n\t\t\t\tvalue = [];\n\t\t\t}\n\t\t\ttry {\n\t\t\t\tvalue = parseJson<ToolbarItemPropType[]>(value);\n\t\t\t} catch {\n\t\t\t\t// value keeps the original items\n\t\t\t}\n\t\t\tif (Array.isArray(value) && value.every((items: ToolbarItemPropType) => typeof items === 'object' && items !== null)) {\n\t\t\t\tsetState(component, '_items', value);\n\t\t\t}\n\t\t});\n\t});\n};\n","@use '../@shared/mixins' as *;\n@use '../@shared/global' as *;\n@use '../tooltip/style.scss' as *;\n@use '../@shared/button.mixin' as *;\n\n@layer kol-component {\n\t@include kol-button-styles('kol-link');\n\t@include kol-button-styles('kol-button');\n\n\t.kol-toolbar {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\talign-items: center;\n\n\t\t&--orientation-vertical {\n\t\t\tflex-direction: column;\n\t\t\talign-items: stretch;\n\n\t\t\t.kol-span {\n\t\t\t\talign-items: flex-start;\n\t\t\t}\n\t\t}\n\n\t\t&:focus-within {\n\t\t\toutline: 1px solid;\n\t\t\toutline-offset: 2px;\n\t\t}\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Listen, Method, Prop, State, Watch } from '@stencil/core';\n\nimport { KolButtonWcTag, KolLinkWcTag } from '../../core/component-names';\nimport type { FocusableElement, LabelPropType, ToolbarAPI, ToolbarItemPropType, ToolbarItemsPropType, ToolbarStates } from '../../schema';\nimport { validateLabel, validateToolbarItems } from '../../schema';\nimport { KeyboardKey } from '../../schema/enums';\nimport type { OrientationPropType } from '../../schema/props/orientation';\nimport { validateOrientation } from '../../schema/props/orientation';\nimport { delegateClick, setClick } from '../../utils/element-click';\nimport { delegateFocus, setFocus } from '../../utils/element-focus';\n\n@Component({\n\ttag: 'kol-toolbar',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolToolbar implements ToolbarAPI, FocusableElement {\n\t@Element() private readonly host?: HTMLElement;\n\n\t@State() public state: ToolbarStates = {\n\t\t_label: '',\n\t\t_items: [],\n\t};\n\n\t@State() private currentIndex: number = 0;\n\n\tprivate indexToElement = new Map<number, HTMLKolLinkWcElement | HTMLKolButtonWcElement>();\n\n\t/**\n\t * Sets focus on the currently active toolbar item.\n\t */\n\t@Method()\n\tpublic async focus(): Promise<void> {\n\t\tconst firstEnabledItem = this.indexToElement.get(this.currentIndex);\n\t\tif (firstEnabledItem) {\n\t\t\treturn delegateFocus(this.host!, () => setFocus(firstEnabledItem));\n\t\t}\n\t}\n\n\t/**\n\t * Triggers a click on the currently active toolbar item.\n\t */\n\t@Method()\n\tpublic async click(): Promise<void> {\n\t\tconst currentItem = this.indexToElement.get(this.currentIndex);\n\t\tif (currentItem) {\n\t\t\treturn delegateClick(this.host!, async () => setClick(currentItem));\n\t\t}\n\t}\n\n\tprivate normalizeItem(item: ToolbarItemPropType): ToolbarItemPropType {\n\t\tconst { _icons, _disabled, ...rest } = item;\n\t\treturn { ...rest, _icons, _disabled };\n\t}\n\tprivate renderItem = (raw: ToolbarItemPropType, index: number): JSX.Element => {\n\t\tconst element = this.normalizeItem(raw);\n\t\tconst tabIndex = index === this.currentIndex && !element?._disabled ? 0 : -1;\n\n\t\tconst props = {\n\t\t\tkey: index,\n\t\t\tclass: 'button normal kol-toolbar__item',\n\t\t\t_tabIndex: tabIndex,\n\t\t\t_variant: 'normal',\n\t\t};\n\t\tconst catchRef = (el?: HTMLKolLinkWcElement | HTMLKolButtonWcElement) => {\n\t\t\tif (el) this.indexToElement.set(index, el);\n\t\t};\n\t\treturn element.type === 'link' ? (\n\t\t\t<KolLinkWcTag {...props} {...element} ref={catchRef}></KolLinkWcTag>\n\t\t) : (\n\t\t\t<KolButtonWcTag {...props} {...element} ref={catchRef}></KolButtonWcTag>\n\t\t);\n\t};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<div class={`kol-toolbar kol-toolbar--orientation-${this.state._orientation}`} role=\"toolbar\" aria-label={this.state._label}>\n\t\t\t\t{this.state._items.map(this.renderItem)}\n\t\t\t</div>\n\t\t);\n\t}\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!: string;\n\n\t/**\n\t * Defines the functional elements of toolbar to render (e.g. kol-link, kol-button).\n\t */\n\t@Prop() public _items!: ToolbarItemsPropType;\n\n\t/**\n\t * Defines whether the orientation of the component is horizontal or vertical.\n\t */\n\t@Prop() public _orientation?: OrientationPropType;\n\n\t@Watch('_label') validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value);\n\t}\n\n\t@Watch('_items')\n\tpublic validateItems(value?: ToolbarItemsPropType): void {\n\t\tvalidateToolbarItems(this, value);\n\t\tthis.indexToElement.clear();\n\t\tthis.setFirstEnabledItemIndex();\n\t}\n\n\t@Watch('_orientation')\n\tpublic validateOrientation(value?: OrientationPropType): void {\n\t\tvalidateOrientation(this, value);\n\t}\n\n\t/**\n\t * Retrieves the toolbar item by index if defined.\n\t * If not it use the current index of state.\n\t *\n\t * @returns An array of HTMLElements representing the toolbar items.\n\t */\n\tprivate getCurrentToolbarItem(index?: number): HTMLKolLinkWcElement | HTMLKolButtonWcElement | undefined {\n\t\treturn typeof index === 'number' ? this.indexToElement.get(index) : undefined;\n\t}\n\n\t/**\n\t * Sets the index of the first enabled toolbar item.\n\t */\n\tprivate setFirstEnabledItemIndex() {\n\t\tthis.currentIndex = this.state._items?.findIndex((item) => !item._disabled);\n\t}\n\n\t@Listen('keydown')\n\tpublic handleKeyDown(event: KeyboardEvent) {\n\t\tconst pressedKey = event.code as KeyboardKey;\n\t\tconst isArrowKey = [KeyboardKey.ArrowUp, KeyboardKey.ArrowDown, KeyboardKey.ArrowRight, KeyboardKey.ArrowLeft].includes(pressedKey);\n\t\tif (!isArrowKey) return;\n\t\tevent.preventDefault();\n\n\t\tconst lastItemIndex = (this._items?.length ?? 0) - 1;\n\t\tif (lastItemIndex < 0) return;\n\t\tconst currentIndex = this.currentIndex;\n\t\tlet nextIndex = currentIndex;\n\n\t\tswitch (pressedKey) {\n\t\t\tcase KeyboardKey.ArrowUp:\n\t\t\tcase KeyboardKey.ArrowLeft:\n\t\t\t\tnextIndex = currentIndex > 0 ? currentIndex - 1 : lastItemIndex;\n\t\t\t\tbreak;\n\t\t\tcase KeyboardKey.ArrowDown:\n\t\t\tcase KeyboardKey.ArrowRight:\n\t\t\t\tnextIndex = currentIndex < lastItemIndex ? currentIndex + 1 : 0;\n\t\t\t\tbreak;\n\t\t}\n\n\t\tif (currentIndex === nextIndex) return;\n\n\t\tif (this.state._items?.[nextIndex]?._disabled) return;\n\n\t\tthis.currentIndex = nextIndex;\n\t\tconst item = this.getCurrentToolbarItem(nextIndex);\n\t\tif (this.host) {\n\t\t\tvoid item?.focus();\n\t\t}\n\t}\n\n\t/**\n\t * Resets the tabIndexes of the toolbar to default.\n\t */\n\t@Listen('blur', { capture: true })\n\tpublic handleBlur(event: FocusEvent) {\n\t\tif (event.target === this.host) this.setFirstEnabledItemIndex();\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateItems(this._items);\n\t\tthis.validateOrientation(this._orientation);\n\t\tthis.setFirstEnabledItemIndex();\n\t}\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e,g as t}from"./index-t9mjSqi3.js";import{_ as o}from"./tslib.es6-CxX45GIN.js";import{d as i,c as l}from"./component-names-C64MXeC1.js";import{P as a,o as r,p as s,s as c}from"./common-BIkdAxr0.js";import{v as d}from"./label-Cw7rCjUo.js";import{K as h}from"./keyboard-DNd73LVa.js";import{v as f}from"./orientation-pWOiDBRo.js";import{d as m,s as b}from"./element-focus-y2O-Z32P.js";const p=(n,e)=>{a(e,()=>{r(e,()=>{void 0===e&&(e=[]);try{e=s(e)}catch(n){}Array.isArray(e)&&e.every(n=>"object"==typeof n&&null!==n)&&c(n,"_items",e)})})},u='@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  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1774621104972"); /* IE9*/\n  src: url("kolicons.eot?t=1774621104972#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1774621104972") format("woff2"), url("kolicons.woff?t=1774621104972") format("woff"), url("kolicons.ttf?t=1774621104972") format("truetype"), url("kolicons.svg?t=1774621104972#kolicons") format("svg"); /* iOS 4.1- */\n}\n[class^=kolicon-], [class*=" kolicon-"] {\n  font-family: "kolicons";\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1em;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.kolicon-alert-error::before {\n  content: "\\ea01";\n}\n\n.kolicon-alert-info::before {\n  content: "\\ea02";\n}\n\n.kolicon-alert-success::before {\n  content: "\\ea03";\n}\n\n.kolicon-alert-warning::before {\n  content: "\\ea04";\n}\n\n.kolicon-check::before {\n  content: "\\ea05";\n}\n\n.kolicon-chevron-double-left::before {\n  content: "\\ea06";\n}\n\n.kolicon-chevron-double-right::before {\n  content: "\\ea07";\n}\n\n.kolicon-chevron-down::before {\n  content: "\\ea08";\n}\n\n.kolicon-chevron-left::before {\n  content: "\\ea09";\n}\n\n.kolicon-chevron-right::before {\n  content: "\\ea0a";\n}\n\n.kolicon-chevron-up::before {\n  content: "\\ea0b";\n}\n\n.kolicon-cogwheel::before {\n  content: "\\ea0c";\n}\n\n.kolicon-cross::before {\n  content: "\\ea0d";\n}\n\n.kolicon-eye-closed::before {\n  content: "\\ea0e";\n}\n\n.kolicon-eye::before {\n  content: "\\ea0f";\n}\n\n.kolicon-house::before {\n  content: "\\ea10";\n}\n\n.kolicon-kolibri::before {\n  content: "\\ea11";\n}\n\n.kolicon-link-external::before {\n  content: "\\ea12";\n}\n\n.kolicon-link::before {\n  content: "\\ea13";\n}\n\n.kolicon-minus::before {\n  content: "\\ea14";\n}\n\n.kolicon-plus::before {\n  content: "\\ea15";\n}\n\n.kolicon-settings::before {\n  content: "\\ea16";\n}\n\n.kolicon-sort-asc::before {\n  content: "\\ea17";\n}\n\n.kolicon-sort-desc::before {\n  content: "\\ea18";\n}\n\n.kolicon-sort-neutral::before {\n  content: "\\ea19";\n}\n\n.kolicon-up::before {\n  content: "\\ea1a";\n}\n\n.kolicon-version::before {\n  content: "\\ea1b";\n}\n\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\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  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  :host {\n    display: inline-block;\n  }\n  .kol-link {\n    display: flex;\n    min-height: var(--a11y-min-size);\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    flex: 1 0 100%;\n  }\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  :host {\n    display: inline-block;\n  }\n  .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-button__text {\n    flex: 1 0 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}',k=class{constructor(t){n(this,t),this.state={_label:"",_items:[]},this.currentIndex=0,this.indexToElement=new Map,this.renderItem=(n,t)=>{const o=this.normalizeItem(n),a=t!==this.currentIndex||(null==o?void 0:o._disabled)?-1:0,r={key:t,class:"button normal kol-toolbar__item",_tabIndex:a,_variant:"normal"},s=n=>{n&&this.indexToElement.set(t,n)};return"link"===o.type?e(i,Object.assign({},r,o,{ref:s})):e(l,Object.assign({},r,o,{ref:s}))}}async focus(){const n=this.indexToElement.get(this.currentIndex);if(n)return m(this.host,()=>b(n))}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 e("div",{key:"77ec0acc0ce6d967d49e96d67f0d5c041f6b52a2",class:`kol-toolbar kol-toolbar--orientation-${this.state._orientation}`,role:"toolbar","aria-label":this.state._label},this.state._items.map(this.renderItem))}validateLabel(n){d(this,n)}validateItems(n){p(this,n),this.indexToElement.clear(),this.setFirstEnabledItemIndex()}validateOrientation(n){f(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;const l=n.code;if(![h.ArrowUp,h.ArrowDown,h.ArrowRight,h.ArrowLeft].includes(l))return;n.preventDefault();const a=(null!==(t=null===(e=this._items)||void 0===e?void 0:e.length)&&void 0!==t?t:0)-1;if(a<0)return;const r=this.currentIndex;let s=r;switch(l){case h.ArrowUp:case h.ArrowLeft:s=r>0?r-1:a;break;case h.ArrowDown:case h.ArrowRight:s=r<a?r+1:0}if(r===s)return;if(null===(i=null===(o=this.state._items)||void 0===o?void 0:o[s])||void 0===i?void 0:i._disabled)return;this.currentIndex=s;const c=this.getCurrentToolbarItem(s);this.host&&(null==c||c.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 t(this)}static get watchers(){return{_label:["validateLabel"],_items:["validateItems"],_orientation:["validateOrientation"]}}};k.style={default:u};export{k as kol_toolbar};
+import{r as n,h as e,g as t}from"./index-C8rYknb2.js";import{_ as o}from"./tslib.es6-CxX45GIN.js";import{c as i,b as l}from"./component-names-Dy77vq43.js";import{P as a,o as r,p as s,s as c}from"./common-BqV6Zb30.js";import{v as h}from"./label-vxVEH2gH.js";import{K as d}from"./keyboard-DNd73LVa.js";import{v as f}from"./orientation-D3LRVMo1.js";import{d as m,s as b}from"./element-click-BTxuJDNT.js";import{d as p,s as u}from"./element-focus-BKUtVrWY.js";const k=(n,e)=>{a(e,()=>{r(e,()=>{void 0===e&&(e=[]);try{e=s(e)}catch(n){}Array.isArray(e)&&e.every(n=>"object"==typeof n&&null!==n)&&c(n,"_items",e)})})},y='@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  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1775118370120"); /* IE9*/\n  src: url("kolicons.eot?t=1775118370120#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1775118370120") format("woff2"), url("kolicons.woff?t=1775118370120") format("woff"), url("kolicons.ttf?t=1775118370120") format("truetype"), url("kolicons.svg?t=1775118370120#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\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  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  :host {\n    display: inline-block;\n  }\n  .kol-link {\n    display: flex;\n    min-height: var(--a11y-min-size);\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    flex: 1 0 100%;\n  }\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  :host {\n    display: inline-block;\n  }\n  .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-button__text {\n    flex: 1 0 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}',g=class{constructor(t){n(this,t),this.state={_label:"",_items:[]},this.currentIndex=0,this.indexToElement=new Map,this.renderItem=(n,t)=>{const o=this.normalizeItem(n),a=t!==this.currentIndex||(null==o?void 0:o._disabled)?-1:0,r={key:t,class:"button normal kol-toolbar__item",_tabIndex:a,_variant:"normal"},s=n=>{n&&this.indexToElement.set(t,n)};return"link"===o.type?e(i,Object.assign({},r,o,{ref:s})):e(l,Object.assign({},r,o,{ref:s}))}}async focus(){const n=this.indexToElement.get(this.currentIndex);if(n)return p(this.host,()=>u(n))}async click(){const n=this.indexToElement.get(this.currentIndex);if(n)return m(this.host,async()=>b(n))}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 e("div",{key:"8f62f1ec70dee0ef9b019813a7a53a762d265ba8",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){k(this,n),this.indexToElement.clear(),this.setFirstEnabledItemIndex()}validateOrientation(n){f(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;const l=n.code;if(![d.ArrowUp,d.ArrowDown,d.ArrowRight,d.ArrowLeft].includes(l))return;n.preventDefault();const a=(null!==(t=null===(e=this._items)||void 0===e?void 0:e.length)&&void 0!==t?t:0)-1;if(a<0)return;const r=this.currentIndex;let s=r;switch(l){case d.ArrowUp:case d.ArrowLeft:s=r>0?r-1:a;break;case d.ArrowDown:case d.ArrowRight:s=r<a?r+1:0}if(r===s)return;if(null===(i=null===(o=this.state._items)||void 0===o?void 0:o[s])||void 0===i?void 0:i._disabled)return;this.currentIndex=s;const c=this.getCurrentToolbarItem(s);this.host&&(null==c||c.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 t(this)}static get watchers(){return{_label:["validateLabel"],_items:["validateItems"],_orientation:["validateOrientation"]}}};g.style={default:y};export{g 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","delegateFocus","setFocus","validateToolbarItems","component","value","_a","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","_variant","catchRef","el","set","type","Object","assign","ref","focus","firstEnabledItem","get","host","item","_icons","rest","render","_orientation","role","map","validateItems","clear","setFirstEnabledItemIndex","getCurrentToolbarItem","undefined","findIndex","handleKeyDown","event","_b","_c","_d","pressedKey","code","isArrowKey","ArrowUp","ArrowDown","ArrowRight","ArrowLeft","includes","preventDefault","lastItemIndex","length","nextIndex","handleBlur","target","componentWillLoad","watchers","style","default"],"sources":["0"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","getElement","__rest","KolLinkWcTag","KolButtonWcTag","emptyStringByArrayHandler","objectObjectHandler","parseJson","setState","validateLabel","KeyboardKey","validateOrientation","delegateClick","setClick","delegateFocus","setFocus","validateToolbarItems","component","value","_a","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","_variant","catchRef","el","set","type","Object","assign","ref","focus","firstEnabledItem","get","host","click","currentItem","async","item","_icons","rest","render","_orientation","role","map","validateItems","clear","setFirstEnabledItemIndex","getCurrentToolbarItem","undefined","findIndex","handleKeyDown","event","_b","_c","_d","pressedKey","code","isArrowKey","ArrowUp","ArrowDown","ArrowRight","ArrowLeft","includes","preventDefault","lastItemIndex","length","nextIndex","handleBlur","target","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 { SpanFC } from '../../internal/functional-components/span/component';\nimport { alignFloatingElements } from '../../utils/align-floating-elements';\nimport { nonce } from '../../utils/dev.utils';\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 readonly host?: HTMLKolTooltipWcElement;\n\n\tprivate arrowElement?: HTMLDivElement;\n\tprivate previousSibling?: Element | null;\n\tprivate parentElement?: 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\tthis.parentElement?.classList.add('hastooltip');\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\t\t\tthis.parentElement?.classList.remove('hastooltip');\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() {\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() {\n\t\tthis.hasMouseIn = false;\n\t\tthis.resetHideFlag();\n\t\tthis.showOrHideTooltip();\n\t}\n\n\tprivate handleFocusIn() {\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() {\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.bind(this));\n\t\tel.addEventListener('mouseleave', this.handleMouseLeave.bind(this));\n\t\tel.addEventListener('focusin', this.handleFocusIn.bind(this));\n\t\tel.addEventListener('focusout', this.handleFocusOut.bind(this));\n\t};\n\n\tprivate removeListeners = (el: Element): void => {\n\t\tel.removeEventListener('mouseenter', this.handleMouseEnter.bind(this));\n\t\tel.removeEventListener('mouseleave', this.handleMouseLeave.bind(this));\n\t\tel.removeEventListener('focusin', this.handleFocusIn.bind(this));\n\t\tel.removeEventListener('focusout', this.handleFocusOut.bind(this));\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<div class=\"kol-tooltip__floating\" hidden={this.state._label.length === 0} ref={this.catchTooltipElement}>\n\t\t\t\t\t<div class=\"kol-tooltip__arrow\" ref={this.catchArrowElement} />\n\t\t\t\t\t<SpanFC class=\"kol-tooltip__content\" id={this.state._id} badgeText={this._badgeText} label={this.state._label} />\n\t\t\t\t</div>\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_id: `id-${nonce()}`,\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\tthis.resyncListeners(this.previousSibling, this.host?.previousElementSibling, true);\n\t\tthis.resyncListeners(this.tooltipElement, this.tooltipElement);\n\t}\n\n\tpublic connectedCallback(): void {\n\t\tthis.previousSibling = this.host?.previousElementSibling;\n\t\tthis.parentElement = this.host?.parentElement;\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/components/tooltip/component.tsx"],"sourcesContent":["import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Host, Method, Prop, Watch } from '@stencil/core';\nimport type { AlignPropType, BadgeTextPropType, IdPropType, LabelPropType } from '../../schema';\n\nimport { BaseWebComponent } from '../../internal/functional-components/base-web-component';\nimport { TooltipFC } from '../../internal/functional-components/tooltip/component';\nimport { TooltipController } from '../../internal/functional-components/tooltip/controller';\n\n/**\n * @deprecated The tooltip component is deprecated and will be removed in the next major release\n * @internal\n */\n@Component({\n\ttag: 'kol-tooltip-wc',\n\tshadow: false,\n})\nexport class KolTooltipWc {\n\t@Element() private readonly host?: HTMLKolTooltipWcElement;\n\n\tprivate controller = new TooltipController(BaseWebComponent.stateLess);\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 * @deprecated Will be removed in next major release. The ID is now generated internally and cannot be set via props.\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@Watch('_align')\n\tpublic validateAlign(value?: AlignPropType): void {\n\t\tthis.controller?.watchAlign(value);\n\t}\n\n\t@Watch('_id')\n\tpublic validateId(value?: IdPropType): void {\n\t\tthis.controller?.watchId(value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tthis.controller?.watchLabel(value);\n\t}\n\n\t/**\n\t * Hides the tooltip.\n\t */\n\t@Method()\n\tpublic hideTooltip(): Promise<void> {\n\t\treturn Promise.resolve(this.controller?.hideTooltip());\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.controller.componentWillLoad({\n\t\t\tlabel: this._label,\n\t\t\talign: this._align,\n\t\t\tbadgeText: this._badgeText,\n\t\t\tid: this._id,\n\t\t});\n\t}\n\n\tpublic connectedCallback(): void {\n\t\tthis.controller?.initContext((this.host?.previousElementSibling ?? undefined) as HTMLElement | undefined);\n\t}\n\n\tpublic componentDidRender(): void {\n\t\tif (this.host) {\n\t\t\tthis.controller?.handleEventListeners(this.host as HTMLElement);\n\t\t}\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tthis.controller?.destroy();\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-tooltip\">\n\t\t\t\t<TooltipFC\n\t\t\t\t\tlabel={this.controller.getRenderProp('label')}\n\t\t\t\t\tbadgeText={this._badgeText}\n\t\t\t\t\tid={this.controller.getRenderProp('id')}\n\t\t\t\t\trefFloating={(el?: HTMLDivElement) => this.controller?.setTooltipElementRef(el as HTMLElement)}\n\t\t\t\t/>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;MAgBa,YAAY,GAAA,MAAA;AAJzB,IAAA,WAAA,CAAA,OAAA,EAAA;;QAOS,IAAU,CAAA,UAAA,GAAG,IAAI,iBAAiB,CAAC,gBAAgB,CAAC,SAAS,CAAC;AAUvD,QAAA,IAAM,CAAA,MAAA,GAAmB,KAAK;AAwE7C;AAzDO,IAAA,aAAa,CAAC,KAAqB,EAAA;;QACzC,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,UAAU,CAAC,KAAK,CAAC;;AAI5B,IAAA,UAAU,CAAC,KAAkB,EAAA;;QACnC,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,OAAO,CAAC,KAAK,CAAC;;AAIzB,IAAA,aAAa,CAAC,KAAqB,EAAA;;QACzC,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,UAAU,CAAC,KAAK,CAAC;;IAO5B,WAAW,GAAA;;AACjB,QAAA,OAAO,OAAO,CAAC,OAAO,CAAC,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,WAAW,EAAE,CAAC;;IAGhD,iBAAiB,GAAA;AACvB,QAAA,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC;YACjC,KAAK,EAAE,IAAI,CAAC,MAAM;YAClB,KAAK,EAAE,IAAI,CAAC,MAAM;YAClB,SAAS,EAAE,IAAI,CAAC,UAAU;YAC1B,EAAE,EAAE,IAAI,CAAC,GAAG;AACZ,SAAA,CAAC;;IAGI,iBAAiB,GAAA;;AACvB,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,0CAAE,WAAW,EAAE,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,sBAAsB,mCAAI,SAAS,EAA6B;;IAGnG,kBAAkB,GAAA;;AACxB,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;AACd,YAAA,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,oBAAoB,CAAC,IAAI,CAAC,IAAmB,CAAC;;;IAI1D,oBAAoB,GAAA;;QAC1B,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,OAAO,EAAE;;IAGpB,MAAM,GAAA;QACZ,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACxB,CAAC,CAAA,SAAS,EACT,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,EAC7C,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,EAAE,EAAE,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,EACvC,WAAW,EAAE,CAAC,EAAmB,KAAK,EAAA,IAAA,EAAA,CAAA,CAAA,OAAA,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,oBAAoB,CAAC,EAAiB,CAAC,CAAA,EAAA,EAAA,CAC7F,CACI;;;;;;;;;;;;"}

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-t9mjSqi3.js";import{b as h,a as o}from"./align-floating-elements-DGbaInbL.js";import{g as a,z as l}from"./common-BIkdAxr0.js";import{v as n}from"./align-DDUsWnWP.js";import{v as d}from"./label-Cw7rCjUo.js";import{S as r}from"./component-CPMwSMOM.js";import{n as c}from"./dev.utils-98sTB6ui.js";import{t as f,a as u}from"./tooltip-open-tracking-rBbBgPWP.js";import"./tslib.es6-CxX45GIN.js";import"./bem-registry-ClssJ_nC.js";import"./clsx-COFh-Vc8.js";import"./component-N8_W7bhu.js";import"./isArray-CcrBs4JM.js";const m=(t,i)=>{a(t,"_badgeText",i)},p=(t,i)=>{a(t,"_id",i)},v=new Set;function b(t){v.forEach(t=>{t.style.setProperty("z-index","999")}),v.add(t),t.style.setProperty("z-index","1000")}function g(t){if(v.delete(t),v.size>0){const t=Array.from(v).pop();t&&t.style.setProperty("z-index","1000")}}const _=class{constructor(t){i(this,t),this.hasFocusIn=!1,this.hasMouseIn=!1,this.isHiddenForCurrentVisit=!1,this.resetHideFlag=()=>{this.isNewVisit()&&(this.isHiddenForCurrentVisit=!1)},this.showTooltip=()=>{var t;if(!this.isHiddenForCurrentVisit&&this.previousSibling&&this.tooltipElement){b(this.tooltipElement),f(),this.tooltipElement.classList.remove("hide"),this.tooltipElement.classList.add("show"),this.tooltipElement.style.setProperty("display","block"),null===(t=this.parentElement)||void 0===t||t.classList.add("hastooltip"),l().addEventListener("keyup",this.hideTooltipByEscape,{once:!0});const i=this.previousSibling,e=this.tooltipElement;this.cleanupAutoPositioning=h(i,e,()=>{this.alignTooltip()})}},this.hideTooltipByEscape=t=>{"Escape"===t.key&&this.hideTooltip()},this.addListeners=t=>{t.addEventListener("mouseenter",this.handleMouseEnter.bind(this)),t.addEventListener("mouseleave",this.handleMouseLeave.bind(this)),t.addEventListener("focusin",this.handleFocusIn.bind(this)),t.addEventListener("focusout",this.handleFocusOut.bind(this))},this.removeListeners=t=>{t.removeEventListener("mouseenter",this.handleMouseEnter.bind(this)),t.removeEventListener("mouseleave",this.handleMouseLeave.bind(this)),t.removeEventListener("focusin",this.handleFocusIn.bind(this)),t.removeEventListener("focusout",this.handleFocusOut.bind(this))},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",_id:`id-${c()}`,_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(){var t;this.isHiddenForCurrentVisit=!0,this.tooltipElement&&(g(this.tooltipElement),u(),this.tooltipElement.classList.remove("show"),this.tooltipElement.classList.add("hide"),null===(t=this.parentElement)||void 0===t||t.classList.remove("hastooltip"),this.cleanupAutoPositioning&&(this.cleanupAutoPositioning(),this.cleanupAutoPositioning=void 0)),l().removeEventListener("keyup",this.hideTooltipByEscape)}handleMouseEnter(){const t=this.isNewVisit();this.hasMouseIn=!0,t&&(this.isHiddenForCurrentVisit=!1),this.showOrHideTooltip()}handleMouseLeave(){this.hasMouseIn=!1,this.resetHideFlag(),this.showOrHideTooltip()}handleFocusIn(){const t=this.isNewVisit();this.hasFocusIn=!0,t&&(this.isHiddenForCurrentVisit=!1),this.showOrHideTooltip()}handleFocusOut(){this.hasFocusIn=!1,this.resetHideFlag(),this.showOrHideTooltip()}render(){return t(s,{key:"474a7e5afd25b2d8599edfc600c18c2ebca06368",class:"kol-tooltip"},t("div",{key:"c004812971d204ada360ea6c0b346ed44689c11f",class:"kol-tooltip__floating",hidden:0===this.state._label.length,ref:this.catchTooltipElement},t("div",{key:"94b98eca5986c79da35dba6e115e01a14c800fe2",class:"kol-tooltip__arrow",ref:this.catchArrowElement}),t(r,{key:"15ec92ad556e44fb5dfb1c3bf2131a465fff0d02",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){d(this,t,{required:!0})}componentWillLoad(){this.validateBadgeText(this._badgeText),this.validateAlign(this._align),this.validateId(this._id),this.validateLabel(this._label)}handleEventListeners(){var t;this.resyncListeners(this.previousSibling,null===(t=this.host)||void 0===t?void 0:t.previousElementSibling,!0),this.resyncListeners(this.tooltipElement,this.tooltipElement)}connectedCallback(){var t,i;this.previousSibling=null===(t=this.host)||void 0===t?void 0:t.previousElementSibling,this.parentElement=null===(i=this.host)||void 0===i?void 0:i.parentElement}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{_ as kol_tooltip_wc};
+import{r as i,h as t,H as o,g as l}from"./index-C8rYknb2.js";import{B as e}from"./variant-quote-CHD0qMkY.js";import{T as s}from"./component-ghWELfa6.js";import{T as a}from"./controller-BhIDd4zH.js";import"./common-BqV6Zb30.js";import"./normalizers-DnkJhVYZ.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";import"./component-D5yPWlmy.js";import"./tslib.es6-CxX45GIN.js";import"./bem-registry-Bux_TllX.js";import"./clsx-COFh-Vc8.js";import"./component-C5-fCuhA.js";import"./align-floating-elements-58sFZOrL.js";import"./tooltip-open-tracking-D3tCiiGP.js";import"./align-D3Z54kEL.js";import"./label-BEOW9ltS.js";import"./base-controller-CXhqh4cR.js";const r=class{constructor(t){i(this,t),this.controller=new a(e.stateLess),this._align="top"}validateAlign(t){var o;null===(o=this.controller)||void 0===o||o.watchAlign(t)}validateId(t){var o;null===(o=this.controller)||void 0===o||o.watchId(t)}validateLabel(t){var o;null===(o=this.controller)||void 0===o||o.watchLabel(t)}hideTooltip(){var t;return Promise.resolve(null===(t=this.controller)||void 0===t?void 0:t.hideTooltip())}componentWillLoad(){this.controller.componentWillLoad({label:this._label,align:this._align,badgeText:this._badgeText,id:this._id})}connectedCallback(){var t,o,l;null===(t=this.controller)||void 0===t||t.initContext(null!==(l=null===(o=this.host)||void 0===o?void 0:o.previousElementSibling)&&void 0!==l?l:void 0)}componentDidRender(){var t;this.host&&(null===(t=this.controller)||void 0===t||t.handleEventListeners(this.host))}disconnectedCallback(){var t;null===(t=this.controller)||void 0===t||t.destroy()}render(){return t(o,{key:"a53a016bddcefab710ae6f44221a0e4ffe44b84a",class:"kol-tooltip"},t(s,{key:"edd70a17cc202deae7ecbbc9b8ba9ebf63c1db6f",label:this.controller.getRenderProp("label"),badgeText:this._badgeText,id:this.controller.getRenderProp("id"),refFloating:t=>{var o;return null===(o=this.controller)||void 0===o?void 0:o.setTooltipElementRef(t)}}))}get host(){return l(this)}static get watchers(){return{_align:["validateAlign"],_id:["validateId"],_label:["validateLabel"]}}};export{r as kol_tooltip_wc};

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

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","Host","getElement","autoUpdate","alignFloatingElements","watchString","getDocument","validateAlign","validateLabel","SpanFC","nonce","tooltipOpened","tooltipClosed","validateBadgeText","component","value","validateId","VISIBLE_OVERLAYS","Set","showOverlay","overlay","forEach","visibleOverlay","style","setProperty","add","hideOverlay","delete","size","last","Array","from","pop","KolTooltipWc","constructor","hostRef","this","hasFocusIn","hasMouseIn","isHiddenForCurrentVisit","resetHideFlag","isNewVisit","showTooltip","_a","previousSibling","tooltipElement","classList","remove","parentElement","addEventListener","hideTooltipByEscape","once","target","tooltipEl","cleanupAutoPositioning","alignTooltip","event","key","hideTooltip","addListeners","el","handleMouseEnter","bind","handleMouseLeave","handleFocusIn","handleFocusOut","removeListeners","removeEventListener","resyncListeners","next","replacePreviousSibling","catchTooltipElement","catchArrowElement","element","arrowElement","_align","state","_id","_label","showOrHideTooltip","clearTimeout","overFocusTimeout","setTimeout","align","referenceElement","floatingElement","undefined","render","class","hidden","length","ref","id","badgeText","_badgeText","label","required","componentWillLoad","handleEventListeners","host","previousElementSibling","connectedCallback","_b","componentDidRender","disconnectedCallback","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","Host","getElement","BaseWebComponent","TooltipFC","TooltipController","KolTooltipWc","constructor","hostRef","this","controller","stateLess","_align","validateAlign","value","_a","watchAlign","validateId","watchId","validateLabel","watchLabel","hideTooltip","Promise","resolve","componentWillLoad","label","_label","align","badgeText","_badgeText","id","_id","connectedCallback","_b","_c","initContext","host","previousElementSibling","undefined","componentDidRender","handleEventListeners","disconnectedCallback","destroy","render","key","class","getRenderProp","refFloating","el","setTooltipElementRef","watchers"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,OAAQC,OAAWC,MAAkB,kCACvDC,MAAwB,0CACxBC,MAAiB,sCACjBC,MAAyB,iCAChC,6BACA,kCACA,kCACA,8BACA,gCACA,gCACA,mCACA,2BACA,gCACA,8CACA,4CACA,4BACA,4BACA,gCAEP,MAAMC,EAAe,MACjB,WAAAC,CAAYC,GACRT,EAAiBU,KAAMD,GACvBC,KAAKC,WAAa,IAAIL,EAAkBF,EAAiBQ,WACzDF,KAAKG,OAAS,KAClB,CACA,aAAAC,CAAcC,GACV,IAAIC,GACHA,EAAKN,KAAKC,cAAgB,MAAQK,SAAY,OAAS,EAAIA,EAAGC,WAAWF,EAC9E,CACA,UAAAG,CAAWH,GACP,IAAIC,GACHA,EAAKN,KAAKC,cAAgB,MAAQK,SAAY,OAAS,EAAIA,EAAGG,QAAQJ,EAC3E,CACA,aAAAK,CAAcL,GACV,IAAIC,GACHA,EAAKN,KAAKC,cAAgB,MAAQK,SAAY,OAAS,EAAIA,EAAGK,WAAWN,EAC9E,CACA,WAAAO,GACI,IAAIN,EACJ,OAAOO,QAAQC,SAASR,EAAKN,KAAKC,cAAgB,MAAQK,SAAY,OAAS,EAAIA,EAAGM,cAC1F,CACA,iBAAAG,GACIf,KAAKC,WAAWc,kBAAkB,CAC9BC,MAAOhB,KAAKiB,OACZC,MAAOlB,KAAKG,OACZgB,UAAWnB,KAAKoB,WAChBC,GAAIrB,KAAKsB,KAEjB,CACA,iBAAAC,GACI,IAAIjB,EAAIkB,EAAIC,GACXnB,EAAKN,KAAKC,cAAgB,MAAQK,SAAY,OAAS,EAAIA,EAAGoB,aAAcD,GAAMD,EAAKxB,KAAK2B,QAAU,MAAQH,SAAY,OAAS,EAAIA,EAAGI,0BAA4B,MAAQH,SAAY,EAAIA,EAAKI,UACxM,CACA,kBAAAC,GACI,IAAIxB,EACJ,GAAIN,KAAK2B,KAAM,EACVrB,EAAKN,KAAKC,cAAgB,MAAQK,SAAY,OAAS,EAAIA,EAAGyB,qBAAqB/B,KAAK2B,KAC7F,CACJ,CACA,oBAAAK,GACI,IAAI1B,GACHA,EAAKN,KAAKC,cAAgB,MAAQK,SAAY,OAAS,EAAIA,EAAG2B,SACnE,CACA,MAAAC,GACI,OAAQ3C,EAAEC,EAAM,CAAE2C,IAAK,2CAA4CC,MAAO,eAAiB7C,EAAEI,EAAW,CAAEwC,IAAK,2CAA4CnB,MAAOhB,KAAKC,WAAWoC,cAAc,SAAUlB,UAAWnB,KAAKoB,WAAYC,GAAIrB,KAAKC,WAAWoC,cAAc,MAAOC,YAAcC,IAAS,IAAIjC,EAAI,OAAQA,EAAKN,KAAKC,cAAgB,MAAQK,SAAY,OAAS,EAAIA,EAAGkC,qBAAqBD,EAAG,IAChZ,CACA,QAAIZ,GAAS,OAAOlC,EAAWO,KAAO,CACtC,mBAAWyC,GAAa,MAAO,CAC3BtC,OAAU,CAAC,iBACXmB,IAAO,CAAC,cACRL,OAAU,CAAC,iBACZ,UAGEpB","ignoreList":[]}

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-t9mjSqi3.js";import{d as l,v as a}from"./component-names-C64MXeC1.js";import{I as o}from"./component-N8_W7bhu.js";import{e as n}from"./common-BIkdAxr0.js";import{v as r}from"./href-BtQW7uxb.js";import{v as h}from"./label-Cw7rCjUo.js";import{v as c}from"./open-BhLtfnQI.js";import{c as d}from"./clsx-COFh-Vc8.js";import{n as v}from"./dev.utils-98sTB6ui.js";import"./tslib.es6-CxX45GIN.js";import"./bem-registry-ClssJ_nC.js";const f=(e,t,i)=>{n(e,"_active",t,i)},b=class{constructor(t){e(this,t),this.groupId=`tree-group-${v()}`,this.state={_active:!1,_hasChildren:!1,_href:"",_label:"",_open:!1}}render(){const{_href:e,_active:s,_hasChildren:a,_open:n,_label:r}=this.state;return t(i,{key:"84779b44b60d29ae2a4336a1c769d7339b0205ba",onSlotchange:this.handleSlotchange.bind(this)},t("li",{key:"d703da510e3406b8a303795fc93b46b30c2bdce1",class:"kol-tree-item",style:{"--level":`${this.level}`}},t(l,{key:"abaee288fee504151843e9de6c9c992f57c6cd8e",class:d("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:a?n:void 0,_ariaOwns:a?this.groupId:void 0,ref:e=>this.linkElement=e},t("span",{key:"7ec7b0cd425a889e8c45dbdedec8b8c479fb2e83",class:"kol-tree-item__link-inner",slot:"expert"},a?t("span",{class:"kol-tree-item__toggle-button",onClick:e=>n?void this.handleCollapseClick(e):void this.handleExpandClick(e)},t(o,{class:"kol-tree-item__toggle-button-icon",icons:"kolicon kolicon-"+(n?"chevron-down":"chevron-right"),label:""})):t("span",{class:"kol-tree-item__toggle-button-placeholder"}),t("span",{key:"4b99e88bbb624c5af2f1984561ee3aee63f89be9",class:"kol-tree-item__text"},r))),t("ul",{key:"2033da37082e68b37e59d87ca6166c65708eaaf7",class:"kol-tree-item__children",hidden:!a||!n,role:"group",id:this.groupId},t("slot",{key:"ab4032f2a472db8135267b1eac2374bfe8b5efc8"}))))}validateActive(e){f(this,e||!1)}validateLabel(e){h(this,e)}validateOpen(e){c(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(){var e,t;let i=0,s=null===(t=null===(e=this.host)||void 0===e?void 0:e.parentNode)||void 0===t?void 0:t.host.parentNode;for(;null!==s&&s.tagName.toLowerCase()!==a&&s!==document.body;)s=s.parentElement,i+=1;this.level=i}handleSlotchange(){this.checkForChildren()}checkForChildren(){var e,t,i;this.state=Object.assign(Object.assign({},this.state),{_hasChildren:Boolean(null===(i=null===(t=null===(e=this.host)||void 0===e?void 0:e.querySelector("slot"))||void 0===t?void 0:t.assignedElements)||void 0===i?void 0:i.call(t).length)})}getTreeParent(){var e,t;let i=this.host;for(;i;){const s=i.closest(a);if(s){const t=null===(e=s.shadowRoot)||void 0===e?void 0:e.querySelector("kol-tree-wc");return t||void 0}const l=null===(t=i.getRootNode())||void 0===t?void 0:t.host;if(!l||l===document.body)break;i=l.parentElement}}async focus(){if(this.host&&this.linkElement)return Promise.resolve(this.linkElement.focus())}async handleExpandClick(e){e.preventDefault(),this.host&&this.linkElement&&await this.linkElement.focus(),await this.expand()}async expand(){var e,t;this.state._hasChildren&&(this.state=Object.assign(Object.assign({},this.state),{_open:!0}),null===(t=null===(e=this.getTreeParent())||void 0===e?void 0:e.invalidateOpenItemsCache)||void 0===t||t.call(e))}async handleCollapseClick(e){e.preventDefault(),this.host&&this.linkElement&&await this.linkElement.focus(),await this.collapse()}async collapse(){var e,t;this.state._hasChildren&&(this.state=Object.assign(Object.assign({},this.state),{_open:!1}),null===(t=null===(e=this.getTreeParent())||void 0===e?void 0:e.invalidateOpenItemsCache)||void 0===t||t.call(e))}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-C8rYknb2.js";import{c as l,u as a}from"./component-names-Dy77vq43.js";import{I as o}from"./component-C5-fCuhA.js";import{e as n}from"./common-BqV6Zb30.js";import{v as r}from"./href-COBxk7m0.js";import{v as d}from"./label-vxVEH2gH.js";import{v as c}from"./open-BMZVrISI.js";import{c as h}from"./clsx-COFh-Vc8.js";import{n as v}from"./dev.utils-CKaUZiiF.js";import"./tslib.es6-CxX45GIN.js";import"./bem-registry-Bux_TllX.js";const f=(e,t,i)=>{n(e,"_active",t,i)},_=class{constructor(t){e(this,t),this.groupId=`tree-group-${v()}`,this.state={_active:!1,_hasChildren:!1,_href:"",_label:"",_open:!1}}render(){const{_href:e,_active:s,_hasChildren:a,_open:n,_label:r}=this.state;return t(i,{key:"60890315a91b1558363cd75feb9e3c959d58763d",onSlotchange:this.handleSlotchange.bind(this)},t("li",{key:"a939143e08d27dbf2629701472310662fc7763a3",class:"kol-tree-item",style:{"--level":`${this.level}`}},t(l,{key:"3408b3c2656edf6c102a3fd34619424f6ac684f3",class:h("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:a?n:void 0,_ariaOwns:a?this.groupId:void 0,ref:e=>this.linkElement=e},t("span",{key:"36ef7f52bbd66c158f98d0c73484cacb6ada39a8",class:"kol-tree-item__link-inner",slot:"expert"},a?t("span",{class:"kol-tree-item__toggle-button",onClick:e=>n?void this.handleCollapseClick(e):void this.handleExpandClick(e)},t(o,{class:"kol-tree-item__toggle-button-icon",icons:"kolicon kolicon-"+(n?"chevron-down":"chevron-right"),label:""})):t("span",{class:"kol-tree-item__toggle-button-placeholder"}),t("span",{key:"c0f1c6323ce5b6dd27d9dfdd261b2c40a3649378",class:"kol-tree-item__text"},r))),t("ul",{key:"928a64d30ec2f731db90e5c04cb2cbf2cd3bc728",class:"kol-tree-item__children",hidden:!a||!n,role:"group",id:this.groupId},t("slot",{key:"88e2e466997176961827d3d61c6a1afc0d00352b"}))))}validateActive(e){f(this,e||!1)}validateLabel(e){d(this,e)}validateOpen(e){c(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(){var e,t;let i=0,s=null===(t=null===(e=this.host)||void 0===e?void 0:e.parentNode)||void 0===t?void 0:t.host.parentNode;for(;null!==s&&s.tagName.toLowerCase()!==a&&s!==document.body;)s=s.parentElement,i+=1;this.level=i}handleSlotchange(){this.checkForChildren()}checkForChildren(){var e,t,i;this.state=Object.assign(Object.assign({},this.state),{_hasChildren:Boolean(null===(i=null===(t=null===(e=this.host)||void 0===e?void 0:e.querySelector("slot"))||void 0===t?void 0:t.assignedElements)||void 0===i?void 0:i.call(t).length)})}getTreeParent(){var e,t;let i=this.host;for(;i;){const s=i.closest(a);if(s){const t=null===(e=s.shadowRoot)||void 0===e?void 0:e.querySelector("kol-tree-wc");return t||void 0}const l=null===(t=i.getRootNode())||void 0===t?void 0:t.host;if(!l||l===document.body)break;i=l.parentElement}}async focus(){if(this.host&&this.linkElement)return Promise.resolve(this.linkElement.focus())}async handleExpandClick(e){e.preventDefault(),this.host&&this.linkElement&&await this.linkElement.focus(),await this.expand()}async expand(){var e,t;this.state._hasChildren&&(this.state=Object.assign(Object.assign({},this.state),{_open:!0}),null===(t=null===(e=this.getTreeParent())||void 0===e?void 0:e.invalidateOpenItemsCache)||void 0===t||t.call(e))}async handleCollapseClick(e){e.preventDefault(),this.host&&this.linkElement&&await this.linkElement.focus(),await this.collapse()}async collapse(){var e,t;this.state._hasChildren&&(this.state=Object.assign(Object.assign({},this.state),{_open:!1}),null===(t=null===(e=this.getTreeParent())||void 0===e?void 0:e.invalidateOpenItemsCache)||void 0===t||t.call(e))}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{_ as kol_tree_item_wc};

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 '../@shared/global' as *;\n@use '../@shared/icon.mixin' as *;\n\n@layer kol-component {\n\t@include kol-icon-styles();\n\n\t.kol-tree-item {\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\talign-items: center;\n\n\t\t\t\ttext-decoration: none;\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\tmin-width: var(--a11y-min-size);\n\t\t\tmin-height: 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 * 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,k0QAAk0Q;;MCY70Q,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;;AAMpC,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;;;;;;;;;"}
+{"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 '../@shared/global' as *;\n@use '../@shared/icon.mixin' as *;\n\n@layer kol-component {\n\t@include kol-icon-styles();\n\n\t.kol-tree-item {\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\talign-items: center;\n\n\t\t\t\ttext-decoration: none;\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\tmin-width: var(--a11y-min-size);\n\t\t\tmin-height: 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 * 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,u9QAAu9Q;;MCYl+Q,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;;AAMpC,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-t9mjSqi3.js";import{o}from"./component-names-C64MXeC1.js";import"./common-BIkdAxr0.js";const t='/* 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  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1774621104972"); /* IE9*/\n  src: url("kolicons.eot?t=1774621104972#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1774621104972") format("woff2"), url("kolicons.woff?t=1774621104972") format("woff"), url("kolicons.ttf?t=1774621104972") format("truetype"), url("kolicons.svg?t=1774621104972#kolicons") format("svg"); /* iOS 4.1- */\n}\n[class^=kolicon-], [class*=" kolicon-"] {\n  font-family: "kolicons";\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1em;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.kolicon-alert-error::before {\n  content: "\\ea01";\n}\n\n.kolicon-alert-info::before {\n  content: "\\ea02";\n}\n\n.kolicon-alert-success::before {\n  content: "\\ea03";\n}\n\n.kolicon-alert-warning::before {\n  content: "\\ea04";\n}\n\n.kolicon-check::before {\n  content: "\\ea05";\n}\n\n.kolicon-chevron-double-left::before {\n  content: "\\ea06";\n}\n\n.kolicon-chevron-double-right::before {\n  content: "\\ea07";\n}\n\n.kolicon-chevron-down::before {\n  content: "\\ea08";\n}\n\n.kolicon-chevron-left::before {\n  content: "\\ea09";\n}\n\n.kolicon-chevron-right::before {\n  content: "\\ea0a";\n}\n\n.kolicon-chevron-up::before {\n  content: "\\ea0b";\n}\n\n.kolicon-cogwheel::before {\n  content: "\\ea0c";\n}\n\n.kolicon-cross::before {\n  content: "\\ea0d";\n}\n\n.kolicon-eye-closed::before {\n  content: "\\ea0e";\n}\n\n.kolicon-eye::before {\n  content: "\\ea0f";\n}\n\n.kolicon-house::before {\n  content: "\\ea10";\n}\n\n.kolicon-kolibri::before {\n  content: "\\ea11";\n}\n\n.kolicon-link-external::before {\n  content: "\\ea12";\n}\n\n.kolicon-link::before {\n  content: "\\ea13";\n}\n\n.kolicon-minus::before {\n  content: "\\ea14";\n}\n\n.kolicon-plus::before {\n  content: "\\ea15";\n}\n\n.kolicon-settings::before {\n  content: "\\ea16";\n}\n\n.kolicon-sort-asc::before {\n  content: "\\ea17";\n}\n\n.kolicon-sort-desc::before {\n  content: "\\ea18";\n}\n\n.kolicon-sort-neutral::before {\n  content: "\\ea19";\n}\n\n.kolicon-up::before {\n  content: "\\ea1a";\n}\n\n.kolicon-version::before {\n  content: "\\ea1b";\n}\n\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tree-item__link .kol-link {\n    display: inline-flex;\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    text-decoration: none;\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    min-width: var(--a11y-min-size);\n    min-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}',i=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 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(o,{key:"69f11891d14df276dfdaf32bdb1ef448eaff6167",_active:this._active,_label:this._label,_open:this._open,_href:this._href,ref:n=>this.element=n},e("slot",{key:"5994ecaba18fe6289827c57745aaaad5d422b855"}))}};i.style={default:t};export{i as kol_tree_item};
+import{r as n,h as e}from"./index-C8rYknb2.js";import{n as o}from"./component-names-Dy77vq43.js";import"./common-BqV6Zb30.js";const t='/* 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  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1775118370120"); /* IE9*/\n  src: url("kolicons.eot?t=1775118370120#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1775118370120") format("woff2"), url("kolicons.woff?t=1775118370120") format("woff"), url("kolicons.ttf?t=1775118370120") format("truetype"), url("kolicons.svg?t=1775118370120#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tree-item__link .kol-link {\n    display: inline-flex;\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    text-decoration: none;\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    min-width: var(--a11y-min-size);\n    min-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}',i=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 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(o,{key:"dfba03fe182e5d389ce9ec791e50295a7c2cea5f",_active:this._active,_label:this._label,_open:this._open,_href:this._href,ref:n=>this.element=n},e("slot",{key:"223f505a9c7f9919219ba04cf81a4507820dc176"}))}};i.style={default:t};export{i 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","focus","_a","Promise","resolve","element","expand","collapse","isOpen","_b","render","key","_active","_label","_open","_href","ref","style","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,MAAS,6BAC3BC,MAAwB,sCAC/B,uBAEP,MAAMC,EAAkB,wvQAExB,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,YAAMK,GACF,IAAIJ,EACJ,OAAOC,QAAQC,SAASF,EAAKF,KAAKK,WAAa,MAAQH,SAAY,OAAS,EAAIA,EAAGI,SACvF,CACA,cAAMC,GACF,IAAIL,EACJ,OAAOC,QAAQC,SAASF,EAAKF,KAAKK,WAAa,MAAQH,SAAY,OAAS,EAAIA,EAAGK,WACvF,CACA,YAAMC,GACF,IAAIN,EAAIO,EACR,OAAQA,SAAcP,EAAKF,KAAKK,WAAa,MAAQH,SAAY,OAAS,EAAIA,EAAGM,aAAgB,MAAQC,SAAY,EAAIA,EAAK,KAClI,CACA,MAAAC,GACI,OAAQhB,EAAEC,EAAkB,CAAEgB,IAAK,2CAA4CC,QAASZ,KAAKY,QAASC,OAAQb,KAAKa,OAAQC,MAAOd,KAAKc,MAAOC,MAAOf,KAAKe,MAAOC,IAAMX,GAAaL,KAAKK,QAAUA,GAAYX,EAAE,OAAQ,CAAEiB,IAAK,6CACpO,GAEJd,EAAYoB,MAAQ,CAChBC,QAAStB,UAGJC","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","KolTreeItemWcTag","defaultStyleCss","KolTreeItem","constructor","hostRef","this","focus","_a","Promise","resolve","element","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,64QAExB,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,YAAMK,GACF,IAAIJ,EACJ,OAAOC,QAAQC,SAASF,EAAKF,KAAKK,WAAa,MAAQH,SAAY,OAAS,EAAIA,EAAGI,SACvF,CACA,cAAMC,GACF,IAAIL,EACJ,OAAOC,QAAQC,SAASF,EAAKF,KAAKK,WAAa,MAAQH,SAAY,OAAS,EAAIA,EAAGK,WACvF,CACA,YAAMC,GACF,IAAIN,EAAIO,EACR,OAAQA,SAAcP,EAAKF,KAAKK,WAAa,MAAQH,SAAY,OAAS,EAAIA,EAAGM,aAAgB,MAAQC,SAAY,EAAIA,EAAK,KAClI,CACA,MAAAC,GACI,OAAQhB,EAAEC,EAAkB,CAAEgB,IAAK,2CAA4CC,QAASZ,KAAKY,QAASC,OAAQb,KAAKa,OAAQC,MAAOd,KAAKc,MAAOC,MAAOf,KAAKe,MAAOC,IAAMX,GAAaL,KAAKK,QAAUA,GAAYX,EAAE,OAAQ,CAAEiB,IAAK,6CACpO,GAEJd,EAAYoB,MAAQ,CAChBC,QAAStB,UAGJC","ignoreList":[]}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as i,h as e,H as t,g as a}from"./index-t9mjSqi3.js";import{w as s,v as o}from"./component-names-C64MXeC1.js";import"./common-BIkdAxr0.js";import{v as n}from"./label-Cw7rCjUo.js";const l=class{constructor(e){i(this,e),this.state={_label:""},this.cacheValid=!1}validateLabel(e){n(this,e)}async focus(){var e;const t=await this.getOpenTreeItemElements();await(null===(e=null==t?void 0:t[0])||void 0===e?void 0:e.focus())}async invalidateOpenItemsCache(){await Promise.resolve(this.cacheValid=!1)}render(){return e(t,{key:"636acab7d852b078c00f01e6d72fd95fcfcb74da",onSlotchange:this.handleSlotchange.bind(this)},e("nav",{key:"55cda41b0618a7150831099204fcbf42811e5b77",class:"kol-tree","aria-label":this.state._label},e("ul",{key:"b3f05a87934f6bc409e0699cf96adc595954f8fc",class:"kol-tree__treeview-navigation",role:"tree","aria-label":this.state._label},e("slot",{key:"6e85788adae9f7254ce2ef7723121dd31db6a52c"}))))}static isTreeItem(e){return(null==e?void 0:e.tagName)===s.toUpperCase()}componentWillLoad(){this.validateLabel(this._label),this.handleTreeChange(),this.observeChildListMutations()}disconnectedCallback(){var e;null===(e=this.observer)||void 0===e||e.disconnect(),void 0!==this.rafHandle&&(cancelAnimationFrame(this.rafHandle),this.rafHandle=void 0)}observeChildListMutations(){this.observer=new MutationObserver(()=>this.scheduleTreeChange()),this.observeTopLevelItems()}handleSlotchange(){this.observeTopLevelItems(),this.scheduleTreeChange()}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})})}scheduleTreeChange(){this.rafHandle&&cancelAnimationFrame(this.rafHandle),this.rafHandle=requestAnimationFrame(()=>{this.handleTreeChange()})}getTopLevelTreeItems(){var e,t,a,i;return null===(i=null===(a=null===(t=null===(e=this.host)||void 0===e?void 0:e.querySelector("slot"))||void 0===t?void 0:t.assignedNodes)||void 0===a?void 0:a.call(t))||void 0===i?void 0:i.filter(l.isTreeItem)}handleTreeChange(){this.treeItemElements=this.getTreeItemElements(),this.cacheValid=!1,this.ensureActiveItemVisibility()}getTreeItemElements(){var e;return null===(e=this.getTopLevelTreeItems())||void 0===e?void 0:e.reduce((e,t)=>{const a=t.querySelectorAll(s);return[...e,t,...a]},[])}async getOpenTreeItemElements(){if(!this.treeItemElements)return;if(this.cacheValid&&this.cachedOpenItems)return this.cachedOpenItems;const e=async e=>{let t=e.parentElement;for(;t&&l.isTreeItem(t);){if(!await t.isOpen())return!1;t=t.parentElement}return!0};return this.cachedOpenItems=await Promise.all(this.treeItemElements.map(async t=>({item:t,isOpen:await e(t)}))).then(e=>e.filter(({isOpen:e})=>e).map(({item:e})=>e)),this.cacheValid=!0,this.cachedOpenItems}async handleKeyDown(e){var t,a,i,l,n,r,o,c,d,v;const h=await this.getOpenTreeItemElements(),u=null===(t=document.activeElement)||void 0===t?void 0:t.closest(s),m=e.metaKey||e.altKey||e.ctrlKey||e.shiftKey;if(!h||!u)return;const f=null==h?void 0:h.findIndex(e=>e===u);switch(e.key){case"ArrowDown":await(null===(a=h[f+1])||void 0===a?void 0:a.focus()),e.preventDefault();break;case"ArrowUp":await(null===(i=h[f-1])||void 0===i?void 0:i.focus()),e.preventDefault();break;case"Right":case"ArrowRight":e.preventDefault(),await u.isOpen()?await(null===(l=h[f+1])||void 0===l?void 0:l.focus()):await u.expand();break;case"Left":case"ArrowLeft":if(e.preventDefault(),await u.isOpen())await u.collapse();else{const e=u.parentElement,t=e?h.indexOf(e):-1;-1!==t&&await(null===(n=h[t])||void 0===n?void 0:n.focus())}break;case"Home":await(null===(r=h[0])||void 0===r?void 0:r.focus()),e.preventDefault();break;case"End":await(null===(o=h[h.length-1])||void 0===o?void 0:o.focus()),e.preventDefault();break;case null===(c=e.key.match(/^[a-zA-Z0-9]$/))||void 0===c?void 0:c.input:if(!m){const t=e.key.toLowerCase(),a=h.indexOf(u)+1;let i=h.slice(a).findIndex(e=>{var a;return null===(a=e.getAttribute("_label"))||void 0===a?void 0:a.trim().toLowerCase().startsWith(t)});-1===i?i=h.slice(0,a).findIndex(e=>{var a;return null===(a=e.getAttribute("_label"))||void 0===a?void 0:a.trim().toLowerCase().startsWith(t)}):i+=a,-1!==i&&(await(null===(d=h[i])||void 0===d?void 0:d.focus()),e.preventDefault())}break;case"*":{const e=null===(v=u.parentElement)||void 0===v?void 0:v.querySelectorAll(s);null==e||e.forEach(e=>{e.expand()});break}}}handleFocusIn(e){var t;e.target!==this.host||(null===(t=document.activeElement)||void 0===t?void 0:t.closest(s))||requestAnimationFrame(()=>{this.focus()})}handleFocusOut(e){e.relatedTarget&&!e.relatedTarget.closest(o)&&this.ensureActiveItemVisibility()}ensureActiveItemVisibility(){const e=t=>{l.isTreeItem(t.parentElement)&&(t.parentElement.expand(),e(t.parentElement))},t=(()=>{var e,t,a,i,n;const r=null!==(n=null===(i=null===(a=null===(t=null===(e=this.host)||void 0===e?void 0:e.querySelector("slot"))||void 0===t?void 0:t.assignedNodes)||void 0===a?void 0:a.call(t))||void 0===i?void 0:i.filter(l.isTreeItem))&&void 0!==n?n:[];for(const e of r){if(e._active)return e;const t=e.querySelector(`${s}[_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 i,h as e,H as t,g as a}from"./index-C8rYknb2.js";import{v as s,u as o}from"./component-names-Dy77vq43.js";import"./common-BqV6Zb30.js";import{v as n}from"./label-vxVEH2gH.js";const l=class{constructor(e){i(this,e),this.state={_label:""},this.cacheValid=!1}validateLabel(e){n(this,e)}async focus(){var e;const t=await this.getOpenTreeItemElements();await(null===(e=null==t?void 0:t[0])||void 0===e?void 0:e.focus())}async invalidateOpenItemsCache(){await Promise.resolve(this.cacheValid=!1)}render(){return e(t,{key:"912478d7f9395efe423328c6a76f1e5d16530f2b",onSlotchange:this.handleSlotchange.bind(this)},e("nav",{key:"12c8298f68eab178aef7d2688306a5ef5b5f5134",class:"kol-tree","aria-label":this.state._label},e("ul",{key:"ea58c537227eb2d1df29ccf60db9591c90f54324",class:"kol-tree__treeview-navigation",role:"tree","aria-label":this.state._label},e("slot",{key:"ba1ada6256f92e18d826c7ac92c352ffc8fb4eab"}))))}static isTreeItem(e){return(null==e?void 0:e.tagName)===s.toUpperCase()}componentWillLoad(){this.validateLabel(this._label),this.handleTreeChange(),this.observeChildListMutations()}disconnectedCallback(){var e;null===(e=this.observer)||void 0===e||e.disconnect(),void 0!==this.rafHandle&&(cancelAnimationFrame(this.rafHandle),this.rafHandle=void 0)}observeChildListMutations(){this.observer=new MutationObserver(()=>this.scheduleTreeChange()),this.observeTopLevelItems()}handleSlotchange(){this.observeTopLevelItems(),this.scheduleTreeChange()}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})})}scheduleTreeChange(){this.rafHandle&&cancelAnimationFrame(this.rafHandle),this.rafHandle=requestAnimationFrame(()=>{this.handleTreeChange()})}getTopLevelTreeItems(){var e,t,a,i;return null===(i=null===(a=null===(t=null===(e=this.host)||void 0===e?void 0:e.querySelector("slot"))||void 0===t?void 0:t.assignedNodes)||void 0===a?void 0:a.call(t))||void 0===i?void 0:i.filter(l.isTreeItem)}handleTreeChange(){this.treeItemElements=this.getTreeItemElements(),this.cacheValid=!1,this.ensureActiveItemVisibility()}getTreeItemElements(){var e;return null===(e=this.getTopLevelTreeItems())||void 0===e?void 0:e.reduce((e,t)=>{const a=t.querySelectorAll(s);return[...e,t,...a]},[])}async getOpenTreeItemElements(){if(!this.treeItemElements)return;if(this.cacheValid&&this.cachedOpenItems)return this.cachedOpenItems;const e=async e=>{let t=e.parentElement;for(;t&&l.isTreeItem(t);){if(!await t.isOpen())return!1;t=t.parentElement}return!0};return this.cachedOpenItems=await Promise.all(this.treeItemElements.map(async t=>({item:t,isOpen:await e(t)}))).then(e=>e.filter(({isOpen:e})=>e).map(({item:e})=>e)),this.cacheValid=!0,this.cachedOpenItems}async handleKeyDown(e){var t,a,i,l,n,r,o,c,d,v;const h=await this.getOpenTreeItemElements(),u=null===(t=document.activeElement)||void 0===t?void 0:t.closest(s),m=e.metaKey||e.altKey||e.ctrlKey||e.shiftKey;if(!h||!u)return;const f=null==h?void 0:h.findIndex(e=>e===u);switch(e.key){case"ArrowDown":await(null===(a=h[f+1])||void 0===a?void 0:a.focus()),e.preventDefault();break;case"ArrowUp":await(null===(i=h[f-1])||void 0===i?void 0:i.focus()),e.preventDefault();break;case"Right":case"ArrowRight":e.preventDefault(),await u.isOpen()?await(null===(l=h[f+1])||void 0===l?void 0:l.focus()):await u.expand();break;case"Left":case"ArrowLeft":if(e.preventDefault(),await u.isOpen())await u.collapse();else{const e=u.parentElement,t=e?h.indexOf(e):-1;-1!==t&&await(null===(n=h[t])||void 0===n?void 0:n.focus())}break;case"Home":await(null===(r=h[0])||void 0===r?void 0:r.focus()),e.preventDefault();break;case"End":await(null===(o=h[h.length-1])||void 0===o?void 0:o.focus()),e.preventDefault();break;case null===(c=e.key.match(/^[a-zA-Z0-9]$/))||void 0===c?void 0:c.input:if(!m){const t=e.key.toLowerCase(),a=h.indexOf(u)+1;let i=h.slice(a).findIndex(e=>{var a;return null===(a=e.getAttribute("_label"))||void 0===a?void 0:a.trim().toLowerCase().startsWith(t)});-1===i?i=h.slice(0,a).findIndex(e=>{var a;return null===(a=e.getAttribute("_label"))||void 0===a?void 0:a.trim().toLowerCase().startsWith(t)}):i+=a,-1!==i&&(await(null===(d=h[i])||void 0===d?void 0:d.focus()),e.preventDefault())}break;case"*":{const e=null===(v=u.parentElement)||void 0===v?void 0:v.querySelectorAll(s);null==e||e.forEach(e=>{e.expand()});break}}}handleFocusIn(e){var t;e.target!==this.host||(null===(t=document.activeElement)||void 0===t?void 0:t.closest(s))||requestAnimationFrame(()=>{this.focus()})}handleFocusOut(e){e.relatedTarget&&!e.relatedTarget.closest(o)&&this.ensureActiveItemVisibility()}ensureActiveItemVisibility(){const e=t=>{l.isTreeItem(t.parentElement)&&(t.parentElement.expand(),e(t.parentElement))},t=(()=>{var e,t,a,i,n;const r=null!==(n=null===(i=null===(a=null===(t=null===(e=this.host)||void 0===e?void 0:e.querySelector("slot"))||void 0===t?void 0:t.assignedNodes)||void 0===a?void 0:a.call(t))||void 0===i?void 0:i.filter(l.isTreeItem))&&void 0!==n?n:[];for(const e of r){if(e._active)return e;const t=e.querySelector(`${s}[_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};