@public-ui/visual-tests 4.3.0-rc.2 → 4.3.0-rc.3

package/app/dist/assets/{kol-meter.entry-BBlv5SXi.js → kol-meter.entry-C_HJE1d4.js}

@@ -1,4 +1,4 @@
-import{o as e,r as t,s as n}from"./index-CLYw1HnO.js";import"./isArray-CcrBs4JM-DiEJ1b3e.js";import"./_Uint8Array-kJHDjtoP-CTkgs_0o.js";import{a as r,n as i,o as a}from"./normalizers-B5NKuJgN-BAPba39_.js";import{t as o}from"./label-BT-6lb8r-DTZ8Zack.js";import{t as s}from"./base-web-component-CArCAUxk-iRwmL-Bz.js";import{t as c}from"./base-controller-CXhqh4cR-BNzx0WwK.js";import{t as l}from"./i18n-BkwRYsvE-Baa6kHEL.js";import{n as u,r as d,t as f}from"./value-number-clamped-eznLHU11-Dh70flmU.js";var p=i(`high`,0,r),m=i(`low`,0,r),h=i(`min`,0,r),g=i(`optimum`,0,r),_=[`horizontal`,`vertical`],v=i(`orientation`,`horizontal`,e=>{let t=a(e);if(_.includes(t))return t;throw Error(`Invalid orientation: ${t}`)}),y=i(`value`,0,r,e=>e>=0);function b(e,t,n,r,i,a){let o=r??t,s=i??n;if(a===void 0)return e>=o&&e<=s?`optimum`:`suboptimal`;let c=e<o,l=e>s,u=!c&&!l;return a<o?c?`optimum`:u?`suboptimal`:`critical`:a>s?l?`optimum`:u?`suboptimal`:`critical`:u?`optimum`:`suboptimal`}var x=t=>{let{high:n,label:r,low:i,max:a,min:o,optimum:s,orientation:c,unit:u,value:d}=t,f=c===`vertical`,p=u===`%`,m=p?Math.round((d-o)/(a-o)*100):d,h=b(d,o,a,i,n,s),g=i!==void 0||n!==void 0,_=g?l(`kol-meter-state-${h}`):``,v=p?l(`kol-live-value`,{placeholders:{value:String(m),unit:u}}):l(`kol-live-value-bounded`,{placeholders:{value:String(m),max:String(a),unit:u}}),y=g?`${v} – ${_}`:v,x=a.toString().length>o.toString().length?a.toString().length+`ch`:o.toString().length+`ch`;return e(`div`,{class:{"kol-meter":!0,"kol-meter--vertical":f}},e(`div`,{class:`kol-meter__bar`},e(`div`,{class:`kol-meter__bar-label`},r,g&&e(`span`,{class:`kol-meter__bar-state kol-meter__bar-state--${h}`},` – `,_)),e(`div`,{class:`kol-meter__bar-track`},e(`meter`,{"aria-label":r,"aria-valuetext":y,high:n,low:i,max:a,min:o,optimum:s,value:d})),e(`span`,{class:`kol-meter__value-unit`},e(`span`,{class:`kol-meter__value`,style:{"min-width":x}},m),e(`span`,{class:`kol-meter__unit`},u))))},S={optional:[h,v,d],required:[o,u,y]},C=class extends c{constructor(e){super(e,S),this.meterData={high:void 0,low:void 0,optimum:void 0}}componentWillLoad(e){let{high:t,label:n,low:r,max:i,min:a,optimum:o,orientation:s,unit:c,value:l}=e;this.watchHigh(t),this.watchLabel(n),this.watchLow(r),this.watchMax(i),this.watchMin(a),this.watchOptimum(o),this.watchOrientation(s),this.watchUnit(c),this.watchValue(l)}getMeterData(){return this.meterData}watchHigh(e){e===void 0?this.meterData.high=void 0:p.apply(e,e=>{this.meterData.high=e})}watchLabel(e){o.apply(e,e=>{this.setRenderProp(`label`,e)})}watchLow(e){e===void 0?this.meterData.low=void 0:m.apply(e,e=>{this.meterData.low=e})}watchMax(e){u.apply(e,e=>{this.setRenderProp(`max`,e),this.watchValue(this.getRawProp(`value`))})}watchMin(e){h.apply(e,e=>{this.setRenderProp(`min`,e),this.watchValue(this.getRawProp(`value`))})}watchOptimum(e){e===void 0?this.meterData.optimum=void 0:g.apply(e,e=>{this.meterData.optimum=e})}watchOrientation(e){v.apply(e,e=>{this.setRenderProp(`orientation`,e)})}watchUnit(e){d.apply(e,e=>{this.setRenderProp(`unit`,e)})}watchValue(e){this.setRawProp(`value`,e),f.apply(e,e=>{this.setRenderProp(`value`,e)},{min:this.getRenderProp(`min`),max:this.getRenderProp(`max`)})}},w=`@charset "UTF-8";
+import{o as e,r as t,s as n}from"./index-BEIcpIbr.js";import"./isArray-CcrBs4JM-DiEJ1b3e.js";import"./_Uint8Array-kJHDjtoP-CTkgs_0o.js";import{a as r,n as i,o as a}from"./normalizers-iLdS6AQE-C9zKfn33.js";import{t as o}from"./label-BwPy2Jd4-Ckcz6Umq.js";import{t as s}from"./base-web-component-BCIMb9gN-CviiCyGl.js";import{t as c}from"./base-controller-CXhqh4cR-BNzx0WwK.js";import{t as l}from"./i18n-CcjZRTxD-DOVnRsej.js";import{n as u,r as d,t as f}from"./value-number-clamped-CiWMaJPP-By8_LJ2Q.js";var p=i(`high`,0,r),m=i(`low`,0,r),h=i(`min`,0,r),g=i(`optimum`,0,r),_=[`horizontal`,`vertical`],v=i(`orientation`,`horizontal`,e=>{let t=a(e);if(_.includes(t))return t;throw Error(`Invalid orientation: ${t}`)}),y=i(`value`,0,r,e=>e>=0);function b(e,t,n,r,i,a){let o=r??t,s=i??n;if(a===void 0)return e>=o&&e<=s?`optimum`:`suboptimal`;let c=e<o,l=e>s,u=!c&&!l;return a<o?c?`optimum`:u?`suboptimal`:`critical`:a>s?l?`optimum`:u?`suboptimal`:`critical`:u?`optimum`:`suboptimal`}var x=t=>{let{high:n,label:r,low:i,max:a,min:o,optimum:s,orientation:c,unit:u,value:d}=t,f=c===`vertical`,p=u===`%`,m=p?Math.round((d-o)/(a-o)*100):d,h=b(d,o,a,i,n,s),g=i!==void 0||n!==void 0,_=g?l(`kol-meter-state-${h}`):``,v=p?l(`kol-live-value`,{placeholders:{value:String(m),unit:u}}):l(`kol-live-value-bounded`,{placeholders:{value:String(m),max:String(a),unit:u}}),y=g?`${v} – ${_}`:v,x=a.toString().length>o.toString().length?a.toString().length+`ch`:o.toString().length+`ch`;return e(`div`,{class:{"kol-meter":!0,"kol-meter--vertical":f}},e(`div`,{class:`kol-meter__bar`},e(`div`,{class:`kol-meter__bar-label`},r,g&&e(`span`,{class:`kol-meter__bar-state kol-meter__bar-state--${h}`},` – `,_)),e(`div`,{class:`kol-meter__bar-track`},e(`meter`,{"aria-label":r,"aria-valuetext":y,high:n,low:i,max:a,min:o,optimum:s,value:d})),e(`span`,{class:`kol-meter__value-unit`},e(`span`,{class:`kol-meter__value`,style:{"min-width":x}},m),e(`span`,{class:`kol-meter__unit`},u))))},S={optional:[h,v,d],required:[o,u,y]},C=class extends c{constructor(e){super(e,S),this.meterData={high:void 0,low:void 0,optimum:void 0}}componentWillLoad(e){let{high:t,label:n,low:r,max:i,min:a,optimum:o,orientation:s,unit:c,value:l}=e;this.watchHigh(t),this.watchLabel(n),this.watchLow(r),this.watchMax(i),this.watchMin(a),this.watchOptimum(o),this.watchOrientation(s),this.watchUnit(c),this.watchValue(l)}getMeterData(){return this.meterData}watchHigh(e){e===void 0?this.meterData.high=void 0:p.apply(e,e=>{this.meterData.high=e})}watchLabel(e){o.apply(e,e=>{this.setRenderProp(`label`,e)})}watchLow(e){e===void 0?this.meterData.low=void 0:m.apply(e,e=>{this.meterData.low=e})}watchMax(e){u.apply(e,e=>{this.setRenderProp(`max`,e),this.watchValue(this.getRawProp(`value`))})}watchMin(e){h.apply(e,e=>{this.setRenderProp(`min`,e),this.watchValue(this.getRawProp(`value`))})}watchOptimum(e){e===void 0?this.meterData.optimum=void 0:g.apply(e,e=>{this.meterData.optimum=e})}watchOrientation(e){v.apply(e,e=>{this.setRenderProp(`orientation`,e)})}watchUnit(e){d.apply(e,e=>{this.setRenderProp(`unit`,e)})}watchValue(e){this.setRawProp(`value`,e),f.apply(e,e=>{this.setRenderProp(`value`,e)},{min:this.getRenderProp(`min`),max:this.getRenderProp(`max`)})}},w=`@charset "UTF-8";
 /* forward the rem function */
 /*
 * This file defines the layer order for all CSS layers used in KoliBri.
@@ -309,4 +309,4 @@ import{o as e,r as t,s as n}from"./index-CLYw1HnO.js";import"./isArray-CcrBs4JM-
     background: var(--color-critical);
   }
 }`,T=class extends s{constructor(e){super(),n(this,e),this.ctrl=new C(s.stateLess),this._max=1,this._min=0,this._orientation=`horizontal`,this._unit=`%`}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})}render(){let{high:n,low:r,optimum:i}=this.ctrl.getMeterData();return e(t,{key:`7ea5b381bf22f86968a7abd2a80afbabe32a4ba3`},e(x,{key:`a860ba33e7a08de68091a9e1f3855c9082214893`,high:n,label:this.ctrl.getRenderProp(`label`),low:r,max:this.ctrl.getRenderProp(`max`),min:this.ctrl.getRenderProp(`min`),optimum:i,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`]}}};T.style={default:w};export{T as kol_meter};
-//# sourceMappingURL=kol-meter.entry-BBlv5SXi.js.map
+//# sourceMappingURL=kol-meter.entry-C_HJE1d4.js.map

package/app/dist/assets/{kol-meter.entry-BBlv5SXi.js.map → kol-meter.entry-C_HJE1d4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-meter.entry-BBlv5SXi.js","names":[],"sources":["../../../../../components/dist/esm/kol-meter.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, r as registerInstance, H as Host } from './index-CwtGN7ID.js';\nimport { B as BaseWebComponent } from './base-web-component-CArCAUxk.js';\nimport { t as translate } from './i18n-BkwRYsvE.js';\nimport './common-DyILLof-.js';\nimport { c as createPropDefinition, b as normalizeNumber, n as normalizeString } from './normalizers-B5NKuJgN.js';\nimport { l as labelProp } from './label-BT-6lb8r.js';\nimport { m as maxProp, u as unitProp, c as clampedNumberValueProp } from './value-number-clamped-eznLHU11.js';\nimport { B as BaseController } from './base-controller-CXhqh4cR.js';\nimport './i18n-CMA39edx.js';\nimport './_Uint8Array-kJHDjtoP.js';\nimport './isArray-CcrBs4JM.js';\n\nconst highProp = createPropDefinition('high', 0, normalizeNumber);\n\nconst lowProp = createPropDefinition('low', 0, normalizeNumber);\n\nconst minProp = createPropDefinition('min', 0, normalizeNumber);\n\nconst optimumProp = createPropDefinition('optimum', 0, normalizeNumber);\n\nconst orientationOptions = ['horizontal', 'vertical'];\nconst orientationProp = createPropDefinition('orientation', 'horizontal', (value) => {\n    const str = normalizeString(value);\n    if (orientationOptions.includes(str)) {\n        return str;\n    }\n    throw new Error(`Invalid orientation: ${str}`);\n});\n\nconst numberValueProp = createPropDefinition('value', 0, normalizeNumber, (v) => v >= 0);\n\nfunction getMeterState(value, min, max, low, high, optimum) {\n    const effectiveLow = low !== null && low !== void 0 ? low : min;\n    const effectiveHigh = high !== null && high !== void 0 ? high : max;\n    if (optimum === undefined) {\n        const inMidRegion = value >= effectiveLow && value <= effectiveHigh;\n        return inMidRegion ? 'optimum' : 'suboptimal';\n    }\n    const inLowRegion = value < effectiveLow;\n    const inHighRegion = value > effectiveHigh;\n    const inMidRegion = !inLowRegion && !inHighRegion;\n    const optimumInLow = optimum < effectiveLow;\n    const optimumInHigh = optimum > effectiveHigh;\n    if (optimumInLow) {\n        if (inLowRegion)\n            return 'optimum';\n        if (inMidRegion)\n            return 'suboptimal';\n        return 'critical';\n    }\n    else if (optimumInHigh) {\n        if (inHighRegion)\n            return 'optimum';\n        if (inMidRegion)\n            return 'suboptimal';\n        return 'critical';\n    }\n    else {\n        if (inMidRegion)\n            return 'optimum';\n        return 'suboptimal';\n    }\n}\nconst MeterFC = (props) => {\n    const { high, label, low, max, min, optimum, orientation, unit, value } = props;\n    const isVertical = orientation === 'vertical';\n    const isPercentage = unit === '%';\n    const displayValue = isPercentage ? Math.round(((value - min) / (max - min)) * 100) : value;\n    const state = getMeterState(value, min, max, low, high, optimum);\n    const hasStateClassification = low !== undefined || high !== undefined;\n    const stateLabel = hasStateClassification ? translate(`kol-meter-state-${state}`) : '';\n    const staticValueText = isPercentage\n        ? translate('kol-live-value', { placeholders: { value: String(displayValue), unit } })\n        : translate('kol-live-value-bounded', { placeholders: { value: String(displayValue), max: String(max), unit } });\n    const staticValueWithState = hasStateClassification ? `${staticValueText} – ${stateLabel}` : staticValueText;\n    const charCount = max.toString().length > min.toString().length ? max.toString().length + 'ch' : min.toString().length + 'ch';\n    return (h(\"div\", { class: { 'kol-meter': true, 'kol-meter--vertical': isVertical } }, h(\"div\", { class: \"kol-meter__bar\" }, h(\"div\", { class: \"kol-meter__bar-label\" }, label, hasStateClassification && (h(\"span\", { class: `kol-meter__bar-state kol-meter__bar-state--${state}` }, ' – ', stateLabel))), h(\"div\", { class: \"kol-meter__bar-track\" }, h(\"meter\", { \"aria-label\": label, \"aria-valuetext\": staticValueWithState, high: high, low: low, max: max, min: min, optimum: optimum, value: value })), h(\"span\", { class: \"kol-meter__value-unit\" }, h(\"span\", { class: \"kol-meter__value\", style: { 'min-width': charCount } }, displayValue), h(\"span\", { class: \"kol-meter__unit\" }, unit)))));\n};\n\nconst meterPropsConfig = {\n    optional: [minProp, orientationProp, unitProp],\n    required: [labelProp, maxProp, numberValueProp],\n};\n\nclass MeterController extends BaseController {\n    constructor(stateAccess) {\n        super(stateAccess, meterPropsConfig);\n        this.meterData = { high: undefined, low: undefined, optimum: undefined };\n    }\n    componentWillLoad(props) {\n        const { high, label, low, max, min, optimum, orientation, unit, value } = props;\n        this.watchHigh(high);\n        this.watchLabel(label);\n        this.watchLow(low);\n        this.watchMax(max);\n        this.watchMin(min);\n        this.watchOptimum(optimum);\n        this.watchOrientation(orientation);\n        this.watchUnit(unit);\n        this.watchValue(value);\n    }\n    getMeterData() {\n        return this.meterData;\n    }\n    watchHigh(value) {\n        if (value === undefined) {\n            this.meterData.high = undefined;\n        }\n        else {\n            highProp.apply(value, (v) => {\n                this.meterData.high = v;\n            });\n        }\n    }\n    watchLabel(value) {\n        labelProp.apply(value, (v) => {\n            this.setRenderProp('label', v);\n        });\n    }\n    watchLow(value) {\n        if (value === undefined) {\n            this.meterData.low = undefined;\n        }\n        else {\n            lowProp.apply(value, (v) => {\n                this.meterData.low = v;\n            });\n        }\n    }\n    watchMax(value) {\n        maxProp.apply(value, (v) => {\n            this.setRenderProp('max', v);\n            this.watchValue(this.getRawProp('value'));\n        });\n    }\n    watchMin(value) {\n        minProp.apply(value, (v) => {\n            this.setRenderProp('min', v);\n            this.watchValue(this.getRawProp('value'));\n        });\n    }\n    watchOptimum(value) {\n        if (value === undefined) {\n            this.meterData.optimum = undefined;\n        }\n        else {\n            optimumProp.apply(value, (v) => {\n                this.meterData.optimum = v;\n            });\n        }\n    }\n    watchOrientation(value) {\n        orientationProp.apply(value, (v) => {\n            this.setRenderProp('orientation', v);\n        });\n    }\n    watchUnit(value) {\n        unitProp.apply(value, (v) => {\n            this.setRenderProp('unit', v);\n        });\n    }\n    watchValue(value) {\n        this.setRawProp('value', value);\n        clampedNumberValueProp.apply(value, (v) => {\n            this.setRenderProp('value', v);\n        }, { min: this.getRenderProp('min'), max: this.getRenderProp('max') });\n    }\n}\n\nconst defaultStyleCss = \"@charset \\\"UTF-8\\\";\\n/* forward the rem function */\\n/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     *\\n     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser's\\n     * rounding, dropping just below the required minimum.\\n     */\\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\\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: white;\\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    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 {\\n    --color-optimal: var(--kol-meter-color-optimal, #2ea32e);\\n    --color-suboptimal: var(--kol-meter-color-suboptimal, #c8a000);\\n    --color-critical: var(--kol-meter-color-critical, #c00);\\n    --vertical-height: var(--kol-meter-vertical-height, 128);\\n    --horizontal-height: var(--kol-meter-horizontal-height, 12);\\n  }\\n  .kol-meter__bar {\\n    display: grid;\\n    align-items: center;\\n    grid-template-areas: \\\"label label\\\" \\\"bar value\\\";\\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-track {\\n    display: flex;\\n    min-width: 100%;\\n    grid-area: bar;\\n  }\\n  .kol-meter__value-unit {\\n    grid-area: value;\\n  }\\n  .kol-meter:not(.kol-meter--vertical) .kol-meter__value {\\n    display: inline-block;\\n    text-align: right;\\n  }\\n  .kol-meter--vertical {\\n    min-height: 100%;\\n  }\\n  .kol-meter--vertical .kol-meter__bar {\\n    min-height: 100%;\\n    align-items: end;\\n    justify-items: center;\\n    grid-template-areas: \\\"label\\\" \\\"bar\\\" \\\"value\\\";\\n    grid-template-columns: 1fr;\\n    grid-template-rows: min-content 1fr min-content;\\n  }\\n  .kol-meter--vertical .kol-meter__bar-label {\\n    text-align: center;\\n  }\\n  .kol-meter--vertical .kol-meter__bar-track {\\n    position: relative;\\n    min-width: 0;\\n    min-height: calc(var(--vertical-height) * 1rem / var(--kolibri-root-font-size, 16));\\n    align-items: center;\\n  }\\n  .kol-meter--vertical .kol-meter__bar meter {\\n    transform: rotate(-90deg);\\n    transform-origin: left bottom;\\n    position: absolute;\\n    bottom: 0;\\n    width: calc(var(--vertical-height) * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-meter {\\n    /* Base meter styling */\\n  }\\n  .kol-meter meter {\\n    width: 100%;\\n    height: calc(var(--horizontal-height) * 1rem / var(--kolibri-root-font-size, 16));\\n    /* Remove default appearance in some browsers */\\n    -webkit-appearance: none;\\n    -moz-appearance: none;\\n    appearance: none;\\n  }\\n  .kol-meter {\\n    /* Chrome, Safari, Edge (WebKit/Blink) */\\n  }\\n  .kol-meter meter::-webkit-meter-bar {\\n    background: white;\\n    height: calc(var(--horizontal-height) * 1rem / var(--kolibri-root-font-size, 16));\\n    border: 1px solid black;\\n  }\\n  .kol-meter meter::-webkit-meter-optimum-value {\\n    background: var(--color-optimal);\\n  }\\n  .kol-meter meter::-webkit-meter-suboptimum-value {\\n    background: var(--color-suboptimal);\\n  }\\n  .kol-meter meter::-webkit-meter-even-less-good-value {\\n    background: var(--color-critical);\\n  }\\n  .kol-meter {\\n    /* Firefox */\\n  }\\n  @supports (selector(::-moz-meter-bar)) {\\n    .kol-meter meter {\\n      background: white;\\n      border: 1px solid black;\\n    }\\n  }\\n  .kol-meter meter::-moz-meter-bar {\\n    background: var(--color-optimal);\\n  }\\n  .kol-meter meter:-moz-meter-sub-optimum::-moz-meter-bar {\\n    background: var(--color-suboptimal);\\n  }\\n  .kol-meter meter:-moz-meter-sub-sub-optimum::-moz-meter-bar {\\n    background: var(--color-critical);\\n  }\\n}\";\n\nconst KolMeter = class extends BaseWebComponent {\n    constructor(hostRef) {\n        super();\n        registerInstance(this, hostRef);\n        this.ctrl = new MeterController(BaseWebComponent.stateLess);\n        this._max = 1;\n        this._min = 0;\n        this._orientation = 'horizontal';\n        this._unit = '%';\n    }\n    watchHigh(value) {\n        this.ctrl.watchHigh(value);\n    }\n    watchLabel(value) {\n        this.ctrl.watchLabel(value);\n    }\n    watchLow(value) {\n        this.ctrl.watchLow(value);\n    }\n    watchMax(value) {\n        this.ctrl.watchMax(value);\n    }\n    watchMin(value) {\n        this.ctrl.watchMin(value);\n    }\n    watchOptimum(value) {\n        this.ctrl.watchOptimum(value);\n    }\n    watchOrientation(value) {\n        this.ctrl.watchOrientation(value);\n    }\n    watchUnit(value) {\n        this.ctrl.watchUnit(value);\n    }\n    watchValue(value) {\n        this.ctrl.watchValue(value);\n    }\n    componentWillLoad() {\n        this.ctrl.componentWillLoad({\n            high: this._high,\n            label: this._label,\n            low: this._low,\n            max: this._max,\n            min: this._min,\n            optimum: this._optimum,\n            orientation: this._orientation,\n            unit: this._unit,\n            value: this._value,\n        });\n    }\n    render() {\n        const { high, low, optimum } = this.ctrl.getMeterData();\n        return (h(Host, { key: '7ea5b381bf22f86968a7abd2a80afbabe32a4ba3' }, h(MeterFC, { key: 'a860ba33e7a08de68091a9e1f3855c9082214893', high: high, label: this.ctrl.getRenderProp('label'), low: low, max: this.ctrl.getRenderProp('max'), min: this.ctrl.getRenderProp('min'), optimum: optimum, orientation: this.ctrl.getRenderProp('orientation'), unit: this.ctrl.getRenderProp('unit'), value: this.ctrl.getRenderProp('value') })));\n    }\n    static get watchers() { return {\n        \"_high\": [\"watchHigh\"],\n        \"_label\": [\"watchLabel\"],\n        \"_low\": [\"watchLow\"],\n        \"_max\": [\"watchMax\"],\n        \"_min\": [\"watchMin\"],\n        \"_optimum\": [\"watchOptimum\"],\n        \"_orientation\": [\"watchOrientation\"],\n        \"_unit\": [\"watchUnit\"],\n        \"_value\": [\"watchValue\"]\n    }; }\n};\nKolMeter.style = {\n    default: defaultStyleCss\n};\n\nexport { KolMeter as kol_meter };\n//# sourceMappingURL=kol-meter.entry.js.map\n"],"mappings":"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"}
+{"version":3,"file":"kol-meter.entry-C_HJE1d4.js","names":[],"sources":["../../../../../components/dist/esm/kol-meter.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, r as registerInstance, H as Host } from './index-CfYfRjdO.js';\nimport { B as BaseWebComponent } from './base-web-component-BCIMb9gN.js';\nimport { t as translate } from './i18n-CcjZRTxD.js';\nimport './common-Cbb6Axov.js';\nimport { c as createPropDefinition, b as normalizeNumber, n as normalizeString } from './normalizers-iLdS6AQE.js';\nimport { l as labelProp } from './label-BwPy2Jd4.js';\nimport { m as maxProp, u as unitProp, c as clampedNumberValueProp } from './value-number-clamped-CiWMaJPP.js';\nimport { B as BaseController } from './base-controller-CXhqh4cR.js';\nimport './i18n-CMA39edx.js';\nimport './_Uint8Array-kJHDjtoP.js';\nimport './isArray-CcrBs4JM.js';\n\nconst highProp = createPropDefinition('high', 0, normalizeNumber);\n\nconst lowProp = createPropDefinition('low', 0, normalizeNumber);\n\nconst minProp = createPropDefinition('min', 0, normalizeNumber);\n\nconst optimumProp = createPropDefinition('optimum', 0, normalizeNumber);\n\nconst orientationOptions = ['horizontal', 'vertical'];\nconst orientationProp = createPropDefinition('orientation', 'horizontal', (value) => {\n    const str = normalizeString(value);\n    if (orientationOptions.includes(str)) {\n        return str;\n    }\n    throw new Error(`Invalid orientation: ${str}`);\n});\n\nconst numberValueProp = createPropDefinition('value', 0, normalizeNumber, (v) => v >= 0);\n\nfunction getMeterState(value, min, max, low, high, optimum) {\n    const effectiveLow = low !== null && low !== void 0 ? low : min;\n    const effectiveHigh = high !== null && high !== void 0 ? high : max;\n    if (optimum === undefined) {\n        const inMidRegion = value >= effectiveLow && value <= effectiveHigh;\n        return inMidRegion ? 'optimum' : 'suboptimal';\n    }\n    const inLowRegion = value < effectiveLow;\n    const inHighRegion = value > effectiveHigh;\n    const inMidRegion = !inLowRegion && !inHighRegion;\n    const optimumInLow = optimum < effectiveLow;\n    const optimumInHigh = optimum > effectiveHigh;\n    if (optimumInLow) {\n        if (inLowRegion)\n            return 'optimum';\n        if (inMidRegion)\n            return 'suboptimal';\n        return 'critical';\n    }\n    else if (optimumInHigh) {\n        if (inHighRegion)\n            return 'optimum';\n        if (inMidRegion)\n            return 'suboptimal';\n        return 'critical';\n    }\n    else {\n        if (inMidRegion)\n            return 'optimum';\n        return 'suboptimal';\n    }\n}\nconst MeterFC = (props) => {\n    const { high, label, low, max, min, optimum, orientation, unit, value } = props;\n    const isVertical = orientation === 'vertical';\n    const isPercentage = unit === '%';\n    const displayValue = isPercentage ? Math.round(((value - min) / (max - min)) * 100) : value;\n    const state = getMeterState(value, min, max, low, high, optimum);\n    const hasStateClassification = low !== undefined || high !== undefined;\n    const stateLabel = hasStateClassification ? translate(`kol-meter-state-${state}`) : '';\n    const staticValueText = isPercentage\n        ? translate('kol-live-value', { placeholders: { value: String(displayValue), unit } })\n        : translate('kol-live-value-bounded', { placeholders: { value: String(displayValue), max: String(max), unit } });\n    const staticValueWithState = hasStateClassification ? `${staticValueText} – ${stateLabel}` : staticValueText;\n    const charCount = max.toString().length > min.toString().length ? max.toString().length + 'ch' : min.toString().length + 'ch';\n    return (h(\"div\", { class: { 'kol-meter': true, 'kol-meter--vertical': isVertical } }, h(\"div\", { class: \"kol-meter__bar\" }, h(\"div\", { class: \"kol-meter__bar-label\" }, label, hasStateClassification && (h(\"span\", { class: `kol-meter__bar-state kol-meter__bar-state--${state}` }, ' – ', stateLabel))), h(\"div\", { class: \"kol-meter__bar-track\" }, h(\"meter\", { \"aria-label\": label, \"aria-valuetext\": staticValueWithState, high: high, low: low, max: max, min: min, optimum: optimum, value: value })), h(\"span\", { class: \"kol-meter__value-unit\" }, h(\"span\", { class: \"kol-meter__value\", style: { 'min-width': charCount } }, displayValue), h(\"span\", { class: \"kol-meter__unit\" }, unit)))));\n};\n\nconst meterPropsConfig = {\n    optional: [minProp, orientationProp, unitProp],\n    required: [labelProp, maxProp, numberValueProp],\n};\n\nclass MeterController extends BaseController {\n    constructor(stateAccess) {\n        super(stateAccess, meterPropsConfig);\n        this.meterData = { high: undefined, low: undefined, optimum: undefined };\n    }\n    componentWillLoad(props) {\n        const { high, label, low, max, min, optimum, orientation, unit, value } = props;\n        this.watchHigh(high);\n        this.watchLabel(label);\n        this.watchLow(low);\n        this.watchMax(max);\n        this.watchMin(min);\n        this.watchOptimum(optimum);\n        this.watchOrientation(orientation);\n        this.watchUnit(unit);\n        this.watchValue(value);\n    }\n    getMeterData() {\n        return this.meterData;\n    }\n    watchHigh(value) {\n        if (value === undefined) {\n            this.meterData.high = undefined;\n        }\n        else {\n            highProp.apply(value, (v) => {\n                this.meterData.high = v;\n            });\n        }\n    }\n    watchLabel(value) {\n        labelProp.apply(value, (v) => {\n            this.setRenderProp('label', v);\n        });\n    }\n    watchLow(value) {\n        if (value === undefined) {\n            this.meterData.low = undefined;\n        }\n        else {\n            lowProp.apply(value, (v) => {\n                this.meterData.low = v;\n            });\n        }\n    }\n    watchMax(value) {\n        maxProp.apply(value, (v) => {\n            this.setRenderProp('max', v);\n            this.watchValue(this.getRawProp('value'));\n        });\n    }\n    watchMin(value) {\n        minProp.apply(value, (v) => {\n            this.setRenderProp('min', v);\n            this.watchValue(this.getRawProp('value'));\n        });\n    }\n    watchOptimum(value) {\n        if (value === undefined) {\n            this.meterData.optimum = undefined;\n        }\n        else {\n            optimumProp.apply(value, (v) => {\n                this.meterData.optimum = v;\n            });\n        }\n    }\n    watchOrientation(value) {\n        orientationProp.apply(value, (v) => {\n            this.setRenderProp('orientation', v);\n        });\n    }\n    watchUnit(value) {\n        unitProp.apply(value, (v) => {\n            this.setRenderProp('unit', v);\n        });\n    }\n    watchValue(value) {\n        this.setRawProp('value', value);\n        clampedNumberValueProp.apply(value, (v) => {\n            this.setRenderProp('value', v);\n        }, { min: this.getRenderProp('min'), max: this.getRenderProp('max') });\n    }\n}\n\nconst defaultStyleCss = \"@charset \\\"UTF-8\\\";\\n/* forward the rem function */\\n/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     *\\n     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser's\\n     * rounding, dropping just below the required minimum.\\n     */\\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\\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: white;\\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    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 {\\n    --color-optimal: var(--kol-meter-color-optimal, #2ea32e);\\n    --color-suboptimal: var(--kol-meter-color-suboptimal, #c8a000);\\n    --color-critical: var(--kol-meter-color-critical, #c00);\\n    --vertical-height: var(--kol-meter-vertical-height, 128);\\n    --horizontal-height: var(--kol-meter-horizontal-height, 12);\\n  }\\n  .kol-meter__bar {\\n    display: grid;\\n    align-items: center;\\n    grid-template-areas: \\\"label label\\\" \\\"bar value\\\";\\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-track {\\n    display: flex;\\n    min-width: 100%;\\n    grid-area: bar;\\n  }\\n  .kol-meter__value-unit {\\n    grid-area: value;\\n  }\\n  .kol-meter:not(.kol-meter--vertical) .kol-meter__value {\\n    display: inline-block;\\n    text-align: right;\\n  }\\n  .kol-meter--vertical {\\n    min-height: 100%;\\n  }\\n  .kol-meter--vertical .kol-meter__bar {\\n    min-height: 100%;\\n    align-items: end;\\n    justify-items: center;\\n    grid-template-areas: \\\"label\\\" \\\"bar\\\" \\\"value\\\";\\n    grid-template-columns: 1fr;\\n    grid-template-rows: min-content 1fr min-content;\\n  }\\n  .kol-meter--vertical .kol-meter__bar-label {\\n    text-align: center;\\n  }\\n  .kol-meter--vertical .kol-meter__bar-track {\\n    position: relative;\\n    min-width: 0;\\n    min-height: calc(var(--vertical-height) * 1rem / var(--kolibri-root-font-size, 16));\\n    align-items: center;\\n  }\\n  .kol-meter--vertical .kol-meter__bar meter {\\n    transform: rotate(-90deg);\\n    transform-origin: left bottom;\\n    position: absolute;\\n    bottom: 0;\\n    width: calc(var(--vertical-height) * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-meter {\\n    /* Base meter styling */\\n  }\\n  .kol-meter meter {\\n    width: 100%;\\n    height: calc(var(--horizontal-height) * 1rem / var(--kolibri-root-font-size, 16));\\n    /* Remove default appearance in some browsers */\\n    -webkit-appearance: none;\\n    -moz-appearance: none;\\n    appearance: none;\\n  }\\n  .kol-meter {\\n    /* Chrome, Safari, Edge (WebKit/Blink) */\\n  }\\n  .kol-meter meter::-webkit-meter-bar {\\n    background: white;\\n    height: calc(var(--horizontal-height) * 1rem / var(--kolibri-root-font-size, 16));\\n    border: 1px solid black;\\n  }\\n  .kol-meter meter::-webkit-meter-optimum-value {\\n    background: var(--color-optimal);\\n  }\\n  .kol-meter meter::-webkit-meter-suboptimum-value {\\n    background: var(--color-suboptimal);\\n  }\\n  .kol-meter meter::-webkit-meter-even-less-good-value {\\n    background: var(--color-critical);\\n  }\\n  .kol-meter {\\n    /* Firefox */\\n  }\\n  @supports (selector(::-moz-meter-bar)) {\\n    .kol-meter meter {\\n      background: white;\\n      border: 1px solid black;\\n    }\\n  }\\n  .kol-meter meter::-moz-meter-bar {\\n    background: var(--color-optimal);\\n  }\\n  .kol-meter meter:-moz-meter-sub-optimum::-moz-meter-bar {\\n    background: var(--color-suboptimal);\\n  }\\n  .kol-meter meter:-moz-meter-sub-sub-optimum::-moz-meter-bar {\\n    background: var(--color-critical);\\n  }\\n}\";\n\nconst KolMeter = class extends BaseWebComponent {\n    constructor(hostRef) {\n        super();\n        registerInstance(this, hostRef);\n        this.ctrl = new MeterController(BaseWebComponent.stateLess);\n        this._max = 1;\n        this._min = 0;\n        this._orientation = 'horizontal';\n        this._unit = '%';\n    }\n    watchHigh(value) {\n        this.ctrl.watchHigh(value);\n    }\n    watchLabel(value) {\n        this.ctrl.watchLabel(value);\n    }\n    watchLow(value) {\n        this.ctrl.watchLow(value);\n    }\n    watchMax(value) {\n        this.ctrl.watchMax(value);\n    }\n    watchMin(value) {\n        this.ctrl.watchMin(value);\n    }\n    watchOptimum(value) {\n        this.ctrl.watchOptimum(value);\n    }\n    watchOrientation(value) {\n        this.ctrl.watchOrientation(value);\n    }\n    watchUnit(value) {\n        this.ctrl.watchUnit(value);\n    }\n    watchValue(value) {\n        this.ctrl.watchValue(value);\n    }\n    componentWillLoad() {\n        this.ctrl.componentWillLoad({\n            high: this._high,\n            label: this._label,\n            low: this._low,\n            max: this._max,\n            min: this._min,\n            optimum: this._optimum,\n            orientation: this._orientation,\n            unit: this._unit,\n            value: this._value,\n        });\n    }\n    render() {\n        const { high, low, optimum } = this.ctrl.getMeterData();\n        return (h(Host, { key: '7ea5b381bf22f86968a7abd2a80afbabe32a4ba3' }, h(MeterFC, { key: 'a860ba33e7a08de68091a9e1f3855c9082214893', high: high, label: this.ctrl.getRenderProp('label'), low: low, max: this.ctrl.getRenderProp('max'), min: this.ctrl.getRenderProp('min'), optimum: optimum, orientation: this.ctrl.getRenderProp('orientation'), unit: this.ctrl.getRenderProp('unit'), value: this.ctrl.getRenderProp('value') })));\n    }\n    static get watchers() { return {\n        \"_high\": [\"watchHigh\"],\n        \"_label\": [\"watchLabel\"],\n        \"_low\": [\"watchLow\"],\n        \"_max\": [\"watchMax\"],\n        \"_min\": [\"watchMin\"],\n        \"_optimum\": [\"watchOptimum\"],\n        \"_orientation\": [\"watchOrientation\"],\n        \"_unit\": [\"watchUnit\"],\n        \"_value\": [\"watchValue\"]\n    }; }\n};\nKolMeter.style = {\n    default: defaultStyleCss\n};\n\nexport { KolMeter as kol_meter };\n//# sourceMappingURL=kol-meter.entry.js.map\n"],"mappings":"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"}

package/app/dist/assets/{kol-modal.entry-Clrq4LNn.js → kol-modal.entry-CzmfwhNj.js}

@@ -1,4 +1,4 @@
-import{S as e,o as t,s as n}from"./index-CLYw1HnO.js";var r=`@charset "UTF-8";
+import{S as e,o as t,s as n}from"./index-BEIcpIbr.js";var r=`@charset "UTF-8";
 /*
 * This file defines the layer order for all CSS layers used in KoliBri.
 * The order is important as it determines the cascade priority.
@@ -207,8 +207,8 @@ import{S as e,o as t,s as n}from"./index-CLYw1HnO.js";var r=`@charset "UTF-8";
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1782311579243"); /* IE9*/
-  src: url("kolicons.eot?t=1782311579243#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1782311579243") format("woff2"), url("kolicons.woff?t=1782311579243") format("woff"), url("kolicons.ttf?t=1782311579243") format("truetype"), url("kolicons.svg?t=1782311579243#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1783496448056"); /* IE9*/
+  src: url("kolicons.eot?t=1783496448056#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1783496448056") format("woff2"), url("kolicons.woff?t=1783496448056") format("woff"), url("kolicons.ttf?t=1783496448056") format("truetype"), url("kolicons.svg?t=1783496448056#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {
@@ -436,4 +436,4 @@ import{S as e,o as t,s as n}from"./index-CLYw1HnO.js";var r=`@charset "UTF-8";
     z-index: 1;
   }
 }`,i=class{constructor(e){n(this,e),this.catchRef=e=>{this.dialogRef=e},this._width=`100%`,this._variant=`blank`}openModal(){return this.showModal()}showModal(){return this.dialogRef?.showModal()??Promise.resolve()}show(e=!1){return this.dialogRef?.show(e)??Promise.resolve()}close(){return this.dialogRef?.close()??Promise.resolve()}closeModal(){return this.close()}render(){return t(e,{key:`229646dc28b741e758e1491f52066fc19561bf75`,ref:this.catchRef,_label:this._label,_on:this._on,_variant:this._variant,_width:this._width},t(`slot`,{key:`de215c31b357584a003ed672f2168a93f9bdf122`}))}};i.style={default:r};export{i as kol_modal};
-//# sourceMappingURL=kol-modal.entry-Clrq4LNn.js.map
+//# sourceMappingURL=kol-modal.entry-CzmfwhNj.js.map

package/app/dist/assets/{kol-modal.entry-Clrq4LNn.js.map → kol-modal.entry-CzmfwhNj.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-modal.entry-Clrq4LNn.js","names":[],"sources":["../../../../../components/dist/esm/kol-modal.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-CwtGN7ID.js';\nimport { e as KolDialogWcTag } from './component-names-Dy77vq43.js';\nimport './common-DyILLof-.js';\n\nconst defaultStyleCss = \"@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     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser's\\n     * rounding, dropping just below the required minimum.\\n     */\\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\\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: white;\\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    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=1782311579243\\\"); /* IE9*/\\n  src: url(\\\"kolicons.eot?t=1782311579243#iefix\\\") format(\\\"embedded-opentype\\\"), url(\\\"kolicons.woff2?t=1782311579243\\\") format(\\\"woff2\\\"), url(\\\"kolicons.woff?t=1782311579243\\\") format(\\\"woff\\\"), url(\\\"kolicons.ttf?t=1782311579243\\\") format(\\\"truetype\\\"), url(\\\"kolicons.svg?t=1782311579243#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: black;\\n    background-color: white;\\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: black;\\n    background-color: white;\\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-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  .kol-dialog,\\n  .kol-modal {\\n    min-height: var(--a11y-min-size);\\n    padding: 0;\\n    border: 0;\\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}\";\n\nconst KolModal = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.catchRef = (ref) => {\n            this.dialogRef = ref;\n        };\n        this._width = '100%';\n        this._variant = 'blank';\n    }\n    openModal() {\n        return this.showModal();\n    }\n    showModal() {\n        var _a, _b;\n        return (_b = (_a = this.dialogRef) === null || _a === void 0 ? void 0 : _a.showModal()) !== null && _b !== void 0 ? _b : Promise.resolve();\n    }\n    show(modal = false) {\n        var _a, _b;\n        return (_b = (_a = this.dialogRef) === null || _a === void 0 ? void 0 : _a.show(modal)) !== null && _b !== void 0 ? _b : Promise.resolve();\n    }\n    close() {\n        var _a, _b;\n        return (_b = (_a = this.dialogRef) === null || _a === void 0 ? void 0 : _a.close()) !== null && _b !== void 0 ? _b : Promise.resolve();\n    }\n    closeModal() {\n        return this.close();\n    }\n    render() {\n        return (h(KolDialogWcTag, { key: '229646dc28b741e758e1491f52066fc19561bf75', ref: this.catchRef, _label: this._label, _on: this._on, _variant: this._variant, _width: this._width }, h(\"slot\", { key: 'de215c31b357584a003ed672f2168a93f9bdf122' })));\n    }\n};\nKolModal.style = {\n    default: defaultStyleCss\n};\n\nexport { KolModal as kol_modal };\n//# sourceMappingURL=kol-modal.entry.js.map\n"],"mappings":"sDAOA,IAAM,EAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAElB,EAAW,KAAM,CACnB,YAAY,EAAS,CACjB,EAAiB,KAAM,CAAO,EAC9B,KAAK,SAAY,GAAQ,CACrB,KAAK,UAAY,CACrB,EACA,KAAK,OAAS,OACd,KAAK,SAAW,OACpB,CACA,WAAY,CACR,OAAO,KAAK,UAAU,CAC1B,CACA,WAAY,CAER,OAAmB,KAAK,WAAmD,UAAU,GAAoC,QAAQ,QAAQ,CAC7I,CACA,KAAK,EAAQ,GAAO,CAEhB,OAAmB,KAAK,WAAmD,KAAK,CAAK,GAAoC,QAAQ,QAAQ,CAC7I,CACA,OAAQ,CAEJ,OAAmB,KAAK,WAAmD,MAAM,GAAoC,QAAQ,QAAQ,CACzI,CACA,YAAa,CACT,OAAO,KAAK,MAAM,CACtB,CACA,QAAS,CACL,OAAQ,EAAE,EAAgB,CAAE,IAAK,2CAA4C,IAAK,KAAK,SAAU,OAAQ,KAAK,OAAQ,IAAK,KAAK,IAAK,SAAU,KAAK,SAAU,OAAQ,KAAK,MAAO,EAAG,EAAE,OAAQ,CAAE,IAAK,0CAA2C,CAAC,CAAC,CACvP,CACJ,EACA,EAAS,MAAQ,CACb,QAAS,CACb"}
+{"version":3,"file":"kol-modal.entry-CzmfwhNj.js","names":[],"sources":["../../../../../components/dist/esm/kol-modal.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-CfYfRjdO.js';\nimport { e as KolDialogWcTag } from './component-names-Dy77vq43.js';\nimport './common-Cbb6Axov.js';\n\nconst defaultStyleCss = \"@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     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser's\\n     * rounding, dropping just below the required minimum.\\n     */\\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\\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: white;\\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    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=1783496448056\\\"); /* IE9*/\\n  src: url(\\\"kolicons.eot?t=1783496448056#iefix\\\") format(\\\"embedded-opentype\\\"), url(\\\"kolicons.woff2?t=1783496448056\\\") format(\\\"woff2\\\"), url(\\\"kolicons.woff?t=1783496448056\\\") format(\\\"woff\\\"), url(\\\"kolicons.ttf?t=1783496448056\\\") format(\\\"truetype\\\"), url(\\\"kolicons.svg?t=1783496448056#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: black;\\n    background-color: white;\\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: black;\\n    background-color: white;\\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-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  .kol-dialog,\\n  .kol-modal {\\n    min-height: var(--a11y-min-size);\\n    padding: 0;\\n    border: 0;\\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}\";\n\nconst KolModal = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.catchRef = (ref) => {\n            this.dialogRef = ref;\n        };\n        this._width = '100%';\n        this._variant = 'blank';\n    }\n    openModal() {\n        return this.showModal();\n    }\n    showModal() {\n        var _a, _b;\n        return (_b = (_a = this.dialogRef) === null || _a === void 0 ? void 0 : _a.showModal()) !== null && _b !== void 0 ? _b : Promise.resolve();\n    }\n    show(modal = false) {\n        var _a, _b;\n        return (_b = (_a = this.dialogRef) === null || _a === void 0 ? void 0 : _a.show(modal)) !== null && _b !== void 0 ? _b : Promise.resolve();\n    }\n    close() {\n        var _a, _b;\n        return (_b = (_a = this.dialogRef) === null || _a === void 0 ? void 0 : _a.close()) !== null && _b !== void 0 ? _b : Promise.resolve();\n    }\n    closeModal() {\n        return this.close();\n    }\n    render() {\n        return (h(KolDialogWcTag, { key: '229646dc28b741e758e1491f52066fc19561bf75', ref: this.catchRef, _label: this._label, _on: this._on, _variant: this._variant, _width: this._width }, h(\"slot\", { key: 'de215c31b357584a003ed672f2168a93f9bdf122' })));\n    }\n};\nKolModal.style = {\n    default: defaultStyleCss\n};\n\nexport { KolModal as kol_modal };\n//# sourceMappingURL=kol-modal.entry.js.map\n"],"mappings":"sDAOA,IAAM,EAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAElB,EAAW,KAAM,CACnB,YAAY,EAAS,CACjB,EAAiB,KAAM,CAAO,EAC9B,KAAK,SAAY,GAAQ,CACrB,KAAK,UAAY,CACrB,EACA,KAAK,OAAS,OACd,KAAK,SAAW,OACpB,CACA,WAAY,CACR,OAAO,KAAK,UAAU,CAC1B,CACA,WAAY,CAER,OAAmB,KAAK,WAAmD,UAAU,GAAoC,QAAQ,QAAQ,CAC7I,CACA,KAAK,EAAQ,GAAO,CAEhB,OAAmB,KAAK,WAAmD,KAAK,CAAK,GAAoC,QAAQ,QAAQ,CAC7I,CACA,OAAQ,CAEJ,OAAmB,KAAK,WAAmD,MAAM,GAAoC,QAAQ,QAAQ,CACzI,CACA,YAAa,CACT,OAAO,KAAK,MAAM,CACtB,CACA,QAAS,CACL,OAAQ,EAAE,EAAgB,CAAE,IAAK,2CAA4C,IAAK,KAAK,SAAU,OAAQ,KAAK,OAAQ,IAAK,KAAK,IAAK,SAAU,KAAK,SAAU,OAAQ,KAAK,MAAO,EAAG,EAAE,OAAQ,CAAE,IAAK,0CAA2C,CAAC,CAAC,CACvP,CACJ,EACA,EAAS,MAAQ,CACb,QAAS,CACb"}

package/app/dist/assets/{kol-nav.entry-B3FUfOqc.js → kol-nav.entry-CmEsrnwx.js}

@@ -1,4 +1,4 @@
-import{Dt as e,G as t,O as n,b as r,o as i,q as a,s as o}from"./index-CLYw1HnO.js";import{n as s,t as c}from"./dev.utils-Ce_5C3Pe-Dee1ZIk1.js";import{t as l}from"./clsx-COFh-Vc8-alQuJLqj.js";import{r as u}from"./label-BiOix5de-Bf1AwuDH.js";import{t as d}from"./i18n-BkwRYsvE-Baa6kHEL.js";import{n as f,t as p}from"./unique-nav-labels-OKhw3uEq-CBkUOvjm.js";import{t as m}from"./validation-DFynMQYA-CtWB9mFZ.js";import{t as h}from"./hide-label-jbOZNqJV-n04MiKlJ.js";var g=(t,n)=>{e(t,`_collapsible`,n)},_=(t,n)=>{e(t,`_hasCompactButton`,n)},v=(t,n)=>{e(t,`_hasIconsWhenExpanded`,n)},y=`@charset "UTF-8";
+import{J as e,K as t,O as n,Ot as r,b as i,o as a,s as o}from"./index-BEIcpIbr.js";import{n as s,t as c}from"./dev.utils-CBuLoTMV-xmZMRaFA.js";import{t as l}from"./clsx-COFh-Vc8-alQuJLqj.js";import{r as u}from"./label-We78Dt9U-Cj1PFfHw.js";import{t as d}from"./i18n-CcjZRTxD-DOVnRsej.js";import{n as f,t as p}from"./unique-nav-labels-D4Kr0ypx-Cg7sp788.js";import{t as m}from"./validation-CzQC9wBA-Bh-xRtrz.js";import{t as h}from"./hide-label-BDwvU6I8-DPHrI4dn.js";var g=(e,t)=>{r(e,`_collapsible`,t)},_=(e,t)=>{r(e,`_hasCompactButton`,t)},v=(e,t)=>{r(e,`_hasIconsWhenExpanded`,t)},y=`@charset "UTF-8";
 /* forward the rem function */
 /*
 * This file defines the layer order for all CSS layers used in KoliBri.
@@ -207,8 +207,8 @@ import{Dt as e,G as t,O as n,b as r,o as i,q as a,s as o}from"./index-CLYw1HnO.j
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1782311579243"); /* IE9*/
-  src: url("kolicons.eot?t=1782311579243#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1782311579243") format("woff2"), url("kolicons.woff?t=1782311579243") format("woff"), url("kolicons.ttf?t=1782311579243") format("truetype"), url("kolicons.svg?t=1782311579243#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1783496448056"); /* IE9*/
+  src: url("kolicons.eot?t=1783496448056#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1783496448056") format("woff2"), url("kolicons.woff?t=1783496448056") format("woff"), url("kolicons.ttf?t=1783496448056") format("truetype"), url("kolicons.svg?t=1783496448056#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {
@@ -411,5 +411,5 @@ import{Dt as e,G as t,O as n,b as r,o as i,q as a,s as o}from"./index-CLYw1HnO.j
   .kol-button {
     text-align: left;
   }
-}`,b=e=>typeof e._href==`string`,x=e=>e._href===void 0&&typeof e._on?.onClick==`function`,S=class{constructor(e){o(this,e),this.navId=s(`kol-nav`),this.listId=c(this.navId,`list`),this.handleToggleExpansionClick=e=>{e&&(this.state._expandedChildren.includes(e)?this.collapseChildren(e):this.expandChildren(e))},this.linkList=e=>i(`ul`,{class:l(`kol-nav__list`,{"kol-nav__list--nested":e.deep>0,"kol-nav__list--vertical":e.deep!==0}),id:e.deep>0?e.id:void 0},e.links.map((t,n)=>this.li(e.collapsible,e.deep,n,t,e.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(e){this.state=Object.assign(Object.assign({},this.state),{_expandedChildren:[...this.state._expandedChildren,e]})}collapseChildren(e){this.state=Object.assign(Object.assign({},this.state),{_expandedChildren:this.state._expandedChildren.filter(t=>t!==e)})}buildIconObject(e,t,n){let r={left:``,right:``};return this.state._hasIconsWhenExpanded&&n&&(r.left=n),this.state._hideLabel&&(n?r.left=n:r.left=`kolicon-link`),e&&(t?r.right=`kolicon-minus`:r.right=`kolicon-plus`),r}entry(e,t,a,o,s){let c=typeof a._icons==`string`?a._icons:typeof a._icons?.left==`string`?a._icons.left:void 0,u=this.buildIconObject(e&&t,o,c);return i(`div`,{class:`kol-nav__entry-wrapper`},b(a)?i(n,Object.assign({class:l(`kol-nav__entry kol-nav__entry--link`,{"kol-nav__entry--collapsible":e})},a,{_hideLabel:this.state._hideLabel,_icons:u,_ariaControls:e&&t&&o?s:void 0,_ariaExpanded:e&&t?o:void 0})):i(r,{class:l(`kol-nav__entry kol-nav__entry--button`,{"kol-nav__entry--collapsible":e}),_label:a._label,_hideLabel:this.state._hideLabel,_icons:u,_ariaControls:e&&t&&o?s:void 0,_ariaExpanded:e&&t?o:void 0,_on:{onClick:(e,t)=>{x(a)&&typeof a._on.onClick==`function`&&a._on.onClick(e,t),this.handleToggleExpansionClick(a._children)}}}))}li(e,t,n,r,a){let o=!!r._active,s=Array.isArray(r._children)&&r._children.length>0,u=!!(r._children&&this.state._expandedChildren.includes(r._children)),d=c(a,`${t}-${n}`);return i(`li`,{class:l(`kol-nav__list-item`,{"kol-nav__list-item--active":o,"kol-nav__list-item--expanded":u,"kol-nav__list-item--has-children":s}),key:n},this.entry(e,s,r,u,d),u&&i(this.linkList,{collapsible:e,deep:t+1,links:r._children||[],id:d}))}initializeExpandedChildren(){this.state=Object.assign(Object.assign({},this.state),{_expandedChildren:[]});let e=t=>{if(t._active)return t._children&&this.expandChildren(t._children),!0;if(t._children){for(let n of t._children)if(e(n))return this.expandChildren(t._children),!0}return!1};this.state._links.forEach(e)}render(){let e=this.state._collapsible===!0;return i(`div`,{key:`402617cd0f836b2d08ee8093a51f913e4d567902`,class:l(`kol-nav`,{"kol-nav--is-compact":this.state._hideLabel})},i(`nav`,{key:`832817240d45524e08be60b5ced9dd382ed2bd3e`,"aria-label":this.state._label,class:`kol-nav__navigation`,id:this.navId},i(this.linkList,{key:`223c298a6d3b0febc74eb1909a7f4a8a8ef45051`,collapsible:e,deep:0,links:this.state._links,id:this.listId})),this.state._hasCompactButton&&i(`div`,{key:`d1290d23eb7bcccc812704dbeabe655bdea21f09`,class:`kol-nav__compact`},i(r,{key:`b66548183b4a9627cb52be1656f3914d44b583c7`,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:d(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(e){g(this,e)}validateHasCompactButton(e){_(this,e)}validateHasIconsWhenExpanded(e){v(this,e)}validateHideLabel(e){h(this,e)}validateLabel(e,n,r=!1){r||f(this.state._label),u(this,e,{required:!0}),t(e),p(this.state._label)}validateLinks(e){m(`KolNav`,this,e),a(`[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`]}}};S.style={default:y};export{S as kol_nav};
-//# sourceMappingURL=kol-nav.entry-B3FUfOqc.js.map
+}`,b=e=>typeof e._href==`string`,x=e=>e._href===void 0&&typeof e._on?.onClick==`function`,S=class{constructor(e){o(this,e),this.navId=s(`kol-nav`),this.listId=c(this.navId,`list`),this.handleToggleExpansionClick=e=>{e&&(this.state._expandedChildren.includes(e)?this.collapseChildren(e):this.expandChildren(e))},this.linkList=e=>a(`ul`,{class:l(`kol-nav__list`,{"kol-nav__list--nested":e.deep>0,"kol-nav__list--vertical":e.deep!==0}),id:e.deep>0?e.id:void 0},e.links.map((t,n)=>this.li(e.collapsible,e.deep,n,t,e.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(e){this.state=Object.assign(Object.assign({},this.state),{_expandedChildren:[...this.state._expandedChildren,e]})}collapseChildren(e){this.state=Object.assign(Object.assign({},this.state),{_expandedChildren:this.state._expandedChildren.filter(t=>t!==e)})}buildIconObject(e,t,n){let r={left:``,right:``};return this.state._hasIconsWhenExpanded&&n&&(r.left=n),this.state._hideLabel&&(n?r.left=n:r.left=`kolicon-link`),e&&(t?r.right=`kolicon-minus`:r.right=`kolicon-plus`),r}entry(e,t,r,o,s){let c=typeof r._icons==`string`?r._icons:typeof r._icons?.left==`string`?r._icons.left:void 0,u=this.buildIconObject(e&&t,o,c);return a(`div`,{class:`kol-nav__entry-wrapper`},b(r)?a(n,Object.assign({class:l(`kol-nav__entry kol-nav__entry--link`,{"kol-nav__entry--collapsible":e})},r,{_hideLabel:this.state._hideLabel,_icons:u,_ariaControls:e&&t&&o?s:void 0,_ariaExpanded:e&&t?o:void 0})):a(i,{class:l(`kol-nav__entry kol-nav__entry--button`,{"kol-nav__entry--collapsible":e}),_label:r._label,_hideLabel:this.state._hideLabel,_icons:u,_ariaControls:e&&t&&o?s:void 0,_ariaExpanded:e&&t?o:void 0,_on:{onClick:(e,t)=>{x(r)&&typeof r._on.onClick==`function`&&r._on.onClick(e,t),this.handleToggleExpansionClick(r._children)}}}))}li(e,t,n,r,i){let o=!!r._active,s=Array.isArray(r._children)&&r._children.length>0,u=!!(r._children&&this.state._expandedChildren.includes(r._children)),d=c(i,`${t}-${n}`);return a(`li`,{class:l(`kol-nav__list-item`,{"kol-nav__list-item--active":o,"kol-nav__list-item--expanded":u,"kol-nav__list-item--has-children":s}),key:n},this.entry(e,s,r,u,d),u&&a(this.linkList,{collapsible:e,deep:t+1,links:r._children||[],id:d}))}initializeExpandedChildren(){this.state=Object.assign(Object.assign({},this.state),{_expandedChildren:[]});let e=t=>{if(t._active)return t._children&&this.expandChildren(t._children),!0;if(t._children){for(let n of t._children)if(e(n))return this.expandChildren(t._children),!0}return!1};this.state._links.forEach(e)}render(){let e=this.state._collapsible===!0;return a(`div`,{key:`402617cd0f836b2d08ee8093a51f913e4d567902`,class:l(`kol-nav`,{"kol-nav--is-compact":this.state._hideLabel})},a(`nav`,{key:`832817240d45524e08be60b5ced9dd382ed2bd3e`,"aria-label":this.state._label,class:`kol-nav__navigation`,id:this.navId},a(this.linkList,{key:`223c298a6d3b0febc74eb1909a7f4a8a8ef45051`,collapsible:e,deep:0,links:this.state._links,id:this.listId})),this.state._hasCompactButton&&a(`div`,{key:`d1290d23eb7bcccc812704dbeabe655bdea21f09`,class:`kol-nav__compact`},a(i,{key:`b66548183b4a9627cb52be1656f3914d44b583c7`,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:d(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(e){g(this,e)}validateHasCompactButton(e){_(this,e)}validateHasIconsWhenExpanded(e){v(this,e)}validateHideLabel(e){h(this,e)}validateLabel(e,n,r=!1){r||f(this.state._label),u(this,e,{required:!0}),t(e),p(this.state._label)}validateLinks(t){m(`KolNav`,this,t),e(`[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`]}}};S.style={default:y};export{S as kol_nav};
+//# sourceMappingURL=kol-nav.entry-CmEsrnwx.js.map

package/app/dist/assets/{kol-nav.entry-B3FUfOqc.js.map → kol-nav.entry-CmEsrnwx.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-nav.entry-B3FUfOqc.js","names":[],"sources":["../../../../../components/dist/esm/kol-nav.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-CwtGN7ID.js';\nimport { e as watchBoolean, c as a11yHintLabelingLandmarks, j as devHint } from './common-DyILLof-.js';\nimport { v as validateHideLabel } from './hide-label-jbOZNqJV.js';\nimport { v as validateLabel } from './label-BiOix5de.js';\nimport { c as KolLinkWcTag, b as KolButtonWcTag } from './component-names-Dy77vq43.js';\nimport { t as translate } from './i18n-BkwRYsvE.js';\nimport { c as clsx } from './clsx-COFh-Vc8.js';\nimport { c as createUniqueId, a as createRelatedUniqueId } from './dev.utils-Ce_5C3Pe.js';\nimport { r as removeNavLabel, a as addNavLabel } from './unique-nav-labels-OKhw3uEq.js';\nimport { w as watchNavLinks } from './validation-DFynMQYA.js';\nimport './i18n-CMA39edx.js';\n\nconst validateCollapsible = (component, value) => {\n    watchBoolean(component, '_collapsible', value);\n};\n\nconst validateHasCompactButton = (component, value) => {\n    watchBoolean(component, '_hasCompactButton', value);\n};\n\nconst validateHasIconsWhenExpanded = (component, value) => {\n    watchBoolean(component, '_hasIconsWhenExpanded', value);\n};\n\nconst defaultStyleCss = \"@charset \\\"UTF-8\\\";\\n/* forward the rem function */\\n/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     *\\n     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser's\\n     * rounding, dropping just below the required minimum.\\n     */\\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\\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: white;\\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    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=1782311579243\\\"); /* IE9*/\\n  src: url(\\\"kolicons.eot?t=1782311579243#iefix\\\") format(\\\"embedded-opentype\\\"), url(\\\"kolicons.woff2?t=1782311579243\\\") format(\\\"woff2\\\"), url(\\\"kolicons.woff?t=1782311579243\\\") format(\\\"woff\\\"), url(\\\"kolicons.ttf?t=1782311579243\\\") format(\\\"truetype\\\"), url(\\\"kolicons.svg?t=1782311579243#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: black;\\n    background-color: white;\\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: black;\\n    background-color: white;\\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\nconst entryIsLink = (entryProps) => {\n    return typeof entryProps._href === 'string';\n};\nconst entryIsButton = (entryProps) => {\n    var _a;\n    return entryProps._href === undefined && typeof ((_a = entryProps._on) === null || _a === void 0 ? void 0 : _a.onClick) === 'function';\n};\nconst KolNav = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.navId = createUniqueId('kol-nav');\n        this.listId = createRelatedUniqueId(this.navId, 'list');\n        this.handleToggleExpansionClick = (children) => {\n            if (children) {\n                if (this.state._expandedChildren.includes(children)) {\n                    this.collapseChildren(children);\n                }\n                else {\n                    this.expandChildren(children);\n                }\n            }\n        };\n        this.linkList = (props) => {\n            return (h(\"ul\", { class: clsx('kol-nav__list', {\n                    'kol-nav__list--nested': props.deep > 0,\n                    'kol-nav__list--vertical': props.deep !== 0,\n                }), id: props.deep > 0 ? props.id : undefined }, props.links.map((link, index) => {\n                return this.li(props.collapsible, props.deep, index, link, props.id);\n            })));\n        };\n        this._collapsible = true;\n        this._hasCompactButton = false;\n        this._hasIconsWhenExpanded = false;\n        this._hideLabel = false;\n        this.state = {\n            _collapsible: true,\n            _hasCompactButton: false,\n            _hasIconsWhenExpanded: false,\n            _hideLabel: false,\n            _label: '',\n            _links: [],\n            _expandedChildren: [],\n        };\n    }\n    expandChildren(children) {\n        this.state = Object.assign(Object.assign({}, this.state), { _expandedChildren: [...this.state._expandedChildren, children] });\n    }\n    collapseChildren(children) {\n        this.state = Object.assign(Object.assign({}, this.state), { _expandedChildren: this.state._expandedChildren.filter((searchChildren) => searchChildren !== children) });\n    }\n    buildIconObject(collapsible, expanded, leftIcon) {\n        const icon = {\n            left: '',\n            right: '',\n        };\n        if (this.state._hasIconsWhenExpanded && leftIcon) {\n            icon.left = leftIcon;\n        }\n        if (this.state._hideLabel) {\n            if (leftIcon) {\n                icon.left = leftIcon;\n            }\n            else {\n                icon.left = 'kolicon-link';\n            }\n        }\n        if (collapsible) {\n            if (expanded) {\n                icon.right = 'kolicon-minus';\n            }\n            else {\n                icon.right = 'kolicon-plus';\n            }\n        }\n        return icon;\n    }\n    entry(collapsible, hasChildren, entry, expanded, ariaID) {\n        var _a;\n        const leftIcon = typeof entry._icons === 'string' ? entry._icons : typeof ((_a = entry._icons) === null || _a === void 0 ? void 0 : _a.left) === 'string' ? entry._icons.left : undefined;\n        const icons = this.buildIconObject(collapsible && hasChildren, expanded, leftIcon);\n        return (h(\"div\", { class: \"kol-nav__entry-wrapper\" }, entryIsLink(entry) ? (h(KolLinkWcTag, Object.assign({ class: clsx('kol-nav__entry kol-nav__entry--link', {\n                'kol-nav__entry--collapsible': collapsible,\n            }) }, entry, { _hideLabel: this.state._hideLabel, _icons: icons, _ariaControls: collapsible && hasChildren && expanded ? ariaID : undefined, _ariaExpanded: collapsible && hasChildren ? expanded : undefined }))) : (h(KolButtonWcTag, { class: clsx('kol-nav__entry kol-nav__entry--button', {\n                'kol-nav__entry--collapsible': collapsible,\n            }), _label: entry._label, _hideLabel: this.state._hideLabel, _icons: icons, _ariaControls: collapsible && hasChildren && expanded ? ariaID : undefined, _ariaExpanded: collapsible && hasChildren ? expanded : undefined, _on: {\n                onClick: (event, value) => {\n                    if (entryIsButton(entry) && typeof entry._on.onClick === 'function') {\n                        entry._on.onClick(event, value);\n                    }\n                    this.handleToggleExpansionClick(entry._children);\n                },\n            } }))));\n    }\n    li(collapsible, deep, index, link, ariaIDparent) {\n        const active = !!link._active;\n        const hasChildren = Array.isArray(link._children) && link._children.length > 0;\n        const expanded = Boolean(link._children && this.state._expandedChildren.includes(link._children));\n        const ariaID = createRelatedUniqueId(ariaIDparent, `${deep}-${index}`);\n        return (h(\"li\", { class: clsx('kol-nav__list-item', {\n                'kol-nav__list-item--active': active,\n                'kol-nav__list-item--expanded': expanded,\n                'kol-nav__list-item--has-children': hasChildren,\n            }), key: index }, this.entry(collapsible, hasChildren, link, expanded, ariaID), expanded && h(this.linkList, { collapsible: collapsible, deep: deep + 1, links: link._children || [], id: ariaID })));\n    }\n    initializeExpandedChildren() {\n        this.state = Object.assign(Object.assign({}, this.state), { _expandedChildren: [] });\n        const handleBranch = (branch) => {\n            if (branch._active) {\n                if (branch._children) {\n                    this.expandChildren(branch._children);\n                }\n                return true;\n            }\n            else if (branch._children) {\n                for (const childBranch of branch._children) {\n                    if (handleBranch(childBranch)) {\n                        this.expandChildren(branch._children);\n                        return true;\n                    }\n                }\n            }\n            return false;\n        };\n        this.state._links.forEach(handleBranch);\n    }\n    render() {\n        const collapsible = this.state._collapsible === true;\n        return (h(\"div\", { key: '402617cd0f836b2d08ee8093a51f913e4d567902', class: clsx('kol-nav', {\n                'kol-nav--is-compact': this.state._hideLabel,\n            }) }, h(\"nav\", { key: '832817240d45524e08be60b5ced9dd382ed2bd3e', \"aria-label\": this.state._label, class: \"kol-nav__navigation\", id: this.navId }, h(this.linkList, { key: '223c298a6d3b0febc74eb1909a7f4a8a8ef45051', collapsible: collapsible, deep: 0, links: this.state._links, id: this.listId })), this.state._hasCompactButton && (h(\"div\", { key: 'd1290d23eb7bcccc812704dbeabe655bdea21f09', class: \"kol-nav__compact\" }, h(KolButtonWcTag, { key: 'b66548183b4a9627cb52be1656f3914d44b583c7', class: \"kol-nav__toggle-button\", _ariaControls: this.navId, _ariaExpanded: !this.state._hideLabel, _icons: this.state._hideLabel ? 'kolicon-chevron-right' : 'kolicon-chevron-left', _hideLabel: true, _label: translate(this.state._hideLabel ? 'kol-nav-maximize' : 'kol-nav-minimize'), _on: {\n                onClick: () => {\n                    this.state = Object.assign(Object.assign({}, this.state), { _hideLabel: !this.state._hideLabel });\n                },\n            }, _tooltipAlign: \"right\" })))));\n    }\n    validateCollapsible(value) {\n        validateCollapsible(this, value);\n    }\n    validateHasCompactButton(value) {\n        validateHasCompactButton(this, value);\n    }\n    validateHasIconsWhenExpanded(value) {\n        validateHasIconsWhenExpanded(this, value);\n    }\n    validateHideLabel(value) {\n        validateHideLabel(this, value);\n    }\n    validateLabel(value, _oldValue, initial = false) {\n        if (!initial) {\n            removeNavLabel(this.state._label);\n        }\n        validateLabel(this, value, {\n            required: true,\n        });\n        a11yHintLabelingLandmarks(value);\n        addNavLabel(this.state._label);\n    }\n    validateLinks(value) {\n        watchNavLinks('KolNav', this, value);\n        devHint(`[KolNav] The navigation structure is not yet validated recursively.`);\n        this.initializeExpandedChildren();\n    }\n    componentWillLoad() {\n        this.validateCollapsible(this._collapsible);\n        this.validateHideLabel(this._hideLabel);\n        this.validateHasCompactButton(this._hasCompactButton);\n        this.validateHasIconsWhenExpanded(this._hasIconsWhenExpanded);\n        this.validateLabel(this._label, undefined, true);\n        this.validateLinks(this._links);\n        this.initializeExpandedChildren();\n    }\n    disconnectedCallback() {\n        removeNavLabel(this.state._label);\n    }\n    static get watchers() { return {\n        \"_collapsible\": [\"validateCollapsible\"],\n        \"_hasCompactButton\": [\"validateHasCompactButton\"],\n        \"_hasIconsWhenExpanded\": [\"validateHasIconsWhenExpanded\"],\n        \"_hideLabel\": [\"validateHideLabel\"],\n        \"_label\": [\"validateLabel\"],\n        \"_links\": [\"validateLinks\"]\n    }; }\n};\nKolNav.style = {\n    default: defaultStyleCss\n};\n\nexport { KolNav as kol_nav };\n//# sourceMappingURL=kol-nav.entry.js.map\n"],"mappings":"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"}
+{"version":3,"file":"kol-nav.entry-CmEsrnwx.js","names":[],"sources":["../../../../../components/dist/esm/kol-nav.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-CfYfRjdO.js';\nimport { e as watchBoolean, c as a11yHintLabelingLandmarks, j as devHint } from './common-Cbb6Axov.js';\nimport { v as validateHideLabel } from './hide-label-BDwvU6I8.js';\nimport { v as validateLabel } from './label-We78Dt9U.js';\nimport { c as KolLinkWcTag, b as KolButtonWcTag } from './component-names-Dy77vq43.js';\nimport { t as translate } from './i18n-CcjZRTxD.js';\nimport { c as clsx } from './clsx-COFh-Vc8.js';\nimport { c as createUniqueId, a as createRelatedUniqueId } from './dev.utils-CBuLoTMV.js';\nimport { r as removeNavLabel, a as addNavLabel } from './unique-nav-labels-D4Kr0ypx.js';\nimport { w as watchNavLinks } from './validation-CzQC9wBA.js';\nimport './i18n-CMA39edx.js';\n\nconst validateCollapsible = (component, value) => {\n    watchBoolean(component, '_collapsible', value);\n};\n\nconst validateHasCompactButton = (component, value) => {\n    watchBoolean(component, '_hasCompactButton', value);\n};\n\nconst validateHasIconsWhenExpanded = (component, value) => {\n    watchBoolean(component, '_hasIconsWhenExpanded', value);\n};\n\nconst defaultStyleCss = \"@charset \\\"UTF-8\\\";\\n/* forward the rem function */\\n/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     *\\n     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser's\\n     * rounding, dropping just below the required minimum.\\n     */\\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\\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: white;\\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    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=1783496448056\\\"); /* IE9*/\\n  src: url(\\\"kolicons.eot?t=1783496448056#iefix\\\") format(\\\"embedded-opentype\\\"), url(\\\"kolicons.woff2?t=1783496448056\\\") format(\\\"woff2\\\"), url(\\\"kolicons.woff?t=1783496448056\\\") format(\\\"woff\\\"), url(\\\"kolicons.ttf?t=1783496448056\\\") format(\\\"truetype\\\"), url(\\\"kolicons.svg?t=1783496448056#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: black;\\n    background-color: white;\\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: black;\\n    background-color: white;\\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\nconst entryIsLink = (entryProps) => {\n    return typeof entryProps._href === 'string';\n};\nconst entryIsButton = (entryProps) => {\n    var _a;\n    return entryProps._href === undefined && typeof ((_a = entryProps._on) === null || _a === void 0 ? void 0 : _a.onClick) === 'function';\n};\nconst KolNav = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.navId = createUniqueId('kol-nav');\n        this.listId = createRelatedUniqueId(this.navId, 'list');\n        this.handleToggleExpansionClick = (children) => {\n            if (children) {\n                if (this.state._expandedChildren.includes(children)) {\n                    this.collapseChildren(children);\n                }\n                else {\n                    this.expandChildren(children);\n                }\n            }\n        };\n        this.linkList = (props) => {\n            return (h(\"ul\", { class: clsx('kol-nav__list', {\n                    'kol-nav__list--nested': props.deep > 0,\n                    'kol-nav__list--vertical': props.deep !== 0,\n                }), id: props.deep > 0 ? props.id : undefined }, props.links.map((link, index) => {\n                return this.li(props.collapsible, props.deep, index, link, props.id);\n            })));\n        };\n        this._collapsible = true;\n        this._hasCompactButton = false;\n        this._hasIconsWhenExpanded = false;\n        this._hideLabel = false;\n        this.state = {\n            _collapsible: true,\n            _hasCompactButton: false,\n            _hasIconsWhenExpanded: false,\n            _hideLabel: false,\n            _label: '',\n            _links: [],\n            _expandedChildren: [],\n        };\n    }\n    expandChildren(children) {\n        this.state = Object.assign(Object.assign({}, this.state), { _expandedChildren: [...this.state._expandedChildren, children] });\n    }\n    collapseChildren(children) {\n        this.state = Object.assign(Object.assign({}, this.state), { _expandedChildren: this.state._expandedChildren.filter((searchChildren) => searchChildren !== children) });\n    }\n    buildIconObject(collapsible, expanded, leftIcon) {\n        const icon = {\n            left: '',\n            right: '',\n        };\n        if (this.state._hasIconsWhenExpanded && leftIcon) {\n            icon.left = leftIcon;\n        }\n        if (this.state._hideLabel) {\n            if (leftIcon) {\n                icon.left = leftIcon;\n            }\n            else {\n                icon.left = 'kolicon-link';\n            }\n        }\n        if (collapsible) {\n            if (expanded) {\n                icon.right = 'kolicon-minus';\n            }\n            else {\n                icon.right = 'kolicon-plus';\n            }\n        }\n        return icon;\n    }\n    entry(collapsible, hasChildren, entry, expanded, ariaID) {\n        var _a;\n        const leftIcon = typeof entry._icons === 'string' ? entry._icons : typeof ((_a = entry._icons) === null || _a === void 0 ? void 0 : _a.left) === 'string' ? entry._icons.left : undefined;\n        const icons = this.buildIconObject(collapsible && hasChildren, expanded, leftIcon);\n        return (h(\"div\", { class: \"kol-nav__entry-wrapper\" }, entryIsLink(entry) ? (h(KolLinkWcTag, Object.assign({ class: clsx('kol-nav__entry kol-nav__entry--link', {\n                'kol-nav__entry--collapsible': collapsible,\n            }) }, entry, { _hideLabel: this.state._hideLabel, _icons: icons, _ariaControls: collapsible && hasChildren && expanded ? ariaID : undefined, _ariaExpanded: collapsible && hasChildren ? expanded : undefined }))) : (h(KolButtonWcTag, { class: clsx('kol-nav__entry kol-nav__entry--button', {\n                'kol-nav__entry--collapsible': collapsible,\n            }), _label: entry._label, _hideLabel: this.state._hideLabel, _icons: icons, _ariaControls: collapsible && hasChildren && expanded ? ariaID : undefined, _ariaExpanded: collapsible && hasChildren ? expanded : undefined, _on: {\n                onClick: (event, value) => {\n                    if (entryIsButton(entry) && typeof entry._on.onClick === 'function') {\n                        entry._on.onClick(event, value);\n                    }\n                    this.handleToggleExpansionClick(entry._children);\n                },\n            } }))));\n    }\n    li(collapsible, deep, index, link, ariaIDparent) {\n        const active = !!link._active;\n        const hasChildren = Array.isArray(link._children) && link._children.length > 0;\n        const expanded = Boolean(link._children && this.state._expandedChildren.includes(link._children));\n        const ariaID = createRelatedUniqueId(ariaIDparent, `${deep}-${index}`);\n        return (h(\"li\", { class: clsx('kol-nav__list-item', {\n                'kol-nav__list-item--active': active,\n                'kol-nav__list-item--expanded': expanded,\n                'kol-nav__list-item--has-children': hasChildren,\n            }), key: index }, this.entry(collapsible, hasChildren, link, expanded, ariaID), expanded && h(this.linkList, { collapsible: collapsible, deep: deep + 1, links: link._children || [], id: ariaID })));\n    }\n    initializeExpandedChildren() {\n        this.state = Object.assign(Object.assign({}, this.state), { _expandedChildren: [] });\n        const handleBranch = (branch) => {\n            if (branch._active) {\n                if (branch._children) {\n                    this.expandChildren(branch._children);\n                }\n                return true;\n            }\n            else if (branch._children) {\n                for (const childBranch of branch._children) {\n                    if (handleBranch(childBranch)) {\n                        this.expandChildren(branch._children);\n                        return true;\n                    }\n                }\n            }\n            return false;\n        };\n        this.state._links.forEach(handleBranch);\n    }\n    render() {\n        const collapsible = this.state._collapsible === true;\n        return (h(\"div\", { key: '402617cd0f836b2d08ee8093a51f913e4d567902', class: clsx('kol-nav', {\n                'kol-nav--is-compact': this.state._hideLabel,\n            }) }, h(\"nav\", { key: '832817240d45524e08be60b5ced9dd382ed2bd3e', \"aria-label\": this.state._label, class: \"kol-nav__navigation\", id: this.navId }, h(this.linkList, { key: '223c298a6d3b0febc74eb1909a7f4a8a8ef45051', collapsible: collapsible, deep: 0, links: this.state._links, id: this.listId })), this.state._hasCompactButton && (h(\"div\", { key: 'd1290d23eb7bcccc812704dbeabe655bdea21f09', class: \"kol-nav__compact\" }, h(KolButtonWcTag, { key: 'b66548183b4a9627cb52be1656f3914d44b583c7', class: \"kol-nav__toggle-button\", _ariaControls: this.navId, _ariaExpanded: !this.state._hideLabel, _icons: this.state._hideLabel ? 'kolicon-chevron-right' : 'kolicon-chevron-left', _hideLabel: true, _label: translate(this.state._hideLabel ? 'kol-nav-maximize' : 'kol-nav-minimize'), _on: {\n                onClick: () => {\n                    this.state = Object.assign(Object.assign({}, this.state), { _hideLabel: !this.state._hideLabel });\n                },\n            }, _tooltipAlign: \"right\" })))));\n    }\n    validateCollapsible(value) {\n        validateCollapsible(this, value);\n    }\n    validateHasCompactButton(value) {\n        validateHasCompactButton(this, value);\n    }\n    validateHasIconsWhenExpanded(value) {\n        validateHasIconsWhenExpanded(this, value);\n    }\n    validateHideLabel(value) {\n        validateHideLabel(this, value);\n    }\n    validateLabel(value, _oldValue, initial = false) {\n        if (!initial) {\n            removeNavLabel(this.state._label);\n        }\n        validateLabel(this, value, {\n            required: true,\n        });\n        a11yHintLabelingLandmarks(value);\n        addNavLabel(this.state._label);\n    }\n    validateLinks(value) {\n        watchNavLinks('KolNav', this, value);\n        devHint(`[KolNav] The navigation structure is not yet validated recursively.`);\n        this.initializeExpandedChildren();\n    }\n    componentWillLoad() {\n        this.validateCollapsible(this._collapsible);\n        this.validateHideLabel(this._hideLabel);\n        this.validateHasCompactButton(this._hasCompactButton);\n        this.validateHasIconsWhenExpanded(this._hasIconsWhenExpanded);\n        this.validateLabel(this._label, undefined, true);\n        this.validateLinks(this._links);\n        this.initializeExpandedChildren();\n    }\n    disconnectedCallback() {\n        removeNavLabel(this.state._label);\n    }\n    static get watchers() { return {\n        \"_collapsible\": [\"validateCollapsible\"],\n        \"_hasCompactButton\": [\"validateHasCompactButton\"],\n        \"_hasIconsWhenExpanded\": [\"validateHasIconsWhenExpanded\"],\n        \"_hideLabel\": [\"validateHideLabel\"],\n        \"_label\": [\"validateLabel\"],\n        \"_links\": [\"validateLinks\"]\n    }; }\n};\nKolNav.style = {\n    default: defaultStyleCss\n};\n\nexport { KolNav as kol_nav };\n//# sourceMappingURL=kol-nav.entry.js.map\n"],"mappings":"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"}

package/app/dist/assets/{kol-pagination-wc.entry-Cjy5vcPB.js → kol-pagination-wc.entry-BmbWJOkm.js}

@@ -1,2 +1,2 @@
-import{H as e,Ot as t,a as n,b as r,d as i,f as a,gt as o,j as s,jt as c,kt as l,o as u,r as d,s as f}from"./index-CLYw1HnO.js";import{i as p}from"./dev.utils-Ce_5C3Pe-Dee1ZIk1.js";import"./align-DdWzcKWR-CMxncrQu.js";import{r as m}from"./label-BiOix5de-Bf1AwuDH.js";import{t as h}from"./i18n-BkwRYsvE-Baa6kHEL.js";import{n as g,t as _}from"./unique-nav-labels-OKhw3uEq-CBkUOvjm.js";import{t as v}from"./custom-class-DRA8ZYTU-BcgWvugy.js";import{t as y}from"./tooltip-align-BZrIplzz-ywk_a6dy.js";var b=(e,t,n)=>{l(e,`_max`,t,n)},x={left:`kolicon-chevron-double-left`},S={left:`kolicon-chevron-left`},C={right:`kolicon-chevron-right`},w={right:`kolicon-chevron-double-right`};function T(){let e=navigator.language||`de-DE`;return e.includes(`-`)?e:`${e}-${e.toUpperCase()}`}var E=T(),D=new Intl.NumberFormat(E,{style:`decimal`,minimumFractionDigits:0,maximumFractionDigits:0}),O=class{constructor(t){f(this,t),this.translatePageFirst=h(`kol-page-first`),this.translatePageBack=h(`kol-page-back`),this.translatePageNext=h(`kol-page-next`),this.translatePageLast=h(`kol-page-last`),this.translateEntriesPerSite=h(`kol-entries-per-site`),this.translatePage=h(`kol-page`),this.translatePagination=h(`kol-pagination`),this.calcCount=(e,t=1)=>Math.ceil(e/t),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=(e,t)=>{typeof this.state._on.onClick==`function`&&this.state._on.onClick(e,t),this.host&&a(this.host,i.click,t),this.onChangePage(e,t)},this.onChangePage=(e,t)=>{let n=setTimeout(()=>{clearTimeout(n),typeof this.state._on.onChangePage==`function`&&this.state._on.onChangePage(e,t),this.host&&a(this.host,i.changePage,t)})},this.onChangePageSize=(e,t)=>{if(t=parseInt(t),typeof t==`number`&&t>0&&this._pageSize!==t){this._pageSize=t;let n=setTimeout(()=>{clearTimeout(n),typeof this.state._on.onChangePageSize==`function`&&this.state._on.onChangePageSize(e,this._pageSize),this.host&&a(this.host,i.changePageSize,this._pageSize)})}},this.onGoToFirst={onClick:e=>{this.onClick(e,1)}},this.onGoToEnd={onClick:e=>{this.onClick(e,this.getCount())}},this.onGoBackward={onClick:e=>{this.onClick(e,this.state._page-1)}},this.onGoForward={onClick:e=>{this.onClick(e,this.state._page+1)}},this.beforePageSize=(e,t)=>{let n=t.has(`_pageSize`)?t.get(`_pageSize`):this.state._pageSize,r=t.has(`_pageSizeOptions`)?t.get(`_pageSizeOptions`):this.state._pageSizeOptions;if(Array.isArray(r)&&r.length>0){let e=r.find(e=>e.value===n);n=e===void 0?r[0].value:e.value,t.set(`_pageSize`,n)}let i=t.has(`_page`)?t.get(`_page`):this.state._page,a=t.has(`_max`)?t.get(`_max`):this.state._max;this.syncPage(t,i,t.get(`_pageSize`),a)},this.syncPage=(t,n,r,i)=>{if(i>0){let a=this.calcCount(i,r);a>0&&(n>a?(t.set(`_page`,a),this.onChangePage(e,a)):n<1&&(t.set(`_page`,1),this.onChangePage(e,1)))}},this.beforePageSizeOptions=(e,t)=>{let n=[];if(Array.isArray(e))for(let t of e)typeof t==`number`&&n.push({label:`${t}`,value:t});t.set(`_pageSizeOptions`,n),this.beforePageSize(n,t)}}getPageStart(){return Math.max(0,(this.state._page-1)*this.state._pageSize+1)}getPageEnd(){let e=this.state._page*this.state._pageSize;return this.state._max<e?this.state._max:e}render(){let e=!1,t=this.getCount(),n=Array.from({length:t},(e,t)=>t+1).map(n=>n<=this.state._boundaryCount||n>t-this.state._boundaryCount||n>=this.state._page-this.state._siblingCount&&n<=this.state._page+this.state._siblingCount?(e=!0,this.state._page===n?this.getSelectedPageButton(n):this.getUnselectedPageButton(n)):e===!0?(e=!1,u(`li`,{key:p()},u(`span`,{class:`kol-pagination__separator`,"aria-hidden":`true`}))):null);return u(d,{class:`kol-pagination`},u(`span`,{role:`status`,"aria-live":`polite`,class:`kol-pagination__entries`},h(`kol-table-visible-range`,{placeholders:{start:D.format(this.getPageStart()),end:D.format(this.getPageEnd()),total:D.format(this.state._max)}})),u(`nav`,{class:`kol-pagination__navigation`,"aria-label":this.state._label},u(`ul`,{class:`kol-pagination__navigation-list`},this.state._hasButtons.first&&u(`li`,null,u(r,{class:`kol-pagination__button kol-pagination__button--first`,_customClass:this.state._customClass,_disabled:this.state._page<=1,_icons:x,_hideLabel:!0,_label:this.translatePageFirst,_on:this.onGoToFirst,_tooltipAlign:this.state._tooltipAlign})),this.state._hasButtons.previous&&u(`li`,null,u(r,{class:`kol-pagination__button kol-pagination__button--previous`,_customClass:this.state._customClass,_disabled:this.state._page<=1,_icons:S,_hideLabel:!0,_label:this.translatePageBack,_on:this.onGoBackward,_tooltipAlign:this.state._tooltipAlign})),n,this.state._hasButtons.next&&u(`li`,null,u(r,{class:`kol-pagination__button kol-pagination__button--next`,_customClass:this.state._customClass,_disabled:t<=this.state._page,_icons:C,_hideLabel:!0,_label:this.translatePageNext,_on:this.onGoForward,_tooltipAlign:this.state._tooltipAlign})),this.state._hasButtons.last&&u(`li`,null,u(r,{class:`kol-pagination__button kol-pagination__button--last`,_customClass:this.state._customClass,_disabled:t<=this.state._page,_icons:w,_hideLabel:!0,_label:this.translatePageLast,_on:this.onGoToEnd,_tooltipAlign:this.state._tooltipAlign})))),this.state._pageSizeOptions?.length>0&&u(`div`,{class:`page-size`},u(s,{class:`kol-pagination__page-size-select`,_label:this.translateEntriesPerSite,_options:this.state._pageSizeOptions,_on:{onChange:this.onChangePageSize},_value:this.state._pageSize})))}getUnselectedPageButton(e){let t=D.format(e),n=`${this.translatePage} ${t}`;return u(`li`,{key:p()},u(r,{class:`kol-pagination__button kol-pagination__button--numbers`,_ariaDescription:n,_customClass:this.state._customClass,_label:t,_on:{onClick:t=>{this.onClick(t,e)}}}))}getSelectedPageButton(e){let t=D.format(e),n=`${this.translatePage} ${t}`;return u(`li`,{key:p()},u(r,{"aria-current":`page`,class:`kol-pagination__button kol-pagination__button--selected selected`,_ariaDescription:n,_customClass:this.state._customClass,_label:t}))}validateBoundaryCount(e){l(this,`_boundaryCount`,Math.max(0,e??1))}validateCustomClass(e){v(this,e)}validateLabel(e,t,n=!1){n||g(this.state._label),m(this,e),_(this.state._label)}validateHasButtons(e){c(this,`_hasButtons`,e=>typeof e==`boolean`||typeof e==`string`||typeof e==`object`&&!!e,new Set([`Boolean`,`PaginationHasButton`]),e,{hooks:{beforePatch:(e,t)=>{if(typeof e==`boolean`)t.set(`_hasButtons`,{first:e,last:e,next:e,previous:e});else{if(typeof e==`string`)try{e=o(e)}catch{t.delete(`_hasButtons`)}typeof e==`object`&&e&&t.set(`_hasButtons`,Object.assign(Object.assign({},this.state._hasButtons),{first:typeof e.first==`boolean`?e.first===!0:this.state._hasButtons.first,last:typeof e.last==`boolean`?e.last===!0:this.state._hasButtons.last,next:typeof e.next==`boolean`?e.next===!0:this.state._hasButtons.next,previous:typeof e.previous==`boolean`?e.previous===!0:this.state._hasButtons.previous}))}}}})}validateOn(e){typeof e==`object`&&e&&(this.state=Object.assign(Object.assign({},this.state),{_on:e}))}validatePage(e){l(this,`_page`,e,{hooks:{beforePatch:(e,t)=>{let n=t.has(`_pageSize`)?t.get(`_pageSize`):this.state._pageSize,r=t.has(`_max`)?t.get(`_max`):this.state._max;this.syncPage(t,e,n,r)}}})}validatePageSize(e){l(this,`_pageSize`,e,{hooks:{beforePatch:this.beforePageSize}})}validatePageSizeOptions(e){t(this,`_pageSizeOptions`,e=>typeof e==`number`,e,void 0,{hooks:{beforePatch:this.beforePageSizeOptions}})}validateSiblingCount(e){l(this,`_siblingCount`,Math.max(0,e??1))}validateMax(e){b(this,e,{hooks:{beforePatch:(e,t)=>{let n=t.has(`_page`)?t.get(`_page`):this.state._page,r=t.has(`_pageSize`)?t.get(`_pageSize`):this.state._pageSize;this.syncPage(t,n,r,e)}}})}validateTooltipAlign(e){y(this,e)}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(){g(this.state._label)}get host(){return n(this)}static get watchers(){return{_boundaryCount:[`validateBoundaryCount`],_customClass:[`validateCustomClass`],_label:[`validateLabel`],_hasButtons:[`validateHasButtons`],_on:[`validateOn`],_page:[`validatePage`],_pageSize:[`validatePageSize`],_pageSizeOptions:[`validatePageSizeOptions`],_siblingCount:[`validateSiblingCount`],_max:[`validateMax`],_tooltipAlign:[`validateTooltipAlign`]}}};export{O as kol_pagination_wc};
-//# sourceMappingURL=kol-pagination-wc.entry-Cjy5vcPB.js.map
+import{At as e,H as t,Mt as n,_t as r,a as i,b as a,d as o,f as s,j as c,kt as l,o as u,r as d,s as f}from"./index-BEIcpIbr.js";import{i as p}from"./dev.utils-CBuLoTMV-xmZMRaFA.js";import"./align-BdqBkiyq-yjTJisYK.js";import{r as m}from"./label-We78Dt9U-Cj1PFfHw.js";import{t as h}from"./i18n-CcjZRTxD-DOVnRsej.js";import{n as g,t as _}from"./unique-nav-labels-D4Kr0ypx-Cg7sp788.js";import{t as v}from"./custom-class-BeMzLrHQ-DsBv4WXp.js";import{t as y}from"./tooltip-align-LkJ2mgrc-DUUNAT3I.js";var b=(t,n,r)=>{e(t,`_max`,n,r)},x={left:`kolicon-chevron-double-left`},S={left:`kolicon-chevron-left`},C={right:`kolicon-chevron-right`},w={right:`kolicon-chevron-double-right`};function T(){let e=navigator.language||`de-DE`;return e.includes(`-`)?e:`${e}-${e.toUpperCase()}`}var E=T(),D=new Intl.NumberFormat(E,{style:`decimal`,minimumFractionDigits:0,maximumFractionDigits:0}),O=class{constructor(e){f(this,e),this.translatePageFirst=h(`kol-page-first`),this.translatePageBack=h(`kol-page-back`),this.translatePageNext=h(`kol-page-next`),this.translatePageLast=h(`kol-page-last`),this.translateEntriesPerSite=h(`kol-entries-per-site`),this.translatePage=h(`kol-page`),this.translatePagination=h(`kol-pagination`),this.calcCount=(e,t=1)=>Math.ceil(e/t),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=(e,t)=>{typeof this.state._on.onClick==`function`&&this.state._on.onClick(e,t),this.host&&s(this.host,o.click,t),this.onChangePage(e,t)},this.onChangePage=(e,t)=>{let n=setTimeout(()=>{clearTimeout(n),typeof this.state._on.onChangePage==`function`&&this.state._on.onChangePage(e,t),this.host&&s(this.host,o.changePage,t)})},this.onChangePageSize=(e,t)=>{if(t=parseInt(t),typeof t==`number`&&t>0&&this._pageSize!==t){this._pageSize=t;let n=setTimeout(()=>{clearTimeout(n),typeof this.state._on.onChangePageSize==`function`&&this.state._on.onChangePageSize(e,this._pageSize),this.host&&s(this.host,o.changePageSize,this._pageSize)})}},this.onGoToFirst={onClick:e=>{this.onClick(e,1)}},this.onGoToEnd={onClick:e=>{this.onClick(e,this.getCount())}},this.onGoBackward={onClick:e=>{this.onClick(e,this.state._page-1)}},this.onGoForward={onClick:e=>{this.onClick(e,this.state._page+1)}},this.beforePageSize=(e,t)=>{let n=t.has(`_pageSize`)?t.get(`_pageSize`):this.state._pageSize,r=t.has(`_pageSizeOptions`)?t.get(`_pageSizeOptions`):this.state._pageSizeOptions;if(Array.isArray(r)&&r.length>0){let e=r.find(e=>e.value===n);n=e===void 0?r[0].value:e.value,t.set(`_pageSize`,n)}let i=t.has(`_page`)?t.get(`_page`):this.state._page,a=t.has(`_max`)?t.get(`_max`):this.state._max;this.syncPage(t,i,t.get(`_pageSize`),a)},this.syncPage=(e,n,r,i)=>{if(i>0){let a=this.calcCount(i,r);a>0&&(n>a?(e.set(`_page`,a),this.onChangePage(t,a)):n<1&&(e.set(`_page`,1),this.onChangePage(t,1)))}},this.beforePageSizeOptions=(e,t)=>{let n=[];if(Array.isArray(e))for(let t of e)typeof t==`number`&&n.push({label:`${t}`,value:t});t.set(`_pageSizeOptions`,n),this.beforePageSize(n,t)}}getPageStart(){return Math.max(0,(this.state._page-1)*this.state._pageSize+1)}getPageEnd(){let e=this.state._page*this.state._pageSize;return this.state._max<e?this.state._max:e}render(){let e=!1,t=this.getCount(),n=Array.from({length:t},(e,t)=>t+1).map(n=>n<=this.state._boundaryCount||n>t-this.state._boundaryCount||n>=this.state._page-this.state._siblingCount&&n<=this.state._page+this.state._siblingCount?(e=!0,this.state._page===n?this.getSelectedPageButton(n):this.getUnselectedPageButton(n)):e===!0?(e=!1,u(`li`,{key:p()},u(`span`,{class:`kol-pagination__separator`,"aria-hidden":`true`}))):null);return u(d,{class:`kol-pagination`},u(`span`,{role:`status`,"aria-live":`polite`,class:`kol-pagination__entries`},h(`kol-table-visible-range`,{placeholders:{start:D.format(this.getPageStart()),end:D.format(this.getPageEnd()),total:D.format(this.state._max)}})),u(`nav`,{class:`kol-pagination__navigation`,"aria-label":this.state._label},u(`ul`,{class:`kol-pagination__navigation-list`},this.state._hasButtons.first&&u(`li`,null,u(a,{class:`kol-pagination__button kol-pagination__button--first`,_customClass:this.state._customClass,_disabled:this.state._page<=1,_icons:x,_hideLabel:!0,_label:this.translatePageFirst,_on:this.onGoToFirst,_tooltipAlign:this.state._tooltipAlign})),this.state._hasButtons.previous&&u(`li`,null,u(a,{class:`kol-pagination__button kol-pagination__button--previous`,_customClass:this.state._customClass,_disabled:this.state._page<=1,_icons:S,_hideLabel:!0,_label:this.translatePageBack,_on:this.onGoBackward,_tooltipAlign:this.state._tooltipAlign})),n,this.state._hasButtons.next&&u(`li`,null,u(a,{class:`kol-pagination__button kol-pagination__button--next`,_customClass:this.state._customClass,_disabled:t<=this.state._page,_icons:C,_hideLabel:!0,_label:this.translatePageNext,_on:this.onGoForward,_tooltipAlign:this.state._tooltipAlign})),this.state._hasButtons.last&&u(`li`,null,u(a,{class:`kol-pagination__button kol-pagination__button--last`,_customClass:this.state._customClass,_disabled:t<=this.state._page,_icons:w,_hideLabel:!0,_label:this.translatePageLast,_on:this.onGoToEnd,_tooltipAlign:this.state._tooltipAlign})))),this.state._pageSizeOptions?.length>0&&u(`div`,{class:`page-size`},u(c,{class:`kol-pagination__page-size-select`,_label:this.translateEntriesPerSite,_options:this.state._pageSizeOptions,_on:{onChange:this.onChangePageSize},_value:this.state._pageSize})))}getUnselectedPageButton(e){let t=D.format(e),n=`${this.translatePage} ${t}`;return u(`li`,{key:p()},u(a,{class:`kol-pagination__button kol-pagination__button--numbers`,_ariaDescription:n,_customClass:this.state._customClass,_label:t,_on:{onClick:t=>{this.onClick(t,e)}}}))}getSelectedPageButton(e){let t=D.format(e),n=`${this.translatePage} ${t}`;return u(`li`,{key:p()},u(a,{"aria-current":`page`,class:`kol-pagination__button kol-pagination__button--selected selected`,_ariaDescription:n,_customClass:this.state._customClass,_label:t}))}validateBoundaryCount(t){e(this,`_boundaryCount`,Math.max(0,t??1))}validateCustomClass(e){v(this,e)}validateLabel(e,t,n=!1){n||g(this.state._label),m(this,e),_(this.state._label)}validateHasButtons(e){n(this,`_hasButtons`,e=>typeof e==`boolean`||typeof e==`string`||typeof e==`object`&&!!e,new Set([`Boolean`,`PaginationHasButton`]),e,{hooks:{beforePatch:(e,t)=>{if(typeof e==`boolean`)t.set(`_hasButtons`,{first:e,last:e,next:e,previous:e});else{if(typeof e==`string`)try{e=r(e)}catch{t.delete(`_hasButtons`)}typeof e==`object`&&e&&t.set(`_hasButtons`,Object.assign(Object.assign({},this.state._hasButtons),{first:typeof e.first==`boolean`?e.first===!0:this.state._hasButtons.first,last:typeof e.last==`boolean`?e.last===!0:this.state._hasButtons.last,next:typeof e.next==`boolean`?e.next===!0:this.state._hasButtons.next,previous:typeof e.previous==`boolean`?e.previous===!0:this.state._hasButtons.previous}))}}}})}validateOn(e){typeof e==`object`&&e&&(this.state=Object.assign(Object.assign({},this.state),{_on:e}))}validatePage(t){e(this,`_page`,t,{hooks:{beforePatch:(e,t)=>{let n=t.has(`_pageSize`)?t.get(`_pageSize`):this.state._pageSize,r=t.has(`_max`)?t.get(`_max`):this.state._max;this.syncPage(t,e,n,r)}}})}validatePageSize(t){e(this,`_pageSize`,t,{hooks:{beforePatch:this.beforePageSize}})}validatePageSizeOptions(e){l(this,`_pageSizeOptions`,e=>typeof e==`number`,e,void 0,{hooks:{beforePatch:this.beforePageSizeOptions}})}validateSiblingCount(t){e(this,`_siblingCount`,Math.max(0,t??1))}validateMax(e){b(this,e,{hooks:{beforePatch:(e,t)=>{let n=t.has(`_page`)?t.get(`_page`):this.state._page,r=t.has(`_pageSize`)?t.get(`_pageSize`):this.state._pageSize;this.syncPage(t,n,r,e)}}})}validateTooltipAlign(e){y(this,e)}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(){g(this.state._label)}get host(){return i(this)}static get watchers(){return{_boundaryCount:[`validateBoundaryCount`],_customClass:[`validateCustomClass`],_label:[`validateLabel`],_hasButtons:[`validateHasButtons`],_on:[`validateOn`],_page:[`validatePage`],_pageSize:[`validatePageSize`],_pageSizeOptions:[`validatePageSizeOptions`],_siblingCount:[`validateSiblingCount`],_max:[`validateMax`],_tooltipAlign:[`validateTooltipAlign`]}}};export{O as kol_pagination_wc};
+//# sourceMappingURL=kol-pagination-wc.entry-BmbWJOkm.js.map