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

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

@@ -0,0 +1 @@
+{"version":3,"file":"kol-meter.entry.esm.js","sources":["src/internal/props/high.ts","src/internal/props/low.ts","src/internal/props/min.ts","src/internal/props/optimum.ts","src/internal/props/orientation.ts","src/internal/props/value-number.ts","src/internal/functional-components/meter/component.tsx","src/internal/functional-components/meter/api.tsx","src/internal/functional-components/meter/controller.ts","src/components/meter/style.scss?tag=kol-meter&mode=default&encapsulation=shadow","src/components/meter/component.tsx"],"sourcesContent":["import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeNumber } from './helpers/normalizers';\n\nexport type HighProp = SimpleProp<'high', number>;\nexport const highProp = createPropDefinition<HighProp>('high', 0, normalizeNumber);\n","import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeNumber } from './helpers/normalizers';\n\nexport type LowProp = SimpleProp<'low', number>;\nexport const lowProp = createPropDefinition<LowProp>('low', 0, normalizeNumber);\n","import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeNumber } from './helpers/normalizers';\n\nexport type MinProp = SimpleProp<'min', number>;\nexport const minProp = createPropDefinition<MinProp>('min', 0, normalizeNumber);\n","import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeNumber } from './helpers/normalizers';\n\nexport type OptimumProp = SimpleProp<'optimum', number>;\nexport const optimumProp = createPropDefinition<OptimumProp>('optimum', 0, normalizeNumber);\n","import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeString } from './helpers/normalizers';\n\nexport const orientationOptions = ['horizontal', 'vertical'] as const;\nexport type OrientationPropType = (typeof orientationOptions)[number];\n\nexport type OrientationProp = SimpleProp<'orientation', OrientationPropType>;\nexport const orientationProp = createPropDefinition<OrientationProp>('orientation', 'horizontal', (value: unknown) => {\n\tconst str = normalizeString(value);\n\tif (orientationOptions.includes(str as OrientationPropType)) {\n\t\treturn str as OrientationPropType;\n\t}\n\tthrow new Error(`Invalid orientation: ${str}`);\n});\n","import type { SimpleProp } from './helpers/factory';\nimport { createPropDefinition } from './helpers/factory';\nimport { normalizeNumber } from './helpers/normalizers';\n\n/**\n * Value prop for numeric progress or meter values\n *\n * Description:\n * Represents the current numeric value of a progress indicator or meter. The value must be\n * a non-negative number and is used together with max to calculate the completion percentage.\n *\n * Usage (according to W3C HTML specification and WAI-ARIA):\n * - Must be a number ≥ 0\n * - Corresponds to the HTML <progress> element's value attribute\n * - Maps to aria-valuenow in WAI-ARIA for assistive technology communication\n * - Screen readers announce the current value as part of the progress status\n *\n * Accessibility:\n * - The value must be programmatically determinable (WCAG 1.3.1 Info and Relationships)\n * - Dynamic value changes should be announced to screen readers (WCAG 4.1.3 Status Messages)\n * - Use aria-valuetext for human-readable progress descriptions when the numeric value alone is insufficient\n *\n * @see https://html.spec.whatwg.org/multipage/form-elements.html#attr-progress-value\n * @see https://www.w3.org/TR/wai-aria-1.2/#aria-valuenow\n * @see https://www.w3.org/WAI/WCAG21/Understanding/status-messages.html\n */\nexport type NumberValueProp = SimpleProp<'value', number>;\nexport const numberValueProp = createPropDefinition<NumberValueProp>('value', 0, normalizeNumber, (v) => v >= 0);\n","import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\nimport type { TranslationKey } from '../../../i18n';\nimport { translate } from '../../../i18n';\n\nimport type { FunctionalComponentProps } from '../generic-types';\nimport type { MeterApi } from './api';\n\ntype MeterState = 'optimum' | 'suboptimal' | 'critical';\n\nfunction getMeterState(value: number, min: number, max: number, low: number | undefined, high: number | undefined, optimum: number | undefined): MeterState {\n\tconst effectiveLow = low ?? min;\n\tconst effectiveHigh = high ?? max;\n\n\tif (optimum === undefined) {\n\t\tconst inMidRegion = value >= effectiveLow && value <= effectiveHigh;\n\t\treturn inMidRegion ? 'optimum' : 'suboptimal';\n\t}\n\n\tconst inLowRegion = value < effectiveLow;\n\tconst inHighRegion = value > effectiveHigh;\n\tconst inMidRegion = !inLowRegion && !inHighRegion;\n\n\tconst optimumInLow = optimum < effectiveLow;\n\tconst optimumInHigh = optimum > effectiveHigh;\n\n\tif (optimumInLow) {\n\t\tif (inLowRegion) return 'optimum';\n\t\tif (inMidRegion) return 'suboptimal';\n\t\treturn 'critical';\n\t} else if (optimumInHigh) {\n\t\tif (inHighRegion) return 'optimum';\n\t\tif (inMidRegion) return 'suboptimal';\n\t\treturn 'critical';\n\t} else {\n\t\tif (inMidRegion) return 'optimum';\n\t\treturn 'suboptimal';\n\t}\n}\n\ntype MeterFCProps = Omit<FunctionalComponentProps<MeterApi>, 'high' | 'low' | 'optimum'> & {\n\thigh: number | undefined;\n\tlow: number | undefined;\n\toptimum: number | undefined;\n};\n\nexport const MeterFC: FC<MeterFCProps> = (props) => {\n\tconst { high, label, low, liveValue, max, min, optimum, orientation, unit, value } = props;\n\n\tconst isVertical = orientation === 'vertical';\n\tconst isPercentage = unit === '%';\n\tconst displayValue = isPercentage ? Math.round(((value - min) / (max - min)) * 100) : value;\n\tconst liveMeterValue = isPercentage ? `${Math.round(((liveValue - min) / (max - min)) * 100)}` : liveValue;\n\tconst valueColumnWidth = `${`${(isPercentage ? 100 : max) + 1}`.length}ch`;\n\tconst fillPercentage = Math.min(100, Math.max(0, ((value - min) / (max - min)) * 100));\n\tconst state = getMeterState(value, min, max, low, high, optimum);\n\n\t// State classification is only meaningful when low or high boundaries are defined\n\tconst hasStateClassification = low !== undefined || high !== undefined;\n\tconst stateLabel = hasStateClassification ? translate(`kol-meter-state-${state}` as TranslationKey) : '';\n\n\tconst liveValueText = isPercentage\n\t\t? translate('kol-live-value', { placeholders: { value: String(liveMeterValue), unit } })\n\t\t: translate('kol-live-value-bounded', { placeholders: { value: String(liveMeterValue), max: String(max), unit } });\n\tconst liveValueWithState = hasStateClassification ? `${liveValueText} – ${stateLabel}` : liveValueText;\n\n\tconst fillClass = {\n\t\t'kol-meter__bar-fill': true,\n\t\t'kol-meter__bar-fill--optimum': state === 'optimum',\n\t\t'kol-meter__bar-fill--suboptimal': state === 'suboptimal',\n\t\t'kol-meter__bar-fill--critical': state === 'critical',\n\t};\n\n\treturn (\n\t\t<div class={{ 'kol-meter': true, 'kol-meter--vertical': isVertical }}>\n\t\t\t<div aria-hidden=\"true\" class=\"kol-meter__bar\">\n\t\t\t\t<div class=\"kol-meter__bar-label\">\n\t\t\t\t\t{label}\n\t\t\t\t\t{hasStateClassification && (\n\t\t\t\t\t\t<span class={`kol-meter__bar-state kol-meter__bar-state--${state}`}>\n\t\t\t\t\t\t\t{' – '}\n\t\t\t\t\t\t\t{stateLabel}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t{isVertical ? (\n\t\t\t\t\t<div class=\"kol-meter__bar-track\">\n\t\t\t\t\t\t<div class={fillClass} style={{ height: `calc((100% - 6px) * ${fillPercentage / 100})` }}></div>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"12\" overflow=\"visible\">\n\t\t\t\t\t\t<rect\n\t\t\t\t\t\t\tclass=\"kol-meter__bar-background\"\n\t\t\t\t\t\t\tx=\"1\"\n\t\t\t\t\t\t\ty=\"1\"\n\t\t\t\t\t\t\theight=\"11\"\n\t\t\t\t\t\t\trx=\"5\"\n\t\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\tstroke-width=\"3\"\n\t\t\t\t\t\t\twidth=\"100%\"\n\t\t\t\t\t\t></rect>\n\t\t\t\t\t\t<rect class=\"kol-meter__bar-border\" x=\"1\" y=\"1\" height=\"11\" rx=\"5\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"1\" width=\"100%\"></rect>\n\t\t\t\t\t\t<rect\n\t\t\t\t\t\t\tclass={fillClass}\n\t\t\t\t\t\t\tx=\"3\"\n\t\t\t\t\t\t\ty=\"3\"\n\t\t\t\t\t\t\theight=\"7\"\n\t\t\t\t\t\t\trx=\"3.5\"\n\t\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\tstroke-width=\"3\"\n\t\t\t\t\t\t\tstyle={{ width: `calc(${fillPercentage}% - 4px)` }}\n\t\t\t\t\t\t></rect>\n\t\t\t\t\t</svg>\n\t\t\t\t)}\n\n\t\t\t\t<span class=\"kol-meter__value-unit\">\n\t\t\t\t\t<span class=\"kol-meter__value\" style={isVertical ? {} : { width: valueColumnWidth }}>\n\t\t\t\t\t\t{displayValue}\n\t\t\t\t\t</span>\n\t\t\t\t\t{'\\u00A0'}\n\t\t\t\t\t<span class=\"kol-meter__unit\">{unit}</span>\n\t\t\t\t</span>\n\t\t\t</div>\n\n\t\t\t<meter aria-label={label} class=\"visually-hidden\" high={high} low={low} max={max} min={min} optimum={optimum} value={value}></meter>\n\t\t\t<span aria-live=\"polite\" aria-relevant=\"additions text\" class=\"visually-hidden\">\n\t\t\t\t{liveValueWithState}\n\t\t\t</span>\n\t\t</div>\n\t);\n};\n","import type { HighProp, LabelProp, LowProp, MaxProp, MinProp, NumberValueProp, OptimumProp, OrientationProp, UnitProp } from '../../props';\nimport { labelProp, maxProp, minProp, numberValueProp, orientationProp, unitProp } from '../../props';\nimport type { ComponentApi, PropsConfigShape } from '../generic-types';\n\n/**\n * Meter Props configuration for renderProps pipeline.\n *\n * Note: `high`, `low`, and `optimum` are intentionally omitted from this config.\n * These optional numeric props must remain nullable (undefined when not set),\n * but the renderProps pipeline enforces StrictFields (non-nullable).\n * Solution: these three props are managed separately in the Controller's `meterData` object\n * via the `getMeterData()` getter, allowing them to be undefined while the renderProps\n * pipeline handles required props.\n *\n * See MeterApi.Props.Optional for the complete prop interface.\n */\nexport const meterPropsConfig = {\n\toptional: [minProp, orientationProp, unitProp],\n\trequired: [labelProp, maxProp, numberValueProp],\n} as const satisfies PropsConfigShape;\n\nexport interface MeterApi extends ComponentApi {\n\tProps: {\n\t\tOptional: HighProp & LowProp & MinProp & OptimumProp & OrientationProp & UnitProp;\n\t\tRequired: LabelProp & MaxProp & NumberValueProp;\n\t};\n\tStates: {\n\t\tliveValue: number;\n\t};\n}\n","import { highProp, labelProp, lowProp, maxProp, minProp, numberValueProp, optimumProp, orientationProp, unitProp } from '../../props';\nimport { BaseController } from '../base-controller';\nimport type { ControllerInterface, ResolvedInputProps, StateAccess } from '../generic-types';\nimport type { MeterApi } from './api';\nimport { meterPropsConfig } from './api';\n\ntype MeterData = {\n\thigh: number | undefined;\n\tlow: number | undefined;\n\toptimum: number | undefined;\n};\n\nexport class MeterController extends BaseController<MeterApi> implements ControllerInterface<MeterApi> {\n\tprivate interval?: ReturnType<typeof setInterval>;\n\tprivate meterData: MeterData = { high: undefined, low: undefined, optimum: undefined };\n\n\tpublic constructor(stateAccess: StateAccess<MeterApi>) {\n\t\tsuper(stateAccess, meterPropsConfig);\n\t}\n\n\tpublic componentWillLoad(props: ResolvedInputProps<MeterApi>): void {\n\t\tconst { high, label, low, max, min, optimum, orientation, unit, value } = props;\n\t\tthis.watchHigh(high);\n\t\tthis.watchLabel(label);\n\t\tthis.watchLow(low);\n\t\tthis.watchMax(max);\n\t\tthis.watchMin(min);\n\t\tthis.watchOptimum(optimum);\n\t\tthis.watchOrientation(orientation);\n\t\tthis.watchUnit(unit);\n\t\tthis.watchValue(value);\n\n\t\tthis.setState('liveValue', this.getRenderProp('value'));\n\t\tthis.startLiveValueInterval();\n\t}\n\n\tpublic destroy(): void {\n\t\tif (this.interval) {\n\t\t\tclearInterval(this.interval);\n\t\t\tthis.interval = undefined;\n\t\t}\n\t}\n\n\tpublic getMeterData(): MeterData {\n\t\treturn this.meterData;\n\t}\n\n\tpublic watchHigh(value?: number): void {\n\t\tif (value === undefined) {\n\t\t\tthis.meterData.high = undefined;\n\t\t} else {\n\t\t\thighProp.apply(value, (v) => {\n\t\t\t\tthis.meterData.high = v;\n\t\t\t});\n\t\t}\n\t}\n\n\tpublic watchLabel(value?: string): void {\n\t\tlabelProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('label', v);\n\t\t});\n\t}\n\n\tpublic watchLow(value?: number): void {\n\t\tif (value === undefined) {\n\t\t\tthis.meterData.low = undefined;\n\t\t} else {\n\t\t\tlowProp.apply(value, (v) => {\n\t\t\t\tthis.meterData.low = v;\n\t\t\t});\n\t\t}\n\t}\n\n\tpublic watchMax(value?: number): void {\n\t\tmaxProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('max', v);\n\t\t});\n\t}\n\n\tpublic watchMin(value?: number): void {\n\t\tminProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('min', v);\n\t\t});\n\t}\n\n\tpublic watchOptimum(value?: number): void {\n\t\tif (value === undefined) {\n\t\t\tthis.meterData.optimum = undefined;\n\t\t} else {\n\t\t\toptimumProp.apply(value, (v) => {\n\t\t\t\tthis.meterData.optimum = v;\n\t\t\t});\n\t\t}\n\t}\n\n\tpublic watchOrientation(value?: string): void {\n\t\torientationProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('orientation', v);\n\t\t});\n\t}\n\n\tpublic watchUnit(value?: string): void {\n\t\tunitProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('unit', v);\n\t\t});\n\t}\n\n\tpublic watchValue(value?: number): void {\n\t\tnumberValueProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('value', v);\n\t\t});\n\t}\n\n\tprivate startLiveValueInterval(): void {\n\t\tthis.interval = setInterval(() => {\n\t\t\tconst value = this.getRenderProp('value');\n\t\t\tif (this.getState('liveValue') !== value) {\n\t\t\t\tthis.setState('liveValue', value);\n\t\t\t}\n\t\t}, 5000);\n\t}\n}\n","@use '../@shared/mixins' as *;\n@use '../@shared/global' as *;\n\n@layer kol-component {\n\t.kol-meter {\n\t\t&__bar {\n\t\t\tdisplay: grid;\n\t\t\tcolumn-gap: to-rem(0.8);\n\t\t\talign-items: center;\n\t\t\tgrid-template-areas:\n\t\t\t\t'LABEL LABEL LABEL'\n\t\t\t\t'BAR VALUE UNIT';\n\t\t\tgrid-template-columns: 1fr auto;\n\n\t\t\t&-label {\n\t\t\t\tgrid-column-end: 2;\n\t\t\t\tgrid-area: LABEL;\n\t\t\t}\n\n\t\t\tsvg {\n\t\t\t\tgrid-area: BAR;\n\t\t\t}\n\n\t\t\t&-border {\n\t\t\t\tfill: transparent;\n\t\t\t\tstroke: black;\n\t\t\t}\n\n\t\t\t&-background {\n\t\t\t\tfill: lightgray;\n\t\t\t\tstroke: white;\n\t\t\t}\n\n\t\t\t&-fill {\n\t\t\t\tstroke: transparent;\n\n\t\t\t\t@media (prefers-reduced-motion: no-preference) {\n\t\t\t\t\ttransition: 250ms ease-in-out 50ms;\n\t\t\t\t}\n\n\t\t\t\t&--optimum {\n\t\t\t\t\tcolor: #2ea32e;\n\t\t\t\t\tcolor: #2ea32e;\n\t\t\t\t\tfill: #2ea32e;\n\t\t\t\t}\n\n\t\t\t\t&--suboptimal {\n\t\t\t\t\tcolor: #c8a000;\n\t\t\t\t\tcolor: #c8a000;\n\t\t\t\t\tfill: #c8a000;\n\t\t\t\t}\n\n\t\t\t\t&--critical {\n\t\t\t\t\tcolor: #c00;\n\t\t\t\t\tcolor: #c00;\n\t\t\t\t\tfill: #c00;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&__value-unit {\n\t\t\tdisplay: contents;\n\t\t}\n\n\t\t&__value {\n\t\t\tgrid-area: VALUE;\n\t\t\ttext-align: right;\n\t\t}\n\n\t\t&__unit {\n\t\t\tgrid-area: UNIT;\n\t\t}\n\n\t\t&--vertical {\n\t\t\tdisplay: inline-flex;\n\n\t\t\t.kol-meter__bar {\n\t\t\t\tdisplay: flex;\n\t\t\t\tmin-height: var(--kol-meter-height, to-rem(128));\n\t\t\t\trow-gap: to-rem(4);\n\t\t\t\tflex-direction: column;\n\t\t\t\talign-items: center;\n\n\t\t\t\t&-label {\n\t\t\t\t\ttext-align: center;\n\t\t\t\t}\n\n\t\t\t\t&-track {\n\t\t\t\t\tbackground: lightgray;\n\t\t\t\t\toutline: to-rem(1) solid black;\n\t\t\t\t\tborder-radius: to-rem(6);\n\t\t\t\t\tposition: relative;\n\t\t\t\t\twidth: to-rem(12);\n\t\t\t\t\tmin-height: 0;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\tflex: 1;\n\t\t\t\t}\n\n\t\t\t\t&-fill {\n\t\t\t\t\tbackground: currentColor;\n\t\t\t\t\tborder-radius: to-rem(3);\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tright: to-rem(3);\n\t\t\t\t\tbottom: to-rem(3);\n\t\t\t\t\tleft: to-rem(3);\n\n\t\t\t\t\t@media (prefers-reduced-motion: no-preference) {\n\t\t\t\t\t\ttransition: height 250ms ease-in-out 50ms;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.kol-meter__value-unit {\n\t\t\t\tdisplay: contents;\n\t\t\t}\n\n\t\t\t.kol-meter__value {\n\t\t\t\twidth: auto;\n\t\t\t\ttext-align: center;\n\t\t\t}\n\n\t\t\t.kol-meter__unit {\n\t\t\t\ttext-align: center;\n\t\t\t}\n\t\t}\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { BaseWebComponent } from '../../internal/functional-components/base-web-component';\nimport type { WebComponentInterface } from '../../internal/functional-components/generic-types';\nimport type { MeterApi } from '../../internal/functional-components/meter/api';\nimport { MeterFC } from '../../internal/functional-components/meter/component';\nimport { MeterController } from '../../internal/functional-components/meter/controller';\nimport type { OrientationPropType } from '../../internal/props';\n\n@Component({\n\ttag: 'kol-meter',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolMeter extends BaseWebComponent<MeterApi> implements WebComponentInterface<MeterApi> {\n\tprivate readonly ctrl = new MeterController(this.stateAccess);\n\n\t/**\n\t * Defines the upper boundary of the high range.\n\t */\n\t@Prop()\n\tpublic _high?: number;\n\n\t@Watch('_high')\n\tpublic watchHigh(value?: number): void {\n\t\tthis.ctrl.watchHigh(value);\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()\n\tpublic _label!: string;\n\n\t@Watch('_label')\n\tpublic watchLabel(value?: string): void {\n\t\tthis.ctrl.watchLabel(value);\n\t}\n\n\t/**\n\t * Defines the lower boundary of the low range.\n\t */\n\t@Prop()\n\tpublic _low?: number;\n\n\t@Watch('_low')\n\tpublic watchLow(value?: number): void {\n\t\tthis.ctrl.watchLow(value);\n\t}\n\n\t/**\n\t * Defines the maximum value of the element.\n\t */\n\t@Prop()\n\tpublic _max!: number;\n\n\t@Watch('_max')\n\tpublic watchMax(value?: number): void {\n\t\tthis.ctrl.watchMax(value);\n\t}\n\n\t/**\n\t * Defines the minimum value of the element.\n\t */\n\t@Prop()\n\tpublic _min?: number;\n\n\t@Watch('_min')\n\tpublic watchMin(value?: number): void {\n\t\tthis.ctrl.watchMin(value);\n\t}\n\n\t/**\n\t * Defines the optimal value of the element.\n\t */\n\t@Prop()\n\tpublic _optimum?: number;\n\n\t@Watch('_optimum')\n\tpublic watchOptimum(value?: number): void {\n\t\tthis.ctrl.watchOptimum(value);\n\t}\n\n\t/**\n\t * Defines whether the meter bar is displayed horizontally or vertically.\n\t */\n\t@Prop()\n\tpublic _orientation: OrientationPropType = 'horizontal';\n\n\t@Watch('_orientation')\n\tpublic watchOrientation(value?: OrientationPropType): void {\n\t\tthis.ctrl.watchOrientation(value);\n\t}\n\n\t/**\n\t * Defines the unit of the step values (not shown).\n\t */\n\t@Prop()\n\tpublic _unit: string = '%';\n\n\t@Watch('_unit')\n\tpublic watchUnit(value?: string): void {\n\t\tthis.ctrl.watchUnit(value);\n\t}\n\n\t/**\n\t * Defines the value of the element.\n\t */\n\t@Prop()\n\tpublic _value!: number;\n\n\t@Watch('_value')\n\tpublic watchValue(value?: number): void {\n\t\tthis.ctrl.watchValue(value);\n\t}\n\n\t@State()\n\tpublic liveValue: number = 0;\n\n\tpublic componentWillLoad(): void {\n\t\tthis.ctrl.componentWillLoad({\n\t\t\thigh: this._high,\n\t\t\tlabel: this._label,\n\t\t\tlow: this._low,\n\t\t\tmax: this._max,\n\t\t\tmin: this._min,\n\t\t\toptimum: this._optimum,\n\t\t\torientation: this._orientation,\n\t\t\tunit: this._unit,\n\t\t\tvalue: this._value,\n\t\t});\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tthis.ctrl.destroy();\n\t}\n\n\tpublic render(): JSX.Element {\n\t\tconst { high, low, optimum } = this.ctrl.getMeterData();\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<MeterFC\n\t\t\t\t\thigh={high}\n\t\t\t\t\tlabel={this.ctrl.getRenderProp('label')}\n\t\t\t\t\tlow={low}\n\t\t\t\t\tliveValue={this.liveValue}\n\t\t\t\t\tmax={this.ctrl.getRenderProp('max')}\n\t\t\t\t\tmin={this.ctrl.getRenderProp('min')}\n\t\t\t\t\toptimum={optimum}\n\t\t\t\t\torientation={this.ctrl.getRenderProp('orientation')}\n\t\t\t\t\tunit={this.ctrl.getRenderProp('unit')}\n\t\t\t\t\tvalue={this.ctrl.getRenderProp('value')}\n\t\t\t\t/>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAKO,MAAM,QAAQ,GAAG,oBAAoB,CAAW,MAAM,EAAE,CAAC,EAAE,eAAe,CAAC;;ACA3E,MAAM,OAAO,GAAG,oBAAoB,CAAU,KAAK,EAAE,CAAC,EAAE,eAAe,CAAC;;ACAxE,MAAM,OAAO,GAAG,oBAAoB,CAAU,KAAK,EAAE,CAAC,EAAE,eAAe,CAAC;;ACAxE,MAAM,WAAW,GAAG,oBAAoB,CAAc,SAAS,EAAE,CAAC,EAAE,eAAe,CAAC;;ACDpF,MAAM,kBAAkB,GAAG,CAAC,YAAY,EAAE,UAAU,CAAU;AAI9D,MAAM,eAAe,GAAG,oBAAoB,CAAkB,aAAa,EAAE,YAAY,EAAE,CAAC,KAAc,KAAI;AACpH,IAAA,MAAM,GAAG,GAAG,eAAe,CAAC,KAAK,CAAC;AAClC,IAAA,IAAI,kBAAkB,CAAC,QAAQ,CAAC,GAA0B,CAAC,EAAE;AAC5D,QAAA,OAAO,GAA0B;;AAElC,IAAA,MAAM,IAAI,KAAK,CAAC,wBAAwB,GAAG,CAAA,CAAE,CAAC;AAC/C,CAAC,CAAC;;ACaK,MAAM,eAAe,GAAG,oBAAoB,CAAkB,OAAO,EAAE,CAAC,EAAE,eAAe,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;;ACjBhH,SAAS,aAAa,CAAC,KAAa,EAAE,GAAW,EAAE,GAAW,EAAE,GAAuB,EAAE,IAAwB,EAAE,OAA2B,EAAA;AAC7I,IAAA,MAAM,YAAY,GAAG,GAAG,KAAA,IAAA,IAAH,GAAG,KAAH,MAAA,GAAA,GAAG,GAAI,GAAG;AAC/B,IAAA,MAAM,aAAa,GAAG,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAJ,MAAA,GAAA,IAAI,GAAI,GAAG;AAEjC,IAAA,IAAI,OAAO,KAAK,SAAS,EAAE;QAC1B,MAAM,WAAW,GAAG,KAAK,IAAI,YAAY,IAAI,KAAK,IAAI,aAAa;QACnE,OAAO,WAAW,GAAG,SAAS,GAAG,YAAY;;AAG9C,IAAA,MAAM,WAAW,GAAG,KAAK,GAAG,YAAY;AACxC,IAAA,MAAM,YAAY,GAAG,KAAK,GAAG,aAAa;AAC1C,IAAA,MAAM,WAAW,GAAG,CAAC,WAAW,IAAI,CAAC,YAAY;AAEjD,IAAA,MAAM,YAAY,GAAG,OAAO,GAAG,YAAY;AAC3C,IAAA,MAAM,aAAa,GAAG,OAAO,GAAG,aAAa;IAE7C,IAAI,YAAY,EAAE;AACjB,QAAA,IAAI,WAAW;AAAE,YAAA,OAAO,SAAS;AACjC,QAAA,IAAI,WAAW;AAAE,YAAA,OAAO,YAAY;AACpC,QAAA,OAAO,UAAU;;SACX,IAAI,aAAa,EAAE;AACzB,QAAA,IAAI,YAAY;AAAE,YAAA,OAAO,SAAS;AAClC,QAAA,IAAI,WAAW;AAAE,YAAA,OAAO,YAAY;AACpC,QAAA,OAAO,UAAU;;SACX;AACN,QAAA,IAAI,WAAW;AAAE,YAAA,OAAO,SAAS;AACjC,QAAA,OAAO,YAAY;;AAErB;AAQO,MAAM,OAAO,GAAqB,CAAC,KAAK,KAAI;IAClD,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK;AAE1F,IAAA,MAAM,UAAU,GAAG,WAAW,KAAK,UAAU;AAC7C,IAAA,MAAM,YAAY,GAAG,IAAI,KAAK,GAAG;AACjC,IAAA,MAAM,YAAY,GAAG,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,CAAC,IAAI,GAAG,CAAC,GAAG,KAAK;AAC3F,IAAA,MAAM,cAAc,GAAG,YAAY,GAAG,CAAA,EAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,CAAC,IAAI,GAAG,CAAC,CAAE,CAAA,GAAG,SAAS;IAC1G,MAAM,gBAAgB,GAAG,CAAG,EAAA,CAAA,EAAG,CAAC,YAAY,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC,CAAE,CAAA,CAAC,MAAM,CAAA,EAAA,CAAI;AAC1E,IAAA,MAAM,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC;AACtF,IAAA,MAAM,KAAK,GAAG,aAAa,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,CAAC;IAGhE,MAAM,sBAAsB,GAAG,GAAG,KAAK,SAAS,IAAI,IAAI,KAAK,SAAS;AACtE,IAAA,MAAM,UAAU,GAAG,sBAAsB,GAAG,SAAS,CAAC,CAAmB,gBAAA,EAAA,KAAK,EAAoB,CAAC,GAAG,EAAE;IAExG,MAAM,aAAa,GAAG;AACrB,UAAE,SAAS,CAAC,gBAAgB,EAAE,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,EAAE;UACrF,SAAS,CAAC,wBAAwB,EAAE,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,cAAc,CAAC,EAAE,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC;AACnH,IAAA,MAAM,kBAAkB,GAAG,sBAAsB,GAAG,CAAA,EAAG,aAAa,CAAA,GAAA,EAAM,UAAU,CAAE,CAAA,GAAG,aAAa;AAEtG,IAAA,MAAM,SAAS,GAAG;AACjB,QAAA,qBAAqB,EAAE,IAAI;QAC3B,8BAA8B,EAAE,KAAK,KAAK,SAAS;QACnD,iCAAiC,EAAE,KAAK,KAAK,YAAY;QACzD,+BAA+B,EAAE,KAAK,KAAK,UAAU;KACrD;IAED,QACC,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,qBAAqB,EAAE,UAAU,EAAE,EAAA,EACnE,CAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,MAAM,EAAC,KAAK,EAAC,gBAAgB,EAAA,EAC7C,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAC/B,KAAK,EACL,sBAAsB,KACtB,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,8CAA8C,KAAK,CAAA,CAAE,EAAA,EAChE,KAAK,EACL,UAAU,CACL,CACP,CACI,EAEL,UAAU,IACV,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAChC,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,CAAuB,oBAAA,EAAA,cAAc,GAAG,GAAG,CAAA,CAAA,CAAG,EAAE,GAAQ,CAC3F,KAEN,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAA,EAClF,CAAA,CAAA,MAAA,EAAA,EACC,KAAK,EAAC,2BAA2B,EACjC,CAAC,EAAC,GAAG,EACL,CAAC,EAAC,GAAG,EACL,MAAM,EAAC,IAAI,EACX,EAAE,EAAC,GAAG,EACN,IAAI,EAAC,cAAc,EACnB,MAAM,EAAC,cAAc,kBACR,GAAG,EAChB,KAAK,EAAC,MAAM,EACL,CAAA,EACR,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,uBAAuB,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAC,cAAc,EAAC,MAAM,EAAC,cAAc,kBAAc,GAAG,EAAC,KAAK,EAAC,MAAM,EAAQ,CAAA,EAClJ,CAAA,CAAA,MAAA,EAAA,EACC,KAAK,EAAE,SAAS,EAChB,CAAC,EAAC,GAAG,EACL,CAAC,EAAC,GAAG,EACL,MAAM,EAAC,GAAG,EACV,EAAE,EAAC,KAAK,EACR,IAAI,EAAC,cAAc,EACnB,MAAM,EAAC,cAAc,EAAA,cAAA,EACR,GAAG,EAChB,KAAK,EAAE,EAAE,KAAK,EAAE,CAAQ,KAAA,EAAA,cAAc,UAAU,EAAE,EAAA,CAC3C,CACH,CACN,EAED,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,uBAAuB,EAAA,EAClC,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,kBAAkB,EAAC,KAAK,EAAE,UAAU,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,gBAAgB,EAAE,EACjF,EAAA,YAAY,CACP,EACN,QAAQ,EACT,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,iBAAiB,IAAE,IAAI,CAAQ,CACrC,CACF,EAEN,CAAA,CAAA,OAAA,EAAA,EAAA,YAAA,EAAmB,KAAK,EAAE,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAU,CAAA,EACpI,CAAA,CAAA,MAAA,EAAA,EAAA,WAAA,EAAgB,QAAQ,EAAA,eAAA,EAAe,gBAAgB,EAAC,KAAK,EAAC,iBAAiB,EAAA,EAC7E,kBAAkB,CACb,CACF;AAER,CAAC;;ACrHM,MAAM,gBAAgB,GAAG;AAC/B,IAAA,QAAQ,EAAE,CAAC,OAAO,EAAE,eAAe,EAAE,QAAQ,CAAC;AAC9C,IAAA,QAAQ,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,eAAe,CAAC;CACX;;ACP/B,MAAO,eAAgB,SAAQ,cAAwB,CAAA;AAI5D,IAAA,WAAA,CAAmB,WAAkC,EAAA;AACpD,QAAA,KAAK,CAAC,WAAW,EAAE,gBAAgB,CAAC;AAH7B,QAAA,IAAA,CAAA,SAAS,GAAc,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE;;AAM/E,IAAA,iBAAiB,CAAC,KAAmC,EAAA;QAC3D,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK;AAC/E,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;AACpB,QAAA,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;AACtB,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC;AAClB,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC;AAClB,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC;AAClB,QAAA,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC;AAC1B,QAAA,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC;AAClC,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;AACpB,QAAA,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;AAEtB,QAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QACvD,IAAI,CAAC,sBAAsB,EAAE;;IAGvB,OAAO,GAAA;AACb,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC;AAC5B,YAAA,IAAI,CAAC,QAAQ,GAAG,SAAS;;;IAIpB,YAAY,GAAA;QAClB,OAAO,IAAI,CAAC,SAAS;;AAGf,IAAA,SAAS,CAAC,KAAc,EAAA;AAC9B,QAAA,IAAI,KAAK,KAAK,SAAS,EAAE;AACxB,YAAA,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,SAAS;;aACzB;YACN,QAAQ,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,KAAI;AAC3B,gBAAA,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,CAAC;AACxB,aAAC,CAAC;;;AAIG,IAAA,UAAU,CAAC,KAAc,EAAA;QAC/B,SAAS,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,KAAI;AAC5B,YAAA,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC,CAAC;AAC/B,SAAC,CAAC;;AAGI,IAAA,QAAQ,CAAC,KAAc,EAAA;AAC7B,QAAA,IAAI,KAAK,KAAK,SAAS,EAAE;AACxB,YAAA,IAAI,CAAC,SAAS,CAAC,GAAG,GAAG,SAAS;;aACxB;YACN,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,KAAI;AAC1B,gBAAA,IAAI,CAAC,SAAS,CAAC,GAAG,GAAG,CAAC;AACvB,aAAC,CAAC;;;AAIG,IAAA,QAAQ,CAAC,KAAc,EAAA;QAC7B,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,KAAI;AAC1B,YAAA,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC,CAAC;AAC7B,SAAC,CAAC;;AAGI,IAAA,QAAQ,CAAC,KAAc,EAAA;QAC7B,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,KAAI;AAC1B,YAAA,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC,CAAC;AAC7B,SAAC,CAAC;;AAGI,IAAA,YAAY,CAAC,KAAc,EAAA;AACjC,QAAA,IAAI,KAAK,KAAK,SAAS,EAAE;AACxB,YAAA,IAAI,CAAC,SAAS,CAAC,OAAO,GAAG,SAAS;;aAC5B;YACN,WAAW,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,KAAI;AAC9B,gBAAA,IAAI,CAAC,SAAS,CAAC,OAAO,GAAG,CAAC;AAC3B,aAAC,CAAC;;;AAIG,IAAA,gBAAgB,CAAC,KAAc,EAAA;QACrC,eAAe,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,KAAI;AAClC,YAAA,IAAI,CAAC,aAAa,CAAC,aAAa,EAAE,CAAC,CAAC;AACrC,SAAC,CAAC;;AAGI,IAAA,SAAS,CAAC,KAAc,EAAA;QAC9B,QAAQ,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,KAAI;AAC3B,YAAA,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC,CAAC;AAC9B,SAAC,CAAC;;AAGI,IAAA,UAAU,CAAC,KAAc,EAAA;QAC/B,eAAe,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,KAAI;AAClC,YAAA,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC,CAAC;AAC/B,SAAC,CAAC;;IAGK,sBAAsB,GAAA;AAC7B,QAAA,IAAI,CAAC,QAAQ,GAAG,WAAW,CAAC,MAAK;YAChC,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC;YACzC,IAAI,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,KAAK,EAAE;AACzC,gBAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC;;SAElC,EAAE,IAAI,CAAC;;AAET;;ACzHD,MAAM,eAAe,GAAG,2/PAA2/P;;MCgBtgQ,QAAS,GAAA,cAAQ,gBAA0B,CAAA;;;;QACtC,IAAI,CAAA,IAAA,GAAG,IAAI,eAAe,CAAC,IAAI,CAAC,WAAW,CAAC;AAwEtD,QAAA,IAAY,CAAA,YAAA,GAAwB,YAAY;AAWhD,QAAA,IAAK,CAAA,KAAA,GAAW,GAAG;AAmBnB,QAAA,IAAS,CAAA,SAAA,GAAW,CAAC;;AA7FrB,IAAA,SAAS,CAAC,KAAc,EAAA;AAC9B,QAAA,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;;AAUpB,IAAA,UAAU,CAAC,KAAc,EAAA;AAC/B,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;;AAUrB,IAAA,QAAQ,CAAC,KAAc,EAAA;AAC7B,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;;AAUnB,IAAA,QAAQ,CAAC,KAAc,EAAA;AAC7B,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;;AAUnB,IAAA,QAAQ,CAAC,KAAc,EAAA;AAC7B,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;;AAUnB,IAAA,YAAY,CAAC,KAAc,EAAA;AACjC,QAAA,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;;AAUvB,IAAA,gBAAgB,CAAC,KAA2B,EAAA;AAClD,QAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC;;AAU3B,IAAA,SAAS,CAAC,KAAc,EAAA;AAC9B,QAAA,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;;AAUpB,IAAA,UAAU,CAAC,KAAc,EAAA;AAC/B,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;;IAMrB,iBAAiB,GAAA;AACvB,QAAA,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC;YAC3B,IAAI,EAAE,IAAI,CAAC,KAAK;YAChB,KAAK,EAAE,IAAI,CAAC,MAAM;YAClB,GAAG,EAAE,IAAI,CAAC,IAAI;YACd,GAAG,EAAE,IAAI,CAAC,IAAI;YACd,GAAG,EAAE,IAAI,CAAC,IAAI;YACd,OAAO,EAAE,IAAI,CAAC,QAAQ;YACtB,WAAW,EAAE,IAAI,CAAC,YAAY;YAC9B,IAAI,EAAE,IAAI,CAAC,KAAK;YAChB,KAAK,EAAE,IAAI,CAAC,MAAM;AAClB,SAAA,CAAC;;IAGI,oBAAoB,GAAA;AAC1B,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;;IAGb,MAAM,GAAA;AACZ,QAAA,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;QACvD,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAA,CAAC,OAAO,EACP,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,EACvC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,EACnC,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,EACnC,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,EACnD,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,EACrC,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,EACtC,CAAA,CACI;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{h as e,r as n,H as t}from"./index-C8rYknb2.js";import{B as i}from"./variant-quote-CHD0qMkY.js";import{t as o}from"./i18n-BVaUp6qp.js";import"./common-BqV6Zb30.js";import{c as l,d as r,n as a}from"./normalizers-DnkJhVYZ.js";import{l as s}from"./label-BEOW9ltS.js";import{m as c,u as h}from"./unit-eRQuaHYy.js";import{B as m}from"./base-controller-CXhqh4cR.js";import"./i18n-B2d_exHc.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";const d=l("high",0,r),u=l("low",0,r),p=l("min",0,r),f=l("optimum",0,r),b=["horizontal","vertical"],k=l("orientation","horizontal",e=>{const t=a(e);if(b.includes(t))return t;throw new Error(`Invalid orientation: ${t}`)}),g=l("value",0,r,e=>e>=0);function w(e,t,n,i,a,o){const r=null!=i?i:t,l=null!=a?a:n;if(void 0===o){return e>=r&&e<=l?"optimum":"suboptimal"}const s=e<r,h=e>l,c=!s&&!h;return o<r?s?"optimum":c?"suboptimal":"critical":o>l?h?"optimum":c?"suboptimal":"critical":c?"optimum":"suboptimal"}const v=t=>{const{high:n,label:i,low:a,liveValue:r,max:l,min:s,optimum:h,orientation:c,unit:m,value:d}=t,u="vertical"===c,p="%"===m,b=p?Math.round((d-s)/(l-s)*100):d,f=p?`${Math.round((r-s)/(l-s)*100)}`:r,k=`${`${(p?100:l)+1}`.length}ch`,g=Math.min(100,Math.max(0,(d-s)/(l-s)*100)),v=w(d,s,l,a,n,h),_=void 0!==a||void 0!==n,y=_?o(`kol-meter-state-${v}`):"",x=p?o("kol-live-value",{placeholders:{value:String(f),unit:m}}):o("kol-live-value-bounded",{placeholders:{value:String(f),max:String(l),unit:m}}),z=_?`${x} – ${y}`:x,L={"kol-meter__bar-fill":!0,"kol-meter__bar-fill--optimum":"optimum"===v,"kol-meter__bar-fill--suboptimal":"suboptimal"===v,"kol-meter__bar-fill--critical":"critical"===v};return e("div",{class:{"kol-meter":!0,"kol-meter--vertical":u}},e("div",{"aria-hidden":"true",class:"kol-meter__bar"},e("div",{class:"kol-meter__bar-label"},i,_&&e("span",{class:`kol-meter__bar-state kol-meter__bar-state--${v}`}," – ",y)),u?e("div",{class:"kol-meter__bar-track"},e("div",{class:L,style:{height:`calc((100% - 6px) * ${g/100})`}})):e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"12",overflow:"visible"},e("rect",{class:"kol-meter__bar-background",x:"1",y:"1",height:"11",rx:"5",fill:"currentColor",stroke:"currentColor","stroke-width":"3",width:"100%"}),e("rect",{class:"kol-meter__bar-border",x:"1",y:"1",height:"11",rx:"5",fill:"currentColor",stroke:"currentColor","stroke-width":"1",width:"100%"}),e("rect",{class:L,x:"3",y:"3",height:"7",rx:"3.5",fill:"currentColor",stroke:"currentColor","stroke-width":"3",style:{width:`calc(${g}% - 4px)`}})),e("span",{class:"kol-meter__value-unit"},e("span",{class:"kol-meter__value",style:u?{}:{width:k}},b)," ",e("span",{class:"kol-meter__unit"},m))),e("meter",{"aria-label":i,class:"visually-hidden",high:n,low:a,max:l,min:s,optimum:h,value:d}),e("span",{"aria-live":"polite","aria-relevant":"additions text",class:"visually-hidden"},z))},_={optional:[p,k,h],required:[s,c,g]};class y extends m{constructor(e){super(e,_),this.meterData={high:void 0,low:void 0,optimum:void 0}}componentWillLoad(e){const{high:t,label:n,low:i,max:a,min:o,optimum:r,orientation:l,unit:s,value:h}=e;this.watchHigh(t),this.watchLabel(n),this.watchLow(i),this.watchMax(a),this.watchMin(o),this.watchOptimum(r),this.watchOrientation(l),this.watchUnit(s),this.watchValue(h),this.setState("liveValue",this.getRenderProp("value")),this.startLiveValueInterval()}destroy(){this.interval&&(clearInterval(this.interval),this.interval=void 0)}getMeterData(){return this.meterData}watchHigh(e){void 0===e?this.meterData.high=void 0:d.apply(e,e=>{this.meterData.high=e})}watchLabel(e){s.apply(e,e=>{this.setRenderProp("label",e)})}watchLow(e){void 0===e?this.meterData.low=void 0:u.apply(e,e=>{this.meterData.low=e})}watchMax(e){c.apply(e,e=>{this.setRenderProp("max",e)})}watchMin(e){p.apply(e,e=>{this.setRenderProp("min",e)})}watchOptimum(e){void 0===e?this.meterData.optimum=void 0:f.apply(e,e=>{this.meterData.optimum=e})}watchOrientation(e){k.apply(e,e=>{this.setRenderProp("orientation",e)})}watchUnit(e){h.apply(e,e=>{this.setRenderProp("unit",e)})}watchValue(e){g.apply(e,e=>{this.setRenderProp("value",e)})}startLiveValueInterval(){this.interval=setInterval(()=>{const e=this.getRenderProp("value");this.getState("liveValue")!==e&&this.setState("liveValue",e)},5e3)}}const x="/* forward the rem function */\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  .kol-meter__bar {\n    display: grid;\n    column-gap: calc(0.8 * 1rem / var(--kolibri-root-font-size, 16));\n    align-items: center;\n    grid-template-areas: \"LABEL LABEL LABEL\" \"BAR VALUE UNIT\";\n    grid-template-columns: 1fr auto;\n  }\n  .kol-meter__bar-label {\n    grid-column-end: 2;\n    grid-area: LABEL;\n  }\n  .kol-meter__bar svg {\n    grid-area: BAR;\n  }\n  .kol-meter__bar-border {\n    fill: transparent;\n    stroke: black;\n  }\n  .kol-meter__bar-background {\n    fill: lightgray;\n    stroke: white;\n  }\n  .kol-meter__bar-fill {\n    stroke: transparent;\n  }\n  @media (prefers-reduced-motion: no-preference) {\n    .kol-meter__bar-fill {\n      transition: 250ms ease-in-out 50ms;\n    }\n  }\n  .kol-meter__bar-fill--optimum {\n    color: #2ea32e;\n    color: #2ea32e;\n    fill: #2ea32e;\n  }\n  .kol-meter__bar-fill--suboptimal {\n    color: #c8a000;\n    color: #c8a000;\n    fill: #c8a000;\n  }\n  .kol-meter__bar-fill--critical {\n    color: #c00;\n    color: #c00;\n    fill: #c00;\n  }\n  .kol-meter__value-unit {\n    display: contents;\n  }\n  .kol-meter__value {\n    grid-area: VALUE;\n    text-align: right;\n  }\n  .kol-meter__unit {\n    grid-area: UNIT;\n  }\n  .kol-meter--vertical {\n    display: inline-flex;\n  }\n  .kol-meter--vertical .kol-meter__bar {\n    display: flex;\n    min-height: var(--kol-meter-height, calc(128 * 1rem / var(--kolibri-root-font-size, 16)));\n    row-gap: calc(4 * 1rem / var(--kolibri-root-font-size, 16));\n    flex-direction: column;\n    align-items: center;\n  }\n  .kol-meter--vertical .kol-meter__bar-label {\n    text-align: center;\n  }\n  .kol-meter--vertical .kol-meter__bar-track {\n    background: lightgray;\n    outline: calc(1 * 1rem / var(--kolibri-root-font-size, 16)) solid black;\n    border-radius: calc(6 * 1rem / var(--kolibri-root-font-size, 16));\n    position: relative;\n    width: calc(12 * 1rem / var(--kolibri-root-font-size, 16));\n    min-height: 0;\n    overflow: hidden;\n    flex: 1;\n  }\n  .kol-meter--vertical .kol-meter__bar-fill {\n    background: currentColor;\n    border-radius: calc(3 * 1rem / var(--kolibri-root-font-size, 16));\n    position: absolute;\n    right: calc(3 * 1rem / var(--kolibri-root-font-size, 16));\n    bottom: calc(3 * 1rem / var(--kolibri-root-font-size, 16));\n    left: calc(3 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  @media (prefers-reduced-motion: no-preference) {\n    .kol-meter--vertical .kol-meter__bar-fill {\n      transition: height 250ms ease-in-out 50ms;\n    }\n  }\n  .kol-meter--vertical .kol-meter__value-unit {\n    display: contents;\n  }\n  .kol-meter--vertical .kol-meter__value {\n    width: auto;\n    text-align: center;\n  }\n  .kol-meter--vertical .kol-meter__unit {\n    text-align: center;\n  }\n}",z=class extends i{constructor(e){super(),n(this,e),this.ctrl=new y(this.stateAccess),this._orientation="horizontal",this._unit="%",this.liveValue=0}watchHigh(e){this.ctrl.watchHigh(e)}watchLabel(e){this.ctrl.watchLabel(e)}watchLow(e){this.ctrl.watchLow(e)}watchMax(e){this.ctrl.watchMax(e)}watchMin(e){this.ctrl.watchMin(e)}watchOptimum(e){this.ctrl.watchOptimum(e)}watchOrientation(e){this.ctrl.watchOrientation(e)}watchUnit(e){this.ctrl.watchUnit(e)}watchValue(e){this.ctrl.watchValue(e)}componentWillLoad(){this.ctrl.componentWillLoad({high:this._high,label:this._label,low:this._low,max:this._max,min:this._min,optimum:this._optimum,orientation:this._orientation,unit:this._unit,value:this._value})}disconnectedCallback(){this.ctrl.destroy()}render(){const{high:n,low:i,optimum:a}=this.ctrl.getMeterData();return e(t,{key:"d84a0464ee8f975df788de58561ab2eb922c68e3"},e(v,{key:"e7cb9ee6a916b8afc538aa4acadae51bca50f57f",high:n,label:this.ctrl.getRenderProp("label"),low:i,liveValue:this.liveValue,max:this.ctrl.getRenderProp("max"),min:this.ctrl.getRenderProp("min"),optimum:a,orientation:this.ctrl.getRenderProp("orientation"),unit:this.ctrl.getRenderProp("unit"),value:this.ctrl.getRenderProp("value")}))}static get watchers(){return{_high:["watchHigh"],_label:["watchLabel"],_low:["watchLow"],_max:["watchMax"],_min:["watchMin"],_optimum:["watchOptimum"],_orientation:["watchOrientation"],_unit:["watchUnit"],_value:["watchValue"]}}};z.style={default:x};export{z as kol_meter};

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

@@ -0,0 +1 @@
+{"version":3,"names":["h","registerInstance","Host","BaseWebComponent","translate","createPropDefinition","normalizeNumber","normalizeString","labelProp","maxProp","unitProp","BaseController","highProp","lowProp","minProp","optimumProp","orientationOptions","orientationProp","value","str","includes","Error","numberValueProp","v","getMeterState","min","max","low","high","optimum","effectiveLow","effectiveHigh","undefined","inMidRegion","inLowRegion","inHighRegion","optimumInLow","optimumInHigh","MeterFC","props","label","liveValue","orientation","unit","isVertical","isPercentage","displayValue","Math","round","liveMeterValue","valueColumnWidth","length","fillPercentage","state","hasStateClassification","stateLabel","liveValueText","placeholders","String","liveValueWithState","fillClass","class","style","height","xmlns","width","overflow","x","y","rx","fill","stroke","meterPropsConfig","optional","required","MeterController","constructor","stateAccess","super","this","meterData","componentWillLoad","watchHigh","watchLabel","watchLow","watchMax","watchMin","watchOptimum","watchOrientation","watchUnit","watchValue","setState","getRenderProp","startLiveValueInterval","destroy","interval","clearInterval","getMeterData","apply","setRenderProp","setInterval","getState","defaultStyleCss","KolMeter","hostRef","ctrl","_orientation","_unit","_high","_label","_low","_max","_min","_optimum","_value","disconnectedCallback","render","key","watchers","default"],"sources":["0"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"kol-modal.entry.esm.js","sources":["src/components/modal/style.scss?tag=kol-modal&mode=default&encapsulation=shadow","src/components/modal/shadow.tsx"],"sourcesContent":["@use '../dialog/style';\n","import type { JSX } from '@stencil/core';\nimport { Component, h, Method, Prop } from '@stencil/core';\nimport { KolDialogWcTag } from '../../core/component-names';\nimport type { DialogProps, KoliBriDialogEventCallbacks, LabelPropType } from '../../schema';\nimport type { ModalVariantPropType } from '../../schema/props/variant/modal';\n\n/**\n * The **Modal** component has been superseded by `kol-dialog`, which provides improved accessibility and conforms to the HTML dialog specification. It is still available in version 2 for backwards compatibility.\n *\n * @deprecated Use `kol-dialog` instead.\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 DialogProps {\n\tprivate dialogRef?: HTMLKolDialogWcElement;\n\n\tprivate readonly catchRef = (ref?: HTMLKolDialogWcElement) => {\n\t\tthis.dialogRef = ref;\n\t};\n\n\t/**\n\t * Opens the modal dialog.\n\t */\n\t@Method()\n\tpublic async openModal() {\n\t\tawait this.dialogRef?.openModal();\n\t}\n\n\t/**\n\t * Closes the modal dialog.\n\t */\n\t@Method()\n\tpublic async closeModal() {\n\t\tawait this.dialogRef?.closeModal();\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<KolDialogWcTag ref={this.catchRef} _label={this._label} _on={this._on} _variant={this._variant} _width={this._width}>\n\t\t\t\t<slot />\n\t\t\t</KolDialogWcTag>\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?: KoliBriDialogEventCallbacks;\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"],"names":[],"mappings":";;;;;;;AAAA,MAAM,eAAe,GAAG,w4VAAw4V;;MCmBn5V,QAAQ,GAAA,MAAA;AAPrB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAUkB,QAAA,IAAA,CAAA,QAAQ,GAAG,CAAC,GAA4B,KAAI;AAC5D,YAAA,IAAI,CAAC,SAAS,GAAG,GAAG;AACrB,SAAC;AAuCc,QAAA,IAAM,CAAA,MAAA,GAAY,MAAM;AAKxB,QAAA,IAAQ,CAAA,QAAA,GAA0B,OAAO;AACxD;AAvCO,IAAA,MAAM,SAAS,GAAA;;AACrB,QAAA,OAAM,MAAA,IAAI,CAAC,SAAS,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,SAAS,EAAE,CAAA;;AAO3B,IAAA,MAAM,UAAU,GAAA;;AACtB,QAAA,OAAM,MAAA,IAAI,CAAC,SAAS,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,UAAU,EAAE,CAAA;;IAG5B,MAAM,GAAA;QACZ,QACC,CAAA,CAAC,cAAc,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAA,EACnH,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACQ;;;;;;;;;"}
+{"version":3,"file":"kol-modal.entry.esm.js","sources":["src/components/modal/style.scss?tag=kol-modal&mode=default&encapsulation=shadow","src/components/modal/shadow.tsx"],"sourcesContent":["@use '../dialog/style';\n","import type { JSX } from '@stencil/core';\nimport { Component, h, Method, Prop } from '@stencil/core';\nimport { KolDialogWcTag } from '../../core/component-names';\nimport type { DialogProps, KoliBriDialogEventCallbacks, LabelPropType } from '../../schema';\nimport type { ModalVariantPropType } from '../../schema/props/variant/modal';\n\n/**\n * The **Modal** component has been superseded by `kol-dialog`, which provides improved accessibility and conforms to the HTML dialog specification. It is still available in version 2 for backwards compatibility.\n *\n * @deprecated Use `kol-dialog` instead.\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 DialogProps {\n\tprivate dialogRef?: HTMLKolDialogWcElement;\n\n\tprivate readonly catchRef = (ref?: HTMLKolDialogWcElement) => {\n\t\tthis.dialogRef = ref;\n\t};\n\n\t/**\n\t * Opens the modal dialog.\n\t */\n\t@Method()\n\tpublic async openModal() {\n\t\tawait this.dialogRef?.openModal();\n\t}\n\n\t/**\n\t * Closes the modal dialog.\n\t */\n\t@Method()\n\tpublic async closeModal() {\n\t\tawait this.dialogRef?.closeModal();\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<KolDialogWcTag ref={this.catchRef} _label={this._label} _on={this._on} _variant={this._variant} _width={this._width}>\n\t\t\t\t<slot />\n\t\t\t</KolDialogWcTag>\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?: KoliBriDialogEventCallbacks;\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"],"names":[],"mappings":";;;;;;;AAAA,MAAM,eAAe,GAAG,6hWAA6hW;;MCmBxiW,QAAQ,GAAA,MAAA;AAPrB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAUkB,QAAA,IAAA,CAAA,QAAQ,GAAG,CAAC,GAA4B,KAAI;AAC5D,YAAA,IAAI,CAAC,SAAS,GAAG,GAAG;AACrB,SAAC;AAuCc,QAAA,IAAM,CAAA,MAAA,GAAY,MAAM;AAKxB,QAAA,IAAQ,CAAA,QAAA,GAA0B,OAAO;AACxD;AAvCO,IAAA,MAAM,SAAS,GAAA;;AACrB,QAAA,OAAM,MAAA,IAAI,CAAC,SAAS,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,SAAS,EAAE,CAAA;;AAO3B,IAAA,MAAM,UAAU,GAAA;;AACtB,QAAA,OAAM,MAAA,IAAI,CAAC,SAAS,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,UAAU,EAAE,CAAA;;IAG5B,MAAM,GAAA;QACZ,QACC,CAAA,CAAC,cAAc,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAA,EACnH,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACQ;;;;;;;;;"}

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-t9mjSqi3.js";import{f as o}from"./component-names-C64MXeC1.js";import"./common-BIkdAxr0.js";const t='@charset "UTF-8";\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1774621104972"); /* IE9*/\n  src: url("kolicons.eot?t=1774621104972#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1774621104972") format("woff2"), url("kolicons.woff?t=1774621104972") format("woff"), url("kolicons.ttf?t=1774621104972") format("truetype"), url("kolicons.svg?t=1774621104972#kolicons") format("svg"); /* iOS 4.1- */\n}\n[class^=kolicon-], [class*=" kolicon-"] {\n  font-family: "kolicons";\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1em;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.kolicon-alert-error::before {\n  content: "\\ea01";\n}\n\n.kolicon-alert-info::before {\n  content: "\\ea02";\n}\n\n.kolicon-alert-success::before {\n  content: "\\ea03";\n}\n\n.kolicon-alert-warning::before {\n  content: "\\ea04";\n}\n\n.kolicon-check::before {\n  content: "\\ea05";\n}\n\n.kolicon-chevron-double-left::before {\n  content: "\\ea06";\n}\n\n.kolicon-chevron-double-right::before {\n  content: "\\ea07";\n}\n\n.kolicon-chevron-down::before {\n  content: "\\ea08";\n}\n\n.kolicon-chevron-left::before {\n  content: "\\ea09";\n}\n\n.kolicon-chevron-right::before {\n  content: "\\ea0a";\n}\n\n.kolicon-chevron-up::before {\n  content: "\\ea0b";\n}\n\n.kolicon-cogwheel::before {\n  content: "\\ea0c";\n}\n\n.kolicon-cross::before {\n  content: "\\ea0d";\n}\n\n.kolicon-eye-closed::before {\n  content: "\\ea0e";\n}\n\n.kolicon-eye::before {\n  content: "\\ea0f";\n}\n\n.kolicon-house::before {\n  content: "\\ea10";\n}\n\n.kolicon-kolibri::before {\n  content: "\\ea11";\n}\n\n.kolicon-link-external::before {\n  content: "\\ea12";\n}\n\n.kolicon-link::before {\n  content: "\\ea13";\n}\n\n.kolicon-minus::before {\n  content: "\\ea14";\n}\n\n.kolicon-plus::before {\n  content: "\\ea15";\n}\n\n.kolicon-settings::before {\n  content: "\\ea16";\n}\n\n.kolicon-sort-asc::before {\n  content: "\\ea17";\n}\n\n.kolicon-sort-desc::before {\n  content: "\\ea18";\n}\n\n.kolicon-sort-neutral::before {\n  content: "\\ea19";\n}\n\n.kolicon-up::before {\n  content: "\\ea1a";\n}\n\n.kolicon-version::before {\n  content: "\\ea1b";\n}\n\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n.kol-icon {\n  color: inherit;\n  display: inline-block;\n  font-size: inherit;\n  font-weight: inherit;\n  line-height: inherit;\n}\n\n.kol-card .kol-icon {\n  color: inherit;\n  display: inline-block;\n  font-size: inherit;\n  font-weight: inherit;\n  line-height: inherit;\n}\n.kol-card :host {\n  display: inline-block;\n}\n.kol-card .kol-button {\n  display: flex;\n  min-height: var(--a11y-min-size);\n  font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  text-decoration-line: none;\n}\n.kol-card .kol-button::before {\n  /* Render zero-width character as first element to set the baseline correctly. */\n  content: "​";\n}\n.kol-card .kol-button__text {\n  flex: 1 0 100%;\n}\n.kol-card {\n  /* Visible with forced colors  */\n  outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  display: grid;\n  height: 100%;\n  overflow: visible;\n  grid-template-areas: "header  close" "content content";\n  grid-template-columns: 1fr min-content;\n  grid-template-rows: min-content 1fr;\n}\n.kol-card__header {\n  align-self: start;\n  grid-area: header;\n}\n.kol-card__content {\n  align-self: stretch;\n  grid-area: content;\n}\n.kol-card__close-button {\n  grid-area: close;\n}\n\n@layer kol-component {\n  .kol-dialog,\n  .kol-modal {\n    min-height: var(--a11y-min-size);\n    padding: 0;\n    border: 0;\n  }\n  .kol-dialog::backdrop,\n  .kol-modal::backdrop {\n    background-color: rgba(0, 0, 0, 0.1);\n  }\n  .kol-dialog__close-button,\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}',i=class{constructor(e){n(this,e),this.catchRef=n=>{this.dialogRef=n},this._width="100%",this._variant="blank"}async openModal(){var n;await(null===(n=this.dialogRef)||void 0===n?void 0:n.openModal())}async closeModal(){var n;await(null===(n=this.dialogRef)||void 0===n?void 0:n.closeModal())}render(){return e(o,{key:"a67eb09e039e0d4be4210007c894f713559731bc",ref:this.catchRef,_label:this._label,_on:this._on,_variant:this._variant,_width:this._width},e("slot",{key:"d5d178d907c3c0d20b5d97bb2e6e03e16277d7a9"}))}};i.style={default:t};export{i as kol_modal};
+import{r as n,h as e}from"./index-C8rYknb2.js";import{e as o}from"./component-names-Dy77vq43.js";import"./common-BqV6Zb30.js";const t='@charset "UTF-8";\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1775118370120"); /* IE9*/\n  src: url("kolicons.eot?t=1775118370120#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1775118370120") format("woff2"), url("kolicons.woff?t=1775118370120") format("woff"), url("kolicons.ttf?t=1775118370120") format("truetype"), url("kolicons.svg?t=1775118370120#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n.kol-icon {\n  color: inherit;\n  display: inline-block;\n  font-size: inherit;\n  font-weight: inherit;\n  line-height: inherit;\n}\n\n.kol-card .kol-icon {\n  color: inherit;\n  display: inline-block;\n  font-size: inherit;\n  font-weight: inherit;\n  line-height: inherit;\n}\n.kol-card :host {\n  display: inline-block;\n}\n.kol-card .kol-button {\n  display: flex;\n  min-height: var(--a11y-min-size);\n  font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  text-decoration-line: none;\n}\n.kol-card .kol-button::before {\n  /* Render zero-width character as first element to set the baseline correctly. */\n  content: "​";\n}\n.kol-card .kol-button__text {\n  flex: 1 0 100%;\n}\n.kol-card {\n  /* Visible with forced colors  */\n  outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  display: grid;\n  height: 100%;\n  overflow: visible;\n  grid-template-areas: "header  close" "content content";\n  grid-template-columns: 1fr min-content;\n  grid-template-rows: min-content 1fr;\n}\n.kol-card__header {\n  align-self: start;\n  grid-area: header;\n}\n.kol-card__content {\n  align-self: stretch;\n  grid-area: content;\n}\n.kol-card__close-button {\n  grid-area: close;\n}\n\n@layer kol-component {\n  .kol-dialog,\n  .kol-modal {\n    min-height: var(--a11y-min-size);\n    padding: 0;\n    border: 0;\n  }\n  .kol-dialog::backdrop,\n  .kol-modal::backdrop {\n    background-color: rgba(0, 0, 0, 0.1);\n  }\n  .kol-dialog__close-button,\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}',i=class{constructor(e){n(this,e),this.catchRef=n=>{this.dialogRef=n},this._width="100%",this._variant="blank"}async openModal(){var n;await(null===(n=this.dialogRef)||void 0===n?void 0:n.openModal())}async closeModal(){var n;await(null===(n=this.dialogRef)||void 0===n?void 0:n.closeModal())}render(){return e(o,{key:"75ab887117449d69f906a712cad107bc2ddb78b7",ref:this.catchRef,_label:this._label,_on:this._on,_variant:this._variant,_width:this._width},e("slot",{key:"b12b97e9b2b23717c36ede3feb8b7908806c0981"}))}};i.style={default:t};export{i as kol_modal};

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

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","KolDialogWcTag","defaultStyleCss","KolModal","constructor","hostRef","this","catchRef","ref","dialogRef","_width","_variant","openModal","_a","closeModal","render","key","_label","_on","style","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,MAAS,kCAC3BC,MAAsB,sCAC7B,uBAEP,MAAMC,EAAkB,szVAExB,MAAMC,EAAW,MACb,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,GACvBC,KAAKC,SAAYC,IACbF,KAAKG,UAAYD,CAAG,EAExBF,KAAKI,OAAS,OACdJ,KAAKK,SAAW,OACpB,CACA,eAAMC,GACF,IAAIC,SACIA,EAAKP,KAAKG,aAAe,MAAQI,SAAY,OAAS,EAAIA,EAAGD,YACzE,CACA,gBAAME,GACF,IAAID,SACIA,EAAKP,KAAKG,aAAe,MAAQI,SAAY,OAAS,EAAIA,EAAGC,aACzE,CACA,MAAAC,GACI,OAAQf,EAAEC,EAAgB,CAAEe,IAAK,2CAA4CR,IAAKF,KAAKC,SAAUU,OAAQX,KAAKW,OAAQC,IAAKZ,KAAKY,IAAKP,SAAUL,KAAKK,SAAUD,OAAQJ,KAAKI,QAAUV,EAAE,OAAQ,CAAEgB,IAAK,6CAC1M,GAEJb,EAASgB,MAAQ,CACbC,QAASlB,UAGJC","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","KolDialogWcTag","defaultStyleCss","KolModal","constructor","hostRef","this","catchRef","ref","dialogRef","_width","_variant","openModal","_a","closeModal","render","key","_label","_on","style","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,MAAS,kCAC3BC,MAAsB,sCAC7B,uBAEP,MAAMC,EAAkB,28VAExB,MAAMC,EAAW,MACb,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,GACvBC,KAAKC,SAAYC,IACbF,KAAKG,UAAYD,CAAG,EAExBF,KAAKI,OAAS,OACdJ,KAAKK,SAAW,OACpB,CACA,eAAMC,GACF,IAAIC,SACIA,EAAKP,KAAKG,aAAe,MAAQI,SAAY,OAAS,EAAIA,EAAGD,YACzE,CACA,gBAAME,GACF,IAAID,SACIA,EAAKP,KAAKG,aAAe,MAAQI,SAAY,OAAS,EAAIA,EAAGC,aACzE,CACA,MAAAC,GACI,OAAQf,EAAEC,EAAgB,CAAEe,IAAK,2CAA4CR,IAAKF,KAAKC,SAAUU,OAAQX,KAAKW,OAAQC,IAAKZ,KAAKY,IAAKP,SAAUL,KAAKK,SAAUD,OAAQJ,KAAKI,QAAUV,EAAE,OAAQ,CAAEgB,IAAK,6CAC1M,GAEJb,EAASgB,MAAQ,CACbC,QAASlB,UAGJC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"kol-nav.entry.esm.js","sources":["src/schema/props/collapsible.ts","src/schema/props/has-compact-button.ts","src/schema/props/has-icons-when-expanded.ts","src/components/nav/style.scss?tag=kol-nav&mode=default&encapsulation=shadow","src/components/nav/shadow.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type CollapsiblePropType = boolean;\n\n/**\n * Defines if navigation nodes can be collapsed or not.\n */\nexport type PropCollapsible = {\n\tcollapsible: CollapsiblePropType;\n};\n\n/* validator */\nexport const validateCollapsible = (component: Generic.Element.Component, value?: CollapsiblePropType): void => {\n\twatchBoolean(component, '_collapsible', value);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\n\ntype HasCompactButtonPropType = boolean;\n\n/**\n * Creates a button below the navigation, that toggles _collapsible. Only available for _orientation=\"vertical\".\n */\nexport type PropHasCompactButton = {\n\thasCompactButton: HasCompactButtonPropType;\n};\n\n/* validator */\nexport const validateHasCompactButton = (component: Generic.Element.Component, value?: HasCompactButtonPropType): void => {\n\twatchBoolean(component, '_hasCompactButton', value);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type HasIconsWhenExpandedPropType = boolean;\n\n/**\n * Shows icons next to the navigation item labels, even when the navigation is not collapsed.\n */\nexport type PropHasIconsWhenExpanded = {\n\thasIconsWhenExpanded: HasIconsWhenExpandedPropType;\n};\n\n/* validator */\nexport const validateHasIconsWhenExpanded = (component: Generic.Element.Component, value?: HasIconsWhenExpandedPropType): void => {\n\twatchBoolean(component, '_hasIconsWhenExpanded', value);\n};\n","@use '../@shared/mixins' as *;\n@use '../@shared/global' as *;\n@use '../tooltip/style.scss' as *;\n@use '../@shared/icon.mixin' as *;\n\n@layer kol-component {\n\t@include kol-icon-styles();\n\t.kol-nav {\n\t\t$root: &;\n\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\n\t\t&__navigation {\n\t\t\t#{$root}:not(#{$root}--is-compact) & {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n\t\t\t.kol-span {\n\t\t\t\twidth: 100%;\n\t\t\t\tjustify-content: flex-start;\n\n\t\t\t\t&__container {\n\t\t\t\t\twidth: 100%;\n\n\t\t\t\t\t.kol-span__label {\n\t\t\t\t\t\tflex: 1;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&__list {\n\t\t\tdisplay: flex;\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tflex-direction: column;\n\t\t\tlist-style: none;\n\t\t}\n\n\t\t&__entry-wrapper {\n\t\t\tdisplay: flex;\n\t\t}\n\n\t\t&__entry {\n\t\t\tflex-grow: 1;\n\t\t}\n\t}\n\n\t.kol-button {\n\t\ttext-align: left;\n\t}\n}\n","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\tKoliBriIconsProp,\n\tLabelPropType,\n\tLinkProps,\n\tLinkWithChildrenProps,\n\tNavAPI,\n\tNavStates,\n\tStringified,\n} from '../../schema';\nimport {\n\ta11yHintLabelingLandmarks,\n\tdevHint,\n\tvalidateCollapsible,\n\tvalidateHasCompactButton,\n\tvalidateHasIconsWhenExpanded,\n\tvalidateHideLabel,\n\tvalidateLabel,\n} from '../../schema';\n\nimport { KolButtonWcTag, KolLinkWcTag } from '../../core/component-names';\nimport { translate } from '../../i18n';\nimport type { StencilUnknown } from '../../schema';\nimport clsx from '../../utils/clsx';\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/**\n * The **Nav** component renders a group of related links or navigation elements that perform an action or display content when clicked.\n * It provides a highly configurable vertical or horizontal navigation bar that can represent multiple levels and vary in width.\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 buildIconObject(collapsible: boolean, expanded: boolean, leftIcon?: string): KoliBriIconsProp {\n\t\tconst icon = {\n\t\t\tleft: '',\n\t\t\tright: '',\n\t\t};\n\t\tif (this.state._hasIconsWhenExpanded && leftIcon) {\n\t\t\ticon.left = leftIcon;\n\t\t}\n\t\tif (this.state._hideLabel) {\n\t\t\tif (leftIcon) {\n\t\t\t\ticon.left = leftIcon;\n\t\t\t} else {\n\t\t\t\ticon.left = 'kolicon-link';\n\t\t\t}\n\t\t}\n\t\tif (collapsible) {\n\t\t\tif (expanded) {\n\t\t\t\ticon.right = 'kolicon-minus';\n\t\t\t} else {\n\t\t\t\ticon.right = 'kolicon-plus';\n\t\t\t}\n\t\t}\n\t\treturn icon;\n\t}\n\n\tprivate entry(collapsible: boolean, hasChildren: boolean, entry: ButtonOrLinkOrTextWithChildrenProps, expanded: boolean, ariaID: string): JSX.Element {\n\t\tconst leftIcon = typeof entry._icons === 'string' ? entry._icons : typeof entry._icons?.left === 'string' ? entry._icons.left : undefined;\n\t\tconst icons = this.buildIconObject(collapsible && hasChildren, expanded, leftIcon);\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={this.state._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={this.state._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(collapsible: boolean, deep: number, index: number, link: ButtonOrLinkOrTextWithChildrenProps, ariaIDparent: string): 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, hasChildren, link, expanded, ariaID)}\n\t\t\t\t{expanded && <this.linkList collapsible={collapsible} deep={deep + 1} links={link._children || []} id={ariaID} />}\n\t\t\t</li>\n\t\t);\n\t}\n\n\tprivate linkList = (props: { collapsible: boolean; deep: number; links: ButtonOrLinkOrTextWithChildrenProps[]; id: string }): JSX.Element => {\n\t\treturn (\n\t\t\t<ul\n\t\t\t\tclass={clsx('kol-nav__list', {\n\t\t\t\t\t'kol-nav__list--nested': props.deep > 0,\n\t\t\t\t\t'kol-nav__list--vertical': props.deep !== 0,\n\t\t\t\t})}\n\t\t\t\tid={props.deep > 0 ? props.id : undefined}\n\t\t\t>\n\t\t\t\t{props.links.map((link, index: number) => {\n\t\t\t\t\treturn this.li(props.collapsible, props.deep, index, link, props.id);\n\t\t\t\t})}\n\t\t\t</ul>\n\t\t);\n\t};\n\n\tprivate initializeExpandedChildren() {\n\t\t//Reset expandedChildren before recalculation\n\t\tthis.state = {\n\t\t\t...this.state,\n\t\t\t_expandedChildren: [],\n\t\t};\n\t\t/**\n\t\t * Recursively process branches and expand branches which are active or have active children somewhere in the tree.\n\t\t * @param {ButtonOrLinkOrTextWithChildrenProps} branch\n\t\t * @return boolean - true indicates that the current branch or a child branch is active\n\t\t */\n\t\tconst handleBranch = (branch: ButtonOrLinkOrTextWithChildrenProps) => {\n\t\t\tif (branch._active) {\n\t\t\t\tif (branch._children) {\n\t\t\t\t\tthis.expandChildren(branch._children);\n\t\t\t\t}\n\t\t\t\treturn true;\n\t\t\t} else if (branch._children) {\n\t\t\t\tfor (const childBranch of branch._children) {\n\t\t\t\t\tif (handleBranch(childBranch)) {\n\t\t\t\t\t\tthis.expandChildren(branch._children);\n\t\t\t\t\t\treturn true;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn false;\n\t\t};\n\t\tthis.state._links.forEach(handleBranch);\n\t}\n\n\tpublic render(): JSX.Element {\n\t\tconst collapsible = this.state._collapsible === true;\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={clsx('kol-nav', {\n\t\t\t\t\t'kol-nav--is-compact': this.state._hideLabel,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<nav aria-label={this.state._label} class=\"kol-nav__navigation\" id={this.navId}>\n\t\t\t\t\t<this.linkList collapsible={collapsible} deep={0} links={this.state._links} id={this.listId}></this.linkList>\n\t\t\t\t</nav>\n\t\t\t\t{this.state._hasCompactButton && (\n\t\t\t\t\t<div class=\"kol-nav__compact\">\n\t\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\t\tclass=\"kol-nav__toggle-button\"\n\t\t\t\t\t\t\t_ariaControls={this.navId}\n\t\t\t\t\t\t\t_ariaExpanded={!this.state._hideLabel}\n\t\t\t\t\t\t\t_icons={this.state._hideLabel ? 'kolicon-chevron-right' : 'kolicon-chevron-left'}\n\t\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t\t_label={translate(this.state._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,\n\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t_tooltipAlign=\"right\"\n\t\t\t\t\t\t></KolButtonWcTag>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n\n\t/**\n\t * Defines if navigation nodes can be collapsed or not. Enabled by default.\n\t * @TODO: Change type back to `CollapsiblePropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _collapsible?: boolean = true;\n\n\t/**\n\t * Creates a button below the navigation, that toggles _collapsible.\n\t */\n\t@Prop() public _hasCompactButton?: boolean = false;\n\n\t/**\n\t * Shows icons next to the navigation item labels, even when the navigation is not collapsed.\n\t */\n\t@Prop() public _hasIconsWhenExpanded?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label!: LabelPropType;\n\n\t/**\n\t * Defines the list of links, buttons or texts to render.\n\t */\n\t@Prop() public _links!: Stringified<ButtonOrLinkOrTextWithChildrenProps[]>;\n\n\t@State() public state: NavStates = {\n\t\t_collapsible: true,\n\t\t_hasCompactButton: false,\n\t\t_hasIconsWhenExpanded: false,\n\t\t_hideLabel: false,\n\t\t_label: '', // ⚠ required\n\t\t_links: [],\n\t\t_expandedChildren: [],\n\t};\n\n\t@Watch('_collapsible')\n\tpublic validateCollapsible(value?: CollapsiblePropType): void {\n\t\tvalidateCollapsible(this, value);\n\t}\n\n\t@Watch('_hasCompactButton')\n\tpublic validateHasCompactButton(value?: boolean): void {\n\t\tvalidateHasCompactButton(this, value);\n\t}\n\n\t@Watch('_hasIconsWhenExpanded')\n\tpublic validateHasIconsWhenExpanded(value?: boolean): void {\n\t\tvalidateHasIconsWhenExpanded(this, value);\n\t}\n\n\t@Watch('_hideLabel')\n\tpublic validateHideLabel(value?: HideLabelPropType) {\n\t\tvalidateHideLabel(this, value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType, _oldValue?: LabelPropType, initial = false): void {\n\t\tif (!initial) {\n\t\t\tremoveNavLabel(this.state._label); // remove the current\n\t\t}\n\t\tvalidateLabel(this, value, {\n\t\t\trequired: true,\n\t\t});\n\t\ta11yHintLabelingLandmarks(value);\n\t\taddNavLabel(this.state._label); // add the state instead of prop, because the prop could be invalid and not set as new label\n\t}\n\n\t@Watch('_links')\n\tpublic validateLinks(value?: Stringified<ButtonOrLinkOrTextWithChildrenProps[]>): void {\n\t\twatchNavLinks('KolNav', this, value);\n\t\tdevHint(`[KolNav] The navigation structure is not yet validated recursively.`);\n\t\t//Re-initialize expansion on links change\n\t\tthis.initializeExpandedChildren();\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateCollapsible(this._collapsible);\n\t\tthis.validateHideLabel(this._hideLabel);\n\t\tthis.validateHasCompactButton(this._hasCompactButton);\n\t\tthis.validateHasIconsWhenExpanded(this._hasIconsWhenExpanded);\n\t\tthis.validateLabel(this._label, undefined, true);\n\t\tthis.validateLinks(this._links);\n\t\tthis.initializeExpandedChildren();\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tremoveNavLabel(this.state._label);\n\t}\n}\n"],"names":[],"mappings":"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"}
+{"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 '../@shared/global' as *;\n@use '../tooltip/style.scss' as *;\n@use '../@shared/icon.mixin' as *;\n\n@layer kol-component {\n\t@include kol-icon-styles();\n\t.kol-nav {\n\t\t$root: &;\n\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\n\t\t&__navigation {\n\t\t\t#{$root}:not(#{$root}--is-compact) & {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n\t\t\t.kol-span {\n\t\t\t\twidth: 100%;\n\t\t\t\tjustify-content: flex-start;\n\n\t\t\t\t&__container {\n\t\t\t\t\twidth: 100%;\n\n\t\t\t\t\t.kol-span__label {\n\t\t\t\t\t\tflex: 1;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&__list {\n\t\t\tdisplay: flex;\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tflex-direction: column;\n\t\t\tlist-style: none;\n\t\t}\n\n\t\t&__entry-wrapper {\n\t\t\tdisplay: flex;\n\t\t}\n\n\t\t&__entry {\n\t\t\tflex-grow: 1;\n\t\t}\n\t}\n\n\t.kol-button {\n\t\ttext-align: left;\n\t}\n}\n","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\tKoliBriIconsProp,\n\tLabelPropType,\n\tLinkProps,\n\tLinkWithChildrenProps,\n\tNavAPI,\n\tNavStates,\n\tStringified,\n} from '../../schema';\nimport {\n\ta11yHintLabelingLandmarks,\n\tdevHint,\n\tvalidateCollapsible,\n\tvalidateHasCompactButton,\n\tvalidateHasIconsWhenExpanded,\n\tvalidateHideLabel,\n\tvalidateLabel,\n} from '../../schema';\n\nimport { KolButtonWcTag, KolLinkWcTag } from '../../core/component-names';\nimport { translate } from '../../i18n';\nimport type { StencilUnknown } from '../../schema';\nimport clsx from '../../utils/clsx';\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/**\n * The **Nav** component renders a group of related links or navigation elements that perform an action or display content when clicked.\n * It provides a highly configurable vertical or horizontal navigation bar that can represent multiple levels and vary in width.\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 buildIconObject(collapsible: boolean, expanded: boolean, leftIcon?: string): KoliBriIconsProp {\n\t\tconst icon = {\n\t\t\tleft: '',\n\t\t\tright: '',\n\t\t};\n\t\tif (this.state._hasIconsWhenExpanded && leftIcon) {\n\t\t\ticon.left = leftIcon;\n\t\t}\n\t\tif (this.state._hideLabel) {\n\t\t\tif (leftIcon) {\n\t\t\t\ticon.left = leftIcon;\n\t\t\t} else {\n\t\t\t\ticon.left = 'kolicon-link';\n\t\t\t}\n\t\t}\n\t\tif (collapsible) {\n\t\t\tif (expanded) {\n\t\t\t\ticon.right = 'kolicon-minus';\n\t\t\t} else {\n\t\t\t\ticon.right = 'kolicon-plus';\n\t\t\t}\n\t\t}\n\t\treturn icon;\n\t}\n\n\tprivate entry(collapsible: boolean, hasChildren: boolean, entry: ButtonOrLinkOrTextWithChildrenProps, expanded: boolean, ariaID: string): JSX.Element {\n\t\tconst leftIcon = typeof entry._icons === 'string' ? entry._icons : typeof entry._icons?.left === 'string' ? entry._icons.left : undefined;\n\t\tconst icons = this.buildIconObject(collapsible && hasChildren, expanded, leftIcon);\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={this.state._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={this.state._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(collapsible: boolean, deep: number, index: number, link: ButtonOrLinkOrTextWithChildrenProps, ariaIDparent: string): 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, hasChildren, link, expanded, ariaID)}\n\t\t\t\t{expanded && <this.linkList collapsible={collapsible} deep={deep + 1} links={link._children || []} id={ariaID} />}\n\t\t\t</li>\n\t\t);\n\t}\n\n\tprivate linkList = (props: { collapsible: boolean; deep: number; links: ButtonOrLinkOrTextWithChildrenProps[]; id: string }): JSX.Element => {\n\t\treturn (\n\t\t\t<ul\n\t\t\t\tclass={clsx('kol-nav__list', {\n\t\t\t\t\t'kol-nav__list--nested': props.deep > 0,\n\t\t\t\t\t'kol-nav__list--vertical': props.deep !== 0,\n\t\t\t\t})}\n\t\t\t\tid={props.deep > 0 ? props.id : undefined}\n\t\t\t>\n\t\t\t\t{props.links.map((link, index: number) => {\n\t\t\t\t\treturn this.li(props.collapsible, props.deep, index, link, props.id);\n\t\t\t\t})}\n\t\t\t</ul>\n\t\t);\n\t};\n\n\tprivate initializeExpandedChildren() {\n\t\t//Reset expandedChildren before recalculation\n\t\tthis.state = {\n\t\t\t...this.state,\n\t\t\t_expandedChildren: [],\n\t\t};\n\t\t/**\n\t\t * Recursively process branches and expand branches which are active or have active children somewhere in the tree.\n\t\t * @param {ButtonOrLinkOrTextWithChildrenProps} branch\n\t\t * @return boolean - true indicates that the current branch or a child branch is active\n\t\t */\n\t\tconst handleBranch = (branch: ButtonOrLinkOrTextWithChildrenProps) => {\n\t\t\tif (branch._active) {\n\t\t\t\tif (branch._children) {\n\t\t\t\t\tthis.expandChildren(branch._children);\n\t\t\t\t}\n\t\t\t\treturn true;\n\t\t\t} else if (branch._children) {\n\t\t\t\tfor (const childBranch of branch._children) {\n\t\t\t\t\tif (handleBranch(childBranch)) {\n\t\t\t\t\t\tthis.expandChildren(branch._children);\n\t\t\t\t\t\treturn true;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn false;\n\t\t};\n\t\tthis.state._links.forEach(handleBranch);\n\t}\n\n\tpublic render(): JSX.Element {\n\t\tconst collapsible = this.state._collapsible === true;\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={clsx('kol-nav', {\n\t\t\t\t\t'kol-nav--is-compact': this.state._hideLabel,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<nav aria-label={this.state._label} class=\"kol-nav__navigation\" id={this.navId}>\n\t\t\t\t\t<this.linkList collapsible={collapsible} deep={0} links={this.state._links} id={this.listId}></this.linkList>\n\t\t\t\t</nav>\n\t\t\t\t{this.state._hasCompactButton && (\n\t\t\t\t\t<div class=\"kol-nav__compact\">\n\t\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\t\tclass=\"kol-nav__toggle-button\"\n\t\t\t\t\t\t\t_ariaControls={this.navId}\n\t\t\t\t\t\t\t_ariaExpanded={!this.state._hideLabel}\n\t\t\t\t\t\t\t_icons={this.state._hideLabel ? 'kolicon-chevron-right' : 'kolicon-chevron-left'}\n\t\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t\t_label={translate(this.state._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,\n\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t_tooltipAlign=\"right\"\n\t\t\t\t\t\t></KolButtonWcTag>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n\n\t/**\n\t * Defines if navigation nodes can be collapsed or not. Enabled by default.\n\t * @TODO: Change type back to `CollapsiblePropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _collapsible?: boolean = true;\n\n\t/**\n\t * Creates a button below the navigation, that toggles _collapsible.\n\t */\n\t@Prop() public _hasCompactButton?: boolean = false;\n\n\t/**\n\t * Shows icons next to the navigation item labels, even when the navigation is not collapsed.\n\t */\n\t@Prop() public _hasIconsWhenExpanded?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label!: LabelPropType;\n\n\t/**\n\t * Defines the list of links, buttons or texts to render.\n\t */\n\t@Prop() public _links!: Stringified<ButtonOrLinkOrTextWithChildrenProps[]>;\n\n\t@State() public state: NavStates = {\n\t\t_collapsible: true,\n\t\t_hasCompactButton: false,\n\t\t_hasIconsWhenExpanded: false,\n\t\t_hideLabel: false,\n\t\t_label: '', // ⚠ required\n\t\t_links: [],\n\t\t_expandedChildren: [],\n\t};\n\n\t@Watch('_collapsible')\n\tpublic validateCollapsible(value?: CollapsiblePropType): void {\n\t\tvalidateCollapsible(this, value);\n\t}\n\n\t@Watch('_hasCompactButton')\n\tpublic validateHasCompactButton(value?: boolean): void {\n\t\tvalidateHasCompactButton(this, value);\n\t}\n\n\t@Watch('_hasIconsWhenExpanded')\n\tpublic validateHasIconsWhenExpanded(value?: boolean): void {\n\t\tvalidateHasIconsWhenExpanded(this, value);\n\t}\n\n\t@Watch('_hideLabel')\n\tpublic validateHideLabel(value?: HideLabelPropType) {\n\t\tvalidateHideLabel(this, value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType, _oldValue?: LabelPropType, initial = false): void {\n\t\tif (!initial) {\n\t\t\tremoveNavLabel(this.state._label); // remove the current\n\t\t}\n\t\tvalidateLabel(this, value, {\n\t\t\trequired: true,\n\t\t});\n\t\ta11yHintLabelingLandmarks(value);\n\t\taddNavLabel(this.state._label); // add the state instead of prop, because the prop could be invalid and not set as new label\n\t}\n\n\t@Watch('_links')\n\tpublic validateLinks(value?: Stringified<ButtonOrLinkOrTextWithChildrenProps[]>): void {\n\t\twatchNavLinks('KolNav', this, value);\n\t\tdevHint(`[KolNav] The navigation structure is not yet validated recursively.`);\n\t\t//Re-initialize expansion on links change\n\t\tthis.initializeExpandedChildren();\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateCollapsible(this._collapsible);\n\t\tthis.validateHideLabel(this._hideLabel);\n\t\tthis.validateHasCompactButton(this._hasCompactButton);\n\t\tthis.validateHasIconsWhenExpanded(this._hasIconsWhenExpanded);\n\t\tthis.validateLabel(this._label, undefined, true);\n\t\tthis.validateLinks(this._links);\n\t\tthis.initializeExpandedChildren();\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tremoveNavLabel(this.state._label);\n\t}\n}\n"],"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,6qUAA6qU;;ACkDrsU,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;MAaY,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;AAwFO,QAAA,IAAA,CAAA,QAAQ,GAAG,CAAC,KAAuG,KAAiB;YAC3I,QACC,CACC,CAAA,IAAA,EAAA,EAAA,KAAK,EAAE,IAAI,CAAC,eAAe,EAAE;AAC5B,oBAAA,uBAAuB,EAAE,KAAK,CAAC,IAAI,GAAG,CAAC;AACvC,oBAAA,yBAAyB,EAAE,KAAK,CAAC,IAAI,KAAK,CAAC;AAC3C,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;gBACxC,OAAO,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC;aACpE,CAAC,CACE;AAEP,SAAC;AAwEc,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;QAY3B,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,iBAAiB,EAAE,EAAE;SACrB;AAuDD;AA/RQ,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;;AAaM,IAAA,eAAe,CAAC,WAAoB,EAAE,QAAiB,EAAE,QAAiB,EAAA;AACjF,QAAA,MAAM,IAAI,GAAG;AACZ,YAAA,IAAI,EAAE,EAAE;AACR,YAAA,KAAK,EAAE,EAAE;SACT;QACD,IAAI,IAAI,CAAC,KAAK,CAAC,qBAAqB,IAAI,QAAQ,EAAE;AACjD,YAAA,IAAI,CAAC,IAAI,GAAG,QAAQ;;AAErB,QAAA,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE;YAC1B,IAAI,QAAQ,EAAE;AACb,gBAAA,IAAI,CAAC,IAAI,GAAG,QAAQ;;iBACd;AACN,gBAAA,IAAI,CAAC,IAAI,GAAG,cAAc;;;QAG5B,IAAI,WAAW,EAAE;YAChB,IAAI,QAAQ,EAAE;AACb,gBAAA,IAAI,CAAC,KAAK,GAAG,eAAe;;iBACtB;AACN,gBAAA,IAAI,CAAC,KAAK,GAAG,cAAc;;;AAG7B,QAAA,OAAO,IAAI;;IAGJ,KAAK,CAAC,WAAoB,EAAE,WAAoB,EAAE,KAA0C,EAAE,QAAiB,EAAE,MAAc,EAAA;;QACtI,MAAM,QAAQ,GAAG,OAAO,KAAK,CAAC,MAAM,KAAK,QAAQ,GAAG,KAAK,CAAC,MAAM,GAAG,QAAO,CAAA,EAAA,GAAA,KAAK,CAAC,MAAM,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAI,CAAA,KAAK,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,GAAG,SAAS;AACzI,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,WAAW,IAAI,WAAW,EAAE,QAAQ,EAAE,QAAQ,CAAC;AAElF,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,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,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,EAC/D,CAAA,CAAA,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,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,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;;IAIA,EAAE,CAAC,WAAoB,EAAE,IAAY,EAAE,KAAa,EAAE,IAAyC,EAAE,YAAoB,EAAA;AAC5H,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,CAAC,EACF,GAAG,EAAE,KAAK,EAAA,EAET,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,CAAC,EAC5D,QAAQ,IAAI,CAAA,CAAC,IAAI,CAAC,QAAQ,EAAA,EAAC,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,IAAI,EAAE,EAAE,EAAE,EAAE,MAAM,EAAI,CAAA,CAC7G;;IAoBC,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;QACZ,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,KAAK,IAAI;AACpD,QAAA,QACC,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE;AACtB,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,CAAC,CAAA,IAAI,CAAC,QAAQ,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,EAAE,EAAE,IAAI,CAAC,MAAM,EAAA,CAAkB,CACxG,EACL,IAAI,CAAC,KAAK,CAAC,iBAAiB,KAC5B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,kBAAkB,EAAA,EAC5B,CAAC,CAAA,cAAc,EACd,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,wBAAwB,EAC9B,aAAa,EAAE,IAAI,CAAC,KAAK,EACzB,aAAa,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,EACrC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,uBAAuB,GAAG,sBAAsB,EAChF,UAAU,EAAA,IAAA,EACV,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,kBAAkB,GAAG,kBAAkB,CAAC,EAClF,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,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAClC;iBACD;aACD,EACD,aAAa,EAAC,OAAO,EAAA,CACJ,CACb,CACN,CACI;;AAgDD,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;;IAG3B,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;QAC/B,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}from"./index-t9mjSqi3.js";import{e as t,d as o,k as i}from"./common-BIkdAxr0.js";import{v as a}from"./hide-label-ByItyHgV.js";import{v as l}from"./label-Cw7rCjUo.js";import{d as s,c as r}from"./component-names-C64MXeC1.js";import{t as c}from"./i18n-DvMeCREp.js";import{c as d}from"./clsx-COFh-Vc8.js";import{n as h}from"./dev.utils-98sTB6ui.js";import{r as f,a as p}from"./unique-nav-labels-BVWNmacO.js";import{w as m}from"./validation-D7gmRWfA.js";import"./i18n-B0tfVPMa.js";const b=(n,e)=>{t(n,"_collapsible",e)},k=(n,e)=>{t(n,"_hasCompactButton",e)},u=(n,e)=>{t(n,"_hasIconsWhenExpanded",e)},v='/* forward the rem function */\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1774621104972"); /* IE9*/\n  src: url("kolicons.eot?t=1774621104972#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1774621104972") format("woff2"), url("kolicons.woff?t=1774621104972") format("woff"), url("kolicons.ttf?t=1774621104972") format("truetype"), url("kolicons.svg?t=1774621104972#kolicons") format("svg"); /* iOS 4.1- */\n}\n[class^=kolicon-], [class*=" kolicon-"] {\n  font-family: "kolicons";\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1em;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.kolicon-alert-error::before {\n  content: "\\ea01";\n}\n\n.kolicon-alert-info::before {\n  content: "\\ea02";\n}\n\n.kolicon-alert-success::before {\n  content: "\\ea03";\n}\n\n.kolicon-alert-warning::before {\n  content: "\\ea04";\n}\n\n.kolicon-check::before {\n  content: "\\ea05";\n}\n\n.kolicon-chevron-double-left::before {\n  content: "\\ea06";\n}\n\n.kolicon-chevron-double-right::before {\n  content: "\\ea07";\n}\n\n.kolicon-chevron-down::before {\n  content: "\\ea08";\n}\n\n.kolicon-chevron-left::before {\n  content: "\\ea09";\n}\n\n.kolicon-chevron-right::before {\n  content: "\\ea0a";\n}\n\n.kolicon-chevron-up::before {\n  content: "\\ea0b";\n}\n\n.kolicon-cogwheel::before {\n  content: "\\ea0c";\n}\n\n.kolicon-cross::before {\n  content: "\\ea0d";\n}\n\n.kolicon-eye-closed::before {\n  content: "\\ea0e";\n}\n\n.kolicon-eye::before {\n  content: "\\ea0f";\n}\n\n.kolicon-house::before {\n  content: "\\ea10";\n}\n\n.kolicon-kolibri::before {\n  content: "\\ea11";\n}\n\n.kolicon-link-external::before {\n  content: "\\ea12";\n}\n\n.kolicon-link::before {\n  content: "\\ea13";\n}\n\n.kolicon-minus::before {\n  content: "\\ea14";\n}\n\n.kolicon-plus::before {\n  content: "\\ea15";\n}\n\n.kolicon-settings::before {\n  content: "\\ea16";\n}\n\n.kolicon-sort-asc::before {\n  content: "\\ea17";\n}\n\n.kolicon-sort-desc::before {\n  content: "\\ea18";\n}\n\n.kolicon-sort-neutral::before {\n  content: "\\ea19";\n}\n\n.kolicon-up::before {\n  content: "\\ea1a";\n}\n\n.kolicon-version::before {\n  content: "\\ea1b";\n}\n\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-nav {\n    display: grid;\n    place-items: center;\n  }\n  .kol-nav:not(.kol-nav--is-compact) .kol-nav__navigation {\n    width: 100%;\n  }\n  .kol-nav__navigation .kol-span {\n    width: 100%;\n    justify-content: flex-start;\n  }\n  .kol-nav__navigation .kol-span__container {\n    width: 100%;\n  }\n  .kol-nav__navigation .kol-span__container .kol-span__label {\n    flex: 1;\n  }\n  .kol-nav__list {\n    display: flex;\n    margin: 0;\n    padding: 0;\n    flex-direction: column;\n    list-style: none;\n  }\n  .kol-nav__entry-wrapper {\n    display: flex;\n  }\n  .kol-nav__entry {\n    flex-grow: 1;\n  }\n  .kol-button {\n    text-align: left;\n  }\n}',_=n=>"string"==typeof n._href,y=n=>{var e;return void 0===n._href&&"function"==typeof(null===(e=n._on)||void 0===e?void 0:e.onClick)},g=class{constructor(t){n(this,t),this.navId="kol-nav-"+h(),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--vertical":0!==n.deep}),id:n.deep>0?n.id:void 0},n.links.map((e,t)=>this.li(n.collapsible,n.deep,t,e,n.id))),this._collapsible=!0,this._hasCompactButton=!1,this._hasIconsWhenExpanded=!1,this._hideLabel=!1,this.state={_collapsible:!0,_hasCompactButton:!1,_hasIconsWhenExpanded:!1,_hideLabel:!1,_label:"",_links:[],_expandedChildren:[]}}expandChildren(n){this.state=Object.assign(Object.assign({},this.state),{_expandedChildren:[...this.state._expandedChildren,n]})}collapseChildren(n){this.state=Object.assign(Object.assign({},this.state),{_expandedChildren:this.state._expandedChildren.filter(e=>e!==n)})}buildIconObject(n,e,t){const i={left:"",right:""};return this.state._hasIconsWhenExpanded&&t&&(i.left=t),this.state._hideLabel&&(i.left=t||"kolicon-link"),n&&(i.right=e?"kolicon-minus":"kolicon-plus"),i}entry(n,t,i,o,a){var l;const c="string"==typeof i._icons?i._icons:"string"==typeof(null===(l=i._icons)||void 0===l?void 0:l.left)?i._icons.left:void 0,h=this.buildIconObject(n&&t,o,c);return e("div",{class:"kol-nav__entry-wrapper"},_(i)?e(s,Object.assign({class:d("kol-nav__entry kol-nav__entry--link",{"kol-nav__entry--collapsible":n})},i,{_hideLabel:this.state._hideLabel,_icons:h,_ariaControls:n&&t&&o?a:void 0,_ariaExpanded:n&&t?o:void 0})):e(r,{class:d("kol-nav__entry kol-nav__entry--button",{"kol-nav__entry--collapsible":n}),_label:i._label,_hideLabel:this.state._hideLabel,_icons:h,_ariaControls:n&&t&&o?a:void 0,_ariaExpanded:n&&t?o:void 0,_on:{onClick:(n,e)=>{y(i)&&"function"==typeof i._on.onClick&&i._on.onClick(n,e),this.handleToggleExpansionClick(i._children)}}}))}li(n,t,i,o,a){const l=!!o._active,s=Array.isArray(o._children)&&o._children.length>0,r=Boolean(o._children&&this.state._expandedChildren.includes(o._children)),c=a+"_"+t+"_"+i;return e("li",{class:d("kol-nav__list-item",{"kol-nav__list-item--active":l,"kol-nav__list-item--expanded":r,"kol-nav__list-item--has-children":s}),key:i},this.entry(n,s,o,r,c),r&&e(this.linkList,{collapsible:n,deep:t+1,links:o._children||[],id:c}))}initializeExpandedChildren(){this.state=Object.assign(Object.assign({},this.state),{_expandedChildren:[]});const n=e=>{if(e._active)return e._children&&this.expandChildren(e._children),!0;if(e._children)for(const t of e._children)if(n(t))return this.expandChildren(e._children),!0;return!1};this.state._links.forEach(n)}render(){const n=!0===this.state._collapsible;return e("div",{key:"38b72189cc9e53eea1c134ac062711a924a2306d",class:d("kol-nav",{"kol-nav--is-compact":this.state._hideLabel})},e("nav",{key:"4ca8650fa26ffb655faaf8712837dfee8ef851f4","aria-label":this.state._label,class:"kol-nav__navigation",id:this.navId},e(this.linkList,{key:"afab51b9b0d3796f326f3a3ab8f20c466b012765",collapsible:n,deep:0,links:this.state._links,id:this.listId})),this.state._hasCompactButton&&e("div",{key:"d9838c0c7c478a3b448c936b24b5ba1baff2c212",class:"kol-nav__compact"},e(r,{key:"dc577ce9dffff35df4425d94234f06bc446f7833",class:"kol-nav__toggle-button",_ariaControls:this.navId,_ariaExpanded:!this.state._hideLabel,_icons:this.state._hideLabel?"kolicon-chevron-right":"kolicon-chevron-left",_hideLabel:!0,_label:c(this.state._hideLabel?"kol-nav-maximize":"kol-nav-minimize"),_on:{onClick:()=>{this.state=Object.assign(Object.assign({},this.state),{_hideLabel:!this.state._hideLabel})}},_tooltipAlign:"right"})))}validateCollapsible(n){b(this,n)}validateHasCompactButton(n){k(this,n)}validateHasIconsWhenExpanded(n){u(this,n)}validateHideLabel(n){a(this,n)}validateLabel(n,e,t=!1){t||f(this.state._label),l(this,n,{required:!0}),o(n),p(this.state._label)}validateLinks(n){m("KolNav",this,n),i("[KolNav] The navigation structure is not yet validated recursively."),this.initializeExpandedChildren()}componentWillLoad(){this.validateCollapsible(this._collapsible),this.validateHideLabel(this._hideLabel),this.validateHasCompactButton(this._hasCompactButton),this.validateHasIconsWhenExpanded(this._hasIconsWhenExpanded),this.validateLabel(this._label,void 0,!0),this.validateLinks(this._links),this.initializeExpandedChildren()}disconnectedCallback(){f(this.state._label)}static get watchers(){return{_collapsible:["validateCollapsible"],_hasCompactButton:["validateHasCompactButton"],_hasIconsWhenExpanded:["validateHasIconsWhenExpanded"],_hideLabel:["validateHideLabel"],_label:["validateLabel"],_links:["validateLinks"]}}};g.style={default:v};export{g as kol_nav};
+import{r as n,h as e}from"./index-C8rYknb2.js";import{e as t,d as o,k as i}from"./common-BqV6Zb30.js";import{v as a}from"./hide-label-DQL9J6E_.js";import{v as l}from"./label-vxVEH2gH.js";import{c as s,b as r}from"./component-names-Dy77vq43.js";import{t as c}from"./i18n-BVaUp6qp.js";import{c as d}from"./clsx-COFh-Vc8.js";import{n as h}from"./dev.utils-CKaUZiiF.js";import{r as f,a as p}from"./unique-nav-labels-BIHfxulq.js";import{w as m}from"./validation-JhNRqKy1.js";import"./i18n-B2d_exHc.js";const b=(n,e)=>{t(n,"_collapsible",e)},k=(n,e)=>{t(n,"_hasCompactButton",e)},u=(n,e)=>{t(n,"_hasIconsWhenExpanded",e)},v='/* forward the rem function */\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1775118370120"); /* IE9*/\n  src: url("kolicons.eot?t=1775118370120#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1775118370120") format("woff2"), url("kolicons.woff?t=1775118370120") format("woff"), url("kolicons.ttf?t=1775118370120") format("truetype"), url("kolicons.svg?t=1775118370120#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-nav {\n    display: grid;\n    place-items: center;\n  }\n  .kol-nav:not(.kol-nav--is-compact) .kol-nav__navigation {\n    width: 100%;\n  }\n  .kol-nav__navigation .kol-span {\n    width: 100%;\n    justify-content: flex-start;\n  }\n  .kol-nav__navigation .kol-span__container {\n    width: 100%;\n  }\n  .kol-nav__navigation .kol-span__container .kol-span__label {\n    flex: 1;\n  }\n  .kol-nav__list {\n    display: flex;\n    margin: 0;\n    padding: 0;\n    flex-direction: column;\n    list-style: none;\n  }\n  .kol-nav__entry-wrapper {\n    display: flex;\n  }\n  .kol-nav__entry {\n    flex-grow: 1;\n  }\n  .kol-button {\n    text-align: left;\n  }\n}',_=n=>"string"==typeof n._href,y=n=>{var e;return void 0===n._href&&"function"==typeof(null===(e=n._on)||void 0===e?void 0:e.onClick)},g=class{constructor(t){n(this,t),this.navId="kol-nav-"+h(),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--vertical":0!==n.deep}),id:n.deep>0?n.id:void 0},n.links.map((e,t)=>this.li(n.collapsible,n.deep,t,e,n.id))),this._collapsible=!0,this._hasCompactButton=!1,this._hasIconsWhenExpanded=!1,this._hideLabel=!1,this.state={_collapsible:!0,_hasCompactButton:!1,_hasIconsWhenExpanded:!1,_hideLabel:!1,_label:"",_links:[],_expandedChildren:[]}}expandChildren(n){this.state=Object.assign(Object.assign({},this.state),{_expandedChildren:[...this.state._expandedChildren,n]})}collapseChildren(n){this.state=Object.assign(Object.assign({},this.state),{_expandedChildren:this.state._expandedChildren.filter(e=>e!==n)})}buildIconObject(n,e,t){const i={left:"",right:""};return this.state._hasIconsWhenExpanded&&t&&(i.left=t),this.state._hideLabel&&(i.left=t||"kolicon-link"),n&&(i.right=e?"kolicon-minus":"kolicon-plus"),i}entry(n,t,i,o,a){var l;const c="string"==typeof i._icons?i._icons:"string"==typeof(null===(l=i._icons)||void 0===l?void 0:l.left)?i._icons.left:void 0,h=this.buildIconObject(n&&t,o,c);return e("div",{class:"kol-nav__entry-wrapper"},_(i)?e(s,Object.assign({class:d("kol-nav__entry kol-nav__entry--link",{"kol-nav__entry--collapsible":n})},i,{_hideLabel:this.state._hideLabel,_icons:h,_ariaControls:n&&t&&o?a:void 0,_ariaExpanded:n&&t?o:void 0})):e(r,{class:d("kol-nav__entry kol-nav__entry--button",{"kol-nav__entry--collapsible":n}),_label:i._label,_hideLabel:this.state._hideLabel,_icons:h,_ariaControls:n&&t&&o?a:void 0,_ariaExpanded:n&&t?o:void 0,_on:{onClick:(n,e)=>{y(i)&&"function"==typeof i._on.onClick&&i._on.onClick(n,e),this.handleToggleExpansionClick(i._children)}}}))}li(n,t,i,o,a){const l=!!o._active,s=Array.isArray(o._children)&&o._children.length>0,r=Boolean(o._children&&this.state._expandedChildren.includes(o._children)),c=a+"_"+t+"_"+i;return e("li",{class:d("kol-nav__list-item",{"kol-nav__list-item--active":l,"kol-nav__list-item--expanded":r,"kol-nav__list-item--has-children":s}),key:i},this.entry(n,s,o,r,c),r&&e(this.linkList,{collapsible:n,deep:t+1,links:o._children||[],id:c}))}initializeExpandedChildren(){this.state=Object.assign(Object.assign({},this.state),{_expandedChildren:[]});const n=e=>{if(e._active)return e._children&&this.expandChildren(e._children),!0;if(e._children)for(const t of e._children)if(n(t))return this.expandChildren(e._children),!0;return!1};this.state._links.forEach(n)}render(){const n=!0===this.state._collapsible;return e("div",{key:"c1700bec53b26e42211871e3d525ef00cf1dd618",class:d("kol-nav",{"kol-nav--is-compact":this.state._hideLabel})},e("nav",{key:"1a3128937f3fec152978fb8f7ce80ef504a30408","aria-label":this.state._label,class:"kol-nav__navigation",id:this.navId},e(this.linkList,{key:"a5a465f49f1f466124386c437fc20d736813ecc8",collapsible:n,deep:0,links:this.state._links,id:this.listId})),this.state._hasCompactButton&&e("div",{key:"34c29991127a3fde4855cf9a5d8cef559c7781fe",class:"kol-nav__compact"},e(r,{key:"4673a9a316306643aac69e9bd025fd85e899c7e6",class:"kol-nav__toggle-button",_ariaControls:this.navId,_ariaExpanded:!this.state._hideLabel,_icons:this.state._hideLabel?"kolicon-chevron-right":"kolicon-chevron-left",_hideLabel:!0,_label:c(this.state._hideLabel?"kol-nav-maximize":"kol-nav-minimize"),_on:{onClick:()=>{this.state=Object.assign(Object.assign({},this.state),{_hideLabel:!this.state._hideLabel})}},_tooltipAlign:"right"})))}validateCollapsible(n){b(this,n)}validateHasCompactButton(n){k(this,n)}validateHasIconsWhenExpanded(n){u(this,n)}validateHideLabel(n){a(this,n)}validateLabel(n,e,t=!1){t||f(this.state._label),l(this,n,{required:!0}),o(n),p(this.state._label)}validateLinks(n){m("KolNav",this,n),i("[KolNav] The navigation structure is not yet validated recursively."),this.initializeExpandedChildren()}componentWillLoad(){this.validateCollapsible(this._collapsible),this.validateHideLabel(this._hideLabel),this.validateHasCompactButton(this._hasCompactButton),this.validateHasIconsWhenExpanded(this._hasIconsWhenExpanded),this.validateLabel(this._label,void 0,!0),this.validateLinks(this._links),this.initializeExpandedChildren()}disconnectedCallback(){f(this.state._label)}static get watchers(){return{_collapsible:["validateCollapsible"],_hasCompactButton:["validateHasCompactButton"],_hasIconsWhenExpanded:["validateHasIconsWhenExpanded"],_hideLabel:["validateHideLabel"],_label:["validateLabel"],_links:["validateLinks"]}}};g.style={default:v};export{g as kol_nav};

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

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","watchBoolean","a11yHintLabelingLandmarks","devHint","validateHideLabel","validateLabel","KolLinkWcTag","KolButtonWcTag","translate","clsx","nonce","removeNavLabel","addNavLabel","watchNavLinks","validateCollapsible","component","value","validateHasCompactButton","validateHasIconsWhenExpanded","defaultStyleCss","entryIsLink","entryProps","_href","entryIsButton","_a","undefined","_on","onClick","KolNav","constructor","hostRef","this","navId","listId","handleToggleExpansionClick","children","state","_expandedChildren","includes","collapseChildren","expandChildren","linkList","props","class","deep","id","links","map","link","index","li","collapsible","_collapsible","_hasCompactButton","_hasIconsWhenExpanded","_hideLabel","_label","_links","Object","assign","filter","searchChildren","buildIconObject","expanded","leftIcon","icon","left","right","entry","hasChildren","ariaID","_icons","icons","_ariaControls","_ariaExpanded","event","_children","ariaIDparent","active","_active","Array","isArray","length","Boolean","key","initializeExpandedChildren","handleBranch","branch","childBranch","forEach","render","_tooltipAlign","_oldValue","initial","required","validateLinks","componentWillLoad","disconnectedCallback","watchers","style","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,MAAS,kCAC3BC,OAAmBC,OAAgCC,MAAe,mCAClEC,MAAyB,uCACzBC,MAAqB,kCACrBC,OAAmBC,MAAsB,4CACzCC,MAAiB,iCACjBC,MAAY,iCACZC,MAAa,sCACbC,OAAqBC,MAAmB,8CACxCC,MAAqB,iCAC5B,qBAEP,MAAMC,EAAsB,CAACC,EAAWC,KACpCf,EAAac,EAAW,eAAgBC,EAAM,EAGlD,MAAMC,EAA2B,CAACF,EAAWC,KACzCf,EAAac,EAAW,oBAAqBC,EAAM,EAGvD,MAAME,EAA+B,CAACH,EAAWC,KAC7Cf,EAAac,EAAW,wBAAyBC,EAAM,EAG3D,MAAMG,EAAkB,88TAExB,MAAMC,EAAeC,UACHA,EAAWC,QAAU,SAEvC,MAAMC,EAAiBF,IACnB,IAAIG,EACJ,OAAOH,EAAWC,QAAUG,mBAAsBD,EAAKH,EAAWK,OAAS,MAAQF,SAAY,OAAS,EAAIA,EAAGG,WAAa,UAAU,EAE1I,MAAMC,EAAS,MACX,WAAAC,CAAYC,GACR/B,EAAiBgC,KAAMD,GACvBC,KAAKC,MAAQ,WAAatB,IAC1BqB,KAAKE,OAASF,KAAKC,MAAQ,QAC3BD,KAAKG,2BAA8BC,IAC/B,GAAIA,EAAU,CACV,GAAIJ,KAAKK,MAAMC,kBAAkBC,SAASH,GAAW,CACjDJ,KAAKQ,iBAAiBJ,EAC1B,KACK,CACDJ,KAAKS,eAAeL,EACxB,CACJ,GAEJJ,KAAKU,SAAYC,GACL1C,EAAE,KAAM,CAAE2C,MAAOlC,EAAK,gBAAiB,CACvC,wBAAyBiC,EAAME,KAAO,EACtC,0BAA2BF,EAAME,OAAS,IAC1CC,GAAIH,EAAME,KAAO,EAAIF,EAAMG,GAAKpB,WAAaiB,EAAMI,MAAMC,KAAI,CAACC,EAAMC,IACjElB,KAAKmB,GAAGR,EAAMS,YAAaT,EAAME,KAAMK,EAAOD,EAAMN,EAAMG,OAGzEd,KAAKqB,aAAe,KACpBrB,KAAKsB,kBAAoB,MACzBtB,KAAKuB,sBAAwB,MAC7BvB,KAAKwB,WAAa,MAClBxB,KAAKK,MAAQ,CACTgB,aAAc,KACdC,kBAAmB,MACnBC,sBAAuB,MACvBC,WAAY,MACZC,OAAQ,GACRC,OAAQ,GACRpB,kBAAmB,GAE3B,CACA,cAAAG,CAAeL,GACXJ,KAAKK,MAAQsB,OAAOC,OAAOD,OAAOC,OAAO,CAAC,EAAG5B,KAAKK,OAAQ,CAAEC,kBAAmB,IAAIN,KAAKK,MAAMC,kBAAmBF,IACrH,CACA,gBAAAI,CAAiBJ,GACbJ,KAAKK,MAAQsB,OAAOC,OAAOD,OAAOC,OAAO,CAAC,EAAG5B,KAAKK,OAAQ,CAAEC,kBAAmBN,KAAKK,MAAMC,kBAAkBuB,QAAQC,GAAmBA,IAAmB1B,KAC9J,CACA,eAAA2B,CAAgBX,EAAaY,EAAUC,GACnC,MAAMC,EAAO,CACTC,KAAM,GACNC,MAAO,IAEX,GAAIpC,KAAKK,MAAMkB,uBAAyBU,EAAU,CAC9CC,EAAKC,KAAOF,CAChB,CACA,GAAIjC,KAAKK,MAAMmB,WAAY,CACvB,GAAIS,EAAU,CACVC,EAAKC,KAAOF,CAChB,KACK,CACDC,EAAKC,KAAO,cAChB,CACJ,CACA,GAAIf,EAAa,CACb,GAAIY,EAAU,CACVE,EAAKE,MAAQ,eACjB,KACK,CACDF,EAAKE,MAAQ,cACjB,CACJ,CACA,OAAOF,CACX,CACA,KAAAG,CAAMjB,EAAakB,EAAaD,EAAOL,EAAUO,GAC7C,IAAI9C,EACJ,MAAMwC,SAAkBI,EAAMG,SAAW,SAAWH,EAAMG,eAAkB/C,EAAK4C,EAAMG,UAAY,MAAQ/C,SAAY,OAAS,EAAIA,EAAG0C,QAAU,SAAWE,EAAMG,OAAOL,KAAOzC,UAChL,MAAM+C,EAAQzC,KAAK+B,gBAAgBX,GAAekB,EAAaN,EAAUC,GACzE,OAAQhE,EAAE,MAAO,CAAE2C,MAAO,0BAA4BvB,EAAYgD,GAAUpE,EAAEM,EAAcoD,OAAOC,OAAO,CAAEhB,MAAOlC,EAAK,sCAAuC,CACvJ,8BAA+B0C,KAC7BiB,EAAO,CAAEb,WAAYxB,KAAKK,MAAMmB,WAAYgB,OAAQC,EAAOC,cAAetB,GAAekB,GAAeN,EAAWO,EAAS7C,UAAWiD,cAAevB,GAAekB,EAAcN,EAAWtC,aAAkBzB,EAAEO,EAAgB,CAAEoC,MAAOlC,EAAK,wCAAyC,CAC3R,8BAA+B0C,IAC/BK,OAAQY,EAAMZ,OAAQD,WAAYxB,KAAKK,MAAMmB,WAAYgB,OAAQC,EAAOC,cAAetB,GAAekB,GAAeN,EAAWO,EAAS7C,UAAWiD,cAAevB,GAAekB,EAAcN,EAAWtC,UAAWC,IAAK,CAC3NC,QAAS,CAACgD,EAAO3D,KACb,GAAIO,EAAc6C,WAAiBA,EAAM1C,IAAIC,UAAY,WAAY,CACjEyC,EAAM1C,IAAIC,QAAQgD,EAAO3D,EAC7B,CACAe,KAAKG,2BAA2BkC,EAAMQ,UAAU,KAGhE,CACA,EAAA1B,CAAGC,EAAaP,EAAMK,EAAOD,EAAM6B,GAC/B,MAAMC,IAAW9B,EAAK+B,QACtB,MAAMV,EAAcW,MAAMC,QAAQjC,EAAK4B,YAAc5B,EAAK4B,UAAUM,OAAS,EAC7E,MAAMnB,EAAWoB,QAAQnC,EAAK4B,WAAa7C,KAAKK,MAAMC,kBAAkBC,SAASU,EAAK4B,YACtF,MAAMN,EAASO,EAAe,IAAMjC,EAAO,IAAMK,EACjD,OAAQjD,EAAE,KAAM,CAAE2C,MAAOlC,EAAK,qBAAsB,CAC5C,6BAA8BqE,EAC9B,+BAAgCf,EAChC,mCAAoCM,IACpCe,IAAKnC,GAASlB,KAAKqC,MAAMjB,EAAakB,EAAarB,EAAMe,EAAUO,GAASP,GAAY/D,EAAE+B,KAAKU,SAAU,CAAEU,YAAaA,EAAaP,KAAMA,EAAO,EAAGE,MAAOE,EAAK4B,WAAa,GAAI/B,GAAIyB,IAClM,CACA,0BAAAe,GACItD,KAAKK,MAAQsB,OAAOC,OAAOD,OAAOC,OAAO,CAAC,EAAG5B,KAAKK,OAAQ,CAAEC,kBAAmB,KAC/E,MAAMiD,EAAgBC,IAClB,GAAIA,EAAOR,QAAS,CAChB,GAAIQ,EAAOX,UAAW,CAClB7C,KAAKS,eAAe+C,EAAOX,UAC/B,CACA,OAAO,IACX,MACK,GAAIW,EAAOX,UAAW,CACvB,IAAK,MAAMY,KAAeD,EAAOX,UAAW,CACxC,GAAIU,EAAaE,GAAc,CAC3BzD,KAAKS,eAAe+C,EAAOX,WAC3B,OAAO,IACX,CACJ,CACJ,CACA,OAAO,KAAK,EAEhB7C,KAAKK,MAAMqB,OAAOgC,QAAQH,EAC9B,CACA,MAAAI,GACI,MAAMvC,EAAcpB,KAAKK,MAAMgB,eAAiB,KAChD,OAAQpD,EAAE,MAAO,CAAEoF,IAAK,2CAA4CzC,MAAOlC,EAAK,UAAW,CACnF,sBAAuBsB,KAAKK,MAAMmB,cAChCvD,EAAE,MAAO,CAAEoF,IAAK,2CAA4C,aAAcrD,KAAKK,MAAMoB,OAAQb,MAAO,sBAAuBE,GAAId,KAAKC,OAAShC,EAAE+B,KAAKU,SAAU,CAAE2C,IAAK,2CAA4CjC,YAAaA,EAAaP,KAAM,EAAGE,MAAOf,KAAKK,MAAMqB,OAAQZ,GAAId,KAAKE,UAAYF,KAAKK,MAAMiB,mBAAsBrD,EAAE,MAAO,CAAEoF,IAAK,2CAA4CzC,MAAO,oBAAsB3C,EAAEO,EAAgB,CAAE6E,IAAK,2CAA4CzC,MAAO,yBAA0B8B,cAAe1C,KAAKC,MAAO0C,eAAgB3C,KAAKK,MAAMmB,WAAYgB,OAAQxC,KAAKK,MAAMmB,WAAa,wBAA0B,uBAAwBA,WAAY,KAAMC,OAAQhD,EAAUuB,KAAKK,MAAMmB,WAAa,mBAAqB,oBAAqB7B,IAAK,CACpwBC,QAAS,KACLI,KAAKK,MAAQsB,OAAOC,OAAOD,OAAOC,OAAO,CAAC,EAAG5B,KAAKK,OAAQ,CAAEmB,YAAaxB,KAAKK,MAAMmB,YAAa,GAEtGoC,cAAe,WAC1B,CACA,mBAAA7E,CAAoBE,GAChBF,EAAoBiB,KAAMf,EAC9B,CACA,wBAAAC,CAAyBD,GACrBC,EAAyBc,KAAMf,EACnC,CACA,4BAAAE,CAA6BF,GACzBE,EAA6Ba,KAAMf,EACvC,CACA,iBAAAZ,CAAkBY,GACdZ,EAAkB2B,KAAMf,EAC5B,CACA,aAAAX,CAAcW,EAAO4E,EAAWC,EAAU,OACtC,IAAKA,EAAS,CACVlF,EAAeoB,KAAKK,MAAMoB,OAC9B,CACAnD,EAAc0B,KAAMf,EAAO,CACvB8E,SAAU,OAEd5F,EAA0Bc,GAC1BJ,EAAYmB,KAAKK,MAAMoB,OAC3B,CACA,aAAAuC,CAAc/E,GACVH,EAAc,SAAUkB,KAAMf,GAC9Bb,EAAQ,uEACR4B,KAAKsD,4BACT,CACA,iBAAAW,GACIjE,KAAKjB,oBAAoBiB,KAAKqB,cAC9BrB,KAAK3B,kBAAkB2B,KAAKwB,YAC5BxB,KAAKd,yBAAyBc,KAAKsB,mBACnCtB,KAAKb,6BAA6Ba,KAAKuB,uBACvCvB,KAAK1B,cAAc0B,KAAKyB,OAAQ/B,UAAW,MAC3CM,KAAKgE,cAAchE,KAAK0B,QACxB1B,KAAKsD,4BACT,CACA,oBAAAY,GACItF,EAAeoB,KAAKK,MAAMoB,OAC9B,CACA,mBAAW0C,GAAa,MAAO,CAC3B9C,aAAgB,CAAC,uBACjBC,kBAAqB,CAAC,4BACtBC,sBAAyB,CAAC,gCAC1BC,WAAc,CAAC,qBACfC,OAAU,CAAC,iBACXC,OAAU,CAAC,iBACZ,GAEP7B,EAAOuE,MAAQ,CACXC,QAASjF,UAGJS","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","watchBoolean","a11yHintLabelingLandmarks","devHint","validateHideLabel","validateLabel","KolLinkWcTag","KolButtonWcTag","translate","clsx","nonce","removeNavLabel","addNavLabel","watchNavLinks","validateCollapsible","component","value","validateHasCompactButton","validateHasIconsWhenExpanded","defaultStyleCss","entryIsLink","entryProps","_href","entryIsButton","_a","undefined","_on","onClick","KolNav","constructor","hostRef","this","navId","listId","handleToggleExpansionClick","children","state","_expandedChildren","includes","collapseChildren","expandChildren","linkList","props","class","deep","id","links","map","link","index","li","collapsible","_collapsible","_hasCompactButton","_hasIconsWhenExpanded","_hideLabel","_label","_links","Object","assign","filter","searchChildren","buildIconObject","expanded","leftIcon","icon","left","right","entry","hasChildren","ariaID","_icons","icons","_ariaControls","_ariaExpanded","event","_children","ariaIDparent","active","_active","Array","isArray","length","Boolean","key","initializeExpandedChildren","handleBranch","branch","childBranch","forEach","render","_tooltipAlign","_oldValue","initial","required","validateLinks","componentWillLoad","disconnectedCallback","watchers","style","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,MAAS,kCAC3BC,OAAmBC,OAAgCC,MAAe,mCAClEC,MAAyB,uCACzBC,MAAqB,kCACrBC,OAAmBC,MAAsB,4CACzCC,MAAiB,iCACjBC,MAAY,iCACZC,MAAa,sCACbC,OAAqBC,MAAmB,8CACxCC,MAAqB,iCAC5B,qBAEP,MAAMC,EAAsB,CAACC,EAAWC,KACpCf,EAAac,EAAW,eAAgBC,EAAM,EAGlD,MAAMC,EAA2B,CAACF,EAAWC,KACzCf,EAAac,EAAW,oBAAqBC,EAAM,EAGvD,MAAME,EAA+B,CAACH,EAAWC,KAC7Cf,EAAac,EAAW,wBAAyBC,EAAM,EAG3D,MAAMG,EAAkB,mmUAExB,MAAMC,EAAeC,UACHA,EAAWC,QAAU,SAEvC,MAAMC,EAAiBF,IACnB,IAAIG,EACJ,OAAOH,EAAWC,QAAUG,mBAAsBD,EAAKH,EAAWK,OAAS,MAAQF,SAAY,OAAS,EAAIA,EAAGG,WAAa,UAAU,EAE1I,MAAMC,EAAS,MACX,WAAAC,CAAYC,GACR/B,EAAiBgC,KAAMD,GACvBC,KAAKC,MAAQ,WAAatB,IAC1BqB,KAAKE,OAASF,KAAKC,MAAQ,QAC3BD,KAAKG,2BAA8BC,IAC/B,GAAIA,EAAU,CACV,GAAIJ,KAAKK,MAAMC,kBAAkBC,SAASH,GAAW,CACjDJ,KAAKQ,iBAAiBJ,EAC1B,KACK,CACDJ,KAAKS,eAAeL,EACxB,CACJ,GAEJJ,KAAKU,SAAYC,GACL1C,EAAE,KAAM,CAAE2C,MAAOlC,EAAK,gBAAiB,CACvC,wBAAyBiC,EAAME,KAAO,EACtC,0BAA2BF,EAAME,OAAS,IAC1CC,GAAIH,EAAME,KAAO,EAAIF,EAAMG,GAAKpB,WAAaiB,EAAMI,MAAMC,KAAI,CAACC,EAAMC,IACjElB,KAAKmB,GAAGR,EAAMS,YAAaT,EAAME,KAAMK,EAAOD,EAAMN,EAAMG,OAGzEd,KAAKqB,aAAe,KACpBrB,KAAKsB,kBAAoB,MACzBtB,KAAKuB,sBAAwB,MAC7BvB,KAAKwB,WAAa,MAClBxB,KAAKK,MAAQ,CACTgB,aAAc,KACdC,kBAAmB,MACnBC,sBAAuB,MACvBC,WAAY,MACZC,OAAQ,GACRC,OAAQ,GACRpB,kBAAmB,GAE3B,CACA,cAAAG,CAAeL,GACXJ,KAAKK,MAAQsB,OAAOC,OAAOD,OAAOC,OAAO,CAAC,EAAG5B,KAAKK,OAAQ,CAAEC,kBAAmB,IAAIN,KAAKK,MAAMC,kBAAmBF,IACrH,CACA,gBAAAI,CAAiBJ,GACbJ,KAAKK,MAAQsB,OAAOC,OAAOD,OAAOC,OAAO,CAAC,EAAG5B,KAAKK,OAAQ,CAAEC,kBAAmBN,KAAKK,MAAMC,kBAAkBuB,QAAQC,GAAmBA,IAAmB1B,KAC9J,CACA,eAAA2B,CAAgBX,EAAaY,EAAUC,GACnC,MAAMC,EAAO,CACTC,KAAM,GACNC,MAAO,IAEX,GAAIpC,KAAKK,MAAMkB,uBAAyBU,EAAU,CAC9CC,EAAKC,KAAOF,CAChB,CACA,GAAIjC,KAAKK,MAAMmB,WAAY,CACvB,GAAIS,EAAU,CACVC,EAAKC,KAAOF,CAChB,KACK,CACDC,EAAKC,KAAO,cAChB,CACJ,CACA,GAAIf,EAAa,CACb,GAAIY,EAAU,CACVE,EAAKE,MAAQ,eACjB,KACK,CACDF,EAAKE,MAAQ,cACjB,CACJ,CACA,OAAOF,CACX,CACA,KAAAG,CAAMjB,EAAakB,EAAaD,EAAOL,EAAUO,GAC7C,IAAI9C,EACJ,MAAMwC,SAAkBI,EAAMG,SAAW,SAAWH,EAAMG,eAAkB/C,EAAK4C,EAAMG,UAAY,MAAQ/C,SAAY,OAAS,EAAIA,EAAG0C,QAAU,SAAWE,EAAMG,OAAOL,KAAOzC,UAChL,MAAM+C,EAAQzC,KAAK+B,gBAAgBX,GAAekB,EAAaN,EAAUC,GACzE,OAAQhE,EAAE,MAAO,CAAE2C,MAAO,0BAA4BvB,EAAYgD,GAAUpE,EAAEM,EAAcoD,OAAOC,OAAO,CAAEhB,MAAOlC,EAAK,sCAAuC,CACvJ,8BAA+B0C,KAC7BiB,EAAO,CAAEb,WAAYxB,KAAKK,MAAMmB,WAAYgB,OAAQC,EAAOC,cAAetB,GAAekB,GAAeN,EAAWO,EAAS7C,UAAWiD,cAAevB,GAAekB,EAAcN,EAAWtC,aAAkBzB,EAAEO,EAAgB,CAAEoC,MAAOlC,EAAK,wCAAyC,CAC3R,8BAA+B0C,IAC/BK,OAAQY,EAAMZ,OAAQD,WAAYxB,KAAKK,MAAMmB,WAAYgB,OAAQC,EAAOC,cAAetB,GAAekB,GAAeN,EAAWO,EAAS7C,UAAWiD,cAAevB,GAAekB,EAAcN,EAAWtC,UAAWC,IAAK,CAC3NC,QAAS,CAACgD,EAAO3D,KACb,GAAIO,EAAc6C,WAAiBA,EAAM1C,IAAIC,UAAY,WAAY,CACjEyC,EAAM1C,IAAIC,QAAQgD,EAAO3D,EAC7B,CACAe,KAAKG,2BAA2BkC,EAAMQ,UAAU,KAGhE,CACA,EAAA1B,CAAGC,EAAaP,EAAMK,EAAOD,EAAM6B,GAC/B,MAAMC,IAAW9B,EAAK+B,QACtB,MAAMV,EAAcW,MAAMC,QAAQjC,EAAK4B,YAAc5B,EAAK4B,UAAUM,OAAS,EAC7E,MAAMnB,EAAWoB,QAAQnC,EAAK4B,WAAa7C,KAAKK,MAAMC,kBAAkBC,SAASU,EAAK4B,YACtF,MAAMN,EAASO,EAAe,IAAMjC,EAAO,IAAMK,EACjD,OAAQjD,EAAE,KAAM,CAAE2C,MAAOlC,EAAK,qBAAsB,CAC5C,6BAA8BqE,EAC9B,+BAAgCf,EAChC,mCAAoCM,IACpCe,IAAKnC,GAASlB,KAAKqC,MAAMjB,EAAakB,EAAarB,EAAMe,EAAUO,GAASP,GAAY/D,EAAE+B,KAAKU,SAAU,CAAEU,YAAaA,EAAaP,KAAMA,EAAO,EAAGE,MAAOE,EAAK4B,WAAa,GAAI/B,GAAIyB,IAClM,CACA,0BAAAe,GACItD,KAAKK,MAAQsB,OAAOC,OAAOD,OAAOC,OAAO,CAAC,EAAG5B,KAAKK,OAAQ,CAAEC,kBAAmB,KAC/E,MAAMiD,EAAgBC,IAClB,GAAIA,EAAOR,QAAS,CAChB,GAAIQ,EAAOX,UAAW,CAClB7C,KAAKS,eAAe+C,EAAOX,UAC/B,CACA,OAAO,IACX,MACK,GAAIW,EAAOX,UAAW,CACvB,IAAK,MAAMY,KAAeD,EAAOX,UAAW,CACxC,GAAIU,EAAaE,GAAc,CAC3BzD,KAAKS,eAAe+C,EAAOX,WAC3B,OAAO,IACX,CACJ,CACJ,CACA,OAAO,KAAK,EAEhB7C,KAAKK,MAAMqB,OAAOgC,QAAQH,EAC9B,CACA,MAAAI,GACI,MAAMvC,EAAcpB,KAAKK,MAAMgB,eAAiB,KAChD,OAAQpD,EAAE,MAAO,CAAEoF,IAAK,2CAA4CzC,MAAOlC,EAAK,UAAW,CACnF,sBAAuBsB,KAAKK,MAAMmB,cAChCvD,EAAE,MAAO,CAAEoF,IAAK,2CAA4C,aAAcrD,KAAKK,MAAMoB,OAAQb,MAAO,sBAAuBE,GAAId,KAAKC,OAAShC,EAAE+B,KAAKU,SAAU,CAAE2C,IAAK,2CAA4CjC,YAAaA,EAAaP,KAAM,EAAGE,MAAOf,KAAKK,MAAMqB,OAAQZ,GAAId,KAAKE,UAAYF,KAAKK,MAAMiB,mBAAsBrD,EAAE,MAAO,CAAEoF,IAAK,2CAA4CzC,MAAO,oBAAsB3C,EAAEO,EAAgB,CAAE6E,IAAK,2CAA4CzC,MAAO,yBAA0B8B,cAAe1C,KAAKC,MAAO0C,eAAgB3C,KAAKK,MAAMmB,WAAYgB,OAAQxC,KAAKK,MAAMmB,WAAa,wBAA0B,uBAAwBA,WAAY,KAAMC,OAAQhD,EAAUuB,KAAKK,MAAMmB,WAAa,mBAAqB,oBAAqB7B,IAAK,CACpwBC,QAAS,KACLI,KAAKK,MAAQsB,OAAOC,OAAOD,OAAOC,OAAO,CAAC,EAAG5B,KAAKK,OAAQ,CAAEmB,YAAaxB,KAAKK,MAAMmB,YAAa,GAEtGoC,cAAe,WAC1B,CACA,mBAAA7E,CAAoBE,GAChBF,EAAoBiB,KAAMf,EAC9B,CACA,wBAAAC,CAAyBD,GACrBC,EAAyBc,KAAMf,EACnC,CACA,4BAAAE,CAA6BF,GACzBE,EAA6Ba,KAAMf,EACvC,CACA,iBAAAZ,CAAkBY,GACdZ,EAAkB2B,KAAMf,EAC5B,CACA,aAAAX,CAAcW,EAAO4E,EAAWC,EAAU,OACtC,IAAKA,EAAS,CACVlF,EAAeoB,KAAKK,MAAMoB,OAC9B,CACAnD,EAAc0B,KAAMf,EAAO,CACvB8E,SAAU,OAEd5F,EAA0Bc,GAC1BJ,EAAYmB,KAAKK,MAAMoB,OAC3B,CACA,aAAAuC,CAAc/E,GACVH,EAAc,SAAUkB,KAAMf,GAC9Bb,EAAQ,uEACR4B,KAAKsD,4BACT,CACA,iBAAAW,GACIjE,KAAKjB,oBAAoBiB,KAAKqB,cAC9BrB,KAAK3B,kBAAkB2B,KAAKwB,YAC5BxB,KAAKd,yBAAyBc,KAAKsB,mBACnCtB,KAAKb,6BAA6Ba,KAAKuB,uBACvCvB,KAAK1B,cAAc0B,KAAKyB,OAAQ/B,UAAW,MAC3CM,KAAKgE,cAAchE,KAAK0B,QACxB1B,KAAKsD,4BACT,CACA,oBAAAY,GACItF,EAAeoB,KAAKK,MAAMoB,OAC9B,CACA,mBAAW0C,GAAa,MAAO,CAC3B9C,aAAgB,CAAC,uBACjBC,kBAAqB,CAAC,4BACtBC,sBAAyB,CAAC,gCAC1BC,WAAc,CAAC,qBACfC,OAAU,CAAC,iBACXC,OAAU,CAAC,iBACZ,GAEP7B,EAAOuE,MAAQ,CACXC,QAASjF,UAGJS","ignoreList":[]}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as t,h as i,H as s,g as e}from"./index-t9mjSqi3.js";import{N as a,U as o,b as n,G as l,p as h}from"./common-BIkdAxr0.js";import{v as r}from"./custom-class-VVhX9Sez.js";import{v as _}from"./label-Cw7rCjUo.js";import{v as u}from"./tooltip-align-DodV1tEH.js";import{k as p,c}from"./component-names-C64MXeC1.js";import{t as g}from"./i18n-DvMeCREp.js";import{n as f}from"./dev.utils-98sTB6ui.js";import{d,K as b}from"./events-DHTi_wtD.js";import{r as m,a as v}from"./unique-nav-labels-BVWNmacO.js";import"./align-DDUsWnWP.js";import"./i18n-B0tfVPMa.js";const k=(t,s,e)=>{a(t,"_max",s,e)},C={left:"kolicon-chevron-double-left"},y={left:"kolicon-chevron-left"},S={right:"kolicon-chevron-right"},z={right:"kolicon-chevron-double-right"};function j(){const t=navigator.language||"de-DE";return t.includes("-")?t:`${t}-${t.toUpperCase()}`}const x=j(),B=new Intl.NumberFormat(x,{style:"decimal",minimumFractionDigits:0,maximumFractionDigits:0}),P=class{constructor(a){t(this,a),this.translatePageFirst=g("kol-page-first"),this.translatePageBack=g("kol-page-back"),this.translatePageNext=g("kol-page-next"),this.translatePageLast=g("kol-page-last"),this.translateEntriesPerSite=g("kol-entries-per-site"),this.translatePage=g("kol-page"),this.translatePagination=g("kol-pagination"),this.calcCount=(t,a=1)=>Math.ceil(t/a),this.getCount=()=>this.calcCount(this.state._max,this.state._pageSize),this._boundaryCount=1,this._hasButtons=!0,this._pageSize=1,this._pageSizeOptions=[],this._siblingCount=1,this._tooltipAlign="top",this.state={_boundaryCount:1,_label:this.translatePagination,_hasButtons:{first:!0,last:!0,next:!0,previous:!0},_on:{onClick:()=>null},_page:0,_pageSize:1,_pageSizeOptions:[],_siblingCount:1,_max:0},this.onClick=(t,a)=>{"function"==typeof this.state._on.onClick&&this.state._on.onClick(t,a),this.host&&d(this.host,b.click,a),this.onChangePage(t,a)},this.onChangePage=(t,a)=>{const s=setTimeout(()=>{clearTimeout(s),"function"==typeof this.state._on.onChangePage&&this.state._on.onChangePage(t,a),this.host&&d(this.host,b.changePage,a)})},this.onChangePageSize=(t,a)=>{if("number"==typeof(a=parseInt(a))&&a>0&&this._pageSize!==a){this._pageSize=a;const s=setTimeout(()=>{clearTimeout(s),"function"==typeof this.state._on.onChangePageSize&&this.state._on.onChangePageSize(t,this._pageSize),this.host&&d(this.host,b.changePageSize,this._pageSize)})}},this.onGoToFirst={onClick:t=>{this.onClick(t,1)}},this.onGoToEnd={onClick:t=>{this.onClick(t,this.getCount())}},this.onGoBackward={onClick:t=>{this.onClick(t,this.state._page-1)}},this.onGoForward={onClick:t=>{this.onClick(t,this.state._page+1)}},this.beforePageSize=(t,a)=>{let s=a.has("_pageSize")?a.get("_pageSize"):this.state._pageSize;const e=a.has("_pageSizeOptions")?a.get("_pageSizeOptions"):this.state._pageSizeOptions;if(Array.isArray(e)&&e.length>0){const t=e.find(t=>t.value===s);s=void 0===t?e[0].value:t.value,a.set("_pageSize",s)}const i=a.has("_page")?a.get("_page"):this.state._page,o=a.has("_max")?a.get("_max"):this.state._max;this.syncPage(a,i,a.get("_pageSize"),o)},this.syncPage=(t,a,s,e)=>{if(e>0){const i=this.calcCount(e,s);i>0&&(a>i?(t.set("_page",i),this.onChangePage(o,i)):a<1&&(t.set("_page",1),this.onChangePage(o,1)))}},this.beforePageSizeOptions=(t,a)=>{const s=[];if(Array.isArray(t))for(const a of t)"number"==typeof a&&s.push({label:`${a}`,value:a});a.set("_pageSizeOptions",s),this.beforePageSize(s,a)}}getPageStart(){return(this.state._page-1)*this.state._pageSize+1+""}getPageEnd(){return this.state._page*this.state._pageSize+""}render(){var t;let a=!1;const e=this.getCount(),o=Array.from(Array(e).keys()).map(t=>t+1).map(t=>t<=this.state._boundaryCount||t>e-this.state._boundaryCount||t>=this.state._page-this.state._siblingCount&&t<=this.state._page+this.state._siblingCount?(a=!0,this.state._page===t?this.getSelectedPageButton(t):this.getUnselectedPageButton(t)):!0===a?(a=!1,i("li",{key:f()},i("span",{class:"kol-pagination__separator","aria-hidden":"true"}))):null);return i(s,{class:"kol-pagination"},i("span",{role:"status","aria-live":"polite",class:"kol-pagination__entries"},g("kol-table-visible-range",{placeholders:{start:this.getPageStart(),end:this.getPageEnd(),total:this.state._max.toString()}})),i("nav",{class:"kol-pagination__navigation","aria-label":this.state._label},i("ul",{class:"kol-pagination__navigation-list"},this.state._hasButtons.first&&i("li",null,i(c,{class:"kol-pagination__button kol-pagination__button--first",_customClass:this.state._customClass,_disabled:this.state._page<=1,_icons:C,_hideLabel:!0,_label:this.translatePageFirst,_on:this.onGoToFirst,_tooltipAlign:this.state._tooltipAlign})),this.state._hasButtons.previous&&i("li",null,i(c,{class:"kol-pagination__button kol-pagination__button--previous",_customClass:this.state._customClass,_disabled:this.state._page<=1,_icons:y,_hideLabel:!0,_label:this.translatePageBack,_on:this.onGoBackward,_tooltipAlign:this.state._tooltipAlign})),o,this.state._hasButtons.next&&i("li",null,i(c,{class:"kol-pagination__button kol-pagination__button--next",_customClass:this.state._customClass,_disabled:e<=this.state._page,_icons:S,_hideLabel:!0,_label:this.translatePageNext,_on:this.onGoForward,_tooltipAlign:this.state._tooltipAlign})),this.state._hasButtons.last&&i("li",null,i(c,{class:"kol-pagination__button kol-pagination__button--last",_customClass:this.state._customClass,_disabled:e<=this.state._page,_icons:z,_hideLabel:!0,_label:this.translatePageLast,_on:this.onGoToEnd,_tooltipAlign:this.state._tooltipAlign})))),(null===(t=this.state._pageSizeOptions)||void 0===t?void 0:t.length)>0&&i("div",{class:"page-size"},i(p,{class:"kol-pagination__page-size-select",_label:this.translateEntriesPerSite,_options:this.state._pageSizeOptions,_on:{onChange:this.onChangePageSize},_value:this.state._pageSize})))}getUnselectedPageButton(t){const a=B.format(t),s=`${this.translatePage} ${a}`;return i("li",{key:f()},i(c,{class:"kol-pagination__button kol-pagination__button--numbers",_ariaDescription:s,_customClass:this.state._customClass,_label:a,_on:{onClick:a=>{this.onClick(a,t)}}}))}getSelectedPageButton(t){const a=B.format(t),s=`${this.translatePage} ${a}`;return i("li",{key:f()},i(c,{"aria-current":"page",class:"kol-pagination__button kol-pagination__button--selected selected",_ariaDescription:s,_customClass:this.state._customClass,_disabled:!0,_label:a}))}validateBoundaryCount(t){a(this,"_boundaryCount",Math.max(0,null!=t?t:1))}validateCustomClass(t){r(this,t)}validateLabel(t,a,s=!1){s||m(this.state._label),_(this,t),v(this.state._label)}validateHasButtons(t){n(this,"_hasButtons",t=>"boolean"==typeof t||"string"==typeof t||"object"==typeof t&&null!==t,new Set(["Boolean","PaginationHasButton"]),t,{hooks:{beforePatch:(t,a)=>{if("boolean"==typeof t)a.set("_hasButtons",{first:t,last:t,next:t,previous:t});else{if("string"==typeof t)try{t=h(t)}catch(t){a.delete("_hasButtons")}"object"==typeof t&&null!==t&&a.set("_hasButtons",Object.assign(Object.assign({},this.state._hasButtons),{first:"boolean"==typeof t.first?!0===t.first:this.state._hasButtons.first,last:"boolean"==typeof t.last?!0===t.last:this.state._hasButtons.last,next:"boolean"==typeof t.next?!0===t.next:this.state._hasButtons.next,previous:"boolean"==typeof t.previous?!0===t.previous:this.state._hasButtons.previous}))}}}})}validateOn(t){"object"==typeof t&&null!==t&&(this.state=Object.assign(Object.assign({},this.state),{_on:t}))}validatePage(t){a(this,"_page",t,{hooks:{beforePatch:(t,a)=>{const s=a.has("_pageSize")?a.get("_pageSize"):this.state._pageSize,e=a.has("_max")?a.get("_max"):this.state._max;this.syncPage(a,t,s,e)}}})}validatePageSize(t){a(this,"_pageSize",t,{hooks:{beforePatch:this.beforePageSize}})}validatePageSizeOptions(t){l(this,"_pageSizeOptions",t=>"number"==typeof t,t,void 0,{hooks:{beforePatch:this.beforePageSizeOptions}})}validateSiblingCount(t){a(this,"_siblingCount",Math.max(0,null!=t?t:1))}validateMax(t){k(this,t,{hooks:{beforePatch:(t,a)=>{const s=a.has("_page")?a.get("_page"):this.state._page,e=a.has("_pageSize")?a.get("_pageSize"):this.state._pageSize;this.syncPage(a,s,e,t)}}})}validateTooltipAlign(t){u(this,t)}componentWillLoad(){this.validateBoundaryCount(this._boundaryCount),this.validateCustomClass(this._customClass),this.validateHasButtons(this._hasButtons),this.validateLabel(this._label,void 0,!0),this.validateOn(this._on),this.validatePage(this._page),this.validatePageSize(this._pageSize),this.validatePageSizeOptions(this._pageSizeOptions),this.validateSiblingCount(this._siblingCount),this.validateTooltipAlign(this._tooltipAlign),this.validateMax(this._max),this.validatePage(this._page)}disconnectedCallback(){m(this.state._label)}get host(){return e(this)}static get watchers(){return{_boundaryCount:["validateBoundaryCount"],_customClass:["validateCustomClass"],_label:["validateLabel"],_hasButtons:["validateHasButtons"],_on:["validateOn"],_page:["validatePage"],_pageSize:["validatePageSize"],_pageSizeOptions:["validatePageSizeOptions"],_siblingCount:["validateSiblingCount"],_max:["validateMax"],_tooltipAlign:["validateTooltipAlign"]}}};export{P as kol_pagination_wc};
+import{r as t,h as i,H as s,g as e}from"./index-C8rYknb2.js";import{N as a,U as o,b as n,G as l,p as h}from"./common-BqV6Zb30.js";import{v as r}from"./custom-class-C5Yo1ysl.js";import{v as _}from"./label-vxVEH2gH.js";import{v as u}from"./tooltip-align-DnbCY1Uu.js";import{j as p,b as c}from"./component-names-Dy77vq43.js";import{t as g}from"./i18n-BVaUp6qp.js";import{n as b}from"./dev.utils-CKaUZiiF.js";import{d as f,K as d}from"./events-DHTi_wtD.js";import{r as m,a as v}from"./unique-nav-labels-BIHfxulq.js";import"./align-D3Z54kEL.js";import"./i18n-B2d_exHc.js";const k=(t,s,e)=>{a(t,"_max",s,e)},y={left:"kolicon-chevron-double-left"},C={left:"kolicon-chevron-left"},S={right:"kolicon-chevron-right"},z={right:"kolicon-chevron-double-right"};function j(){const t=navigator.language||"de-DE";return t.includes("-")?t:`${t}-${t.toUpperCase()}`}const x=j(),B=new Intl.NumberFormat(x,{style:"decimal",minimumFractionDigits:0,maximumFractionDigits:0}),P=class{constructor(a){t(this,a),this.translatePageFirst=g("kol-page-first"),this.translatePageBack=g("kol-page-back"),this.translatePageNext=g("kol-page-next"),this.translatePageLast=g("kol-page-last"),this.translateEntriesPerSite=g("kol-entries-per-site"),this.translatePage=g("kol-page"),this.translatePagination=g("kol-pagination"),this.calcCount=(t,a=1)=>Math.ceil(t/a),this.getCount=()=>this.calcCount(this.state._max,this.state._pageSize),this._boundaryCount=1,this._hasButtons=!0,this._pageSize=1,this._pageSizeOptions=[],this._siblingCount=1,this._tooltipAlign="top",this.state={_boundaryCount:1,_label:this.translatePagination,_hasButtons:{first:!0,last:!0,next:!0,previous:!0},_on:{onClick:()=>null},_page:0,_pageSize:1,_pageSizeOptions:[],_siblingCount:1,_max:0},this.onClick=(t,a)=>{"function"==typeof this.state._on.onClick&&this.state._on.onClick(t,a),this.host&&f(this.host,d.click,a),this.onChangePage(t,a)},this.onChangePage=(t,a)=>{const s=setTimeout(()=>{clearTimeout(s),"function"==typeof this.state._on.onChangePage&&this.state._on.onChangePage(t,a),this.host&&f(this.host,d.changePage,a)})},this.onChangePageSize=(t,a)=>{if("number"==typeof(a=parseInt(a))&&a>0&&this._pageSize!==a){this._pageSize=a;const s=setTimeout(()=>{clearTimeout(s),"function"==typeof this.state._on.onChangePageSize&&this.state._on.onChangePageSize(t,this._pageSize),this.host&&f(this.host,d.changePageSize,this._pageSize)})}},this.onGoToFirst={onClick:t=>{this.onClick(t,1)}},this.onGoToEnd={onClick:t=>{this.onClick(t,this.getCount())}},this.onGoBackward={onClick:t=>{this.onClick(t,this.state._page-1)}},this.onGoForward={onClick:t=>{this.onClick(t,this.state._page+1)}},this.beforePageSize=(t,a)=>{let s=a.has("_pageSize")?a.get("_pageSize"):this.state._pageSize;const e=a.has("_pageSizeOptions")?a.get("_pageSizeOptions"):this.state._pageSizeOptions;if(Array.isArray(e)&&e.length>0){const t=e.find(t=>t.value===s);s=void 0===t?e[0].value:t.value,a.set("_pageSize",s)}const i=a.has("_page")?a.get("_page"):this.state._page,o=a.has("_max")?a.get("_max"):this.state._max;this.syncPage(a,i,a.get("_pageSize"),o)},this.syncPage=(t,a,s,e)=>{if(e>0){const i=this.calcCount(e,s);i>0&&(a>i?(t.set("_page",i),this.onChangePage(o,i)):a<1&&(t.set("_page",1),this.onChangePage(o,1)))}},this.beforePageSizeOptions=(t,a)=>{const s=[];if(Array.isArray(t))for(const a of t)"number"==typeof a&&s.push({label:`${a}`,value:a});a.set("_pageSizeOptions",s),this.beforePageSize(s,a)}}getPageStart(){return(this.state._page-1)*this.state._pageSize+1+""}getPageEnd(){return this.state._page*this.state._pageSize+""}render(){var t;let a=!1;const e=this.getCount(),o=Array.from(Array(e).keys()).map(t=>t+1).map(t=>t<=this.state._boundaryCount||t>e-this.state._boundaryCount||t>=this.state._page-this.state._siblingCount&&t<=this.state._page+this.state._siblingCount?(a=!0,this.state._page===t?this.getSelectedPageButton(t):this.getUnselectedPageButton(t)):!0===a?(a=!1,i("li",{key:b()},i("span",{class:"kol-pagination__separator","aria-hidden":"true"}))):null);return i(s,{class:"kol-pagination"},i("span",{role:"status","aria-live":"polite",class:"kol-pagination__entries"},g("kol-table-visible-range",{placeholders:{start:this.getPageStart(),end:this.getPageEnd(),total:this.state._max.toString()}})),i("nav",{class:"kol-pagination__navigation","aria-label":this.state._label},i("ul",{class:"kol-pagination__navigation-list"},this.state._hasButtons.first&&i("li",null,i(c,{class:"kol-pagination__button kol-pagination__button--first",_customClass:this.state._customClass,_disabled:this.state._page<=1,_icons:y,_hideLabel:!0,_label:this.translatePageFirst,_on:this.onGoToFirst,_tooltipAlign:this.state._tooltipAlign})),this.state._hasButtons.previous&&i("li",null,i(c,{class:"kol-pagination__button kol-pagination__button--previous",_customClass:this.state._customClass,_disabled:this.state._page<=1,_icons:C,_hideLabel:!0,_label:this.translatePageBack,_on:this.onGoBackward,_tooltipAlign:this.state._tooltipAlign})),o,this.state._hasButtons.next&&i("li",null,i(c,{class:"kol-pagination__button kol-pagination__button--next",_customClass:this.state._customClass,_disabled:e<=this.state._page,_icons:S,_hideLabel:!0,_label:this.translatePageNext,_on:this.onGoForward,_tooltipAlign:this.state._tooltipAlign})),this.state._hasButtons.last&&i("li",null,i(c,{class:"kol-pagination__button kol-pagination__button--last",_customClass:this.state._customClass,_disabled:e<=this.state._page,_icons:z,_hideLabel:!0,_label:this.translatePageLast,_on:this.onGoToEnd,_tooltipAlign:this.state._tooltipAlign})))),(null===(t=this.state._pageSizeOptions)||void 0===t?void 0:t.length)>0&&i("div",{class:"page-size"},i(p,{class:"kol-pagination__page-size-select",_label:this.translateEntriesPerSite,_options:this.state._pageSizeOptions,_on:{onChange:this.onChangePageSize},_value:this.state._pageSize})))}getUnselectedPageButton(t){const a=B.format(t),s=`${this.translatePage} ${a}`;return i("li",{key:b()},i(c,{class:"kol-pagination__button kol-pagination__button--numbers",_ariaDescription:s,_customClass:this.state._customClass,_label:a,_on:{onClick:a=>{this.onClick(a,t)}}}))}getSelectedPageButton(t){const a=B.format(t),s=`${this.translatePage} ${a}`;return i("li",{key:b()},i(c,{"aria-current":"page",class:"kol-pagination__button kol-pagination__button--selected selected",_ariaDescription:s,_customClass:this.state._customClass,_disabled:!0,_label:a}))}validateBoundaryCount(t){a(this,"_boundaryCount",Math.max(0,null!=t?t:1))}validateCustomClass(t){r(this,t)}validateLabel(t,a,s=!1){s||m(this.state._label),_(this,t),v(this.state._label)}validateHasButtons(t){n(this,"_hasButtons",t=>"boolean"==typeof t||"string"==typeof t||"object"==typeof t&&null!==t,new Set(["Boolean","PaginationHasButton"]),t,{hooks:{beforePatch:(t,a)=>{if("boolean"==typeof t)a.set("_hasButtons",{first:t,last:t,next:t,previous:t});else{if("string"==typeof t)try{t=h(t)}catch(t){a.delete("_hasButtons")}"object"==typeof t&&null!==t&&a.set("_hasButtons",Object.assign(Object.assign({},this.state._hasButtons),{first:"boolean"==typeof t.first?!0===t.first:this.state._hasButtons.first,last:"boolean"==typeof t.last?!0===t.last:this.state._hasButtons.last,next:"boolean"==typeof t.next?!0===t.next:this.state._hasButtons.next,previous:"boolean"==typeof t.previous?!0===t.previous:this.state._hasButtons.previous}))}}}})}validateOn(t){"object"==typeof t&&null!==t&&(this.state=Object.assign(Object.assign({},this.state),{_on:t}))}validatePage(t){a(this,"_page",t,{hooks:{beforePatch:(t,a)=>{const s=a.has("_pageSize")?a.get("_pageSize"):this.state._pageSize,e=a.has("_max")?a.get("_max"):this.state._max;this.syncPage(a,t,s,e)}}})}validatePageSize(t){a(this,"_pageSize",t,{hooks:{beforePatch:this.beforePageSize}})}validatePageSizeOptions(t){l(this,"_pageSizeOptions",t=>"number"==typeof t,t,void 0,{hooks:{beforePatch:this.beforePageSizeOptions}})}validateSiblingCount(t){a(this,"_siblingCount",Math.max(0,null!=t?t:1))}validateMax(t){k(this,t,{hooks:{beforePatch:(t,a)=>{const s=a.has("_page")?a.get("_page"):this.state._page,e=a.has("_pageSize")?a.get("_pageSize"):this.state._pageSize;this.syncPage(a,s,e,t)}}})}validateTooltipAlign(t){u(this,t)}componentWillLoad(){this.validateBoundaryCount(this._boundaryCount),this.validateCustomClass(this._customClass),this.validateHasButtons(this._hasButtons),this.validateLabel(this._label,void 0,!0),this.validateOn(this._on),this.validatePage(this._page),this.validatePageSize(this._pageSize),this.validatePageSizeOptions(this._pageSizeOptions),this.validateSiblingCount(this._siblingCount),this.validateTooltipAlign(this._tooltipAlign),this.validateMax(this._max),this.validatePage(this._page)}disconnectedCallback(){m(this.state._label)}get host(){return e(this)}static get watchers(){return{_boundaryCount:["validateBoundaryCount"],_customClass:["validateCustomClass"],_label:["validateLabel"],_hasButtons:["validateHasButtons"],_on:["validateOn"],_page:["validatePage"],_pageSize:["validatePageSize"],_pageSizeOptions:["validatePageSizeOptions"],_siblingCount:["validateSiblingCount"],_max:["validateMax"],_tooltipAlign:["validateTooltipAlign"]}}};export{P as kol_pagination_wc};