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

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

@@ -1 +1 @@
-{"version":3,"names":["ariaCurrentValuePropTypeOptions","validateAriaCurrentValue","component","value","watchValidator","includes","Set","join","defaultValue","validateAriaOwns","watchString","undefined","validateDownload","validateLinkCallbacks","onClick","state","Object","assign","_on","validateLinkTarget","KolLinkWc","this","internalDescriptionById","nonce","catchRef","ref","anchorRef","event","_disabled","preventDefaultAndStopPropagation","_a","preventDefault","stopPropagation","setEventTarget","_b","_href","getRenderValues","isExternal","_target","tagAttrs","href","length","target","rel","download","_download","_hideLabel","_label","devHint","_ariaCurrentValue","_icons","kolFocus","focus","render","hasExpertSlot","showExpertSlot","hasAriaDescription","Boolean","_ariaDescription","trim","h","Host","key","class","accessKey","_accessKey","_ariaCurrent","_ariaExpanded","String","_ariaOwns","translate","disabled","onKeyPress","role","_role","tabIndex","_tabIndex","KolSpanFc","badgeText","_shortKey","icons","hideLabel","label","name","slot","KolIconTag","KolTooltipWcTag","hidden","_badgeText","_align","_tooltipAlign","id","validateAccessKey","validateAccessAndShortKey","validateAriaDescription","validateAriaExpanded","validateDisabled","validateHideLabel","validateHref","required","validateIcons","validateLabel","validateLabelWithExpertSlot","validateOn","validateRole","validateAlternativeButtonLinkRole","validateShortKey","validateTabIndex","validateTarget","validateTooltipAlign","componentWillLoad","unsubscribeOnLocationChange","onLocationChange","location","disconnectedCallback"],"sources":["src/schema/props/aria-current-value.ts","src/schema/props/aria-owns.ts","src/schema/props/download.ts","src/schema/props/link-on-callbacks.ts","src/schema/props/link-target.ts","src/components/link/component.tsx"],"sourcesContent":["/* types */\nimport type { Generic } from 'adopted-style-sheets';\nimport { watchValidator } from '../utils';\n\n/**\n * Defines the value for the aria-current attribute.\n * @see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current\n * @see https://www.aditus.io/aria/aria-current/\n */\nconst ariaCurrentValuePropTypeOptions = ['date', 'location', 'page', 'step', 'time', 'true', 'false'] as const;\nexport type AriaCurrentValuePropType = (typeof ariaCurrentValuePropTypeOptions)[number];\n\nexport type PropAriaCurrentValue = {\n\tariaCurrentValue: AriaCurrentValuePropType;\n};\n\n/* validator */\nexport const validateAriaCurrentValue = (component: Generic.Element.Component, value?: AriaCurrentValuePropType): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t`_ariaCurrentValue`,\n\t\t(value) => typeof value === 'string' && ariaCurrentValuePropTypeOptions.includes(value),\n\t\tnew Set([`AriaCurrentValue {${ariaCurrentValuePropTypeOptions.join(', ')}`]),\n\t\tvalue,\n\t\t{\n\t\t\tdefaultValue: 'page',\n\t\t},\n\t);\n};\n","/* types */\nimport type { Generic } from 'adopted-style-sheets';\nimport { watchString } from '../utils';\n\n/**\n * Defines the contextual relationship between a parent and its child elements.\n * @see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-owns\n */\nexport type AriaOwnsPropType = string;\n\nexport type PropAriaOwns = {\n\tariaOwns: AriaOwnsPropType;\n};\n\n/* validator */\nexport const validateAriaOwns = (component: Generic.Element.Component, value?: AriaOwnsPropType): void => {\n\twatchString(component, '_ariaOwns', value, {\n\t\tdefaultValue: undefined,\n\t});\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchString } from '../utils';\n\n/* types */\n\nexport type DownloadPropType = string;\n\n/**\n * Tells the browser that the link contains a file. Optionally sets the filename.\n */\nexport type PropDownload = {\n\tdownload?: DownloadPropType;\n};\n\n/* validator */\nexport const validateDownload = (component: Generic.Element.Component, value?: DownloadPropType): void => {\n\twatchString(component, '_download', value);\n};\n","import type { Generic } from 'adopted-style-sheets';\nimport type { Events } from '../enums';\nimport type { EventValueOrEventCallback } from '../types/callbacks';\n\n/* types */\nexport type LinkOnCallbacksPropType = {\n\t[Events.onClick]?: EventValueOrEventCallback<Event, string>;\n};\n\n/**\n * Defines the callback functions for links.\n */\nexport type PropLinkOnCallbacks = {\n\ton: LinkOnCallbacksPropType;\n};\n\n/* validator */\nexport const validateLinkCallbacks = (component: Generic.Element.Component, value?: LinkOnCallbacksPropType): void => {\n\tif (typeof value === 'object' && typeof value?.onClick === 'function') {\n\t\tcomponent.state = {\n\t\t\t...component.state,\n\t\t\t_on: value,\n\t\t};\n\t}\n};\n","/* types */\n\n// https://www.w3schools.com/tags/att_a_target.asp\nimport type { Generic } from 'adopted-style-sheets';\nimport { watchString } from '../utils';\n\nexport type LinkTargetPropType = '_blank' | '_parent' | '_self' | '_top' | string;\n\n/**\n * Defines where to open the link.\n */\nexport type PropLinkTarget = {\n\ttarget: LinkTargetPropType;\n};\n\n/* validator */\nexport const validateLinkTarget = (component: Generic.Element.Component, value?: LinkTargetPropType): void => {\n\twatchString(component, '_target', value);\n};\n","import type {\n\tAccessKeyPropType,\n\tAlternativeButtonLinkRolePropType,\n\tAriaCurrentValuePropType,\n\tAriaDescriptionPropType,\n\tAriaExpandedPropType,\n\tAriaOwnsPropType,\n\tDisabledPropType,\n\tDownloadPropType,\n\tFocusableElement,\n\tHrefPropType,\n\tKoliBriIconsProp,\n\tLabelWithExpertSlotPropType,\n\tLinkAPI,\n\tLinkOnCallbacksPropType,\n\tLinkStates,\n\tLinkTargetPropType,\n\tShortKeyPropType,\n\tStringified,\n\tTooltipAlignPropType,\n} from '../../schema';\nimport {\n\tdevHint,\n\tsetEventTarget,\n\tshowExpertSlot,\n\tvalidateAccessKey,\n\tvalidateAlternativeButtonLinkRole,\n\tvalidateAriaCurrentValue,\n\tvalidateAriaDescription,\n\tvalidateAriaExpanded,\n\tvalidateAriaOwns,\n\tvalidateDisabled,\n\tvalidateDownload,\n\tvalidateHideLabel,\n\tvalidateHref,\n\tvalidateIcons,\n\tvalidateLabelWithExpertSlot,\n\tvalidateLinkCallbacks,\n\tvalidateLinkTarget,\n\tvalidateShortKey,\n\tvalidateTabIndex,\n\tvalidateTooltipAlign,\n} from '../../schema';\nimport type { JSX } from '@stencil/core';\nimport { Component, h, Host, Method, Prop, State, Watch } from '@stencil/core';\nimport type { UnsubscribeFunction } from './ariaCurrentService';\nimport { onLocationChange } from './ariaCurrentService';\nimport { preventDefaultAndStopPropagation } from '../../utils/events';\nimport { nonce } from '../../utils/dev.utils';\nimport { KolIconTag, KolTooltipWcTag } from '../../core/component-names';\n\nimport { translate } from '../../i18n';\nimport { validateAccessAndShortKey } from '../../schema/validators/access-and-short-key';\nimport { KolSpanFc } from '../../functional-components';\n\n/**\n * @internal\n */\n@Component({\n\ttag: 'kol-link-wc',\n\tshadow: false,\n})\nexport class KolLinkWc implements LinkAPI, FocusableElement {\n\tprivate anchorRef?: HTMLAnchorElement;\n\tprivate unsubscribeOnLocationChange?: UnsubscribeFunction;\n\n\tprivate readonly internalDescriptionById = nonce();\n\n\tprivate readonly catchRef = (ref?: HTMLAnchorElement) => {\n\t\tthis.anchorRef = ref;\n\t};\n\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async kolFocus() {\n\t\tthis.anchorRef?.focus();\n\t}\n\n\tprivate readonly onClick = (event: Event) => {\n\t\tif (this.state._disabled === true) {\n\t\t\tpreventDefaultAndStopPropagation(event);\n\t\t} else if (typeof this.state._on?.onClick === 'function') {\n\t\t\tevent.preventDefault();\n\t\t\tevent.stopPropagation();\n\t\t\tsetEventTarget(event, this.anchorRef);\n\t\t\tthis.state._on?.onClick(event, this.state._href);\n\t\t}\n\t};\n\n\tprivate readonly getRenderValues = () => {\n\t\t/**\n\t\t * DX\n\t\t * Das möchte ich ungern für HTML machen, sondern nur für Barrierefreiheitsthemen.\n\t\t */\n\t\t// if (typeof this.state._href === 'string' && this.state._href.length > 0) {\n\t\t//   console.error('Setz den URL.');\n\t\t//   throw new Error('Setz den URL.');\n\t\t// }\n\n\t\t// switch (this.state._target) {\n\t\t//   case '_blank':\n\t\t//   case '_self':\n\t\t//     break;\n\t\t//   default:\n\t\t//     console.error('Fehlerhaftes Target.');\n\t\t//     throw new Error('Fehlerhaftes Target.');\n\t\t// }\n\n\t\t// ROBUSTHEIT durch Validierung\n\t\tconst isExternal = typeof this.state._target === 'string' && this.state._target !== '_self';\n\n\t\tconst tagAttrs = {\n\t\t\thref: typeof this.state._href === 'string' && this.state._href.length > 0 ? this.state._href : 'javascript:void(0);',\n\t\t\ttarget: typeof this.state._target === 'string' && this.state._target.length > 0 ? this.state._target : undefined,\n\t\t\trel: isExternal ? 'noopener' : undefined,\n\t\t\tdownload: typeof this.state._download === 'string' ? this.state._download : undefined,\n\t\t};\n\n\t\tif (this.state._hideLabel === true && !this.state._label) {\n\t\t\tdevHint(`[KolLink] An aria-label must be set when _hide-label is set.`);\n\t\t}\n\t\treturn { isExternal, tagAttrs };\n\t};\n\n\tpublic render(): JSX.Element {\n\t\tconst { isExternal, tagAttrs } = this.getRenderValues();\n\t\tconst hasExpertSlot = showExpertSlot(this.state._label);\n\t\tconst hasAriaDescription = Boolean(this.state._ariaDescription?.trim()?.length);\n\n\t\treturn (\n\t\t\t<Host class=\"kol-link-wc\">\n\t\t\t\t<a\n\t\t\t\t\tref={this.catchRef}\n\t\t\t\t\t{...tagAttrs}\n\t\t\t\t\taccessKey={this.state._accessKey}\n\t\t\t\t\taria-current={this.state._ariaCurrent}\n\t\t\t\t\taria-describedby={hasAriaDescription ? this.internalDescriptionById : undefined}\n\t\t\t\t\taria-disabled={this.state._disabled ? 'true' : undefined}\n\t\t\t\t\taria-expanded={typeof this.state._ariaExpanded === 'boolean' ? String(this.state._ariaExpanded) : undefined}\n\t\t\t\t\taria-owns={this.state._ariaOwns}\n\t\t\t\t\taria-label={\n\t\t\t\t\t\tthis.state._hideLabel && typeof this.state._label === 'string'\n\t\t\t\t\t\t\t? `${this.state._label}${isExternal ? ` (${translate('kol-open-link-in-tab')})` : ''}`\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tclass={{\n\t\t\t\t\t\tdisabled: this.state._disabled === true,\n\t\t\t\t\t\t'external-link': isExternal,\n\t\t\t\t\t\t'hide-label': this.state._hideLabel === true,\n\t\t\t\t\t}}\n\t\t\t\t\t{...this.state._on}\n\t\t\t\t\t// https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/main/docs/rules/click-events-have-key-events.md\n\t\t\t\t\tonClick={this.onClick}\n\t\t\t\t\tonKeyPress={this.onClick}\n\t\t\t\t\trole={this.state._role}\n\t\t\t\t\ttabIndex={this.state._disabled ? -1 : this.state._tabIndex}\n\t\t\t\t>\n\t\t\t\t\t<KolSpanFc\n\t\t\t\t\t\tbadgeText={this.state._accessKey || this.state._shortKey}\n\t\t\t\t\t\ticons={this.state._icons}\n\t\t\t\t\t\thideLabel={this.state._hideLabel}\n\t\t\t\t\t\tlabel={hasExpertSlot ? '' : this.state._label || this.state._href}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot name=\"expert\" slot=\"expert\"></slot>\n\t\t\t\t\t</KolSpanFc>\n\t\t\t\t\t{isExternal && (\n\t\t\t\t\t\t<KolIconTag\n\t\t\t\t\t\t\tclass=\"external-link-icon\"\n\t\t\t\t\t\t\t_label={this.state._hideLabel ? '' : translate('kol-open-link-in-tab')}\n\t\t\t\t\t\t\t_icons={'codicon codicon-link-external'}\n\t\t\t\t\t\t\taria-hidden={this.state._hideLabel}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</a>\n\t\t\t\t<KolTooltipWcTag\n\t\t\t\t\t/**\n\t\t\t\t\t * Dieses Aria-Hidden verhindert das doppelte Vorlesen des Labels,\n\t\t\t\t\t * verhindert aber nicht das Aria-Labelledby vorgelesen wird.\n\t\t\t\t\t */\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\thidden={hasExpertSlot || !this.state._hideLabel}\n\t\t\t\t\t_badgeText={this.state._accessKey || this.state._shortKey}\n\t\t\t\t\t_align={this.state._tooltipAlign}\n\t\t\t\t\t_label={this.state._label || this.state._href}\n\t\t\t\t></KolTooltipWcTag>\n\t\t\t\t{hasAriaDescription && (\n\t\t\t\t\t<span class=\"visually-hidden\" id={this.internalDescriptionById}>\n\t\t\t\t\t\t{this.state._ariaDescription}\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the elements access key.\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 the value for the aria-description attribute.\n\t */\n\t@Prop() public _ariaDescription?: AriaDescriptionPropType;\n\n\t/**\n\t * Marks this element as open/expanded, or that the connected element (aria-controls/aria-owns) is open/expanded.\n\t * @TODO: Change type to `AriaExpandedPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _ariaExpanded?: boolean;\n\n\t/**\n\t * Defines the contextual relationship between a parent and its child elements.\n\t */\n\t@Prop() public _ariaOwns?: AriaOwnsPropType;\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 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@Prop() public _role?: AlternativeButtonLinkRolePropType;\n\n\t/**\n\t * Adds a visual short key hint to the component.\n\t */\n\t@Prop() public _shortKey?: ShortKeyPropType;\n\n\t/**\n\t * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\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\t@State() public state: LinkStates = {\n\t\t_ariaCurrentValue: 'page',\n\t\t_href: '', // ⚠ required\n\t\t_icons: {},\n\t};\n\n\t@Watch('_accessKey')\n\tpublic validateAccessKey(value?: AccessKeyPropType): void {\n\t\tvalidateAccessKey(this, value);\n\t\tvalidateAccessAndShortKey(value, this._shortKey);\n\t}\n\n\t@Watch('_ariaCurrentValue')\n\tpublic validateAriaCurrentValue(value?: AriaCurrentValuePropType): void {\n\t\tvalidateAriaCurrentValue(this, value);\n\t}\n\n\t@Watch('_ariaDescription')\n\tpublic validateAriaDescription(value?: AriaDescriptionPropType): void {\n\t\tvalidateAriaDescription(this, value);\n\t}\n\n\t@Watch('_ariaExpanded')\n\tpublic validateAriaExpanded(value?: AriaExpandedPropType): void {\n\t\tvalidateAriaExpanded(this, value);\n\t}\n\n\t@Watch('_ariaOwns')\n\tpublic validateAriaOwns(value?: AriaOwnsPropType): void {\n\t\tvalidateAriaOwns(this, value);\n\t}\n\n\t@Watch('_disabled')\n\tpublic validateDisabled(value?: DisabledPropType): void {\n\t\tvalidateDisabled(this, value);\n\t}\n\n\t@Watch('_download')\n\tpublic validateDownload(value?: DownloadPropType): void {\n\t\tvalidateDownload(this, value);\n\t}\n\n\t@Watch('_hideLabel')\n\tpublic validateHideLabel(value?: boolean): void {\n\t\tvalidateHideLabel(this, value);\n\t}\n\n\t@Watch('_href')\n\tpublic validateHref(value?: string): void {\n\t\tvalidateHref(this, value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\t@Watch('_icons')\n\tpublic validateIcons(value?: KoliBriIconsProp): void {\n\t\tvalidateIcons(this, value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tvalidateLabelWithExpertSlot(this, value);\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(value?: LinkOnCallbacksPropType): void {\n\t\tvalidateLinkCallbacks(this, value);\n\t}\n\n\t@Watch('_role')\n\tpublic validateRole(value?: AlternativeButtonLinkRolePropType): void {\n\t\tvalidateAlternativeButtonLinkRole(this, value);\n\t}\n\n\t@Watch('_shortKey')\n\tpublic validateShortKey(value?: ShortKeyPropType): void {\n\t\tvalidateShortKey(this, value);\n\t\tvalidateAccessAndShortKey(this._accessKey, value);\n\t}\n\n\t@Watch('_tabIndex')\n\tpublic validateTabIndex(value?: number): void {\n\t\tvalidateTabIndex(this, value);\n\t}\n\n\t@Watch('_target')\n\tpublic validateTarget(value?: LinkTargetPropType): void {\n\t\tvalidateLinkTarget(this, value);\n\t}\n\n\t@Watch('_tooltipAlign')\n\tpublic validateTooltipAlign(value?: TooltipAlignPropType): void {\n\t\tvalidateTooltipAlign(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateAccessKey(this._accessKey);\n\t\tthis.validateAriaCurrentValue(this._ariaCurrentValue);\n\t\tthis.validateAriaDescription(this._ariaDescription);\n\t\tthis.validateAriaExpanded(this._ariaExpanded);\n\t\tthis.validateAriaOwns(this._ariaOwns);\n\t\tthis.validateDisabled(this._disabled);\n\t\tthis.validateDownload(this._download);\n\t\tthis.validateHideLabel(this._hideLabel);\n\t\tthis.validateHref(this._href);\n\t\tthis.validateIcons(this._icons);\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateOn(this._on);\n\t\tthis.validateRole(this._role);\n\t\tthis.validateShortKey(this._shortKey);\n\t\tthis.validateTabIndex(this._tabIndex);\n\t\tthis.validateTarget(this._target);\n\t\tthis.validateTooltipAlign(this._tooltipAlign);\n\t\tthis.unsubscribeOnLocationChange = onLocationChange((location) => {\n\t\t\tthis.state._ariaCurrent = location === this.state._href ? this.state._ariaCurrentValue : undefined;\n\t\t});\n\t\tvalidateAccessAndShortKey(this._accessKey, this._shortKey);\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tif (this.unsubscribeOnLocationChange) {\n\t\t\tthis.unsubscribeOnLocationChange();\n\t\t}\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","Host","getElement","watchValidator","watchString","setEventTarget","devHint","validateAccessKey","validateAccessAndShortKey","validateShortKey","validateTabIndex","showExpertSlot","validateAriaControls","validateAriaDescription","validateAriaExpanded","validateLinkVariant","validateAlternativeButtonLinkRole","validateButtonVariant","validateCustomClass","validateDisabled","validateHideLabel","validateHref","validateIcons","validateLabelWithExpertSlot","validateTooltipAlign","onLocationChange","dispatchDomEvent","KolEvent","KolTooltipWcTag","KolIconTag","translate","clsx","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","event","_a","_b","_disabled","preventDefault","_href","host","click","getRenderValues","isExternal","_target","tagAttrs","href","length","target","rel","download","_download","_hideLabel","_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":[]}

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

@@ -0,0 +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 {\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';\nimport type { JSX } from '@stencil/core';\nimport { Component, h, Method, Prop } from '@stencil/core';\nimport { KolLinkWcTag } from '../../core/component-names';\n\n@Component({\n\ttag: 'kol-link',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: {\n\t\tdelegatesFocus: true,\n\t},\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,kwNAAkwN;;MC+B7wN,OAAO,GAAA,MAAA;AATpB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAYkB,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;;;;;;;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["defaultStyleCss","KolLinkDefaultStyle0","KolLink","this","catchRef","ref","linkWcRef","focus","kolFocus","_a","render","h","Host","key","class","KolLinkWcTag","_accessKey","_ariaCurrentValue","_ariaDescription","_disabled","_download","_hideLabel","_href","_icons","_label","_on","_role","_shortKey","_tabIndex","_target","_tooltipAlign","name","slot"],"sources":["src/components/link/style.scss?tag=kol-link&mode=default&encapsulation=shadow","src/components/link/shadow.tsx"],"sourcesContent":["@import '../@shared/mixins';\n@import '../style';\n@import '../link';\n","import 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\tShortKeyPropType,\n\tStringified,\n\tTooltipAlignPropType,\n} from '../../schema';\nimport type { JSX } from '@stencil/core';\nimport { Component, h, Host, Method, Prop } from '@stencil/core';\nimport { KolLinkWcTag } from '../../core/component-names';\n\n@Component({\n\ttag: 'kol-link',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: {\n\t\tdelegatesFocus: true,\n\t},\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 * @deprecated Use kolFocus instead.\n\t */\n\t@Method()\n\tpublic async focus() {\n\t\tawait this.kolFocus();\n\t}\n\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<Host class=\"kol-link\">\n\t\t\t\t<KolLinkWcTag\n\t\t\t\t\tref={this.catchRef}\n\t\t\t\t\t_accessKey={this._accessKey}\n\t\t\t\t\t_ariaCurrentValue={this._ariaCurrentValue}\n\t\t\t\t\t_ariaDescription={this._ariaDescription}\n\t\t\t\t\t_disabled={this._disabled}\n\t\t\t\t\t_download={this._download}\n\t\t\t\t\t_hideLabel={this._hideLabel}\n\t\t\t\t\t_href={this._href}\n\t\t\t\t\t_icons={this._icons}\n\t\t\t\t\t_label={this._label}\n\t\t\t\t\t_on={this._on}\n\t\t\t\t\t_role={this._role}\n\t\t\t\t\t_shortKey={this._shortKey}\n\t\t\t\t\t_tabIndex={this._tabIndex}\n\t\t\t\t\t_target={this._target}\n\t\t\t\t\t_tooltipAlign={this._tooltipAlign}\n\t\t\t\t>\n\t\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\t<slot name=\"expert\" slot=\"expert\"></slot>\n\t\t\t\t</KolLinkWcTag>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the elements access key.\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 the value for the aria-description attribute.\n\t */\n\t@Prop() public _ariaDescription?: AriaDescriptionPropType;\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 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@Prop() public _role?: AlternativeButtonLinkRolePropType;\n\n\t/**\n\t * Defines the elements access key.\n\t */\n\t@Prop() public _shortKey?: ShortKeyPropType;\n\n\t/**\n\t * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\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"],"mappings":";;;wGAAA,MAAMA,EAAkB,40MACxB,MAAAC,EAAeD,E,MC6BFE,EAAO,M,yBAGFC,KAAAC,SAAYC,IAC5BF,KAAKG,UAAYD,CAAG,E,0GAiEgB,M,yCAYC,M,qMA6CgB,O,CAnH/C,WAAME,SACNJ,KAAKK,U,CAIL,cAAMA,G,aACNC,EAAAN,KAAKG,aAAS,MAAAG,SAAA,SAAAA,EAAED,W,CAGhB,MAAAE,GACN,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,YACXH,EAACI,EAAY,CAAAF,IAAA,2CACZR,IAAKF,KAAKC,SACVY,WAAYb,KAAKa,WACjBC,kBAAmBd,KAAKc,kBACxBC,iBAAkBf,KAAKe,iBACvBC,UAAWhB,KAAKgB,UAChBC,UAAWjB,KAAKiB,UAChBC,WAAYlB,KAAKkB,WACjBC,MAAOnB,KAAKmB,MACZC,OAAQpB,KAAKoB,OACbC,OAAQrB,KAAKqB,OACbC,IAAKtB,KAAKsB,IACVC,MAAOvB,KAAKuB,MACZC,UAAWxB,KAAKwB,UAChBC,UAAWzB,KAAKyB,UAChBC,QAAS1B,KAAK0B,QACdC,cAAe3B,KAAK2B,eAMpBnB,EAAA,QAAAE,IAAA,2CAAMkB,KAAK,SAASC,KAAK,Y","ignoreList":[]}
+{"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","delegatesFocus","style","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,MAAS,kCAC3BC,MAAoB,sCAC3B,uBAEP,MAAMC,EAAkB,mwNAExB,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,CACA,yBAAWC,GAAmB,OAAO,IAAM,GAE/C9B,EAAQ+B,MAAQ,CACZC,QAASjC,UAGJC","ignoreList":[]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"kol-modal.entry.esm.js","sources":["src/schema/props/width.ts","src/schema/props/variant/modal.ts","src/components/modal/style.scss?tag=kol-modal&mode=default&encapsulation=shadow","src/components/modal/shadow.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\nimport type { WatchStringOptions } from '../utils';\nimport { watchString } from '../utils';\n\n/* types */\nexport type WidthPropType = string;\n\n/**\n * Defines the width of the component. (max-width: 100%)\n */\nexport interface PropWidth {\n\twidth: WidthPropType;\n}\n\n/* validator */\nexport const validateWidth = (component: Generic.Element.Component, value?: WidthPropType, options?: WatchStringOptions): void => {\n\twatchString(component, '_width', value, { defaultValue: '100%', ...options });\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchValidator } from '../../utils/prop.validators';\n\nconst ModalVariantPropTypeOptions = ['blank', 'card'] as const;\nexport type ModalVariantPropType = (typeof ModalVariantPropTypeOptions)[number];\n\n/**\n * Defines the different variants for displaying the Modal.\n */\nexport type PropModalVariant = {\n\tvariant: ModalVariantPropType;\n};\n\n/* validator */\nexport const validateModalVariant = (component: Generic.Element.Component, value?: ModalVariantPropType): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t'_variant',\n\t\t(value) => typeof value === 'string' && ModalVariantPropTypeOptions.includes(value),\n\t\tnew Set(ModalVariantPropTypeOptions),\n\t\tvalue,\n\t);\n};\n","@use '../../styles/global' as *;\n@use '../../styles/kol-card-mixin' as *;\n@use '../@shared/mixins' as *;\n@use '../tooltip/style.scss' as *;\n\n@include kol-card;\n\n@layer kol-component {\n\t.kol-modal {\n\t\tmin-height: var(--a11y-min-size);\n\t\tpadding: 0;\n\t\tborder: 0;\n\n\t\t&::backdrop {\n\t\t\tbackground-color: rgb(0, 0, 0, 0.1);\n\t\t}\n\n\t\t&__close-button {\n\t\t\tposition: absolute;\n\t\t\ttop: to-rem(1);\n\t\t\tright: to-rem(1);\n\t\t\tz-index: 1;\n\t\t}\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Method, Prop, State, Watch } from '@stencil/core';\nimport clsx from 'clsx';\nimport { KolCardWcTag } from '../../core/component-names';\nimport type { KoliBriModalEventCallbacks, LabelPropType, ModalAPI, ModalStates } from '../../schema';\nimport { setState, validateLabel, validateWidth } from '../../schema';\nimport type { ModalVariantPropType } from '../../schema/props/variant/modal';\nimport { validateModalVariant } from '../../schema/props/variant/modal';\nimport { dispatchDomEvent, KolEvent } from '../../utils/events';\nimport { handleCancelOverlay } from '../../utils/tooltip-open-tracking';\n\n/**\n * https://en.wikipedia.org/wiki/Modal_window\n *\n * @slot - The modal's contents.\n */\n@Component({\n\ttag: 'kol-modal',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolModal implements ModalAPI {\n\t@Element() private readonly host?: HTMLKolModalElement;\n\tprivate refDialog?: HTMLDialogElement;\n\n\tpublic disconnectedCallback(): void {\n\t\tvoid this.closeModal();\n\t}\n\n\tprivate handleNativeCloseEvent() {\n\t\tthis.state._on?.onClose?.();\n\t\tif (this.host) {\n\t\t\tdispatchDomEvent(this.host, KolEvent.close);\n\t\t}\n\t}\n\n\t/**\n\t * Opens the modal dialog.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tasync openModal() {\n\t\tthis.refDialog?.showModal();\n\t}\n\n\t/**\n\t * Closes the modal dialog.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async closeModal() {\n\t\t/* The optional chaining for the `close` method is not strictly necessary, but a simple/lazy workaround for HTMLDialog not being implemented in jsdom, causing Jest tests to fail. It may be removed in the future. */\n\t\tthis.refDialog?.close?.();\n\t}\n\n\tprivate readonly on = {\n\t\tonClose: async () => {\n\t\t\tawait this.closeModal();\n\t\t},\n\t};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<dialog\n\t\t\t\taria-label={this.state._label}\n\t\t\t\tclass={clsx('kol-modal', {\n\t\t\t\t\t'kol-modal__blank': this.state._variant === 'blank',\n\t\t\t\t\t'kol-modal__card': this.state._variant === 'card',\n\t\t\t\t})}\n\t\t\t\tonCancel={handleCancelOverlay}\n\t\t\t\tonClose={this.handleNativeCloseEvent.bind(this)}\n\t\t\t\tref={(el) => {\n\t\t\t\t\tthis.refDialog = el;\n\t\t\t\t}}\n\t\t\t\tstyle={{\n\t\t\t\t\twidth: this.state._width,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{this.state._variant === 'blank' && <slot />}\n\t\t\t\t{this.state._variant === 'card' && (\n\t\t\t\t\t<KolCardWcTag _label={this.state._label} _hasCloser _on={this.on}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</KolCardWcTag>\n\t\t\t\t)}\n\t\t\t</dialog>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label!: LabelPropType;\n\n\t/**\n\t * Defines the modal callback functions.\n\t */\n\t@Prop() public _on?: KoliBriModalEventCallbacks;\n\n\t/**\n\t * Defines the width of the modal. (max-width: 100%)\n\t */\n\t@Prop() public _width?: string = '100%';\n\n\t/**\n\t * Defines the variant of the modal.\n\t */\n\t@Prop() public _variant?: ModalVariantPropType = 'blank';\n\n\t@State() public state: ModalStates = {\n\t\t_label: '', // ⚠ required\n\t\t_width: '100%',\n\t};\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(value?: KoliBriModalEventCallbacks): void {\n\t\tif (typeof value === 'object' && value !== null) {\n\t\t\tconst callbacks: KoliBriModalEventCallbacks = {};\n\t\t\tif (typeof value.onClose === 'function' || value.onClose === true) {\n\t\t\t\tcallbacks.onClose = value.onClose;\n\t\t\t}\n\t\t\tsetState<KoliBriModalEventCallbacks>(this, '_on', callbacks);\n\t\t}\n\t}\n\n\t@Watch('_width')\n\tpublic validateWidth(value?: string): void {\n\t\tvalidateWidth(this, value);\n\t}\n\n\t@Watch('_variant')\n\tpublic validateVariant(value?: ModalVariantPropType): void {\n\t\tvalidateModalVariant(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateOn(this._on);\n\t\tthis.validateWidth(this._width);\n\t\tthis.validateVariant(this._variant);\n\t}\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAeO,MAAM,aAAa,GAAG,CAAC,SAAoC,EAAE,KAAqB,EAAE,OAA4B,KAAU;IAChI,WAAW,CAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAI,MAAA,CAAA,MAAA,CAAA,EAAA,YAAY,EAAE,MAAM,EAAK,EAAA,OAAO,EAAG;AAC9E,CAAC;;ACbD,MAAM,2BAA2B,GAAG,CAAC,OAAO,EAAE,MAAM,CAAU;AAWvD,MAAM,oBAAoB,GAAG,CAAC,SAAoC,EAAE,KAA4B,KAAU;AAChH,IAAA,cAAc,CACb,SAAS,EACT,UAAU,EACV,CAAC,KAAK,KAAK,OAAO,KAAK,KAAK,QAAQ,IAAI,2BAA2B,CAAC,QAAQ,CAAC,KAAK,CAAC,EACnF,IAAI,GAAG,CAAC,2BAA2B,CAAC,EACpC,KAAK,CACL;AACF,CAAC;;ACvBD,MAAM,eAAe,GAAG,msNAAmsN;;MCuB9sN,QAAQ,GAAA,MAAA;AAPrB,IAAA,WAAA,CAAA,OAAA,EAAA;;QAyCkB,IAAA,CAAA,EAAE,GAAG;YACrB,OAAO,EAAE,YAAW;AACnB,gBAAA,MAAM,IAAI,CAAC,UAAU,EAAE;aACvB;SACD;AA0Cc,QAAA,IAAM,CAAA,MAAA,GAAY,MAAM;AAKxB,QAAA,IAAQ,CAAA,QAAA,GAA0B,OAAO;QAExC,IAAA,CAAA,KAAK,GAAgB;AACpC,YAAA,MAAM,EAAE,EAAE;AACV,YAAA,MAAM,EAAE,MAAM;SACd;AAoCD;IA1HO,oBAAoB,GAAA;AAC1B,QAAA,KAAK,IAAI,CAAC,UAAU,EAAE;;IAGf,sBAAsB,GAAA;;QAC7B,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,KAAK,CAAC,GAAG,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,CAAI;AAC3B,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;YACd,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC;;;AAS7C,IAAA,MAAM,SAAS,GAAA;;QACd,CAAA,EAAA,GAAA,IAAI,CAAC,SAAS,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,SAAS,EAAE;;AAQrB,IAAA,MAAM,UAAU,GAAA;;QAEtB,CAAA,EAAA,GAAA,MAAA,IAAI,CAAC,SAAS,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,KAAK,kDAAI;;IASnB,MAAM,GAAA;QACZ,QACC,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,YAAA,EACa,IAAI,CAAC,KAAK,CAAC,MAAM,EAC7B,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE;AACxB,gBAAA,kBAAkB,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,OAAO;AACnD,gBAAA,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,MAAM;aACjD,CAAC,EACF,QAAQ,EAAE,mBAAmB,EAC7B,OAAO,EAAE,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,EAC/C,GAAG,EAAE,CAAC,EAAE,KAAI;AACX,gBAAA,IAAI,CAAC,SAAS,GAAG,EAAE;aACnB,EACD,KAAK,EAAE;AACN,gBAAA,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM;AACxB,aAAA,EAAA,EAEA,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,OAAO,IAAI,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EAC3C,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,MAAM,KAC9B,CAAC,CAAA,YAAY,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,UAAU,EAAA,IAAA,EAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAA,EAC/D,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACM,CACf,CACO;;AA8BJ,IAAA,aAAa,CAAC,KAAqB,EAAA;AACzC,QAAA,aAAa,CAAC,IAAI,EAAE,KAAK,EAAE;AAC1B,YAAA,QAAQ,EAAE,IAAI;AACd,SAAA,CAAC;;AAII,IAAA,UAAU,CAAC,KAAkC,EAAA;QACnD,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,EAAE;YAChD,MAAM,SAAS,GAA+B,EAAE;AAChD,YAAA,IAAI,OAAO,KAAK,CAAC,OAAO,KAAK,UAAU,IAAI,KAAK,CAAC,OAAO,KAAK,IAAI,EAAE;AAClE,gBAAA,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO;;AAElC,YAAA,QAAQ,CAA6B,IAAI,EAAE,KAAK,EAAE,SAAS,CAAC;;;AAKvD,IAAA,aAAa,CAAC,KAAc,EAAA;AAClC,QAAA,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC;;AAIpB,IAAA,eAAe,CAAC,KAA4B,EAAA;AAClD,QAAA,oBAAoB,CAAC,IAAI,EAAE,KAAK,CAAC;;IAG3B,iBAAiB,GAAA;AACvB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC;AAC/B,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC;AACzB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC;AAC/B,QAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC;;;;;;;;;;;;;;;;"}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e}from"./index-4c718166.js";import{w as t,s as i,i as o}from"./prop.validators-c5e6ad2d.js";import{v as a}from"./label-d70e7c34.js";import"./index-541b643a.js";import"./dev.utils-fab45cbc.js";const l="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     */\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without a background and font color whose contrast ratio has\n     * not been checked. By initially setting the background color to white and the font color\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    background-color: white;\n    color: black;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /*\n   * All interactive elements should have a minimum size of rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  [role=button],\n  button:not([role=link]),\n  .kol-input .input {\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n  }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: calc(1rem / var(--kolibri-root-font-size, 16));\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: calc(1rem / var(--kolibri-root-font-size, 16));\n}\n\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    border: none;\n    margin: 0;\n    padding: 0;\n    width: 100%; /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n  .kol-span-wc {\n    display: grid;\n    place-items: center;\n  }\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  .kol-span-wc > span {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  /* This is the text label. */\n  .hide-label > .kol-span-wc > span > span {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    cursor: not-allowed;\n    opacity: 0.5;\n    outline: none;\n  }\n  [aria-disabled=true]:focus .kol-span-wc,\n  [disabled]:focus .kol-span-wc {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-modal {\n    border: 0;\n    padding: 0;\n  }\n  .kol-modal::backdrop {\n    background-color: rgba(0, 0, 0, 0.33);\n  }\n}",s=l,r=class{constructor(e){n(this,e),this._activeElement=void 0,this._label=void 0,this._on=void 0,this._width="100%",this.state={_activeElement:null,_label:"",_width:"100%"}}componentDidRender(){var n;this.state._activeElement&&(null===(n=this.refDialog)||void 0===n||n.showModal())}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)}async openModal(){var n;null===(n=this.refDialog)||void 0===n||n.showModal()}async closeModal(){var n,e;this._activeElement=null,null===(e=null===(n=this.refDialog)||void 0===n?void 0:n.close)||void 0===e||e.call(n)}render(){return e("dialog",{key:"4cef730e03a2e80a6ec8e1a37948d0d462fb91af",class:"kol-modal",ref:n=>{this.refDialog=n},style:{width:this.state._width},"aria-label":this.state._label,onClose:this.handleNativeCloseEvent.bind(this)},e("div",{key:"39c323af489ba5ad6d3516614e95f72c568825b0"},e("slot",{key:"626ca78ef597fe5285b0b675c2ae632364a18d26"})))}validateActiveElement(n){t(this,"_activeElement",(n=>"object"==typeof n||null===n),new Set(["HTMLElement","null"]),n,{defaultValue:null,hooks:{afterPatch:()=>{this.state._activeElement?this.openModal():this.closeModal()}}})}validateLabel(n){a(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),i(this,"_on",e)}}validateWidth(n){o(this,"_width",n,{defaultValue:"100%"})}componentWillLoad(){this.validateActiveElement(this._activeElement),this.validateLabel(this._label),this.validateOn(this._on),this.validateWidth(this._width)}static get watchers(){return{_activeElement:["validateActiveElement"],_label:["validateLabel"],_on:["validateOn"],_width:["validateWidth"]}}};r.style={default:s};export{r as kol_modal};
+import{r as n,h as e,g as t}from"./index-Dina3aff.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}from"./common-8fBdMvJM.js";import{v as r}from"./label-CdtNxOKu.js";import{d,K as c}from"./events-CoPFQEiC.js";import{h}from"./tooltip-open-tracking-rBbBgPWP.js";const m=(n,e,t)=>{a(n,"_width",e,Object.assign({defaultValue:"100%"},t))},p=["blank","card"],f=(n,e)=>{l(n,"_variant",n=>"string"==typeof n&&p.includes(n),new Set(p),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  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: grid;\n    place-items: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  @keyframes fadeInOpacity {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\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    visibility: hidden;\n    animation-duration: 0.25s;\n    animation-iteration-count: 1;\n    animation-name: fadeInOpacity;\n    animation-timing-function: ease-in;\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}\n.kol-card {\n  /* Visible with forced colors  */\n  outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  position: relative;\n  height: 100%;\n}\n.kol-card__close-button {\n  position: absolute;\n  top: 0;\n  right: 0;\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:"c555250f95fd95ec53b1a377d07e6071c663ece3","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:"3817185676d437f8cce508b7e0f8cbcacf28dd9e"}),"card"===this.state._variant&&e(i,{key:"0f50757a5853159577d862f84ed3991cd1332ea8",_label:this.state._label,_hasCloser:!0,_on:this.on},e("slot",{key:"4a2427341dd963e593abc8cb38657a4677cc8936"})))}validateLabel(n){r(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),s(this,"_on",e)}}validateWidth(n){m(this,n)}validateVariant(n){f(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-modal.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["defaultStyleCss","KolModalDefaultStyle0","KolModal","_activeElement","_label","_width","componentDidRender","this","state","_a","refDialog","showModal","disconnectedCallback","closeModal","handleNativeCloseEvent","_b","_on","onClose","call","openModal","close","render","h","key","class","ref","el","style","width","bind","validateActiveElement","value","watchValidator","Set","defaultValue","hooks","afterPatch","validateLabel","required","validateOn","callbacks","setState","validateWidth","watchString","componentWillLoad"],"sources":["src/components/modal/style.scss?tag=kol-modal&mode=default&encapsulation=shadow","src/components/modal/shadow.tsx"],"sourcesContent":["@import '../@shared/mixins';\n@import '../style';\n\n@layer kol-component {\n\t:host {\n\t\tfont-size: rem(16);\n\t}\n\n\t.kol-modal {\n\t\tborder: 0;\n\t\tpadding: 0;\n\n\t\t&::backdrop {\n\t\t\tbackground-color: rgba(0, 0, 0, 0.33);\n\t\t}\n\t}\n}\n","import type { KoliBriModalEventCallbacks, LabelPropType, ModalAPI, ModalStates } from '../../schema';\nimport { setState, validateLabel, watchString, watchValidator } from '../../schema';\nimport type { JSX } from '@stencil/core';\nimport { Method } from '@stencil/core';\nimport { Component, h, Prop, State, Watch } from '@stencil/core';\n\n/**\n * https://en.wikipedia.org/wiki/Modal_window\n *\n * @slot - The modal's contents.\n */\n@Component({\n\ttag: 'kol-modal',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolModal implements ModalAPI {\n\tprivate refDialog?: HTMLDialogElement;\n\n\tpublic componentDidRender(): void {\n\t\tif (this.state._activeElement) {\n\t\t\tthis.refDialog?.showModal();\n\t\t}\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tvoid this.closeModal();\n\t}\n\n\tprivate handleNativeCloseEvent() {\n\t\tthis.state._on?.onClose?.();\n\t}\n\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tasync openModal() {\n\t\tthis.refDialog?.showModal();\n\t}\n\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async closeModal() {\n\t\tthis._activeElement = null;\n\n\t\t/* The optional chaining for the `close` method is not strictly necessary, but a simple/lazy workaround for HTMLDialog not being implemented in jsdom, causing Jest tests to fail. It may be removed in the future. */\n\t\tthis.refDialog?.close?.();\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<dialog\n\t\t\t\tclass=\"kol-modal\"\n\t\t\t\tref={(el) => {\n\t\t\t\t\tthis.refDialog = el;\n\t\t\t\t}}\n\t\t\t\tstyle={{\n\t\t\t\t\twidth: this.state._width,\n\t\t\t\t}}\n\t\t\t\taria-label={this.state._label}\n\t\t\t\tonClose={this.handleNativeCloseEvent.bind(this)}\n\t\t\t>\n\t\t\t\t{/* It's necessary to have a block element container for cross-browser compatibility. The display property for the slot content is unknown and could be inline. */}\n\t\t\t\t<div>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</dialog>\n\t\t);\n\t}\n\n\t/**\n\t * Legacy property - while set to an HTMLElement, the modal is open.\n\t * @deprecated Use methode `openModal` and `closeModal` instead.\n\t */\n\t@Prop({ mutable: true }) public _activeElement?: HTMLElement | null;\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 modal callback functions.\n\t */\n\t@Prop() public _on?: KoliBriModalEventCallbacks;\n\n\t/**\n\t * Defines the width of the modal. (max-width: 100%)\n\t */\n\t@Prop() public _width?: string = '100%';\n\n\t@State() public state: ModalStates = {\n\t\t_activeElement: null,\n\t\t_label: '', // ⚠ required\n\t\t_width: '100%',\n\t};\n\n\t@Watch('_activeElement')\n\tpublic validateActiveElement(value?: HTMLElement | null): void {\n\t\twatchValidator(this, '_activeElement', (value): boolean => typeof value === 'object' || value === null, new Set(['HTMLElement', 'null']), value, {\n\t\t\tdefaultValue: null,\n\t\t\thooks: {\n\t\t\t\tafterPatch: () => {\n\t\t\t\t\tif (this.state._activeElement) {\n\t\t\t\t\t\tvoid this.openModal();\n\t\t\t\t\t} else {\n\t\t\t\t\t\tvoid this.closeModal();\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t},\n\t\t});\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(value?: KoliBriModalEventCallbacks): void {\n\t\tif (typeof value === 'object' && value !== null) {\n\t\t\tconst callbacks: KoliBriModalEventCallbacks = {};\n\t\t\tif (typeof value.onClose === 'function' || value.onClose === true) {\n\t\t\t\tcallbacks.onClose = value.onClose;\n\t\t\t}\n\t\t\tsetState<KoliBriModalEventCallbacks>(this, '_on', callbacks);\n\t\t}\n\t}\n\n\t@Watch('_width')\n\tpublic validateWidth(value?: string): void {\n\t\twatchString(this, '_width', value, {\n\t\t\tdefaultValue: '100%',\n\t\t});\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateActiveElement(this._activeElement);\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateOn(this._on);\n\t\tthis.validateWidth(this._width);\n\t}\n}\n"],"mappings":";;;mNAAA,MAAMA,EAAkB,i1IACxB,MAAAC,EAAeD,E,MCiBFE,EAAQ,M,4GAwEa,O,WAEI,CACpCC,eAAgB,KAChBC,OAAQ,GACRC,OAAQ,O,CA1EF,kBAAAC,G,MACN,GAAIC,KAAKC,MAAML,eAAgB,EAC9BM,EAAAF,KAAKG,aAAS,MAAAD,SAAA,SAAAA,EAAEE,W,EAIX,oBAAAC,QACDL,KAAKM,Y,CAGH,sBAAAC,G,SACPC,GAAAN,EAAAF,KAAKC,MAAMQ,OAAG,MAAAP,SAAA,SAAAA,EAAEQ,WAAO,MAAAF,SAAA,SAAAA,EAAAG,KAAAT,E,CAKxB,eAAMU,G,OACLV,EAAAF,KAAKG,aAAS,MAAAD,SAAA,SAAAA,EAAEE,W,CAKV,gBAAME,G,QACZN,KAAKJ,eAAiB,MAGtBY,GAAAN,EAAAF,KAAKG,aAAS,MAAAD,SAAA,SAAAA,EAAEW,SAAK,MAAAL,SAAA,SAAAA,EAAAG,KAAAT,E,CAGf,MAAAY,GACN,OACCC,EAAA,UAAAC,IAAA,2CACCC,MAAM,YACNC,IAAMC,IACLnB,KAAKG,UAAYgB,CAAE,EAEpBC,MAAO,CACNC,MAAOrB,KAAKC,MAAMH,QAClB,aACWE,KAAKC,MAAMJ,OACvBa,QAASV,KAAKO,uBAAuBe,KAAKtB,OAG1Ce,EAAA,OAAAC,IAAA,4CACCD,EAAA,QAAAC,IAAA,8C,CAkCG,qBAAAO,CAAsBC,GAC5BC,EAAezB,KAAM,kBAAmBwB,UAA0BA,IAAU,UAAYA,IAAU,MAAM,IAAIE,IAAI,CAAC,cAAe,SAAUF,EAAO,CAChJG,aAAc,KACdC,MAAO,CACNC,WAAY,KACX,GAAI7B,KAAKC,MAAML,eAAgB,MACzBI,KAAKY,W,KACJ,MACDZ,KAAKM,Y,MAQR,aAAAwB,CAAcN,GACpBM,EAAc9B,KAAMwB,EAAO,CAC1BO,SAAU,M,CAKL,UAAAC,CAAWR,GACjB,UAAWA,IAAU,UAAYA,IAAU,KAAM,CAChD,MAAMS,EAAwC,GAC9C,UAAWT,EAAMd,UAAY,YAAcc,EAAMd,UAAY,KAAM,CAClEuB,EAAUvB,QAAUc,EAAMd,O,CAE3BwB,EAAqClC,KAAM,MAAOiC,E,EAK7C,aAAAE,CAAcX,GACpBY,EAAYpC,KAAM,SAAUwB,EAAO,CAClCG,aAAc,Q,CAIT,iBAAAU,GACNrC,KAAKuB,sBAAsBvB,KAAKJ,gBAChCI,KAAK8B,cAAc9B,KAAKH,QACxBG,KAAKgC,WAAWhC,KAAKS,KACrBT,KAAKmC,cAAcnC,KAAKF,O","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","getElement","clsx","KolCardWcTag","watchString","watchValidator","setState","validateLabel","dispatchDomEvent","KolEvent","handleCancelOverlay","validateWidth","component","value","options","Object","assign","defaultValue","ModalVariantPropTypeOptions","validateModalVariant","includes","Set","defaultStyleCss","KolModal","constructor","hostRef","this","on","onClose","async","closeModal","_width","_variant","state","_label","disconnectedCallback","handleNativeCloseEvent","_a","_b","_on","call","host","close","openModal","refDialog","showModal","render","key","class","onCancel","bind","ref","el","style","width","_hasCloser","required","validateOn","callbacks","validateVariant","componentWillLoad","watchers","default"],"sources":["0"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +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\n\t\t&__container {\n\t\t\twidth: 100%;\n\t\t\tjustify-content: flex-start;\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,g0NAAg0N;;ACoDx1N,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;;;;;;;;;;;;;;;;;;"}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e,H as t}from"./index-4c718166.js";import{t as i}from"./i18n-5fe08f1c.js";import{r as a,a as o}from"./unique-nav-labels-768d04e9.js";import{w as s}from"./validation-1a210179.js";import{g as l,a as r,k as d}from"./component-names-aa3cbc3c.js";import{b as c,l as h,e as p,j as b,w as f}from"./prop.validators-c5e6ad2d.js";import{v as u}from"./hide-label-db0db59c.js";import{v as m}from"./label-d70e7c34.js";import"./i18n-7ea9f137.js";import"./reuse-32931294.js";import"./dev.utils-fab45cbc.js";import"./index-541b643a.js";const v=(n,e)=>{c(n,"_collapsible",e)},w=(n,e)=>{c(n,"_hasCompactButton",e)},y=(n,e)=>{c(n,"_hasIconsWhenExpanded",e)},k="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     */\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without a background and font color whose contrast ratio has\n     * not been checked. By initially setting the background color to white and the font color\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    background-color: white;\n    color: black;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /*\n   * All interactive elements should have a minimum size of rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  [role=button],\n  button:not([role=link]),\n  .kol-input .input {\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n  }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: calc(1rem / var(--kolibri-root-font-size, 16));\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: calc(1rem / var(--kolibri-root-font-size, 16));\n}\n\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    border: none;\n    margin: 0;\n    padding: 0;\n    width: 100%; /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n  .kol-span-wc {\n    display: grid;\n    place-items: center;\n  }\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  .kol-span-wc > span {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  /* This is the text label. */\n  .hide-label > .kol-span-wc > span > span {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    cursor: not-allowed;\n    opacity: 0.5;\n    outline: none;\n  }\n  [aria-disabled=true]:focus .kol-span-wc,\n  [disabled]:focus .kol-span-wc {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip-wc {\n    display: contents;\n  }\n  .kol-tooltip-wc .tooltip-floating {\n    animation-duration: 0.5s;\n    animation-iteration-count: 1;\n    animation-name: fadeInOpacity;\n    animation-timing-function: ease-in;\n    box-sizing: border-box;\n    display: none;\n    position: fixed;\n    visibility: hidden;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    max-width: 90vw;\n    max-height: 90vh;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width);\n  }\n  /* Shared between content and arrow */\n  .kol-tooltip-wc .tooltip-area {\n    background-color: #fff;\n    color: #000;\n  }\n  .kol-tooltip-wc .tooltip-arrow {\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\n    position: absolute;\n    transform: rotate(45deg);\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\n    z-index: 999;\n  }\n  .kol-tooltip-wc .tooltip-content {\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes fadeInOpacity {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  :host {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host > div {\n    display: grid;\n    place-items: center;\n  }\n  :not(.is-compact) nav {\n    width: 100%;\n  }\n  .list {\n    display: flex;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n  .list.vertical {\n    flex-direction: column;\n  }\n  .list.horizontal {\n    flex-wrap: wrap;\n  }\n  .entry {\n    display: flex;\n  }\n  .entry-item {\n    flex-grow: 1;\n  }\n}",g=k,x=n=>"string"==typeof n._href,_=n=>{var e;return void 0===n._href&&"function"==typeof(null===(e=n._on)||void 0===e?void 0:e.onClick)},z=class{constructor(t){n(this,t),this.handleToggleExpansionClick=n=>{n&&(this.state._expandedChildren.includes(n)?this.collapseChildren(n):this.expandChildren(n))},this.linkList=n=>e("ul",{class:"list "+(0===n.deep&&"horizontal"===n.orientation?" horizontal":" vertical"),"data-deep":n.deep},n.links.map(((e,t)=>this.li(n.collapsible,n.hideLabel,n.deep,t,e,n.orientation)))),this._collapsible=!0,this._hasCompactButton=!1,this._hasIconsWhenExpanded=!1,this._hideLabel=!1,this._label=void 0,this._links=void 0,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){const s=this.state._hasIconsWhenExpanded||this.state._hideLabel?a._icons||(this.state._hideLabel?"codicon codicon-symbol-method":void 0):void 0;return e("div",{class:{entry:!0,"hide-label":t}},x(a)?e(l,Object.assign({class:"entry-item"},a,{_hideLabel:t,_icons:s})):e(r,{class:"entry-item",_label:a._label,_hideLabel:t,_icons:s,_on:{onClick:(n,e)=>{_(a)&&"function"==typeof a._on.onClick?a._on.onClick(n,e):this.handleToggleExpansionClick(a._children)}}}),i?this.expandButton(n,a,o):"")}expandButton(n,t,a){return e(r,{class:"expand-button",_ariaExpanded:a,_disabled:!n,_icons:"codicon codicon-"+(a?"remove":"add"),_hideLabel:!0,_label:`${i(a?"kol-nav-label-close":"kol-nav-label-open",{placeholders:{label:t._label}})}`,_on:{onClick:()=>this.handleToggleExpansionClick(t._children)}})}li(n,t,i,a,o,l){const s=!!o._active,d=Array.isArray(o._children)&&o._children.length>0,r=Boolean(o._children&&this.state._expandedChildren.includes(o._children));return e("li",{class:{active:s,expanded:r,"has-children":d},key:a},this.entry(n,t,d,o,r),r&&e(this.linkList,{collapsible:n,hideLabel:t,deep:i+1,links:o._children||[],orientation:l}))}initializeExpandedChildren(){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,h("[KolNav] Wenn eine horizontale Navigation verwendet wird, kann die Option _hasCompactButton nicht aktiviert werden."));const a=!0===this.state._collapsible,o=!0===this.state._hideLabel,l=this.state._orientation;return e(t,{key:"4ddc9e3fb2785df41afd6bdfadb1deeeffbdf349",class:"kol-nav"},e("div",{key:"334727bed3edf250ed44d6bc9a4ea2552d3619ae",class:{nav:!0,[l]:!0,"is-compact":this.state._hideLabel}},e("nav",{key:"e2adf8d7867a35e30f86b00ad3b0b8d6cc42f239","aria-label":this.state._label,id:"nav"},e(this.linkList,{key:"05cc61469b48336d211e7a3bd284173c0d4c4be7",collapsible:a,hideLabel:o,deep:0,links:this.state._links,orientation:l})),n&&e("div",{key:"a15f07cb06c5b0253cc00dbbd21a01750b123c30",class:"compact"},e(d,{key:"79c89cfb319fc7841dd4e0a5e6aa3d17dccb5f8b",_ariaControls:"nav",_ariaExpanded:!o,_icons:o?"codicon codicon-chevron-right":"codicon codicon-chevron-left",_hideLabel:!0,_label:i(o?"kol-nav-maximize":"kol-nav-minimize"),_on:{onClick:()=>{this.state=Object.assign(Object.assign({},this.state),{_hideLabel:!1===this.state._hideLabel})}},_tooltipAlign:"right",_variant:"ghost"}))))}validateCollapsible(n){v(this,n)}validateHasCompactButton(n){w(this,n)}validateHasIconsWhenExpanded(n){y(this,n)}validateHideLabel(n){u(this,n)}validateLabel(n,e,t=!1){t||a(this.state._label),m(this,n,{required:!0}),p(n),o(this.state._label)}validateLinks(n){s("KolNav",this,n),b("[KolNav] The navigation structure is not yet validated recursively.")}validateOrientation(n){f(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(){a(this.state._label)}static get watchers(){return{_collapsible:["validateCollapsible"],_hasCompactButton:["validateHasCompactButton"],_hasIconsWhenExpanded:["validateHasIconsWhenExpanded"],_hideLabel:["validateHideLabel"],_label:["validateLabel"],_links:["validateLinks"],_orientation:["validateOrientation"]}}};z.style={default:g};export{z as kol_nav};
+import{r as n,h as e}from"./index-Dina3aff.js";import{d as t,u as i,c as o,j as a,w as l}from"./common-8fBdMvJM.js";import{v as s}from"./hide-label-DRunOux4.js";import{v as r}from"./label-CdtNxOKu.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-CdSCDnmA.js";import{n as f}from"./dev.utils-0SH3ep_K.js";import{r as m,a as b}from"./unique-nav-labels-C_NhdgGz.js";import{w as u}from"./validation-DoIjmu3L.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  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: grid;\n    place-items: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  @keyframes fadeInOpacity {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\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    visibility: hidden;\n    animation-duration: 0.25s;\n    animation-iteration-count: 1;\n    animation-name: fadeInOpacity;\n    animation-timing-function: ease-in;\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}\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  }\n  .kol-span__container {\n    width: 100%;\n    justify-content: flex-start;\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:"b81a02c0f627db81710f6b326065b0c80ff49961",class:d("kol-nav",`kol-nav--${o}`,{"kol-nav--is-compact":this.state._hideLabel})},e("nav",{key:"6fce5eb1c95a33db43fbb56e3c146c2e4b266949","aria-label":this.state._label,class:"kol-nav__navigation",id:this.navId},e(this.linkList,{key:"bed43e2e2e1d524fba29b4c2e6bff773d9df87ee",collapsible:t,hideLabel:a,deep:0,links:this.state._links,orientation:o,id:this.listId})),n&&e("div",{key:"8b7ad21cf761b819ddea7c935e961637400b3d13",class:"kol-nav__compact"},e(c,{key:"df4ea58739516abe982432ead3eb32e486562fa5",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};

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

@@ -1 +1 @@
-{"version":3,"names":["validateCollapsible","component","value","watchBoolean","validateHasCompactButton","validateHasIconsWhenExpanded","defaultStyleCss","KolNavDefaultStyle0","entryIsLink","entryProps","_href","entryIsButton","undefined","_a","_on","onClick","KolNav","this","handleToggleExpansionClick","children","state","_expandedChildren","includes","collapseChildren","expandChildren","linkList","props","h","class","deep","orientation","links","map","link","index","li","collapsible","hideLabel","_collapsible","_hasCompactButton","_hasIconsWhenExpanded","_hideLabel","_label","_links","_orientation","Object","assign","filter","searchChildren","entry","hasChildren","expanded","icons","_icons","KolLinkWcTag","KolButtonWcTag","event","_children","expandButton","_ariaExpanded","_disabled","translate","placeholders","label","active","_active","Array","isArray","length","Boolean","key","initializeExpandedChildren","handleBranch","branch","childBranch","forEach","render","hasCompactButton","devWarning","Host","nav","id","KolButtonTag","_ariaControls","_tooltipAlign","_variant","validateHideLabel","validateLabel","_oldValue","initial","removeNavLabel","required","a11yHintLabelingLandmarks","addNavLabel","validateLinks","watchNavLinks","devHint","validateOrientation","watchValidator","Set","defaultValue","componentWillLoad","disconnectedCallback"],"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","@import '../@shared/mixins';\n@import '../style';\n@import '../tooltip/style.scss';\n\n@layer kol-component {\n\t:host {\n\t\tfont-size: rem(16);\n\t}\n\n\t:host > div {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t:not(.is-compact) nav {\n\t\twidth: 100%;\n\t}\n\n\t.list {\n\t\tdisplay: flex;\n\t\tlist-style: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\n\t.list.vertical {\n\t\tflex-direction: column;\n\t}\n\n\t.list.horizontal {\n\t\tflex-wrap: wrap;\n\t}\n\n\t.entry {\n\t\tdisplay: flex;\n\t}\n\n\t.entry-item {\n\t\tflex-grow: 1;\n\t}\n}\n","import type {\n\tButtonOrLinkOrTextWithChildrenProps,\n\tButtonWithChildrenProps,\n\tCollapsiblePropType,\n\tHideLabelPropType,\n\tLabelPropType,\n\tLinkProps,\n\tLinkWithChildrenProps,\n\tNavAPI,\n\tNavStates,\n\tOrientation,\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';\nimport type { JSX } from '@stencil/core';\nimport { Component, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { translate } from '../../i18n';\nimport { addNavLabel, removeNavLabel } from '../../utils/unique-nav-labels';\nimport { watchNavLinks } from './validation';\nimport { KolButtonTag, KolButtonWcTag, KolLinkWcTag } from '../../core/component-names';\nimport type { StencilUnknown } from '../../schema';\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 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): JSX.Element {\n\t\tconst icons =\n\t\t\tthis.state._hasIconsWhenExpanded || this.state._hideLabel\n\t\t\t\t? entry._icons || (this.state._hideLabel ? 'codicon codicon-symbol-method' : undefined)\n\t\t\t\t: undefined;\n\n\t\treturn (\n\t\t\t<div class={{ entry: true, 'hide-label': hideLabel }}>\n\t\t\t\t{entryIsLink(entry) ? (\n\t\t\t\t\t<KolLinkWcTag class=\"entry-item\" {...entry} _hideLabel={hideLabel} _icons={icons} />\n\t\t\t\t) : (\n\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\tclass=\"entry-item\"\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_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} else {\n\t\t\t\t\t\t\t\t\tthis.handleToggleExpansionClick(entry._children);\n\t\t\t\t\t\t\t\t}\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\n\t\t\t\t{hasChildren ? this.expandButton(collapsible, entry as ButtonWithChildrenProps, expanded) : ''}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate expandButton(collapsible: boolean, link: ButtonWithChildrenProps, expanded: boolean): JSX.Element {\n\t\treturn (\n\t\t\t<KolButtonWcTag\n\t\t\t\tclass=\"expand-button\"\n\t\t\t\t_ariaExpanded={expanded}\n\t\t\t\t_disabled={!collapsible}\n\t\t\t\t_icons={'codicon codicon-' + (expanded ? 'remove' : 'add')}\n\t\t\t\t_hideLabel\n\t\t\t\t_label={`${expanded ? translate('kol-nav-label-close', { placeholders: { label: link._label } }) : translate('kol-nav-label-open', { placeholders: { label: link._label } })}`}\n\t\t\t\t_on={{ onClick: () => this.handleToggleExpansionClick(link._children) }}\n\t\t\t></KolButtonWcTag>\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: Orientation,\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\treturn (\n\t\t\t<li\n\t\t\t\tclass={{\n\t\t\t\t\tactive,\n\t\t\t\t\texpanded,\n\t\t\t\t\t'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)}\n\t\t\t\t{expanded && <this.linkList collapsible={collapsible} hideLabel={hideLabel} deep={deep + 1} links={link._children || []} orientation={orientation} />}\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: Orientation;\n\t}): JSX.Element => {\n\t\treturn (\n\t\t\t<ul class={`list ${props.deep === 0 && props.orientation === 'horizontal' ? ' horizontal' : ' vertical'}`} data-deep={props.deep}>\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);\n\t\t\t\t})}\n\t\t\t</ul>\n\t\t);\n\t};\n\n\tprivate initializeExpandedChildren() {\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<Host class=\"kol-nav\">\n\t\t\t\t<div\n\t\t\t\t\tclass={{\n\t\t\t\t\t\tnav: true,\n\t\t\t\t\t\t[orientation]: true,\n\t\t\t\t\t\t'is-compact': this.state._hideLabel,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<nav aria-label={this.state._label} id=\"nav\">\n\t\t\t\t\t\t<this.linkList collapsible={collapsible} hideLabel={hideLabel} deep={0} links={this.state._links} orientation={orientation}></this.linkList>\n\t\t\t\t\t</nav>\n\t\t\t\t\t{hasCompactButton && (\n\t\t\t\t\t\t<div class=\"compact\">\n\t\t\t\t\t\t\t<KolButtonTag\n\t\t\t\t\t\t\t\t_ariaControls=\"nav\"\n\t\t\t\t\t\t\t\t_ariaExpanded={!hideLabel}\n\t\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\t_hideLabel\n\t\t\t\t\t\t\t\t_label={translate(hideLabel ? 'kol-nav-maximize' : 'kol-nav-minimize')}\n\t\t\t\t\t\t\t\t_on={{\n\t\t\t\t\t\t\t\t\tonClick: (): void => {\n\t\t\t\t\t\t\t\t\t\tthis.state = {\n\t\t\t\t\t\t\t\t\t\t\t...this.state,\n\t\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\t};\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\t_tooltipAlign=\"right\"\n\t\t\t\t\t\t\t\t_variant=\"ghost\"\n\t\t\t\t\t\t\t></KolButtonTag>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</Host>\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 */\n\t@Prop() public _orientation?: Orientation = '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}\n\n\t@Watch('_orientation')\n\tpublic validateOrientation(value?: Orientation): 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"],"mappings":";;;2hBAeO,MAAMA,EAAsB,CAACC,EAAsCC,KACzEC,EAAaF,EAAW,eAAgBC,EAAM,ECFxC,MAAME,EAA2B,CAACH,EAAsCC,KAC9EC,EAAaF,EAAW,oBAAqBC,EAAM,ECA7C,MAAMG,EAA+B,CAACJ,EAAsCC,KAClFC,EAAaF,EAAW,wBAAyBC,EAAM,EChBxD,MAAMI,EAAkB,o2LACxB,MAAAC,EAAeD,ECiDf,MAAME,EAAeC,UACLA,EAAyBC,QAAU,SAGnD,MAAMC,EAAiBF,I,MACtB,OAAQA,EAAyBC,QAAUE,mBAAoBC,EAACJ,EAAuCK,OAAG,MAAAD,SAAA,SAAAA,EAAEE,WAAY,UAAU,E,MAUtHC,EAAM,M,yBAcDC,KAAAC,2BAA8BC,IAC9C,GAAIA,EAAU,CACb,GAAIF,KAAKG,MAAMC,kBAAkBC,SAASH,GAAW,CACpDF,KAAKM,iBAAiBJ,E,KAChB,CACNF,KAAKO,eAAeL,E,IAoFfF,KAAAQ,SAAYC,GAQlBC,EAAA,MAAIC,MAAO,QAAQF,EAAMG,OAAS,GAAKH,EAAMI,cAAgB,aAAe,cAAgB,cAAa,YAAaJ,EAAMG,MAC1HH,EAAMK,MAAMC,KAAI,CAACC,EAAMC,IAChBjB,KAAKkB,GAAGT,EAAMU,YAAaV,EAAMW,UAAWX,EAAMG,KAAMK,EAAOD,EAAMP,EAAMI,gB,kBAkF9C,K,uBAKK,M,2BAKI,M,gBAOX,M,8DAeM,W,WAET,CAClCQ,aAAc,KACdC,kBAAmB,MACnBC,sBAAuB,MACvBC,WAAY,MACZC,OAAQ,GACRC,OAAQ,GACRC,aAAc,WACdvB,kBAAmB,G,CA5OZ,cAAAG,CAAeL,GACtBF,KAAKG,MAAKyB,OAAAC,OAAAD,OAAAC,OAAA,GACN7B,KAAKG,OAAK,CACbC,kBAAmB,IAAIJ,KAAKG,MAAMC,kBAAmBF,I,CAG/C,gBAAAI,CAAiBJ,GACxBF,KAAKG,MAAKyB,OAAAC,OAAAD,OAAAC,OAAA,GACN7B,KAAKG,OAAK,CACbC,kBAAmBJ,KAAKG,MAAMC,kBAAkB0B,QAAQC,GAAmBA,GAAkB7B,K,CAcvF,KAAA8B,CACPb,EACAC,EACAa,EACAD,EACAE,GAEA,MAAMC,EACLnC,KAAKG,MAAMoB,uBAAyBvB,KAAKG,MAAMqB,WAC5CQ,EAAMI,SAAWpC,KAAKG,MAAMqB,WAAa,gCAAkC7B,WAC3EA,UAEJ,OACCe,EAAA,OAAKC,MAAO,CAAEqB,MAAO,KAAM,aAAcZ,IACvC7B,EAAYyC,GACZtB,EAAC2B,EAAYT,OAAAC,OAAA,CAAClB,MAAM,cAAiBqB,EAAK,CAAER,WAAYJ,EAAWgB,OAAQD,KAE3EzB,EAAC4B,EAAc,CACd3B,MAAM,aACNc,OAAQO,EAAMP,OACdD,WAAYJ,EACZgB,OAAQD,EACRtC,IAAK,CACJC,QAAS,CAACyC,EAAmBtD,KAC5B,GAAIS,EAAcsC,WAAiBA,EAAMnC,IAAIC,UAAY,WAAY,CACpEkC,EAAMnC,IAAIC,QAAQyC,EAAOtD,E,KACnB,CACNe,KAAKC,2BAA2B+B,EAAMQ,U,MAO1CP,EAAcjC,KAAKyC,aAAatB,EAAaa,EAAkCE,GAAY,G,CAKvF,YAAAO,CAAatB,EAAsBH,EAA+BkB,GACzE,OACCxB,EAAC4B,EAAc,CACd3B,MAAM,gBACN+B,cAAeR,EACfS,WAAYxB,EACZiB,OAAQ,oBAAsBF,EAAW,SAAW,OACpDV,WAAU,KACVC,OAAQ,GAAGS,EAAWU,EAAU,sBAAuB,CAAEC,aAAc,CAAEC,MAAO9B,EAAKS,UAAcmB,EAAU,qBAAsB,CAAEC,aAAc,CAAEC,MAAO9B,EAAKS,YACjK5B,IAAK,CAAEC,QAAS,IAAME,KAAKC,2BAA2Be,EAAKwB,a,CAKtD,EAAAtB,CACPC,EACAC,EACAR,EACAK,EACAD,EACAH,GAEA,MAAMkC,IAAW/B,EAAKgC,QACtB,MAAMf,EAAcgB,MAAMC,QAAQlC,EAAKwB,YAAcxB,EAAKwB,UAAUW,OAAS,EAC7E,MAAMjB,EAAWkB,QAAQpC,EAAKwB,WAAaxC,KAAKG,MAAMC,kBAAkBC,SAASW,EAAKwB,YACtF,OACC9B,EAAA,MACCC,MAAO,CACNoC,SACAb,WACA,eAAgBD,GAEjBoB,IAAKpC,GAEJjB,KAAKgC,MAAMb,EAAaC,EAAWa,EAAajB,EAAMkB,GACtDA,GAAYxB,EAACV,KAAKQ,SAAQ,CAACW,YAAaA,EAAaC,UAAWA,EAAWR,KAAMA,EAAO,EAAGE,MAAOE,EAAKwB,WAAa,GAAI3B,YAAaA,I,CAqBjI,0BAAAyC,GAMP,MAAMC,EAAgBC,IACrB,GAAIA,EAAOR,QAAS,CACnB,GAAIQ,EAAOhB,UAAW,CACrBxC,KAAKO,eAAeiD,EAAOhB,U,CAE5B,OAAO,I,MACD,GAAIgB,EAAOhB,UAAW,CAC5B,IAAK,MAAMiB,KAAeD,EAAOhB,UAAW,CAC3C,GAAIe,EAAaE,GAAc,CAC9BzD,KAAKO,eAAeiD,EAAOhB,WAC3B,OAAO,I,GAIV,OAAO,KAAK,EAEbxC,KAAKG,MAAMuB,OAAOgC,QAAQH,E,CAGpB,MAAAI,GACN,IAAIC,EAAmB5D,KAAKG,MAAMmB,kBAClC,GAAItB,KAAKG,MAAMwB,eAAiB,cAAgB3B,KAAKG,MAAMmB,oBAAsB,KAAM,CACtFsC,EAAmB,MACnBC,EAAW,sH,CAEZ,MAAM1C,EAAcnB,KAAKG,MAAMkB,eAAiB,KAChD,MAAMD,EAAYpB,KAAKG,MAAMqB,aAAe,KAC5C,MAAMX,EAAcb,KAAKG,MAAMwB,aAC/B,OACCjB,EAACoD,EAAI,CAAAT,IAAA,2CAAC1C,MAAM,WACXD,EAAA,OAAA2C,IAAA,2CACC1C,MAAO,CACNoD,IAAK,KACLlD,CAACA,GAAc,KACf,aAAcb,KAAKG,MAAMqB,aAG1Bd,EAAA,OAAA2C,IAAA,wDAAiBrD,KAAKG,MAAMsB,OAAQuC,GAAG,OACtCtD,EAACV,KAAKQ,SAAQ,CAAA6C,IAAA,2CAAClC,YAAaA,EAAaC,UAAWA,EAAWR,KAAM,EAAGE,MAAOd,KAAKG,MAAMuB,OAAQb,YAAaA,KAE/G+C,GACAlD,EAAA,OAAA2C,IAAA,2CAAK1C,MAAM,WACVD,EAACuD,EAAY,CAAAZ,IAAA,2CACZa,cAAc,MACdxB,eAAgBtB,EAChBgB,OAAQhB,EAAY,gCAAkC,+BACtDI,WAAU,KACVC,OAAQmB,EAAUxB,EAAY,mBAAqB,oBACnDvB,IAAK,CACJC,QAAS,KACRE,KAAKG,MAAKyB,OAAAC,OAAAD,OAAAC,OAAA,GACN7B,KAAKG,OAAK,CACbqB,WAAYxB,KAAKG,MAAMqB,aAAe,OACtC,GAGH2C,cAAc,QACdC,SAAS,Y,CA2DT,mBAAArF,CAAoBE,GAC1BF,EAAoBiB,KAAMf,E,CAIpB,wBAAAE,CAAyBF,GAC/BE,EAAyBa,KAAMf,E,CAIzB,4BAAAG,CAA6BH,GACnCG,EAA6BY,KAAMf,E,CAI7B,iBAAAoF,CAAkBpF,GACxBoF,EAAkBrE,KAAMf,E,CAIlB,aAAAqF,CAAcrF,EAAuBsF,EAA2BC,EAAU,OAChF,IAAKA,EAAS,CACbC,EAAezE,KAAKG,MAAMsB,O,CAE3B6C,EAActE,KAAMf,EAAO,CAC1ByF,SAAU,OAEXC,EAA0B1F,GAC1B2F,EAAY5E,KAAKG,MAAMsB,O,CAIjB,aAAAoD,CAAc5F,GACpB6F,EAAc,SAAU9E,KAAMf,GAC9B8F,EAAQ,sE,CAIF,mBAAAC,CAAoB/F,GAC1BgG,EACCjF,KACA,gBACCf,GAAmBA,IAAU,cAAgBA,IAAU,YACxD,IAAIiG,IAAI,CAAC,uCACTjG,EACA,CACCkG,aAAc,Y,CAKV,iBAAAC,GACNpF,KAAKjB,oBAAoBiB,KAAKqB,cAC9BrB,KAAKqE,kBAAkBrE,KAAKwB,YAC5BxB,KAAKb,yBAAyBa,KAAKsB,mBACnCtB,KAAKZ,6BAA6BY,KAAKuB,uBACvCvB,KAAKsE,cAActE,KAAKyB,OAAQ9B,UAAW,MAC3CK,KAAK6E,cAAc7E,KAAK0B,QACxB1B,KAAKgF,oBAAoBhF,KAAK2B,cAC9B3B,KAAKsD,4B,CAGC,oBAAA+B,GACNZ,EAAezE,KAAKG,MAAMsB,O","ignoreList":[]}
+{"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":[]}