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

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","getElement","clsx","KolCardWcTag","watchString","watchValidator","setState","validateLabel","dispatchDomEvent","KolEvent","handleCancelOverlay","validateWidth","component","value","options","Object","assign","defaultValue","ModalVariantPropTypeOptions","validateModalVariant","includes","Set","defaultStyleCss","KolModal","constructor","hostRef","this","on","onClose","async","closeModal","_width","_variant","state","_label","disconnectedCallback","handleNativeCloseEvent","_a","_b","_on","call","host","close","openModal","refDialog","showModal","render","key","class","onCancel","bind","ref","el","style","width","_hasCloser","required","validateOn","callbacks","validateVariant","componentWillLoad","watchers","default"],"sources":["0"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","getElement","clsx","KolCardWcTag","watchString","watchValidator","setState","validateLabel","dispatchDomEvent","KolEvent","handleCancelOverlay","validateWidth","component","value","options","Object","assign","defaultValue","ModalVariantPropTypeOptions","validateModalVariant","includes","Set","defaultStyleCss","KolModal","constructor","hostRef","this","on","onClose","async","closeModal","_width","_variant","state","_label","disconnectedCallback","handleNativeCloseEvent","_a","_b","_on","call","host","close","openModal","refDialog","showModal","render","key","class","onCancel","bind","ref","el","style","width","_hasCloser","required","validateOn","callbacks","validateVariant","componentWillLoad","watchers","default"],"sources":["0"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"kol-nav.entry.esm.js","sources":["src/schema/props/collapsible.ts","src/schema/props/has-compact-button.ts","src/schema/props/has-icons-when-expanded.ts","src/components/nav/style.scss?tag=kol-nav&mode=default&encapsulation=shadow","src/components/nav/shadow.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type CollapsiblePropType = boolean;\n\n/**\n * Defines if navigation nodes can be collapsed or not.\n */\nexport type PropCollapsible = {\n\tcollapsible: CollapsiblePropType;\n};\n\n/* validator */\nexport const validateCollapsible = (component: Generic.Element.Component, value?: CollapsiblePropType): void => {\n\twatchBoolean(component, '_collapsible', value);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\n\ntype HasCompactButtonPropType = boolean;\n\n/**\n * Creates a button below the navigation, that toggles _collapsible. Only available for _orientation=\"vertical\".\n */\nexport type PropHasCompactButton = {\n\thasCompactButton: HasCompactButtonPropType;\n};\n\n/* validator */\nexport const validateHasCompactButton = (component: Generic.Element.Component, value?: HasCompactButtonPropType): void => {\n\twatchBoolean(component, '_hasCompactButton', value);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type HasIconsWhenExpandedPropType = boolean;\n\n/**\n * Shows icons next to the navigation item labels, even when the navigation is not collapsed.\n */\nexport type PropHasIconsWhenExpanded = {\n\thasIconsWhenExpanded: HasIconsWhenExpandedPropType;\n};\n\n/* validator */\nexport const validateHasIconsWhenExpanded = (component: Generic.Element.Component, value?: HasIconsWhenExpandedPropType): void => {\n\twatchBoolean(component, '_hasIconsWhenExpanded', value);\n};\n","@use '../@shared/mixins' as *;\n@use '../../styles/global' as *;\n@use '../tooltip/style.scss' as *;\n\n@layer kol-component {\n\t.kol-nav {\n\t\t$root: &;\n\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\n\t\t&--horizontal {\n\t\t\twidth: 100%;\n\t\t}\n\n\t\t&__navigation {\n\t\t\t#{$root}:not(#{$root}--is-compact) & {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\n\t\t&__list {\n\t\t\tdisplay: flex;\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tlist-style: none;\n\n\t\t\t&--vertical {\n\t\t\t\tflex-direction: column;\n\t\t\t}\n\n\t\t\t&--horizontal {\n\t\t\t\tflex-wrap: wrap;\n\t\t\t}\n\t\t}\n\n\t\t&__entry-wrapper {\n\t\t\tdisplay: flex;\n\t\t}\n\n\t\t&__entry {\n\t\t\tflex-grow: 1;\n\t\t}\n\t}\n\n\t.kol-button {\n\t\ttext-align: left;\n\t}\n\n\t.kol-span {\n\t\twidth: 100%;\n\n\t\t&__container {\n\t\t\twidth: 100%;\n\t\t\tjustify-content: flex-start;\n\n\t\t\t.kol-span__label {\n\t\t\t\tflex: 1;\n\t\t\t}\n\t\t}\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, h, Prop, State, Watch } from '@stencil/core';\nimport type {\n\tButtonOrLinkOrTextWithChildrenProps,\n\tButtonWithChildrenProps,\n\tCollapsiblePropType,\n\tHideLabelPropType,\n\tLabelPropType,\n\tLinkProps,\n\tLinkWithChildrenProps,\n\tNavAPI,\n\tNavStates,\n\tStringified,\n} from '../../schema';\nimport {\n\ta11yHintLabelingLandmarks,\n\tdevHint,\n\tdevWarning,\n\tvalidateCollapsible,\n\tvalidateHasCompactButton,\n\tvalidateHasIconsWhenExpanded,\n\tvalidateHideLabel,\n\tvalidateLabel,\n\twatchValidator,\n} from '../../schema';\n\nimport clsx from 'clsx';\nimport { KolButtonWcTag, KolLinkWcTag } from '../../core/component-names';\nimport { translate } from '../../i18n';\nimport type { StencilUnknown } from '../../schema';\nimport type { OrientationPropType } from '../../schema/props/orientation';\nimport { nonce } from '../../utils/dev.utils';\nimport { addNavLabel, removeNavLabel } from '../../utils/unique-nav-labels';\nimport { watchNavLinks } from './validation';\n\nconst linkValidator = (link: ButtonOrLinkOrTextWithChildrenProps): boolean => {\n\tif (typeof link === 'object' && typeof link._label === 'string' /* && typeof newLink._href === 'string' */) {\n\t\tif (Array.isArray(link._children)) {\n\t\t\treturn linksValidator(link._children);\n\t\t}\n\t\treturn false;\n\t}\n\treturn true;\n};\n\nconst linksValidator = (links: ButtonOrLinkOrTextWithChildrenProps[]): boolean => {\n\tif (Array.isArray(links)) {\n\t\treturn links.find(linkValidator) !== undefined;\n\t}\n\treturn true;\n};\n\nconst entryIsLink = (entryProps: ButtonOrLinkOrTextWithChildrenProps): entryProps is LinkWithChildrenProps => {\n\treturn typeof (entryProps as LinkProps)._href === 'string';\n};\n\nconst entryIsButton = (entryProps: ButtonOrLinkOrTextWithChildrenProps): entryProps is ButtonWithChildrenProps => {\n\treturn (entryProps as LinkProps)._href === undefined && typeof (entryProps as ButtonWithChildrenProps)._on?.onClick === 'function';\n};\n\n@Component({\n\ttag: 'kol-nav',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolNav implements NavAPI {\n\tprivate readonly navId = 'kol-nav-' + nonce();\n\n\tprivate readonly listId = this.navId + '-list';\n\n\tprivate expandChildren(children: ButtonOrLinkOrTextWithChildrenProps[]) {\n\t\tthis.state = {\n\t\t\t...this.state,\n\t\t\t_expandedChildren: [...this.state._expandedChildren, children],\n\t\t};\n\t}\n\tprivate collapseChildren(children: ButtonOrLinkOrTextWithChildrenProps[]) {\n\t\tthis.state = {\n\t\t\t...this.state,\n\t\t\t_expandedChildren: this.state._expandedChildren.filter((searchChildren) => searchChildren !== children),\n\t\t};\n\t}\n\n\tprivate readonly handleToggleExpansionClick = (children?: ButtonOrLinkOrTextWithChildrenProps[]): void => {\n\t\tif (children) {\n\t\t\tif (this.state._expandedChildren.includes(children)) {\n\t\t\t\tthis.collapseChildren(children);\n\t\t\t} else {\n\t\t\t\tthis.expandChildren(children);\n\t\t\t}\n\t\t}\n\t};\n\n\tprivate entry(\n\t\tcollapsible: boolean,\n\t\thideLabel: HideLabelPropType,\n\t\thasChildren: boolean,\n\t\tentry: ButtonOrLinkOrTextWithChildrenProps,\n\t\texpanded: boolean,\n\t\tariaID: string,\n\t): JSX.Element {\n\t\tconst icons = {\n\t\t\tleft:\n\t\t\t\tthis.state._hasIconsWhenExpanded || this.state._hideLabel\n\t\t\t\t\t? entry._icons?.toString() || (this.state._hideLabel ? 'codicon codicon-symbol-method' : undefined)\n\t\t\t\t\t: undefined,\n\t\t\tright: collapsible && hasChildren ? 'codicon codicon-' + (expanded ? 'remove' : 'add') : undefined,\n\t\t};\n\n\t\treturn (\n\t\t\t<div class=\"kol-nav__entry-wrapper\">\n\t\t\t\t{entryIsLink(entry) ? (\n\t\t\t\t\t<KolLinkWcTag\n\t\t\t\t\t\tclass={clsx('kol-nav__entry kol-nav__entry--link', {\n\t\t\t\t\t\t\t'kol-nav__entry--collapsible': collapsible,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\t{...entry}\n\t\t\t\t\t\t_hideLabel={hideLabel}\n\t\t\t\t\t\t_icons={icons}\n\t\t\t\t\t\t_ariaControls={collapsible && hasChildren && expanded ? ariaID : undefined}\n\t\t\t\t\t\t_ariaExpanded={collapsible && hasChildren ? expanded : undefined}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\tclass={clsx('kol-nav__entry kol-nav__entry--button', {\n\t\t\t\t\t\t\t'kol-nav__entry--collapsible': collapsible,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\t_label={entry._label}\n\t\t\t\t\t\t_hideLabel={hideLabel}\n\t\t\t\t\t\t_icons={icons}\n\t\t\t\t\t\t_ariaControls={collapsible && hasChildren && expanded ? ariaID : undefined}\n\t\t\t\t\t\t_ariaExpanded={collapsible && hasChildren ? expanded : undefined}\n\t\t\t\t\t\t_on={{\n\t\t\t\t\t\t\tonClick: (event: MouseEvent, value: Stringified<StencilUnknown>) => {\n\t\t\t\t\t\t\t\tif (entryIsButton(entry) && typeof entry._on.onClick === 'function') {\n\t\t\t\t\t\t\t\t\tentry._on.onClick(event, value);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tthis.handleToggleExpansionClick(entry._children);\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate li(\n\t\tcollapsible: boolean,\n\t\thideLabel: HideLabelPropType,\n\t\tdeep: number,\n\t\tindex: number,\n\t\tlink: ButtonOrLinkOrTextWithChildrenProps,\n\t\torientation: OrientationPropType,\n\t\tariaIDparent: string,\n\t): JSX.Element {\n\t\tconst active = !!link._active;\n\t\tconst hasChildren = Array.isArray(link._children) && link._children.length > 0;\n\t\tconst expanded = Boolean(link._children && this.state._expandedChildren.includes(link._children));\n\t\tconst ariaID = ariaIDparent + '_' + deep + '_' + index;\n\t\treturn (\n\t\t\t<li\n\t\t\t\tclass={clsx('kol-nav__list-item', {\n\t\t\t\t\t'kol-nav__list-item--active': active,\n\t\t\t\t\t'kol-nav__list-item--expanded': expanded,\n\t\t\t\t\t'kol-nav__list-item--has-children': hasChildren,\n\t\t\t\t})}\n\t\t\t\tkey={index}\n\t\t\t>\n\t\t\t\t{this.entry(collapsible, hideLabel, hasChildren, link, expanded, ariaID)}\n\t\t\t\t{expanded && (\n\t\t\t\t\t<this.linkList collapsible={collapsible} hideLabel={hideLabel} deep={deep + 1} links={link._children || []} orientation={orientation} id={ariaID} />\n\t\t\t\t)}\n\t\t\t</li>\n\t\t);\n\t}\n\n\tprivate linkList = (props: {\n\t\tcollapsible: boolean;\n\t\thideLabel: HideLabelPropType;\n\t\tdeep: number;\n\t\tlinks: ButtonOrLinkOrTextWithChildrenProps[];\n\t\torientation: OrientationPropType;\n\t\tid: string;\n\t}): JSX.Element => {\n\t\treturn (\n\t\t\t<ul\n\t\t\t\tclass={clsx('kol-nav__list', {\n\t\t\t\t\t'kol-nav__list--nested': props.deep > 0,\n\t\t\t\t\t'kol-nav__list--horizontal': props.deep === 0 && props.orientation === 'horizontal',\n\t\t\t\t\t'kol-nav__list--vertical': props.deep !== 0 || props.orientation === 'vertical',\n\t\t\t\t})}\n\t\t\t\tid={props.deep > 0 ? props.id : undefined}\n\t\t\t>\n\t\t\t\t{props.links.map((link, index: number) => {\n\t\t\t\t\treturn this.li(props.collapsible, props.hideLabel, props.deep, index, link, props.orientation, props.id);\n\t\t\t\t})}\n\t\t\t</ul>\n\t\t);\n\t};\n\n\tprivate initializeExpandedChildren() {\n\t\t//Reset expandedChildren before recalculation\n\t\tthis.state = {\n\t\t\t...this.state,\n\t\t\t_expandedChildren: [],\n\t\t};\n\t\t/**\n\t\t * Recursively process branches and expand branches which are active or have active children somewhere in the tree.\n\t\t * @param {ButtonOrLinkOrTextWithChildrenProps} branch\n\t\t * @return boolean - true indicates that the current branch or a child branch is active\n\t\t */\n\t\tconst handleBranch = (branch: ButtonOrLinkOrTextWithChildrenProps) => {\n\t\t\tif (branch._active) {\n\t\t\t\tif (branch._children) {\n\t\t\t\t\tthis.expandChildren(branch._children);\n\t\t\t\t}\n\t\t\t\treturn true;\n\t\t\t} else if (branch._children) {\n\t\t\t\tfor (const childBranch of branch._children) {\n\t\t\t\t\tif (handleBranch(childBranch)) {\n\t\t\t\t\t\tthis.expandChildren(branch._children);\n\t\t\t\t\t\treturn true;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn false;\n\t\t};\n\t\tthis.state._links.forEach(handleBranch);\n\t}\n\n\tpublic render(): JSX.Element {\n\t\tlet hasCompactButton = this.state._hasCompactButton;\n\t\tif (this.state._orientation === 'horizontal' && this.state._hasCompactButton === true) {\n\t\t\thasCompactButton = false;\n\t\t\tdevWarning(`[KolNav] Wenn eine horizontale Navigation verwendet wird, kann die Option _hasCompactButton nicht aktiviert werden.`);\n\t\t}\n\t\tconst collapsible = this.state._collapsible === true;\n\t\tconst hideLabel = this.state._hideLabel === true;\n\t\tconst orientation = this.state._orientation;\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={clsx('kol-nav', `kol-nav--${orientation}`, {\n\t\t\t\t\t'kol-nav--is-compact': this.state._hideLabel,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<nav aria-label={this.state._label} class=\"kol-nav__navigation\" id={this.navId}>\n\t\t\t\t\t<this.linkList\n\t\t\t\t\t\tcollapsible={collapsible}\n\t\t\t\t\t\thideLabel={hideLabel}\n\t\t\t\t\t\tdeep={0}\n\t\t\t\t\t\tlinks={this.state._links}\n\t\t\t\t\t\torientation={orientation}\n\t\t\t\t\t\tid={this.listId}\n\t\t\t\t\t></this.linkList>\n\t\t\t\t</nav>\n\t\t\t\t{hasCompactButton && (\n\t\t\t\t\t<div class=\"kol-nav__compact\">\n\t\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\t\tclass=\"kol-nav__toggle-button\"\n\t\t\t\t\t\t\t_ariaControls={this.navId}\n\t\t\t\t\t\t\t_ariaExpanded={!hideLabel}\n\t\t\t\t\t\t\t_icons={hideLabel ? 'codicon codicon-chevron-right' : 'codicon codicon-chevron-left'}\n\t\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t\t_label={translate(hideLabel ? 'kol-nav-maximize' : 'kol-nav-minimize')}\n\t\t\t\t\t\t\t_on={{\n\t\t\t\t\t\t\t\tonClick: (): void => {\n\t\t\t\t\t\t\t\t\tthis.state = {\n\t\t\t\t\t\t\t\t\t\t...this.state,\n\t\t\t\t\t\t\t\t\t\t_hideLabel: this.state._hideLabel === false,\n\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t_tooltipAlign=\"right\"\n\t\t\t\t\t\t></KolButtonWcTag>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n\n\t/**\n\t * Defines if navigation nodes can be collapsed or not. Enabled by default.\n\t * @TODO: Change type back to `CollapsiblePropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _collapsible?: boolean = true;\n\n\t/**\n\t * Creates a button below the navigation, that toggles _collapsible. Only available for _orientation=\"vertical\".\n\t */\n\t@Prop() public _hasCompactButton?: boolean = false;\n\n\t/**\n\t * Shows icons next to the navigation item labels, even when the navigation is not collapsed.\n\t */\n\t@Prop() public _hasIconsWhenExpanded?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label!: LabelPropType;\n\n\t/**\n\t * Defines the list of links, buttons or texts to render.\n\t */\n\t@Prop() public _links!: Stringified<ButtonOrLinkOrTextWithChildrenProps[]>;\n\n\t/**\n\t * Defines whether the orientation of the component is horizontal or vertical.\n\t * @deprecated Will be removed in the next major version.\n\t */\n\t@Prop() public _orientation?: OrientationPropType = 'vertical';\n\n\t@State() public state: NavStates = {\n\t\t_collapsible: true,\n\t\t_hasCompactButton: false,\n\t\t_hasIconsWhenExpanded: false,\n\t\t_hideLabel: false,\n\t\t_label: '', // ⚠ required\n\t\t_links: [],\n\t\t_orientation: 'vertical',\n\t\t_expandedChildren: [],\n\t};\n\n\t@Watch('_collapsible')\n\tpublic validateCollapsible(value?: CollapsiblePropType): void {\n\t\tvalidateCollapsible(this, value);\n\t}\n\n\t@Watch('_hasCompactButton')\n\tpublic validateHasCompactButton(value?: boolean): void {\n\t\tvalidateHasCompactButton(this, value);\n\t}\n\n\t@Watch('_hasIconsWhenExpanded')\n\tpublic validateHasIconsWhenExpanded(value?: boolean): void {\n\t\tvalidateHasIconsWhenExpanded(this, value);\n\t}\n\n\t@Watch('_hideLabel')\n\tpublic validateHideLabel(value?: HideLabelPropType) {\n\t\tvalidateHideLabel(this, value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType, _oldValue?: LabelPropType, initial = false): void {\n\t\tif (!initial) {\n\t\t\tremoveNavLabel(this.state._label); // remove the current\n\t\t}\n\t\tvalidateLabel(this, value, {\n\t\t\trequired: true,\n\t\t});\n\t\ta11yHintLabelingLandmarks(value);\n\t\taddNavLabel(this.state._label); // add the state instead of prop, because the prop could be invalid and not set as new label\n\t}\n\n\t@Watch('_links')\n\tpublic validateLinks(value?: Stringified<ButtonOrLinkOrTextWithChildrenProps[]>): void {\n\t\twatchNavLinks('KolNav', this, value);\n\t\tdevHint(`[KolNav] The navigation structure is not yet validated recursively.`);\n\t\t//Re-initialize expansion on links change\n\t\tthis.initializeExpandedChildren();\n\t}\n\n\t@Watch('_orientation')\n\tpublic validateOrientation(value?: OrientationPropType): void {\n\t\twatchValidator(\n\t\t\tthis,\n\t\t\t'_orientation',\n\t\t\t(value): boolean => value === 'horizontal' || value === 'vertical',\n\t\t\tnew Set(['Orientation {horizontal, vertical}']),\n\t\t\tvalue,\n\t\t\t{\n\t\t\t\tdefaultValue: 'vertical',\n\t\t\t},\n\t\t);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateCollapsible(this._collapsible);\n\t\tthis.validateHideLabel(this._hideLabel);\n\t\tthis.validateHasCompactButton(this._hasCompactButton);\n\t\tthis.validateHasIconsWhenExpanded(this._hasIconsWhenExpanded);\n\t\tthis.validateLabel(this._label, undefined, true);\n\t\tthis.validateLinks(this._links);\n\t\tthis.validateOrientation(this._orientation);\n\t\tthis.initializeExpandedChildren();\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tremoveNavLabel(this.state._label);\n\t}\n}\n\n// console.log(\n//   stringifyJson([\n//     { _label: '1 Navigationspunkt', _href: '#abc', _icons: 'codicon codicon-folder-closed', _target: 'asdasd' },\n//     { _label: '2 Navigationspunkt', _href: '#abc', _icons: 'codicon codicon-folder-closed' },\n//     {\n//       _active: true,\n//       _label: '3 Navigationspunkt',\n//       _href: '#abc',\n//       _icons: 'codicon codicon-folder-closed',\n//       _children: [\n//         { _label: '3.1 Navigationspunkt', _href: '#abc', _icons: 'codicon codicon-folder-closed' },\n//         { _label: '3.2 Navigationspunkt', _href: '#abc', _icons: 'codicon codicon-folder-closed', _target: 'asdasd' },\n//         {\n//           _active: true,\n//           _label: '3.3 Navigationspunkt',\n//           _href: '#abc',\n//           _children: [\n//             { _active: true, _label: '3.3.1 Navigationspunkt (aktiv)', _href: '#abc' },\n//             { _label: '3.3.2 Navigationspunkt', _href: '#abc' },\n//           ],\n//         },\n//         {\n//           _label: '3.4 Navigationspunkt',\n//           _href: '#abc',\n//           _children: [\n//             { _label: '3.4.1 Navigationspunkt', _href: '#abc' },\n//             { _label: '3.4.2 Navigationspunkt', _href: '#abc' },\n//           ],\n//         },\n//         { _label: '3.5 Navigationspunkt', _href: '#abc' },\n//       ],\n//     },\n//     { _label: '4 Navigationspunkt', _href: '#abc' },\n//   ])\n// );\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"kol-nav.entry.esm.js","sources":["src/schema/props/collapsible.ts","src/schema/props/has-compact-button.ts","src/schema/props/has-icons-when-expanded.ts","src/components/nav/style.scss?tag=kol-nav&mode=default&encapsulation=shadow","src/components/nav/shadow.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type CollapsiblePropType = boolean;\n\n/**\n * Defines if navigation nodes can be collapsed or not.\n */\nexport type PropCollapsible = {\n\tcollapsible: CollapsiblePropType;\n};\n\n/* validator */\nexport const validateCollapsible = (component: Generic.Element.Component, value?: CollapsiblePropType): void => {\n\twatchBoolean(component, '_collapsible', value);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\n\ntype HasCompactButtonPropType = boolean;\n\n/**\n * Creates a button below the navigation, that toggles _collapsible. Only available for _orientation=\"vertical\".\n */\nexport type PropHasCompactButton = {\n\thasCompactButton: HasCompactButtonPropType;\n};\n\n/* validator */\nexport const validateHasCompactButton = (component: Generic.Element.Component, value?: HasCompactButtonPropType): void => {\n\twatchBoolean(component, '_hasCompactButton', value);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type HasIconsWhenExpandedPropType = boolean;\n\n/**\n * Shows icons next to the navigation item labels, even when the navigation is not collapsed.\n */\nexport type PropHasIconsWhenExpanded = {\n\thasIconsWhenExpanded: HasIconsWhenExpandedPropType;\n};\n\n/* validator */\nexport const validateHasIconsWhenExpanded = (component: Generic.Element.Component, value?: HasIconsWhenExpandedPropType): void => {\n\twatchBoolean(component, '_hasIconsWhenExpanded', value);\n};\n","@use '../@shared/mixins' as *;\n@use '../../styles/global' as *;\n@use '../tooltip/style.scss' as *;\n\n@layer kol-component {\n\t.kol-nav {\n\t\t$root: &;\n\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\n\t\t&--horizontal {\n\t\t\twidth: 100%;\n\t\t}\n\n\t\t&__navigation {\n\t\t\t#{$root}:not(#{$root}--is-compact) & {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\n\t\t&__list {\n\t\t\tdisplay: flex;\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tlist-style: none;\n\n\t\t\t&--vertical {\n\t\t\t\tflex-direction: column;\n\t\t\t}\n\n\t\t\t&--horizontal {\n\t\t\t\tflex-wrap: wrap;\n\t\t\t}\n\t\t}\n\n\t\t&__entry-wrapper {\n\t\t\tdisplay: flex;\n\t\t}\n\n\t\t&__entry {\n\t\t\tflex-grow: 1;\n\t\t}\n\t}\n\n\t.kol-button {\n\t\ttext-align: left;\n\t}\n\n\t.kol-span {\n\t\twidth: 100%;\n\t\tjustify-content: flex-start;\n\n\t\t&__container {\n\t\t\twidth: 100%;\n\n\t\t\t.kol-span__label {\n\t\t\t\tflex: 1;\n\t\t\t}\n\t\t}\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, h, Prop, State, Watch } from '@stencil/core';\nimport type {\n\tButtonOrLinkOrTextWithChildrenProps,\n\tButtonWithChildrenProps,\n\tCollapsiblePropType,\n\tHideLabelPropType,\n\tLabelPropType,\n\tLinkProps,\n\tLinkWithChildrenProps,\n\tNavAPI,\n\tNavStates,\n\tStringified,\n} from '../../schema';\nimport {\n\ta11yHintLabelingLandmarks,\n\tdevHint,\n\tdevWarning,\n\tvalidateCollapsible,\n\tvalidateHasCompactButton,\n\tvalidateHasIconsWhenExpanded,\n\tvalidateHideLabel,\n\tvalidateLabel,\n\twatchValidator,\n} from '../../schema';\n\nimport clsx from 'clsx';\nimport { KolButtonWcTag, KolLinkWcTag } from '../../core/component-names';\nimport { translate } from '../../i18n';\nimport type { StencilUnknown } from '../../schema';\nimport type { OrientationPropType } from '../../schema/props/orientation';\nimport { nonce } from '../../utils/dev.utils';\nimport { addNavLabel, removeNavLabel } from '../../utils/unique-nav-labels';\nimport { watchNavLinks } from './validation';\n\nconst linkValidator = (link: ButtonOrLinkOrTextWithChildrenProps): boolean => {\n\tif (typeof link === 'object' && typeof link._label === 'string' /* && typeof newLink._href === 'string' */) {\n\t\tif (Array.isArray(link._children)) {\n\t\t\treturn linksValidator(link._children);\n\t\t}\n\t\treturn false;\n\t}\n\treturn true;\n};\n\nconst linksValidator = (links: ButtonOrLinkOrTextWithChildrenProps[]): boolean => {\n\tif (Array.isArray(links)) {\n\t\treturn links.find(linkValidator) !== undefined;\n\t}\n\treturn true;\n};\n\nconst entryIsLink = (entryProps: ButtonOrLinkOrTextWithChildrenProps): entryProps is LinkWithChildrenProps => {\n\treturn typeof (entryProps as LinkProps)._href === 'string';\n};\n\nconst entryIsButton = (entryProps: ButtonOrLinkOrTextWithChildrenProps): entryProps is ButtonWithChildrenProps => {\n\treturn (entryProps as LinkProps)._href === undefined && typeof (entryProps as ButtonWithChildrenProps)._on?.onClick === 'function';\n};\n\n@Component({\n\ttag: 'kol-nav',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolNav implements NavAPI {\n\tprivate readonly navId = 'kol-nav-' + nonce();\n\n\tprivate readonly listId = this.navId + '-list';\n\n\tprivate expandChildren(children: ButtonOrLinkOrTextWithChildrenProps[]) {\n\t\tthis.state = {\n\t\t\t...this.state,\n\t\t\t_expandedChildren: [...this.state._expandedChildren, children],\n\t\t};\n\t}\n\tprivate collapseChildren(children: ButtonOrLinkOrTextWithChildrenProps[]) {\n\t\tthis.state = {\n\t\t\t...this.state,\n\t\t\t_expandedChildren: this.state._expandedChildren.filter((searchChildren) => searchChildren !== children),\n\t\t};\n\t}\n\n\tprivate readonly handleToggleExpansionClick = (children?: ButtonOrLinkOrTextWithChildrenProps[]): void => {\n\t\tif (children) {\n\t\t\tif (this.state._expandedChildren.includes(children)) {\n\t\t\t\tthis.collapseChildren(children);\n\t\t\t} else {\n\t\t\t\tthis.expandChildren(children);\n\t\t\t}\n\t\t}\n\t};\n\n\tprivate entry(\n\t\tcollapsible: boolean,\n\t\thideLabel: HideLabelPropType,\n\t\thasChildren: boolean,\n\t\tentry: ButtonOrLinkOrTextWithChildrenProps,\n\t\texpanded: boolean,\n\t\tariaID: string,\n\t): JSX.Element {\n\t\tconst icons = {\n\t\t\tleft:\n\t\t\t\tthis.state._hasIconsWhenExpanded || this.state._hideLabel\n\t\t\t\t\t? entry._icons?.toString() || (this.state._hideLabel ? 'codicon codicon-symbol-method' : undefined)\n\t\t\t\t\t: undefined,\n\t\t\tright: collapsible && hasChildren ? 'codicon codicon-' + (expanded ? 'remove' : 'add') : undefined,\n\t\t};\n\n\t\treturn (\n\t\t\t<div class=\"kol-nav__entry-wrapper\">\n\t\t\t\t{entryIsLink(entry) ? (\n\t\t\t\t\t<KolLinkWcTag\n\t\t\t\t\t\tclass={clsx('kol-nav__entry kol-nav__entry--link', {\n\t\t\t\t\t\t\t'kol-nav__entry--collapsible': collapsible,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\t{...entry}\n\t\t\t\t\t\t_hideLabel={hideLabel}\n\t\t\t\t\t\t_icons={icons}\n\t\t\t\t\t\t_ariaControls={collapsible && hasChildren && expanded ? ariaID : undefined}\n\t\t\t\t\t\t_ariaExpanded={collapsible && hasChildren ? expanded : undefined}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\tclass={clsx('kol-nav__entry kol-nav__entry--button', {\n\t\t\t\t\t\t\t'kol-nav__entry--collapsible': collapsible,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\t_label={entry._label}\n\t\t\t\t\t\t_hideLabel={hideLabel}\n\t\t\t\t\t\t_icons={icons}\n\t\t\t\t\t\t_ariaControls={collapsible && hasChildren && expanded ? ariaID : undefined}\n\t\t\t\t\t\t_ariaExpanded={collapsible && hasChildren ? expanded : undefined}\n\t\t\t\t\t\t_on={{\n\t\t\t\t\t\t\tonClick: (event: MouseEvent, value: Stringified<StencilUnknown>) => {\n\t\t\t\t\t\t\t\tif (entryIsButton(entry) && typeof entry._on.onClick === 'function') {\n\t\t\t\t\t\t\t\t\tentry._on.onClick(event, value);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tthis.handleToggleExpansionClick(entry._children);\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate li(\n\t\tcollapsible: boolean,\n\t\thideLabel: HideLabelPropType,\n\t\tdeep: number,\n\t\tindex: number,\n\t\tlink: ButtonOrLinkOrTextWithChildrenProps,\n\t\torientation: OrientationPropType,\n\t\tariaIDparent: string,\n\t): JSX.Element {\n\t\tconst active = !!link._active;\n\t\tconst hasChildren = Array.isArray(link._children) && link._children.length > 0;\n\t\tconst expanded = Boolean(link._children && this.state._expandedChildren.includes(link._children));\n\t\tconst ariaID = ariaIDparent + '_' + deep + '_' + index;\n\t\treturn (\n\t\t\t<li\n\t\t\t\tclass={clsx('kol-nav__list-item', {\n\t\t\t\t\t'kol-nav__list-item--active': active,\n\t\t\t\t\t'kol-nav__list-item--expanded': expanded,\n\t\t\t\t\t'kol-nav__list-item--has-children': hasChildren,\n\t\t\t\t})}\n\t\t\t\tkey={index}\n\t\t\t>\n\t\t\t\t{this.entry(collapsible, hideLabel, hasChildren, link, expanded, ariaID)}\n\t\t\t\t{expanded && (\n\t\t\t\t\t<this.linkList collapsible={collapsible} hideLabel={hideLabel} deep={deep + 1} links={link._children || []} orientation={orientation} id={ariaID} />\n\t\t\t\t)}\n\t\t\t</li>\n\t\t);\n\t}\n\n\tprivate linkList = (props: {\n\t\tcollapsible: boolean;\n\t\thideLabel: HideLabelPropType;\n\t\tdeep: number;\n\t\tlinks: ButtonOrLinkOrTextWithChildrenProps[];\n\t\torientation: OrientationPropType;\n\t\tid: string;\n\t}): JSX.Element => {\n\t\treturn (\n\t\t\t<ul\n\t\t\t\tclass={clsx('kol-nav__list', {\n\t\t\t\t\t'kol-nav__list--nested': props.deep > 0,\n\t\t\t\t\t'kol-nav__list--horizontal': props.deep === 0 && props.orientation === 'horizontal',\n\t\t\t\t\t'kol-nav__list--vertical': props.deep !== 0 || props.orientation === 'vertical',\n\t\t\t\t})}\n\t\t\t\tid={props.deep > 0 ? props.id : undefined}\n\t\t\t>\n\t\t\t\t{props.links.map((link, index: number) => {\n\t\t\t\t\treturn this.li(props.collapsible, props.hideLabel, props.deep, index, link, props.orientation, props.id);\n\t\t\t\t})}\n\t\t\t</ul>\n\t\t);\n\t};\n\n\tprivate initializeExpandedChildren() {\n\t\t//Reset expandedChildren before recalculation\n\t\tthis.state = {\n\t\t\t...this.state,\n\t\t\t_expandedChildren: [],\n\t\t};\n\t\t/**\n\t\t * Recursively process branches and expand branches which are active or have active children somewhere in the tree.\n\t\t * @param {ButtonOrLinkOrTextWithChildrenProps} branch\n\t\t * @return boolean - true indicates that the current branch or a child branch is active\n\t\t */\n\t\tconst handleBranch = (branch: ButtonOrLinkOrTextWithChildrenProps) => {\n\t\t\tif (branch._active) {\n\t\t\t\tif (branch._children) {\n\t\t\t\t\tthis.expandChildren(branch._children);\n\t\t\t\t}\n\t\t\t\treturn true;\n\t\t\t} else if (branch._children) {\n\t\t\t\tfor (const childBranch of branch._children) {\n\t\t\t\t\tif (handleBranch(childBranch)) {\n\t\t\t\t\t\tthis.expandChildren(branch._children);\n\t\t\t\t\t\treturn true;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn false;\n\t\t};\n\t\tthis.state._links.forEach(handleBranch);\n\t}\n\n\tpublic render(): JSX.Element {\n\t\tlet hasCompactButton = this.state._hasCompactButton;\n\t\tif (this.state._orientation === 'horizontal' && this.state._hasCompactButton === true) {\n\t\t\thasCompactButton = false;\n\t\t\tdevWarning(`[KolNav] Wenn eine horizontale Navigation verwendet wird, kann die Option _hasCompactButton nicht aktiviert werden.`);\n\t\t}\n\t\tconst collapsible = this.state._collapsible === true;\n\t\tconst hideLabel = this.state._hideLabel === true;\n\t\tconst orientation = this.state._orientation;\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={clsx('kol-nav', `kol-nav--${orientation}`, {\n\t\t\t\t\t'kol-nav--is-compact': this.state._hideLabel,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<nav aria-label={this.state._label} class=\"kol-nav__navigation\" id={this.navId}>\n\t\t\t\t\t<this.linkList\n\t\t\t\t\t\tcollapsible={collapsible}\n\t\t\t\t\t\thideLabel={hideLabel}\n\t\t\t\t\t\tdeep={0}\n\t\t\t\t\t\tlinks={this.state._links}\n\t\t\t\t\t\torientation={orientation}\n\t\t\t\t\t\tid={this.listId}\n\t\t\t\t\t></this.linkList>\n\t\t\t\t</nav>\n\t\t\t\t{hasCompactButton && (\n\t\t\t\t\t<div class=\"kol-nav__compact\">\n\t\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\t\tclass=\"kol-nav__toggle-button\"\n\t\t\t\t\t\t\t_ariaControls={this.navId}\n\t\t\t\t\t\t\t_ariaExpanded={!hideLabel}\n\t\t\t\t\t\t\t_icons={hideLabel ? 'codicon codicon-chevron-right' : 'codicon codicon-chevron-left'}\n\t\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t\t_label={translate(hideLabel ? 'kol-nav-maximize' : 'kol-nav-minimize')}\n\t\t\t\t\t\t\t_on={{\n\t\t\t\t\t\t\t\tonClick: (): void => {\n\t\t\t\t\t\t\t\t\tthis.state = {\n\t\t\t\t\t\t\t\t\t\t...this.state,\n\t\t\t\t\t\t\t\t\t\t_hideLabel: this.state._hideLabel === false,\n\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t_tooltipAlign=\"right\"\n\t\t\t\t\t\t></KolButtonWcTag>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n\n\t/**\n\t * Defines if navigation nodes can be collapsed or not. Enabled by default.\n\t * @TODO: Change type back to `CollapsiblePropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _collapsible?: boolean = true;\n\n\t/**\n\t * Creates a button below the navigation, that toggles _collapsible. Only available for _orientation=\"vertical\".\n\t */\n\t@Prop() public _hasCompactButton?: boolean = false;\n\n\t/**\n\t * Shows icons next to the navigation item labels, even when the navigation is not collapsed.\n\t */\n\t@Prop() public _hasIconsWhenExpanded?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label!: LabelPropType;\n\n\t/**\n\t * Defines the list of links, buttons or texts to render.\n\t */\n\t@Prop() public _links!: Stringified<ButtonOrLinkOrTextWithChildrenProps[]>;\n\n\t/**\n\t * Defines whether the orientation of the component is horizontal or vertical.\n\t * @deprecated Will be removed in the next major version.\n\t */\n\t@Prop() public _orientation?: OrientationPropType = 'vertical';\n\n\t@State() public state: NavStates = {\n\t\t_collapsible: true,\n\t\t_hasCompactButton: false,\n\t\t_hasIconsWhenExpanded: false,\n\t\t_hideLabel: false,\n\t\t_label: '', // ⚠ required\n\t\t_links: [],\n\t\t_orientation: 'vertical',\n\t\t_expandedChildren: [],\n\t};\n\n\t@Watch('_collapsible')\n\tpublic validateCollapsible(value?: CollapsiblePropType): void {\n\t\tvalidateCollapsible(this, value);\n\t}\n\n\t@Watch('_hasCompactButton')\n\tpublic validateHasCompactButton(value?: boolean): void {\n\t\tvalidateHasCompactButton(this, value);\n\t}\n\n\t@Watch('_hasIconsWhenExpanded')\n\tpublic validateHasIconsWhenExpanded(value?: boolean): void {\n\t\tvalidateHasIconsWhenExpanded(this, value);\n\t}\n\n\t@Watch('_hideLabel')\n\tpublic validateHideLabel(value?: HideLabelPropType) {\n\t\tvalidateHideLabel(this, value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType, _oldValue?: LabelPropType, initial = false): void {\n\t\tif (!initial) {\n\t\t\tremoveNavLabel(this.state._label); // remove the current\n\t\t}\n\t\tvalidateLabel(this, value, {\n\t\t\trequired: true,\n\t\t});\n\t\ta11yHintLabelingLandmarks(value);\n\t\taddNavLabel(this.state._label); // add the state instead of prop, because the prop could be invalid and not set as new label\n\t}\n\n\t@Watch('_links')\n\tpublic validateLinks(value?: Stringified<ButtonOrLinkOrTextWithChildrenProps[]>): void {\n\t\twatchNavLinks('KolNav', this, value);\n\t\tdevHint(`[KolNav] The navigation structure is not yet validated recursively.`);\n\t\t//Re-initialize expansion on links change\n\t\tthis.initializeExpandedChildren();\n\t}\n\n\t@Watch('_orientation')\n\tpublic validateOrientation(value?: OrientationPropType): void {\n\t\twatchValidator(\n\t\t\tthis,\n\t\t\t'_orientation',\n\t\t\t(value): boolean => value === 'horizontal' || value === 'vertical',\n\t\t\tnew Set(['Orientation {horizontal, vertical}']),\n\t\t\tvalue,\n\t\t\t{\n\t\t\t\tdefaultValue: 'vertical',\n\t\t\t},\n\t\t);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateCollapsible(this._collapsible);\n\t\tthis.validateHideLabel(this._hideLabel);\n\t\tthis.validateHasCompactButton(this._hasCompactButton);\n\t\tthis.validateHasIconsWhenExpanded(this._hasIconsWhenExpanded);\n\t\tthis.validateLabel(this._label, undefined, true);\n\t\tthis.validateLinks(this._links);\n\t\tthis.validateOrientation(this._orientation);\n\t\tthis.initializeExpandedChildren();\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tremoveNavLabel(this.state._label);\n\t}\n}\n\n// console.log(\n//   stringifyJson([\n//     { _label: '1 Navigationspunkt', _href: '#abc', _icons: 'codicon codicon-folder-closed', _target: 'asdasd' },\n//     { _label: '2 Navigationspunkt', _href: '#abc', _icons: 'codicon codicon-folder-closed' },\n//     {\n//       _active: true,\n//       _label: '3 Navigationspunkt',\n//       _href: '#abc',\n//       _icons: 'codicon codicon-folder-closed',\n//       _children: [\n//         { _label: '3.1 Navigationspunkt', _href: '#abc', _icons: 'codicon codicon-folder-closed' },\n//         { _label: '3.2 Navigationspunkt', _href: '#abc', _icons: 'codicon codicon-folder-closed', _target: 'asdasd' },\n//         {\n//           _active: true,\n//           _label: '3.3 Navigationspunkt',\n//           _href: '#abc',\n//           _children: [\n//             { _active: true, _label: '3.3.1 Navigationspunkt (aktiv)', _href: '#abc' },\n//             { _label: '3.3.2 Navigationspunkt', _href: '#abc' },\n//           ],\n//         },\n//         {\n//           _label: '3.4 Navigationspunkt',\n//           _href: '#abc',\n//           _children: [\n//             { _label: '3.4.1 Navigationspunkt', _href: '#abc' },\n//             { _label: '3.4.2 Navigationspunkt', _href: '#abc' },\n//           ],\n//         },\n//         { _label: '3.5 Navigationspunkt', _href: '#abc' },\n//       ],\n//     },\n//     { _label: '4 Navigationspunkt', _href: '#abc' },\n//   ])\n// );\n"],"names":[],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","watchBoolean","devWarning","a11yHintLabelingLandmarks","devHint","watchValidator","validateHideLabel","validateLabel","clsx","KolLinkWcTag","KolButtonWcTag","translate","nonce","removeNavLabel","addNavLabel","watchNavLinks","validateCollapsible","component","value","validateHasCompactButton","validateHasIconsWhenExpanded","defaultStyleCss","entryIsLink","entryProps","_href","entryIsButton","_a","undefined","_on","onClick","KolNav","constructor","hostRef","this","navId","listId","handleToggleExpansionClick","children","state","_expandedChildren","includes","collapseChildren","expandChildren","linkList","props","class","deep","orientation","id","links","map","link","index","li","collapsible","hideLabel","_collapsible","_hasCompactButton","_hasIconsWhenExpanded","_hideLabel","_orientation","_label","_links","Object","assign","filter","searchChildren","entry","hasChildren","expanded","ariaID","icons","left","_icons","toString","right","_ariaControls","_ariaExpanded","event","_children","ariaIDparent","active","_active","Array","isArray","length","Boolean","key","initializeExpandedChildren","handleBranch","branch","childBranch","forEach","render","hasCompactButton","_tooltipAlign","_oldValue","initial","required","validateLinks","validateOrientation","Set","defaultValue","componentWillLoad","disconnectedCallback","watchers","style","default"],"sources":["0"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","watchBoolean","devWarning","a11yHintLabelingLandmarks","devHint","watchValidator","validateHideLabel","validateLabel","clsx","KolLinkWcTag","KolButtonWcTag","translate","nonce","removeNavLabel","addNavLabel","watchNavLinks","validateCollapsible","component","value","validateHasCompactButton","validateHasIconsWhenExpanded","defaultStyleCss","entryIsLink","entryProps","_href","entryIsButton","_a","undefined","_on","onClick","KolNav","constructor","hostRef","this","navId","listId","handleToggleExpansionClick","children","state","_expandedChildren","includes","collapseChildren","expandChildren","linkList","props","class","deep","orientation","id","links","map","link","index","li","collapsible","hideLabel","_collapsible","_hasCompactButton","_hasIconsWhenExpanded","_hideLabel","_orientation","_label","_links","Object","assign","filter","searchChildren","entry","hasChildren","expanded","ariaID","icons","left","_icons","toString","right","_ariaControls","_ariaExpanded","event","_children","ariaIDparent","active","_active","Array","isArray","length","Boolean","key","initializeExpandedChildren","handleBranch","branch","childBranch","forEach","render","hasCompactButton","_tooltipAlign","_oldValue","initial","required","validateLinks","validateOrientation","Set","defaultValue","componentWillLoad","disconnectedCallback","watchers","style","default"],"sources":["0"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"kol-pagination-wc.entry.esm.js","sources":["src/schema/props/max.ts","src/components/pagination/component.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchNumberOptions } from '../utils';\nimport { watchNumber } from '../utils';\n\nimport type { RowsPropType } from './rows';\n\n/* types */\nexport type MaxPropType = number;\n\n/**\n * Number of rows of the input element that should be visible at the same time.\n */\nexport type PropMax = {\n\tmax: MaxPropType;\n};\n\n/* validator */\nexport const validateMax = (component: Generic.Element.Component, value?: RowsPropType, options?: WatchNumberOptions): void => {\n\twatchNumber(component, '_max', value, options);\n};\n","import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\nimport type {\n\tCustomClassPropType,\n\tKoliBriPaginationButtonCallbacks,\n\tLabelPropType,\n\tMaxPropType,\n\tOption,\n\tPaginationAPI,\n\tPaginationHasButton,\n\tPaginationStates,\n\tStringified,\n\tTooltipAlignPropType,\n} from '../../schema';\nimport {\n\tparseJson,\n\tSTATE_CHANGE_EVENT,\n\tvalidateCustomClass,\n\tvalidateLabel,\n\tvalidateMax,\n\tvalidateTooltipAlign,\n\twatchJsonArrayString,\n\twatchNumber,\n\twatchValidator,\n} from '../../schema';\n\nimport { KolButtonWcTag, KolSelectTag } from '../../core/component-names';\nimport { translate } from '../../i18n';\nimport { nonce } from '../../utils/dev.utils';\nimport { dispatchDomEvent, KolEvent } from '../../utils/events';\nimport { addNavLabel, removeNavLabel } from '../../utils/unique-nav-labels';\n\nconst leftDoubleArrowIcon = {\n\tleft: 'codicon codicon-debug-reverse-continue',\n};\nconst leftSingleArrow = {\n\tleft: 'codicon codicon-chevron-left',\n};\nconst rightSingleArrowIcon = {\n\tright: 'codicon codicon-chevron-right',\n};\nconst rightDoubleArrowIcon = {\n\tright: 'codicon codicon-debug-continue',\n};\n\nfunction getUserLanguage(): string {\n\tconst userLanguage = navigator.language || 'de-DE';\n\tconst normalizedLanguage = userLanguage.includes('-') ? userLanguage : `${userLanguage}-${userLanguage.toUpperCase()}`;\n\treturn normalizedLanguage;\n}\nconst userLanguage = getUserLanguage();\nconst NUMBER_FORMATTER = new Intl.NumberFormat(userLanguage, {\n\tstyle: 'decimal',\n\tminimumFractionDigits: 0,\n\tmaximumFractionDigits: 0,\n});\n\n@Component({\n\ttag: 'kol-pagination-wc',\n\tshadow: false,\n})\nexport class KolPaginationWc implements PaginationAPI {\n\t@Element() private readonly host?: HTMLKolPaginationElement;\n\n\tprivate readonly nonce = nonce();\n\tprivate readonly translatePageFirst = translate('kol-page-first');\n\tprivate readonly translatePageBack = translate('kol-page-back');\n\tprivate readonly translatePageNext = translate('kol-page-next');\n\tprivate readonly translatePageLast = translate('kol-page-last');\n\tprivate readonly translateEntriesPerSite = translate('kol-entries-per-site');\n\tprivate readonly translatePage = translate('kol-page');\n\tprivate readonly translatePagination = translate('kol-pagination');\n\n\tprivate readonly calcCount = (total: number, pageSize = 1): number => Math.ceil(total / pageSize);\n\n\tprivate readonly getCount = (): number => this.calcCount(this.state._max, this.state._pageSize);\n\n\tpublic render(): JSX.Element {\n\t\tlet ellipsis = false;\n\t\tconst count = this.getCount();\n\t\tconst pageButtons = Array.from(Array(count).keys())\n\t\t\t.map((index: number) => index + 1)\n\t\t\t.map((page: number) => {\n\t\t\t\tif (\n\t\t\t\t\tpage <= this.state._boundaryCount ||\n\t\t\t\t\tpage > count - this.state._boundaryCount ||\n\t\t\t\t\t(page >= this.state._page - this.state._siblingCount && page <= this.state._page + this.state._siblingCount)\n\t\t\t\t) {\n\t\t\t\t\tellipsis = true;\n\t\t\t\t\tif (this.state._page === page) {\n\t\t\t\t\t\treturn this.getSelectedPageButton(page);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn this.getUnselectedPageButton(page);\n\t\t\t\t\t}\n\t\t\t\t} else if (ellipsis === true) {\n\t\t\t\t\tellipsis = false;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<li key={nonce()}>\n\t\t\t\t\t\t\t<span class=\"kol-pagination__separator\" aria-hidden=\"true\"></span>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\t\t\t});\n\n\t\treturn (\n\t\t\t<Host class=\"kol-pagination\">\n\t\t\t\t<nav class=\"kol-pagination__navigation\" aria-label={this.state._label}>\n\t\t\t\t\t<ul class=\"kol-pagination__navigation-list\">\n\t\t\t\t\t\t{this.state._hasButtons.first && (\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\t\t\t\tclass=\"kol-pagination__button kol-pagination__button--first\"\n\t\t\t\t\t\t\t\t\texportparts=\"icon\"\n\t\t\t\t\t\t\t\t\t_customClass={this.state._customClass}\n\t\t\t\t\t\t\t\t\t_disabled={this.state._page <= 1}\n\t\t\t\t\t\t\t\t\t_icons={leftDoubleArrowIcon}\n\t\t\t\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t\t\t\t_label={this.translatePageFirst}\n\t\t\t\t\t\t\t\t\t_on={this.onGoToFirst}\n\t\t\t\t\t\t\t\t\t_tooltipAlign={this.state._tooltipAlign}\n\t\t\t\t\t\t\t\t></KolButtonWcTag>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{this.state._hasButtons.previous && (\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\t\t\t\tclass=\"kol-pagination__button kol-pagination__button--previous\"\n\t\t\t\t\t\t\t\t\texportparts=\"icon\"\n\t\t\t\t\t\t\t\t\t_customClass={this.state._customClass}\n\t\t\t\t\t\t\t\t\t_disabled={this.state._page <= 1}\n\t\t\t\t\t\t\t\t\t_icons={leftSingleArrow}\n\t\t\t\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t\t\t\t_label={this.translatePageBack}\n\t\t\t\t\t\t\t\t\t_on={this.onGoBackward}\n\t\t\t\t\t\t\t\t\t_tooltipAlign={this.state._tooltipAlign}\n\t\t\t\t\t\t\t\t></KolButtonWcTag>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{pageButtons}\n\t\t\t\t\t\t{this.state._hasButtons.next && (\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\t\t\t\tclass=\"kol-pagination__button kol-pagination__button--next\"\n\t\t\t\t\t\t\t\t\texportparts=\"icon\"\n\t\t\t\t\t\t\t\t\t_customClass={this.state._customClass}\n\t\t\t\t\t\t\t\t\t_disabled={count <= this.state._page}\n\t\t\t\t\t\t\t\t\t_icons={rightSingleArrowIcon}\n\t\t\t\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t\t\t\t_label={this.translatePageNext}\n\t\t\t\t\t\t\t\t\t_on={this.onGoForward}\n\t\t\t\t\t\t\t\t\t_tooltipAlign={this.state._tooltipAlign}\n\t\t\t\t\t\t\t\t></KolButtonWcTag>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{this.state._hasButtons.last && (\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\t\t\t\tclass=\"kol-pagination__button kol-pagination__button--last\"\n\t\t\t\t\t\t\t\t\texportparts=\"icon\"\n\t\t\t\t\t\t\t\t\t_customClass={this.state._customClass}\n\t\t\t\t\t\t\t\t\t_disabled={count <= this.state._page}\n\t\t\t\t\t\t\t\t\t_icons={rightDoubleArrowIcon}\n\t\t\t\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t\t\t\t_label={this.translatePageLast}\n\t\t\t\t\t\t\t\t\t_on={this.onGoToEnd}\n\t\t\t\t\t\t\t\t\t_tooltipAlign={this.state._tooltipAlign}\n\t\t\t\t\t\t\t\t></KolButtonWcTag>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</ul>\n\t\t\t\t</nav>\n\t\t\t\t{this.state._pageSizeOptions?.length > 0 && (\n\t\t\t\t\t<KolSelectTag\n\t\t\t\t\t\tclass=\"kol-pagination__page-size-select\"\n\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t_id={`pagination-size-${this.nonce}`}\n\t\t\t\t\t\t_label={this.translateEntriesPerSite}\n\t\t\t\t\t\t_options={this.state._pageSizeOptions}\n\t\t\t\t\t\t_on={{\n\t\t\t\t\t\t\tonChange: this.onChangePageSize,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\t_value={this.state._pageSize}\n\t\t\t\t\t></KolSelectTag>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the amount of pages to show next to the outer arrow buttons.\n\t */\n\t@Prop() public _boundaryCount?: number = 1;\n\n\t/**\n\t * Defines the custom class attribute if _variant=\"custom\" is set.\n\t */\n\t@Prop() public _customClass?: CustomClassPropType;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label?: LabelPropType;\n\n\t/**\n\t * Defines which navigation buttons to render (first, last, next, previous buttons).\n\t */\n\t@Prop() public _hasButtons?: boolean | Stringified<PaginationHasButton> = true;\n\n\t/**\n\t * Defines the current page.\n\t */\n\t@Prop() public _page!: number;\n\n\t/**\n\t * Defines the amount of entries to show per page.\n\t */\n\t@Prop({ mutable: true, reflect: false }) public _pageSize = 1;\n\n\t/**\n\t * Defines the options for the page-size-select.\n\t */\n\t@Prop() public _pageSizeOptions: Stringified<number[]> = [];\n\n\t/**\n\t * Gibt an, auf welche Callback-Events reagiert werden.\n\t */\n\t@Prop() public _on!: KoliBriPaginationButtonCallbacks;\n\n\t/**\n\t * Defines the amount of pages to show next to the current page.\n\t */\n\t@Prop() public _siblingCount?: number = 1;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/**\n\t * Defines the maximum number of pages.\n\t */\n\t@Prop() public _max!: MaxPropType;\n\n\t@State() public state: PaginationStates = {\n\t\t_boundaryCount: 1,\n\t\t_label: this.translatePagination,\n\t\t_hasButtons: {\n\t\t\tfirst: true,\n\t\t\tlast: true,\n\t\t\tnext: true,\n\t\t\tprevious: true,\n\t\t},\n\t\t_on: {\n\t\t\tonClick: () => null,\n\t\t},\n\t\t_page: 0,\n\t\t_pageSize: 1,\n\t\t_pageSizeOptions: [],\n\t\t_siblingCount: 1,\n\t\t_max: 0,\n\t};\n\n\tprivate onClick = (event: Event, page: number) => {\n\t\tif (typeof this.state._on.onClick === 'function') {\n\t\t\tthis.state._on.onClick(event, page);\n\t\t}\n\t\tif (this.host) {\n\t\t\tdispatchDomEvent(this.host, KolEvent.click, page);\n\t\t}\n\t\tthis.onChangePage(event, page);\n\t};\n\n\tprivate onChangePage = (event: Event, page: number) => {\n\t\tconst timeout = setTimeout(() => {\n\t\t\tclearTimeout(timeout);\n\t\t\tif (typeof this.state._on.onChangePage === 'function') {\n\t\t\t\tthis.state._on.onChangePage(event, page);\n\t\t\t}\n\t\t\tif (this.host) {\n\t\t\t\tdispatchDomEvent(this.host, KolEvent.changePage, page);\n\t\t\t}\n\t\t});\n\t};\n\n\tprivate onChangePageSize = (event: Event, value: unknown) => {\n\t\tvalue = parseInt(value as string);\n\t\tif (typeof value === 'number' && value > 0 && this._pageSize !== value) {\n\t\t\tthis._pageSize = value;\n\t\t\tconst timeout = setTimeout(() => {\n\t\t\t\tclearTimeout(timeout);\n\t\t\t\tif (typeof this.state._on.onChangePageSize === 'function') {\n\t\t\t\t\tthis.state._on.onChangePageSize(event, this._pageSize);\n\t\t\t\t}\n\t\t\t\tif (this.host) {\n\t\t\t\t\tdispatchDomEvent(this.host, KolEvent.changePageSize, this._pageSize);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t};\n\n\tprivate readonly onGoToFirst = {\n\t\tonClick: (event: Event) => {\n\t\t\tthis.onClick(event, 1);\n\t\t},\n\t};\n\tprivate readonly onGoToEnd = {\n\t\tonClick: (event: Event) => {\n\t\t\tthis.onClick(event, this.getCount());\n\t\t},\n\t};\n\tprivate readonly onGoBackward = {\n\t\tonClick: (event: Event) => {\n\t\t\tthis.onClick(event, this.state._page - 1);\n\t\t},\n\t};\n\tprivate readonly onGoForward = {\n\t\tonClick: (event: Event) => {\n\t\t\tthis.onClick(event, this.state._page + 1);\n\t\t},\n\t};\n\n\tprivate getUnselectedPageButton(page: number): JSX.Element {\n\t\tconst pageText = NUMBER_FORMATTER.format(page);\n\t\tconst ariaDescription = `${this.translatePage} ${pageText}`;\n\t\treturn (\n\t\t\t<li key={nonce()}>\n\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t_ariaDescription={ariaDescription}\n\t\t\t\t\t_customClass={this.state._customClass}\n\t\t\t\t\t_label={pageText}\n\t\t\t\t\t_on={{\n\t\t\t\t\t\tonClick: (event: Event) => {\n\t\t\t\t\t\t\tthis.onClick(event, page);\n\t\t\t\t\t\t},\n\t\t\t\t\t}}\n\t\t\t\t></KolButtonWcTag>\n\t\t\t</li>\n\t\t);\n\t}\n\n\tprivate getSelectedPageButton(page: number): JSX.Element {\n\t\tconst pageText = NUMBER_FORMATTER.format(page);\n\t\tconst ariaDescription = `${this.translatePage} ${pageText}`;\n\t\treturn (\n\t\t\t<li key={nonce()}>\n\t\t\t\t<KolButtonWcTag\n\t\t\t\t\taria-current=\"page\"\n\t\t\t\t\tclass=\"kol-pagination__button kol-pagination__button--selected selected\"\n\t\t\t\t\t_ariaDescription={ariaDescription}\n\t\t\t\t\t_customClass={this.state._customClass}\n\t\t\t\t\t_disabled={true}\n\t\t\t\t\t_label={pageText}\n\t\t\t\t></KolButtonWcTag>\n\t\t\t</li>\n\t\t);\n\t}\n\n\t@Watch('_boundaryCount')\n\tpublic validateBoundaryCount(value?: number): void {\n\t\twatchNumber(this, '_boundaryCount', Math.max(0, value ?? 1));\n\t}\n\n\t@Watch('_customClass')\n\tpublic validateCustomClass(value?: CustomClassPropType): void {\n\t\tvalidateCustomClass(this, value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(label?: LabelPropType, _oldValue?: LabelPropType, initial = false) {\n\t\tif (!initial) {\n\t\t\tremoveNavLabel(this.state._label);\n\t\t}\n\t\tvalidateLabel(this, label);\n\t\taddNavLabel(this.state._label); // add the state instead of prop, because the prop could be invalid and not set as new label\n\t}\n\n\t@Watch('_hasButtons')\n\tpublic validateHasButtons(value?: string | boolean | Stringified<PaginationHasButton>): void {\n\t\twatchValidator(\n\t\t\tthis,\n\t\t\t'_hasButtons',\n\t\t\t(value) => typeof value === 'boolean' || typeof value === 'string' || (typeof value === 'object' && value !== null),\n\t\t\tnew Set(['Boolean', 'PaginationHasButton']),\n\t\t\tvalue,\n\t\t\t{\n\t\t\t\thooks: {\n\t\t\t\t\tbeforePatch: (nextValue: unknown, nextState: Map<string, unknown>) => {\n\t\t\t\t\t\tif (typeof nextValue === 'boolean') {\n\t\t\t\t\t\t\tnextState.set('_hasButtons', {\n\t\t\t\t\t\t\t\tfirst: nextValue,\n\t\t\t\t\t\t\t\tlast: nextValue,\n\t\t\t\t\t\t\t\tnext: nextValue,\n\t\t\t\t\t\t\t\tprevious: nextValue,\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tif (typeof nextValue === 'string') {\n\t\t\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\t\t\tnextValue = parseJson<PaginationHasButton>(nextValue);\n\t\t\t\t\t\t\t\t} catch (e) {\n\t\t\t\t\t\t\t\t\tnextState.delete('_hasButtons');\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tif (typeof nextValue === 'object' && nextValue !== null) {\n\t\t\t\t\t\t\t\tnextState.set('_hasButtons', {\n\t\t\t\t\t\t\t\t\t...this.state._hasButtons,\n\t\t\t\t\t\t\t\t\tfirst:\n\t\t\t\t\t\t\t\t\t\ttypeof (nextValue as PaginationHasButton).first === 'boolean'\n\t\t\t\t\t\t\t\t\t\t\t? (nextValue as PaginationHasButton).first === true\n\t\t\t\t\t\t\t\t\t\t\t: this.state._hasButtons.first,\n\t\t\t\t\t\t\t\t\tlast:\n\t\t\t\t\t\t\t\t\t\ttypeof (nextValue as PaginationHasButton).last === 'boolean'\n\t\t\t\t\t\t\t\t\t\t\t? (nextValue as PaginationHasButton).last === true\n\t\t\t\t\t\t\t\t\t\t\t: this.state._hasButtons.last,\n\t\t\t\t\t\t\t\t\tnext:\n\t\t\t\t\t\t\t\t\t\ttypeof (nextValue as PaginationHasButton).next === 'boolean'\n\t\t\t\t\t\t\t\t\t\t\t? (nextValue as PaginationHasButton).next === true\n\t\t\t\t\t\t\t\t\t\t\t: this.state._hasButtons.next,\n\t\t\t\t\t\t\t\t\tprevious:\n\t\t\t\t\t\t\t\t\t\ttypeof (nextValue as PaginationHasButton).previous === 'boolean'\n\t\t\t\t\t\t\t\t\t\t\t? (nextValue as PaginationHasButton).previous === true\n\t\t\t\t\t\t\t\t\t\t\t: this.state._hasButtons.previous,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t);\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(value?: KoliBriPaginationButtonCallbacks): void {\n\t\tif (typeof value === 'object' && value !== null) {\n\t\t\tthis.state = {\n\t\t\t\t...this.state,\n\t\t\t\t_on: value,\n\t\t\t};\n\t\t}\n\t}\n\n\t@Watch('_page')\n\tpublic validatePage(value?: number): void {\n\t\twatchNumber(this, '_page', value, {\n\t\t\thooks: {\n\t\t\t\tbeforePatch: (_nextValue: unknown, nextState: Map<string, unknown>) => {\n\t\t\t\t\tconst pageSize = nextState.has('_pageSize') ? (nextState.get('_pageSize') as number) : this.state._pageSize;\n\t\t\t\t\tconst total = nextState.has('_max') ? (nextState.get('_max') as number) : this.state._max;\n\t\t\t\t\tthis.syncPage(nextState, _nextValue as number, pageSize, total);\n\t\t\t\t},\n\t\t\t},\n\t\t});\n\t}\n\n\tprivate beforePageSize = (_nextValue: unknown, nextState: Map<string, unknown>) => {\n\t\tlet pageSize = nextState.has('_pageSize') ? (nextState.get('_pageSize') as number) : this.state._pageSize;\n\t\tconst pageSizeOptions = nextState.has('_pageSizeOptions') ? (nextState.get('_pageSizeOptions') as Option<number>[]) : this.state._pageSizeOptions;\n\t\tif (Array.isArray(pageSizeOptions) && pageSizeOptions.length > 0) {\n\t\t\tconst find = pageSizeOptions.find((option) => option.value === pageSize);\n\t\t\tif (find === undefined) {\n\t\t\t\tpageSize = pageSizeOptions[0].value;\n\t\t\t} else {\n\t\t\t\tpageSize = find.value;\n\t\t\t}\n\t\t\tnextState.set('_pageSize', pageSize);\n\t\t}\n\t\tconst page = nextState.has('_page') ? (nextState.get('_page') as number) : this.state._page;\n\t\tconst total = nextState.has('_max') ? (nextState.get('_max') as number) : this.state._max;\n\t\tthis.syncPage(nextState, page, nextState.get('_pageSize') as number, total);\n\t};\n\n\tprivate syncPage = (nextState: Map<string, unknown>, page: number, pageSize: number, total: number) => {\n\t\t// count === 0 means no data\n\t\tif (total > 0) {\n\t\t\tconst count = this.calcCount(total, pageSize);\n\t\t\tif (count > 0) {\n\t\t\t\tif (page > count) {\n\t\t\t\t\tnextState.set('_page', count);\n\t\t\t\t\tthis.onChangePage(STATE_CHANGE_EVENT, count);\n\t\t\t\t} else if (page < 1) {\n\t\t\t\t\tnextState.set('_page', 1);\n\t\t\t\t\tthis.onChangePage(STATE_CHANGE_EVENT, 1);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t};\n\n\tprivate beforePageSizeOptions = (nextValue: unknown, nextState: Map<string, unknown>) => {\n\t\tconst options: Option<number>[] = [];\n\t\tif (Array.isArray(nextValue)) {\n\t\t\tfor (const value of nextValue) {\n\t\t\t\tif (typeof value === 'number') {\n\t\t\t\t\toptions.push({\n\t\t\t\t\t\tlabel: translate('kol-page-per-site', { placeholders: { entries: `${value}` } }),\n\t\t\t\t\t\tvalue: value,\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\tnextState.set('_pageSizeOptions', options);\n\t\tthis.beforePageSize(options, nextState);\n\t};\n\n\t@Watch('_pageSize')\n\tpublic validatePageSize(value?: number): void {\n\t\twatchNumber(this, '_pageSize', value, {\n\t\t\thooks: {\n\t\t\t\tbeforePatch: this.beforePageSize,\n\t\t\t},\n\t\t});\n\t}\n\n\t@Watch('_pageSizeOptions')\n\tpublic validatePageSizeOptions(value?: Stringified<number[]>): void {\n\t\twatchJsonArrayString(this, '_pageSizeOptions', (value) => typeof value === 'number', value, undefined, {\n\t\t\thooks: {\n\t\t\t\tbeforePatch: this.beforePageSizeOptions,\n\t\t\t},\n\t\t});\n\t}\n\n\t@Watch('_siblingCount')\n\tpublic validateSiblingCount(value?: number): void {\n\t\twatchNumber(this, '_siblingCount', Math.max(0, value ?? 1));\n\t}\n\n\t@Watch('_max')\n\tpublic validateMax(value?: MaxPropType): void {\n\t\tvalidateMax(this, value, {\n\t\t\thooks: {\n\t\t\t\tbeforePatch: (_nextValue: unknown, nextState: Map<string, unknown>) => {\n\t\t\t\t\tconst page = nextState.has('_page') ? (nextState.get('_page') as number) : this.state._page;\n\t\t\t\t\tconst pageSize = nextState.has('_pageSize') ? (nextState.get('_pageSize') as number) : this.state._pageSize;\n\t\t\t\t\tthis.syncPage(nextState, page, pageSize, _nextValue as number);\n\t\t\t\t},\n\t\t\t},\n\t\t});\n\t}\n\n\t@Watch('_tooltipAlign')\n\tpublic validateTooltipAlign(value?: TooltipAlignPropType): void {\n\t\tvalidateTooltipAlign(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateBoundaryCount(this._boundaryCount);\n\t\tthis.validateCustomClass(this._customClass);\n\t\tthis.validateHasButtons(this._hasButtons);\n\t\tthis.validateLabel(this._label, undefined, true);\n\t\tthis.validateOn(this._on);\n\t\tthis.validatePage(this._page);\n\t\tthis.validatePageSize(this._pageSize);\n\t\tthis.validatePageSizeOptions(this._pageSizeOptions);\n\t\tthis.validateSiblingCount(this._siblingCount);\n\t\tthis.validateTooltipAlign(this._tooltipAlign);\n\t\tthis.validateMax(this._max);\n\n\t\t/**\n\t\t * Die Seite muss als letztes gesetzt werden, da sonst die Seite\n\t\t * nicht korrekt berechnet wird.\n\t\t */\n\t\tthis.validatePage(this._page);\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tremoveNavLabel(this.state._label);\n\t}\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"kol-pagination-wc.entry.esm.js","sources":["src/schema/props/max.ts","src/components/pagination/component.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchNumberOptions } from '../utils';\nimport { watchNumber } from '../utils';\n\nimport type { RowsPropType } from './rows';\n\n/* types */\nexport type MaxPropType = number;\n\n/**\n * Number of rows of the input element that should be visible at the same time.\n */\nexport type PropMax = {\n\tmax: MaxPropType;\n};\n\n/* validator */\nexport const validateMax = (component: Generic.Element.Component, value?: RowsPropType, options?: WatchNumberOptions): void => {\n\twatchNumber(component, '_max', value, options);\n};\n","import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\nimport type {\n\tCustomClassPropType,\n\tKoliBriPaginationButtonCallbacks,\n\tLabelPropType,\n\tMaxPropType,\n\tOption,\n\tPaginationAPI,\n\tPaginationHasButton,\n\tPaginationStates,\n\tStringified,\n\tTooltipAlignPropType,\n} from '../../schema';\nimport {\n\tparseJson,\n\tSTATE_CHANGE_EVENT,\n\tvalidateCustomClass,\n\tvalidateLabel,\n\tvalidateMax,\n\tvalidateTooltipAlign,\n\twatchJsonArrayString,\n\twatchNumber,\n\twatchValidator,\n} from '../../schema';\n\nimport { KolButtonWcTag, KolSelectTag } from '../../core/component-names';\nimport { translate } from '../../i18n';\nimport { nonce } from '../../utils/dev.utils';\nimport { dispatchDomEvent, KolEvent } from '../../utils/events';\nimport { addNavLabel, removeNavLabel } from '../../utils/unique-nav-labels';\n\nconst leftDoubleArrowIcon = {\n\tleft: 'codicon codicon-debug-reverse-continue',\n};\nconst leftSingleArrow = {\n\tleft: 'codicon codicon-chevron-left',\n};\nconst rightSingleArrowIcon = {\n\tright: 'codicon codicon-chevron-right',\n};\nconst rightDoubleArrowIcon = {\n\tright: 'codicon codicon-debug-continue',\n};\n\nfunction getUserLanguage(): string {\n\tconst userLanguage = navigator.language || 'de-DE';\n\tconst normalizedLanguage = userLanguage.includes('-') ? userLanguage : `${userLanguage}-${userLanguage.toUpperCase()}`;\n\treturn normalizedLanguage;\n}\nconst userLanguage = getUserLanguage();\nconst NUMBER_FORMATTER = new Intl.NumberFormat(userLanguage, {\n\tstyle: 'decimal',\n\tminimumFractionDigits: 0,\n\tmaximumFractionDigits: 0,\n});\n\n@Component({\n\ttag: 'kol-pagination-wc',\n\tshadow: false,\n})\nexport class KolPaginationWc implements PaginationAPI {\n\t@Element() private readonly host?: HTMLKolPaginationElement;\n\n\tprivate readonly nonce = nonce();\n\tprivate readonly translatePageFirst = translate('kol-page-first');\n\tprivate readonly translatePageBack = translate('kol-page-back');\n\tprivate readonly translatePageNext = translate('kol-page-next');\n\tprivate readonly translatePageLast = translate('kol-page-last');\n\tprivate readonly translateEntriesPerSite = translate('kol-entries-per-site');\n\tprivate readonly translatePage = translate('kol-page');\n\tprivate readonly translatePagination = translate('kol-pagination');\n\n\tprivate readonly calcCount = (total: number, pageSize = 1): number => Math.ceil(total / pageSize);\n\n\tprivate readonly getCount = (): number => this.calcCount(this.state._max, this.state._pageSize);\n\n\tpublic render(): JSX.Element {\n\t\tlet ellipsis = false;\n\t\tconst count = this.getCount();\n\t\tconst pageButtons = Array.from(Array(count).keys())\n\t\t\t.map((index: number) => index + 1)\n\t\t\t.map((page: number) => {\n\t\t\t\tif (\n\t\t\t\t\tpage <= this.state._boundaryCount ||\n\t\t\t\t\tpage > count - this.state._boundaryCount ||\n\t\t\t\t\t(page >= this.state._page - this.state._siblingCount && page <= this.state._page + this.state._siblingCount)\n\t\t\t\t) {\n\t\t\t\t\tellipsis = true;\n\t\t\t\t\tif (this.state._page === page) {\n\t\t\t\t\t\treturn this.getSelectedPageButton(page);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn this.getUnselectedPageButton(page);\n\t\t\t\t\t}\n\t\t\t\t} else if (ellipsis === true) {\n\t\t\t\t\tellipsis = false;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<li key={nonce()}>\n\t\t\t\t\t\t\t<span class=\"kol-pagination__separator\" aria-hidden=\"true\"></span>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\t\t\t});\n\n\t\treturn (\n\t\t\t<Host class=\"kol-pagination\">\n\t\t\t\t<nav class=\"kol-pagination__navigation\" aria-label={this.state._label}>\n\t\t\t\t\t<ul class=\"kol-pagination__navigation-list\">\n\t\t\t\t\t\t{this.state._hasButtons.first && (\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\t\t\t\tclass=\"kol-pagination__button kol-pagination__button--first\"\n\t\t\t\t\t\t\t\t\texportparts=\"icon\"\n\t\t\t\t\t\t\t\t\t_customClass={this.state._customClass}\n\t\t\t\t\t\t\t\t\t_disabled={this.state._page <= 1}\n\t\t\t\t\t\t\t\t\t_icons={leftDoubleArrowIcon}\n\t\t\t\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t\t\t\t_label={this.translatePageFirst}\n\t\t\t\t\t\t\t\t\t_on={this.onGoToFirst}\n\t\t\t\t\t\t\t\t\t_tooltipAlign={this.state._tooltipAlign}\n\t\t\t\t\t\t\t\t></KolButtonWcTag>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{this.state._hasButtons.previous && (\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\t\t\t\tclass=\"kol-pagination__button kol-pagination__button--previous\"\n\t\t\t\t\t\t\t\t\texportparts=\"icon\"\n\t\t\t\t\t\t\t\t\t_customClass={this.state._customClass}\n\t\t\t\t\t\t\t\t\t_disabled={this.state._page <= 1}\n\t\t\t\t\t\t\t\t\t_icons={leftSingleArrow}\n\t\t\t\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t\t\t\t_label={this.translatePageBack}\n\t\t\t\t\t\t\t\t\t_on={this.onGoBackward}\n\t\t\t\t\t\t\t\t\t_tooltipAlign={this.state._tooltipAlign}\n\t\t\t\t\t\t\t\t></KolButtonWcTag>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{pageButtons}\n\t\t\t\t\t\t{this.state._hasButtons.next && (\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\t\t\t\tclass=\"kol-pagination__button kol-pagination__button--next\"\n\t\t\t\t\t\t\t\t\texportparts=\"icon\"\n\t\t\t\t\t\t\t\t\t_customClass={this.state._customClass}\n\t\t\t\t\t\t\t\t\t_disabled={count <= this.state._page}\n\t\t\t\t\t\t\t\t\t_icons={rightSingleArrowIcon}\n\t\t\t\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t\t\t\t_label={this.translatePageNext}\n\t\t\t\t\t\t\t\t\t_on={this.onGoForward}\n\t\t\t\t\t\t\t\t\t_tooltipAlign={this.state._tooltipAlign}\n\t\t\t\t\t\t\t\t></KolButtonWcTag>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{this.state._hasButtons.last && (\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\t\t\t\tclass=\"kol-pagination__button kol-pagination__button--last\"\n\t\t\t\t\t\t\t\t\texportparts=\"icon\"\n\t\t\t\t\t\t\t\t\t_customClass={this.state._customClass}\n\t\t\t\t\t\t\t\t\t_disabled={count <= this.state._page}\n\t\t\t\t\t\t\t\t\t_icons={rightDoubleArrowIcon}\n\t\t\t\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t\t\t\t_label={this.translatePageLast}\n\t\t\t\t\t\t\t\t\t_on={this.onGoToEnd}\n\t\t\t\t\t\t\t\t\t_tooltipAlign={this.state._tooltipAlign}\n\t\t\t\t\t\t\t\t></KolButtonWcTag>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</ul>\n\t\t\t\t</nav>\n\t\t\t\t{this.state._pageSizeOptions?.length > 0 && (\n\t\t\t\t\t<KolSelectTag\n\t\t\t\t\t\tclass=\"kol-pagination__page-size-select\"\n\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t_id={`pagination-size-${this.nonce}`}\n\t\t\t\t\t\t_label={this.translateEntriesPerSite}\n\t\t\t\t\t\t_options={this.state._pageSizeOptions}\n\t\t\t\t\t\t_on={{\n\t\t\t\t\t\t\tonChange: this.onChangePageSize,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\t_value={this.state._pageSize}\n\t\t\t\t\t></KolSelectTag>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the amount of pages to show next to the outer arrow buttons.\n\t */\n\t@Prop() public _boundaryCount?: number = 1;\n\n\t/**\n\t * Defines the custom class attribute if _variant=\"custom\" is set.\n\t */\n\t@Prop() public _customClass?: CustomClassPropType;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label?: LabelPropType;\n\n\t/**\n\t * Defines which navigation buttons to render (first, last, next, previous buttons).\n\t */\n\t@Prop() public _hasButtons?: boolean | Stringified<PaginationHasButton> = true;\n\n\t/**\n\t * Defines the current page.\n\t */\n\t@Prop() public _page!: number;\n\n\t/**\n\t * Defines the amount of entries to show per page.\n\t */\n\t@Prop({ mutable: true, reflect: false }) public _pageSize = 1;\n\n\t/**\n\t * Defines the options for the page-size-select.\n\t */\n\t@Prop() public _pageSizeOptions: Stringified<number[]> = [];\n\n\t/**\n\t * Gibt an, auf welche Callback-Events reagiert werden.\n\t */\n\t@Prop() public _on!: KoliBriPaginationButtonCallbacks;\n\n\t/**\n\t * Defines the amount of pages to show next to the current page.\n\t */\n\t@Prop() public _siblingCount?: number = 1;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/**\n\t * Defines the maximum number of pages.\n\t */\n\t@Prop() public _max!: MaxPropType;\n\n\t@State() public state: PaginationStates = {\n\t\t_boundaryCount: 1,\n\t\t_label: this.translatePagination,\n\t\t_hasButtons: {\n\t\t\tfirst: true,\n\t\t\tlast: true,\n\t\t\tnext: true,\n\t\t\tprevious: true,\n\t\t},\n\t\t_on: {\n\t\t\tonClick: () => null,\n\t\t},\n\t\t_page: 0,\n\t\t_pageSize: 1,\n\t\t_pageSizeOptions: [],\n\t\t_siblingCount: 1,\n\t\t_max: 0,\n\t};\n\n\tprivate onClick = (event: Event, page: number) => {\n\t\tif (typeof this.state._on.onClick === 'function') {\n\t\t\tthis.state._on.onClick(event, page);\n\t\t}\n\t\tif (this.host) {\n\t\t\tdispatchDomEvent(this.host, KolEvent.click, page);\n\t\t}\n\t\tthis.onChangePage(event, page);\n\t};\n\n\tprivate onChangePage = (event: Event, page: number) => {\n\t\tconst timeout = setTimeout(() => {\n\t\t\tclearTimeout(timeout);\n\t\t\tif (typeof this.state._on.onChangePage === 'function') {\n\t\t\t\tthis.state._on.onChangePage(event, page);\n\t\t\t}\n\t\t\tif (this.host) {\n\t\t\t\tdispatchDomEvent(this.host, KolEvent.changePage, page);\n\t\t\t}\n\t\t});\n\t};\n\n\tprivate onChangePageSize = (event: Event, value: unknown) => {\n\t\tvalue = parseInt(value as string);\n\t\tif (typeof value === 'number' && value > 0 && this._pageSize !== value) {\n\t\t\tthis._pageSize = value;\n\t\t\tconst timeout = setTimeout(() => {\n\t\t\t\tclearTimeout(timeout);\n\t\t\t\tif (typeof this.state._on.onChangePageSize === 'function') {\n\t\t\t\t\tthis.state._on.onChangePageSize(event, this._pageSize);\n\t\t\t\t}\n\t\t\t\tif (this.host) {\n\t\t\t\t\tdispatchDomEvent(this.host, KolEvent.changePageSize, this._pageSize);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t};\n\n\tprivate readonly onGoToFirst = {\n\t\tonClick: (event: Event) => {\n\t\t\tthis.onClick(event, 1);\n\t\t},\n\t};\n\tprivate readonly onGoToEnd = {\n\t\tonClick: (event: Event) => {\n\t\t\tthis.onClick(event, this.getCount());\n\t\t},\n\t};\n\tprivate readonly onGoBackward = {\n\t\tonClick: (event: Event) => {\n\t\t\tthis.onClick(event, this.state._page - 1);\n\t\t},\n\t};\n\tprivate readonly onGoForward = {\n\t\tonClick: (event: Event) => {\n\t\t\tthis.onClick(event, this.state._page + 1);\n\t\t},\n\t};\n\n\tprivate getUnselectedPageButton(page: number): JSX.Element {\n\t\tconst pageText = NUMBER_FORMATTER.format(page);\n\t\tconst ariaDescription = `${this.translatePage} ${pageText}`;\n\t\treturn (\n\t\t\t<li key={nonce()}>\n\t\t\t\t<KolButtonWcTag\n\t\t\t\t\tclass=\"kol-pagination__button\"\n\t\t\t\t\t_ariaDescription={ariaDescription}\n\t\t\t\t\t_customClass={this.state._customClass}\n\t\t\t\t\t_label={pageText}\n\t\t\t\t\t_on={{\n\t\t\t\t\t\tonClick: (event: Event) => {\n\t\t\t\t\t\t\tthis.onClick(event, page);\n\t\t\t\t\t\t},\n\t\t\t\t\t}}\n\t\t\t\t></KolButtonWcTag>\n\t\t\t</li>\n\t\t);\n\t}\n\n\tprivate getSelectedPageButton(page: number): JSX.Element {\n\t\tconst pageText = NUMBER_FORMATTER.format(page);\n\t\tconst ariaDescription = `${this.translatePage} ${pageText}`;\n\t\treturn (\n\t\t\t<li key={nonce()}>\n\t\t\t\t<KolButtonWcTag\n\t\t\t\t\taria-current=\"page\"\n\t\t\t\t\tclass=\"kol-pagination__button kol-pagination__button--selected selected\"\n\t\t\t\t\t_ariaDescription={ariaDescription}\n\t\t\t\t\t_customClass={this.state._customClass}\n\t\t\t\t\t_disabled={true}\n\t\t\t\t\t_label={pageText}\n\t\t\t\t></KolButtonWcTag>\n\t\t\t</li>\n\t\t);\n\t}\n\n\t@Watch('_boundaryCount')\n\tpublic validateBoundaryCount(value?: number): void {\n\t\twatchNumber(this, '_boundaryCount', Math.max(0, value ?? 1));\n\t}\n\n\t@Watch('_customClass')\n\tpublic validateCustomClass(value?: CustomClassPropType): void {\n\t\tvalidateCustomClass(this, value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(label?: LabelPropType, _oldValue?: LabelPropType, initial = false) {\n\t\tif (!initial) {\n\t\t\tremoveNavLabel(this.state._label);\n\t\t}\n\t\tvalidateLabel(this, label);\n\t\taddNavLabel(this.state._label); // add the state instead of prop, because the prop could be invalid and not set as new label\n\t}\n\n\t@Watch('_hasButtons')\n\tpublic validateHasButtons(value?: string | boolean | Stringified<PaginationHasButton>): void {\n\t\twatchValidator(\n\t\t\tthis,\n\t\t\t'_hasButtons',\n\t\t\t(value) => typeof value === 'boolean' || typeof value === 'string' || (typeof value === 'object' && value !== null),\n\t\t\tnew Set(['Boolean', 'PaginationHasButton']),\n\t\t\tvalue,\n\t\t\t{\n\t\t\t\thooks: {\n\t\t\t\t\tbeforePatch: (nextValue: unknown, nextState: Map<string, unknown>) => {\n\t\t\t\t\t\tif (typeof nextValue === 'boolean') {\n\t\t\t\t\t\t\tnextState.set('_hasButtons', {\n\t\t\t\t\t\t\t\tfirst: nextValue,\n\t\t\t\t\t\t\t\tlast: nextValue,\n\t\t\t\t\t\t\t\tnext: nextValue,\n\t\t\t\t\t\t\t\tprevious: nextValue,\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tif (typeof nextValue === 'string') {\n\t\t\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\t\t\tnextValue = parseJson<PaginationHasButton>(nextValue);\n\t\t\t\t\t\t\t\t} catch (e) {\n\t\t\t\t\t\t\t\t\tnextState.delete('_hasButtons');\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tif (typeof nextValue === 'object' && nextValue !== null) {\n\t\t\t\t\t\t\t\tnextState.set('_hasButtons', {\n\t\t\t\t\t\t\t\t\t...this.state._hasButtons,\n\t\t\t\t\t\t\t\t\tfirst:\n\t\t\t\t\t\t\t\t\t\ttypeof (nextValue as PaginationHasButton).first === 'boolean'\n\t\t\t\t\t\t\t\t\t\t\t? (nextValue as PaginationHasButton).first === true\n\t\t\t\t\t\t\t\t\t\t\t: this.state._hasButtons.first,\n\t\t\t\t\t\t\t\t\tlast:\n\t\t\t\t\t\t\t\t\t\ttypeof (nextValue as PaginationHasButton).last === 'boolean'\n\t\t\t\t\t\t\t\t\t\t\t? (nextValue as PaginationHasButton).last === true\n\t\t\t\t\t\t\t\t\t\t\t: this.state._hasButtons.last,\n\t\t\t\t\t\t\t\t\tnext:\n\t\t\t\t\t\t\t\t\t\ttypeof (nextValue as PaginationHasButton).next === 'boolean'\n\t\t\t\t\t\t\t\t\t\t\t? (nextValue as PaginationHasButton).next === true\n\t\t\t\t\t\t\t\t\t\t\t: this.state._hasButtons.next,\n\t\t\t\t\t\t\t\t\tprevious:\n\t\t\t\t\t\t\t\t\t\ttypeof (nextValue as PaginationHasButton).previous === 'boolean'\n\t\t\t\t\t\t\t\t\t\t\t? (nextValue as PaginationHasButton).previous === true\n\t\t\t\t\t\t\t\t\t\t\t: this.state._hasButtons.previous,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t);\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(value?: KoliBriPaginationButtonCallbacks): void {\n\t\tif (typeof value === 'object' && value !== null) {\n\t\t\tthis.state = {\n\t\t\t\t...this.state,\n\t\t\t\t_on: value,\n\t\t\t};\n\t\t}\n\t}\n\n\t@Watch('_page')\n\tpublic validatePage(value?: number): void {\n\t\twatchNumber(this, '_page', value, {\n\t\t\thooks: {\n\t\t\t\tbeforePatch: (_nextValue: unknown, nextState: Map<string, unknown>) => {\n\t\t\t\t\tconst pageSize = nextState.has('_pageSize') ? (nextState.get('_pageSize') as number) : this.state._pageSize;\n\t\t\t\t\tconst total = nextState.has('_max') ? (nextState.get('_max') as number) : this.state._max;\n\t\t\t\t\tthis.syncPage(nextState, _nextValue as number, pageSize, total);\n\t\t\t\t},\n\t\t\t},\n\t\t});\n\t}\n\n\tprivate beforePageSize = (_nextValue: unknown, nextState: Map<string, unknown>) => {\n\t\tlet pageSize = nextState.has('_pageSize') ? (nextState.get('_pageSize') as number) : this.state._pageSize;\n\t\tconst pageSizeOptions = nextState.has('_pageSizeOptions') ? (nextState.get('_pageSizeOptions') as Option<number>[]) : this.state._pageSizeOptions;\n\t\tif (Array.isArray(pageSizeOptions) && pageSizeOptions.length > 0) {\n\t\t\tconst find = pageSizeOptions.find((option) => option.value === pageSize);\n\t\t\tif (find === undefined) {\n\t\t\t\tpageSize = pageSizeOptions[0].value;\n\t\t\t} else {\n\t\t\t\tpageSize = find.value;\n\t\t\t}\n\t\t\tnextState.set('_pageSize', pageSize);\n\t\t}\n\t\tconst page = nextState.has('_page') ? (nextState.get('_page') as number) : this.state._page;\n\t\tconst total = nextState.has('_max') ? (nextState.get('_max') as number) : this.state._max;\n\t\tthis.syncPage(nextState, page, nextState.get('_pageSize') as number, total);\n\t};\n\n\tprivate syncPage = (nextState: Map<string, unknown>, page: number, pageSize: number, total: number) => {\n\t\t// count === 0 means no data\n\t\tif (total > 0) {\n\t\t\tconst count = this.calcCount(total, pageSize);\n\t\t\tif (count > 0) {\n\t\t\t\tif (page > count) {\n\t\t\t\t\tnextState.set('_page', count);\n\t\t\t\t\tthis.onChangePage(STATE_CHANGE_EVENT, count);\n\t\t\t\t} else if (page < 1) {\n\t\t\t\t\tnextState.set('_page', 1);\n\t\t\t\t\tthis.onChangePage(STATE_CHANGE_EVENT, 1);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t};\n\n\tprivate beforePageSizeOptions = (nextValue: unknown, nextState: Map<string, unknown>) => {\n\t\tconst options: Option<number>[] = [];\n\t\tif (Array.isArray(nextValue)) {\n\t\t\tfor (const value of nextValue) {\n\t\t\t\tif (typeof value === 'number') {\n\t\t\t\t\toptions.push({\n\t\t\t\t\t\tlabel: translate('kol-page-per-site', { placeholders: { entries: `${value}` } }),\n\t\t\t\t\t\tvalue: value,\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\tnextState.set('_pageSizeOptions', options);\n\t\tthis.beforePageSize(options, nextState);\n\t};\n\n\t@Watch('_pageSize')\n\tpublic validatePageSize(value?: number): void {\n\t\twatchNumber(this, '_pageSize', value, {\n\t\t\thooks: {\n\t\t\t\tbeforePatch: this.beforePageSize,\n\t\t\t},\n\t\t});\n\t}\n\n\t@Watch('_pageSizeOptions')\n\tpublic validatePageSizeOptions(value?: Stringified<number[]>): void {\n\t\twatchJsonArrayString(this, '_pageSizeOptions', (value) => typeof value === 'number', value, undefined, {\n\t\t\thooks: {\n\t\t\t\tbeforePatch: this.beforePageSizeOptions,\n\t\t\t},\n\t\t});\n\t}\n\n\t@Watch('_siblingCount')\n\tpublic validateSiblingCount(value?: number): void {\n\t\twatchNumber(this, '_siblingCount', Math.max(0, value ?? 1));\n\t}\n\n\t@Watch('_max')\n\tpublic validateMax(value?: MaxPropType): void {\n\t\tvalidateMax(this, value, {\n\t\t\thooks: {\n\t\t\t\tbeforePatch: (_nextValue: unknown, nextState: Map<string, unknown>) => {\n\t\t\t\t\tconst page = nextState.has('_page') ? (nextState.get('_page') as number) : this.state._page;\n\t\t\t\t\tconst pageSize = nextState.has('_pageSize') ? (nextState.get('_pageSize') as number) : this.state._pageSize;\n\t\t\t\t\tthis.syncPage(nextState, page, pageSize, _nextValue as number);\n\t\t\t\t},\n\t\t\t},\n\t\t});\n\t}\n\n\t@Watch('_tooltipAlign')\n\tpublic validateTooltipAlign(value?: TooltipAlignPropType): void {\n\t\tvalidateTooltipAlign(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateBoundaryCount(this._boundaryCount);\n\t\tthis.validateCustomClass(this._customClass);\n\t\tthis.validateHasButtons(this._hasButtons);\n\t\tthis.validateLabel(this._label, undefined, true);\n\t\tthis.validateOn(this._on);\n\t\tthis.validatePage(this._page);\n\t\tthis.validatePageSize(this._pageSize);\n\t\tthis.validatePageSizeOptions(this._pageSizeOptions);\n\t\tthis.validateSiblingCount(this._siblingCount);\n\t\tthis.validateTooltipAlign(this._tooltipAlign);\n\t\tthis.validateMax(this._max);\n\n\t\t/**\n\t\t * Die Seite muss als letztes gesetzt werden, da sonst die Seite\n\t\t * nicht korrekt berechnet wird.\n\t\t */\n\t\tthis.validatePage(this._page);\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tremoveNavLabel(this.state._label);\n\t}\n}\n"],"names":[],"mappings":"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"}

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

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