@public-ui/components 4.0.0-alpha.6 → 4.0.0-alpha.8

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as i,h as t,H as s,g as a}from"./index-tZ4BZtrY.js";import{a as e,e as o}from"./component-names-CkE54Ym7.js";import{w as r,e as l,M as n,j as h}from"./common-Dd0zJQbD.js";import{s as d}from"./reuse-CX4AQDkS.js";import{v as c,a as f,b as v,c as p}from"./access-and-short-key-B37XLwy2.js";import{v as m,a as u,b,c as k,d as _,e as j}from"./link-variant-DQEKOyAU.js";import{v as g}from"./custom-class-nuoQ9Aml.js";import{v as y}from"./disabled-BhpAFgSp.js";import{v as w}from"./hide-label-B9FhGrWP.js";import{v as x}from"./href-rwDd36rS.js";import{v as A}from"./icons-B5i9zwjJ.js";import{a as C}from"./label-Dnmzb2S_.js";import{v as D}from"./tooltip-align-Cnin7S26.js";import{d as S,K as V}from"./events-9-skLO0f.js";import{o as K}from"./ariaCurrentService-YoLNpD5S.js";import{c as L}from"./clsx-eK3rPvPS.js";import"./Alert-DQ2Dvx1k.js";import{t as O}from"./i18n-C5ifExT3.js";import{K as B}from"./Span-wBFswd-7.js";import"./align-D-ifSKu8.js";import"./tslib.es6-CxX45GIN.js";import"./bem-C27SfH6w.js";import"./browser-DiRe0qUf.js";import"./Heading-C10swMyu.js";import"./i18n-ZF6JbdVP.js";import"./Icon-B3ooeNpT.js";import"./markdown-BSkXjaSn.js";import"./InternalUnderlinedBadgeText-SJouHY4e.js";import"./isObject-DvSELytj.js";const T=["date","location","page","step","time","true","false"],E=(t,a)=>{r(t,"_ariaCurrentValue",t=>"string"==typeof t&&T.includes(t),new Set([`AriaCurrentValue {${T.join(", ")}`]),a,{defaultValue:"page"})},I=(t,a)=>{l(t,"_ariaOwns",a,{defaultValue:void 0})},H=(t,a)=>{l(t,"_download",a)},$=(t,a)=>{"object"==typeof a&&"function"==typeof(null==a?void 0:a.onClick)&&(t.state=Object.assign(Object.assign({},t.state),{_on:a}))},F=(t,a)=>{l(t,"_target",a)},P=class{constructor(t){i(this,t),this.translateOpenLinkInTab=O("kol-open-link-in-tab"),this.catchRef=t=>{this.anchorRef=t},this.hideTooltip=()=>{var t;null===(t=this.tooltipRef)||void 0===t||t.hideTooltip()},this.onClick=t=>{var a,i;this.state._hideLabel&&this.hideTooltip(),!0===this.state._disabled?t.preventDefault():("function"==typeof(null===(a=this.state._on)||void 0===a?void 0:a.onClick)&&(t.preventDefault(),n(t,this.anchorRef),null===(i=this.state._on)||void 0===i||i.onClick(t,this.state._href)),this.host&&S(this.host,V.click,this.state._href))},this.getRenderValues=()=>{const t="string"==typeof this.state._target&&"_self"!==this.state._target,a={href:"string"==typeof this.state._href&&this.state._href.length>0?this.state._href:"javascript:void(0);",target:"string"==typeof this.state._target&&this.state._target.length>0?this.state._target:void 0,rel:t?"noopener":void 0,download:"string"==typeof this.state._download?this.state._download:void 0};return!0!==this.state._hideLabel||this.state._label||h("[KolLink] An aria-label must be set when _hide-label is set."),{isExternal:t,tagAttrs:a}},this._disabled=!1,this._hideLabel=!1,this._tooltipAlign="right",this._buttonVariant="normal",this.state={_ariaCurrentValue:"page",_href:"",_icons:{}}}async kolFocus(){var t;null===(t=this.anchorRef)||void 0===t||t.focus()}render(){var a;const{isExternal:i,tagAttrs:l}=this.getRenderValues(),r=d(this.state._label),n=null===(a=this.state._ariaDescription)||void 0===a?void 0:a.trim();return t(s,{key:"441032334ac70c05ca8f988af1220de78322c122"},t("a",Object.assign({key:"55408884239f0ee1ac725c1ae188783ccf7245de",ref:this.catchRef},l,{accessKey:this.state._accessKey,"aria-current":this.state._ariaCurrent,"aria-controls":this.state._ariaControls,"aria-description":n||void 0,"aria-disabled":this.state._disabled?"true":void 0,"aria-expanded":"boolean"==typeof this.state._ariaExpanded?String(this.state._ariaExpanded):void 0,"aria-owns":this.state._ariaOwns,"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?`${this.state._label}${i?` (${this.translateOpenLinkInTab})`:""}`:void 0,"aria-keyshortcuts":this.state._shortKey,class:L("kol-link",{"kol-link--disabled":!0===this.state._disabled,"kol-link--external-link":i,"kol-link--hide-label":!0===this.state._hideLabel,[`kol-link--${this.state._buttonVariant}`]:"custom"!==this.state._buttonVariant,[`kol-link--${this.state._linkVariant}`]:this.state._linkVariant,[this.state._customClass]:"custom"===this.state._buttonVariant&&"string"==typeof this.state._customClass&&this.state._customClass.length>0})},this.state._on,{onClick:this.onClick,onKeyPress:this.onClick,role:this.state._role,tabIndex:this.state._disabled?-1:this.state._tabIndex}),t(B,{key:"0ff7176470224010df0e940aeb2ba8c03d84ecd5",class:"kol-link__text",badgeText:this.state._accessKey||this.state._shortKey,icons:this.state._icons,hideLabel:this.state._hideLabel,label:r?"":this.state._label||this.state._href},t("slot",{key:"09bf42a7964ec4932aca5c0882e717175a3e0953",name:"expert",slot:"expert"})),i&&t(o,{key:"73327f19e68e2bf665296c36d68bdf6464dd101b",class:"kol-link__icon",_label:this.state._hideLabel?"":this.translateOpenLinkInTab,_icons:"codicon codicon-link-external","aria-hidden":this.state._hideLabel})),!0===this.state._hideLabel&&t(e,{key:"9a21b4043b893645d53afb41b58421ad3e8f0e6e","aria-hidden":"true",class:"kol-link__tooltip",ref:t=>this.tooltipRef=t,hidden:r,_badgeText:this.state._accessKey||this.state._shortKey,_align:this.state._tooltipAlign,_label:this.state._label||this.state._href}))}validateAccessKey(t){c(this,t),f(t,this._shortKey)}validateAriaCurrentValue(t){E(this,t)}validateAriaControls(t){m(this,t)}validateAriaDescription(t){u(this,t)}validateAriaExpanded(t){b(this,t)}validateAriaOwns(t){I(this,t)}validateCustomClass(t){g(this,t)}validateDisabled(t){y(this,t)}validateDownload(t){H(this,t)}validateHideLabel(t){w(this,t)}validateHref(t){x(this,t,{required:!0})}validateIcons(t){A(this,t)}validateLabel(t){C(this,t)}validateLinkVariant(t){k(this,t)}validateOn(t){$(this,t)}validateRole(t){_(this,t)}validateShortKey(t){v(this,t),f(this._accessKey,t)}validateTabIndex(t){p(this,t)}validateTarget(t){F(this,t)}validateTooltipAlign(t){D(this,t)}validateButtonVariant(t){j(this,t)}componentWillLoad(){this.validateAccessKey(this._accessKey),this.validateAriaCurrentValue(this._ariaCurrentValue),this.validateAriaControls(this._ariaControls),this.validateAriaDescription(this._ariaDescription),this.validateAriaExpanded(this._ariaExpanded),this.validateAriaOwns(this._ariaOwns),this.validateCustomClass(this._customClass),this.validateDisabled(this._disabled),this.validateDownload(this._download),this.validateHideLabel(this._hideLabel),this.validateHref(this._href),this.validateIcons(this._icons),this.validateLabel(this._label),this.validateLinkVariant(this._linkVariant),this.validateOn(this._on),this.validateRole(this._role),this.validateShortKey(this._shortKey),this.validateTabIndex(this._tabIndex),this.validateTarget(this._target),this.validateTooltipAlign(this._tooltipAlign),this.validateButtonVariant(this._buttonVariant),this.unsubscribeOnLocationChange=K(t=>{this.state._ariaCurrent=t===this.state._href?this.state._ariaCurrentValue:void 0}),f(this._accessKey,this._shortKey)}disconnectedCallback(){this.unsubscribeOnLocationChange&&this.unsubscribeOnLocationChange()}get host(){return a(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_ariaCurrentValue:["validateAriaCurrentValue"],_ariaControls:["validateAriaControls"],_ariaDescription:["validateAriaDescription"],_ariaExpanded:["validateAriaExpanded"],_ariaOwns:["validateAriaOwns"],_customClass:["validateCustomClass"],_disabled:["validateDisabled"],_download:["validateDownload"],_hideLabel:["validateHideLabel"],_href:["validateHref"],_icons:["validateIcons"],_label:["validateLabel"],_linkVariant:["validateLinkVariant"],_on:["validateOn"],_role:["validateRole"],_shortKey:["validateShortKey"],_tabIndex:["validateTabIndex"],_target:["validateTarget"],_tooltipAlign:["validateTooltipAlign"],_buttonVariant:["validateButtonVariant"]}}};export{P as kol_link_wc};
+import{r as t,h as i,H as s,g as a}from"./index-DywmWsSE.js";import{a as e,e as o}from"./component-names-CkE54Ym7.js";import{w as l,e as r,J as n,j as h}from"./common-L1K0yh1S.js";import{s as d}from"./reuse-CX4AQDkS.js";import{v as c,a as v,b as f,c as u}from"./access-and-short-key-Dy2a7Py3.js";import{v as m,a as p,b,c as _,d as k}from"./button-variant-ueS50zGR.js";import{v as j}from"./custom-class-Dg0c6ST7.js";import{v as g}from"./disabled-u5a_azlj.js";import{v as y}from"./hide-label-DjBQJOAP.js";import{v as C}from"./href-LHUCJ_IZ.js";import{v as x}from"./icons-CmMX8bbY.js";import{v as A}from"./inline-CeKQgcde.js";import{a as w}from"./label-ohY9ajP0.js";import{v as D}from"./tooltip-align-DEw_M6Is.js";import{d as I,K as L}from"./events-9-skLO0f.js";import{o as S}from"./ariaCurrentService-YoLNpD5S.js";import{c as K}from"./clsx-eK3rPvPS.js";import"./Alert-Bs928mhI.js";import{t as V}from"./i18n-DnUkqOwE.js";import{K as O}from"./Span-BxIVRFLu.js";import"./align-Bcqvz5vw.js";import"./tslib.es6-CxX45GIN.js";import"./bem-CIn1qsbp.js";import"./browser-CyCtPZc0.js";import"./Heading-CGwiJmft.js";import"./i18n-Bt8vh0qY.js";import"./Icon-CABcSt0c.js";import"./markdown-CVks1MC0.js";import"./InternalUnderlinedBadgeText-BLjtdWvR.js";import"./isObject-DvSELytj.js";const B=["date","location","page","step","time","true","false"],E=(t,a)=>{l(t,"_ariaCurrentValue",t=>"string"==typeof t&&B.includes(t),new Set([`AriaCurrentValue {${B.join(", ")}`]),a,{defaultValue:"page"})},T=(t,a)=>{r(t,"_ariaOwns",a,{defaultValue:void 0})},H=(t,a)=>{r(t,"_download",a)},P=(t,a)=>{"object"==typeof a&&"function"==typeof(null==a?void 0:a.onClick)&&(t.state=Object.assign(Object.assign({},t.state),{_on:a}))},q=(t,a)=>{r(t,"_target",a)},R=class{constructor(a){t(this,a),this.translateOpenLinkInTab=V("kol-open-link-in-tab"),this.catchRef=t=>{this.anchorRef=t},this.hideTooltip=()=>{var t;null===(t=this.tooltipRef)||void 0===t||t.hideTooltip()},this.onClick=t=>{var a,i;this.state._hideLabel&&this.hideTooltip(),!0===this.state._disabled?t.preventDefault():("function"==typeof(null===(a=this.state._on)||void 0===a?void 0:a.onClick)&&(t.preventDefault(),n(t,this.anchorRef),null===(i=this.state._on)||void 0===i||i.onClick(t,this.state._href)),this.host&&I(this.host,L.click,this.state._href))},this.getRenderValues=()=>{const t="string"==typeof this.state._target&&"_self"!==this.state._target,a={href:"string"==typeof this.state._href&&this.state._href.length>0?this.state._href:"javascript:void(0);",target:"string"==typeof this.state._target&&this.state._target.length>0?this.state._target:void 0,rel:t?"noopener":void 0,download:"string"==typeof this.state._download?this.state._download:void 0};return!0!==this.state._hideLabel||this.state._label||h("[KolLink] An aria-label must be set when _hide-label is set."),{isExternal:t,tagAttrs:a}},this._disabled=!1,this._hideLabel=!1,this._inline=!0,this._tooltipAlign="right",this._buttonVariant="normal",this.state={_ariaCurrentValue:"page",_href:"",_icons:{}}}async kolFocus(){var t;null===(t=this.anchorRef)||void 0===t||t.focus()}render(){var t;const{isExternal:a,tagAttrs:l}=this.getRenderValues(),r=d(this.state._label),n=null===(t=this.state._ariaDescription)||void 0===t?void 0:t.trim();return i(s,{key:"892c5cc729d746dc7b1f046d1b43f198752d2806"},i("a",Object.assign({key:"66793d9388bdd0b7d291fc1d137ba269cfd2b228",ref:this.catchRef},l,{accessKey:this.state._accessKey,"aria-current":this.state._ariaCurrent,"aria-controls":this.state._ariaControls,"aria-description":n||void 0,"aria-disabled":this.state._disabled?"true":void 0,"aria-expanded":"boolean"==typeof this.state._ariaExpanded?String(this.state._ariaExpanded):void 0,"aria-owns":this.state._ariaOwns,"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?`${this.state._label}${a?` (${this.translateOpenLinkInTab})`:""}`:void 0,"aria-keyshortcuts":this.state._shortKey,class:K("kol-link",{"kol-link--disabled":!0===this.state._disabled,"kol-link--external-link":a,"kol-link--hide-label":!0===this.state._hideLabel,[`kol-link--${this.state._buttonVariant}`]:"custom"!==this.state._buttonVariant,"kol-link--inline":!0===this.state._inline,"kol-link--standalone":!1===this.state._inline,[this.state._customClass]:"custom"===this.state._buttonVariant&&"string"==typeof this.state._customClass&&this.state._customClass.length>0})},this.state._on,{onClick:this.onClick,onKeyPress:this.onClick,role:this.state._role,tabIndex:this.state._disabled?-1:this.state._tabIndex}),i(O,{key:"5c7d16010d9be97330357727cd077a5938d34e7f",class:"kol-link__text",badgeText:this.state._accessKey||this.state._shortKey,icons:this.state._icons,hideLabel:this.state._hideLabel,label:r?"":this.state._label||this.state._href},i("slot",{key:"b01d5620e864c978c8e87b5601b8736334af2959",name:"expert",slot:"expert"})),a&&i(o,{key:"4a817ada365a0c78003c921049be05705dd532ea",class:"kol-link__icon",_label:this.state._hideLabel?"":this.translateOpenLinkInTab,_icons:"codicon codicon-link-external","aria-hidden":this.state._hideLabel})),!0===this.state._hideLabel&&i(e,{key:"509f958cb96c22e1f037c9c82bd74ef4e89e0b3d","aria-hidden":"true",class:"kol-link__tooltip",ref:t=>this.tooltipRef=t,hidden:r,_badgeText:this.state._accessKey||this.state._shortKey,_align:this.state._tooltipAlign,_label:this.state._label||this.state._href}))}validateAccessKey(t){c(this,t),v(t,this._shortKey)}validateAriaCurrentValue(t){E(this,t)}validateAriaControls(t){m(this,t)}validateAriaDescription(t){p(this,t)}validateAriaExpanded(t){b(this,t)}validateAriaOwns(t){T(this,t)}validateCustomClass(t){j(this,t)}validateDisabled(t){g(this,t)}validateDownload(t){H(this,t)}validateHideLabel(t){y(this,t)}validateHref(t){C(this,t,{required:!0})}validateIcons(t){x(this,t)}validateInline(t){A(this,t,{defaultValue:!0})}validateLabel(t){w(this,t)}validateOn(t){P(this,t)}validateRole(t){_(this,t)}validateShortKey(t){f(this,t),v(this._accessKey,t)}validateTabIndex(t){u(this,t)}validateTarget(t){q(this,t)}validateTooltipAlign(t){D(this,t)}validateButtonVariant(t){k(this,t)}componentWillLoad(){this.validateAccessKey(this._accessKey),this.validateAriaCurrentValue(this._ariaCurrentValue),this.validateAriaControls(this._ariaControls),this.validateAriaDescription(this._ariaDescription),this.validateAriaExpanded(this._ariaExpanded),this.validateAriaOwns(this._ariaOwns),this.validateCustomClass(this._customClass),this.validateDisabled(this._disabled),this.validateDownload(this._download),this.validateHideLabel(this._hideLabel),this.validateHref(this._href),this.validateIcons(this._icons),this.validateInline(this._inline),this.validateLabel(this._label),this.validateOn(this._on),this.validateRole(this._role),this.validateShortKey(this._shortKey),this.validateTabIndex(this._tabIndex),this.validateTarget(this._target),this.validateTooltipAlign(this._tooltipAlign),this.validateButtonVariant(this._buttonVariant),this.unsubscribeOnLocationChange=S(t=>{this.state._ariaCurrent=t===this.state._href?this.state._ariaCurrentValue:void 0}),v(this._accessKey,this._shortKey)}disconnectedCallback(){this.unsubscribeOnLocationChange&&this.unsubscribeOnLocationChange()}get host(){return a(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_ariaCurrentValue:["validateAriaCurrentValue"],_ariaControls:["validateAriaControls"],_ariaDescription:["validateAriaDescription"],_ariaExpanded:["validateAriaExpanded"],_ariaOwns:["validateAriaOwns"],_customClass:["validateCustomClass"],_disabled:["validateDisabled"],_download:["validateDownload"],_hideLabel:["validateHideLabel"],_href:["validateHref"],_icons:["validateIcons"],_inline:["validateInline"],_label:["validateLabel"],_on:["validateOn"],_role:["validateRole"],_shortKey:["validateShortKey"],_tabIndex:["validateTabIndex"],_target:["validateTarget"],_tooltipAlign:["validateTooltipAlign"],_buttonVariant:["validateButtonVariant"]}}};export{R as kol_link_wc};

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

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","Host","getElement","KolTooltipWcTag","KolIconTag","watchValidator","watchString","setEventTarget","devHint","showExpertSlot","validateAccessKey","validateAccessAndShortKey","validateShortKey","validateTabIndex","validateAriaControls","validateAriaDescription","validateAriaExpanded","validateLinkVariant","validateAlternativeButtonLinkRole","validateButtonVariant","validateCustomClass","validateDisabled","validateHideLabel","validateHref","validateIcons","validateLabelWithExpertSlot","validateTooltipAlign","dispatchDomEvent","KolEvent","onLocationChange","clsx","translate","KolSpanFc","ariaCurrentValuePropTypeOptions","validateAriaCurrentValue","component","value","includes","Set","join","defaultValue","validateAriaOwns","undefined","validateDownload","validateLinkCallbacks","onClick","state","Object","assign","_on","validateLinkTarget","KolLinkWc","constructor","hostRef","this","translateOpenLinkInTab","catchRef","ref","anchorRef","hideTooltip","_a","tooltipRef","event","_b","_hideLabel","_disabled","preventDefault","_href","host","click","getRenderValues","isExternal","_target","tagAttrs","href","length","target","rel","download","_download","_label","_tooltipAlign","_buttonVariant","_ariaCurrentValue","_icons","kolFocus","focus","render","hasExpertSlot","ariaDescription","_ariaDescription","trim","key","accessKey","_accessKey","_ariaCurrent","_ariaControls","_ariaExpanded","String","_ariaOwns","_shortKey","class","_linkVariant","_customClass","onKeyPress","role","_role","tabIndex","_tabIndex","badgeText","icons","hideLabel","label","name","slot","hidden","_badgeText","_align","required","validateLabel","validateOn","validateRole","validateTarget","componentWillLoad","unsubscribeOnLocationChange","location","disconnectedCallback","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","Host","getElement","KolTooltipWcTag","KolIconTag","watchValidator","watchString","setEventTarget","devHint","showExpertSlot","validateAccessKey","validateAccessAndShortKey","validateShortKey","validateTabIndex","validateAriaControls","validateAriaDescription","validateAriaExpanded","validateAlternativeButtonLinkRole","validateButtonVariant","validateCustomClass","validateDisabled","validateHideLabel","validateHref","validateIcons","validateInline","validateLabelWithExpertSlot","validateTooltipAlign","dispatchDomEvent","KolEvent","onLocationChange","clsx","translate","KolSpanFc","ariaCurrentValuePropTypeOptions","validateAriaCurrentValue","component","value","includes","Set","join","defaultValue","validateAriaOwns","undefined","validateDownload","validateLinkCallbacks","onClick","state","Object","assign","_on","validateLinkTarget","KolLinkWc","constructor","hostRef","this","translateOpenLinkInTab","catchRef","ref","anchorRef","hideTooltip","_a","tooltipRef","event","_b","_hideLabel","_disabled","preventDefault","_href","host","click","getRenderValues","isExternal","_target","tagAttrs","href","length","target","rel","download","_download","_label","_inline","_tooltipAlign","_buttonVariant","_ariaCurrentValue","_icons","kolFocus","focus","render","hasExpertSlot","ariaDescription","_ariaDescription","trim","key","accessKey","_accessKey","_ariaCurrent","_ariaControls","_ariaExpanded","String","_ariaOwns","_shortKey","class","_customClass","onKeyPress","role","_role","tabIndex","_tabIndex","badgeText","icons","hideLabel","label","name","slot","hidden","_badgeText","_align","required","validateLabel","validateOn","validateRole","validateTarget","componentWillLoad","unsubscribeOnLocationChange","location","disconnectedCallback","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"kol-link.entry.esm.js","sources":["src/components/link/style.scss?tag=kol-link&mode=default&encapsulation=shadow","src/components/link/shadow.tsx"],"sourcesContent":["@use '../@shared/mixins' as *;\n@use '../../styles/global' as *;\n@use '../@shared/kol-link-mixin' as *;\n\n@layer kol-component {\n\t@include kol-link-styles('kol-link');\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, h, Method, Prop } from '@stencil/core';\nimport { KolLinkWcTag } from '../../core/component-names';\nimport type {\n\tAccessKeyPropType,\n\tAlternativeButtonLinkRolePropType,\n\tAriaCurrentValuePropType,\n\tAriaDescriptionPropType,\n\tDownloadPropType,\n\tFocusableElement,\n\tHrefPropType,\n\tKoliBriIconsProp,\n\tLabelWithExpertSlotPropType,\n\tLinkOnCallbacksPropType,\n\tLinkProps,\n\tLinkTargetPropType,\n\tLinkVariantPropType,\n\tShortKeyPropType,\n\tStringified,\n\tTooltipAlignPropType,\n} from '../../schema';\n\n@Component({\n\ttag: 'kol-link',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolLink implements LinkProps, FocusableElement {\n\tprivate linkWcRef?: HTMLKolLinkWcElement;\n\n\tprivate readonly catchRef = (ref?: HTMLKolLinkWcElement) => {\n\t\tthis.linkWcRef = ref;\n\t};\n\n\t/**\n\t * Sets focus on the internal element.\n\t */\n\t@Method()\n\tpublic async kolFocus() {\n\t\tawait this.linkWcRef?.kolFocus();\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<KolLinkWcTag\n\t\t\t\tref={this.catchRef}\n\t\t\t\t_accessKey={this._accessKey}\n\t\t\t\t_ariaCurrentValue={this._ariaCurrentValue}\n\t\t\t\t_ariaControls={this._ariaControls}\n\t\t\t\t_ariaDescription={this._ariaDescription}\n\t\t\t\t_ariaExpanded={this._ariaExpanded}\n\t\t\t\t_disabled={this._disabled}\n\t\t\t\t_download={this._download}\n\t\t\t\t_hideLabel={this._hideLabel}\n\t\t\t\t_href={this._href}\n\t\t\t\t_icons={this._icons}\n\t\t\t\t_label={this._label}\n\t\t\t\t_linkVariant={this._variant}\n\t\t\t\t_on={this._on}\n\t\t\t\t_shortKey={this._shortKey}\n\t\t\t\t_target={this._target}\n\t\t\t\t_tooltipAlign={this._tooltipAlign}\n\t\t\t>\n\t\t\t\t{/*\n\t\t\t\t\t\tEs ist keine gute Idee hier einen Slot einzufügen, da dadurch ermöglicht wird,\n\t\t\t\t\t\tdie Unterstützung hinsichtlich der Barrierefreiheit der Komponente zu umgehen.\n\t\t\t\t\t*/}\n\t\t\t\t<slot name=\"expert\" slot=\"expert\"></slot>\n\t\t\t</KolLinkWcTag>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the key combination that can be used to trigger or focus the component’s interactive element.\n\t */\n\t@Prop() public _accessKey?: AccessKeyPropType;\n\n\t/**\n\t * Defines the value for the aria-current attribute.\n\t */\n\t@Prop() public _ariaCurrentValue?: AriaCurrentValuePropType;\n\n\t/**\n\t * Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)\n\t */\n\t@Prop() public _ariaControls?: string;\n\n\t/**\n\t * Defines the value for the aria-description attribute.\n\t */\n\t@Prop() public _ariaDescription?: AriaDescriptionPropType;\n\n\t/**\n\t * Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)\n\t * @TODO: Change type back to `AriaExpandedPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _ariaExpanded?: boolean;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Tells the browser that the link contains a file. Optionally sets the filename.\n\t */\n\t@Prop() public _download?: DownloadPropType;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Sets the target URI of the link or citation source.\n\t */\n\t@Prop() public _href!: HrefPropType;\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: Stringified<KoliBriIconsProp>;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t */\n\t@Prop() public _label?: LabelWithExpertSlotPropType;\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: LinkVariantPropType = 'inline';\n\n\t/**\n\t * Defines the callback functions for links.\n\t */\n\t@Prop() public _on?: LinkOnCallbacksPropType;\n\n\t/**\n\t * Defines the role of the components primary element.\n\t *\n\t * @deprecated We prefer the semantic role of the HTML element and do not allow for customization. We will remove this prop in the future.\n\t */\n\t@Prop() public _role?: AlternativeButtonLinkRolePropType;\n\n\t/**\n\t * Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.\n\t */\n\t@Prop() public _shortKey?: ShortKeyPropType;\n\n\t/**\n\t * Defines where to open the link.\n\t */\n\t@Prop() public _target?: LinkTargetPropType;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'right';\n}\n"],"names":[],"mappings":";;;;;;;AAAA,MAAM,eAAe,GAAG,u/OAAu/O;;MC6BlgP,OAAO,GAAA,MAAA;AAPpB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAUkB,QAAA,IAAA,CAAA,QAAQ,GAAG,CAAC,GAA0B,KAAI;AAC1D,YAAA,IAAI,CAAC,SAAS,GAAG,GAAG;AACrB,SAAC;AAqEc,QAAA,IAAS,CAAA,SAAA,GAAa,KAAK;AAY3B,QAAA,IAAU,CAAA,UAAA,GAAa,KAAK;AAoB5B,QAAA,IAAQ,CAAA,QAAA,GAAyB,QAAQ;AA2BzC,QAAA,IAAa,CAAA,aAAA,GAA0B,OAAO;AAC7D;AA3HO,IAAA,MAAM,QAAQ,GAAA;;AACpB,QAAA,OAAM,MAAA,IAAI,CAAC,SAAS,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,QAAQ,EAAE,CAAA;;IAG1B,MAAM,GAAA;AACZ,QAAA,QACC,EAAC,YAAY,EAAA,EAAA,GAAA,EAAA,0CAAA,EACZ,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EACzC,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EACvC,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,YAAY,EAAE,IAAI,CAAC,QAAQ,EAC3B,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,aAAa,EAAE,IAAI,CAAC,aAAa,EAAA,EAMjC,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,EAAA,CAAQ,CAC3B;;;;;;;;;"}
+{"version":3,"file":"kol-link.entry.esm.js","sources":["src/components/link/style.scss?tag=kol-link&mode=default&encapsulation=shadow","src/components/link/shadow.tsx"],"sourcesContent":["@use '../@shared/mixins' as *;\n@use '../../styles/global' as *;\n@use '../@shared/kol-link-mixin' as *;\n\n@layer kol-component {\n\t@include kol-link-styles('kol-link');\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, h, Method, Prop } from '@stencil/core';\nimport { KolLinkWcTag } from '../../core/component-names';\nimport type {\n\tAccessKeyPropType,\n\tAlternativeButtonLinkRolePropType,\n\tAriaCurrentValuePropType,\n\tAriaDescriptionPropType,\n\tDownloadPropType,\n\tFocusableElement,\n\tHrefPropType,\n\tInlinePropType,\n\tKoliBriIconsProp,\n\tLabelWithExpertSlotPropType,\n\tLinkOnCallbacksPropType,\n\tLinkProps,\n\tLinkTargetPropType,\n\tShortKeyPropType,\n\tStringified,\n\tTooltipAlignPropType,\n} from '../../schema';\n\n@Component({\n\ttag: 'kol-link',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolLink implements LinkProps, FocusableElement {\n\tprivate linkWcRef?: HTMLKolLinkWcElement;\n\n\tprivate readonly catchRef = (ref?: HTMLKolLinkWcElement) => {\n\t\tthis.linkWcRef = ref;\n\t};\n\n\t/**\n\t * Sets focus on the internal element.\n\t */\n\t@Method()\n\tpublic async kolFocus() {\n\t\tawait this.linkWcRef?.kolFocus();\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<KolLinkWcTag\n\t\t\t\tref={this.catchRef}\n\t\t\t\t_accessKey={this._accessKey}\n\t\t\t\t_ariaCurrentValue={this._ariaCurrentValue}\n\t\t\t\t_ariaControls={this._ariaControls}\n\t\t\t\t_ariaDescription={this._ariaDescription}\n\t\t\t\t_ariaExpanded={this._ariaExpanded}\n\t\t\t\t_disabled={this._disabled}\n\t\t\t\t_download={this._download}\n\t\t\t\t_hideLabel={this._hideLabel}\n\t\t\t\t_href={this._href}\n\t\t\t\t_icons={this._icons}\n\t\t\t\t_inline={this._inline}\n\t\t\t\t_label={this._label}\n\t\t\t\t_on={this._on}\n\t\t\t\t_shortKey={this._shortKey}\n\t\t\t\t_target={this._target}\n\t\t\t\t_tooltipAlign={this._tooltipAlign}\n\t\t\t>\n\t\t\t\t{/*\n\t\t\t\t\t\tEs ist keine gute Idee hier einen Slot einzufügen, da dadurch ermöglicht wird,\n\t\t\t\t\t\tdie Unterstützung hinsichtlich der Barrierefreiheit der Komponente zu umgehen.\n\t\t\t\t\t*/}\n\t\t\t\t<slot name=\"expert\" slot=\"expert\"></slot>\n\t\t\t</KolLinkWcTag>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the key combination that can be used to trigger or focus the component’s interactive element.\n\t */\n\t@Prop() public _accessKey?: AccessKeyPropType;\n\n\t/**\n\t * Defines the value for the aria-current attribute.\n\t */\n\t@Prop() public _ariaCurrentValue?: AriaCurrentValuePropType;\n\n\t/**\n\t * Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)\n\t */\n\t@Prop() public _ariaControls?: string;\n\n\t/**\n\t * Defines the value for the aria-description attribute.\n\t */\n\t@Prop() public _ariaDescription?: AriaDescriptionPropType;\n\n\t/**\n\t * Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)\n\t * @TODO: Change type back to `AriaExpandedPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _ariaExpanded?: boolean;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Tells the browser that the link contains a file. Optionally sets the filename.\n\t */\n\t@Prop() public _download?: DownloadPropType;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Sets the target URI of the link or citation source.\n\t */\n\t@Prop() public _href!: HrefPropType;\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: Stringified<KoliBriIconsProp>;\n\n\t/**\n\t * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.\n\t */\n\t@Prop() public _inline?: InlinePropType = true;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t */\n\t@Prop() public _label?: LabelWithExpertSlotPropType;\n\n\t/**\n\t * Defines the callback functions for links.\n\t */\n\t@Prop() public _on?: LinkOnCallbacksPropType;\n\n\t/**\n\t * Defines the role of the components primary element.\n\t *\n\t * @deprecated We prefer the semantic role of the HTML element and do not allow for customization. We will remove this prop in the future.\n\t */\n\t@Prop() public _role?: AlternativeButtonLinkRolePropType;\n\n\t/**\n\t * Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.\n\t */\n\t@Prop() public _shortKey?: ShortKeyPropType;\n\n\t/**\n\t * Defines where to open the link.\n\t */\n\t@Prop() public _target?: LinkTargetPropType;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'right';\n}\n"],"names":[],"mappings":";;;;;;;AAAA,MAAM,eAAe,GAAG,u/OAAu/O;;MC6BlgP,OAAO,GAAA,MAAA;AAPpB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAUkB,QAAA,IAAA,CAAA,QAAQ,GAAG,CAAC,GAA0B,KAAI;AAC1D,YAAA,IAAI,CAAC,SAAS,GAAG,GAAG;AACrB,SAAC;AAqEc,QAAA,IAAS,CAAA,SAAA,GAAa,KAAK;AAY3B,QAAA,IAAU,CAAA,UAAA,GAAa,KAAK;AAe5B,QAAA,IAAO,CAAA,OAAA,GAAoB,IAAI;AAgC/B,QAAA,IAAa,CAAA,aAAA,GAA0B,OAAO;AAC7D;AA3HO,IAAA,MAAM,QAAQ,GAAA;;AACpB,QAAA,OAAM,MAAA,IAAI,CAAC,SAAS,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,QAAQ,EAAE,CAAA;;IAG1B,MAAM,GAAA;AACZ,QAAA,QACC,EAAC,YAAY,EAAA,EAAA,GAAA,EAAA,0CAAA,EACZ,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EACzC,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EACvC,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,aAAa,EAAE,IAAI,CAAC,aAAa,EAAA,EAMjC,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,EAAA,CAAQ,CAC3B;;;;;;;;;"}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e}from"./index-tZ4BZtrY.js";import{f as t}from"./component-names-CkE54Ym7.js";import"./common-Dd0zJQbD.js";const i="/* forward the rem function */\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  :host {\n    display: inline-block;\n  }\n  .kol-link {\n    display: inline-flex;\n    max-width: fit-content;\n    align-items: baseline;\n    place-items: center;\n    text-align: left;\n    text-decoration-line: none;\n  }\n  .kol-link--standalone {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  .kol-link:is(:focus, :hover):not([aria-disabled], [disabled]) .kol-link__text .kol-span__label {\n    text-decoration-thickness: 0.2em;\n  }\n  .kol-link__text .kol-span__label {\n    text-decoration-line: underline;\n  }\n  .kol-link__icon {\n    display: inline-flex;\n    margin-left: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n}",o=class{constructor(e){n(this,e),this.catchRef=n=>{this.linkWcRef=n},this._disabled=!1,this._hideLabel=!1,this._variant="inline",this._tooltipAlign="right"}async kolFocus(){var n;await(null===(n=this.linkWcRef)||void 0===n?void 0:n.kolFocus())}render(){return e(t,{key:"669a18eefb24876d78f4884ad858ed20afad16a4",ref:this.catchRef,_accessKey:this._accessKey,_ariaCurrentValue:this._ariaCurrentValue,_ariaControls:this._ariaControls,_ariaDescription:this._ariaDescription,_ariaExpanded:this._ariaExpanded,_disabled:this._disabled,_download:this._download,_hideLabel:this._hideLabel,_href:this._href,_icons:this._icons,_label:this._label,_linkVariant:this._variant,_on:this._on,_shortKey:this._shortKey,_target:this._target,_tooltipAlign:this._tooltipAlign},e("slot",{key:"53725b2b3db6ec9847d7650db7db5421a3c05a88",name:"expert",slot:"expert"}))}};o.style={default:i};export{o as kol_link};
+import{r as n,h as e}from"./index-DywmWsSE.js";import{f as t}from"./component-names-CkE54Ym7.js";import"./common-L1K0yh1S.js";const i="/* forward the rem function */\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  :host {\n    display: inline-block;\n  }\n  .kol-link {\n    display: inline-flex;\n    max-width: fit-content;\n    align-items: baseline;\n    place-items: center;\n    text-align: left;\n    text-decoration-line: none;\n  }\n  .kol-link--standalone {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  .kol-link:is(:focus, :hover):not([aria-disabled], [disabled]) .kol-link__text .kol-span__label {\n    text-decoration-thickness: 0.2em;\n  }\n  .kol-link__text .kol-span__label {\n    text-decoration-line: underline;\n  }\n  .kol-link__icon {\n    display: inline-flex;\n    margin-left: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n}",o=class{constructor(e){n(this,e),this.catchRef=n=>{this.linkWcRef=n},this._disabled=!1,this._hideLabel=!1,this._inline=!0,this._tooltipAlign="right"}async kolFocus(){var n;await(null===(n=this.linkWcRef)||void 0===n?void 0:n.kolFocus())}render(){return e(t,{key:"7866070b80e9e7bd98f478db6f67ffad8442ae8a",ref:this.catchRef,_accessKey:this._accessKey,_ariaCurrentValue:this._ariaCurrentValue,_ariaControls:this._ariaControls,_ariaDescription:this._ariaDescription,_ariaExpanded:this._ariaExpanded,_disabled:this._disabled,_download:this._download,_hideLabel:this._hideLabel,_href:this._href,_icons:this._icons,_inline:this._inline,_label:this._label,_on:this._on,_shortKey:this._shortKey,_target:this._target,_tooltipAlign:this._tooltipAlign},e("slot",{key:"77c9abf063e882cabe2d4ff75550c0c2a198a7e7",name:"expert",slot:"expert"}))}};o.style={default:i};export{o as kol_link};

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

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","KolLinkWcTag","defaultStyleCss","KolLink","constructor","hostRef","this","catchRef","ref","linkWcRef","_disabled","_hideLabel","_variant","_tooltipAlign","kolFocus","_a","render","key","_accessKey","_ariaCurrentValue","_ariaControls","_ariaDescription","_ariaExpanded","_download","_href","_icons","_label","_linkVariant","_on","_shortKey","_target","name","slot","style","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,MAAS,kCAC3BC,MAAoB,sCAC3B,uBAEP,MAAMC,EAAkB,w/OAExB,MAAMC,EAAU,MACZ,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,GACvBC,KAAKC,SAAYC,IACbF,KAAKG,UAAYD,CAAG,EAExBF,KAAKI,UAAY,MACjBJ,KAAKK,WAAa,MAClBL,KAAKM,SAAW,SAChBN,KAAKO,cAAgB,OACzB,CACA,cAAMC,GACF,IAAIC,SACIA,EAAKT,KAAKG,aAAe,MAAQM,SAAY,OAAS,EAAIA,EAAGD,WACzE,CACA,MAAAE,GACI,OAAQhB,EAAEC,EAAc,CAAEgB,IAAK,2CAA4CT,IAAKF,KAAKC,SAAUW,WAAYZ,KAAKY,WAAYC,kBAAmBb,KAAKa,kBAAmBC,cAAed,KAAKc,cAAeC,iBAAkBf,KAAKe,iBAAkBC,cAAehB,KAAKgB,cAAeZ,UAAWJ,KAAKI,UAAWa,UAAWjB,KAAKiB,UAAWZ,WAAYL,KAAKK,WAAYa,MAAOlB,KAAKkB,MAAOC,OAAQnB,KAAKmB,OAAQC,OAAQpB,KAAKoB,OAAQC,aAAcrB,KAAKM,SAAUgB,IAAKtB,KAAKsB,IAAKC,UAAWvB,KAAKuB,UAAWC,QAASxB,KAAKwB,QAASjB,cAAeP,KAAKO,eAAiBb,EAAE,OAAQ,CAAEiB,IAAK,2CAA4Cc,KAAM,SAAUC,KAAM,WAChoB,GAEJ7B,EAAQ8B,MAAQ,CACZC,QAAShC,UAGJC","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","KolLinkWcTag","defaultStyleCss","KolLink","constructor","hostRef","this","catchRef","ref","linkWcRef","_disabled","_hideLabel","_inline","_tooltipAlign","kolFocus","_a","render","key","_accessKey","_ariaCurrentValue","_ariaControls","_ariaDescription","_ariaExpanded","_download","_href","_icons","_label","_on","_shortKey","_target","name","slot","style","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,MAAS,kCAC3BC,MAAoB,sCAC3B,uBAEP,MAAMC,EAAkB,w/OAExB,MAAMC,EAAU,MACZ,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,GACvBC,KAAKC,SAAYC,IACbF,KAAKG,UAAYD,CAAG,EAExBF,KAAKI,UAAY,MACjBJ,KAAKK,WAAa,MAClBL,KAAKM,QAAU,KACfN,KAAKO,cAAgB,OACzB,CACA,cAAMC,GACF,IAAIC,SACIA,EAAKT,KAAKG,aAAe,MAAQM,SAAY,OAAS,EAAIA,EAAGD,WACzE,CACA,MAAAE,GACI,OAAQhB,EAAEC,EAAc,CAAEgB,IAAK,2CAA4CT,IAAKF,KAAKC,SAAUW,WAAYZ,KAAKY,WAAYC,kBAAmBb,KAAKa,kBAAmBC,cAAed,KAAKc,cAAeC,iBAAkBf,KAAKe,iBAAkBC,cAAehB,KAAKgB,cAAeZ,UAAWJ,KAAKI,UAAWa,UAAWjB,KAAKiB,UAAWZ,WAAYL,KAAKK,WAAYa,MAAOlB,KAAKkB,MAAOC,OAAQnB,KAAKmB,OAAQb,QAASN,KAAKM,QAASc,OAAQpB,KAAKoB,OAAQC,IAAKrB,KAAKqB,IAAKC,UAAWtB,KAAKsB,UAAWC,QAASvB,KAAKuB,QAAShB,cAAeP,KAAKO,eAAiBb,EAAE,OAAQ,CAAEiB,IAAK,2CAA4Ca,KAAM,SAAUC,KAAM,WAC1nB,GAEJ5B,EAAQ6B,MAAQ,CACZC,QAAS/B,UAGJC","ignoreList":[]}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e,g as t}from"./index-tZ4BZtrY.js";import{c as o}from"./clsx-eK3rPvPS.js";import{g as i}from"./component-names-CkE54Ym7.js";import{e as a,w as l,s as r}from"./common-Dd0zJQbD.js";import{v as s}from"./label-Dnmzb2S_.js";import{d,K as c}from"./events-9-skLO0f.js";import{h}from"./tooltip-open-tracking-rBbBgPWP.js";const m=(n,e,t)=>{a(n,"_width",e,Object.assign({defaultValue:"100%"},t))},f=["blank","card"],p=(n,e)=>{l(n,"_variant",n=>"string"==typeof n&&f.includes(n),new Set(f),e)},b="/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n.kol-card {\n  /* Visible with forced colors  */\n  outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  display: grid;\n  height: 100%;\n  overflow: visible;\n  gap: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n  grid-template-areas: \"header  close\" \"content content\";\n  grid-template-columns: 1fr min-content;\n  grid-template-rows: min-content 1fr;\n}\n.kol-card__header {\n  align-self: start;\n  grid-area: header;\n}\n.kol-card__content {\n  align-self: stretch;\n  grid-area: content;\n}\n.kol-card__close-button {\n  grid-area: close;\n}\n\n@layer kol-component {\n  .kol-modal {\n    min-height: var(--a11y-min-size);\n    padding: 0;\n    border: 0;\n  }\n  .kol-modal::backdrop {\n    background-color: rgba(0, 0, 0, 0.1);\n  }\n  .kol-modal__close-button {\n    position: absolute;\n    top: calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n    right: calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n    z-index: 1;\n  }\n}",u=class{constructor(e){n(this,e),this.on={onClose:async()=>{await this.closeModal()}},this._width="100%",this._variant="blank",this.state={_label:"",_width:"100%"}}disconnectedCallback(){this.closeModal()}handleNativeCloseEvent(){var n,e;null===(e=null===(n=this.state._on)||void 0===n?void 0:n.onClose)||void 0===e||e.call(n),this.host&&d(this.host,c.close)}async openModal(){var n;null===(n=this.refDialog)||void 0===n||n.showModal()}async closeModal(){var n,e;null===(e=null===(n=this.refDialog)||void 0===n?void 0:n.close)||void 0===e||e.call(n)}render(){return e("dialog",{key:"744120eb8c740eb454350d4a5cfebc6ca0db9def","aria-label":this.state._label,class:o("kol-modal",{"kol-modal__blank":"blank"===this.state._variant,"kol-modal__card":"card"===this.state._variant}),onCancel:h,onClose:this.handleNativeCloseEvent.bind(this),ref:n=>{this.refDialog=n},style:{width:this.state._width}},"blank"===this.state._variant&&e("slot",{key:"ed6110b0ddd43e0d544c3420965e93253b4c37db"}),"card"===this.state._variant&&e(i,{key:"8d041e7c444343a6d5fe9fe7dffc08837bfbefb6",_label:this.state._label,_hasCloser:!0,_on:this.on},e("slot",{key:"804e674e6376a29f6c2e357a70a5603f3ce777c1"})))}validateLabel(n){s(this,n,{required:!0})}validateOn(n){if("object"==typeof n&&null!==n){const e={};"function"!=typeof n.onClose&&!0!==n.onClose||(e.onClose=n.onClose),r(this,"_on",e)}}validateWidth(n){m(this,n)}validateVariant(n){p(this,n)}componentWillLoad(){this.validateLabel(this._label),this.validateOn(this._on),this.validateWidth(this._width),this.validateVariant(this._variant)}get host(){return t(this)}static get watchers(){return{_label:["validateLabel"],_on:["validateOn"],_width:["validateWidth"],_variant:["validateVariant"]}}};u.style={default:b};export{u as kol_modal};
+import{r as n,h as e,g as t}from"./index-DywmWsSE.js";import{c as o}from"./clsx-eK3rPvPS.js";import{g as i}from"./component-names-CkE54Ym7.js";import{e as a,w as l,s as r}from"./common-L1K0yh1S.js";import{v as s}from"./label-ohY9ajP0.js";import{d,K as c}from"./events-9-skLO0f.js";import{h}from"./tooltip-open-tracking-rBbBgPWP.js";const m=(n,e,t)=>{a(n,"_width",e,Object.assign({defaultValue:"100%"},t))},f=["blank","card"],p=(n,e)=>{l(n,"_variant",n=>"string"==typeof n&&f.includes(n),new Set(f),e)},b="/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n.kol-card {\n  /* Visible with forced colors  */\n  outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  display: grid;\n  height: 100%;\n  overflow: visible;\n  gap: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n  grid-template-areas: \"header  close\" \"content content\";\n  grid-template-columns: 1fr min-content;\n  grid-template-rows: min-content 1fr;\n}\n.kol-card__header {\n  align-self: start;\n  grid-area: header;\n}\n.kol-card__content {\n  align-self: stretch;\n  grid-area: content;\n}\n.kol-card__close-button {\n  grid-area: close;\n}\n\n@layer kol-component {\n  .kol-modal {\n    min-height: var(--a11y-min-size);\n    padding: 0;\n    border: 0;\n  }\n  .kol-modal::backdrop {\n    background-color: rgba(0, 0, 0, 0.1);\n  }\n  .kol-modal__close-button {\n    position: absolute;\n    top: calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n    right: calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n    z-index: 1;\n  }\n}",u=class{constructor(e){n(this,e),this.on={onClose:async()=>{await this.closeModal()}},this._width="100%",this._variant="blank",this.state={_label:"",_width:"100%"}}disconnectedCallback(){this.closeModal()}handleNativeCloseEvent(){var n,e;null===(e=null===(n=this.state._on)||void 0===n?void 0:n.onClose)||void 0===e||e.call(n),this.host&&d(this.host,c.close)}async openModal(){var n;null===(n=this.refDialog)||void 0===n||n.showModal()}async closeModal(){var n,e;null===(e=null===(n=this.refDialog)||void 0===n?void 0:n.close)||void 0===e||e.call(n)}render(){return e("dialog",{key:"744120eb8c740eb454350d4a5cfebc6ca0db9def","aria-label":this.state._label,class:o("kol-modal",{"kol-modal__blank":"blank"===this.state._variant,"kol-modal__card":"card"===this.state._variant}),onCancel:h,onClose:this.handleNativeCloseEvent.bind(this),ref:n=>{this.refDialog=n},style:{width:this.state._width}},"blank"===this.state._variant&&e("slot",{key:"ed6110b0ddd43e0d544c3420965e93253b4c37db"}),"card"===this.state._variant&&e(i,{key:"8d041e7c444343a6d5fe9fe7dffc08837bfbefb6",_label:this.state._label,_hasCloser:!0,_on:this.on},e("slot",{key:"804e674e6376a29f6c2e357a70a5603f3ce777c1"})))}validateLabel(n){s(this,n,{required:!0})}validateOn(n){if("object"==typeof n&&null!==n){const e={};"function"!=typeof n.onClose&&!0!==n.onClose||(e.onClose=n.onClose),r(this,"_on",e)}}validateWidth(n){m(this,n)}validateVariant(n){p(this,n)}componentWillLoad(){this.validateLabel(this._label),this.validateOn(this._on),this.validateWidth(this._width),this.validateVariant(this._variant)}get host(){return t(this)}static get watchers(){return{_label:["validateLabel"],_on:["validateOn"],_width:["validateWidth"],_variant:["validateVariant"]}}};u.style={default:b};export{u as kol_modal};

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

@@ -1 +1 @@
-{"version":3,"file":"kol-nav.entry.esm.js","sources":["src/schema/props/collapsible.ts","src/schema/props/has-compact-button.ts","src/schema/props/has-icons-when-expanded.ts","src/components/nav/style.scss?tag=kol-nav&mode=default&encapsulation=shadow","src/components/nav/shadow.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type CollapsiblePropType = boolean;\n\n/**\n * Defines if navigation nodes can be collapsed or not.\n */\nexport type PropCollapsible = {\n\tcollapsible: CollapsiblePropType;\n};\n\n/* validator */\nexport const validateCollapsible = (component: Generic.Element.Component, value?: CollapsiblePropType): void => {\n\twatchBoolean(component, '_collapsible', value);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\n\ntype HasCompactButtonPropType = boolean;\n\n/**\n * Creates a button below the navigation, that toggles _collapsible. Only available for _orientation=\"vertical\".\n */\nexport type PropHasCompactButton = {\n\thasCompactButton: HasCompactButtonPropType;\n};\n\n/* validator */\nexport const validateHasCompactButton = (component: Generic.Element.Component, value?: HasCompactButtonPropType): void => {\n\twatchBoolean(component, '_hasCompactButton', value);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type HasIconsWhenExpandedPropType = boolean;\n\n/**\n * Shows icons next to the navigation item labels, even when the navigation is not collapsed.\n */\nexport type PropHasIconsWhenExpanded = {\n\thasIconsWhenExpanded: HasIconsWhenExpandedPropType;\n};\n\n/* validator */\nexport const validateHasIconsWhenExpanded = (component: Generic.Element.Component, value?: HasIconsWhenExpandedPropType): void => {\n\twatchBoolean(component, '_hasIconsWhenExpanded', value);\n};\n","@use '../@shared/mixins' as *;\n@use '../../styles/global' as *;\n@use '../tooltip/style.scss' as *;\n\n@layer kol-component {\n\t.kol-nav {\n\t\t$root: &;\n\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\n\t\t&--horizontal {\n\t\t\twidth: 100%;\n\t\t}\n\n\t\t&__navigation {\n\t\t\t#{$root}:not(#{$root}--is-compact) & {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\n\t\t&__list {\n\t\t\tdisplay: flex;\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tlist-style: none;\n\n\t\t\t&--vertical {\n\t\t\t\tflex-direction: column;\n\t\t\t}\n\n\t\t\t&--horizontal {\n\t\t\t\tflex-wrap: wrap;\n\t\t\t}\n\t\t}\n\n\t\t&__entry-wrapper {\n\t\t\tdisplay: flex;\n\t\t}\n\n\t\t&__entry {\n\t\t\tflex-grow: 1;\n\t\t}\n\t}\n\n\t.kol-button {\n\t\ttext-align: left;\n\t}\n\n\t.kol-span {\n\t\twidth: 100%;\n\t\tjustify-content: flex-start;\n\n\t\t&__container {\n\t\t\twidth: 100%;\n\n\t\t\t.kol-span__label {\n\t\t\t\tflex: 1;\n\t\t\t}\n\t\t}\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, h, Prop, State, Watch } from '@stencil/core';\nimport type {\n\tButtonOrLinkOrTextWithChildrenProps,\n\tButtonWithChildrenProps,\n\tCollapsiblePropType,\n\tHideLabelPropType,\n\tLabelPropType,\n\tLinkProps,\n\tLinkWithChildrenProps,\n\tNavAPI,\n\tNavStates,\n\tStringified,\n} from '../../schema';\nimport {\n\ta11yHintLabelingLandmarks,\n\tdevHint,\n\tdevWarning,\n\tvalidateCollapsible,\n\tvalidateHasCompactButton,\n\tvalidateHasIconsWhenExpanded,\n\tvalidateHideLabel,\n\tvalidateLabel,\n\twatchValidator,\n} from '../../schema';\n\nimport clsx from 'clsx';\nimport { KolButtonWcTag, KolLinkWcTag } from '../../core/component-names';\nimport { translate } from '../../i18n';\nimport type { StencilUnknown } from '../../schema';\nimport type { OrientationPropType } from '../../schema/props/orientation';\nimport { nonce } from '../../utils/dev.utils';\nimport { addNavLabel, removeNavLabel } from '../../utils/unique-nav-labels';\nimport { watchNavLinks } from './validation';\n\nconst linkValidator = (link: ButtonOrLinkOrTextWithChildrenProps): boolean => {\n\tif (typeof link === 'object' && typeof link._label === 'string' /* && typeof newLink._href === 'string' */) {\n\t\tif (Array.isArray(link._children)) {\n\t\t\treturn linksValidator(link._children);\n\t\t}\n\t\treturn false;\n\t}\n\treturn true;\n};\n\nconst linksValidator = (links: ButtonOrLinkOrTextWithChildrenProps[]): boolean => {\n\tif (Array.isArray(links)) {\n\t\treturn links.find(linkValidator) !== undefined;\n\t}\n\treturn true;\n};\n\nconst entryIsLink = (entryProps: ButtonOrLinkOrTextWithChildrenProps): entryProps is LinkWithChildrenProps => {\n\treturn typeof (entryProps as LinkProps)._href === 'string';\n};\n\nconst entryIsButton = (entryProps: ButtonOrLinkOrTextWithChildrenProps): entryProps is ButtonWithChildrenProps => {\n\treturn (entryProps as LinkProps)._href === undefined && typeof (entryProps as ButtonWithChildrenProps)._on?.onClick === 'function';\n};\n\n@Component({\n\ttag: 'kol-nav',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolNav implements NavAPI {\n\tprivate readonly navId = 'kol-nav-' + nonce();\n\n\tprivate readonly listId = this.navId + '-list';\n\n\tprivate expandChildren(children: ButtonOrLinkOrTextWithChildrenProps[]) {\n\t\tthis.state = {\n\t\t\t...this.state,\n\t\t\t_expandedChildren: [...this.state._expandedChildren, children],\n\t\t};\n\t}\n\tprivate collapseChildren(children: ButtonOrLinkOrTextWithChildrenProps[]) {\n\t\tthis.state = {\n\t\t\t...this.state,\n\t\t\t_expandedChildren: this.state._expandedChildren.filter((searchChildren) => searchChildren !== children),\n\t\t};\n\t}\n\n\tprivate readonly handleToggleExpansionClick = (children?: ButtonOrLinkOrTextWithChildrenProps[]): void => {\n\t\tif (children) {\n\t\t\tif (this.state._expandedChildren.includes(children)) {\n\t\t\t\tthis.collapseChildren(children);\n\t\t\t} else {\n\t\t\t\tthis.expandChildren(children);\n\t\t\t}\n\t\t}\n\t};\n\n\tprivate entry(\n\t\tcollapsible: boolean,\n\t\thideLabel: HideLabelPropType,\n\t\thasChildren: boolean,\n\t\tentry: ButtonOrLinkOrTextWithChildrenProps,\n\t\texpanded: boolean,\n\t\tariaID: string,\n\t): JSX.Element {\n\t\tconst icons = {\n\t\t\tleft:\n\t\t\t\tthis.state._hasIconsWhenExpanded || this.state._hideLabel\n\t\t\t\t\t? entry._icons?.toString() || (this.state._hideLabel ? 'codicon codicon-symbol-method' : undefined)\n\t\t\t\t\t: undefined,\n\t\t\tright: collapsible && hasChildren ? 'codicon codicon-' + (expanded ? 'remove' : 'add') : undefined,\n\t\t};\n\n\t\treturn (\n\t\t\t<div class=\"kol-nav__entry-wrapper\">\n\t\t\t\t{entryIsLink(entry) ? (\n\t\t\t\t\t<KolLinkWcTag\n\t\t\t\t\t\tclass={clsx('kol-nav__entry kol-nav__entry--link', {\n\t\t\t\t\t\t\t'kol-nav__entry--collapsible': collapsible,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\t{...entry}\n\t\t\t\t\t\t_hideLabel={hideLabel}\n\t\t\t\t\t\t_icons={icons}\n\t\t\t\t\t\t_ariaControls={collapsible && hasChildren && expanded ? ariaID : undefined}\n\t\t\t\t\t\t_ariaExpanded={collapsible && hasChildren ? expanded : undefined}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\tclass={clsx('kol-nav__entry kol-nav__entry--button', {\n\t\t\t\t\t\t\t'kol-nav__entry--collapsible': collapsible,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\t_label={entry._label}\n\t\t\t\t\t\t_hideLabel={hideLabel}\n\t\t\t\t\t\t_icons={icons}\n\t\t\t\t\t\t_ariaControls={collapsible && hasChildren && expanded ? ariaID : undefined}\n\t\t\t\t\t\t_ariaExpanded={collapsible && hasChildren ? expanded : undefined}\n\t\t\t\t\t\t_on={{\n\t\t\t\t\t\t\tonClick: (event: MouseEvent, value: Stringified<StencilUnknown>) => {\n\t\t\t\t\t\t\t\tif (entryIsButton(entry) && typeof entry._on.onClick === 'function') {\n\t\t\t\t\t\t\t\t\tentry._on.onClick(event, value);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tthis.handleToggleExpansionClick(entry._children);\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate li(\n\t\tcollapsible: boolean,\n\t\thideLabel: HideLabelPropType,\n\t\tdeep: number,\n\t\tindex: number,\n\t\tlink: ButtonOrLinkOrTextWithChildrenProps,\n\t\torientation: OrientationPropType,\n\t\tariaIDparent: string,\n\t): JSX.Element {\n\t\tconst active = !!link._active;\n\t\tconst hasChildren = Array.isArray(link._children) && link._children.length > 0;\n\t\tconst expanded = Boolean(link._children && this.state._expandedChildren.includes(link._children));\n\t\tconst ariaID = ariaIDparent + '_' + deep + '_' + index;\n\t\treturn (\n\t\t\t<li\n\t\t\t\tclass={clsx('kol-nav__list-item', {\n\t\t\t\t\t'kol-nav__list-item--active': active,\n\t\t\t\t\t'kol-nav__list-item--expanded': expanded,\n\t\t\t\t\t'kol-nav__list-item--has-children': hasChildren,\n\t\t\t\t})}\n\t\t\t\tkey={index}\n\t\t\t>\n\t\t\t\t{this.entry(collapsible, hideLabel, hasChildren, link, expanded, ariaID)}\n\t\t\t\t{expanded && (\n\t\t\t\t\t<this.linkList collapsible={collapsible} hideLabel={hideLabel} deep={deep + 1} links={link._children || []} orientation={orientation} id={ariaID} />\n\t\t\t\t)}\n\t\t\t</li>\n\t\t);\n\t}\n\n\tprivate linkList = (props: {\n\t\tcollapsible: boolean;\n\t\thideLabel: HideLabelPropType;\n\t\tdeep: number;\n\t\tlinks: ButtonOrLinkOrTextWithChildrenProps[];\n\t\torientation: OrientationPropType;\n\t\tid: string;\n\t}): JSX.Element => {\n\t\treturn (\n\t\t\t<ul\n\t\t\t\tclass={clsx('kol-nav__list', {\n\t\t\t\t\t'kol-nav__list--nested': props.deep > 0,\n\t\t\t\t\t'kol-nav__list--horizontal': props.deep === 0 && props.orientation === 'horizontal',\n\t\t\t\t\t'kol-nav__list--vertical': props.deep !== 0 || props.orientation === 'vertical',\n\t\t\t\t})}\n\t\t\t\tid={props.deep > 0 ? props.id : undefined}\n\t\t\t>\n\t\t\t\t{props.links.map((link, index: number) => {\n\t\t\t\t\treturn this.li(props.collapsible, props.hideLabel, props.deep, index, link, props.orientation, props.id);\n\t\t\t\t})}\n\t\t\t</ul>\n\t\t);\n\t};\n\n\tprivate initializeExpandedChildren() {\n\t\t//Reset expandedChildren before recalculation\n\t\tthis.state = {\n\t\t\t...this.state,\n\t\t\t_expandedChildren: [],\n\t\t};\n\t\t/**\n\t\t * Recursively process branches and expand branches which are active or have active children somewhere in the tree.\n\t\t * @param {ButtonOrLinkOrTextWithChildrenProps} branch\n\t\t * @return boolean - true indicates that the current branch or a child branch is active\n\t\t */\n\t\tconst handleBranch = (branch: ButtonOrLinkOrTextWithChildrenProps) => {\n\t\t\tif (branch._active) {\n\t\t\t\tif (branch._children) {\n\t\t\t\t\tthis.expandChildren(branch._children);\n\t\t\t\t}\n\t\t\t\treturn true;\n\t\t\t} else if (branch._children) {\n\t\t\t\tfor (const childBranch of branch._children) {\n\t\t\t\t\tif (handleBranch(childBranch)) {\n\t\t\t\t\t\tthis.expandChildren(branch._children);\n\t\t\t\t\t\treturn true;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn false;\n\t\t};\n\t\tthis.state._links.forEach(handleBranch);\n\t}\n\n\tpublic render(): JSX.Element {\n\t\tlet hasCompactButton = this.state._hasCompactButton;\n\t\tif (this.state._orientation === 'horizontal' && this.state._hasCompactButton === true) {\n\t\t\thasCompactButton = false;\n\t\t\tdevWarning(`[KolNav] Wenn eine horizontale Navigation verwendet wird, kann die Option _hasCompactButton nicht aktiviert werden.`);\n\t\t}\n\t\tconst collapsible = this.state._collapsible === true;\n\t\tconst hideLabel = this.state._hideLabel === true;\n\t\tconst orientation = this.state._orientation;\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={clsx('kol-nav', `kol-nav--${orientation}`, {\n\t\t\t\t\t'kol-nav--is-compact': this.state._hideLabel,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<nav aria-label={this.state._label} class=\"kol-nav__navigation\" id={this.navId}>\n\t\t\t\t\t<this.linkList\n\t\t\t\t\t\tcollapsible={collapsible}\n\t\t\t\t\t\thideLabel={hideLabel}\n\t\t\t\t\t\tdeep={0}\n\t\t\t\t\t\tlinks={this.state._links}\n\t\t\t\t\t\torientation={orientation}\n\t\t\t\t\t\tid={this.listId}\n\t\t\t\t\t></this.linkList>\n\t\t\t\t</nav>\n\t\t\t\t{hasCompactButton && (\n\t\t\t\t\t<div class=\"kol-nav__compact\">\n\t\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\t\tclass=\"kol-nav__toggle-button\"\n\t\t\t\t\t\t\t_ariaControls={this.navId}\n\t\t\t\t\t\t\t_ariaExpanded={!hideLabel}\n\t\t\t\t\t\t\t_icons={hideLabel ? 'codicon codicon-chevron-right' : 'codicon codicon-chevron-left'}\n\t\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t\t_label={translate(hideLabel ? 'kol-nav-maximize' : 'kol-nav-minimize')}\n\t\t\t\t\t\t\t_on={{\n\t\t\t\t\t\t\t\tonClick: (): void => {\n\t\t\t\t\t\t\t\t\tthis.state = {\n\t\t\t\t\t\t\t\t\t\t...this.state,\n\t\t\t\t\t\t\t\t\t\t_hideLabel: this.state._hideLabel === false,\n\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t_tooltipAlign=\"right\"\n\t\t\t\t\t\t></KolButtonWcTag>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n\n\t/**\n\t * Defines if navigation nodes can be collapsed or not. Enabled by default.\n\t * @TODO: Change type back to `CollapsiblePropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _collapsible?: boolean = true;\n\n\t/**\n\t * Creates a button below the navigation, that toggles _collapsible. Only available for _orientation=\"vertical\".\n\t */\n\t@Prop() public _hasCompactButton?: boolean = false;\n\n\t/**\n\t * Shows icons next to the navigation item labels, even when the navigation is not collapsed.\n\t */\n\t@Prop() public _hasIconsWhenExpanded?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\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/**\n\t * Defines the list of links, buttons or texts to render.\n\t */\n\t@Prop() public _links!: Stringified<ButtonOrLinkOrTextWithChildrenProps[]>;\n\n\t/**\n\t * Defines whether the orientation of the component is horizontal or vertical.\n\t * @deprecated Will be removed in the next major version.\n\t */\n\t@Prop() public _orientation?: OrientationPropType = 'vertical';\n\n\t@State() public state: NavStates = {\n\t\t_collapsible: true,\n\t\t_hasCompactButton: false,\n\t\t_hasIconsWhenExpanded: false,\n\t\t_hideLabel: false,\n\t\t_label: '', // ⚠ required\n\t\t_links: [],\n\t\t_orientation: 'vertical',\n\t\t_expandedChildren: [],\n\t};\n\n\t@Watch('_collapsible')\n\tpublic validateCollapsible(value?: CollapsiblePropType): void {\n\t\tvalidateCollapsible(this, value);\n\t}\n\n\t@Watch('_hasCompactButton')\n\tpublic validateHasCompactButton(value?: boolean): void {\n\t\tvalidateHasCompactButton(this, value);\n\t}\n\n\t@Watch('_hasIconsWhenExpanded')\n\tpublic validateHasIconsWhenExpanded(value?: boolean): void {\n\t\tvalidateHasIconsWhenExpanded(this, value);\n\t}\n\n\t@Watch('_hideLabel')\n\tpublic validateHideLabel(value?: HideLabelPropType) {\n\t\tvalidateHideLabel(this, value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType, _oldValue?: LabelPropType, initial = false): void {\n\t\tif (!initial) {\n\t\t\tremoveNavLabel(this.state._label); // remove the current\n\t\t}\n\t\tvalidateLabel(this, value, {\n\t\t\trequired: true,\n\t\t});\n\t\ta11yHintLabelingLandmarks(value);\n\t\taddNavLabel(this.state._label); // add the state instead of prop, because the prop could be invalid and not set as new label\n\t}\n\n\t@Watch('_links')\n\tpublic validateLinks(value?: Stringified<ButtonOrLinkOrTextWithChildrenProps[]>): void {\n\t\twatchNavLinks('KolNav', this, value);\n\t\tdevHint(`[KolNav] The navigation structure is not yet validated recursively.`);\n\t\t//Re-initialize expansion on links change\n\t\tthis.initializeExpandedChildren();\n\t}\n\n\t@Watch('_orientation')\n\tpublic validateOrientation(value?: OrientationPropType): void {\n\t\twatchValidator(\n\t\t\tthis,\n\t\t\t'_orientation',\n\t\t\t(value): boolean => value === 'horizontal' || value === 'vertical',\n\t\t\tnew Set(['Orientation {horizontal, vertical}']),\n\t\t\tvalue,\n\t\t\t{\n\t\t\t\tdefaultValue: 'vertical',\n\t\t\t},\n\t\t);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateCollapsible(this._collapsible);\n\t\tthis.validateHideLabel(this._hideLabel);\n\t\tthis.validateHasCompactButton(this._hasCompactButton);\n\t\tthis.validateHasIconsWhenExpanded(this._hasIconsWhenExpanded);\n\t\tthis.validateLabel(this._label, undefined, true);\n\t\tthis.validateLinks(this._links);\n\t\tthis.validateOrientation(this._orientation);\n\t\tthis.initializeExpandedChildren();\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tremoveNavLabel(this.state._label);\n\t}\n}\n\n// console.log(\n//   stringifyJson([\n//     { _label: '1 Navigationspunkt', _href: '#abc', _icons: 'codicon codicon-folder-closed', _target: 'asdasd' },\n//     { _label: '2 Navigationspunkt', _href: '#abc', _icons: 'codicon codicon-folder-closed' },\n//     {\n//       _active: true,\n//       _label: '3 Navigationspunkt',\n//       _href: '#abc',\n//       _icons: 'codicon codicon-folder-closed',\n//       _children: [\n//         { _label: '3.1 Navigationspunkt', _href: '#abc', _icons: 'codicon codicon-folder-closed' },\n//         { _label: '3.2 Navigationspunkt', _href: '#abc', _icons: 'codicon codicon-folder-closed', _target: 'asdasd' },\n//         {\n//           _active: true,\n//           _label: '3.3 Navigationspunkt',\n//           _href: '#abc',\n//           _children: [\n//             { _active: true, _label: '3.3.1 Navigationspunkt (aktiv)', _href: '#abc' },\n//             { _label: '3.3.2 Navigationspunkt', _href: '#abc' },\n//           ],\n//         },\n//         {\n//           _label: '3.4 Navigationspunkt',\n//           _href: '#abc',\n//           _children: [\n//             { _label: '3.4.1 Navigationspunkt', _href: '#abc' },\n//             { _label: '3.4.2 Navigationspunkt', _href: '#abc' },\n//           ],\n//         },\n//         { _label: '3.5 Navigationspunkt', _href: '#abc' },\n//       ],\n//     },\n//     { _label: '4 Navigationspunkt', _href: '#abc' },\n//   ])\n// );\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAeO,MAAM,mBAAmB,GAAG,CAAC,SAAoC,EAAE,KAA2B,KAAU;AAC9G,IAAA,YAAY,CAAC,SAAS,EAAE,cAAc,EAAE,KAAK,CAAC;AAC/C,CAAC;;ACHM,MAAM,wBAAwB,GAAG,CAAC,SAAoC,EAAE,KAAgC,KAAU;AACxH,IAAA,YAAY,CAAC,SAAS,EAAE,mBAAmB,EAAE,KAAK,CAAC;AACpD,CAAC;;ACDM,MAAM,4BAA4B,GAAG,CAAC,SAAoC,EAAE,KAAoC,KAAU;AAChI,IAAA,YAAY,CAAC,SAAS,EAAE,uBAAuB,EAAE,KAAK,CAAC;AACxD,CAAC;;ACjBD,MAAM,eAAe,GAAG,qjPAAqjP;;ACoD7kP,MAAM,WAAW,GAAG,CAAC,UAA+C,KAAyC;AAC5G,IAAA,OAAO,OAAQ,UAAwB,CAAC,KAAK,KAAK,QAAQ;AAC3D,CAAC;AAED,MAAM,aAAa,GAAG,CAAC,UAA+C,KAA2C;;AAChH,IAAA,OAAQ,UAAwB,CAAC,KAAK,KAAK,SAAS,IAAI,QAAO,CAAC,EAAA,GAAA,UAAsC,CAAC,GAAG,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,OAAO,CAAA,KAAK,UAAU;AACnI,CAAC;MASY,MAAM,GAAA,MAAA;AAPnB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAQkB,QAAA,IAAA,CAAA,KAAK,GAAG,UAAU,GAAG,KAAK,EAAE;QAE5B,IAAA,CAAA,MAAM,GAAG,IAAI,CAAC,KAAK,GAAG,OAAO;AAe7B,QAAA,IAAA,CAAA,0BAA0B,GAAG,CAAC,QAAgD,KAAU;YACxG,IAAI,QAAQ,EAAE;gBACb,IAAI,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;AACpD,oBAAA,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC;;qBACzB;AACN,oBAAA,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC;;;AAGhC,SAAC;AAqFO,QAAA,IAAA,CAAA,QAAQ,GAAG,CAAC,KAOnB,KAAiB;YACjB,QACC,CACC,CAAA,IAAA,EAAA,EAAA,KAAK,EAAE,IAAI,CAAC,eAAe,EAAE;AAC5B,oBAAA,uBAAuB,EAAE,KAAK,CAAC,IAAI,GAAG,CAAC;oBACvC,2BAA2B,EAAE,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,CAAC,WAAW,KAAK,YAAY;oBACnF,yBAAyB,EAAE,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,CAAC,WAAW,KAAK,UAAU;AAC/E,iBAAA,CAAC,EACF,EAAE,EAAE,KAAK,CAAC,IAAI,GAAG,CAAC,GAAG,KAAK,CAAC,EAAE,GAAG,SAAS,EAAA,EAExC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAa,KAAI;AACxC,gBAAA,OAAO,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;aACxG,CAAC,CACE;AAEP,SAAC;AAsFc,QAAA,IAAY,CAAA,YAAA,GAAa,IAAI;AAK7B,QAAA,IAAiB,CAAA,iBAAA,GAAa,KAAK;AAKnC,QAAA,IAAqB,CAAA,qBAAA,GAAa,KAAK;AAOvC,QAAA,IAAU,CAAA,UAAA,GAAa,KAAK;AAgB5B,QAAA,IAAY,CAAA,YAAA,GAAyB,UAAU;QAE9C,IAAA,CAAA,KAAK,GAAc;AAClC,YAAA,YAAY,EAAE,IAAI;AAClB,YAAA,iBAAiB,EAAE,KAAK;AACxB,YAAA,qBAAqB,EAAE,KAAK;AAC5B,YAAA,UAAU,EAAE,KAAK;AACjB,YAAA,MAAM,EAAE,EAAE;AACV,YAAA,MAAM,EAAE,EAAE;AACV,YAAA,YAAY,EAAE,UAAU;AACxB,YAAA,iBAAiB,EAAE,EAAE;SACrB;AAsED;AAxUQ,IAAA,cAAc,CAAC,QAA+C,EAAA;AACrE,QAAA,IAAI,CAAC,KAAK,GACN,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,IAAI,CAAC,KAAK,CAAA,EAAA,EACb,iBAAiB,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAAE,QAAQ,CAAC,GAC9D;;AAEM,IAAA,gBAAgB,CAAC,QAA+C,EAAA;AACvE,QAAA,IAAI,CAAC,KAAK,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACN,IAAI,CAAC,KAAK,CAAA,EAAA,EACb,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,cAAc,KAAK,cAAc,KAAK,QAAQ,CAAC,EAAA,CACvG;;IAaM,KAAK,CACZ,WAAoB,EACpB,SAA4B,EAC5B,WAAoB,EACpB,KAA0C,EAC1C,QAAiB,EACjB,MAAc,EAAA;;AAEd,QAAA,MAAM,KAAK,GAAG;YACb,IAAI,EACH,IAAI,CAAC,KAAK,CAAC,qBAAqB,IAAI,IAAI,CAAC,KAAK,CAAC;kBAC5C,CAAA,CAAA,EAAA,GAAA,KAAK,CAAC,MAAM,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,QAAQ,EAAE,MAAK,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,+BAA+B,GAAG,SAAS;AAClG,kBAAE,SAAS;YACb,KAAK,EAAE,WAAW,IAAI,WAAW,GAAG,kBAAkB,IAAI,QAAQ,GAAG,QAAQ,GAAG,KAAK,CAAC,GAAG,SAAS;SAClG;AAED,QAAA,QACC,WAAK,KAAK,EAAC,wBAAwB,EACjC,EAAA,WAAW,CAAC,KAAK,CAAC,IAClB,EAAC,YAAY,EAAA,MAAA,CAAA,MAAA,CAAA,EACZ,KAAK,EAAE,IAAI,CAAC,qCAAqC,EAAE;AAClD,gBAAA,6BAA6B,EAAE,WAAW;AAC1C,aAAA,CAAC,EAAA,EACE,KAAK,EAAA,EACT,UAAU,EAAE,SAAS,EACrB,MAAM,EAAE,KAAK,EACb,aAAa,EAAE,WAAW,IAAI,WAAW,IAAI,QAAQ,GAAG,MAAM,GAAG,SAAS,EAC1E,aAAa,EAAE,WAAW,IAAI,WAAW,GAAG,QAAQ,GAAG,SAAS,EAAA,CAAA,CAC/D,KAEF,CAAC,CAAA,cAAc,EACd,EAAA,KAAK,EAAE,IAAI,CAAC,uCAAuC,EAAE;AACpD,gBAAA,6BAA6B,EAAE,WAAW;aAC1C,CAAC,EACF,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,UAAU,EAAE,SAAS,EACrB,MAAM,EAAE,KAAK,EACb,aAAa,EAAE,WAAW,IAAI,WAAW,IAAI,QAAQ,GAAG,MAAM,GAAG,SAAS,EAC1E,aAAa,EAAE,WAAW,IAAI,WAAW,GAAG,QAAQ,GAAG,SAAS,EAChE,GAAG,EAAE;AACJ,gBAAA,OAAO,EAAE,CAAC,KAAiB,EAAE,KAAkC,KAAI;AAClE,oBAAA,IAAI,aAAa,CAAC,KAAK,CAAC,IAAI,OAAO,KAAK,CAAC,GAAG,CAAC,OAAO,KAAK,UAAU,EAAE;wBACpE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC;;AAEhC,oBAAA,IAAI,CAAC,0BAA0B,CAAC,KAAK,CAAC,SAAS,CAAC;iBAChD;AACD,aAAA,EACA,CAAA,CACF,CACI;;AAIA,IAAA,EAAE,CACT,WAAoB,EACpB,SAA4B,EAC5B,IAAY,EACZ,KAAa,EACb,IAAyC,EACzC,WAAgC,EAChC,YAAoB,EAAA;AAEpB,QAAA,MAAM,MAAM,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO;AAC7B,QAAA,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC;QAC9E,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACjG,MAAM,MAAM,GAAG,YAAY,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,KAAK;QACtD,QACC,CACC,CAAA,IAAA,EAAA,EAAA,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE;AACjC,gBAAA,4BAA4B,EAAE,MAAM;AACpC,gBAAA,8BAA8B,EAAE,QAAQ;AACxC,gBAAA,kCAAkC,EAAE,WAAW;AAC/C,aAAA,CAAC,EACF,GAAG,EAAE,KAAK,EAAA,EAET,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,CAAC,EACvE,QAAQ,KACR,CAAA,CAAC,IAAI,CAAC,QAAQ,IAAC,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,IAAI,EAAE,EAAE,WAAW,EAAE,WAAW,EAAE,EAAE,EAAE,MAAM,GAAI,CACpJ,CACG;;IA4BC,0BAA0B,GAAA;QAEjC,IAAI,CAAC,KAAK,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACN,IAAI,CAAC,KAAK,CAAA,EAAA,EACb,iBAAiB,EAAE,EAAE,EAAA,CACrB;AAMD,QAAA,MAAM,YAAY,GAAG,CAAC,MAA2C,KAAI;AACpE,YAAA,IAAI,MAAM,CAAC,OAAO,EAAE;AACnB,gBAAA,IAAI,MAAM,CAAC,SAAS,EAAE;AACrB,oBAAA,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,SAAS,CAAC;;AAEtC,gBAAA,OAAO,IAAI;;AACL,iBAAA,IAAI,MAAM,CAAC,SAAS,EAAE;AAC5B,gBAAA,KAAK,MAAM,WAAW,IAAI,MAAM,CAAC,SAAS,EAAE;AAC3C,oBAAA,IAAI,YAAY,CAAC,WAAW,CAAC,EAAE;AAC9B,wBAAA,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,SAAS,CAAC;AACrC,wBAAA,OAAO,IAAI;;;;AAId,YAAA,OAAO,KAAK;AACb,SAAC;QACD,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC;;IAGjC,MAAM,GAAA;AACZ,QAAA,IAAI,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,iBAAiB;AACnD,QAAA,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,KAAK,YAAY,IAAI,IAAI,CAAC,KAAK,CAAC,iBAAiB,KAAK,IAAI,EAAE;YACtF,gBAAgB,GAAG,KAAK;YACxB,UAAU,CAAC,CAAqH,mHAAA,CAAA,CAAC;;QAElI,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,KAAK,IAAI;QACpD,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,KAAK,IAAI;AAChD,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY;AAC3C,QAAA,QACC,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,CAAY,SAAA,EAAA,WAAW,EAAE,EAAE;AACjD,gBAAA,qBAAqB,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU;AAC5C,aAAA,CAAC,EAAA,EAEF,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,YAAA,EAAiB,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,EAAC,qBAAqB,EAAC,EAAE,EAAE,IAAI,CAAC,KAAK,EAAA,EAC7E,CAAA,CAAC,IAAI,CAAC,QAAQ,EAAA,EAAA,GAAA,EAAA,0CAAA,EACb,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACxB,WAAW,EAAE,WAAW,EACxB,EAAE,EAAE,IAAI,CAAC,MAAM,GACC,CACZ,EACL,gBAAgB,KAChB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC5B,CAAC,CAAA,cAAc,qDACd,KAAK,EAAC,wBAAwB,EAC9B,aAAa,EAAE,IAAI,CAAC,KAAK,EACzB,aAAa,EAAE,CAAC,SAAS,EACzB,MAAM,EAAE,SAAS,GAAG,+BAA+B,GAAG,8BAA8B,EACpF,UAAU,EACV,IAAA,EAAA,MAAM,EAAE,SAAS,CAAC,SAAS,GAAG,kBAAkB,GAAG,kBAAkB,CAAC,EACtE,GAAG,EAAE;gBACJ,OAAO,EAAE,MAAW;AACnB,oBAAA,IAAI,CAAC,KAAK,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACN,IAAI,CAAC,KAAK,CACb,EAAA,EAAA,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,KAAK,KAAK,GAC3C;iBACD;aACD,EACD,aAAa,EAAC,OAAO,EAAA,CACJ,CACb,CACN,CACI;;AAuDD,IAAA,mBAAmB,CAAC,KAA2B,EAAA;AACrD,QAAA,mBAAmB,CAAC,IAAI,EAAE,KAAK,CAAC;;AAI1B,IAAA,wBAAwB,CAAC,KAAe,EAAA;AAC9C,QAAA,wBAAwB,CAAC,IAAI,EAAE,KAAK,CAAC;;AAI/B,IAAA,4BAA4B,CAAC,KAAe,EAAA;AAClD,QAAA,4BAA4B,CAAC,IAAI,EAAE,KAAK,CAAC;;AAInC,IAAA,iBAAiB,CAAC,KAAyB,EAAA;AACjD,QAAA,iBAAiB,CAAC,IAAI,EAAE,KAAK,CAAC;;AAIxB,IAAA,aAAa,CAAC,KAAqB,EAAE,SAAyB,EAAE,OAAO,GAAG,KAAK,EAAA;QACrF,IAAI,CAAC,OAAO,EAAE;AACb,YAAA,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;;AAElC,QAAA,aAAa,CAAC,IAAI,EAAE,KAAK,EAAE;AAC1B,YAAA,QAAQ,EAAE,IAAI;AACd,SAAA,CAAC;QACF,yBAAyB,CAAC,KAAK,CAAC;AAChC,QAAA,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;;AAIxB,IAAA,aAAa,CAAC,KAA0D,EAAA;AAC9E,QAAA,aAAa,CAAC,QAAQ,EAAE,IAAI,EAAE,KAAK,CAAC;QACpC,OAAO,CAAC,CAAqE,mEAAA,CAAA,CAAC;QAE9E,IAAI,CAAC,0BAA0B,EAAE;;AAI3B,IAAA,mBAAmB,CAAC,KAA2B,EAAA;QACrD,cAAc,CACb,IAAI,EACJ,cAAc,EACd,CAAC,KAAK,KAAc,KAAK,KAAK,YAAY,IAAI,KAAK,KAAK,UAAU,EAClE,IAAI,GAAG,CAAC,CAAC,oCAAoC,CAAC,CAAC,EAC/C,KAAK,EACL;AACC,YAAA,YAAY,EAAE,UAAU;AACxB,SAAA,CACD;;IAGK,iBAAiB,GAAA;AACvB,QAAA,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,YAAY,CAAC;AAC3C,QAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC;AACvC,QAAA,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,iBAAiB,CAAC;AACrD,QAAA,IAAI,CAAC,4BAA4B,CAAC,IAAI,CAAC,qBAAqB,CAAC;QAC7D,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,EAAE,SAAS,EAAE,IAAI,CAAC;AAChD,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC;AAC/B,QAAA,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,YAAY,CAAC;QAC3C,IAAI,CAAC,0BAA0B,EAAE;;IAG3B,oBAAoB,GAAA;AAC1B,QAAA,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kol-nav.entry.esm.js","sources":["src/schema/props/collapsible.ts","src/schema/props/has-compact-button.ts","src/schema/props/has-icons-when-expanded.ts","src/components/nav/style.scss?tag=kol-nav&mode=default&encapsulation=shadow","src/components/nav/shadow.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type CollapsiblePropType = boolean;\n\n/**\n * Defines if navigation nodes can be collapsed or not.\n */\nexport type PropCollapsible = {\n\tcollapsible: CollapsiblePropType;\n};\n\n/* validator */\nexport const validateCollapsible = (component: Generic.Element.Component, value?: CollapsiblePropType): void => {\n\twatchBoolean(component, '_collapsible', value);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\n\ntype HasCompactButtonPropType = boolean;\n\n/**\n * Creates a button below the navigation, that toggles _collapsible. Only available for _orientation=\"vertical\".\n */\nexport type PropHasCompactButton = {\n\thasCompactButton: HasCompactButtonPropType;\n};\n\n/* validator */\nexport const validateHasCompactButton = (component: Generic.Element.Component, value?: HasCompactButtonPropType): void => {\n\twatchBoolean(component, '_hasCompactButton', value);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type HasIconsWhenExpandedPropType = boolean;\n\n/**\n * Shows icons next to the navigation item labels, even when the navigation is not collapsed.\n */\nexport type PropHasIconsWhenExpanded = {\n\thasIconsWhenExpanded: HasIconsWhenExpandedPropType;\n};\n\n/* validator */\nexport const validateHasIconsWhenExpanded = (component: Generic.Element.Component, value?: HasIconsWhenExpandedPropType): void => {\n\twatchBoolean(component, '_hasIconsWhenExpanded', value);\n};\n","@use '../@shared/mixins' as *;\n@use '../../styles/global' as *;\n@use '../tooltip/style.scss' as *;\n\n@layer kol-component {\n\t.kol-nav {\n\t\t$root: &;\n\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\n\t\t&__navigation {\n\t\t\t#{$root}:not(#{$root}--is-compact) & {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\n\t\t&__list {\n\t\t\tdisplay: flex;\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tflex-direction: column;\n\t\t\tlist-style: none;\n\t\t}\n\n\t\t&__entry-wrapper {\n\t\t\tdisplay: flex;\n\t\t}\n\n\t\t&__entry {\n\t\t\tflex-grow: 1;\n\t\t}\n\t}\n\n\t.kol-button {\n\t\ttext-align: left;\n\t}\n\n\t.kol-span {\n\t\twidth: 100%;\n\t\tjustify-content: flex-start;\n\n\t\t&__container {\n\t\t\twidth: 100%;\n\n\t\t\t.kol-span__label {\n\t\t\t\tflex: 1;\n\t\t\t}\n\t\t}\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, h, Prop, State, Watch } from '@stencil/core';\nimport type {\n\tButtonOrLinkOrTextWithChildrenProps,\n\tButtonWithChildrenProps,\n\tCollapsiblePropType,\n\tHideLabelPropType,\n\tLabelPropType,\n\tLinkProps,\n\tLinkWithChildrenProps,\n\tNavAPI,\n\tNavStates,\n\tStringified,\n} from '../../schema';\nimport {\n\ta11yHintLabelingLandmarks,\n\tdevHint,\n\tvalidateCollapsible,\n\tvalidateHasCompactButton,\n\tvalidateHasIconsWhenExpanded,\n\tvalidateHideLabel,\n\tvalidateLabel,\n} from '../../schema';\n\nimport clsx from 'clsx';\nimport { KolButtonWcTag, KolLinkWcTag } from '../../core/component-names';\nimport { translate } from '../../i18n';\nimport type { StencilUnknown } from '../../schema';\nimport { nonce } from '../../utils/dev.utils';\nimport { addNavLabel, removeNavLabel } from '../../utils/unique-nav-labels';\nimport { watchNavLinks } from './validation';\n\nconst linkValidator = (link: ButtonOrLinkOrTextWithChildrenProps): boolean => {\n\tif (typeof link === 'object' && typeof link._label === 'string' /* && typeof newLink._href === 'string' */) {\n\t\tif (Array.isArray(link._children)) {\n\t\t\treturn linksValidator(link._children);\n\t\t}\n\t\treturn false;\n\t}\n\treturn true;\n};\n\nconst linksValidator = (links: ButtonOrLinkOrTextWithChildrenProps[]): boolean => {\n\tif (Array.isArray(links)) {\n\t\treturn links.find(linkValidator) !== undefined;\n\t}\n\treturn true;\n};\n\nconst entryIsLink = (entryProps: ButtonOrLinkOrTextWithChildrenProps): entryProps is LinkWithChildrenProps => {\n\treturn typeof (entryProps as LinkProps)._href === 'string';\n};\n\nconst entryIsButton = (entryProps: ButtonOrLinkOrTextWithChildrenProps): entryProps is ButtonWithChildrenProps => {\n\treturn (entryProps as LinkProps)._href === undefined && typeof (entryProps as ButtonWithChildrenProps)._on?.onClick === 'function';\n};\n\n@Component({\n\ttag: 'kol-nav',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolNav implements NavAPI {\n\tprivate readonly navId = 'kol-nav-' + nonce();\n\n\tprivate readonly listId = this.navId + '-list';\n\n\tprivate expandChildren(children: ButtonOrLinkOrTextWithChildrenProps[]) {\n\t\tthis.state = {\n\t\t\t...this.state,\n\t\t\t_expandedChildren: [...this.state._expandedChildren, children],\n\t\t};\n\t}\n\tprivate collapseChildren(children: ButtonOrLinkOrTextWithChildrenProps[]) {\n\t\tthis.state = {\n\t\t\t...this.state,\n\t\t\t_expandedChildren: this.state._expandedChildren.filter((searchChildren) => searchChildren !== children),\n\t\t};\n\t}\n\n\tprivate readonly handleToggleExpansionClick = (children?: ButtonOrLinkOrTextWithChildrenProps[]): void => {\n\t\tif (children) {\n\t\t\tif (this.state._expandedChildren.includes(children)) {\n\t\t\t\tthis.collapseChildren(children);\n\t\t\t} else {\n\t\t\t\tthis.expandChildren(children);\n\t\t\t}\n\t\t}\n\t};\n\n\tprivate entry(\n\t\tcollapsible: boolean,\n\t\thideLabel: HideLabelPropType,\n\t\thasChildren: boolean,\n\t\tentry: ButtonOrLinkOrTextWithChildrenProps,\n\t\texpanded: boolean,\n\t\tariaID: string,\n\t): JSX.Element {\n\t\tconst icons = {\n\t\t\tleft:\n\t\t\t\tthis.state._hasIconsWhenExpanded || this.state._hideLabel\n\t\t\t\t\t? entry._icons?.toString() || (this.state._hideLabel ? 'codicon codicon-symbol-method' : undefined)\n\t\t\t\t\t: undefined,\n\t\t\tright: collapsible && hasChildren ? 'codicon codicon-' + (expanded ? 'remove' : 'add') : undefined,\n\t\t};\n\n\t\treturn (\n\t\t\t<div class=\"kol-nav__entry-wrapper\">\n\t\t\t\t{entryIsLink(entry) ? (\n\t\t\t\t\t<KolLinkWcTag\n\t\t\t\t\t\tclass={clsx('kol-nav__entry kol-nav__entry--link', {\n\t\t\t\t\t\t\t'kol-nav__entry--collapsible': collapsible,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\t{...entry}\n\t\t\t\t\t\t_hideLabel={hideLabel}\n\t\t\t\t\t\t_icons={icons}\n\t\t\t\t\t\t_ariaControls={collapsible && hasChildren && expanded ? ariaID : undefined}\n\t\t\t\t\t\t_ariaExpanded={collapsible && hasChildren ? expanded : undefined}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\tclass={clsx('kol-nav__entry kol-nav__entry--button', {\n\t\t\t\t\t\t\t'kol-nav__entry--collapsible': collapsible,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\t_label={entry._label}\n\t\t\t\t\t\t_hideLabel={hideLabel}\n\t\t\t\t\t\t_icons={icons}\n\t\t\t\t\t\t_ariaControls={collapsible && hasChildren && expanded ? ariaID : undefined}\n\t\t\t\t\t\t_ariaExpanded={collapsible && hasChildren ? expanded : undefined}\n\t\t\t\t\t\t_on={{\n\t\t\t\t\t\t\tonClick: (event: MouseEvent, value: Stringified<StencilUnknown>) => {\n\t\t\t\t\t\t\t\tif (entryIsButton(entry) && typeof entry._on.onClick === 'function') {\n\t\t\t\t\t\t\t\t\tentry._on.onClick(event, value);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tthis.handleToggleExpansionClick(entry._children);\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate li(\n\t\tcollapsible: boolean,\n\t\thideLabel: HideLabelPropType,\n\t\tdeep: number,\n\t\tindex: number,\n\t\tlink: ButtonOrLinkOrTextWithChildrenProps,\n\t\tariaIDparent: string,\n\t): JSX.Element {\n\t\tconst active = !!link._active;\n\t\tconst hasChildren = Array.isArray(link._children) && link._children.length > 0;\n\t\tconst expanded = Boolean(link._children && this.state._expandedChildren.includes(link._children));\n\t\tconst ariaID = ariaIDparent + '_' + deep + '_' + index;\n\t\treturn (\n\t\t\t<li\n\t\t\t\tclass={clsx('kol-nav__list-item', {\n\t\t\t\t\t'kol-nav__list-item--active': active,\n\t\t\t\t\t'kol-nav__list-item--expanded': expanded,\n\t\t\t\t\t'kol-nav__list-item--has-children': hasChildren,\n\t\t\t\t})}\n\t\t\t\tkey={index}\n\t\t\t>\n\t\t\t\t{this.entry(collapsible, hideLabel, hasChildren, link, expanded, ariaID)}\n\t\t\t\t{expanded && <this.linkList collapsible={collapsible} hideLabel={hideLabel} deep={deep + 1} links={link._children || []} id={ariaID} />}\n\t\t\t</li>\n\t\t);\n\t}\n\n\tprivate linkList = (props: {\n\t\tcollapsible: boolean;\n\t\thideLabel: HideLabelPropType;\n\t\tdeep: number;\n\t\tlinks: ButtonOrLinkOrTextWithChildrenProps[];\n\t\tid: string;\n\t}): JSX.Element => {\n\t\treturn (\n\t\t\t<ul\n\t\t\t\tclass={clsx('kol-nav__list', {\n\t\t\t\t\t'kol-nav__list--nested': props.deep > 0,\n\t\t\t\t\t'kol-nav__list--vertical': props.deep !== 0,\n\t\t\t\t})}\n\t\t\t\tid={props.deep > 0 ? props.id : undefined}\n\t\t\t>\n\t\t\t\t{props.links.map((link, index: number) => {\n\t\t\t\t\treturn this.li(props.collapsible, props.hideLabel, props.deep, index, link, props.id);\n\t\t\t\t})}\n\t\t\t</ul>\n\t\t);\n\t};\n\n\tprivate initializeExpandedChildren() {\n\t\t//Reset expandedChildren before recalculation\n\t\tthis.state = {\n\t\t\t...this.state,\n\t\t\t_expandedChildren: [],\n\t\t};\n\t\t/**\n\t\t * Recursively process branches and expand branches which are active or have active children somewhere in the tree.\n\t\t * @param {ButtonOrLinkOrTextWithChildrenProps} branch\n\t\t * @return boolean - true indicates that the current branch or a child branch is active\n\t\t */\n\t\tconst handleBranch = (branch: ButtonOrLinkOrTextWithChildrenProps) => {\n\t\t\tif (branch._active) {\n\t\t\t\tif (branch._children) {\n\t\t\t\t\tthis.expandChildren(branch._children);\n\t\t\t\t}\n\t\t\t\treturn true;\n\t\t\t} else if (branch._children) {\n\t\t\t\tfor (const childBranch of branch._children) {\n\t\t\t\t\tif (handleBranch(childBranch)) {\n\t\t\t\t\t\tthis.expandChildren(branch._children);\n\t\t\t\t\t\treturn true;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn false;\n\t\t};\n\t\tthis.state._links.forEach(handleBranch);\n\t}\n\n\tpublic render(): JSX.Element {\n\t\tconst collapsible = this.state._collapsible === true;\n\t\tconst hideLabel = this.state._hideLabel === true;\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={clsx('kol-nav', `kol-nav--vertical`, {\n\t\t\t\t\t'kol-nav--is-compact': this.state._hideLabel,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<nav aria-label={this.state._label} class=\"kol-nav__navigation\" id={this.navId}>\n\t\t\t\t\t<this.linkList collapsible={collapsible} hideLabel={hideLabel} deep={0} links={this.state._links} id={this.listId}></this.linkList>\n\t\t\t\t</nav>\n\t\t\t\t{this.state._hasCompactButton && (\n\t\t\t\t\t<div class=\"kol-nav__compact\">\n\t\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\t\tclass=\"kol-nav__toggle-button\"\n\t\t\t\t\t\t\t_ariaControls={this.navId}\n\t\t\t\t\t\t\t_ariaExpanded={!hideLabel}\n\t\t\t\t\t\t\t_icons={hideLabel ? 'codicon codicon-chevron-right' : 'codicon codicon-chevron-left'}\n\t\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t\t_label={translate(hideLabel ? 'kol-nav-maximize' : 'kol-nav-minimize')}\n\t\t\t\t\t\t\t_on={{\n\t\t\t\t\t\t\t\tonClick: (): void => {\n\t\t\t\t\t\t\t\t\tthis.state = {\n\t\t\t\t\t\t\t\t\t\t...this.state,\n\t\t\t\t\t\t\t\t\t\t_hideLabel: this.state._hideLabel === false,\n\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t_tooltipAlign=\"right\"\n\t\t\t\t\t\t></KolButtonWcTag>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n\n\t/**\n\t * Defines if navigation nodes can be collapsed or not. Enabled by default.\n\t * @TODO: Change type back to `CollapsiblePropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _collapsible?: boolean = true;\n\n\t/**\n\t * Creates a button below the navigation, that toggles _collapsible.\n\t */\n\t@Prop() public _hasCompactButton?: boolean = false;\n\n\t/**\n\t * Shows icons next to the navigation item labels, even when the navigation is not collapsed.\n\t */\n\t@Prop() public _hasIconsWhenExpanded?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\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/**\n\t * Defines the list of links, buttons or texts to render.\n\t */\n\t@Prop() public _links!: Stringified<ButtonOrLinkOrTextWithChildrenProps[]>;\n\n\t@State() public state: NavStates = {\n\t\t_collapsible: true,\n\t\t_hasCompactButton: false,\n\t\t_hasIconsWhenExpanded: false,\n\t\t_hideLabel: false,\n\t\t_label: '', // ⚠ required\n\t\t_links: [],\n\t\t_expandedChildren: [],\n\t};\n\n\t@Watch('_collapsible')\n\tpublic validateCollapsible(value?: CollapsiblePropType): void {\n\t\tvalidateCollapsible(this, value);\n\t}\n\n\t@Watch('_hasCompactButton')\n\tpublic validateHasCompactButton(value?: boolean): void {\n\t\tvalidateHasCompactButton(this, value);\n\t}\n\n\t@Watch('_hasIconsWhenExpanded')\n\tpublic validateHasIconsWhenExpanded(value?: boolean): void {\n\t\tvalidateHasIconsWhenExpanded(this, value);\n\t}\n\n\t@Watch('_hideLabel')\n\tpublic validateHideLabel(value?: HideLabelPropType) {\n\t\tvalidateHideLabel(this, value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType, _oldValue?: LabelPropType, initial = false): void {\n\t\tif (!initial) {\n\t\t\tremoveNavLabel(this.state._label); // remove the current\n\t\t}\n\t\tvalidateLabel(this, value, {\n\t\t\trequired: true,\n\t\t});\n\t\ta11yHintLabelingLandmarks(value);\n\t\taddNavLabel(this.state._label); // add the state instead of prop, because the prop could be invalid and not set as new label\n\t}\n\n\t@Watch('_links')\n\tpublic validateLinks(value?: Stringified<ButtonOrLinkOrTextWithChildrenProps[]>): void {\n\t\twatchNavLinks('KolNav', this, value);\n\t\tdevHint(`[KolNav] The navigation structure is not yet validated recursively.`);\n\t\t//Re-initialize expansion on links change\n\t\tthis.initializeExpandedChildren();\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateCollapsible(this._collapsible);\n\t\tthis.validateHideLabel(this._hideLabel);\n\t\tthis.validateHasCompactButton(this._hasCompactButton);\n\t\tthis.validateHasIconsWhenExpanded(this._hasIconsWhenExpanded);\n\t\tthis.validateLabel(this._label, undefined, true);\n\t\tthis.validateLinks(this._links);\n\t\tthis.initializeExpandedChildren();\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tremoveNavLabel(this.state._label);\n\t}\n}\n\n// console.log(\n//   stringifyJson([\n//     { _label: '1 Navigationspunkt', _href: '#abc', _icons: 'codicon codicon-folder-closed', _target: 'asdasd' },\n//     { _label: '2 Navigationspunkt', _href: '#abc', _icons: 'codicon codicon-folder-closed' },\n//     {\n//       _active: true,\n//       _label: '3 Navigationspunkt',\n//       _href: '#abc',\n//       _icons: 'codicon codicon-folder-closed',\n//       _children: [\n//         { _label: '3.1 Navigationspunkt', _href: '#abc', _icons: 'codicon codicon-folder-closed' },\n//         { _label: '3.2 Navigationspunkt', _href: '#abc', _icons: 'codicon codicon-folder-closed', _target: 'asdasd' },\n//         {\n//           _active: true,\n//           _label: '3.3 Navigationspunkt',\n//           _href: '#abc',\n//           _children: [\n//             { _active: true, _label: '3.3.1 Navigationspunkt (aktiv)', _href: '#abc' },\n//             { _label: '3.3.2 Navigationspunkt', _href: '#abc' },\n//           ],\n//         },\n//         {\n//           _label: '3.4 Navigationspunkt',\n//           _href: '#abc',\n//           _children: [\n//             { _label: '3.4.1 Navigationspunkt', _href: '#abc' },\n//             { _label: '3.4.2 Navigationspunkt', _href: '#abc' },\n//           ],\n//         },\n//         { _label: '3.5 Navigationspunkt', _href: '#abc' },\n//       ],\n//     },\n//     { _label: '4 Navigationspunkt', _href: '#abc' },\n//   ])\n// );\n"],"names":[],"mappings":"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"}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e}from"./index-tZ4BZtrY.js";import{d as t,k as i,c as o,j as a,w as l}from"./common-Dd0zJQbD.js";import{v as s}from"./hide-label-B9FhGrWP.js";import{v as r}from"./label-Dnmzb2S_.js";import{c as d}from"./clsx-eK3rPvPS.js";import{f as h,d as c}from"./component-names-CkE54Ym7.js";import{t as p}from"./i18n-C5ifExT3.js";import{n as f}from"./dev.utils-JixUzvyB.js";import{r as m,a as b}from"./unique-nav-labels-CrfmPC99.js";import{w as u}from"./validation-BfjI5un_.js";import"./i18n-ZF6JbdVP.js";const v=(n,e)=>{t(n,"_collapsible",e)},_=(n,e)=>{t(n,"_hasCompactButton",e)},k=(n,e)=>{t(n,"_hasIconsWhenExpanded",e)},y="/* forward the rem function */\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-nav {\n    display: grid;\n    place-items: center;\n  }\n  .kol-nav--horizontal {\n    width: 100%;\n  }\n  .kol-nav:not(.kol-nav--is-compact) .kol-nav__navigation {\n    width: 100%;\n  }\n  .kol-nav__list {\n    display: flex;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n  .kol-nav__list--vertical {\n    flex-direction: column;\n  }\n  .kol-nav__list--horizontal {\n    flex-wrap: wrap;\n  }\n  .kol-nav__entry-wrapper {\n    display: flex;\n  }\n  .kol-nav__entry {\n    flex-grow: 1;\n  }\n  .kol-button {\n    text-align: left;\n  }\n  .kol-span {\n    width: 100%;\n    justify-content: flex-start;\n  }\n  .kol-span__container {\n    width: 100%;\n  }\n  .kol-span__container .kol-span__label {\n    flex: 1;\n  }\n}",g=n=>"string"==typeof n._href,w=n=>{var e;return void 0===n._href&&"function"==typeof(null===(e=n._on)||void 0===e?void 0:e.onClick)},x=class{constructor(t){n(this,t),this.navId="kol-nav-"+f(),this.listId=this.navId+"-list",this.handleToggleExpansionClick=n=>{n&&(this.state._expandedChildren.includes(n)?this.collapseChildren(n):this.expandChildren(n))},this.linkList=n=>e("ul",{class:d("kol-nav__list",{"kol-nav__list--nested":n.deep>0,"kol-nav__list--horizontal":0===n.deep&&"horizontal"===n.orientation,"kol-nav__list--vertical":0!==n.deep||"vertical"===n.orientation}),id:n.deep>0?n.id:void 0},n.links.map((e,t)=>this.li(n.collapsible,n.hideLabel,n.deep,t,e,n.orientation,n.id))),this._collapsible=!0,this._hasCompactButton=!1,this._hasIconsWhenExpanded=!1,this._hideLabel=!1,this._orientation="vertical",this.state={_collapsible:!0,_hasCompactButton:!1,_hasIconsWhenExpanded:!1,_hideLabel:!1,_label:"",_links:[],_orientation:"vertical",_expandedChildren:[]}}expandChildren(n){this.state=Object.assign(Object.assign({},this.state),{_expandedChildren:[...this.state._expandedChildren,n]})}collapseChildren(n){this.state=Object.assign(Object.assign({},this.state),{_expandedChildren:this.state._expandedChildren.filter(e=>e!==n)})}entry(n,t,i,a,o,l){var s;const r={left:this.state._hasIconsWhenExpanded||this.state._hideLabel?(null===(s=a._icons)||void 0===s?void 0:s.toString())||(this.state._hideLabel?"codicon codicon-symbol-method":void 0):void 0,right:n&&i?"codicon codicon-"+(o?"remove":"add"):void 0};return e("div",{class:"kol-nav__entry-wrapper"},g(a)?e(h,Object.assign({class:d("kol-nav__entry kol-nav__entry--link",{"kol-nav__entry--collapsible":n})},a,{_hideLabel:t,_icons:r,_ariaControls:n&&i&&o?l:void 0,_ariaExpanded:n&&i?o:void 0})):e(c,{class:d("kol-nav__entry kol-nav__entry--button",{"kol-nav__entry--collapsible":n}),_label:a._label,_hideLabel:t,_icons:r,_ariaControls:n&&i&&o?l:void 0,_ariaExpanded:n&&i?o:void 0,_on:{onClick:(n,e)=>{w(a)&&"function"==typeof a._on.onClick&&a._on.onClick(n,e),this.handleToggleExpansionClick(a._children)}}}))}li(n,t,i,a,o,l,s){const r=!!o._active,h=Array.isArray(o._children)&&o._children.length>0,c=Boolean(o._children&&this.state._expandedChildren.includes(o._children)),p=s+"_"+i+"_"+a;return e("li",{class:d("kol-nav__list-item",{"kol-nav__list-item--active":r,"kol-nav__list-item--expanded":c,"kol-nav__list-item--has-children":h}),key:a},this.entry(n,t,h,o,c,p),c&&e(this.linkList,{collapsible:n,hideLabel:t,deep:i+1,links:o._children||[],orientation:l,id:p}))}initializeExpandedChildren(){this.state=Object.assign(Object.assign({},this.state),{_expandedChildren:[]});const n=e=>{if(e._active)return e._children&&this.expandChildren(e._children),!0;if(e._children)for(const t of e._children)if(n(t))return this.expandChildren(e._children),!0;return!1};this.state._links.forEach(n)}render(){let n=this.state._hasCompactButton;"horizontal"===this.state._orientation&&!0===this.state._hasCompactButton&&(n=!1,i("[KolNav] Wenn eine horizontale Navigation verwendet wird, kann die Option _hasCompactButton nicht aktiviert werden."));const t=!0===this.state._collapsible,a=!0===this.state._hideLabel,o=this.state._orientation;return e("div",{key:"12bfebdeb71dff8a681907c30a9bdde7f0d359b3",class:d("kol-nav",`kol-nav--${o}`,{"kol-nav--is-compact":this.state._hideLabel})},e("nav",{key:"692debc445b1cf2b3ee383ee849b396acf0bcbe9","aria-label":this.state._label,class:"kol-nav__navigation",id:this.navId},e(this.linkList,{key:"fee81683dc4d8436173d58244eba5182bbfa5323",collapsible:t,hideLabel:a,deep:0,links:this.state._links,orientation:o,id:this.listId})),n&&e("div",{key:"a583663ae21335220d492567dac63fcba31db7c3",class:"kol-nav__compact"},e(c,{key:"291714ba69e6c4be183547a1252e0dc2b7413b4a",class:"kol-nav__toggle-button",_ariaControls:this.navId,_ariaExpanded:!a,_icons:a?"codicon codicon-chevron-right":"codicon codicon-chevron-left",_hideLabel:!0,_label:p(a?"kol-nav-maximize":"kol-nav-minimize"),_on:{onClick:()=>{this.state=Object.assign(Object.assign({},this.state),{_hideLabel:!1===this.state._hideLabel})}},_tooltipAlign:"right"})))}validateCollapsible(n){v(this,n)}validateHasCompactButton(n){_(this,n)}validateHasIconsWhenExpanded(n){k(this,n)}validateHideLabel(n){s(this,n)}validateLabel(n,e,t=!1){t||m(this.state._label),r(this,n,{required:!0}),o(n),b(this.state._label)}validateLinks(n){u("KolNav",this,n),a("[KolNav] The navigation structure is not yet validated recursively."),this.initializeExpandedChildren()}validateOrientation(n){l(this,"_orientation",n=>"horizontal"===n||"vertical"===n,new Set(["Orientation {horizontal, vertical}"]),n,{defaultValue:"vertical"})}componentWillLoad(){this.validateCollapsible(this._collapsible),this.validateHideLabel(this._hideLabel),this.validateHasCompactButton(this._hasCompactButton),this.validateHasIconsWhenExpanded(this._hasIconsWhenExpanded),this.validateLabel(this._label,void 0,!0),this.validateLinks(this._links),this.validateOrientation(this._orientation),this.initializeExpandedChildren()}disconnectedCallback(){m(this.state._label)}static get watchers(){return{_collapsible:["validateCollapsible"],_hasCompactButton:["validateHasCompactButton"],_hasIconsWhenExpanded:["validateHasIconsWhenExpanded"],_hideLabel:["validateHideLabel"],_label:["validateLabel"],_links:["validateLinks"],_orientation:["validateOrientation"]}}};x.style={default:y};export{x as kol_nav};
+import{r as n,h as e}from"./index-DywmWsSE.js";import{d as t,c as i,j as o}from"./common-L1K0yh1S.js";import{v as a}from"./hide-label-DjBQJOAP.js";import{v as l}from"./label-ohY9ajP0.js";import{c as s}from"./clsx-eK3rPvPS.js";import{f as r,d}from"./component-names-CkE54Ym7.js";import{t as h}from"./i18n-DnUkqOwE.js";import{n as c}from"./dev.utils-BiHEHhv-.js";import{r as p,a as f}from"./unique-nav-labels-C-bt2E8D.js";import{w as m}from"./validation-BmqW5reG.js";import"./i18n-Bt8vh0qY.js";const b=(n,e)=>{t(n,"_collapsible",e)},u=(n,e)=>{t(n,"_hasCompactButton",e)},k=(n,e)=>{t(n,"_hasIconsWhenExpanded",e)},_="/* forward the rem function */\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-nav {\n    display: grid;\n    place-items: center;\n  }\n  .kol-nav:not(.kol-nav--is-compact) .kol-nav__navigation {\n    width: 100%;\n  }\n  .kol-nav__list {\n    display: flex;\n    margin: 0;\n    padding: 0;\n    flex-direction: column;\n    list-style: none;\n  }\n  .kol-nav__entry-wrapper {\n    display: flex;\n  }\n  .kol-nav__entry {\n    flex-grow: 1;\n  }\n  .kol-button {\n    text-align: left;\n  }\n  .kol-span {\n    width: 100%;\n    justify-content: flex-start;\n  }\n  .kol-span__container {\n    width: 100%;\n  }\n  .kol-span__container .kol-span__label {\n    flex: 1;\n  }\n}",v=n=>"string"==typeof n._href,y=n=>{var e;return void 0===n._href&&"function"==typeof(null===(e=n._on)||void 0===e?void 0:e.onClick)},g=class{constructor(t){n(this,t),this.navId="kol-nav-"+c(),this.listId=this.navId+"-list",this.handleToggleExpansionClick=n=>{n&&(this.state._expandedChildren.includes(n)?this.collapseChildren(n):this.expandChildren(n))},this.linkList=n=>e("ul",{class:s("kol-nav__list",{"kol-nav__list--nested":n.deep>0,"kol-nav__list--vertical":0!==n.deep}),id:n.deep>0?n.id:void 0},n.links.map((e,t)=>this.li(n.collapsible,n.hideLabel,n.deep,t,e,n.id))),this._collapsible=!0,this._hasCompactButton=!1,this._hasIconsWhenExpanded=!1,this._hideLabel=!1,this.state={_collapsible:!0,_hasCompactButton:!1,_hasIconsWhenExpanded:!1,_hideLabel:!1,_label:"",_links:[],_expandedChildren:[]}}expandChildren(n){this.state=Object.assign(Object.assign({},this.state),{_expandedChildren:[...this.state._expandedChildren,n]})}collapseChildren(n){this.state=Object.assign(Object.assign({},this.state),{_expandedChildren:this.state._expandedChildren.filter(e=>e!==n)})}entry(n,t,i,a,o,l){var h;const c={left:this.state._hasIconsWhenExpanded||this.state._hideLabel?(null===(h=a._icons)||void 0===h?void 0:h.toString())||(this.state._hideLabel?"codicon codicon-symbol-method":void 0):void 0,right:n&&i?"codicon codicon-"+(o?"remove":"add"):void 0};return e("div",{class:"kol-nav__entry-wrapper"},v(a)?e(r,Object.assign({class:s("kol-nav__entry kol-nav__entry--link",{"kol-nav__entry--collapsible":n})},a,{_hideLabel:t,_icons:c,_ariaControls:n&&i&&o?l:void 0,_ariaExpanded:n&&i?o:void 0})):e(d,{class:s("kol-nav__entry kol-nav__entry--button",{"kol-nav__entry--collapsible":n}),_label:a._label,_hideLabel:t,_icons:c,_ariaControls:n&&i&&o?l:void 0,_ariaExpanded:n&&i?o:void 0,_on:{onClick:(n,e)=>{y(a)&&"function"==typeof a._on.onClick&&a._on.onClick(n,e),this.handleToggleExpansionClick(a._children)}}}))}li(n,t,i,a,o,l){const d=!!o._active,r=Array.isArray(o._children)&&o._children.length>0,h=Boolean(o._children&&this.state._expandedChildren.includes(o._children)),c=l+"_"+i+"_"+a;return e("li",{class:s("kol-nav__list-item",{"kol-nav__list-item--active":d,"kol-nav__list-item--expanded":h,"kol-nav__list-item--has-children":r}),key:a},this.entry(n,t,r,o,h,c),h&&e(this.linkList,{collapsible:n,hideLabel:t,deep:i+1,links:o._children||[],id:c}))}initializeExpandedChildren(){this.state=Object.assign(Object.assign({},this.state),{_expandedChildren:[]});const n=e=>{if(e._active)return e._children&&this.expandChildren(e._children),!0;if(e._children)for(const t of e._children)if(n(t))return this.expandChildren(e._children),!0;return!1};this.state._links.forEach(n)}render(){const n=!0===this.state._collapsible,t=!0===this.state._hideLabel;return e("div",{key:"39f07d530b46e738987032cebed99c3c90039376",class:s("kol-nav","kol-nav--vertical",{"kol-nav--is-compact":this.state._hideLabel})},e("nav",{key:"f5d049bf025a94a4db0441e663ced4a7baeb1614","aria-label":this.state._label,class:"kol-nav__navigation",id:this.navId},e(this.linkList,{key:"4811ac08ae470909f233b57ed439edd3dc9bf514",collapsible:n,hideLabel:t,deep:0,links:this.state._links,id:this.listId})),this.state._hasCompactButton&&e("div",{key:"bdb25a6cc82d6b5cbf17818888ba374561b443a3",class:"kol-nav__compact"},e(d,{key:"ff15ae0475f7f799e4001663f1b01fb64addfb75",class:"kol-nav__toggle-button",_ariaControls:this.navId,_ariaExpanded:!t,_icons:t?"codicon codicon-chevron-right":"codicon codicon-chevron-left",_hideLabel:!0,_label:h(t?"kol-nav-maximize":"kol-nav-minimize"),_on:{onClick:()=>{this.state=Object.assign(Object.assign({},this.state),{_hideLabel:!1===this.state._hideLabel})}},_tooltipAlign:"right"})))}validateCollapsible(n){b(this,n)}validateHasCompactButton(n){u(this,n)}validateHasIconsWhenExpanded(n){k(this,n)}validateHideLabel(n){a(this,n)}validateLabel(n,e,t=!1){t||p(this.state._label),l(this,n,{required:!0}),i(n),f(this.state._label)}validateLinks(n){m("KolNav",this,n),o("[KolNav] The navigation structure is not yet validated recursively."),this.initializeExpandedChildren()}componentWillLoad(){this.validateCollapsible(this._collapsible),this.validateHideLabel(this._hideLabel),this.validateHasCompactButton(this._hasCompactButton),this.validateHasIconsWhenExpanded(this._hasIconsWhenExpanded),this.validateLabel(this._label,void 0,!0),this.validateLinks(this._links),this.initializeExpandedChildren()}disconnectedCallback(){p(this.state._label)}static get watchers(){return{_collapsible:["validateCollapsible"],_hasCompactButton:["validateHasCompactButton"],_hasIconsWhenExpanded:["validateHasIconsWhenExpanded"],_hideLabel:["validateHideLabel"],_label:["validateLabel"],_links:["validateLinks"]}}};g.style={default:_};export{g as kol_nav};

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

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","watchBoolean","devWarning","a11yHintLabelingLandmarks","devHint","watchValidator","validateHideLabel","validateLabel","clsx","KolLinkWcTag","KolButtonWcTag","translate","nonce","removeNavLabel","addNavLabel","watchNavLinks","validateCollapsible","component","value","validateHasCompactButton","validateHasIconsWhenExpanded","defaultStyleCss","entryIsLink","entryProps","_href","entryIsButton","_a","undefined","_on","onClick","KolNav","constructor","hostRef","this","navId","listId","handleToggleExpansionClick","children","state","_expandedChildren","includes","collapseChildren","expandChildren","linkList","props","class","deep","orientation","id","links","map","link","index","li","collapsible","hideLabel","_collapsible","_hasCompactButton","_hasIconsWhenExpanded","_hideLabel","_orientation","_label","_links","Object","assign","filter","searchChildren","entry","hasChildren","expanded","ariaID","icons","left","_icons","toString","right","_ariaControls","_ariaExpanded","event","_children","ariaIDparent","active","_active","Array","isArray","length","Boolean","key","initializeExpandedChildren","handleBranch","branch","childBranch","forEach","render","hasCompactButton","_tooltipAlign","_oldValue","initial","required","validateLinks","validateOrientation","Set","defaultValue","componentWillLoad","disconnectedCallback","watchers","style","default"],"sources":["0"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","watchBoolean","a11yHintLabelingLandmarks","devHint","validateHideLabel","validateLabel","clsx","KolLinkWcTag","KolButtonWcTag","translate","nonce","removeNavLabel","addNavLabel","watchNavLinks","validateCollapsible","component","value","validateHasCompactButton","validateHasIconsWhenExpanded","defaultStyleCss","entryIsLink","entryProps","_href","entryIsButton","_a","undefined","_on","onClick","KolNav","constructor","hostRef","this","navId","listId","handleToggleExpansionClick","children","state","_expandedChildren","includes","collapseChildren","expandChildren","linkList","props","class","deep","id","links","map","link","index","li","collapsible","hideLabel","_collapsible","_hasCompactButton","_hasIconsWhenExpanded","_hideLabel","_label","_links","Object","assign","filter","searchChildren","entry","hasChildren","expanded","ariaID","icons","left","_icons","toString","right","_ariaControls","_ariaExpanded","event","_children","ariaIDparent","active","_active","Array","isArray","length","Boolean","key","initializeExpandedChildren","handleBranch","branch","childBranch","forEach","render","_tooltipAlign","_oldValue","initial","required","validateLinks","componentWillLoad","disconnectedCallback","watchers","style","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,MAAS,kCAC3BC,OAAmBC,OAAgCC,MAAe,mCAClEC,MAAyB,uCACzBC,MAAqB,kCACrBC,MAAY,iCACZC,EAAmBC,MAAsB,4CACzCC,MAAiB,iCACjBC,MAAa,sCACbC,OAAqBC,MAAmB,8CACxCC,MAAqB,iCAC5B,qBAEP,MAAMC,EAAsB,CAACC,EAAWC,KACpCf,EAAac,EAAW,eAAgBC,EAAM,EAGlD,MAAMC,EAA2B,CAACF,EAAWC,KACzCf,EAAac,EAAW,oBAAqBC,EAAM,EAGvD,MAAME,EAA+B,CAACH,EAAWC,KAC7Cf,EAAac,EAAW,wBAAyBC,EAAM,EAG3D,MAAMG,EAAkB,u6OAExB,MAAMC,EAAeC,UACHA,EAAWC,QAAU,SAEvC,MAAMC,EAAiBF,IACnB,IAAIG,EACJ,OAAOH,EAAWC,QAAUG,mBAAsBD,EAAKH,EAAWK,OAAS,MAAQF,SAAY,OAAS,EAAIA,EAAGG,WAAa,UAAU,EAE1I,MAAMC,EAAS,MACX,WAAAC,CAAYC,GACR/B,EAAiBgC,KAAMD,GACvBC,KAAKC,MAAQ,WAAatB,IAC1BqB,KAAKE,OAASF,KAAKC,MAAQ,QAC3BD,KAAKG,2BAA8BC,IAC/B,GAAIA,EAAU,CACV,GAAIJ,KAAKK,MAAMC,kBAAkBC,SAASH,GAAW,CACjDJ,KAAKQ,iBAAiBJ,EAC1B,KACK,CACDJ,KAAKS,eAAeL,EACxB,CACJ,GAEJJ,KAAKU,SAAYC,GACL1C,EAAE,KAAM,CAAE2C,MAAOrC,EAAK,gBAAiB,CACvC,wBAAyBoC,EAAME,KAAO,EACtC,0BAA2BF,EAAME,OAAS,IAC1CC,GAAIH,EAAME,KAAO,EAAIF,EAAMG,GAAKpB,WAAaiB,EAAMI,MAAMC,KAAI,CAACC,EAAMC,IACjElB,KAAKmB,GAAGR,EAAMS,YAAaT,EAAMU,UAAWV,EAAME,KAAMK,EAAOD,EAAMN,EAAMG,OAG1Fd,KAAKsB,aAAe,KACpBtB,KAAKuB,kBAAoB,MACzBvB,KAAKwB,sBAAwB,MAC7BxB,KAAKyB,WAAa,MAClBzB,KAAKK,MAAQ,CACTiB,aAAc,KACdC,kBAAmB,MACnBC,sBAAuB,MACvBC,WAAY,MACZC,OAAQ,GACRC,OAAQ,GACRrB,kBAAmB,GAE3B,CACA,cAAAG,CAAeL,GACXJ,KAAKK,MAAQuB,OAAOC,OAAOD,OAAOC,OAAO,CAAC,EAAG7B,KAAKK,OAAQ,CAAEC,kBAAmB,IAAIN,KAAKK,MAAMC,kBAAmBF,IACrH,CACA,gBAAAI,CAAiBJ,GACbJ,KAAKK,MAAQuB,OAAOC,OAAOD,OAAOC,OAAO,CAAC,EAAG7B,KAAKK,OAAQ,CAAEC,kBAAmBN,KAAKK,MAAMC,kBAAkBwB,QAAQC,GAAmBA,IAAmB3B,KAC9J,CACA,KAAA4B,CAAMZ,EAAaC,EAAWY,EAAaD,EAAOE,EAAUC,GACxD,IAAI1C,EACJ,MAAM2C,EAAQ,CACVC,KAAMrC,KAAKK,MAAMmB,uBAAyBxB,KAAKK,MAAMoB,aAC7ChC,EAAKuC,EAAMM,UAAY,MAAQ7C,SAAY,OAAS,EAAIA,EAAG8C,cAAgBvC,KAAKK,MAAMoB,WAAa,gCAAkC/B,WACvIA,UACN8C,MAAOpB,GAAea,EAAc,oBAAsBC,EAAW,SAAW,OAASxC,WAE7F,OAAQzB,EAAE,MAAO,CAAE2C,MAAO,0BAA4BvB,EAAY2C,GAAU/D,EAAEO,EAAcoD,OAAOC,OAAO,CAAEjB,MAAOrC,EAAK,sCAAuC,CACvJ,8BAA+B6C,KAC7BY,EAAO,CAAEP,WAAYJ,EAAWiB,OAAQF,EAAOK,cAAerB,GAAea,GAAeC,EAAWC,EAASzC,UAAWgD,cAAetB,GAAea,EAAcC,EAAWxC,aAAkBzB,EAAEQ,EAAgB,CAAEmC,MAAOrC,EAAK,wCAAyC,CAC/Q,8BAA+B6C,IAC/BM,OAAQM,EAAMN,OAAQD,WAAYJ,EAAWiB,OAAQF,EAAOK,cAAerB,GAAea,GAAeC,EAAWC,EAASzC,UAAWgD,cAAetB,GAAea,EAAcC,EAAWxC,UAAWC,IAAK,CAC/MC,QAAS,CAAC+C,EAAO1D,KACb,GAAIO,EAAcwC,WAAiBA,EAAMrC,IAAIC,UAAY,WAAY,CACjEoC,EAAMrC,IAAIC,QAAQ+C,EAAO1D,EAC7B,CACAe,KAAKG,2BAA2B6B,EAAMY,UAAU,KAGhE,CACA,EAAAzB,CAAGC,EAAaC,EAAWR,EAAMK,EAAOD,EAAM4B,GAC1C,MAAMC,IAAW7B,EAAK8B,QACtB,MAAMd,EAAce,MAAMC,QAAQhC,EAAK2B,YAAc3B,EAAK2B,UAAUM,OAAS,EAC7E,MAAMhB,EAAWiB,QAAQlC,EAAK2B,WAAa5C,KAAKK,MAAMC,kBAAkBC,SAASU,EAAK2B,YACtF,MAAMT,EAASU,EAAe,IAAMhC,EAAO,IAAMK,EACjD,OAAQjD,EAAE,KAAM,CAAE2C,MAAOrC,EAAK,qBAAsB,CAC5C,6BAA8BuE,EAC9B,+BAAgCZ,EAChC,mCAAoCD,IACpCmB,IAAKlC,GAASlB,KAAKgC,MAAMZ,EAAaC,EAAWY,EAAahB,EAAMiB,EAAUC,GAASD,GAAYjE,EAAE+B,KAAKU,SAAU,CAAEU,YAAaA,EAAaC,UAAWA,EAAWR,KAAMA,EAAO,EAAGE,MAAOE,EAAK2B,WAAa,GAAI9B,GAAIqB,IACnO,CACA,0BAAAkB,GACIrD,KAAKK,MAAQuB,OAAOC,OAAOD,OAAOC,OAAO,CAAC,EAAG7B,KAAKK,OAAQ,CAAEC,kBAAmB,KAC/E,MAAMgD,EAAgBC,IAClB,GAAIA,EAAOR,QAAS,CAChB,GAAIQ,EAAOX,UAAW,CAClB5C,KAAKS,eAAe8C,EAAOX,UAC/B,CACA,OAAO,IACX,MACK,GAAIW,EAAOX,UAAW,CACvB,IAAK,MAAMY,KAAeD,EAAOX,UAAW,CACxC,GAAIU,EAAaE,GAAc,CAC3BxD,KAAKS,eAAe8C,EAAOX,WAC3B,OAAO,IACX,CACJ,CACJ,CACA,OAAO,KAAK,EAEhB5C,KAAKK,MAAMsB,OAAO8B,QAAQH,EAC9B,CACA,MAAAI,GACI,MAAMtC,EAAcpB,KAAKK,MAAMiB,eAAiB,KAChD,MAAMD,EAAYrB,KAAKK,MAAMoB,aAAe,KAC5C,OAAQxD,EAAE,MAAO,CAAEmF,IAAK,2CAA4CxC,MAAOrC,EAAK,UAAW,oBAAqB,CACxG,sBAAuByB,KAAKK,MAAMoB,cAChCxD,EAAE,MAAO,CAAEmF,IAAK,2CAA4C,aAAcpD,KAAKK,MAAMqB,OAAQd,MAAO,sBAAuBE,GAAId,KAAKC,OAAShC,EAAE+B,KAAKU,SAAU,CAAE0C,IAAK,2CAA4ChC,YAAaA,EAAaC,UAAWA,EAAWR,KAAM,EAAGE,MAAOf,KAAKK,MAAMsB,OAAQb,GAAId,KAAKE,UAAYF,KAAKK,MAAMkB,mBAAsBtD,EAAE,MAAO,CAAEmF,IAAK,2CAA4CxC,MAAO,oBAAsB3C,EAAEQ,EAAgB,CAAE2E,IAAK,2CAA4CxC,MAAO,yBAA0B6B,cAAezC,KAAKC,MAAOyC,eAAgBrB,EAAWiB,OAAQjB,EAAY,gCAAkC,+BAAgCI,WAAY,KAAMC,OAAQhD,EAAU2C,EAAY,mBAAqB,oBAAqB1B,IAAK,CACtwBC,QAAS,KACLI,KAAKK,MAAQuB,OAAOC,OAAOD,OAAOC,OAAO,CAAC,EAAG7B,KAAKK,OAAQ,CAAEoB,WAAYzB,KAAKK,MAAMoB,aAAe,OAAQ,GAE/GkC,cAAe,WAC1B,CACA,mBAAA5E,CAAoBE,GAChBF,EAAoBiB,KAAMf,EAC9B,CACA,wBAAAC,CAAyBD,GACrBC,EAAyBc,KAAMf,EACnC,CACA,4BAAAE,CAA6BF,GACzBE,EAA6Ba,KAAMf,EACvC,CACA,iBAAAZ,CAAkBY,GACdZ,EAAkB2B,KAAMf,EAC5B,CACA,aAAAX,CAAcW,EAAO2E,EAAWC,EAAU,OACtC,IAAKA,EAAS,CACVjF,EAAeoB,KAAKK,MAAMqB,OAC9B,CACApD,EAAc0B,KAAMf,EAAO,CACvB6E,SAAU,OAEd3F,EAA0Bc,GAC1BJ,EAAYmB,KAAKK,MAAMqB,OAC3B,CACA,aAAAqC,CAAc9E,GACVH,EAAc,SAAUkB,KAAMf,GAC9Bb,EAAQ,uEACR4B,KAAKqD,4BACT,CACA,iBAAAW,GACIhE,KAAKjB,oBAAoBiB,KAAKsB,cAC9BtB,KAAK3B,kBAAkB2B,KAAKyB,YAC5BzB,KAAKd,yBAAyBc,KAAKuB,mBACnCvB,KAAKb,6BAA6Ba,KAAKwB,uBACvCxB,KAAK1B,cAAc0B,KAAK0B,OAAQhC,UAAW,MAC3CM,KAAK+D,cAAc/D,KAAK2B,QACxB3B,KAAKqD,4BACT,CACA,oBAAAY,GACIrF,EAAeoB,KAAKK,MAAMqB,OAC9B,CACA,mBAAWwC,GAAa,MAAO,CAC3B5C,aAAgB,CAAC,uBACjBC,kBAAqB,CAAC,4BACtBC,sBAAyB,CAAC,gCAC1BC,WAAc,CAAC,qBACfC,OAAU,CAAC,iBACXC,OAAU,CAAC,iBACZ,GAEP9B,EAAOsE,MAAQ,CACXC,QAAShF,UAGJS","ignoreList":[]}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as t,h as i,H as s,g as o}from"./index-tZ4BZtrY.js";import{N as e,S as a,w as n,H as l,p as h}from"./common-Dd0zJQbD.js";import{v as r}from"./custom-class-nuoQ9Aml.js";import{v as c}from"./label-Dnmzb2S_.js";import{v as _}from"./tooltip-align-Cnin7S26.js";import{r as p,d as u}from"./component-names-CkE54Ym7.js";import{t as g}from"./i18n-C5ifExT3.js";import{n as d}from"./dev.utils-JixUzvyB.js";import{d as f,K as b}from"./events-9-skLO0f.js";import{r as m,a as v}from"./unique-nav-labels-CrfmPC99.js";import"./align-D-ifSKu8.js";import"./i18n-ZF6JbdVP.js";const k=(t,a,s)=>{e(t,"_max",a,s)},C={left:"codicon codicon-debug-reverse-continue"},y={left:"codicon codicon-chevron-left"},S={right:"codicon codicon-chevron-right"},z={right:"codicon codicon-debug-continue"};function x(){const t=navigator.language||"de-DE";return t.includes("-")?t:`${t}-${t.toUpperCase()}`}const j=x(),B=new Intl.NumberFormat(j,{style:"decimal",minimumFractionDigits:0,maximumFractionDigits:0}),P=class{constructor(s){t(this,s),this.nonce=d(),this.translatePageFirst=g("kol-page-first"),this.translatePageBack=g("kol-page-back"),this.translatePageNext=g("kol-page-next"),this.translatePageLast=g("kol-page-last"),this.translateEntriesPerSite=g("kol-entries-per-site"),this.translatePage=g("kol-page"),this.translatePagination=g("kol-pagination"),this.calcCount=(t,a=1)=>Math.ceil(t/a),this.getCount=()=>this.calcCount(this.state._max,this.state._pageSize),this._boundaryCount=1,this._hasButtons=!0,this._pageSize=1,this._pageSizeOptions=[],this._siblingCount=1,this._tooltipAlign="top",this.state={_boundaryCount:1,_label:this.translatePagination,_hasButtons:{first:!0,last:!0,next:!0,previous:!0},_on:{onClick:()=>null},_page:0,_pageSize:1,_pageSizeOptions:[],_siblingCount:1,_max:0},this.onClick=(t,a)=>{"function"==typeof this.state._on.onClick&&this.state._on.onClick(t,a),this.host&&f(this.host,b.click,a),this.onChangePage(t,a)},this.onChangePage=(t,a)=>{const s=setTimeout(()=>{clearTimeout(s),"function"==typeof this.state._on.onChangePage&&this.state._on.onChangePage(t,a),this.host&&f(this.host,b.changePage,a)})},this.onChangePageSize=(t,a)=>{if("number"==typeof(a=parseInt(a))&&a>0&&this._pageSize!==a){this._pageSize=a;const s=setTimeout(()=>{clearTimeout(s),"function"==typeof this.state._on.onChangePageSize&&this.state._on.onChangePageSize(t,this._pageSize),this.host&&f(this.host,b.changePageSize,this._pageSize)})}},this.onGoToFirst={onClick:t=>{this.onClick(t,1)}},this.onGoToEnd={onClick:t=>{this.onClick(t,this.getCount())}},this.onGoBackward={onClick:t=>{this.onClick(t,this.state._page-1)}},this.onGoForward={onClick:t=>{this.onClick(t,this.state._page+1)}},this.beforePageSize=(t,a)=>{let s=a.has("_pageSize")?a.get("_pageSize"):this.state._pageSize;const i=a.has("_pageSizeOptions")?a.get("_pageSizeOptions"):this.state._pageSizeOptions;if(Array.isArray(i)&&i.length>0){const t=i.find(t=>t.value===s);s=void 0===t?i[0].value:t.value,a.set("_pageSize",s)}const e=a.has("_page")?a.get("_page"):this.state._page,o=a.has("_max")?a.get("_max"):this.state._max;this.syncPage(a,e,a.get("_pageSize"),o)},this.syncPage=(t,s,i,e)=>{if(e>0){const o=this.calcCount(e,i);o>0&&(s>o?(t.set("_page",o),this.onChangePage(a,o)):s<1&&(t.set("_page",1),this.onChangePage(a,1)))}},this.beforePageSizeOptions=(t,a)=>{const s=[];if(Array.isArray(t))for(const a of t)"number"==typeof a&&s.push({label:g("kol-page-per-site",{placeholders:{entries:`${a}`}}),value:a});a.set("_pageSizeOptions",s),this.beforePageSize(s,a)}}render(){var t;let a=!1;const e=this.getCount(),o=Array.from(Array(e).keys()).map(t=>t+1).map(t=>t<=this.state._boundaryCount||t>e-this.state._boundaryCount||t>=this.state._page-this.state._siblingCount&&t<=this.state._page+this.state._siblingCount?(a=!0,this.state._page===t?this.getSelectedPageButton(t):this.getUnselectedPageButton(t)):!0===a?(a=!1,i("li",{key:d()},i("span",{class:"kol-pagination__separator","aria-hidden":"true"}))):null);return i(s,{class:"kol-pagination"},i("nav",{class:"kol-pagination__navigation","aria-label":this.state._label},i("ul",{class:"kol-pagination__navigation-list"},this.state._hasButtons.first&&i("li",null,i(u,{class:"kol-pagination__button kol-pagination__button--first",exportparts:"icon",_customClass:this.state._customClass,_disabled:this.state._page<=1,_icons:C,_hideLabel:!0,_label:this.translatePageFirst,_on:this.onGoToFirst,_tooltipAlign:this.state._tooltipAlign})),this.state._hasButtons.previous&&i("li",null,i(u,{class:"kol-pagination__button kol-pagination__button--previous",exportparts:"icon",_customClass:this.state._customClass,_disabled:this.state._page<=1,_icons:y,_hideLabel:!0,_label:this.translatePageBack,_on:this.onGoBackward,_tooltipAlign:this.state._tooltipAlign})),o,this.state._hasButtons.next&&i("li",null,i(u,{class:"kol-pagination__button kol-pagination__button--next",exportparts:"icon",_customClass:this.state._customClass,_disabled:e<=this.state._page,_icons:S,_hideLabel:!0,_label:this.translatePageNext,_on:this.onGoForward,_tooltipAlign:this.state._tooltipAlign})),this.state._hasButtons.last&&i("li",null,i(u,{class:"kol-pagination__button kol-pagination__button--last",exportparts:"icon",_customClass:this.state._customClass,_disabled:e<=this.state._page,_icons:z,_hideLabel:!0,_label:this.translatePageLast,_on:this.onGoToEnd,_tooltipAlign:this.state._tooltipAlign})))),(null===(t=this.state._pageSizeOptions)||void 0===t?void 0:t.length)>0&&i(p,{class:"kol-pagination__page-size-select",_hideLabel:!0,_id:`pagination-size-${this.nonce}`,_label:this.translateEntriesPerSite,_options:this.state._pageSizeOptions,_on:{onChange:this.onChangePageSize},_value:this.state._pageSize}))}getUnselectedPageButton(t){const a=B.format(t),s=`${this.translatePage} ${a}`;return i("li",{key:d()},i(u,{class:"kol-pagination__button",_ariaDescription:s,_customClass:this.state._customClass,_label:a,_on:{onClick:a=>{this.onClick(a,t)}}}))}getSelectedPageButton(t){const a=B.format(t),s=`${this.translatePage} ${a}`;return i("li",{key:d()},i(u,{"aria-current":"page",class:"kol-pagination__button kol-pagination__button--selected selected",_ariaDescription:s,_customClass:this.state._customClass,_disabled:!0,_label:a}))}validateBoundaryCount(t){e(this,"_boundaryCount",Math.max(0,null!=t?t:1))}validateCustomClass(t){r(this,t)}validateLabel(t,a,s=!1){s||m(this.state._label),c(this,t),v(this.state._label)}validateHasButtons(t){n(this,"_hasButtons",t=>"boolean"==typeof t||"string"==typeof t||"object"==typeof t&&null!==t,new Set(["Boolean","PaginationHasButton"]),t,{hooks:{beforePatch:(t,a)=>{if("boolean"==typeof t)a.set("_hasButtons",{first:t,last:t,next:t,previous:t});else{if("string"==typeof t)try{t=h(t)}catch(t){a.delete("_hasButtons")}"object"==typeof t&&null!==t&&a.set("_hasButtons",Object.assign(Object.assign({},this.state._hasButtons),{first:"boolean"==typeof t.first?!0===t.first:this.state._hasButtons.first,last:"boolean"==typeof t.last?!0===t.last:this.state._hasButtons.last,next:"boolean"==typeof t.next?!0===t.next:this.state._hasButtons.next,previous:"boolean"==typeof t.previous?!0===t.previous:this.state._hasButtons.previous}))}}}})}validateOn(t){"object"==typeof t&&null!==t&&(this.state=Object.assign(Object.assign({},this.state),{_on:t}))}validatePage(t){e(this,"_page",t,{hooks:{beforePatch:(t,a)=>{const s=a.has("_pageSize")?a.get("_pageSize"):this.state._pageSize,i=a.has("_max")?a.get("_max"):this.state._max;this.syncPage(a,t,s,i)}}})}validatePageSize(t){e(this,"_pageSize",t,{hooks:{beforePatch:this.beforePageSize}})}validatePageSizeOptions(t){l(this,"_pageSizeOptions",t=>"number"==typeof t,t,void 0,{hooks:{beforePatch:this.beforePageSizeOptions}})}validateSiblingCount(t){e(this,"_siblingCount",Math.max(0,null!=t?t:1))}validateMax(t){k(this,t,{hooks:{beforePatch:(t,a)=>{const s=a.has("_page")?a.get("_page"):this.state._page,i=a.has("_pageSize")?a.get("_pageSize"):this.state._pageSize;this.syncPage(a,s,i,t)}}})}validateTooltipAlign(t){_(this,t)}componentWillLoad(){this.validateBoundaryCount(this._boundaryCount),this.validateCustomClass(this._customClass),this.validateHasButtons(this._hasButtons),this.validateLabel(this._label,void 0,!0),this.validateOn(this._on),this.validatePage(this._page),this.validatePageSize(this._pageSize),this.validatePageSizeOptions(this._pageSizeOptions),this.validateSiblingCount(this._siblingCount),this.validateTooltipAlign(this._tooltipAlign),this.validateMax(this._max),this.validatePage(this._page)}disconnectedCallback(){m(this.state._label)}get host(){return o(this)}static get watchers(){return{_boundaryCount:["validateBoundaryCount"],_customClass:["validateCustomClass"],_label:["validateLabel"],_hasButtons:["validateHasButtons"],_on:["validateOn"],_page:["validatePage"],_pageSize:["validatePageSize"],_pageSizeOptions:["validatePageSizeOptions"],_siblingCount:["validateSiblingCount"],_max:["validateMax"],_tooltipAlign:["validateTooltipAlign"]}}};export{P as kol_pagination_wc};
+import{r as t,h as i,H as s,g as o}from"./index-DywmWsSE.js";import{M as e,S as a,w as n,G as l,p as h}from"./common-L1K0yh1S.js";import{v as r}from"./custom-class-Dg0c6ST7.js";import{v as c}from"./label-ohY9ajP0.js";import{v as _}from"./tooltip-align-DEw_M6Is.js";import{r as p,d as u}from"./component-names-CkE54Ym7.js";import{t as g}from"./i18n-DnUkqOwE.js";import{n as d}from"./dev.utils-BiHEHhv-.js";import{d as f,K as b}from"./events-9-skLO0f.js";import{r as m,a as v}from"./unique-nav-labels-C-bt2E8D.js";import"./align-Bcqvz5vw.js";import"./i18n-Bt8vh0qY.js";const k=(t,a,s)=>{e(t,"_max",a,s)},y={left:"codicon codicon-debug-reverse-continue"},C={left:"codicon codicon-chevron-left"},S={right:"codicon codicon-chevron-right"},z={right:"codicon codicon-debug-continue"};function x(){const t=navigator.language||"de-DE";return t.includes("-")?t:`${t}-${t.toUpperCase()}`}const j=x(),B=new Intl.NumberFormat(j,{style:"decimal",minimumFractionDigits:0,maximumFractionDigits:0}),O=class{constructor(s){t(this,s),this.nonce=d(),this.translatePageFirst=g("kol-page-first"),this.translatePageBack=g("kol-page-back"),this.translatePageNext=g("kol-page-next"),this.translatePageLast=g("kol-page-last"),this.translateEntriesPerSite=g("kol-entries-per-site"),this.translatePage=g("kol-page"),this.translatePagination=g("kol-pagination"),this.calcCount=(t,a=1)=>Math.ceil(t/a),this.getCount=()=>this.calcCount(this.state._max,this.state._pageSize),this._boundaryCount=1,this._hasButtons=!0,this._pageSize=1,this._pageSizeOptions=[],this._siblingCount=1,this._tooltipAlign="top",this.state={_boundaryCount:1,_label:this.translatePagination,_hasButtons:{first:!0,last:!0,next:!0,previous:!0},_on:{onClick:()=>null},_page:0,_pageSize:1,_pageSizeOptions:[],_siblingCount:1,_max:0},this.onClick=(t,a)=>{"function"==typeof this.state._on.onClick&&this.state._on.onClick(t,a),this.host&&f(this.host,b.click,a),this.onChangePage(t,a)},this.onChangePage=(t,a)=>{const s=setTimeout(()=>{clearTimeout(s),"function"==typeof this.state._on.onChangePage&&this.state._on.onChangePage(t,a),this.host&&f(this.host,b.changePage,a)})},this.onChangePageSize=(t,a)=>{if("number"==typeof(a=parseInt(a))&&a>0&&this._pageSize!==a){this._pageSize=a;const s=setTimeout(()=>{clearTimeout(s),"function"==typeof this.state._on.onChangePageSize&&this.state._on.onChangePageSize(t,this._pageSize),this.host&&f(this.host,b.changePageSize,this._pageSize)})}},this.onGoToFirst={onClick:t=>{this.onClick(t,1)}},this.onGoToEnd={onClick:t=>{this.onClick(t,this.getCount())}},this.onGoBackward={onClick:t=>{this.onClick(t,this.state._page-1)}},this.onGoForward={onClick:t=>{this.onClick(t,this.state._page+1)}},this.beforePageSize=(t,a)=>{let s=a.has("_pageSize")?a.get("_pageSize"):this.state._pageSize;const i=a.has("_pageSizeOptions")?a.get("_pageSizeOptions"):this.state._pageSizeOptions;if(Array.isArray(i)&&i.length>0){const t=i.find(t=>t.value===s);s=void 0===t?i[0].value:t.value,a.set("_pageSize",s)}const e=a.has("_page")?a.get("_page"):this.state._page,o=a.has("_max")?a.get("_max"):this.state._max;this.syncPage(a,e,a.get("_pageSize"),o)},this.syncPage=(t,s,i,e)=>{if(e>0){const o=this.calcCount(e,i);o>0&&(s>o?(t.set("_page",o),this.onChangePage(a,o)):s<1&&(t.set("_page",1),this.onChangePage(a,1)))}},this.beforePageSizeOptions=(t,a)=>{const s=[];if(Array.isArray(t))for(const a of t)"number"==typeof a&&s.push({label:g("kol-page-per-site",{placeholders:{entries:`${a}`}}),value:a});a.set("_pageSizeOptions",s),this.beforePageSize(s,a)}}render(){var t;let a=!1;const e=this.getCount(),o=Array.from(Array(e).keys()).map(t=>t+1).map(t=>t<=this.state._boundaryCount||t>e-this.state._boundaryCount||t>=this.state._page-this.state._siblingCount&&t<=this.state._page+this.state._siblingCount?(a=!0,this.state._page===t?this.getSelectedPageButton(t):this.getUnselectedPageButton(t)):!0===a?(a=!1,i("li",{key:d()},i("span",{class:"kol-pagination__separator","aria-hidden":"true"}))):null);return i(s,{class:"kol-pagination"},i("nav",{class:"kol-pagination__navigation","aria-label":this.state._label},i("ul",{class:"kol-pagination__navigation-list"},this.state._hasButtons.first&&i("li",null,i(u,{class:"kol-pagination__button kol-pagination__button--first",exportparts:"icon",_customClass:this.state._customClass,_disabled:this.state._page<=1,_icons:y,_hideLabel:!0,_label:this.translatePageFirst,_on:this.onGoToFirst,_tooltipAlign:this.state._tooltipAlign})),this.state._hasButtons.previous&&i("li",null,i(u,{class:"kol-pagination__button kol-pagination__button--previous",exportparts:"icon",_customClass:this.state._customClass,_disabled:this.state._page<=1,_icons:C,_hideLabel:!0,_label:this.translatePageBack,_on:this.onGoBackward,_tooltipAlign:this.state._tooltipAlign})),o,this.state._hasButtons.next&&i("li",null,i(u,{class:"kol-pagination__button kol-pagination__button--next",exportparts:"icon",_customClass:this.state._customClass,_disabled:e<=this.state._page,_icons:S,_hideLabel:!0,_label:this.translatePageNext,_on:this.onGoForward,_tooltipAlign:this.state._tooltipAlign})),this.state._hasButtons.last&&i("li",null,i(u,{class:"kol-pagination__button kol-pagination__button--last",exportparts:"icon",_customClass:this.state._customClass,_disabled:e<=this.state._page,_icons:z,_hideLabel:!0,_label:this.translatePageLast,_on:this.onGoToEnd,_tooltipAlign:this.state._tooltipAlign})))),(null===(t=this.state._pageSizeOptions)||void 0===t?void 0:t.length)>0&&i(p,{class:"kol-pagination__page-size-select",_hideLabel:!0,_id:`pagination-size-${this.nonce}`,_label:this.translateEntriesPerSite,_options:this.state._pageSizeOptions,_on:{onChange:this.onChangePageSize},_value:this.state._pageSize}))}getUnselectedPageButton(t){const a=B.format(t),s=`${this.translatePage} ${a}`;return i("li",{key:d()},i(u,{class:"kol-pagination__button",_ariaDescription:s,_customClass:this.state._customClass,_label:a,_on:{onClick:a=>{this.onClick(a,t)}}}))}getSelectedPageButton(t){const a=B.format(t),s=`${this.translatePage} ${a}`;return i("li",{key:d()},i(u,{"aria-current":"page",class:"kol-pagination__button kol-pagination__button--selected selected",_ariaDescription:s,_customClass:this.state._customClass,_disabled:!0,_label:a}))}validateBoundaryCount(t){e(this,"_boundaryCount",Math.max(0,null!=t?t:1))}validateCustomClass(t){r(this,t)}validateLabel(t,a,s=!1){s||m(this.state._label),c(this,t),v(this.state._label)}validateHasButtons(t){n(this,"_hasButtons",t=>"boolean"==typeof t||"string"==typeof t||"object"==typeof t&&null!==t,new Set(["Boolean","PaginationHasButton"]),t,{hooks:{beforePatch:(t,a)=>{if("boolean"==typeof t)a.set("_hasButtons",{first:t,last:t,next:t,previous:t});else{if("string"==typeof t)try{t=h(t)}catch(t){a.delete("_hasButtons")}"object"==typeof t&&null!==t&&a.set("_hasButtons",Object.assign(Object.assign({},this.state._hasButtons),{first:"boolean"==typeof t.first?!0===t.first:this.state._hasButtons.first,last:"boolean"==typeof t.last?!0===t.last:this.state._hasButtons.last,next:"boolean"==typeof t.next?!0===t.next:this.state._hasButtons.next,previous:"boolean"==typeof t.previous?!0===t.previous:this.state._hasButtons.previous}))}}}})}validateOn(t){"object"==typeof t&&null!==t&&(this.state=Object.assign(Object.assign({},this.state),{_on:t}))}validatePage(t){e(this,"_page",t,{hooks:{beforePatch:(t,a)=>{const s=a.has("_pageSize")?a.get("_pageSize"):this.state._pageSize,i=a.has("_max")?a.get("_max"):this.state._max;this.syncPage(a,t,s,i)}}})}validatePageSize(t){e(this,"_pageSize",t,{hooks:{beforePatch:this.beforePageSize}})}validatePageSizeOptions(t){l(this,"_pageSizeOptions",t=>"number"==typeof t,t,void 0,{hooks:{beforePatch:this.beforePageSizeOptions}})}validateSiblingCount(t){e(this,"_siblingCount",Math.max(0,null!=t?t:1))}validateMax(t){k(this,t,{hooks:{beforePatch:(t,a)=>{const s=a.has("_page")?a.get("_page"):this.state._page,i=a.has("_pageSize")?a.get("_pageSize"):this.state._pageSize;this.syncPage(a,s,i,t)}}})}validateTooltipAlign(t){_(this,t)}componentWillLoad(){this.validateBoundaryCount(this._boundaryCount),this.validateCustomClass(this._customClass),this.validateHasButtons(this._hasButtons),this.validateLabel(this._label,void 0,!0),this.validateOn(this._on),this.validatePage(this._page),this.validatePageSize(this._pageSize),this.validatePageSizeOptions(this._pageSizeOptions),this.validateSiblingCount(this._siblingCount),this.validateTooltipAlign(this._tooltipAlign),this.validateMax(this._max),this.validatePage(this._page)}disconnectedCallback(){m(this.state._label)}get host(){return o(this)}static get watchers(){return{_boundaryCount:["validateBoundaryCount"],_customClass:["validateCustomClass"],_label:["validateLabel"],_hasButtons:["validateHasButtons"],_on:["validateOn"],_page:["validatePage"],_pageSize:["validatePageSize"],_pageSizeOptions:["validatePageSizeOptions"],_siblingCount:["validateSiblingCount"],_max:["validateMax"],_tooltipAlign:["validateTooltipAlign"]}}};export{O as kol_pagination_wc};