@public-ui/components 4.0.0-alpha.0 → 4.0.0-alpha.1

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

@@ -0,0 +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 { AlignPropType, BadgeTextPropType, IdPropType, LabelPropType, TooltipAPI, TooltipStates } from '../../schema';\nimport { getDocument, validateBadgeText, validateAlign, validateId, validateLabel } from '../../schema';\nimport type { JSX } from '@stencil/core';\nimport { Method } from '@stencil/core';\nimport { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { alignFloatingElements } from '../../utils/align-floating-elements';\nimport { hideOverlay, showOverlay } from '../../utils/overlay';\nimport { KolSpanFc } from '../../functional-components';\nimport { tooltipClosed, tooltipOpened } from '../../utils/tooltip-open-tracking';\n\n// Timing Guidelines for Exposing Hidden Content: https://www.nngroup.com/articles/timing-exposing-content/\nconst TOOLTIP_DELAY = 300;\n\n/**\n * @internal\n */\n@Component({\n\ttag: 'kol-tooltip-wc',\n\tshadow: false,\n})\nexport class KolTooltipWc implements TooltipAPI {\n\t@Element() private host!: HTMLKolTooltipWcElement;\n\n\tprivate arrowElement?: HTMLDivElement;\n\tprivate previousSibling?: Element | null;\n\tprivate tooltipElement?: HTMLDivElement;\n\n\tprivate cleanupAutoPositioning?: () => void;\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.previousSibling && this.tooltipElement /* SSR instanceof HTMLElement */) {\n\t\t\tshowOverlay(this.tooltipElement);\n\t\t\ttooltipOpened();\n\t\t\tthis.tooltipElement.style.setProperty('display', 'block');\n\t\t\tgetDocument().addEventListener('keyup', this.hideTooltipByEscape);\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\tprivate showTooltipTimeout?: ReturnType<typeof setTimeout>;\n\tprivate showTooltipWithDelay = (): void => {\n\t\tclearTimeout(this.hideTooltipTimeout); // Cancel scheduled closings on re-enter\n\t\tclearTimeout(this.showTooltipTimeout);\n\t\tthis.showTooltipTimeout = setTimeout(() => {\n\t\t\tthis.showTooltip();\n\t\t}, TOOLTIP_DELAY);\n\t};\n\n\tprivate hideTooltipTimeout?: ReturnType<typeof setTimeout>;\n\tprivate hideTooltipWithDelay = (): void => {\n\t\tclearTimeout(this.hideTooltipTimeout);\n\t\tthis.hideTooltipTimeout = setTimeout(() => {\n\t\t\tvoid this.hideTooltip();\n\t\t}, TOOLTIP_DELAY);\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\tclearTimeout(this.showTooltipTimeout); // Cancel scheduled tooltips\n\t\tif (this.tooltipElement /* SSR instanceof HTMLElement */) {\n\t\t\thideOverlay(this.tooltipElement);\n\t\t\ttooltipClosed();\n\t\t\tthis.tooltipElement.style.setProperty('display', 'none');\n\t\t\tthis.tooltipElement.style.setProperty('visibility', 'hidden');\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\tthis.showTooltipWithDelay();\n\t}\n\tprivate handleMouseleave() {\n\t\tthis.hideTooltipWithDelay();\n\t}\n\tprivate handleFocusIn() {\n\t\tthis.showTooltipWithDelay();\n\t}\n\tprivate handleFocusout() {\n\t\tthis.hideTooltipWithDelay();\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{this.state._label !== '' && (\n\t\t\t\t\t<div class=\"kol-tooltip__floating\" ref={this.catchTooltipElement}>\n\t\t\t\t\t\t<div class=\"kol-tooltip__arrow\" ref={this.catchArrowElement} />\n\t\t\t\t\t\t<KolSpanFc class=\"kol-tooltip__content\" id={this.state._id} badgeText={this._badgeText} label={this.state._label} />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the elements badge text.\n\t */\n\t@Prop() public _badgeText?: BadgeTextPropType;\n\n\t/**\n\t * Defines the alignment of the tooltip, popover or tabs in relation to the element.\n\t */\n\t@Prop() public _align?: AlignPropType = 'top';\n\n\t/**\n\t * Defines the internal ID of the primary component element.\n\t * @internal\n\t */\n\t@Prop() public _id?: IdPropType;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label!: LabelPropType;\n\n\t@State() public state: TooltipStates = {\n\t\t_align: 'top',\n\t\t_label: '', // ⚠ required\n\t};\n\n\t@Watch('_badgeText')\n\tpublic validateBadgeText(value?: BadgeTextPropType): void {\n\t\tvalidateBadgeText(this, value);\n\t}\n\n\t@Watch('_align')\n\tpublic validateAlign(value?: AlignPropType): void {\n\t\tvalidateAlign(this, value);\n\t}\n\n\t@Watch('_id')\n\tpublic validateId(value?: IdPropType): void {\n\t\tvalidateId(this, value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\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}\n\n\tpublic componentDidRender(): void {\n\t\tthis.handleEventListeners();\n\t}\n\n\t/**\n\t * @see: components/abbr/component.tsx (componentDidLoad)\n\t */\n\tpublic disconnectedCallback(): void {\n\t\tif (this.previousSibling /* SSR instanceof HTMLElement */) {\n\t\t\tthis.removeListeners(this.previousSibling);\n\t\t\tthis.previousSibling = undefined;\n\t\t}\n\t\tif (this.tooltipElement /* SSR instanceof HTMLElement */) {\n\t\t\tthis.removeListeners(this.tooltipElement);\n\t\t}\n\t\tif (this.cleanupAutoPositioning) {\n\t\t\tthis.cleanupAutoPositioning();\n\t\t}\n\t}\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as t,h as i,H as s,g as e}from"./index-4c718166.js";import{b as h,a}from"./align-floating-elements-a8debc3a.js";import{K as o}from"./Span-ce92e80b.js";import{i as n}from"./prop.validators-c5e6ad2d.js";import{g as l}from"./dev.utils-fab45cbc.js";import{v as d}from"./align-3f029493.js";import{v as c}from"./label-d70e7c34.js";import"./reuse-32931294.js";import"./tslib.es6-2e5096f8.js";import"./clsx-09a06a12.js";import"./component-names-aa3cbc3c.js";import"./InternalUnderlinedBadgeText-68465b64.js";import"./index-541b643a.js";const r=(t,e)=>{n(t,"_badgeText",e)},f=(t,e)=>{n(t,"_id",e)},u=new Set;function p(t){u.forEach((t=>{t.style.setProperty("z-index","999")})),u.add(t),t.style.setProperty("z-index","1000")}function m(t){if(u.delete(t),u.size>0){const t=Array.from(u).pop();t&&t.style.setProperty("z-index","1000")}}const b=class{constructor(e){t(this,e),this.hasFocusIn=!1,this.hasMouseIn=!1,this.showTooltip=()=>{if(this.previousSibling&&this.tooltipElement){p(this.tooltipElement),this.tooltipElement.style.setProperty("display","block"),l().addEventListener("keyup",this.hideTooltipByEscape);const t=this.previousSibling,e=this.tooltipElement;this.cleanupAutoPositioning=h(t,e,(()=>{this.alignTooltip()}))}},this.hideTooltip=()=>{this.tooltipElement&&(m(this.tooltipElement),this.tooltipElement.style.setProperty("display","none"),this.tooltipElement.style.setProperty("visibility","hidden"),this.cleanupAutoPositioning&&(this.cleanupAutoPositioning(),this.cleanupAutoPositioning=void 0)),l().removeEventListener("keyup",this.hideTooltipByEscape)},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,e,i=!1)=>{t&&this.removeListeners(t),e&&(i&&(this.previousSibling=e),this.addListeners(e))},this.catchTooltipElement=t=>{this.tooltipElement=t},this.catchArrowElement=t=>{this.arrowElement=t},this.showOrHideTooltip=()=>{clearTimeout(this.overFocusTimeout),this.overFocusTimeout=setTimeout((()=>{this.hasMouseIn||this.hasFocusIn?this.showTooltip():this.hideTooltip()}),300)},this._badgeText=void 0,this._align="top",this._id=void 0,this._label=void 0,this.state={_align:"top",_label:""}}async alignTooltip(){this.tooltipElement&&this.previousSibling&&await a({align:this._align,referenceElement:this.previousSibling,arrowElement:this.arrowElement,floatingElement:this.tooltipElement})}handleMouseEnter(){this.hasMouseIn=!0,this.showOrHideTooltip()}handleMouseleave(){this.hasMouseIn=!1,this.showOrHideTooltip()}handleFocusIn(){this.hasFocusIn=!0,this.showOrHideTooltip()}handleFocusout(){this.hasFocusIn=!1,this.showOrHideTooltip()}render(){return i(s,{key:"2be9c5d6962bdad636626a1751cea1b631db421a",class:"kol-tooltip-wc"},""!==this.state._label&&i("div",{key:"3161307174c34c73eb4e15c0a0d5d0a8fe4a5cb7",class:"tooltip-floating",ref:this.catchTooltipElement},i("div",{key:"c622d8585cff191a2e6f5fc978cfbf06558cfe7b",class:"tooltip-area tooltip-arrow",ref:this.catchArrowElement}),i(o,{key:"b6083e4cef6e04136e86168a8fa4c8a8fdff43af",class:"tooltip-area tooltip-content",id:this.state._id,badgeText:this._badgeText,label:this.state._label})))}validateBadgeText(t){r(this,t)}validateAlign(t){d(this,t)}validateId(t){f(this,t)}validateLabel(t){c(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;this.previousSibling=null===(t=this.host)||void 0===t?void 0:t.previousElementSibling}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{b as kol_tooltip_wc};
+import{r as t,h as i,H as s,g as e}from"./index-Dina3aff.js";import{b as h,a as o}from"./align-floating-elements-Bx4ukVlr.js";import{e as a,A as n}from"./common-8fBdMvJM.js";import{v as l}from"./align-CyK0wp7d.js";import{v as r}from"./label-CdtNxOKu.js";import"./Alert-yh8R3coC.js";import{K as d}from"./Span-5ZR0JDnP.js";import"./i18n-CdSCDnmA.js";import{t as c,a as m}from"./tooltip-open-tracking-rBbBgPWP.js";import"./tslib.es6-CxX45GIN.js";import"./clsx-eK3rPvPS.js";import"./component-names-CkE54Ym7.js";import"./bem-CHTjklyp.js";import"./browser-Ba2Wl_kh.js";import"./Heading-KhwFHPZb.js";import"./Icon-BsRmEtCa.js";import"./reuse-CX4AQDkS.js";import"./markdown-DL-PkOqb.js";import"./InternalUnderlinedBadgeText-BnPUgbKl.js";import"./isObject-DvSELytj.js";import"./i18n-ZF6JbdVP.js";const p=(t,e)=>{a(t,"_badgeText",e)},f=(t,e)=>{a(t,"_id",e)},u=new Set;function b(t){u.forEach(t=>{t.style.setProperty("z-index","999")}),u.add(t),t.style.setProperty("z-index","1000")}function v(t){if(u.delete(t),u.size>0){const t=Array.from(u).pop();t&&t.style.setProperty("z-index","1000")}}const g=300,j=class{constructor(e){t(this,e),this.showTooltip=()=>{if(this.previousSibling&&this.tooltipElement){b(this.tooltipElement),c(),this.tooltipElement.style.setProperty("display","block"),n().addEventListener("keyup",this.hideTooltipByEscape);const t=this.previousSibling,e=this.tooltipElement;this.cleanupAutoPositioning=h(t,e,()=>{this.alignTooltip()})}},this.showTooltipWithDelay=()=>{clearTimeout(this.hideTooltipTimeout),clearTimeout(this.showTooltipTimeout),this.showTooltipTimeout=setTimeout(()=>{this.showTooltip()},g)},this.hideTooltipWithDelay=()=>{clearTimeout(this.hideTooltipTimeout),this.hideTooltipTimeout=setTimeout(()=>{this.hideTooltip()},g)},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,e,i=!1)=>{t&&this.removeListeners(t),e&&(i&&(this.previousSibling=e),this.addListeners(e))},this.catchTooltipElement=t=>{this.tooltipElement=t},this.catchArrowElement=t=>{this.arrowElement=t},this._align="top",this.state={_align:"top",_label:""}}async alignTooltip(){this.tooltipElement&&this.previousSibling&&await o({align:this._align,referenceElement:this.previousSibling,arrowElement:this.arrowElement,floatingElement:this.tooltipElement})}async hideTooltip(){clearTimeout(this.showTooltipTimeout),this.tooltipElement&&(v(this.tooltipElement),m(),this.tooltipElement.style.setProperty("display","none"),this.tooltipElement.style.setProperty("visibility","hidden"),this.cleanupAutoPositioning&&(this.cleanupAutoPositioning(),this.cleanupAutoPositioning=void 0)),n().removeEventListener("keyup",this.hideTooltipByEscape)}handleMouseEnter(){this.showTooltipWithDelay()}handleMouseleave(){this.hideTooltipWithDelay()}handleFocusIn(){this.showTooltipWithDelay()}handleFocusout(){this.hideTooltipWithDelay()}render(){return i(s,{key:"f6e31c6aa5dc271ada1f4096427b58a9a5d0b103",class:"kol-tooltip"},""!==this.state._label&&i("div",{key:"96c552106c2451123f77cc3214519e992f652056",class:"kol-tooltip__floating",ref:this.catchTooltipElement},i("div",{key:"d3e834e3c18fb563b4a521e476e221e8eb1c3964",class:"kol-tooltip__arrow",ref:this.catchArrowElement}),i(d,{key:"18b65ec1410d49445016aa3ca0373a113b3e9510",class:"kol-tooltip__content",id:this.state._id,badgeText:this._badgeText,label:this.state._label})))}validateBadgeText(t){p(this,t)}validateAlign(t){l(this,t)}validateId(t){f(this,t)}validateLabel(t){r(this,t,{required:!0})}componentWillLoad(){this.validateBadgeText(this._badgeText),this.validateAlign(this._align),this.validateId(this._id),this.validateLabel(this._label)}handleEventListeners(){var t;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;this.previousSibling=null===(t=this.host)||void 0===t?void 0:t.previousElementSibling}componentDidRender(){this.handleEventListeners()}disconnectedCallback(){this.previousSibling&&(this.removeListeners(this.previousSibling),this.previousSibling=void 0),this.tooltipElement&&this.removeListeners(this.tooltipElement),this.cleanupAutoPositioning&&this.cleanupAutoPositioning()}get host(){return e(this)}static get watchers(){return{_badgeText:["validateBadgeText"],_align:["validateAlign"],_id:["validateId"],_label:["validateLabel"]}}};export{j as kol_tooltip_wc};

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

@@ -1 +1 @@
-{"version":3,"names":["validateBadgeText","component","value","watchString","validateId","VISIBLE_OVERLAYS","Set","showOverlay","overlay","forEach","visibleOverlay","style","setProperty","add","hideOverlay","delete","size","last","Array","from","pop","KolTooltipWc","this","hasFocusIn","hasMouseIn","showTooltip","previousSibling","tooltipElement","getDocument","addEventListener","hideTooltipByEscape","target","tooltipEl","cleanupAutoPositioning","autoUpdate","alignTooltip","hideTooltip","undefined","removeEventListener","event","key","addListeners","el","handleMouseEnter","bind","handleMouseleave","handleFocusIn","handleFocusout","removeListeners","resyncListeners","next","replacePreviousSibling","catchTooltipElement","catchArrowElement","element","arrowElement","showOrHideTooltip","clearTimeout","overFocusTimeout","setTimeout","_align","_label","alignFloatingElements","align","referenceElement","floatingElement","render","h","Host","class","state","ref","KolSpanFc","id","_id","badgeText","_badgeText","label","validateAlign","validateLabel","required","componentWillLoad","handleEventListeners","_a","host","previousElementSibling","connectedCallback","componentDidRender","disconnectedCallback"],"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 */\nexport type PropId = {\n\tid: IdPropType;\n};\n\n/* validator */\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 { AlignPropType, BadgeTextPropType, IdPropType, LabelPropType, TooltipAPI, TooltipStates } from '../../schema';\nimport { getDocument, validateBadgeText, validateAlign, validateId, validateLabel } from '../../schema';\nimport type { JSX } from '@stencil/core';\nimport { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { alignFloatingElements } from '../../utils/align-floating-elements';\nimport { hideOverlay, showOverlay } from '../../utils/overlay';\nimport { KolSpanFc } from '../../functional-components';\n\n/**\n * @internal\n */\n@Component({\n\ttag: 'kol-tooltip-wc',\n\tshadow: false,\n})\nexport class KolTooltipWc implements TooltipAPI {\n\t@Element() private host!: HTMLKolTooltipWcElement;\n\n\tprivate arrowElement?: HTMLDivElement;\n\tprivate previousSibling?: Element | null;\n\tprivate tooltipElement?: HTMLDivElement;\n\tprivate hasFocusIn = false;\n\tprivate hasMouseIn = false;\n\n\tprivate cleanupAutoPositioning?: () => void;\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.previousSibling && this.tooltipElement /* SSR instanceof HTMLElement */) {\n\t\t\tshowOverlay(this.tooltipElement);\n\t\t\tthis.tooltipElement.style.setProperty('display', 'block');\n\t\t\tgetDocument().addEventListener('keyup', this.hideTooltipByEscape);\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\tprivate hideTooltip = (): void => {\n\t\tif (this.tooltipElement /* SSR instanceof HTMLElement */) {\n\t\t\thideOverlay(this.tooltipElement);\n\t\t\tthis.tooltipElement.style.setProperty('display', 'none');\n\t\t\tthis.tooltipElement.style.setProperty('visibility', 'hidden');\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\tthis.hideTooltip();\n\t\t}\n\t};\n\n\tprivate handleMouseEnter() {\n\t\tthis.hasMouseIn = true;\n\t\tthis.showOrHideTooltip();\n\t}\n\tprivate handleMouseleave() {\n\t\tthis.hasMouseIn = false;\n\t\tthis.showOrHideTooltip();\n\t}\n\tprivate handleFocusIn() {\n\t\tthis.hasFocusIn = true;\n\t\tthis.showOrHideTooltip();\n\t}\n\tprivate handleFocusout() {\n\t\tthis.hasFocusIn = false;\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-wc\">\n\t\t\t\t{this.state._label !== '' && (\n\t\t\t\t\t<div class=\"tooltip-floating\" ref={this.catchTooltipElement}>\n\t\t\t\t\t\t<div class=\"tooltip-area tooltip-arrow\" ref={this.catchArrowElement} />\n\t\t\t\t\t\t<KolSpanFc class=\"tooltip-area tooltip-content\" id={this.state._id} badgeText={this._badgeText} label={this.state._label} />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the elements badge text.\n\t */\n\t@Prop() public _badgeText?: BadgeTextPropType;\n\n\t/**\n\t * Defines the alignment of the tooltip, popover or tabs in relation to the element.\n\t */\n\t@Prop() public _align?: AlignPropType = 'top';\n\n\t/**\n\t * Defines the internal ID of the primary component element.\n\t */\n\t@Prop() public _id?: IdPropType;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label!: LabelPropType;\n\n\t@State() public state: TooltipStates = {\n\t\t_align: 'top',\n\t\t_label: '', // ⚠ required\n\t};\n\n\t@Watch('_badgeText')\n\tpublic validateBadgeText(value?: BadgeTextPropType): void {\n\t\tvalidateBadgeText(this, value);\n\t}\n\n\t@Watch('_align')\n\tpublic validateAlign(value?: AlignPropType): void {\n\t\tvalidateAlign(this, value);\n\t}\n\n\t@Watch('_id')\n\tpublic validateId(value?: IdPropType): void {\n\t\tvalidateId(this, value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\tprivate overFocusTimeout?: ReturnType<typeof setTimeout>;\n\n\tprivate showOrHideTooltip = (): void => {\n\t\tclearTimeout(this.overFocusTimeout);\n\t\tthis.overFocusTimeout = setTimeout(() => {\n\t\t\tif (this.hasMouseIn || this.hasFocusIn) {\n\t\t\t\tthis.showTooltip();\n\t\t\t} else {\n\t\t\t\tthis.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}\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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","Host","getElement","autoUpdate","alignFloatingElements","watchString","getDocument","validateAlign","validateLabel","KolSpanFc","tooltipOpened","tooltipClosed","validateBadgeText","component","value","validateId","VISIBLE_OVERLAYS","Set","showOverlay","overlay","forEach","visibleOverlay","style","setProperty","add","hideOverlay","delete","size","last","Array","from","pop","TOOLTIP_DELAY","KolTooltipWc","constructor","hostRef","this","showTooltip","previousSibling","tooltipElement","addEventListener","hideTooltipByEscape","target","tooltipEl","cleanupAutoPositioning","alignTooltip","showTooltipWithDelay","clearTimeout","hideTooltipTimeout","showTooltipTimeout","setTimeout","hideTooltipWithDelay","hideTooltip","event","key","addListeners","el","handleMouseEnter","bind","handleMouseleave","handleFocusIn","handleFocusout","removeListeners","removeEventListener","resyncListeners","next","replacePreviousSibling","catchTooltipElement","catchArrowElement","element","arrowElement","_align","state","_label","align","referenceElement","floatingElement","undefined","render","class","ref","id","_id","badgeText","_badgeText","label","required","componentWillLoad","handleEventListeners","_a","host","previousElementSibling","connectedCallback","componentDidRender","disconnectedCallback","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}

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

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

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 a}from"./index-4c718166.js";import{g as s,d as l,v as n}from"./component-names-aa3cbc3c.js";import{n as c}from"./dev.utils-5db255b5.js";import{b as d}from"./prop.validators-c5e6ad2d.js";import{v as o}from"./label-d70e7c34.js";import{v as h}from"./open-f7031548.js";import{v as r}from"./href-31b01f08.js";import"./reuse-32931294.js";import"./dev.utils-fab45cbc.js";import"./index-541b643a.js";const f=(e,t,a)=>{d(e,"_active",t,a)},b=class{constructor(t){e(this,t),this.groupId=`tree-group-${c()}`,this.level=void 0,this.state={_active:!1,_hasChildren:!1,_href:"",_label:"",_open:!1},this._active=void 0,this._label=void 0,this._open=void 0,this._href=void 0}render(){const{_href:e,_active:a,_hasChildren:o,_open:n,_label:c}=this.state;return t(i,{key:"4364cb19591055058e8893714c9a6deaf0afdad1",onSlotchange:this.handleSlotchange.bind(this),class:"kol-tree-item-wc"},t("li",{key:"ad5d8a8054180d0bdec565fb1b2101045f7d343f",class:"tree-item",style:{"--level":`${this.level}`}},t(s,{key:"901f2bc989fde2687e115056a67c6548ebbcc157",class:{"tree-link":!0,"first-level":0===this.level,active:Boolean(a)},_href:e,_label:"",_role:"treeitem",_tabIndex:a?0:-1,_ariaExpanded:o?n:void 0,_ariaOwns:o?this.groupId:void 0,ref:e=>this.linkElement=e},t("span",{key:"9870cc6ece0861216dc44fd9a24f6ad878dee8a5",slot:"expert"},o&&t("span",{key:"8d07da1ca25ea86118c8eac6400b46029137a544",class:"toggle-button",onClick:e=>n?void this.handleCollapseClick(e):void this.handleExpandClick(e)},t(l,{key:"95649317f4685ed2c46bb30feb65325e4125ab9b",class:"toggle-button-icon",_icons:"codicon codicon-"+(n?"chevron-down":"chevron-right"),_label:""}))," ",c)),t("ul",{key:"c9f1633a0884483d4a050d3c87b071a9ac179d22",hidden:!o||!n,role:"group",id:this.groupId},t("slot",{key:"67dda157773837ab70455a9457ca4ca8b783e532"}))))}validateActive(e){f(this,e||!1)}validateLabel(e){o(this,e)}validateOpen(e){h(this,e)}validateHref(e){r(this,e)}componentWillLoad(){this.validateActive(this._active),this.validateLabel(this._label),this.validateOpen(this._open),this.validateHref(this._href),this.checkForChildren(),this.determineTreeItemDepth()}determineTreeItemDepth(){let e=0,t=this.host.parentNode.host.parentNode;for(;null!==t&&t.tagName.toLowerCase()!==n&&t!==document.body;)t=t.parentElement,e+=1;this.level=e}handleSlotchange(){this.checkForChildren()}checkForChildren(){var e,t;this.state=Object.assign(Object.assign({},this.state),{_hasChildren:Boolean(null===(t=null===(e=this.host.querySelector("slot"))||void 0===e?void 0:e.assignedElements)||void 0===t?void 0:t.call(e).length)})}async focusLink(){await this.linkElement.kolFocus()}async handleExpandClick(e){e.preventDefault(),await this.linkElement.kolFocus(),await this.expand()}async expand(){this.state._hasChildren&&(this.state=Object.assign(Object.assign({},this.state),{_open:!0}))}async handleCollapseClick(e){e.preventDefault(),this.linkElement.focus(),await this.collapse()}async collapse(){this.state._hasChildren&&(this.state=Object.assign(Object.assign({},this.state),{_open:!1}))}async isOpen(){var e;return null!==(e=this.state._open)&&void 0!==e&&e}get host(){return a(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-Dina3aff.js";import{d as a}from"./common-8fBdMvJM.js";import{v as l}from"./href-zZq6HYWf.js";import{v as o}from"./label-CdtNxOKu.js";import{v as n}from"./open-D9q98v46.js";import{f as r,e as c,x as h}from"./component-names-CkE54Ym7.js";import{n as d}from"./dev.utils-0SH3ep_K.js";import{c as f}from"./clsx-eK3rPvPS.js";const _=(e,t,s)=>{a(e,"_active",t,s)},b=class{constructor(t){e(this,t),this.groupId=`tree-group-${d()}`,this.state={_active:!1,_hasChildren:!1,_href:"",_label:"",_open:!1}}render(){const{_href:e,_active:a,_hasChildren:s,_open:l,_label:n}=this.state;return t(i,{key:"59dba82967b79373a9b3eb040bb1fafed522060b",onSlotchange:this.handleSlotchange.bind(this)},t("li",{key:"214ebbe9b6850f2fde0f9e83bd0019feb6a62714",class:"kol-tree-item",style:{"--level":`${this.level}`}},t(r,{key:"25c19762e151a6628e6604ae656db511cf3bd2ef",class:f("kol-tree-item__link",{"kol-tree-item__link--first-level":0===this.level,"kol-tree-item__link--active":a}),_href:e,_label:"",_role:"treeitem",_tabIndex:a?0:-1,_ariaExpanded:s?l:void 0,_ariaOwns:s?this.groupId:void 0,ref:e=>this.linkElement=e},t("span",{key:"1d511401118ac91f1d23dab02a0ac21109a7cbe8",class:"kol-tree-item__link-inner",slot:"expert"},s?t("span",{class:"kol-tree-item__toggle-button",onClick:e=>l?void this.handleCollapseClick(e):void this.handleExpandClick(e)},t(c,{class:"kol-tree-item__toggle-button-icon",_icons:"codicon codicon-"+(l?"chevron-down":"chevron-right"),_label:""})):t("span",{class:"kol-tree-item__toggle-button-placeholder"}),t("span",{key:"0b58755f14c8fff333a07c35c19b82d738512919",class:"kol-tree-item__text"},n))),t("ul",{key:"3477fcc73f76e6b5efa35cd17cea964977980245",class:"kol-tree-item__children",hidden:!s||!l,role:"group",id:this.groupId},t("slot",{key:"5c0e9ca02ee1b65e277d7e9e926d92466e6322a8"}))))}validateActive(e){_(this,e||!1)}validateLabel(e){o(this,e)}validateOpen(e){n(this,e)}validateHref(e){l(this,e)}componentWillLoad(){this.validateActive(this._active),this.validateLabel(this._label),this.validateOpen(this._open),this.validateHref(this._href),this.checkForChildren(),this.determineTreeItemDepth()}determineTreeItemDepth(){let e=0,t=this.host.parentNode.host.parentNode;for(;null!==t&&t.tagName.toLowerCase()!==h&&t!==document.body;)t=t.parentElement,e+=1;this.level=e}handleSlotchange(){this.checkForChildren()}checkForChildren(){var e,t;this.state=Object.assign(Object.assign({},this.state),{_hasChildren:Boolean(null===(t=null===(e=this.host.querySelector("slot"))||void 0===e?void 0:e.assignedElements)||void 0===t?void 0:t.call(e).length)})}async focusLink(){await this.linkElement.kolFocus()}async handleExpandClick(e){e.preventDefault(),await this.linkElement.kolFocus(),await this.expand()}async expand(){this.state._hasChildren&&(this.state=Object.assign(Object.assign({},this.state),{_open:!0}))}async handleCollapseClick(e){e.preventDefault(),this.linkElement.focus(),await this.collapse()}async collapse(){this.state._hasChildren&&(this.state=Object.assign(Object.assign({},this.state),{_open:!1}))}async isOpen(){var e;return null!==(e=this.state._open)&&void 0!==e&&e}get host(){return s(this)}static get watchers(){return{_active:["validateActive"],_label:["validateLabel"],_open:["validateOpen"],_href:["validateHref"]}}};export{b as kol_tree_item_wc};

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

@@ -1 +1 @@
-{"version":3,"names":["validateActive","component","value","options","watchBoolean","KolTreeItemWc","this","groupId","nonce","_active","_hasChildren","_href","_label","_open","render","state","h","Host","key","onSlotchange","handleSlotchange","bind","class","style","level","KolLinkWcTag","active","Boolean","_role","_tabIndex","_ariaExpanded","undefined","_ariaOwns","ref","element","linkElement","slot","onClick","event","handleCollapseClick","handleExpandClick","KolIconTag","_icons","hidden","role","id","validateLabel","validateOpen","validateHref","componentWillLoad","checkForChildren","determineTreeItemDepth","traverseItem","host","parentNode","tagName","toLowerCase","KolTreeTag","document","body","parentElement","Object","assign","_b","_a","querySelector","assignedElements","call","length","focusLink","kolFocus","preventDefault","expand","focus","collapse","isOpen"],"sources":["src/schema/props/active.ts","src/components/tree-item/component.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchBooleanOptions } from '../utils';\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type ActivePropType = boolean;\n\n/**\n * Defines whether something is active.\n */\nexport type PropActive = {\n\tactive: ActivePropType;\n};\n\n/* validator */\nexport const validateActive = (component: Generic.Element.Component, value: ActivePropType, options?: WatchBooleanOptions): void => {\n\twatchBoolean(component, '_active', value, options);\n};\n","import { Component, Element, h, Host, type JSX, Method, Prop, State, Watch } from '@stencil/core';\n\nimport type { ActivePropType, HrefPropType, LabelPropType, OpenPropType, TreeItemAPI, TreeItemStates } from '../../schema';\nimport { validateActive, validateHref, validateLabel, validateOpen } from '../../schema';\nimport { KolLinkWcTag, KolIconTag, KolTreeTag } from '../../core/component-names';\nimport { nonce } from '../../utils/dev.utils';\n\n@Component({\n\ttag: `kol-tree-item-wc`,\n\tshadow: false,\n})\nexport class KolTreeItemWc implements TreeItemAPI {\n\tprivate linkElement!: HTMLKolLinkWcElement;\n\tprivate groupId = `tree-group-${nonce()}`;\n\n\t@State() private level?: number;\n\t@Element() host!: HTMLElement;\n\n\tpublic render(): JSX.Element {\n\t\tconst { _href, _active, _hasChildren, _open, _label } = this.state;\n\t\treturn (\n\t\t\t<Host onSlotchange={this.handleSlotchange.bind(this)} class=\"kol-tree-item-wc\">\n\t\t\t\t<li\n\t\t\t\t\tclass=\"tree-item\"\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\t'--level': `${this.level}`,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<KolLinkWcTag\n\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t'tree-link': true,\n\t\t\t\t\t\t\t'first-level': this.level === 0,\n\t\t\t\t\t\t\tactive: Boolean(_active),\n\t\t\t\t\t\t}}\n\t\t\t\t\t\t_href={_href}\n\t\t\t\t\t\t_label=\"\"\n\t\t\t\t\t\t_role=\"treeitem\"\n\t\t\t\t\t\t_tabIndex={_active ? 0 : -1}\n\t\t\t\t\t\t_ariaExpanded={_hasChildren ? _open : undefined}\n\t\t\t\t\t\t_ariaOwns={_hasChildren ? this.groupId : undefined}\n\t\t\t\t\t\tref={(element?: HTMLKolLinkWcElement) => (this.linkElement = element!)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<span slot=\"expert\">\n\t\t\t\t\t\t\t{_hasChildren && (\n\t\t\t\t\t\t\t\t// eslint-disable-next-line jsx-a11y/no-static-element-interactions,jsx-a11y/click-events-have-key-events\n\t\t\t\t\t\t\t\t<span class=\"toggle-button\" onClick={(event) => (_open ? void this.handleCollapseClick(event) : void this.handleExpandClick(event))}>\n\t\t\t\t\t\t\t\t\t<KolIconTag\n\t\t\t\t\t\t\t\t\t\tclass=\"toggle-button-icon\"\n\t\t\t\t\t\t\t\t\t\t_icons={`codicon codicon-${_open ? 'chevron-down' : 'chevron-right'}`}\n\t\t\t\t\t\t\t\t\t\t_label={'' /* Label deliberately left empty */}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t)}{' '}\n\t\t\t\t\t\t\t{_label}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</KolLinkWcTag>\n\t\t\t\t\t<ul hidden={!_hasChildren || !_open} role=\"group\" id={this.groupId}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</ul>\n\t\t\t\t</li>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@State() public state: TreeItemStates = {\n\t\t_active: false,\n\t\t_hasChildren: false,\n\t\t_href: '',\n\t\t_label: '',\n\t\t_open: false,\n\t};\n\n\t/**\n\t * If set (to true) the tree item is the active one.\n\t */\n\t@Prop() _active?: OpenPropType;\n\n\t/**\n\t * Defines the label of the link.\n\t */\n\t@Prop() _label!: LabelPropType;\n\n\t/**\n\t * If set (to true) opens/expands the element, closes if not set (or set to false).\n\t */\n\t@Prop() _open?: OpenPropType;\n\n\t/**\n\t * This property is used for a link from a reference to the target URL.\n\t */\n\t@Prop() _href!: HrefPropType;\n\n\t@Watch('_active') validateActive(value?: ActivePropType): void {\n\t\tvalidateActive(this, value || false);\n\t}\n\n\t@Watch('_label') validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value);\n\t}\n\n\t@Watch('_open') validateOpen(value?: OpenPropType): void {\n\t\tvalidateOpen(this, value);\n\t}\n\n\t@Watch('_href') validateHref(value?: HrefPropType): void {\n\t\tvalidateHref(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateActive(this._active);\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateOpen(this._open);\n\t\tthis.validateHref(this._href);\n\n\t\tthis.checkForChildren();\n\t\tthis.determineTreeItemDepth();\n\t}\n\n\tprivate determineTreeItemDepth() {\n\t\tlet level = 0;\n\t\tlet traverseItem: HTMLElement | null = (this.host.parentNode as unknown as ShadowRoot).host.parentNode as HTMLElement;\n\t\twhile (traverseItem !== null && traverseItem.tagName.toLowerCase() !== KolTreeTag && traverseItem !== document.body) {\n\t\t\ttraverseItem = traverseItem.parentElement;\n\t\t\tlevel += 1;\n\t\t}\n\t\tthis.level = level;\n\t}\n\n\tprivate handleSlotchange() {\n\t\tthis.checkForChildren();\n\t}\n\n\tprivate checkForChildren() {\n\t\tthis.state = {\n\t\t\t...this.state,\n\t\t\t_hasChildren: Boolean(this.host.querySelector('slot')?.assignedElements?.().length),\n\t\t};\n\t}\n\n\t@Method() async focusLink() {\n\t\tawait this.linkElement.kolFocus();\n\t}\n\n\tprivate async handleExpandClick(event: MouseEvent) {\n\t\tevent.preventDefault();\n\t\tawait this.linkElement.kolFocus();\n\t\tawait this.expand();\n\t}\n\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async expand() {\n\t\tif (this.state._hasChildren) {\n\t\t\tthis.state = {\n\t\t\t\t...this.state,\n\t\t\t\t_open: true,\n\t\t\t};\n\t\t}\n\t}\n\n\tprivate async handleCollapseClick(event: MouseEvent) {\n\t\tevent.preventDefault();\n\t\tthis.linkElement.focus();\n\t\tawait this.collapse();\n\t}\n\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async collapse() {\n\t\tif (this.state._hasChildren) {\n\t\t\tthis.state = {\n\t\t\t\t...this.state,\n\t\t\t\t_open: false,\n\t\t\t};\n\t\t}\n\t}\n\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async isOpen() {\n\t\treturn this.state._open ?? false;\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","Host","getElement","watchBoolean","validateHref","validateLabel","validateOpen","KolLinkWcTag","KolIconTag","KolTreeTag","nonce","clsx","validateActive","component","value","options","KolTreeItemWc","constructor","hostRef","this","groupId","state","_active","_hasChildren","_href","_label","_open","render","key","onSlotchange","handleSlotchange","bind","class","style","level","_role","_tabIndex","_ariaExpanded","undefined","_ariaOwns","ref","element","linkElement","slot","onClick","event","handleCollapseClick","handleExpandClick","_icons","hidden","role","id","componentWillLoad","checkForChildren","determineTreeItemDepth","traverseItem","host","parentNode","tagName","toLowerCase","document","body","parentElement","_a","_b","Object","assign","Boolean","querySelector","assignedElements","call","length","focusLink","kolFocus","preventDefault","expand","focus","collapse","isOpen","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}

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

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["defaultStyleCss","KolTreeItemDefaultStyle0","KolTreeItem","focusLink","this","element","expand","collapse","isOpen","_b","_a","render","h","KolTreeItemWcTag","key","class","_active","_label","_open","_href","ref"],"sources":["src/components/tree-item/style.scss?tag=kol-tree-item&mode=default&encapsulation=shadow","src/components/tree-item/shadow.tsx"],"sourcesContent":["@import '../@shared/mixins';\n@import '../style';\n\n@layer kol-component {\n\t:host {\n\t\tfont-size: rem(16);\n\t}\n\n\tul {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tlist-style: none;\n\t}\n\n\t.tree-link {\n\t\t&.first-level > a {\n\t\t\tpadding-left: rem(6);\n\t\t}\n\n\t\t& > a {\n\t\t\tpadding-right: rem(6);\n\t\t\tpadding-left: calc(rem(22.4) * var(--level));\n\t\t\tpadding-top: rem(6.4);\n\t\t\tpadding-bottom: rem(6.4);\n\t\t}\n\t}\n\n\ta .kol-span-wc {\n\t\tplace-items: unset; // unset 'center' style from global layer\n\t}\n}\n","import { Component, h, type JSX, Method, Prop } from '@stencil/core';\n\nimport type { HrefPropType, LabelPropType, OpenPropType, TreeItemProps } from '../../schema';\nimport { KolTreeItemWcTag } from '../../core/component-names';\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 label of the link.\n\t */\n\t@Prop() _label!: LabelPropType;\n\n\t/**\n\t * If set (to true) opens/expands the element, closes if not set (or set to false).\n\t */\n\t@Prop() _open?: OpenPropType;\n\n\t/**\n\t * This property is used for a link from a reference to the target URL.\n\t */\n\t@Prop() _href!: HrefPropType;\n\n\t@Method() async focusLink() {\n\t\tif (this.element) {\n\t\t\tawait this.element.focusLink();\n\t\t}\n\t}\n\n\t@Method() async expand() {\n\t\tif (this.element) {\n\t\t\tawait this.element.expand();\n\t\t}\n\t}\n\n\t@Method() async collapse() {\n\t\tif (this.element) {\n\t\t\tawait this.element.collapse();\n\t\t}\n\t}\n\n\t@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\tclass=\"kol-tree-item\"\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"],"mappings":";;;iGAAA,MAAMA,EAAkB,8uJACxB,MAAAC,EAAeD,E,MCWFE,EAAW,M,gHAuBb,eAAMC,GACf,GAAIC,KAAKC,QAAS,OACXD,KAAKC,QAAQF,W,EAIX,YAAMG,GACf,GAAIF,KAAKC,QAAS,OACXD,KAAKC,QAAQC,Q,EAIX,cAAMC,GACf,GAAIH,KAAKC,QAAS,OACXD,KAAKC,QAAQE,U,EAIX,YAAMC,G,QACf,OAAOC,SAAOC,EAAAN,KAAKC,WAAO,MAAAK,SAAA,SAAAA,EAAEF,aAAS,MAAAC,SAAA,EAAAA,EAAI,K,CAGnC,MAAAE,GACN,OACCC,EAACC,EAAgB,CAAAC,IAAA,2CAChBC,MAAM,gBACNC,QAASZ,KAAKY,QACdC,OAAQb,KAAKa,OACbC,MAAOd,KAAKc,MACZC,MAAOf,KAAKe,MACZC,IAAMf,GAAwCD,KAAKC,QAAUA,GAE7DO,EAAA,QAAAE,IAAA,6C","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","KolTreeItemWcTag","defaultStyleCss","KolTreeItem","constructor","hostRef","this","focusLink","element","expand","collapse","isOpen","_a","_b","render","key","_active","_label","_open","_href","ref","style","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,MAAS,kCAC3BC,MAAwB,sCAC/B,uBAEP,MAAMC,EAAkB,qjMAExB,MAAMC,EAAc,MAChB,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,EAC3B,CACA,eAAME,GACF,GAAID,KAAKE,QAAS,OACRF,KAAKE,QAAQD,WACvB,CACJ,CACA,YAAME,GACF,GAAIH,KAAKE,QAAS,OACRF,KAAKE,QAAQC,QACvB,CACJ,CACA,cAAMC,GACF,GAAIJ,KAAKE,QAAS,OACRF,KAAKE,QAAQE,UACvB,CACJ,CACA,YAAMC,GACF,IAAIC,EAAIC,EACR,OAAQA,SAAcD,EAAKN,KAAKE,WAAa,MAAQI,SAAY,OAAS,EAAIA,EAAGD,aAAgB,MAAQE,SAAY,EAAIA,EAAK,KAClI,CACA,MAAAC,GACI,OAAQd,EAAEC,EAAkB,CAAEc,IAAK,2CAA4CC,QAASV,KAAKU,QAASC,OAAQX,KAAKW,OAAQC,MAAOZ,KAAKY,MAAOC,MAAOb,KAAKa,MAAOC,IAAMZ,GAAaF,KAAKE,QAAUA,GAAYR,EAAE,OAAQ,CAAEe,IAAK,6CACpO,GAEJZ,EAAYkB,MAAQ,CAChBC,QAASpB,UAGJC","ignoreList":[]}

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

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

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as e,h as i,H as t,g as a}from"./index-4c718166.js";import{w as s,v as o}from"./component-names-aa3cbc3c.js";import{v as n}from"./label-d70e7c34.js";import"./prop.validators-c5e6ad2d.js";import"./index-541b643a.js";import"./dev.utils-fab45cbc.js";const l=class{constructor(t){e(this,t),this.state={_label:""},this._label=void 0}validateLabel(e){n(this,e)}render(){return i(t,{key:"ad65346e8db982318e484ae14398e88771aaf578",onSlotchange:this.handleSlotchange.bind(this),class:"kol-tree-wc"},i("nav",{key:"f8f6d27f264d1c01a5bc085d8c89d99143cf3ab9",class:"tree","aria-label":this.state._label},i("ul",{key:"7e218f99d2294cf105b1da4eb59d7702112b5e15",class:"treeview-navigation",role:"tree","aria-label":this.state._label},i("slot",{key:"ca1a4e394d575c7f947852b17729ac55b82e9ca7"}))))}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()}observeChildListMutations(){this.observer=new MutationObserver(this.handleTreeChange.bind(this)),this.observeTopLevelItems()}handleSlotchange(){this.observeTopLevelItems(),this.handleTreeChange()}observeTopLevelItems(){var e;null===(e=this.getTopLevelTreeItems())||void 0===e||e.forEach((e=>{var t;null===(t=this.observer)||void 0===t||t.observe(e,{childList:!0,subtree:!0})}))}getTopLevelTreeItems(){var e,t,a;return null===(a=null===(t=null===(e=this.host.querySelector("slot"))||void 0===e?void 0:e.assignedNodes)||void 0===t?void 0:t.call(e))||void 0===a?void 0:a.filter(l.isTreeItem)}handleTreeChange(){this.treeItemElements=this.getTreeItemElements(),this.ensureActiveItemVisibility()}getTreeItemElements(){var e;return null===(e=this.getTopLevelTreeItems())||void 0===e?void 0:e.reduce(((e,t)=>{const a=t.querySelectorAll(s);return[...e,t,...a]}),[])}async getOpenTreeItemElements(){if(!this.treeItemElements)return;const e=async t=>!l.isTreeItem(t.parentElement)||await t.parentElement.isOpen()&&await e(t.parentElement);return(await Promise.all(this.treeItemElements.map((async t=>({value:t,include:await e(t)}))))).filter((e=>e.include)).map((e=>e.value))}async handleKeyDown(e){var t,a,i,l,n,r,o,c,d;const v=await this.getOpenTreeItemElements(),u=null===(t=document.activeElement)||void 0===t?void 0:t.closest(s);if(!v||!u)return;const h=null==v?void 0:v.findIndex((e=>e===u));switch(e.key){case"ArrowDown":await(null===(a=v[h+1])||void 0===a?void 0:a.focusLink()),e.preventDefault();break;case"ArrowUp":await(null===(i=v[h-1])||void 0===i?void 0:i.focusLink()),e.preventDefault();break;case"Right":case"ArrowRight":e.preventDefault(),await u.isOpen()?await(null===(l=v[h+1])||void 0===l?void 0:l.focusLink()):await u.expand();break;case"Left":case"ArrowLeft":if(e.preventDefault(),await u.isOpen())await u.collapse();else{const e=v.findIndex((e=>e===u.parentElement));-1!==e&&await(null===(n=v[e])||void 0===n?void 0:n.focusLink())}break;case"Home":await(null===(r=v[0])||void 0===r?void 0:r.focusLink()),e.preventDefault();break;case"End":await(null===(o=v[v.length-1])||void 0===o?void 0:o.focusLink()),e.preventDefault();break;case null===(c=e.key.match(/[a-zA-Z0-9]/))||void 0===c?void 0:c.input:{const t=e.key.toLowerCase(),a=v.indexOf(u)+1,i=v.concat(v),s=i.slice(a,a+v.length).findIndex((e=>{var a;return null===(a=e.getAttribute("_label"))||void 0===a?void 0:a.trim().toLowerCase().startsWith(t)}));-1!==s&&(await i[a+s].focusLink(),e.preventDefault());break}case"*":{const e=null===(d=u.parentElement)||void 0===d?void 0:d.querySelectorAll(s);null==e||e.forEach((e=>{e.expand()}));break}}}async handleFocusOut(e){e.relatedTarget&&!e.relatedTarget.closest(o)&&await this.ensureActiveItemVisibility()}async ensureActiveItemVisibility(){const e=t=>{l.isTreeItem(t.parentElement)&&(t.parentElement.expand(),e(t.parentElement))},t=(()=>{var e,t,a,i;const n=null!==(i=null===(a=null===(t=null===(e=this.host.querySelector("slot"))||void 0===e?void 0:e.assignedNodes)||void 0===t?void 0:t.call(e))||void 0===a?void 0:a.filter(l.isTreeItem))&&void 0!==i?i:[];for(const e of n){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 e,h as t,H as i,g as a}from"./index-Dina3aff.js";import"./common-8fBdMvJM.js";import{v as o}from"./label-CdtNxOKu.js";import{y as s,x as n}from"./component-names-CkE54Ym7.js";const l=class{constructor(t){e(this,t),this.state={_label:""}}validateLabel(e){o(this,e)}render(){return t(i,{key:"6e1fc1f0d6757fec0658d28ff54fe73a58b60fa9",onSlotchange:this.handleSlotchange.bind(this)},t("nav",{key:"dfc733503c12e36fc8e6fc958273555f4e698237",class:"kol-tree","aria-label":this.state._label},t("ul",{key:"9c68ce61a9bfbe5ade976515eaa43e2d9fbf380d",class:"kol-tree__treeview-navigation",role:"tree","aria-label":this.state._label},t("slot",{key:"db660a5bc5cb5544f2c35e9e14f2a61d6e06ac69"}))))}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()}observeChildListMutations(){this.observer=new MutationObserver(this.handleTreeChange.bind(this)),this.observeTopLevelItems()}handleSlotchange(){this.observeTopLevelItems(),this.handleTreeChange()}observeTopLevelItems(){var e;null===(e=this.getTopLevelTreeItems())||void 0===e||e.forEach(e=>{var t;null===(t=this.observer)||void 0===t||t.observe(e,{childList:!0,subtree:!0})})}getTopLevelTreeItems(){var e,t,a;return null===(a=null===(t=null===(e=this.host.querySelector("slot"))||void 0===e?void 0:e.assignedNodes)||void 0===t?void 0:t.call(e))||void 0===a?void 0:a.filter(l.isTreeItem)}handleTreeChange(){this.treeItemElements=this.getTreeItemElements(),this.ensureActiveItemVisibility()}getTreeItemElements(){var e;return null===(e=this.getTopLevelTreeItems())||void 0===e?void 0:e.reduce((e,t)=>{const a=t.querySelectorAll(s);return[...e,t,...a]},[])}async getOpenTreeItemElements(){if(!this.treeItemElements)return;const e=async t=>!l.isTreeItem(t.parentElement)||await t.parentElement.isOpen()&&await e(t.parentElement);return(await Promise.all(this.treeItemElements.map(async t=>({value:t,include:await e(t)})))).filter(e=>e.include).map(e=>e.value)}async handleKeyDown(e){var t,a,i,l,n,r,o,c,d;const v=await this.getOpenTreeItemElements(),u=null===(t=document.activeElement)||void 0===t?void 0:t.closest(s),h=e.metaKey||e.altKey||e.ctrlKey||e.shiftKey;if(!v||!u)return;const m=null==v?void 0:v.findIndex(e=>e===u);switch(e.key){case"ArrowDown":await(null===(a=v[m+1])||void 0===a?void 0:a.focusLink()),e.preventDefault();break;case"ArrowUp":await(null===(i=v[m-1])||void 0===i?void 0:i.focusLink()),e.preventDefault();break;case"Right":case"ArrowRight":e.preventDefault(),await u.isOpen()?await(null===(l=v[m+1])||void 0===l?void 0:l.focusLink()):await u.expand();break;case"Left":case"ArrowLeft":if(e.preventDefault(),await u.isOpen())await u.collapse();else{const e=v.findIndex(e=>e===u.parentElement);-1!==e&&await(null===(n=v[e])||void 0===n?void 0:n.focusLink())}break;case"Home":await(null===(r=v[0])||void 0===r?void 0:r.focusLink()),e.preventDefault();break;case"End":await(null===(o=v[v.length-1])||void 0===o?void 0:o.focusLink()),e.preventDefault();break;case null===(c=e.key.match(/^[a-zA-Z0-9]$/))||void 0===c?void 0:c.input:if(!h){const t=e.key.toLowerCase(),a=v.indexOf(u)+1,i=v.concat(v),l=i.slice(a,a+v.length).findIndex(e=>{var a;return null===(a=e.getAttribute("_label"))||void 0===a?void 0:a.trim().toLowerCase().startsWith(t)});-1!==l&&(await i[a+l].focusLink(),e.preventDefault())}break;case"*":{const e=null===(d=u.parentElement)||void 0===d?void 0:d.querySelectorAll(s);null==e||e.forEach(e=>{e.expand()});break}}}async handleFocusOut(e){e.relatedTarget&&!e.relatedTarget.closest(n)&&await this.ensureActiveItemVisibility()}async ensureActiveItemVisibility(){const e=t=>{l.isTreeItem(t.parentElement)&&(t.parentElement.expand(),e(t.parentElement))},t=(()=>{var e,t,a,i;const n=null!==(i=null===(a=null===(t=null===(e=this.host.querySelector("slot"))||void 0===e?void 0:e.assignedNodes)||void 0===t?void 0:t.call(e))||void 0===a?void 0:a.filter(l.isTreeItem))&&void 0!==i?i:[];for(const e of n){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};

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

@@ -1 +1 @@
-{"version":3,"names":["KolTreeWc","_label","validateLabel","value","this","render","h","Host","key","onSlotchange","handleSlotchange","bind","class","state","role","isTreeItem","element","tagName","KolTreeItemTag","toUpperCase","componentWillLoad","handleTreeChange","observeChildListMutations","disconnectedCallback","_a","observer","disconnect","MutationObserver","observeTopLevelItems","getTopLevelTreeItems","forEach","treeItem","observe","childList","subtree","_c","_b","host","querySelector","assignedNodes","call","filter","treeItemElements","getTreeItemElements","ensureActiveItemVisibility","reduce","accumulator","currentValue","children","querySelectorAll","getOpenTreeItemElements","areElementAndAllParentsOpen","async","parentElement","isOpen","elementsWithInclude","Promise","all","map","include","handleKeyDown","event","openItems","currentTreeItem","document","activeElement","closest","currentIndex","findIndex","elem","focusLink","preventDefault","_d","expand","collapse","parentIndex","item","_e","_f","_g","length","_h","match","input","char","toLowerCase","startIndex","indexOf","wrapAroundItems","concat","matchIndex","slice","getAttribute","trim","startsWith","siblings","_j","handleFocusOut","relatedTarget","KolTreeTag","findActiveItem","rootNodes","rootNode","_active","childMatch","expandParentElements","target"],"sources":["src/components/tree/component.tsx"],"sourcesContent":["import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Host, Listen, Prop, State, Watch } from '@stencil/core';\n\nimport type { LabelPropType, TreeAPI, TreeStates } from '../../schema';\nimport { validateLabel } from '../../schema';\nimport { KolTreeItemTag, KolTreeTag } from '../../core/component-names';\n\n/**\n * @internal\n */\n@Component({\n\ttag: 'kol-tree-wc',\n\tshadow: false,\n})\nexport class KolTreeWc implements TreeAPI {\n\t@Element() host!: HTMLElement;\n\n\t@State() public state: TreeStates = {\n\t\t_label: '',\n\t};\n\tprivate observer?: MutationObserver;\n\tprivate treeItemElements?: HTMLKolTreeItemElement[];\n\n\t/**\n\t * Defines the label of the tree.\n\t */\n\t@Prop() _label!: LabelPropType;\n\n\t@Watch('_label') validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value);\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host onSlotchange={this.handleSlotchange.bind(this)} class=\"kol-tree-wc\">\n\t\t\t\t<nav class=\"tree\" aria-label={this.state._label}>\n\t\t\t\t\t<ul class=\"treeview-navigation\" role=\"tree\" aria-label={this.state._label}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</ul>\n\t\t\t\t</nav>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate static isTreeItem(this: void, element?: HTMLElement | null): element is HTMLKolTreeItemElement {\n\t\treturn element?.tagName === KolTreeItemTag.toUpperCase();\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateLabel(this._label);\n\n\t\tthis.handleTreeChange();\n\t\tthis.observeChildListMutations();\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tthis.observer?.disconnect();\n\t}\n\n\tprivate observeChildListMutations() {\n\t\tthis.observer = new MutationObserver(this.handleTreeChange.bind(this));\n\t\tthis.observeTopLevelItems();\n\t}\n\n\tprivate handleSlotchange() {\n\t\tthis.observeTopLevelItems();\n\t\tthis.handleTreeChange();\n\t}\n\n\tprivate observeTopLevelItems() {\n\t\tthis.getTopLevelTreeItems()?.forEach((treeItem) => {\n\t\t\tthis.observer?.observe(treeItem, { childList: true, subtree: true });\n\t\t});\n\t}\n\n\tprivate getTopLevelTreeItems(): HTMLKolTreeItemElement[] {\n\t\treturn (this.host.querySelector('slot')?.assignedNodes?.() as HTMLElement[])?.filter(KolTreeWc.isTreeItem);\n\t}\n\n\tprivate handleTreeChange(): void {\n\t\tthis.treeItemElements = this.getTreeItemElements();\n\t\tvoid this.ensureActiveItemVisibility();\n\t}\n\n\t/**\n\t * Returns array of all TreeItem elements in the order they appear\n\t */\n\tprivate getTreeItemElements(): HTMLKolTreeItemElement[] {\n\t\treturn this.getTopLevelTreeItems()?.reduce((accumulator: HTMLKolTreeItemElement[], currentValue: HTMLKolTreeItemElement) => {\n\t\t\tconst children = currentValue.querySelectorAll(KolTreeItemTag);\n\n\t\t\treturn [...accumulator, currentValue, ...children];\n\t\t}, []);\n\t}\n\n\tprivate async getOpenTreeItemElements(): Promise<HTMLKolTreeItemElement[] | undefined> {\n\t\tif (!this.treeItemElements) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst areElementAndAllParentsOpen = async (element: HTMLKolTreeItemElement): Promise<boolean> => {\n\t\t\tif (!KolTreeWc.isTreeItem(element.parentElement)) {\n\t\t\t\t// parent is tree itself, top level is always open\n\t\t\t\treturn true;\n\t\t\t} else {\n\t\t\t\treturn (await element.parentElement.isOpen()) && (await areElementAndAllParentsOpen(element.parentElement));\n\t\t\t}\n\t\t};\n\n\t\tconst elementsWithInclude = await Promise.all(\n\t\t\tthis.treeItemElements.map(async (element) => ({\n\t\t\t\tvalue: element,\n\t\t\t\tinclude: await areElementAndAllParentsOpen(element),\n\t\t\t})),\n\t\t);\n\n\t\treturn elementsWithInclude.filter((element) => element.include).map((element) => element.value);\n\t}\n\n\t@Listen('keydown')\n\tpublic async handleKeyDown(event: KeyboardEvent) {\n\t\tconst openItems = await this.getOpenTreeItemElements();\n\t\tconst currentTreeItem: HTMLKolTreeItemElement | undefined | null = document.activeElement?.closest(KolTreeItemTag);\n\n\t\tif (!openItems || !currentTreeItem) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst currentIndex = openItems?.findIndex((elem) => elem === currentTreeItem);\n\n\t\tswitch (event.key) {\n\t\t\tcase 'ArrowDown': {\n\t\t\t\tawait openItems[currentIndex + 1]?.focusLink();\n\t\t\t\tevent.preventDefault();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'ArrowUp': {\n\t\t\t\tawait openItems[currentIndex - 1]?.focusLink();\n\t\t\t\tevent.preventDefault();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'Right':\n\t\t\tcase 'ArrowRight': {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tif (await currentTreeItem.isOpen()) {\n\t\t\t\t\tawait openItems[currentIndex + 1]?.focusLink();\n\t\t\t\t} else {\n\t\t\t\t\tawait currentTreeItem.expand();\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'Left':\n\t\t\tcase 'ArrowLeft': {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tif (await currentTreeItem.isOpen()) {\n\t\t\t\t\tawait currentTreeItem.collapse();\n\t\t\t\t} else {\n\t\t\t\t\tconst parentIndex = openItems.findIndex((item) => item === currentTreeItem.parentElement);\n\t\t\t\t\tparentIndex !== -1 && (await openItems[parentIndex]?.focusLink());\n\t\t\t\t}\n\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'Home': {\n\t\t\t\tawait openItems[0]?.focusLink();\n\t\t\t\tevent.preventDefault();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'End': {\n\t\t\t\tawait openItems[openItems.length - 1]?.focusLink();\n\t\t\t\tevent.preventDefault();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase event.key.match(/[a-zA-Z0-9]/)?.input: {\n\t\t\t\tconst char = event.key.toLowerCase();\n\t\t\t\tconst startIndex = openItems.indexOf(currentTreeItem) + 1;\n\t\t\t\tconst wrapAroundItems = openItems.concat(openItems);\n\t\t\t\tconst matchIndex = wrapAroundItems\n\t\t\t\t\t.slice(startIndex, startIndex + openItems.length)\n\t\t\t\t\t.findIndex((item) => item.getAttribute('_label')?.trim().toLowerCase().startsWith(char));\n\n\t\t\t\tif (matchIndex !== -1) {\n\t\t\t\t\tawait wrapAroundItems[startIndex + matchIndex].focusLink();\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase '*': {\n\t\t\t\tconst siblings = currentTreeItem.parentElement?.querySelectorAll(KolTreeItemTag);\n\t\t\t\tsiblings?.forEach((element) => {\n\t\t\t\t\tvoid element.expand();\n\t\t\t\t});\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\t@Listen('focusout')\n\tpublic async handleFocusOut(event: FocusEvent) {\n\t\tif (event.relatedTarget && !(event.relatedTarget as Element).closest(KolTreeTag)) {\n\t\t\t/* Tree lost focus */\n\t\t\tawait this.ensureActiveItemVisibility();\n\t\t}\n\t}\n\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tprivate async ensureActiveItemVisibility() {\n\t\tconst findActiveItem = (): HTMLKolTreeItemElement | undefined => {\n\t\t\tconst rootNodes = (this.host.querySelector('slot')?.assignedNodes?.() as HTMLElement[])?.filter(KolTreeWc.isTreeItem) ?? [];\n\t\t\tfor (const rootNode of rootNodes) {\n\t\t\t\tif (rootNode._active) {\n\t\t\t\t\treturn rootNode;\n\t\t\t\t}\n\t\t\t\tconst childMatch = rootNode.querySelector(`${KolTreeItemTag}[_active=\"true\"]`);\n\t\t\t\tif (childMatch && (childMatch as HTMLKolTreeItemElement)._active) {\n\t\t\t\t\treturn childMatch as HTMLKolTreeItemElement;\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\tconst expandParentElements = (element: HTMLKolTreeItemElement) => {\n\t\t\tif (KolTreeWc.isTreeItem(element.parentElement)) {\n\t\t\t\tvoid element.parentElement.expand();\n\t\t\t\texpandParentElements(element.parentElement);\n\t\t\t}\n\t\t};\n\n\t\tconst target = findActiveItem();\n\t\tif (target) {\n\t\t\texpandParentElements(target);\n\t\t}\n\t}\n}\n"],"mappings":";;;sQAcaA,EAAS,M,oCAGe,CACnCC,OAAQ,I,sBAUQ,aAAAC,CAAcC,GAC9BD,EAAcE,KAAMD,E,CAGd,MAAAE,GACN,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,aAAcL,KAAKM,iBAAiBC,KAAKP,MAAOQ,MAAM,eAC3DN,EAAA,OAAAE,IAAA,2CAAKI,MAAM,OAAM,aAAaR,KAAKS,MAAMZ,QACxCK,EAAA,MAAAE,IAAA,2CAAII,MAAM,sBAAsBE,KAAK,OAAM,aAAaV,KAAKS,MAAMZ,QAClEK,EAAA,QAAAE,IAAA,+C,CAOG,iBAAOO,CAAuBC,GACrC,OAAOA,IAAO,MAAPA,SAAO,SAAPA,EAASC,WAAYC,EAAeC,a,CAGrC,iBAAAC,GACNhB,KAAKF,cAAcE,KAAKH,QAExBG,KAAKiB,mBACLjB,KAAKkB,2B,CAGC,oBAAAC,G,OACNC,EAAApB,KAAKqB,YAAQ,MAAAD,SAAA,SAAAA,EAAEE,Y,CAGR,yBAAAJ,GACPlB,KAAKqB,SAAW,IAAIE,iBAAiBvB,KAAKiB,iBAAiBV,KAAKP,OAChEA,KAAKwB,sB,CAGE,gBAAAlB,GACPN,KAAKwB,uBACLxB,KAAKiB,kB,CAGE,oBAAAO,G,OACPJ,EAAApB,KAAKyB,0BAAsB,MAAAL,SAAA,SAAAA,EAAEM,SAASC,I,OACrCP,EAAApB,KAAKqB,YAAQ,MAAAD,SAAA,SAAAA,EAAEQ,QAAQD,EAAU,CAAEE,UAAW,KAAMC,QAAS,MAAO,G,CAI9D,oBAAAL,G,UACP,OAAOM,GAACC,GAAAZ,EAAApB,KAAKiC,KAAKC,cAAc,WAAO,MAAAd,SAAA,SAAAA,EAAEe,iBAAa,MAAAH,SAAA,SAAAA,EAAAI,KAAAhB,MAAsB,MAAAW,SAAA,SAAAA,EAAEM,OAAOzC,EAAUe,W,CAGxF,gBAAAM,GACPjB,KAAKsC,iBAAmBtC,KAAKuC,2BACxBvC,KAAKwC,4B,CAMH,mBAAAD,G,MACP,OAAOnB,EAAApB,KAAKyB,0BAAsB,MAAAL,SAAA,SAAAA,EAAEqB,QAAO,CAACC,EAAuCC,KAClF,MAAMC,EAAWD,EAAaE,iBAAiB/B,GAE/C,MAAO,IAAI4B,EAAaC,KAAiBC,EAAS,GAChD,G,CAGI,6BAAME,GACb,IAAK9C,KAAKsC,iBAAkB,CAC3B,M,CAGD,MAAMS,EAA8BC,MAAOpC,IAC1C,IAAKhB,EAAUe,WAAWC,EAAQqC,eAAgB,CAEjD,OAAO,I,KACD,CACN,aAAcrC,EAAQqC,cAAcC,gBAAoBH,EAA4BnC,EAAQqC,c,GAI9F,MAAME,QAA4BC,QAAQC,IACzCrD,KAAKsC,iBAAiBgB,KAAIN,MAAOpC,IAAO,CACvCb,MAAOa,EACP2C,cAAeR,EAA4BnC,QAI7C,OAAOuC,EAAoBd,QAAQzB,GAAYA,EAAQ2C,UAASD,KAAK1C,GAAYA,EAAQb,O,CAInF,mBAAMyD,CAAcC,G,sBAC1B,MAAMC,QAAkB1D,KAAK8C,0BAC7B,MAAMa,GAA6DvC,EAAAwC,SAASC,iBAAa,MAAAzC,SAAA,SAAAA,EAAE0C,QAAQhD,GAEnG,IAAK4C,IAAcC,EAAiB,CACnC,M,CAGD,MAAMI,EAAeL,IAAS,MAATA,SAAS,SAATA,EAAWM,WAAWC,GAASA,IAASN,IAE7D,OAAQF,EAAMrD,KACb,IAAK,YAAa,QACX4B,EAAA0B,EAAUK,EAAe,MAAE,MAAA/B,SAAA,SAAAA,EAAEkC,aACnCT,EAAMU,iBACN,K,CAED,IAAK,UAAW,QACTpC,EAAA2B,EAAUK,EAAe,MAAE,MAAAhC,SAAA,SAAAA,EAAEmC,aACnCT,EAAMU,iBACN,K,CAED,IAAK,QACL,IAAK,aAAc,CAClBV,EAAMU,iBACN,SAAUR,EAAgBT,SAAU,QAC7BkB,EAAAV,EAAUK,EAAe,MAAE,MAAAK,SAAA,SAAAA,EAAEF,Y,KAC7B,OACAP,EAAgBU,Q,CAEvB,K,CAED,IAAK,OACL,IAAK,YAAa,CACjBZ,EAAMU,iBACN,SAAUR,EAAgBT,SAAU,OAC7BS,EAAgBW,U,KAChB,CACN,MAAMC,EAAcb,EAAUM,WAAWQ,GAASA,IAASb,EAAgBV,gBAC3EsB,KAAiB,UAAYE,EAAAf,EAAUa,MAAY,MAAAE,SAAA,SAAAA,EAAEP,Y,CAGtD,K,CAED,IAAK,OAAQ,QACNQ,EAAAhB,EAAU,MAAE,MAAAgB,SAAA,SAAAA,EAAER,aACpBT,EAAMU,iBACN,K,CAED,IAAK,MAAO,QACLQ,EAAAjB,EAAUA,EAAUkB,OAAS,MAAE,MAAAD,SAAA,SAAAA,EAAET,aACvCT,EAAMU,iBACN,K,CAED,KAAKU,EAAApB,EAAMrD,IAAI0E,MAAM,kBAAc,MAAAD,SAAA,SAAAA,EAAEE,MAAO,CAC3C,MAAMC,EAAOvB,EAAMrD,IAAI6E,cACvB,MAAMC,EAAaxB,EAAUyB,QAAQxB,GAAmB,EACxD,MAAMyB,EAAkB1B,EAAU2B,OAAO3B,GACzC,MAAM4B,EAAaF,EACjBG,MAAML,EAAYA,EAAaxB,EAAUkB,QACzCZ,WAAWQ,IAAI,IAAApD,EAAK,OAAAA,EAAAoD,EAAKgB,aAAa,aAAS,MAAApE,SAAA,SAAAA,EAAEqE,OAAOR,cAAcS,WAAWV,EAAK,IAExF,GAAIM,KAAgB,EAAG,OAChBF,EAAgBF,EAAaI,GAAYpB,YAC/CT,EAAMU,gB,CAEP,K,CAED,IAAK,IAAK,CACT,MAAMwB,GAAWC,EAAAjC,EAAgBV,iBAAa,MAAA2C,SAAA,SAAAA,EAAE/C,iBAAiB/B,GACjE6E,IAAQ,MAARA,SAAQ,SAARA,EAAUjE,SAASd,SACbA,EAAQyD,QAAQ,IAEtB,K,GAMI,oBAAMwB,CAAepC,GAC3B,GAAIA,EAAMqC,gBAAmBrC,EAAMqC,cAA0BhC,QAAQiC,GAAa,OAE3E/F,KAAKwC,4B,EAKL,gCAAMA,GACb,MAAMwD,EAAiB,K,YACtB,MAAMC,GAAY7B,GAAArC,GAACC,GAAAZ,EAAApB,KAAKiC,KAAKC,cAAc,WAAO,MAAAd,SAAA,SAAAA,EAAEe,iBAAa,MAAAH,SAAA,SAAAA,EAAAI,KAAAhB,MAAsB,MAAAW,SAAA,SAAAA,EAAEM,OAAOzC,EAAUe,eAAW,MAAAyD,SAAA,EAAAA,EAAI,GACzH,IAAK,MAAM8B,KAAYD,EAAW,CACjC,GAAIC,EAASC,QAAS,CACrB,OAAOD,C,CAER,MAAME,EAAaF,EAAShE,cAAc,GAAGpB,qBAC7C,GAAIsF,GAAeA,EAAsCD,QAAS,CACjE,OAAOC,C,IAKV,MAAMC,EAAwBzF,IAC7B,GAAIhB,EAAUe,WAAWC,EAAQqC,eAAgB,MAC3CrC,EAAQqC,cAAcoB,SAC3BgC,EAAqBzF,EAAQqC,c,GAI/B,MAAMqD,EAASN,IACf,GAAIM,EAAQ,CACXD,EAAqBC,E","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","Host","getElement","validateLabel","KolTreeItemTag","KolTreeTag","KolTreeWc","constructor","hostRef","this","state","_label","value","render","key","onSlotchange","handleSlotchange","bind","class","role","isTreeItem","element","tagName","toUpperCase","componentWillLoad","handleTreeChange","observeChildListMutations","disconnectedCallback","_a","observer","disconnect","MutationObserver","observeTopLevelItems","getTopLevelTreeItems","forEach","treeItem","observe","childList","subtree","_b","_c","host","querySelector","assignedNodes","call","filter","treeItemElements","getTreeItemElements","ensureActiveItemVisibility","reduce","accumulator","currentValue","children","querySelectorAll","getOpenTreeItemElements","areElementAndAllParentsOpen","async","parentElement","isOpen","elementsWithInclude","Promise","all","map","include","handleKeyDown","event","_d","_e","_f","_g","_h","_j","openItems","currentTreeItem","document","activeElement","closest","hasModifierKeyPressed","metaKey","altKey","ctrlKey","shiftKey","currentIndex","findIndex","elem","focusLink","preventDefault","expand","collapse","parentIndex","item","length","match","input","char","toLowerCase","startIndex","indexOf","wrapAroundItems","concat","matchIndex","slice","getAttribute","trim","startsWith","siblings","handleFocusOut","relatedTarget","findActiveItem","rootNodes","rootNode","_active","childMatch","expandParentElements","target","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"kol-tree.entry.esm.js","sources":["src/components/tree/style.scss?tag=kol-tree&mode=default&encapsulation=shadow","src/components/tree/shadow.tsx"],"sourcesContent":["@use '../@shared/mixins' as *;\n@use '../../styles/global' as *;\n\n@layer kol-component {\n\t.kol-tree {\n\t\t&__treeview-navigation {\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tlist-style: none;\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, h, Prop } from '@stencil/core';\n\nimport type { LabelPropType, TreeProps } from '../../schema';\nimport { KolTreeWcTag } from '../../core/component-names';\n\n@Component({\n\ttag: 'kol-tree',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolTree implements TreeProps {\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\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<KolTreeWcTag _label={this._label}>\n\t\t\t\t<slot />\n\t\t\t</KolTreeWcTag>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":";;;;;;;AAAA,MAAM,eAAe,GAAG,slKAAslK;;MCajmK,OAAO,GAAA,MAAA;;;;IAMZ,MAAM,GAAA;AACZ,QAAA,QACC,EAAC,YAAY,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAA,EAChC,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACM;;;;;;;;;"}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e,H as t}from"./index-4c718166.js";import{q as i}from"./component-names-aa3cbc3c.js";const o="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     */\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without a background and font color whose contrast ratio has\n     * not been checked. By initially setting the background color to white and the font color\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    background-color: white;\n    color: black;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\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     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /*\n   * All interactive elements should have a minimum size of rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  [role=button],\n  button:not([role=link]),\n  .kol-input .input {\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n  }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: calc(1rem / var(--kolibri-root-font-size, 16));\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: calc(1rem / var(--kolibri-root-font-size, 16));\n}\n\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    border: none;\n    margin: 0;\n    padding: 0;\n    width: 100%; /* 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}\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  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n  .kol-span-wc {\n    display: grid;\n    place-items: center;\n  }\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  .kol-span-wc > span {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  /* This is the text label. */\n  .hide-label > .kol-span-wc > span > span {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    cursor: not-allowed;\n    opacity: 0.5;\n    outline: none;\n  }\n  [aria-disabled=true]:focus .kol-span-wc,\n  [disabled]:focus .kol-span-wc {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .tree ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n  .tree:focus-within {\n    outline: calc(1rem / var(--kolibri-root-font-size, 16)) solid;\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n}",a=o,l=class{constructor(e){n(this,e),this._label=void 0}render(){return e(t,{key:"e594a48c3146b155c3abf2b41bafe6e42f665916",class:"kol-tree"},e(i,{key:"1821bf796b951f0827ea242003bbbf23d31add09",_label:this._label},e("slot",{key:"2440480588b3bc01145ab44de4dc28e27b40bcaf"})))}};l.style={default:a};export{l as kol_tree};
+import{r as n,h as e}from"./index-Dina3aff.js";import{o as t}from"./component-names-CkE54Ym7.js";import"./common-8fBdMvJM.js";const o="/* 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  * {\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 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: grid;\n    place-items: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  .kol-tree__treeview-navigation {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n  .kol-tree:focus-within {\n    outline: 1px solid;\n    outline-offset: 2px;\n  }\n}",i=class{constructor(e){n(this,e)}render(){return e(t,{key:"a9de70659b4ae51eb7e54067eff48641f22a51fc",_label:this._label},e("slot",{key:"d6ee7409c81f3eee881f345d450675fe643eb64e"}))}};i.style={default:o};export{i as kol_tree};

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

@@ -1 +1 @@
-{"version":3,"names":["defaultStyleCss","KolTreeDefaultStyle0","KolTree","render","h","Host","key","class","KolTreeWcTag","_label","this"],"sources":["src/components/tree/style.scss?tag=kol-tree&mode=default&encapsulation=shadow","src/components/tree/shadow.tsx"],"sourcesContent":["@import '../@shared/mixins';\n@import '../style';\n\n@layer kol-component {\n\t:host {\n\t\tfont-size: rem(16);\n\t}\n\n\t.tree {\n\t\tul {\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tlist-style: none;\n\t\t}\n\n\t\t&:focus-within {\n\t\t\toutline: rem(1) solid;\n\t\t\toutline-offset: rem(2);\n\t\t}\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, h, Host, Prop } from '@stencil/core';\n\nimport type { LabelPropType, TreeProps } from '../../schema';\nimport { KolTreeWcTag } from '../../core/component-names';\n\n@Component({\n\ttag: 'kol-tree',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolTree implements TreeProps {\n\t/**\n\t * Defines the label of the tree.\n\t */\n\t@Prop() _label!: LabelPropType;\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-tree\">\n\t\t\t\t<KolTreeWcTag _label={this._label}>\n\t\t\t\t\t<slot />\n\t\t\t\t</KolTreeWcTag>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"mappings":";;;wGAAA,MAAMA,EAAkB,i8IACxB,MAAAC,EAAeD,E,MCYFE,EAAO,M,+CAMZ,MAAAC,GACN,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,YACXH,EAACI,EAAY,CAAAF,IAAA,2CAACG,OAAQC,KAAKD,QAC1BL,EAAA,QAAAE,IAAA,8C","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","KolTreeWcTag","defaultStyleCss","KolTree","constructor","hostRef","this","render","key","_label","style","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,MAAS,kCAC3BC,MAAoB,sCAC3B,uBAEP,MAAMC,EAAkB,ulKAExB,MAAMC,EAAU,MACZ,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,EAC3B,CACA,MAAAE,GACI,OAAQP,EAAEC,EAAc,CAAEO,IAAK,2CAA4CC,OAAQH,KAAKG,QAAUT,EAAE,OAAQ,CAAEQ,IAAK,6CACvH,GAEJL,EAAQO,MAAQ,CACZC,QAAST,UAGJC","ignoreList":[]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"kol-version.entry.esm.js","sources":["src/components/version/style.scss?tag=kol-version&mode=default&encapsulation=shadow","src/components/version/shadow.tsx"],"sourcesContent":["@use '../../styles/global' as *;\n","import type { LabelPropType, VersionAPI, VersionStates } from '../../schema';\nimport { validateLabel } from '../../schema';\nimport { Component, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { translate } from '../../i18n';\n\nimport type { JSX } from '@stencil/core';\nimport { KolBadgeTag } from '../../core/component-names';\n\n@Component({\n\ttag: 'kol-version',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolVersion implements VersionAPI {\n\tprivate readonly translateVersion = translate('kol-version');\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-version\">\n\t\t\t\t<KolBadgeTag\n\t\t\t\t\t_color=\"#bec5c9\"\n\t\t\t\t\t_icons={{\n\t\t\t\t\t\tleft: { icon: 'codicon codicon-versions', label: this.translateVersion },\n\t\t\t\t\t}}\n\t\t\t\t\t_label={this.state._label}\n\t\t\t\t/>\n\t\t\t</Host>\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!: LabelPropType;\n\n\t@State() public state: VersionStates = {\n\t\t_label: '0.0.0-alpha.0',\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\tpublic componentWillLoad(): void {\n\t\tthis.validateLabel(this._label);\n\t}\n}\n"],"names":[],"mappings":";;;;;;;;;;AAAA,MAAM,eAAe,GAAG,s4JAAs4J;;MCgBj5J,UAAU,GAAA,MAAA;AAPvB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAQkB,QAAA,IAAA,CAAA,gBAAgB,GAAG,SAAS,CAAC,aAAa,CAAC;QAoB5C,IAAA,CAAA,KAAK,GAAkB;AACtC,YAAA,MAAM,EAAE,eAAe;SACvB;AAYD;IAjCO,MAAM,GAAA;AACZ,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACxB,CAAA,CAAC,WAAW,EACX,EAAA,GAAA,EAAA,0CAAA,EAAA,MAAM,EAAC,SAAS,EAChB,MAAM,EAAE;gBACP,IAAI,EAAE,EAAE,IAAI,EAAE,0BAA0B,EAAE,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAAE;aACxE,EACD,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAA,CACxB,CACI;;AAcF,IAAA,aAAa,CAAC,KAAqB,EAAA;AACzC,QAAA,aAAa,CAAC,IAAI,EAAE,KAAK,EAAE;AAC1B,YAAA,QAAQ,EAAE,IAAI;AACd,SAAA,CAAC;;IAGI,iBAAiB,GAAA;AACvB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC;;;;;;;;;;;;"}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e,H as t}from"./index-4c718166.js";import{t as i}from"./i18n-5fe08f1c.js";import{t as o}from"./component-names-aa3cbc3c.js";import{v as a}from"./label-d70e7c34.js";import"./i18n-7ea9f137.js";import"./reuse-32931294.js";import"./prop.validators-c5e6ad2d.js";import"./index-541b643a.js";import"./dev.utils-fab45cbc.js";const s="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     */\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without a background and font color whose contrast ratio has\n     * not been checked. By initially setting the background color to white and the font color\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    background-color: white;\n    color: black;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\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     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /*\n   * All interactive elements should have a minimum size of rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  [role=button],\n  button:not([role=link]),\n  .kol-input .input {\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n  }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: calc(1rem / var(--kolibri-root-font-size, 16));\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: calc(1rem / var(--kolibri-root-font-size, 16));\n}\n\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    border: none;\n    margin: 0;\n    padding: 0;\n    width: 100%; /* 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}\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  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n  .kol-span-wc {\n    display: grid;\n    place-items: center;\n  }\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  .kol-span-wc > span {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  /* This is the text label. */\n  .hide-label > .kol-span-wc > span > span {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    cursor: not-allowed;\n    opacity: 0.5;\n    outline: none;\n  }\n  [aria-disabled=true]:focus .kol-span-wc,\n  [disabled]:focus .kol-span-wc {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n}",l=s,r=class{constructor(e){n(this,e),this._label=void 0,this.state={_label:"0.0.0-alpha.0"}}render(){return e(t,{key:"8c954fd86a31c402ba0e1b4f5c788da255cfb864",class:"kol-version"},e(o,{key:"8bf619310276b57778d43368603b27516449d939",_color:"#bec5c9",_icons:{left:{icon:"codicon codicon-versions",label:i("kol-version")}},_label:this.state._label}))}validateLabel(n){a(this,n,{required:!0})}componentWillLoad(){this.validateLabel(this._label)}static get watchers(){return{_label:["validateLabel"]}}};r.style={default:l};export{r as kol_version};
+import{r as n,h as e,H as t}from"./index-Dina3aff.js";import"./common-8fBdMvJM.js";import{v as i}from"./label-CdtNxOKu.js";import{t as o}from"./i18n-CdSCDnmA.js";import{q as a}from"./component-names-CkE54Ym7.js";import"./i18n-ZF6JbdVP.js";const l="/*\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  * {\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 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: grid;\n    place-items: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    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}",s=class{constructor(e){n(this,e),this.translateVersion=o("kol-version"),this.state={_label:"0.0.0-alpha.0"}}render(){return e(t,{key:"8bb2e7607ac89318676c76d90466e13d445d492a",class:"kol-version"},e(a,{key:"033d28fec624afa5976153c7fe58359dd52dea2b",_color:"#bec5c9",_icons:{left:{icon:"codicon codicon-versions",label:this.translateVersion}},_label:this.state._label}))}validateLabel(n){i(this,n,{required:!0})}componentWillLoad(){this.validateLabel(this._label)}static get watchers(){return{_label:["validateLabel"]}}};s.style={default:l};export{s as kol_version};

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

@@ -1 +1 @@
-{"version":3,"names":["defaultStyleCss","KolVersionDefaultStyle0","KolVersion","_label","render","h","Host","key","class","KolBadgeTag","_color","_icons","left","icon","label","translate","this","state","validateLabel","value","required","componentWillLoad"],"sources":["src/components/version/style.scss?tag=kol-version&mode=default&encapsulation=shadow","src/components/version/shadow.tsx"],"sourcesContent":["@import '../@shared/mixins';\n@import '../style';\n\n@layer kol-component {\n\t:host {\n\t\tfont-size: rem(16);\n\t}\n}\n","import type { LabelPropType, VersionAPI, VersionStates } from '../../schema';\nimport { validateLabel } from '../../schema';\nimport { Component, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { translate } from '../../i18n';\n\nimport type { JSX } from '@stencil/core';\nimport { KolBadgeTag } from '../../core/component-names';\n\n@Component({\n\ttag: 'kol-version',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolVersion implements VersionAPI {\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-version\">\n\t\t\t\t<KolBadgeTag\n\t\t\t\t\t_color=\"#bec5c9\"\n\t\t\t\t\t_icons={{\n\t\t\t\t\t\tleft: { icon: 'codicon codicon-versions', label: translate('kol-version') },\n\t\t\t\t\t}}\n\t\t\t\t\t_label={this.state._label}\n\t\t\t\t/>\n\t\t\t</Host>\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!: LabelPropType;\n\n\t@State() public state: VersionStates = {\n\t\t_label: '0.0.0-alpha.0',\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\tpublic componentWillLoad(): void {\n\t\tthis.validateLabel(this._label);\n\t}\n}\n"],"mappings":";;;gVAAA,MAAMA,EAAkB,gtIACxB,MAAAC,EAAeD,E,MCeFE,EAAU,M,0DAoBiB,CACtCC,OAAQ,gB,CApBF,MAAAC,GACN,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,eACXH,EAACI,EAAW,CAAAF,IAAA,2CACXG,OAAO,UACPC,OAAQ,CACPC,KAAM,CAAEC,KAAM,2BAA4BC,MAAOC,EAAU,iBAE5DZ,OAAQa,KAAKC,MAAMd,S,CAgBhB,aAAAe,CAAcC,GACpBD,EAAcF,KAAMG,EAAO,CAC1BC,SAAU,M,CAIL,iBAAAC,GACNL,KAAKE,cAAcF,KAAKb,O","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","Host","validateLabel","translate","KolBadgeTag","defaultStyleCss","KolVersion","constructor","hostRef","this","translateVersion","state","_label","render","key","class","_color","_icons","left","icon","label","value","required","componentWillLoad","watchers","style","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,OAAQC,MAAY,4BAC7C,mCACOC,MAAqB,kCACrBC,MAAiB,iCACjBC,MAAmB,sCAC1B,qBAEP,MAAMC,EAAkB,u4JAExB,MAAMC,EAAa,MACf,WAAAC,CAAYC,GACRT,EAAiBU,KAAMD,GACvBC,KAAKC,iBAAmBP,EAAU,eAClCM,KAAKE,MAAQ,CACTC,OAAQ,gBAEhB,CACA,MAAAC,GACI,OAAQb,EAAEC,EAAM,CAAEa,IAAK,2CAA4CC,MAAO,eAAiBf,EAAEI,EAAa,CAAEU,IAAK,2CAA4CE,OAAQ,UAAWC,OAAQ,CAChLC,KAAM,CAAEC,KAAM,2BAA4BC,MAAOX,KAAKC,mBACvDE,OAAQH,KAAKE,MAAMC,SAC9B,CACA,aAAAV,CAAcmB,GACVnB,EAAcO,KAAMY,EAAO,CACvBC,SAAU,MAElB,CACA,iBAAAC,GACId,KAAKP,cAAcO,KAAKG,OAC5B,CACA,mBAAWY,GAAa,MAAO,CAC3BZ,OAAU,CAAC,iBACZ,GAEPN,EAAWmB,MAAQ,CACfC,QAASrB,UAGJC","ignoreList":[]}