@public-ui/components 4.2.0-rc.4 → 4.2.0-rc.5

package/dist/kolibri/kol-single-select.entry.js

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as n,r as t,g as e}from"./index-DcFE50PT.js";import{_ as i}from"./tslib.es6-QNbPBOk5.js";import{b as o}from"./component-names-Dy77vq43.js";import{a as s,F as l}from"./FormFieldStateWrapper-5mh9HTdX.js";import{I as a,a as r}from"./controller-icon-BD1XQUzV.js";import{I as h}from"./InputStateWrapper-CuzpF1i3.js";import{C as c,a as d}from"./CustomSuggestionsOptionsGroup-B5jqP10n.js";import{t as u}from"./i18n-Br16IAnY.js";import{I as f}from"./component-C9EETsDt.js";import{c as m}from"./clsx-COFh-Vc8.js";import{c as p}from"./dev.utils-U1t6AQ3q.js";import{d as b,c as k}from"./element-interaction-Bv-mPSBn.js";import{b as g,e as v,N as y}from"./common-Cx_AGO_M.js";import{f as w,b as _}from"./controller-CPMUL34y.js";import{v as x}from"./placeholder-DTOUrN5s.js";import{v as j}from"./required-DFzRSWky.js";import"./access-and-short-key-D734WtlX.js";import"./disabled-gyBUQRnY.js";import"./hide-label-6Bx1MH20.js";import"./label-Fyi30H9j.js";import"./tooltip-align-mwhvx9nK.js";import"./align-DxZmRFcp.js";import"./variant-class-name-BCcQYpIV.js";import"./events-VVvk1win.js";import"./associated.controller-Bagx9pCw.js";import"./bootstrap-DPKvOz00.js";import"./i18n-B2d_exHc.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";import"./variant-quote-y0Z1TRdz.js";import"./normalizers-m3s9sgmq.js";import"./component-6p5pkNp8.js";import"./component-BWIXGixI.js";import"./bem-registry-DChqxUD_.js";import"./controller-Bdve6A-Q.js";import"./align-floating-elements-D5XJiLiU.js";import"./tooltip-open-tracking-D3tCiiGP.js";import"./label-KTv-zMW0.js";import"./base-controller-CXhqh4cR.js";import"./Alert-8HpS0357.js";import"./Heading-De20wCd7.js";import"./icons-oAzMYWgV.js";import"./Input-ucXjaON-.js";import"./element-focus-CRwW4N4R.js";import"./orientation-CjNmUJp-.js";class z extends a{constructor(n,t,e){super(n,t,e);this.keyOptionMap=new Map;this.afterPatchOptions=(n,t,e,i)=>{if(i==="_value"){this.setFormAssociatedValue(n)}};this.beforePatchOptions=(n,t)=>{const e=t.has("_options")?t.get("_options"):this.component.state._options;if(Array.isArray(e)&&e.length>0){this.keyOptionMap.clear();w(this.keyOptionMap,e)}};this.component=n}validateOptions(n){_(this.component,n,{hooks:{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions}})}validateRequired(n){j(this.component,n)}validateValue(n){g(this.component,"_value",(n=>n!==undefined),new Set([`StencilUnknown`]),n)}validatePlaceholder(n){x(this.component,n)}validateHasClearButton(n){v(this.component,"_hasClearButton",n)}validateRows(n){y(this.component,"_rows",n)}componentWillLoad(){super.componentWillLoad();this.validateOptions(this.component._options);this.validateRequired(this.component._required);this.validateValue(this.component._value);this.validatePlaceholder(this.component._placeholder);this.validateHasClearButton(this.component._hasClearButton);this.validateRows(this.component._rows)}}const C='@charset "UTF-8";\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1780037697441"); /* IE9*/\n  src: url("kolicons.eot?t=1780037697441#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1780037697441") format("woff2"), url("kolicons.woff?t=1780037697441") format("woff"), url("kolicons.ttf?t=1780037697441") format("truetype"), url("kolicons.svg?t=1780037697441#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: black;\n    background-color: white;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: black;\n    background-color: white;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-alert .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-alert :host {\n    display: inline-block;\n  }\n  .kol-alert .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-alert .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-alert .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-custom-suggestions-option {\n    line-height: 1.5;\n    white-space: normal;\n    cursor: pointer;\n    overflow-wrap: break-word;\n  }\n  .kol-custom-suggestions-options-group--cursor-hidden .kol-custom-suggestions-option {\n    cursor: none !important;\n  }\n  .kol-custom-suggestions-option--disabled:focus, .kol-custom-suggestions-option--disabled:focus * {\n    cursor: not-allowed;\n  }\n  .kol-custom-suggestions-options-group {\n    background-color: white;\n    display: block;\n    position: absolute;\n    z-index: 2;\n    max-height: calc(250 * 1rem / var(--kolibri-root-font-size, 16));\n    margin: 0;\n    padding: 0;\n    overflow-x: hidden;\n    overflow-y: auto;\n    list-style-type: none;\n  }\n  .kol-input-container:has(.kol-custom-suggestions-options-group--open) {\n    z-index: 10;\n  }\n  .kol-custom-suggestions-toggle {\n    display: flex;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    justify-content: center;\n    cursor: default;\n  }\n  .kol-custom-suggestions-toggle.kol-custom-suggestions-toggle--disabled {\n    cursor: not-allowed;\n  }\n  .kol-form-field {\n    display: grid;\n  }\n  .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\n    cursor: pointer;\n  }\n  .kol-form-field__label-text {\n    flex-flow: row;\n    align-items: flex-start;\n    justify-content: flex-start;\n  }\n  .kol-form-field--required .kol-form-field__label-text:not(:has(> [name]))::after,\n  .kol-form-field--required .kol-tooltip__content .kol-span__label::after {\n    content: "*"/"";\n  }\n  .kol-input-container {\n    background-color: transparent;\n    display: grid;\n    width: 100%;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    grid-template-columns: 1fr;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--start) {\n    grid-template-columns: auto 1fr auto;\n  }\n  .kol-input-container__container {\n    position: relative;\n  }\n  .kol-input-container__adornment {\n    display: flex;\n    align-items: center;\n  }\n  .kol-input-container__adornment .kol-icon {\n    display: grid;\n    min-height: var(--a11y-min-size);\n    place-items: center;\n  }\n  .kol-input {\n    background-color: transparent;\n    width: 100%;\n    min-width: var(--a11y-min-size);\n  }\n  .kol-input:focus {\n    outline: none;\n  }\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-single-select__delete .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-single-select__delete :host {\n    display: inline-block;\n  }\n  .kol-single-select__delete .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-single-select__delete .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-single-select__delete .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-single-select__no-results-message {\n    display: flex;\n    min-height: calc(50 * 1rem / var(--kolibri-root-font-size, 16));\n    align-items: center;\n    justify-content: center;\n    cursor: default;\n  }\n  .kol-single-select .kol-custom-suggestions-options-group {\n    max-height: calc(40 * 1rem / var(--kolibri-root-font-size, 16) * var(--visible-options, 5) + 2 * 1rem / var(--kolibri-root-font-size, 16)) !important;\n  }\n  .kol-custom-suggestions-toggle:not(.kol-custom-suggestions-toggle--disabled) {\n    cursor: pointer;\n  }\n}';const B=class{async getValue(){return this._value}async focus(){}onBlur(){var n,t;const e=(n=this.state._options)===null||n===void 0?void 0:n.find((n=>{var t,e;return((t=n.label)===null||t===void 0?void 0:t.toLowerCase())===((e=this._inputValue)===null||e===void 0?void 0:e.toLowerCase())}));if(e){this.selectOption(e)}else if(this._value!==null&&this._value!==undefined){this._filteredOptions=[...(t=this.state._options)!==null&&t!==void 0?t:[]]}}createEventWithTarget(n,t){const e=new CustomEvent(n,{bubbles:true,detail:t});if(this.ctaRef.el){Object.defineProperty(e,"target",{value:this.ctaRef.el});Object.defineProperty(e,"currentTarget",{value:this.ctaRef.el})}return e}clearSelection(){var n;if(this.state._disabled){return}const t=null;this._focusedOptionIndex=-1;this._value=t;this._inputValue="";this._filteredOptions=[...this.state._options];const e=this.createEventWithTarget("input",{name:this.state._name,value:t});const i=this.createEventWithTarget("change",{name:this.state._name,value:t});this.controller.onFacade.onInput(e,true,{value:t});this.controller.onFacade.onChange(i,{value:t});(n=this.ctaRef.el)===null||n===void 0?void 0:n.focus();this._isOpen=true}selectOption(n){var t,e;if(n.value===this._value){this._inputValue=n.label;this._filteredOptions=[...this.state._options];return}this._value=n.value;this._inputValue=n.label;const i=this.createEventWithTarget("input",{name:(t=this.state._name)!==null&&t!==void 0?t:"",value:n.value});const o=this.createEventWithTarget("change",{name:(e=this.state._name)!==null&&e!==void 0?e:"",value:n.value});this.controller.onFacade.onInput(i,false,n.value);this.controller.onFacade.onChange(o,n.value);this._filteredOptions=[...this.state._options];this.controller.setFormAssociatedValue(this._value)}onInput(n){const t=n.target;this._inputValue=t.value;this._isOpen=true;this.setFilteredOptionsByQuery(t.value);this._focusedOptionIndex=-1}handleKeyDownDropdown(n){if(n.key.length===1&&/[a-z0-9]/i.test(n.key)){n.preventDefault();this._isOpen=true;this.focusSuggestionStartingWith(n.key)}}setFilteredOptionsByQuery(n){if(n===undefined){return}if((n===null||n===void 0?void 0:n.trim())===""){this._filteredOptions=[...this.state._options]}else if(Array.isArray(this.state._options)&&this.state._options.length>0&&n.length>0){this._filteredOptions=this.state._options.filter((t=>{var e,i;return(i=(e=t.label)===null||e===void 0?void 0:e.toLowerCase())===null||i===void 0?void 0:i.includes(n===null||n===void 0?void 0:n.toLowerCase())}))}}moveFocus(n){if(!this._filteredOptions){return}let t=this._focusedOptionIndex+n;let e=0;let i=false;const o=this._filteredOptions.length;while(e<o){if(t>=this._filteredOptions.length){t=0}if(t<0){t=this._filteredOptions.length-1}const o=this._filteredOptions[t];if(!o.disabled){i=true;break}t+=n;e++}if(i){this._focusedOptionIndex=t;this.focusOption(this._focusedOptionIndex)}}focusOption(n){if(this.refOptions){const t=this.refOptions[n];t===null||t===void 0?void 0:t.focus()}}selectFocusedOption(){if(Array.isArray(this._filteredOptions)&&this._filteredOptions.length>0&&this._focusedOptionIndex>=0){this.selectOption(this._filteredOptions[this._focusedOptionIndex]);return true}return false}focusSuggestionStartingWith(n){const t=n.toLowerCase();const e=Array.isArray(this._filteredOptions)&&this._filteredOptions.findIndex((n=>n.label.toLowerCase().startsWith(t)&&!n.disabled));if(typeof e==="number"&&e>=0){this._focusedOptionIndex=e;this.focusOption(e)}}getFormFieldProps(){return{state:this.state,class:"kol-single-select",tooltipAlign:this._tooltipAlign,alert:this.showAsAlert()}}getInputProps(){const{ariaDescribedBy:n}=s(this.state);const t=this.state._disabled===true;return Object.assign(Object.assign({"aria-activedescendant":this._isOpen&&this._focusedOptionIndex>=0?`option-${this._focusedOptionIndex}`:undefined,"aria-autocomplete":"both","aria-controls":this.state._id+"-listbox","aria-describedby":n.length>0?n.join(" "):undefined,"aria-expanded":this._isOpen?"true":"false","aria-label":this.state._hideLabel&&typeof this.state._label==="string"?this.state._label:undefined,"aria-labelledby":this.state._id+"-label","aria-keyshortcuts":this.state._shortKey,accessKey:this.state._accessKey,autocapitalize:"off",autocorrect:"off",class:"kol-single-select__input",disabled:t,name:this.state._name,placeholder:this.state._placeholder,ref:this.ctaRef,required:this.state._required,role:"combobox",state:this.state,type:"text",value:this._inputValue},this.controller.onFacade),{onChange:this.onChange.bind(this),onClick:this.onClick.bind(this),onInput:this.onInput.bind(this),onBlur:()=>{this.onBlur()}})}render(){var t;const e=this.state._disabled===true;return n(l,Object.assign({key:"8e3e19922baa5e7f6501da6666758ce2021b59c9"},this.getFormFieldProps()),n(r,{key:"206902ed286674c301d26f0f57db149cecda6d6f",state:this.state},n("div",{key:"70bdda576df36b7e1c154757aa6aaddf13ed4776",class:"kol-single-select__group"},n(h,Object.assign({key:"88dbcf20d0bd40d98d44b0736b7619fa3592a937"},this.getInputProps())),this._inputValue&&this.state._hasClearButton&&n(o,{key:"082ed8710605d9cf6b2a05ced94d48956f33fc59",_icons:"kolicon-cross",_label:this.translateDeleteSelection,_hideLabel:true,_variant:"ghost",_disabled:e,"data-testid":"single-select-delete",class:"kol-single-select__delete",hidden:e,_on:{onClick:()=>{var n;this.clearSelection();(n=this.ctaRef.el)===null||n===void 0?void 0:n.focus()},onFocus:()=>{this.clearButtonFocused=true},onBlur:()=>{this.clearButtonFocused=false}}}),n(f,{key:"6b4be5258ecd8a69970f6dd27a81fc245ad51f97",icons:"kolicon-chevron-down",label:"",class:m("kol-custom-suggestions-toggle",{"kol-custom-suggestions-toggle--disabled":e}),onClick:this.toggleListbox.bind(this)})),n(c,{key:"1bddbbfd4d8ac09166b0aedd4f3e54d13584f228",blockSuggestionMouseOver:this.blockSuggestionMouseOver,onKeyDown:this.handleKeyDownDropdown.bind(this),style:{"--visible-options":`${(t=this._rows)!==null&&t!==void 0?t:5}`},hidden:!this._isOpen||e,id:this.state._id+"-listbox"},Array.isArray(this._filteredOptions)&&this._filteredOptions.length>0?this._filteredOptions.map(((t,e)=>n(d,{index:e,option:t.label,searchTerm:this._inputValue,ref:n=>{if(n)this.refOptions[e]=n},selected:this._value===t.value,disabled:t.disabled?true:false,onClick:n=>{var e;if(t.disabled){return}this.selectOption(t);(e=this.ctaRef.el)===null||e===void 0?void 0:e.focus();this.toggleListbox(n);this._isOpen=false},onMouseOver:()=>{if(!this.blockSuggestionMouseOver){this._focusedOptionIndex=e;this.focusOption(e)}},onFocus:()=>{if(!t.disabled){this._focusedOptionIndex=e;this.focusOption(e)}},onKeyDown:n=>{var e;if(t.disabled){return}if(n.key==="Enter"||n.key==="NumpadEnter"){this.selectOption(t);(e=this.ctaRef.el)===null||e===void 0?void 0:e.focus();this.toggleListbox(n);n.preventDefault()}}}))):n("li",{class:"kol-single-select__no-results-message",role:"alert"},this.translateNoResultsMessage," "))))}handleKeyDown(n){var t,e;const i=(t,e)=>{var i;n.preventDefault();if(t!==undefined){this._isOpen=t;if(!t){(i=this.ctaRef.el)===null||i===void 0?void 0:i.focus()}}e===null||e===void 0?void 0:e()};switch(n.key){case"Down":case"ArrowDown":{this.blockSuggestionMouseOver=true;i(true,(()=>this.moveFocus(1)));break}case"Up":case"ArrowUp":{this.blockSuggestionMouseOver=true;i(true,(()=>this.moveFocus(-1)));break}case"Tab":if(this._isOpen){this._isOpen=!this._isOpen;(t=this.ctaRef.el)===null||t===void 0?void 0:t.focus()}break;case"Esc":case"Escape":{this._isOpen=false;i(false);break}case" ":case"Enter":case"NumpadEnter":{if(this.clearButtonFocused){this.clearSelection();n.preventDefault()}else if(this._isOpen){if(this.selectFocusedOption()){(e=this.ctaRef.el)===null||e===void 0?void 0:e.focus();i(false)}}else{this.toggleListbox(n)}break}case"Home":{this.blockSuggestionMouseOver=true;i(undefined,(()=>{if(this._isOpen){this._focusedOptionIndex=0;this.focusOption(this._focusedOptionIndex)}}));break}case"End":{this.blockSuggestionMouseOver=true;i(undefined,(()=>{if(this._isOpen){this._focusedOptionIndex=this._filteredOptions?this._filteredOptions.length-1:0;this.focusOption(this._focusedOptionIndex)}}));break}case"PageUp":{this.blockSuggestionMouseOver=true;i(undefined,(()=>this._isOpen&&this.moveFocus(-10)));break}case"PageDown":{this.blockSuggestionMouseOver=true;i(undefined,(()=>this._isOpen&&this.moveFocus(10)));break}}}constructor(n){t(this,n);this.ctaRef=k();this.refOptions=[];this.translateDeleteSelection=u("kol-delete-selection");this.translateNoResultsMessage=u("kol-no-results-message");this.clearButtonFocused=false;this.toggleListbox=n=>{var t;n===null||n===void 0?void 0:n.preventDefault();const e=this.state._disabled===true;if(e){return}else{(t=this.ctaRef.el)===null||t===void 0?void 0:t.focus();if(this._isOpen){this._isOpen=false}else{this._isOpen=true;const n=Array.isArray(this._filteredOptions)?this._filteredOptions.findIndex((n=>n.label===this._inputValue)):-1;this._focusedOptionIndex=n>=0?n:-1;this.focusOption(this._focusedOptionIndex)}}};this._focusedOptionIndex=-1;this._isOpen=false;this._filteredOptions=[];this._inputValue="";this.blockSuggestionMouseOver=false;this._disabled=false;this._hideMsg=false;this._hideLabel=false;this._hint="";this._required=false;this._tooltipAlign="top";this._touched=false;this._value=null;this._hasClearButton=true;this.state={_hideMsg:false,_id:p("single-select"),_label:"",_options:[],_hasClearButton:true};this.inputHasFocus=false;this.controller=new z(this,"single-select",this.host)}showAsAlert(){return Boolean(this.state._touched)&&!this.inputHasFocus}validatePlaceholder(n){this.controller.validatePlaceholder(n)}validateAccessKey(n){this.controller.validateAccessKey(n)}validateDisabled(n){this.controller.validateDisabled(n)}validateHideMsg(n){this.controller.validateHideMsg(n)}validateHideLabel(n){this.controller.validateHideLabel(n)}validateHint(n){this.controller.validateHint(n)}validateIcons(n){this.controller.validateIcons(n)}validateLabel(n){this.controller.validateLabel(n)}validateMsg(n){this.controller.validateMsg(n)}validateName(n){this.controller.validateName(n)}validateOn(n){this.controller.validateOn(n)}validateOptions(n){var t;this.controller.validateOptions(n);this._filteredOptions=[...(t=this.state._options)!==null&&t!==void 0?t:[]];if(this._isOpen){this.setFilteredOptionsByQuery(this._inputValue)}else{this.updateInputValue(this._value)}}validateRequired(n){this.controller.validateRequired(n)}validateShortKey(n){this.controller.validateShortKey(n)}validateSyncValueBySelector(n){this.controller.validateSyncValueBySelector(n)}validateTouched(n){this.controller.validateTouched(n)}validateValue(n){this.controller.validateValue(n);this.oldValue=n;this.updateInputValue(n)}validateHasClearButton(n){this.controller.validateHasClearButton(n)}validateRows(n){this.controller.validateRows(n)}validateVariant(n){this.controller.validateVariant(n)}handleMouseEvent(){this.blockSuggestionMouseOver=false}handleFocusIn(n){setTimeout((()=>{var t;if(((t=this.host)===null||t===void 0?void 0:t.contains(document.activeElement))&&!this.inputHasFocus){this.controller.onFacade.onFocus(n);this.inputHasFocus=true}}))}handleFocusOut(n){this.onBlur();setTimeout((()=>{var t;if(this.inputHasFocus&&!((t=this.host)===null||t===void 0?void 0:t.contains(document.activeElement))){this.controller.onFacade.onBlur(n);this.inputHasFocus=false;this._isOpen=false}}))}updateInputValue(n){var t;const e=(t=this.state._options)===null||t===void 0?void 0:t.find((t=>t.value===n));this._inputValue=e?String(e.label):""}componentWillLoad(){this.refOptions=[];this._touched=this._touched===true;this.controller.componentWillLoad();this.oldValue=this._value;this._filteredOptions=this.state._options;this.updateInputValue(this._value)}onChange(n){var t,e;if(this.oldValue!==((t=this.ctaRef.el)===null||t===void 0?void 0:t.value)){this.oldValue=(e=this.ctaRef.el)===null||e===void 0?void 0:e.value}if(!this._isOpen){this.controller.onFacade.onChange(n,this._value)}}onClick(n){var t;this.toggleListbox(n);(t=this.ctaRef.el)===null||t===void 0?void 0:t.focus();this.controller.onFacade.onClick(n)}get host(){return e(this)}static get watchers(){return{_placeholder:["validatePlaceholder"],_accessKey:["validateAccessKey"],_disabled:["validateDisabled"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_label:["validateLabel"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_options:["validateOptions"],_required:["validateRequired"],_shortKey:["validateShortKey"],_syncValueBySelector:["validateSyncValueBySelector"],_touched:["validateTouched"],_value:["validateValue"],_hasClearButton:["validateHasClearButton"],_rows:["validateRows"],_variant:["validateVariant"]}}};i([b("ctaRef")],B.prototype,"focus",null);B.style={default:C};export{B as kol_single_select};
+import{h as n,r as t,g as e}from"./index-Y95TmKZ9.js";import{_ as i}from"./tslib.es6-QNbPBOk5.js";import{b as o}from"./component-names-Dy77vq43.js";import{a as s,F as l}from"./FormFieldStateWrapper-0pTvS5SP.js";import{I as a,a as r}from"./controller-icon-D_00bUOM.js";import{I as h}from"./InputStateWrapper-BxHHYi6P.js";import{C as c,a as d}from"./CustomSuggestionsOptionsGroup-Bh4ZLILP.js";import{t as u}from"./i18n-Br16IAnY.js";import{I as f}from"./component-DmWnJL4A.js";import{c as m}from"./clsx-COFh-Vc8.js";import{c as p}from"./dev.utils-CxEKlxVx.js";import{d as b,c as k}from"./element-interaction-Bv-mPSBn.js";import{b as v,e as g,N as y}from"./common-Cx_AGO_M.js";import{f as w,b as _}from"./controller-DOn7I5V8.js";import{v as x}from"./placeholder-DTOUrN5s.js";import{v as j}from"./required-DFzRSWky.js";import"./access-and-short-key-D734WtlX.js";import"./disabled-gyBUQRnY.js";import"./hide-label-6Bx1MH20.js";import"./label-Fyi30H9j.js";import"./tooltip-align-mwhvx9nK.js";import"./align-DxZmRFcp.js";import"./variant-class-name-BCcQYpIV.js";import"./events-VVvk1win.js";import"./associated.controller-Bagx9pCw.js";import"./bootstrap-DPKvOz00.js";import"./i18n-B2d_exHc.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";import"./variant-quote-y0Z1TRdz.js";import"./normalizers-m3s9sgmq.js";import"./component-BOOVOOi6.js";import"./component-hIlOhAIn.js";import"./bem-registry-CWvl2xho.js";import"./controller-Bdve6A-Q.js";import"./align-floating-elements-D5XJiLiU.js";import"./tooltip-open-tracking-D3tCiiGP.js";import"./label-KTv-zMW0.js";import"./base-controller-CXhqh4cR.js";import"./Alert-DjBZG4Td.js";import"./Heading-BLfb7VmX.js";import"./icons-oAzMYWgV.js";import"./Input-_1WNw8Vz.js";import"./element-focus-CRwW4N4R.js";import"./orientation-CjNmUJp-.js";class z extends a{constructor(n,t,e){super(n,t,e);this.keyOptionMap=new Map;this.afterPatchOptions=(n,t,e,i)=>{if(i==="_value"){this.setFormAssociatedValue(n)}};this.beforePatchOptions=(n,t)=>{const e=t.has("_options")?t.get("_options"):this.component.state._options;if(Array.isArray(e)&&e.length>0){this.keyOptionMap.clear();w(this.keyOptionMap,e)}};this.component=n}validateOptions(n){_(this.component,n,{hooks:{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions}})}validateRequired(n){j(this.component,n)}validateValue(n){v(this.component,"_value",(n=>n!==undefined),new Set([`StencilUnknown`]),n)}validatePlaceholder(n){x(this.component,n)}validateHasClearButton(n){g(this.component,"_hasClearButton",n)}validateRows(n){y(this.component,"_rows",n)}componentWillLoad(){super.componentWillLoad();this.validateOptions(this.component._options);this.validateRequired(this.component._required);this.validateValue(this.component._value);this.validatePlaceholder(this.component._placeholder);this.validateHasClearButton(this.component._hasClearButton);this.validateRows(this.component._rows)}}const B='@charset "UTF-8";\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1780046644768"); /* IE9*/\n  src: url("kolicons.eot?t=1780046644768#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1780046644768") format("woff2"), url("kolicons.woff?t=1780046644768") format("woff"), url("kolicons.ttf?t=1780046644768") format("truetype"), url("kolicons.svg?t=1780046644768#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: black;\n    background-color: white;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: black;\n    background-color: white;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-alert .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-alert :host {\n    display: inline-block;\n  }\n  .kol-alert .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-alert .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-alert .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-custom-suggestions-option {\n    line-height: 1.5;\n    white-space: normal;\n    cursor: pointer;\n    overflow-wrap: break-word;\n  }\n  .kol-custom-suggestions-options-group--cursor-hidden .kol-custom-suggestions-option {\n    cursor: none !important;\n  }\n  .kol-custom-suggestions-option--disabled:focus, .kol-custom-suggestions-option--disabled:focus * {\n    cursor: not-allowed;\n  }\n  .kol-custom-suggestions-options-group {\n    background-color: white;\n    display: block;\n    position: absolute;\n    z-index: 2;\n    max-height: calc(250 * 1rem / var(--kolibri-root-font-size, 16));\n    margin: 0;\n    padding: 0;\n    overflow-x: hidden;\n    overflow-y: auto;\n    list-style-type: none;\n  }\n  .kol-input-container:has(.kol-custom-suggestions-options-group--open) {\n    z-index: 10;\n  }\n  .kol-custom-suggestions-toggle {\n    display: flex;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    justify-content: center;\n    cursor: default;\n  }\n  .kol-custom-suggestions-toggle.kol-custom-suggestions-toggle--disabled {\n    cursor: not-allowed;\n  }\n  .kol-form-field {\n    display: grid;\n  }\n  .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\n    cursor: pointer;\n  }\n  .kol-form-field__label-text {\n    flex-flow: row;\n    align-items: flex-start;\n    justify-content: flex-start;\n  }\n  .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden])::after,\n  .kol-form-field--required .kol-tooltip__content .kol-span__label::after {\n    content: "*"/"";\n  }\n  .kol-input-container {\n    background-color: transparent;\n    display: grid;\n    width: 100%;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    grid-template-columns: 1fr;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--start) {\n    grid-template-columns: auto 1fr auto;\n  }\n  .kol-input-container__container {\n    position: relative;\n  }\n  .kol-input-container__adornment {\n    display: flex;\n    align-items: center;\n  }\n  .kol-input-container__adornment .kol-icon {\n    display: grid;\n    min-height: var(--a11y-min-size);\n    place-items: center;\n  }\n  .kol-input {\n    background-color: transparent;\n    width: 100%;\n    min-width: var(--a11y-min-size);\n  }\n  .kol-input:focus {\n    outline: none;\n  }\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-single-select__delete .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-single-select__delete :host {\n    display: inline-block;\n  }\n  .kol-single-select__delete .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-single-select__delete .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-single-select__delete .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-single-select__no-results-message {\n    display: flex;\n    min-height: calc(50 * 1rem / var(--kolibri-root-font-size, 16));\n    align-items: center;\n    justify-content: center;\n    cursor: default;\n  }\n  .kol-single-select .kol-custom-suggestions-options-group {\n    max-height: calc(40 * 1rem / var(--kolibri-root-font-size, 16) * var(--visible-options, 5) + 2 * 1rem / var(--kolibri-root-font-size, 16)) !important;\n  }\n  .kol-custom-suggestions-toggle:not(.kol-custom-suggestions-toggle--disabled) {\n    cursor: pointer;\n  }\n}';const C=class{async getValue(){return this._value}async focus(){}onBlur(){var n,t;const e=(n=this.state._options)===null||n===void 0?void 0:n.find((n=>{var t,e;return((t=n.label)===null||t===void 0?void 0:t.toLowerCase())===((e=this._inputValue)===null||e===void 0?void 0:e.toLowerCase())}));if(e){this.selectOption(e)}else if(this._value!==null&&this._value!==undefined){this._filteredOptions=[...(t=this.state._options)!==null&&t!==void 0?t:[]]}}createEventWithTarget(n,t){const e=new CustomEvent(n,{bubbles:true,detail:t});if(this.ctaRef.el){Object.defineProperty(e,"target",{value:this.ctaRef.el});Object.defineProperty(e,"currentTarget",{value:this.ctaRef.el})}return e}clearSelection(){var n;if(this.state._disabled){return}const t=null;this._focusedOptionIndex=-1;this._value=t;this._inputValue="";this._filteredOptions=[...this.state._options];const e=this.createEventWithTarget("input",{name:this.state._name,value:t});const i=this.createEventWithTarget("change",{name:this.state._name,value:t});this.controller.onFacade.onInput(e,true,{value:t});this.controller.onFacade.onChange(i,{value:t});(n=this.ctaRef.el)===null||n===void 0?void 0:n.focus();this._isOpen=true}selectOption(n){var t,e;if(n.value===this._value){this._inputValue=n.label;this._filteredOptions=[...this.state._options];return}this._value=n.value;this._inputValue=n.label;const i=this.createEventWithTarget("input",{name:(t=this.state._name)!==null&&t!==void 0?t:"",value:n.value});const o=this.createEventWithTarget("change",{name:(e=this.state._name)!==null&&e!==void 0?e:"",value:n.value});this.controller.onFacade.onInput(i,false,n.value);this.controller.onFacade.onChange(o,n.value);this._filteredOptions=[...this.state._options];this.controller.setFormAssociatedValue(this._value)}onInput(n){const t=n.target;this._inputValue=t.value;this._isOpen=true;this.setFilteredOptionsByQuery(t.value);this._focusedOptionIndex=-1}handleKeyDownDropdown(n){if(n.key.length===1&&/[a-z0-9]/i.test(n.key)){n.preventDefault();this._isOpen=true;this.focusSuggestionStartingWith(n.key)}}setFilteredOptionsByQuery(n){if(n===undefined){return}if((n===null||n===void 0?void 0:n.trim())===""){this._filteredOptions=[...this.state._options]}else if(Array.isArray(this.state._options)&&this.state._options.length>0&&n.length>0){this._filteredOptions=this.state._options.filter((t=>{var e,i;return(i=(e=t.label)===null||e===void 0?void 0:e.toLowerCase())===null||i===void 0?void 0:i.includes(n===null||n===void 0?void 0:n.toLowerCase())}))}}moveFocus(n){if(!this._filteredOptions){return}let t=this._focusedOptionIndex+n;let e=0;let i=false;const o=this._filteredOptions.length;while(e<o){if(t>=this._filteredOptions.length){t=0}if(t<0){t=this._filteredOptions.length-1}const o=this._filteredOptions[t];if(!o.disabled){i=true;break}t+=n;e++}if(i){this._focusedOptionIndex=t;this.focusOption(this._focusedOptionIndex)}}focusOption(n){if(this.refOptions){const t=this.refOptions[n];t===null||t===void 0?void 0:t.focus()}}selectFocusedOption(){if(Array.isArray(this._filteredOptions)&&this._filteredOptions.length>0&&this._focusedOptionIndex>=0){this.selectOption(this._filteredOptions[this._focusedOptionIndex]);return true}return false}focusSuggestionStartingWith(n){const t=n.toLowerCase();const e=Array.isArray(this._filteredOptions)&&this._filteredOptions.findIndex((n=>n.label.toLowerCase().startsWith(t)&&!n.disabled));if(typeof e==="number"&&e>=0){this._focusedOptionIndex=e;this.focusOption(e)}}getFormFieldProps(){return{state:this.state,class:"kol-single-select",tooltipAlign:this._tooltipAlign,alert:this.showAsAlert()}}getInputProps(){const{ariaDescribedBy:n}=s(this.state);const t=this.state._disabled===true;return Object.assign(Object.assign({"aria-activedescendant":this._isOpen&&this._focusedOptionIndex>=0?`option-${this._focusedOptionIndex}`:undefined,"aria-autocomplete":"both","aria-controls":this.state._id+"-listbox","aria-describedby":n.length>0?n.join(" "):undefined,"aria-expanded":this._isOpen?"true":"false","aria-label":this.state._hideLabel&&typeof this.state._label==="string"?this.state._label:undefined,"aria-labelledby":this.state._id+"-label","aria-keyshortcuts":this.state._shortKey,accessKey:this.state._accessKey,autocapitalize:"off",autocorrect:"off",class:"kol-single-select__input",disabled:t,name:this.state._name,placeholder:this.state._placeholder,ref:this.ctaRef,required:this.state._required,role:"combobox",state:this.state,type:"text",value:this._inputValue},this.controller.onFacade),{onChange:this.onChange.bind(this),onClick:this.onClick.bind(this),onInput:this.onInput.bind(this),onBlur:()=>{this.onBlur()}})}render(){var t;const e=this.state._disabled===true;return n(l,Object.assign({key:"8e3e19922baa5e7f6501da6666758ce2021b59c9"},this.getFormFieldProps()),n(r,{key:"206902ed286674c301d26f0f57db149cecda6d6f",state:this.state},n("div",{key:"70bdda576df36b7e1c154757aa6aaddf13ed4776",class:"kol-single-select__group"},n(h,Object.assign({key:"88dbcf20d0bd40d98d44b0736b7619fa3592a937"},this.getInputProps())),this._inputValue&&this.state._hasClearButton&&n(o,{key:"082ed8710605d9cf6b2a05ced94d48956f33fc59",_icons:"kolicon-cross",_label:this.translateDeleteSelection,_hideLabel:true,_variant:"ghost",_disabled:e,"data-testid":"single-select-delete",class:"kol-single-select__delete",hidden:e,_on:{onClick:()=>{var n;this.clearSelection();(n=this.ctaRef.el)===null||n===void 0?void 0:n.focus()},onFocus:()=>{this.clearButtonFocused=true},onBlur:()=>{this.clearButtonFocused=false}}}),n(f,{key:"6b4be5258ecd8a69970f6dd27a81fc245ad51f97",icons:"kolicon-chevron-down",label:"",class:m("kol-custom-suggestions-toggle",{"kol-custom-suggestions-toggle--disabled":e}),onClick:this.toggleListbox.bind(this)})),n(c,{key:"1bddbbfd4d8ac09166b0aedd4f3e54d13584f228",blockSuggestionMouseOver:this.blockSuggestionMouseOver,onKeyDown:this.handleKeyDownDropdown.bind(this),style:{"--visible-options":`${(t=this._rows)!==null&&t!==void 0?t:5}`},hidden:!this._isOpen||e,id:this.state._id+"-listbox"},Array.isArray(this._filteredOptions)&&this._filteredOptions.length>0?this._filteredOptions.map(((t,e)=>n(d,{index:e,option:t.label,searchTerm:this._inputValue,ref:n=>{if(n)this.refOptions[e]=n},selected:this._value===t.value,disabled:t.disabled?true:false,onClick:n=>{var e;if(t.disabled){return}this.selectOption(t);(e=this.ctaRef.el)===null||e===void 0?void 0:e.focus();this.toggleListbox(n);this._isOpen=false},onMouseOver:()=>{if(!this.blockSuggestionMouseOver){this._focusedOptionIndex=e;this.focusOption(e)}},onFocus:()=>{if(!t.disabled){this._focusedOptionIndex=e;this.focusOption(e)}},onKeyDown:n=>{var e;if(t.disabled){return}if(n.key==="Enter"||n.key==="NumpadEnter"){this.selectOption(t);(e=this.ctaRef.el)===null||e===void 0?void 0:e.focus();this.toggleListbox(n);n.preventDefault()}}}))):n("li",{class:"kol-single-select__no-results-message",role:"alert"},this.translateNoResultsMessage," "))))}handleKeyDown(n){var t,e;const i=(t,e)=>{var i;n.preventDefault();if(t!==undefined){this._isOpen=t;if(!t){(i=this.ctaRef.el)===null||i===void 0?void 0:i.focus()}}e===null||e===void 0?void 0:e()};switch(n.key){case"Down":case"ArrowDown":{this.blockSuggestionMouseOver=true;i(true,(()=>this.moveFocus(1)));break}case"Up":case"ArrowUp":{this.blockSuggestionMouseOver=true;i(true,(()=>this.moveFocus(-1)));break}case"Tab":if(this._isOpen){this._isOpen=!this._isOpen;(t=this.ctaRef.el)===null||t===void 0?void 0:t.focus()}break;case"Esc":case"Escape":{this._isOpen=false;i(false);break}case" ":case"Enter":case"NumpadEnter":{if(this.clearButtonFocused){this.clearSelection();n.preventDefault()}else if(this._isOpen){if(this.selectFocusedOption()){(e=this.ctaRef.el)===null||e===void 0?void 0:e.focus();i(false)}}else{this.toggleListbox(n)}break}case"Home":{this.blockSuggestionMouseOver=true;i(undefined,(()=>{if(this._isOpen){this._focusedOptionIndex=0;this.focusOption(this._focusedOptionIndex)}}));break}case"End":{this.blockSuggestionMouseOver=true;i(undefined,(()=>{if(this._isOpen){this._focusedOptionIndex=this._filteredOptions?this._filteredOptions.length-1:0;this.focusOption(this._focusedOptionIndex)}}));break}case"PageUp":{this.blockSuggestionMouseOver=true;i(undefined,(()=>this._isOpen&&this.moveFocus(-10)));break}case"PageDown":{this.blockSuggestionMouseOver=true;i(undefined,(()=>this._isOpen&&this.moveFocus(10)));break}}}constructor(n){t(this,n);this.ctaRef=k();this.refOptions=[];this.translateDeleteSelection=u("kol-delete-selection");this.translateNoResultsMessage=u("kol-no-results-message");this.clearButtonFocused=false;this.toggleListbox=n=>{var t;n===null||n===void 0?void 0:n.preventDefault();const e=this.state._disabled===true;if(e){return}else{(t=this.ctaRef.el)===null||t===void 0?void 0:t.focus();if(this._isOpen){this._isOpen=false}else{this._isOpen=true;const n=Array.isArray(this._filteredOptions)?this._filteredOptions.findIndex((n=>n.label===this._inputValue)):-1;this._focusedOptionIndex=n>=0?n:-1;this.focusOption(this._focusedOptionIndex)}}};this._focusedOptionIndex=-1;this._isOpen=false;this._filteredOptions=[];this._inputValue="";this.blockSuggestionMouseOver=false;this._disabled=false;this._hideMsg=false;this._hideLabel=false;this._hint="";this._required=false;this._tooltipAlign="top";this._touched=false;this._value=null;this._hasClearButton=true;this.state={_hideMsg:false,_id:p("single-select"),_label:"",_options:[],_hasClearButton:true};this.inputHasFocus=false;this.controller=new z(this,"single-select",this.host)}showAsAlert(){return Boolean(this.state._touched)&&!this.inputHasFocus}validatePlaceholder(n){this.controller.validatePlaceholder(n)}validateAccessKey(n){this.controller.validateAccessKey(n)}validateDisabled(n){this.controller.validateDisabled(n)}validateHideMsg(n){this.controller.validateHideMsg(n)}validateHideLabel(n){this.controller.validateHideLabel(n)}validateHint(n){this.controller.validateHint(n)}validateIcons(n){this.controller.validateIcons(n)}validateLabel(n){this.controller.validateLabel(n)}validateMsg(n){this.controller.validateMsg(n)}validateName(n){this.controller.validateName(n)}validateOn(n){this.controller.validateOn(n)}validateOptions(n){var t;this.controller.validateOptions(n);this._filteredOptions=[...(t=this.state._options)!==null&&t!==void 0?t:[]];if(this._isOpen){this.setFilteredOptionsByQuery(this._inputValue)}else{this.updateInputValue(this._value)}}validateRequired(n){this.controller.validateRequired(n)}validateShortKey(n){this.controller.validateShortKey(n)}validateSyncValueBySelector(n){this.controller.validateSyncValueBySelector(n)}validateTouched(n){this.controller.validateTouched(n)}validateValue(n){this.controller.validateValue(n);this.oldValue=n;this.updateInputValue(n)}validateHasClearButton(n){this.controller.validateHasClearButton(n)}validateRows(n){this.controller.validateRows(n)}validateVariant(n){this.controller.validateVariant(n)}handleMouseEvent(){this.blockSuggestionMouseOver=false}handleFocusIn(n){setTimeout((()=>{var t;if(((t=this.host)===null||t===void 0?void 0:t.contains(document.activeElement))&&!this.inputHasFocus){this.controller.onFacade.onFocus(n);this.inputHasFocus=true}}))}handleFocusOut(n){this.onBlur();setTimeout((()=>{var t;if(this.inputHasFocus&&!((t=this.host)===null||t===void 0?void 0:t.contains(document.activeElement))){this.controller.onFacade.onBlur(n);this.inputHasFocus=false;this._isOpen=false}}))}updateInputValue(n){var t;const e=(t=this.state._options)===null||t===void 0?void 0:t.find((t=>t.value===n));this._inputValue=e?String(e.label):""}componentWillLoad(){this.refOptions=[];this._touched=this._touched===true;this.controller.componentWillLoad();this.oldValue=this._value;this._filteredOptions=this.state._options;this.updateInputValue(this._value)}onChange(n){var t,e;if(this.oldValue!==((t=this.ctaRef.el)===null||t===void 0?void 0:t.value)){this.oldValue=(e=this.ctaRef.el)===null||e===void 0?void 0:e.value}if(!this._isOpen){this.controller.onFacade.onChange(n,this._value)}}onClick(n){var t;this.toggleListbox(n);(t=this.ctaRef.el)===null||t===void 0?void 0:t.focus();this.controller.onFacade.onClick(n)}get host(){return e(this)}static get watchers(){return{_placeholder:["validatePlaceholder"],_accessKey:["validateAccessKey"],_disabled:["validateDisabled"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_label:["validateLabel"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_options:["validateOptions"],_required:["validateRequired"],_shortKey:["validateShortKey"],_syncValueBySelector:["validateSyncValueBySelector"],_touched:["validateTouched"],_value:["validateValue"],_hasClearButton:["validateHasClearButton"],_rows:["validateRows"],_variant:["validateVariant"]}}};i([b("ctaRef")],C.prototype,"focus",null);C.style={default:B};export{C as kol_single_select};
 //# sourceMappingURL=kol-single-select.entry.js.map

package/dist/kolibri/kol-single-select.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["h","registerInstance","getElement","__decorate","KolButtonWcTag","getRenderStates","FormFieldStateWrapper","InputIconController","InputContainerStateWrapperFc","InputStateWrapper","CustomSuggestionsOptionsGroupFc","CustomSuggestionsOptionFc","translate","IconFC","clsx","createUniqueId","delegateFocus","createCtaRef","watchValidator","watchBoolean","watchNumber","fillKeyOptionMap","validateOptions","validatePlaceholder","validateRequired","SingleSelectController","constructor","component","name","host","super","this","keyOptionMap","Map","afterPatchOptions","value","_state","_component","key","setFormAssociatedValue","beforePatchOptions","_value","nextState","options","has","get","state","_options","Array","isArray","length","clear","hooks","afterPatch","beforePatch","validateValue","v","undefined","Set","validateHasClearButton","validateRows","componentWillLoad","_required","_placeholder","_hasClearButton","_rows","defaultStyleCss","KolSingleSelect","getValue","focus","onBlur","_a","_b","matchingOption","find","option","label","toLowerCase","_inputValue","selectOption","_filteredOptions","createEventWithTarget","type","detail","event","CustomEvent","bubbles","ctaRef","el","Object","defineProperty","clearSelection","_disabled","emptyValue","_focusedOptionIndex","inputEvent","_name","changeEvent","controller","onFacade","onInput","onChange","_isOpen","target","setFilteredOptionsByQuery","handleKeyDownDropdown","test","preventDefault","focusSuggestionStartingWith","query","trim","filter","includes","moveFocus","delta","newIndex","iterations","foundEnabledOption","maxIterations","disabled","focusOption","index","refOptions","optionElement","selectFocusedOption","char","charLowerCase","findIndex","startsWith","getFormFieldProps","class","tooltipAlign","_tooltipAlign","alert","showAsAlert","getInputProps","ariaDescribedBy","isDisabled","assign","_id","join","_hideLabel","_label","_shortKey","accessKey","_accessKey","autocapitalize","autocorrect","placeholder","ref","required","role","bind","onClick","render","_icons","translateDeleteSelection","_variant","hidden","_on","onFocus","clearButtonFocused","icons","toggleListbox","blockSuggestionMouseOver","onKeyDown","style","id","map","searchTerm","selected","onMouseOver","e","translateNoResultsMessage","handleKeyDown","handleEvent","isOpen","callback","hostRef","selectedIndex","_hideMsg","_hint","_touched","inputHasFocus","Boolean","validateAccessKey","validateDisabled","validateHideMsg","validateHideLabel","validateHint","validateIcons","validateLabel","validateMsg","validateName","validateOn","updateInputValue","validateShortKey","validateSyncValueBySelector","validateTouched","oldValue","validateVariant","handleMouseEvent","handleFocusIn","setTimeout","contains","document","activeElement","handleFocusOut","matchedOption","String","watchers","_msg","_syncValueBySelector","prototype","default"],"sources":["0"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["h","registerInstance","getElement","__decorate","KolButtonWcTag","getRenderStates","FormFieldStateWrapper","InputIconController","InputContainerStateWrapperFc","InputStateWrapper","CustomSuggestionsOptionsGroupFc","CustomSuggestionsOptionFc","translate","IconFC","clsx","createUniqueId","delegateFocus","createCtaRef","watchValidator","watchBoolean","watchNumber","fillKeyOptionMap","validateOptions","validatePlaceholder","validateRequired","SingleSelectController","constructor","component","name","host","super","this","keyOptionMap","Map","afterPatchOptions","value","_state","_component","key","setFormAssociatedValue","beforePatchOptions","_value","nextState","options","has","get","state","_options","Array","isArray","length","clear","hooks","afterPatch","beforePatch","validateValue","v","undefined","Set","validateHasClearButton","validateRows","componentWillLoad","_required","_placeholder","_hasClearButton","_rows","defaultStyleCss","KolSingleSelect","getValue","focus","onBlur","_a","_b","matchingOption","find","option","label","toLowerCase","_inputValue","selectOption","_filteredOptions","createEventWithTarget","type","detail","event","CustomEvent","bubbles","ctaRef","el","Object","defineProperty","clearSelection","_disabled","emptyValue","_focusedOptionIndex","inputEvent","_name","changeEvent","controller","onFacade","onInput","onChange","_isOpen","target","setFilteredOptionsByQuery","handleKeyDownDropdown","test","preventDefault","focusSuggestionStartingWith","query","trim","filter","includes","moveFocus","delta","newIndex","iterations","foundEnabledOption","maxIterations","disabled","focusOption","index","refOptions","optionElement","selectFocusedOption","char","charLowerCase","findIndex","startsWith","getFormFieldProps","class","tooltipAlign","_tooltipAlign","alert","showAsAlert","getInputProps","ariaDescribedBy","isDisabled","assign","_id","join","_hideLabel","_label","_shortKey","accessKey","_accessKey","autocapitalize","autocorrect","placeholder","ref","required","role","bind","onClick","render","_icons","translateDeleteSelection","_variant","hidden","_on","onFocus","clearButtonFocused","icons","toggleListbox","blockSuggestionMouseOver","onKeyDown","style","id","map","searchTerm","selected","onMouseOver","e","translateNoResultsMessage","handleKeyDown","handleEvent","isOpen","callback","hostRef","selectedIndex","_hideMsg","_hint","_touched","inputHasFocus","Boolean","validateAccessKey","validateDisabled","validateHideMsg","validateHideLabel","validateHint","validateIcons","validateLabel","validateMsg","validateName","validateOn","updateInputValue","validateShortKey","validateSyncValueBySelector","validateTouched","oldValue","validateVariant","handleMouseEvent","handleFocusIn","setTimeout","contains","document","activeElement","handleFocusOut","matchedOption","String","watchers","_msg","_syncValueBySelector","prototype","default"],"sources":["0"],"mappings":"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","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as s,r as t,c as e,H as i}from"./index-DcFE50PT.js";import{B as o}from"./variant-quote-y0Z1TRdz.js";import{b as n}from"./bem-registry-DChqxUD_.js";import{C as a,a as r}from"./controller-CcWpLmFr.js";import{L as h}from"./common-Cx_AGO_M.js";import{c,n as l}from"./normalizers-m3s9sgmq.js";import{B as d}from"./base-controller-CXhqh4cR.js";import"./label-KTv-zMW0.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";const m=c("name","",l);const u=n.forBlock("kol-skeleton");const f=u("actions");const v=u("container");const p=u("counter");const b=u("name");const k=t=>{const{count:e,label:i,name:o,show:n,handleClick:r,refButton:h}=t;const c=!!(n&&(o===null||o===void 0?void 0:o.trim()));const l=u({"has-name":c,"is-hidden":!n});return s("div",{class:l},s("div",{class:v},c&&s("span",{class:b},o),s("div",{class:p},"Count: ",e)),s("div",{class:f},s(a,{label:i,handleClick:r,refButton:h})))};const w={required:[m]};class C extends d{constructor(s){super(s,w);this.onKeydown=s=>{if(s.key==="Escape"){console.log("Show should be toggled");void this.toggle()}};this.handleClick=()=>{var s,t;h.debug("Button clicked, count should be increased");this.setState("count",((t=(s=this.getState)===null||s===void 0?void 0:s.call(this,"count"))!==null&&t!==void 0?t:0)+1)};this.setButtonRef=s=>{this.clickButtonCtrl.setButtonRef(s)};this.clickButtonCtrl=new r(o.stateLess);this.startLoadedEventInterval()}componentWillLoad(s){const{name:t}=s;this.watchName(t);this.clickButtonCtrl.componentWillLoad({label:"Click me"})}watchName(s){m.apply(s,(s=>{this.setRenderProp("name",s)}))}toggle(){var s,t;this.setState("show",!((t=(s=this.getState)===null||s===void 0?void 0:s.call(this,"show"))!==null&&t!==void 0?t:false))}focus(){return this.clickButtonCtrl.focus()}startLoadedEventInterval(){this.intervalId=setInterval((()=>{var s,t;this.emitLoaded((t=(s=this.getState)===null||s===void 0?void 0:s.call(this,"count"))!==null&&t!==void 0?t:0)}),2e3)}emitLoaded(s){if(this.onLoadedCallback){this.onLoadedCallback(s)}}setOnLoadedCallback(s){this.onLoadedCallback=s}destroy(){if(this.intervalId){clearInterval(this.intervalId);this.intervalId=undefined}}}const j=class extends o{constructor(s){super();t(this,s);this.loaded=e(this,"loaded");this.rendered=e(this,"rendered");this.ctrl=new C(this.stateAccess);this.count=0;this.label="Label";this.show=true}async focus(){return Promise.resolve(this.ctrl.focus())}async toggle(){return Promise.resolve(this.ctrl.toggle())}watchName(s){this.ctrl.watchName(s)}handleKeyDown(s){if(s.key==="Enter"||s.key===" "){h.debug("button pressed");this.ctrl.handleClick()}}onKeydown(s){this.ctrl.onKeydown(s)}componentWillLoad(){this.ctrl.componentWillLoad({name:this._name});this.ctrl.setOnLoadedCallback((s=>{this.loaded.emit(s)}))}componentDidLoad(){requestAnimationFrame((()=>{this.rendered.emit()}))}disconnectedCallback(){this.ctrl.destroy()}render(){return s(i,{key:"ff0f258279d6e18440f82f7fb4de42ed9bf4eaac"},s(k,{key:"2a07e293ba5934de959d7099f927db80ad396c68",count:this.count,label:this.label,name:this.ctrl.getRenderProp("name"),handleClick:()=>this.ctrl.handleClick(),onLoaded:this.loaded,onRendered:this.rendered,show:this.show,refButton:s=>this.ctrl.setButtonRef(s)}))}static get watchers(){return{_name:["watchName"]}}};export{j as kol_skeleton};
+import{h as s,r as t,c as e,H as i}from"./index-Y95TmKZ9.js";import{B as o}from"./variant-quote-y0Z1TRdz.js";import{b as n}from"./bem-registry-CWvl2xho.js";import{C as a,a as r}from"./controller-BziorxEb.js";import{L as h}from"./common-Cx_AGO_M.js";import{c as l,n as c}from"./normalizers-m3s9sgmq.js";import{B as d}from"./base-controller-CXhqh4cR.js";import"./label-KTv-zMW0.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";const m=l("name","",c);const u=n.forBlock("kol-skeleton");const f=u("actions");const v=u("container");const b=u("counter");const p=u("name");const k=t=>{const{count:e,label:i,name:o,show:n,handleClick:r,refButton:h}=t;const l=!!(n&&(o===null||o===void 0?void 0:o.trim()));const c=u({"has-name":l,"is-hidden":!n});return s("div",{class:c},s("div",{class:v},l&&s("span",{class:p},o),s("div",{class:b},"Count: ",e)),s("div",{class:f},s(a,{label:i,handleClick:r,refButton:h})))};const w={required:[m]};class C extends d{constructor(s){super(s,w);this.onKeydown=s=>{if(s.key==="Escape"){console.log("Show should be toggled");void this.toggle()}};this.handleClick=()=>{var s,t;h.debug("Button clicked, count should be increased");this.setState("count",((t=(s=this.getState)===null||s===void 0?void 0:s.call(this,"count"))!==null&&t!==void 0?t:0)+1)};this.setButtonRef=s=>{this.clickButtonCtrl.setButtonRef(s)};this.clickButtonCtrl=new r(o.stateLess);this.startLoadedEventInterval()}componentWillLoad(s){const{name:t}=s;this.watchName(t);this.clickButtonCtrl.componentWillLoad({label:"Click me"})}watchName(s){m.apply(s,(s=>{this.setRenderProp("name",s)}))}toggle(){var s,t;this.setState("show",!((t=(s=this.getState)===null||s===void 0?void 0:s.call(this,"show"))!==null&&t!==void 0?t:false))}focus(){return this.clickButtonCtrl.focus()}startLoadedEventInterval(){this.intervalId=setInterval((()=>{var s,t;this.emitLoaded((t=(s=this.getState)===null||s===void 0?void 0:s.call(this,"count"))!==null&&t!==void 0?t:0)}),2e3)}emitLoaded(s){if(this.onLoadedCallback){this.onLoadedCallback(s)}}setOnLoadedCallback(s){this.onLoadedCallback=s}destroy(){if(this.intervalId){clearInterval(this.intervalId);this.intervalId=undefined}}}const j=class extends o{constructor(s){super();t(this,s);this.loaded=e(this,"loaded");this.rendered=e(this,"rendered");this.ctrl=new C(this.stateAccess);this.count=0;this.label="Label";this.show=true}async focus(){return Promise.resolve(this.ctrl.focus())}async toggle(){return Promise.resolve(this.ctrl.toggle())}watchName(s){this.ctrl.watchName(s)}handleKeyDown(s){if(s.key==="Enter"||s.key===" "){h.debug("button pressed");this.ctrl.handleClick()}}onKeydown(s){this.ctrl.onKeydown(s)}componentWillLoad(){this.ctrl.componentWillLoad({name:this._name});this.ctrl.setOnLoadedCallback((s=>{this.loaded.emit(s)}))}componentDidLoad(){requestAnimationFrame((()=>{this.rendered.emit()}))}disconnectedCallback(){this.ctrl.destroy()}render(){return s(i,{key:"ff0f258279d6e18440f82f7fb4de42ed9bf4eaac"},s(k,{key:"2a07e293ba5934de959d7099f927db80ad396c68",count:this.count,label:this.label,name:this.ctrl.getRenderProp("name"),handleClick:()=>this.ctrl.handleClick(),onLoaded:this.loaded,onRendered:this.rendered,show:this.show,refButton:s=>this.ctrl.setButtonRef(s)}))}static get watchers(){return{_name:["watchName"]}}};export{j as kol_skeleton};
 //# sourceMappingURL=kol-skeleton.entry.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["h","registerInstance","createEvent","Host","BaseWebComponent","bem","ClickButtonFC","ClickButtonController","Log","createPropDefinition","normalizeString","BaseController","nameProp","skeletonBem","forBlock","BEM_CLASS_SKELETON__ACTIONS","BEM_CLASS_SKELETON__CONTAINER","BEM_CLASS_SKELETON__COUNTER","BEM_CLASS_SKELETON__NAME","SkeletonFC","props","count","label","name","show","handleClick","refButton","hasName","trim","BEM_CLASS_ROOT","class","skeletonPropsConfig","required","SkeletonController","constructor","stateAccess","super","this","onKeydown","event","key","console","log","toggle","_a","_b","debug","setState","getState","call","setButtonRef","element","clickButtonCtrl","stateLess","startLoadedEventInterval","componentWillLoad","watchName","value","apply","v","setRenderProp","focus","intervalId","setInterval","emitLoaded","onLoadedCallback","setOnLoadedCallback","callback","destroy","clearInterval","undefined","KolSkeleton","hostRef","loaded","rendered","ctrl","Promise","resolve","handleKeyDown","_name","emit","componentDidLoad","requestAnimationFrame","disconnectedCallback","render","getRenderProp","onLoaded","onRendered","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["h","registerInstance","createEvent","Host","BaseWebComponent","bem","ClickButtonFC","ClickButtonController","Log","createPropDefinition","normalizeString","BaseController","nameProp","skeletonBem","forBlock","BEM_CLASS_SKELETON__ACTIONS","BEM_CLASS_SKELETON__CONTAINER","BEM_CLASS_SKELETON__COUNTER","BEM_CLASS_SKELETON__NAME","SkeletonFC","props","count","label","name","show","handleClick","refButton","hasName","trim","BEM_CLASS_ROOT","class","skeletonPropsConfig","required","SkeletonController","constructor","stateAccess","super","this","onKeydown","event","key","console","log","toggle","_a","_b","debug","setState","getState","call","setButtonRef","element","clickButtonCtrl","stateLess","startLoadedEventInterval","componentWillLoad","watchName","value","apply","v","setRenderProp","focus","intervalId","setInterval","emitLoaded","onLoadedCallback","setOnLoadedCallback","callback","destroy","clearInterval","undefined","KolSkeleton","hostRef","loaded","rendered","ctrl","Promise","resolve","handleKeyDown","_name","emit","componentDidLoad","requestAnimationFrame","disconnectedCallback","render","getRenderProp","onLoaded","onRendered","watchers"],"sources":["0"],"mappings":";;;YAGSA,OAAQC,OAAuBC,OAAkBC,MAAY,kCACxDC,MAAwB,0CACxBC,MAAW,yCACXC,OAAoBC,MAA6B,uCACjDC,MAAW,mCACXC,OAA2BC,MAAuB,wCAClDC,MAAsB,sCAC7B,4BACA,kCACA,wBAEP,MAAMC,EAAWH,EAAqB,OAAQ,GAAIC,GAElD,MAAMG,EAAcR,EAAIS,SAAS,gBACjC,MAAMC,EAA8BF,EAAY,WAChD,MAAMG,EAAgCH,EAAY,aAClD,MAAMI,EAA8BJ,EAAY,WAChD,MAAMK,EAA2BL,EAAY,QAC7C,MAAMM,EAAcC,IAChB,MAAMC,MAAEA,EAAKC,MAAEA,EAAKC,KAAEA,EAAIC,KAAEA,EAAIC,YAAEA,EAAWC,UAAEA,GAAcN,EAC7D,MAAMO,KAAaH,IAASD,IAAS,MAAQA,SAAc,OAAS,EAAIA,EAAKK,SAC7E,MAAMC,EAAiBhB,EAAY,CAC/B,WAAYc,EACZ,aAAcH,IAElB,OAAQxB,EAAE,MAAO,CAAE8B,MAAOD,GAAkB7B,EAAE,MAAO,CAAE8B,MAAOd,GAAiCW,GAAW3B,EAAE,OAAQ,CAAE8B,MAAOZ,GAA4BK,GAAOvB,EAAE,MAAO,CAAE8B,MAAOb,GAA+B,UAAWI,IAASrB,EAAE,MAAO,CAAE8B,MAAOf,GAA+Bf,EAAEM,EAAe,CAAEgB,MAAOA,EAAOG,YAAaA,EAAaC,UAAWA,KAAe,EAG/W,MAAMK,EAAsB,CACxBC,SAAU,CAACpB,IAGf,MAAMqB,UAA2BtB,EAC7B,WAAAuB,CAAYC,GACRC,MAAMD,EAAaJ,GACnBM,KAAKC,UAAaC,IACd,GAAIA,EAAMC,MAAQ,SAAU,CACxBC,QAAQC,IAAI,+BACPL,KAAKM,QACd,GAEJN,KAAKZ,YAAc,KACf,IAAImB,EAAIC,EACRrC,EAAIsC,MAAM,6CACVT,KAAKU,SAAS,UAAWF,GAAMD,EAAKP,KAAKW,YAAc,MAAQJ,SAAY,OAAS,EAAIA,EAAGK,KAAKZ,KAAM,YAAc,MAAQQ,SAAY,EAAIA,EAAK,GAAK,EAAE,EAE5JR,KAAKa,aAAgBC,IACjBd,KAAKe,gBAAgBF,aAAaC,EAAQ,EAE9Cd,KAAKe,gBAAkB,IAAI7C,EAAsBH,EAAiBiD,WAClEhB,KAAKiB,0BACT,CACA,iBAAAC,CAAkBnC,GACd,MAAMG,KAAEA,GAASH,EACjBiB,KAAKmB,UAAUjC,GACfc,KAAKe,gBAAgBG,kBAAkB,CACnCjC,MAAO,YAEf,CACA,SAAAkC,CAAUC,GACN7C,EAAS8C,MAAMD,GAAQE,IACnBtB,KAAKuB,cAAc,OAAQD,EAAE,GAErC,CACA,MAAAhB,GACI,IAAIC,EAAIC,EACRR,KAAKU,SAAS,UAAWF,GAAMD,EAAKP,KAAKW,YAAc,MAAQJ,SAAY,OAAS,EAAIA,EAAGK,KAAKZ,KAAM,WAAa,MAAQQ,SAAY,EAAIA,EAAK,OACpJ,CACA,KAAAgB,GACI,OAAOxB,KAAKe,gBAAgBS,OAChC,CACA,wBAAAP,GACIjB,KAAKyB,WAAaC,aAAY,KAC1B,IAAInB,EAAIC,EACRR,KAAK2B,YAAYnB,GAAMD,EAAKP,KAAKW,YAAc,MAAQJ,SAAY,OAAS,EAAIA,EAAGK,KAAKZ,KAAM,YAAc,MAAQQ,SAAY,EAAIA,EAAK,EAAE,GAC5I,IACP,CACA,UAAAmB,CAAW3C,GACP,GAAIgB,KAAK4B,iBAAkB,CACvB5B,KAAK4B,iBAAiB5C,EAC1B,CACJ,CACA,mBAAA6C,CAAoBC,GAChB9B,KAAK4B,iBAAmBE,CAC5B,CACA,OAAAC,GACI,GAAI/B,KAAKyB,WAAY,CACjBO,cAAchC,KAAKyB,YACnBzB,KAAKyB,WAAaQ,SACtB,CACJ,EAGJ,MAAMC,EAAc,cAAcnE,EAC9B,WAAA8B,CAAYsC,GACRpC,QACAnC,EAAiBoC,KAAMmC,GACvBnC,KAAKoC,OAASvE,EAAYmC,KAAM,UAChCA,KAAKqC,SAAWxE,EAAYmC,KAAM,YAClCA,KAAKsC,KAAO,IAAI1C,EAAmBI,KAAKF,aACxCE,KAAKhB,MAAQ,EACbgB,KAAKf,MAAQ,QACbe,KAAKb,KAAO,IAChB,CACA,WAAMqC,GACF,OAAOe,QAAQC,QAAQxC,KAAKsC,KAAKd,QACrC,CACA,YAAMlB,GACF,OAAOiC,QAAQC,QAAQxC,KAAKsC,KAAKhC,SACrC,CACA,SAAAa,CAAUC,GACNpB,KAAKsC,KAAKnB,UAAUC,EACxB,CACA,aAAAqB,CAAcvC,GACV,GAAIA,EAAMC,MAAQ,SAAWD,EAAMC,MAAQ,IAAK,CAC5ChC,EAAIsC,MAAM,kBACVT,KAAKsC,KAAKlD,aACd,CACJ,CACA,SAAAa,CAAUC,GACNF,KAAKsC,KAAKrC,UAAUC,EACxB,CACA,iBAAAgB,GACIlB,KAAKsC,KAAKpB,kBAAkB,CACxBhC,KAAMc,KAAK0C,QAEf1C,KAAKsC,KAAKT,qBAAqB7C,IAC3BgB,KAAKoC,OAAOO,KAAK3D,EAAM,GAE/B,CACA,gBAAA4D,GACIC,uBAAsB,KAClB7C,KAAKqC,SAASM,MAAM,GAE5B,CACA,oBAAAG,GACI9C,KAAKsC,KAAKP,SACd,CACA,MAAAgB,GACI,OAAQpF,EAAEG,EAAM,CAAEqC,IAAK,4CAA8CxC,EAAEmB,EAAY,CAAEqB,IAAK,2CAA4CnB,MAAOgB,KAAKhB,MAAOC,MAAOe,KAAKf,MAAOC,KAAMc,KAAKsC,KAAKU,cAAc,QAAS5D,YAAa,IAAMY,KAAKsC,KAAKlD,cAAe6D,SAAUjD,KAAKoC,OAAQc,WAAYlD,KAAKqC,SAAUlD,KAAMa,KAAKb,KAAME,UAAYyB,GAAYd,KAAKsC,KAAKzB,aAAaC,KACrX,CACA,mBAAWqC,GAAa,MAAO,CAC3BT,MAAS,CAAC,aACX,UAGER","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e,g as o}from"./index-DcFE50PT.js";import{_ as t}from"./tslib.es6-QNbPBOk5.js";import"./common-Cx_AGO_M.js";import{v as i}from"./label-Fyi30H9j.js";import{r as l,a}from"./unique-nav-labels-ZepmMUSu.js";import{w as s}from"./validation-DGQ9Zja2.js";import{c as r}from"./component-names-Dy77vq43.js";import{d as c,c as d}from"./element-interaction-Bv-mPSBn.js";import"./element-focus-CRwW4N4R.js";const h='/* 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: white;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1780037697441"); /* IE9*/\n  src: url("kolicons.eot?t=1780037697441#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1780037697441") format("woff2"), url("kolicons.woff?t=1780037697441") format("woff"), url("kolicons.ttf?t=1780037697441") format("truetype"), url("kolicons.svg?t=1780037697441#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: black;\n    background-color: white;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: black;\n    background-color: white;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  :host {\n    display: inline-block;\n  }\n  .kol-link {\n    display: inline-flex;\n    max-width: fit-content;\n    align-items: baseline;\n    place-items: center;\n    text-align: left;\n    text-decoration-line: none;\n  }\n  .kol-link--standalone {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: stretch;\n  }\n  .kol-link--standalone .kol-link__text {\n    display: inline-flex;\n    flex: 1 1 100%;\n    place-items: center;\n  }\n  .kol-link .kol-span__label {\n    text-decoration-line: underline;\n  }\n  .kol-link:focus:not([aria-disabled], [disabled]) .kol-span__label, .kol-link:hover:not([aria-disabled], [disabled]) .kol-span__label {\n    text-decoration-thickness: 0.2em;\n  }\n  .kol-link__icon {\n    display: inline-flex;\n  }\n  .kol-skip-nav__list {\n    display: grid;\n    place-items: center;\n    list-style: none;\n  }\n  .kol-skip-nav__list-item {\n    height: 0;\n  }\n  .kol-skip-nav .kol-link {\n    position: absolute;\n    left: calc(-99999 * 1rem / var(--kolibri-root-font-size, 16));\n    z-index: 9999999;\n    line-height: 1;\n  }\n  .kol-skip-nav .kol-link:focus {\n    background-color: white;\n    position: unset;\n    left: unset;\n  }\n}';const f=class{constructor(e){n(this,e);this.ctaRef=d();this.state={_label:"",_links:[]}}render(){return e("nav",{key:"554c463e59c07b3dc395e141dd88096ad4ff4a26",class:"kol-skip-nav","aria-label":this.state._label},e("ul",{key:"bd5072df636b0bf5a15e56e22a7a9965370aa514",class:"kol-skip-nav__list"},this.state._links.map(((n,o)=>e("li",{class:"kol-skip-nav__list-item",key:o},e(r,Object.assign({},n,{ref:o===0?this.ctaRef:undefined})))))))}async focus(){}validateLabel(n,e,o=false){if(!o){l(this.state._label)}i(this,n,{required:true});a(this.state._label)}validateLinks(n){s("KolSkipNav",this,n)}componentWillLoad(){this.validateLabel(this._label,undefined,true);this.validateLinks(this._links)}disconnectedCallback(){l(this.state._label)}get host(){return o(this)}static get watchers(){return{_label:["validateLabel"],_links:["validateLinks"]}}};t([c("ctaRef")],f.prototype,"focus",null);f.style={default:h};export{f as kol_skip_nav};
+import{r as n,h as e,g as o}from"./index-Y95TmKZ9.js";import{_ as t}from"./tslib.es6-QNbPBOk5.js";import"./common-Cx_AGO_M.js";import{v as i}from"./label-Fyi30H9j.js";import{r as l,a}from"./unique-nav-labels-ZepmMUSu.js";import{w as s}from"./validation-DGQ9Zja2.js";import{c as r}from"./component-names-Dy77vq43.js";import{d as c,c as d}from"./element-interaction-Bv-mPSBn.js";import"./element-focus-CRwW4N4R.js";const h='/* 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: white;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1780046644768"); /* IE9*/\n  src: url("kolicons.eot?t=1780046644768#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1780046644768") format("woff2"), url("kolicons.woff?t=1780046644768") format("woff"), url("kolicons.ttf?t=1780046644768") format("truetype"), url("kolicons.svg?t=1780046644768#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: black;\n    background-color: white;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: black;\n    background-color: white;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  :host {\n    display: inline-block;\n  }\n  .kol-link {\n    display: inline-flex;\n    max-width: fit-content;\n    align-items: baseline;\n    place-items: center;\n    text-align: left;\n    text-decoration-line: none;\n  }\n  .kol-link--standalone {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: stretch;\n  }\n  .kol-link--standalone .kol-link__text {\n    display: inline-flex;\n    flex: 1 1 100%;\n    place-items: center;\n  }\n  .kol-link .kol-span__label {\n    text-decoration-line: underline;\n  }\n  .kol-link:focus:not([aria-disabled], [disabled]) .kol-span__label, .kol-link:hover:not([aria-disabled], [disabled]) .kol-span__label {\n    text-decoration-thickness: 0.2em;\n  }\n  .kol-link__icon {\n    display: inline-flex;\n  }\n  .kol-skip-nav__list {\n    display: grid;\n    place-items: center;\n    list-style: none;\n  }\n  .kol-skip-nav__list-item {\n    height: 0;\n  }\n  .kol-skip-nav .kol-link {\n    position: absolute;\n    left: calc(-99999 * 1rem / var(--kolibri-root-font-size, 16));\n    z-index: 9999999;\n    line-height: 1;\n  }\n  .kol-skip-nav .kol-link:focus {\n    background-color: white;\n    position: unset;\n    left: unset;\n  }\n}';const f=class{constructor(e){n(this,e);this.ctaRef=d();this.state={_label:"",_links:[]}}render(){return e("nav",{key:"554c463e59c07b3dc395e141dd88096ad4ff4a26",class:"kol-skip-nav","aria-label":this.state._label},e("ul",{key:"bd5072df636b0bf5a15e56e22a7a9965370aa514",class:"kol-skip-nav__list"},this.state._links.map(((n,o)=>e("li",{class:"kol-skip-nav__list-item",key:o},e(r,Object.assign({},n,{ref:o===0?this.ctaRef:undefined})))))))}async focus(){}validateLabel(n,e,o=false){if(!o){l(this.state._label)}i(this,n,{required:true});a(this.state._label)}validateLinks(n){s("KolSkipNav",this,n)}componentWillLoad(){this.validateLabel(this._label,undefined,true);this.validateLinks(this._links)}disconnectedCallback(){l(this.state._label)}get host(){return o(this)}static get watchers(){return{_label:["validateLabel"],_links:["validateLinks"]}}};t([c("ctaRef")],f.prototype,"focus",null);f.style={default:h};export{f as kol_skip_nav};
 //# sourceMappingURL=kol-skip-nav.entry.js.map

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

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as n,F as e,r as t,H as i}from"./index-DcFE50PT.js";import{B as o}from"./variant-quote-y0Z1TRdz.js";import{t as r}from"./i18n-Br16IAnY.js";import"./common-Cx_AGO_M.js";import{l as s}from"./label-KTv-zMW0.js";import{c as l,e as a,n as c}from"./normalizers-m3s9sgmq.js";import{B as p}from"./base-controller-CXhqh4cR.js";import"./i18n-B2d_exHc.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";const d=l("show",false,a);const h=["dot","cycle","none"];const m=l("variant","dot",(n=>{const e=c(n);if(h.includes(e)){return e}throw new Error(`Invalid spin variant: ${e}`)}),(()=>true));function b(t){switch(t){case"cycle":return n("span",{class:`kol-spin__loader kol-spin__spinner--${t}__element`});case"none":return n("slot",{name:"expert"});default:return n(e,null,n("span",{class:`kol-spin__spinner-element \n\t\t\t\t\t\t\tkol-spin__spinner-element--1 \n\t\t\t\t\t\t\tkol-spin__spinner--${t}__element \n\t\t\t\t\t\t\tkol-spin__spinner--${t}__element--1`}),n("span",{class:`kol-spin__spinner-element \n\t\t\t\t\t\t\tkol-spin__spinner-element--2 \n\t\t\t\t\t\t\tkol-spin__spinner--${t}__element \n\t\t\t\t\t\t\tkol-spin__spinner--${t}__element--2`}),n("span",{class:`kol-spin__spinner-element \n\t\t\t\t\t\t\tkol-spin__spinner-element--3 \n\t\t\t\t\t\t\tkol-spin__spinner--${t}__element \n\t\t\t\t\t\t\tkol-spin__spinner--${t}__element--3`}),n("span",{class:`kol-spin__spinner-element \n\t\t\t\t\t\t\tkol-spin__spinner-element--neutral \n\t\t\t\t\t\t\tkol-spin__spinner--${t}__element \n\t\t\t\t\t\t\tkol-spin__spinner--${t}__element--4`}))}}const f=t=>{const{show:i,label:o,variant:r,showToggled:s,handleGetTranslateActionRunning:l,handleGetTranslateActionDone:a}=t;return n(e,null,i?n(e,null,n("span",{class:`kol-spin__spinner kol-spin__spinner--${r}`},b(r)),n("span",{"aria-busy":"true",class:"visually-hidden",role:"alert"},o||l())):s&&n("span",{"aria-busy":"false",class:"visually-hidden",role:"alert"},o||a()))};const k={optional:[s,d,m]};class _ extends p{constructor(n){super(n,k);this.translateActionRunning=r("kol-action-running");this.translateActionDone=r("kol-action-done");this.handleGetTranslateActionRunning=()=>this.translateActionRunning;this.handleGetTranslateActionDone=()=>this.translateActionDone}componentWillLoad(n){const{show:e,label:t,variant:i}=n;this.watchShow(e);this.watchLabel(t);this.watchVariant(i)}watchShow(n){d.apply(n,(n=>{const e=this.getRenderProp("show");this.setRenderProp("show",n);this.setState("showToggled",e===true&&n===false)}))}watchLabel(n){s.apply(n,(n=>{this.setRenderProp("label",n)}))}watchVariant(n){m.apply(n,(n=>{this.setRenderProp("variant",n)}))}}const u="/* 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: white;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  @keyframes rotate {\n    to {\n      transform: rotate(1turn);\n    }\n  }\n  @keyframes growingCircle {\n    0% {\n      opacity: 0.5;\n      border-color: white;\n      clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);\n    }\n    25% {\n      opacity: 0.75;\n      border-color: var(--kol-spin-color, var(--kol-theme-spin-color, #000));\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);\n    }\n    50% {\n      opacity: 1;\n      border-color: var(--kol-spin-color, var(--kol-theme-spin-color, black));\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);\n    }\n    75% {\n      opacity: 1;\n      border-color: var(--kol-spin-color, var(--kol-theme-spin-color, black));\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);\n    }\n    100% {\n      opacity: 0.1;\n      border-color: var(--kol-spin-color, var(--kol-theme-spin-color, black));\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);\n    }\n  }\n  .kol-spin__spinner--cycle {\n    width: calc(var(--kol-spin-size, 48) * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(var(--kol-spin-size, 48) * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-spin__spinner--cycle__element {\n    border-radius: 50%;\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    animation: 2s linear infinite rotate;\n  }\n  @media (prefers-reduced-motion) {\n    .kol-spin__spinner--cycle__element {\n      animation-duration: 4s !important;\n    }\n  }\n  .kol-spin__spinner--cycle__element::before {\n    border-radius: 50%;\n    position: absolute;\n    inset: 0;\n    content: \"\";\n    animation: 3s linear infinite growingCircle;\n    border: 5px solid var(--kol-spin-color, var(--kol-theme-spin-color, #333));\n  }\n  @media (prefers-reduced-motion) {\n    .kol-spin__spinner--cycle__element::before {\n      animation-duration: 6s !important;\n    }\n  }\n}\n@layer kol-component {\n  @keyframes spin1 {\n    0% {\n      transform: scale(0);\n    }\n    100% {\n      transform: scale(1);\n    }\n  }\n  @keyframes spin2 {\n    0% {\n      transform: translate(0, 0);\n    }\n    100% {\n      transform: translate(calc(var(--kol-spin-size, 13) * 1rem / var(--kolibri-root-font-size, 16)), 0);\n    }\n  }\n  @keyframes spin3 {\n    0% {\n      transform: scale(1);\n    }\n    100% {\n      transform: scale(0);\n    }\n  }\n  /* https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion#toning_down_the_animation_scaling */\n  @media (prefers-reduced-motion) {\n    .kol-spin__spinner-element {\n      animation-duration: 2s !important;\n    }\n  }\n  .kol-spin__spinner--dot {\n    --kol-spin-border-width: calc(var(--kol-spin-size, 13) / 10);\n    width: calc(calc(var(--kol-spin-size, 13) * 3 + 2) * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(calc(var(--kol-spin-size, 13) + var(--kol-spin-border-width) * 2) * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-spin__spinner--dot__element {\n    background-color: var(--kol-spin-color, var(--kol-theme-spin-color, #000));\n    border-radius: 50%;\n    position: absolute;\n    top: 1px;\n    width: calc(var(--kol-spin-size, 13) * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(var(--kol-spin-size, 13) * 1rem / var(--kolibri-root-font-size, 16));\n    animation-timing-function: cubic-bezier(0, 1, 1, 0);\n    border: calc(var(--kol-spin-border-width) * 1rem / var(--kolibri-root-font-size, 16)) solid white;\n  }\n  .kol-spin__spinner--dot__element--1 {\n    left: calc(var(--kol-spin-border-width) * 1rem / var(--kolibri-root-font-size, 16));\n    z-index: 0;\n    animation: 1s infinite spin1;\n  }\n  .kol-spin__spinner--dot__element--2 {\n    left: calc(var(--kol-spin-border-width) * 1rem / var(--kolibri-root-font-size, 16));\n    z-index: 1;\n    animation: 1s infinite spin2;\n  }\n  .kol-spin__spinner--dot__element--3 {\n    left: calc(calc(var(--kol-spin-size, 13) + var(--kol-spin-border-width)) * 1rem / var(--kolibri-root-font-size, 16));\n    z-index: 1;\n    animation: 1s infinite spin2;\n  }\n  .kol-spin__spinner--dot__element--4 {\n    opacity: 0.6;\n    left: calc(calc(var(--kol-spin-size, 13) * 2 + var(--kol-spin-border-width)) * 1rem / var(--kolibri-root-font-size, 16));\n    z-index: 0;\n    animation: 1s infinite spin3;\n  }\n}\n@layer kol-component {\n  .kol-spin__spinner {\n    display: block;\n    position: relative;\n  }\n}";const w=class extends o{constructor(n){super();t(this,n);this.ctrl=new _(this.stateAccess);this.showToggled=false}watchShow(n){this.ctrl.watchShow(n)}watchLabel(n){this.ctrl.watchLabel(n)}watchVariant(n){this.ctrl.watchVariant(n)}componentWillLoad(){this.ctrl.componentWillLoad({show:this._show,label:this._label,variant:this._variant})}render(){return n(i,{key:"b4fec1b0b595bf2eebe1c8f866b5f1352be06093"},n(f,{key:"95988885799767328412a77384e5636b6444cc52",show:this.ctrl.getRenderProp("show"),label:this.ctrl.getRenderProp("label"),variant:this.ctrl.getRenderProp("variant"),showToggled:this.showToggled,handleGetTranslateActionRunning:this.ctrl.handleGetTranslateActionRunning,handleGetTranslateActionDone:this.ctrl.handleGetTranslateActionDone}))}static get watchers(){return{_show:["watchShow"],_label:["watchLabel"],_variant:["watchVariant"]}}};w.style={default:u};export{w as kol_spin};
+import{h as n,F as e,r as t,H as i}from"./index-Y95TmKZ9.js";import{B as o}from"./variant-quote-y0Z1TRdz.js";import{t as r}from"./i18n-Br16IAnY.js";import"./common-Cx_AGO_M.js";import{l as s}from"./label-KTv-zMW0.js";import{c as l,e as a,n as c}from"./normalizers-m3s9sgmq.js";import{B as p}from"./base-controller-CXhqh4cR.js";import"./i18n-B2d_exHc.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";const d=l("show",false,a);const h=["dot","cycle","none"];const m=l("variant","dot",(n=>{const e=c(n);if(h.includes(e)){return e}throw new Error(`Invalid spin variant: ${e}`)}),(()=>true));function b(t){switch(t){case"cycle":return n("span",{class:`kol-spin__loader kol-spin__spinner--${t}__element`});case"none":return n("slot",{name:"expert"});default:return n(e,null,n("span",{class:`kol-spin__spinner-element \n\t\t\t\t\t\t\tkol-spin__spinner-element--1 \n\t\t\t\t\t\t\tkol-spin__spinner--${t}__element \n\t\t\t\t\t\t\tkol-spin__spinner--${t}__element--1`}),n("span",{class:`kol-spin__spinner-element \n\t\t\t\t\t\t\tkol-spin__spinner-element--2 \n\t\t\t\t\t\t\tkol-spin__spinner--${t}__element \n\t\t\t\t\t\t\tkol-spin__spinner--${t}__element--2`}),n("span",{class:`kol-spin__spinner-element \n\t\t\t\t\t\t\tkol-spin__spinner-element--3 \n\t\t\t\t\t\t\tkol-spin__spinner--${t}__element \n\t\t\t\t\t\t\tkol-spin__spinner--${t}__element--3`}),n("span",{class:`kol-spin__spinner-element \n\t\t\t\t\t\t\tkol-spin__spinner-element--neutral \n\t\t\t\t\t\t\tkol-spin__spinner--${t}__element \n\t\t\t\t\t\t\tkol-spin__spinner--${t}__element--4`}))}}const f=t=>{const{show:i,label:o,variant:r,showToggled:s,handleGetTranslateActionRunning:l,handleGetTranslateActionDone:a}=t;return n(e,null,i?n(e,null,n("span",{class:`kol-spin__spinner kol-spin__spinner--${r}`},b(r)),n("span",{"aria-busy":"true",class:"visually-hidden",role:"alert"},o||l())):s&&n("span",{"aria-busy":"false",class:"visually-hidden",role:"alert"},o||a()))};const k={optional:[s,d,m]};class _ extends p{constructor(n){super(n,k);this.translateActionRunning=r("kol-action-running");this.translateActionDone=r("kol-action-done");this.handleGetTranslateActionRunning=()=>this.translateActionRunning;this.handleGetTranslateActionDone=()=>this.translateActionDone}componentWillLoad(n){const{show:e,label:t,variant:i}=n;this.watchShow(e);this.watchLabel(t);this.watchVariant(i)}watchShow(n){d.apply(n,(n=>{const e=this.getRenderProp("show");this.setRenderProp("show",n);this.setState("showToggled",e===true&&n===false)}))}watchLabel(n){s.apply(n,(n=>{this.setRenderProp("label",n)}))}watchVariant(n){m.apply(n,(n=>{this.setRenderProp("variant",n)}))}}const u="/* 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: white;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  @keyframes rotate {\n    to {\n      transform: rotate(1turn);\n    }\n  }\n  @keyframes growingCircle {\n    0% {\n      opacity: 0.5;\n      border-color: white;\n      clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);\n    }\n    25% {\n      opacity: 0.75;\n      border-color: var(--kol-spin-color, var(--kol-theme-spin-color, #000));\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);\n    }\n    50% {\n      opacity: 1;\n      border-color: var(--kol-spin-color, var(--kol-theme-spin-color, black));\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);\n    }\n    75% {\n      opacity: 1;\n      border-color: var(--kol-spin-color, var(--kol-theme-spin-color, black));\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);\n    }\n    100% {\n      opacity: 0.1;\n      border-color: var(--kol-spin-color, var(--kol-theme-spin-color, black));\n      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);\n    }\n  }\n  .kol-spin__spinner--cycle {\n    width: calc(var(--kol-spin-size, 48) * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(var(--kol-spin-size, 48) * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-spin__spinner--cycle__element {\n    border-radius: 50%;\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    animation: 2s linear infinite rotate;\n  }\n  @media (prefers-reduced-motion) {\n    .kol-spin__spinner--cycle__element {\n      animation-duration: 4s !important;\n    }\n  }\n  .kol-spin__spinner--cycle__element::before {\n    border-radius: 50%;\n    position: absolute;\n    inset: 0;\n    content: \"\";\n    animation: 3s linear infinite growingCircle;\n    border: 5px solid var(--kol-spin-color, var(--kol-theme-spin-color, #333));\n  }\n  @media (prefers-reduced-motion) {\n    .kol-spin__spinner--cycle__element::before {\n      animation-duration: 6s !important;\n    }\n  }\n}\n@layer kol-component {\n  @keyframes spin1 {\n    0% {\n      transform: scale(0);\n    }\n    100% {\n      transform: scale(1);\n    }\n  }\n  @keyframes spin2 {\n    0% {\n      transform: translate(0, 0);\n    }\n    100% {\n      transform: translate(calc(var(--kol-spin-size, 13) * 1rem / var(--kolibri-root-font-size, 16)), 0);\n    }\n  }\n  @keyframes spin3 {\n    0% {\n      transform: scale(1);\n    }\n    100% {\n      transform: scale(0);\n    }\n  }\n  /* https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion#toning_down_the_animation_scaling */\n  @media (prefers-reduced-motion) {\n    .kol-spin__spinner-element {\n      animation-duration: 2s !important;\n    }\n  }\n  .kol-spin__spinner--dot {\n    --kol-spin-border-width: calc(var(--kol-spin-size, 13) / 10);\n    width: calc(calc(var(--kol-spin-size, 13) * 3 + 2) * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(calc(var(--kol-spin-size, 13) + var(--kol-spin-border-width) * 2) * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-spin__spinner--dot__element {\n    background-color: var(--kol-spin-color, var(--kol-theme-spin-color, #000));\n    border-radius: 50%;\n    position: absolute;\n    top: 1px;\n    width: calc(var(--kol-spin-size, 13) * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(var(--kol-spin-size, 13) * 1rem / var(--kolibri-root-font-size, 16));\n    animation-timing-function: cubic-bezier(0, 1, 1, 0);\n    border: calc(var(--kol-spin-border-width) * 1rem / var(--kolibri-root-font-size, 16)) solid white;\n  }\n  .kol-spin__spinner--dot__element--1 {\n    left: calc(var(--kol-spin-border-width) * 1rem / var(--kolibri-root-font-size, 16));\n    z-index: 0;\n    animation: 1s infinite spin1;\n  }\n  .kol-spin__spinner--dot__element--2 {\n    left: calc(var(--kol-spin-border-width) * 1rem / var(--kolibri-root-font-size, 16));\n    z-index: 1;\n    animation: 1s infinite spin2;\n  }\n  .kol-spin__spinner--dot__element--3 {\n    left: calc(calc(var(--kol-spin-size, 13) + var(--kol-spin-border-width)) * 1rem / var(--kolibri-root-font-size, 16));\n    z-index: 1;\n    animation: 1s infinite spin2;\n  }\n  .kol-spin__spinner--dot__element--4 {\n    opacity: 0.6;\n    left: calc(calc(var(--kol-spin-size, 13) * 2 + var(--kol-spin-border-width)) * 1rem / var(--kolibri-root-font-size, 16));\n    z-index: 0;\n    animation: 1s infinite spin3;\n  }\n}\n@layer kol-component {\n  .kol-spin__spinner {\n    display: block;\n    position: relative;\n  }\n}";const w=class extends o{constructor(n){super();t(this,n);this.ctrl=new _(this.stateAccess);this.showToggled=false}watchShow(n){this.ctrl.watchShow(n)}watchLabel(n){this.ctrl.watchLabel(n)}watchVariant(n){this.ctrl.watchVariant(n)}componentWillLoad(){this.ctrl.componentWillLoad({show:this._show,label:this._label,variant:this._variant})}render(){return n(i,{key:"b4fec1b0b595bf2eebe1c8f866b5f1352be06093"},n(f,{key:"95988885799767328412a77384e5636b6444cc52",show:this.ctrl.getRenderProp("show"),label:this.ctrl.getRenderProp("label"),variant:this.ctrl.getRenderProp("variant"),showToggled:this.showToggled,handleGetTranslateActionRunning:this.ctrl.handleGetTranslateActionRunning,handleGetTranslateActionDone:this.ctrl.handleGetTranslateActionDone}))}static get watchers(){return{_show:["watchShow"],_label:["watchLabel"],_variant:["watchVariant"]}}};w.style={default:u};export{w as kol_spin};
 //# sourceMappingURL=kol-spin.entry.js.map

package/dist/kolibri/kol-split-button.entry.js

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e,g as o}from"./index-DcFE50PT.js";import{_ as t}from"./tslib.es6-QNbPBOk5.js";import{b as i,h as l}from"./component-names-Dy77vq43.js";import{t as a}from"./i18n-Br16IAnY.js";import{c as s}from"./clsx-COFh-Vc8.js";import{d as r,a as c,c as h}from"./element-interaction-Bv-mPSBn.js";import"./common-Cx_AGO_M.js";import"./i18n-B2d_exHc.js";import"./element-focus-CRwW4N4R.js";const d='/* 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: white;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1780037697441"); /* IE9*/\n  src: url("kolicons.eot?t=1780037697441#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1780037697441") format("woff2"), url("kolicons.woff?t=1780037697441") format("woff"), url("kolicons.ttf?t=1780037697441") format("truetype"), url("kolicons.svg?t=1780037697441#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: black;\n    background-color: white;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: black;\n    background-color: white;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-popover-button__popover {\n    margin: 0;\n    padding: 0;\n    border: 0;\n  }\n  .kol-popover-button--inline .kol-popover-button__button {\n    display: inline;\n  }\n  .kol-popover {\n    opacity: 0;\n    transition: 0.2s ease-out opacity;\n  }\n  .kol-popover-button--open + .kol-popover {\n    opacity: 1;\n  }\n  .kol-split-button {\n    display: flex;\n    position: relative;\n    width: 100%;\n  }\n  .kol-split-button__root {\n    display: flex;\n    position: relative;\n    width: 100%;\n    align-items: stretch;\n  }\n  .kol-split-button__button {\n    min-width: 0;\n    flex: 1 1 auto;\n    text-align: left;\n  }\n}';const f=class{constructor(e){n(this,e);this.ctaRef=h();this.setPopoverButtonRef=n=>{this.popoverButtonRef=n};this.clickButtonHandler={onClick:n=>{var e,o;n.stopPropagation();if(typeof((e=this._on)===null||e===void 0?void 0:e.onClick)==="function"){(o=this._on)===null||o===void 0?void 0:o.onClick(n,this._value)}}};this._disabled=false;this._hideLabel=false;this._tooltipAlign="top";this._type="button";this._variant="normal";this.state={_show:false}}async getValue(){return this._value}async focus(){}async click(){}render(){const n="kol-split-button-dropdown-label";return e("div",{key:"17c486ad6192612f32ba5ffe684e7d4523655b3b",class:"kol-split-button"},e("div",{key:"87e2a57f2f7949b607c156e2d3e80d1a7dce5228",class:"kol-split-button__root"},e(i,{key:"fb5606aca388e49380f0851629c5039a2fe66a0f",class:s("kol-split-button__button",{[this._variant]:this._variant!=="custom",[this._customClass]:this._variant==="custom"&&typeof this._customClass==="string"&&this._customClass.length>0}),ref:this.ctaRef,_accessKey:this._accessKey,_ariaControls:this._ariaControls,_ariaDescription:this._ariaDescription,_ariaExpanded:this._ariaExpanded,_ariaSelected:this._ariaSelected,_customClass:this._customClass,_disabled:this._disabled,_icons:this._icons,_hideLabel:this._hideLabel,_label:this._label,_name:this._name,_on:this.clickButtonHandler,_shortKey:this._shortKey,_syncValueBySelector:this._syncValueBySelector,_tooltipAlign:this._tooltipAlign,_type:this._type,_value:this._value,_variant:this._variant}),e("div",{key:"bf7c081ff341b59b67f3cf0a424d48873473ab2f",class:"kol-split-button__horizontal-line"}),e(l,{key:"3df8d8218b22f19b5af46b5c993067ab515659c6",class:"kol-split-button__secondary-button",ref:this.setPopoverButtonRef,_disabled:this._disabled,_hideLabel:true,_icons:"kolicon-chevron-down",_label:a(`${n}-open`),_popoverAlign:"bottom"},e("slot",{key:"32e9fb77969d8a751528f3f231b5c6a8e5b97909"}))))}connectedCallback(){this.state=Object.assign(Object.assign({},this.state),{_show:false})}async closePopup(){var n;void((n=this.popoverButtonRef)===null||n===void 0?void 0:n.hidePopover());return Promise.resolve()}get host(){return o(this)}};t([r("ctaRef")],f.prototype,"focus",null);t([c("ctaRef")],f.prototype,"click",null);f.style={default:d};export{f as kol_split_button};
+import{r as n,h as e,g as o}from"./index-Y95TmKZ9.js";import{_ as t}from"./tslib.es6-QNbPBOk5.js";import{b as i,h as l}from"./component-names-Dy77vq43.js";import{t as a}from"./i18n-Br16IAnY.js";import{c as s}from"./clsx-COFh-Vc8.js";import{d as r,a as c,c as h}from"./element-interaction-Bv-mPSBn.js";import"./common-Cx_AGO_M.js";import"./i18n-B2d_exHc.js";import"./element-focus-CRwW4N4R.js";const d='/* 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: white;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1780046644768"); /* IE9*/\n  src: url("kolicons.eot?t=1780046644768#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1780046644768") format("woff2"), url("kolicons.woff?t=1780046644768") format("woff"), url("kolicons.ttf?t=1780046644768") format("truetype"), url("kolicons.svg?t=1780046644768#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: black;\n    background-color: white;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: black;\n    background-color: white;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-popover-button__popover {\n    margin: 0;\n    padding: 0;\n    border: 0;\n  }\n  .kol-popover-button--inline .kol-popover-button__button {\n    display: inline;\n  }\n  .kol-popover {\n    opacity: 0;\n    transition: 0.2s ease-out opacity;\n  }\n  .kol-popover-button--open + .kol-popover {\n    opacity: 1;\n  }\n  .kol-split-button {\n    display: flex;\n    position: relative;\n    width: 100%;\n  }\n  .kol-split-button__root {\n    display: flex;\n    position: relative;\n    width: 100%;\n    align-items: stretch;\n  }\n  .kol-split-button__button {\n    min-width: 0;\n    flex: 1 1 auto;\n    text-align: left;\n  }\n}';const f=class{constructor(e){n(this,e);this.ctaRef=h();this.setPopoverButtonRef=n=>{this.popoverButtonRef=n};this.clickButtonHandler={onClick:n=>{var e,o;n.stopPropagation();if(typeof((e=this._on)===null||e===void 0?void 0:e.onClick)==="function"){(o=this._on)===null||o===void 0?void 0:o.onClick(n,this._value)}}};this._disabled=false;this._hideLabel=false;this._tooltipAlign="top";this._type="button";this._variant="normal";this.state={_show:false}}async getValue(){return this._value}async focus(){}async click(){}render(){const n="kol-split-button-dropdown-label";return e("div",{key:"17c486ad6192612f32ba5ffe684e7d4523655b3b",class:"kol-split-button"},e("div",{key:"87e2a57f2f7949b607c156e2d3e80d1a7dce5228",class:"kol-split-button__root"},e(i,{key:"fb5606aca388e49380f0851629c5039a2fe66a0f",class:s("kol-split-button__button",{[this._variant]:this._variant!=="custom",[this._customClass]:this._variant==="custom"&&typeof this._customClass==="string"&&this._customClass.length>0}),ref:this.ctaRef,_accessKey:this._accessKey,_ariaControls:this._ariaControls,_ariaDescription:this._ariaDescription,_ariaExpanded:this._ariaExpanded,_ariaSelected:this._ariaSelected,_customClass:this._customClass,_disabled:this._disabled,_icons:this._icons,_hideLabel:this._hideLabel,_label:this._label,_name:this._name,_on:this.clickButtonHandler,_shortKey:this._shortKey,_syncValueBySelector:this._syncValueBySelector,_tooltipAlign:this._tooltipAlign,_type:this._type,_value:this._value,_variant:this._variant}),e("div",{key:"bf7c081ff341b59b67f3cf0a424d48873473ab2f",class:"kol-split-button__horizontal-line"}),e(l,{key:"3df8d8218b22f19b5af46b5c993067ab515659c6",class:"kol-split-button__secondary-button",ref:this.setPopoverButtonRef,_disabled:this._disabled,_hideLabel:true,_icons:"kolicon-chevron-down",_label:a(`${n}-open`),_popoverAlign:"bottom"},e("slot",{key:"32e9fb77969d8a751528f3f231b5c6a8e5b97909"}))))}connectedCallback(){this.state=Object.assign(Object.assign({},this.state),{_show:false})}async closePopup(){var n;void((n=this.popoverButtonRef)===null||n===void 0?void 0:n.hidePopover());return Promise.resolve()}get host(){return o(this)}};t([r("ctaRef")],f.prototype,"focus",null);t([c("ctaRef")],f.prototype,"click",null);f.style={default:d};export{f as kol_split_button};
 //# sourceMappingURL=kol-split-button.entry.js.map

package/dist/kolibri/kol-table-settings-wc.entry.js

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as e,h as t,g as s}from"./index-DcFE50PT.js";import{a as i}from"./tslib.es6-QNbPBOk5.js";import{p as l,a,q as n,r as o,b as d,h as c}from"./component-names-Dy77vq43.js";import{t as r}from"./i18n-Br16IAnY.js";import{d as h,K as b}from"./events-VVvk1win.js";import"./common-Cx_AGO_M.js";import"./i18n-B2d_exHc.js";const u=e=>Number.isFinite(e)&&e!==undefined&&e>0?e:undefined;const _=class{constructor(t){e(this,t);this.headerCells=[];this.editingHeaderCells=[];this.errorMessage=null;this.translateTableSettings=r("kol-table-settings");this.translateTableSettingsCancel=r("kol-table-settings-cancel");this.translateTableSettingsApply=r("kol-table-settings-apply");this.translateErrorAllInvisible=r("kol-table-settings-error-all-invisible");this.translateColumnNotHidable=r("kol-table-settings-column-not-hidable");this._horizontalHeaderCells=[]}handleHeaderCellsChange(e){this.headerCells=e.map((e=>[...e]));this.editingHeaderCells=e.map((e=>e.map((e=>Object.assign({},e)))))}componentWillLoad(){this.handleHeaderCellsChange(this._horizontalHeaderCells)}getPrimaryRow(){var e;return(e=this.editingHeaderCells[this.editingHeaderCells.length-1])!==null&&e!==void 0?e:[]}updatePrimaryRow(e){this.editingHeaderCells=this.editingHeaderCells.map(((t,s,i)=>s===i.length-1?e:t))}moveColumn(e,t){const s=[...this.getPrimaryRow()];const i=s.findIndex((t=>t.key===e));if(i===-1)return;let l;if(t==="up"){if(i===0)return;l=i-1}else{if(i===s.length-1)return;l=i+1}const[a]=s.splice(i,1);s.splice(l,0,a);this.updatePrimaryRow(s)}handleVisibilityChange(e,t){const s=this.getPrimaryRow().map((s=>s.key===e&&s.hidable!==false?Object.assign(Object.assign({},s),{visible:Boolean(t)}):s));this.updatePrimaryRow(s)}handleWidthChange(e,t){const s=this.getPrimaryRow().map((s=>s.key===e&&s.resizable!==false?Object.assign(Object.assign({},s),{width:Number(t)}):s));this.updatePrimaryRow(s)}handleCancel(){var e;this.editingHeaderCells=this.headerCells.map((e=>[...e]));this.errorMessage=null;void((e=this.popoverRef)===null||e===void 0?void 0:e.hidePopover())}handleSubmit(e){var t;e.preventDefault();const s=this.getPrimaryRow();const l=s.some((e=>e.visible!==false));if(!l){this.errorMessage=this.translateErrorAllInvisible;return}else if(this.host){this.errorMessage=null;this.headerCells=this.editingHeaderCells.map((e=>e.map((e=>Object.assign({},e)))));const e=this.editingHeaderCells.map((e=>e.map((e=>{const t=e,{hidable:s,resizable:l,sortable:a,visible:n,width:o}=t,d=i(t,["hidable","resizable","sortable","visible","width"]);const c=Object.assign({},d);if(n!==undefined)c.visible=n;if(s!==undefined)c.hidable=s;if(a!==undefined)c.sortable=a;if(l!==undefined)c.resizable=l;if(o!==undefined&&o!==null)c.width=o;return c}))));h(this.host,b.changeHeaderCells,e);void((t=this.popoverRef)===null||t===void 0?void 0:t.hidePopover())}}render(){const e=this.getPrimaryRow();return t(c,{key:"47831336493b2b1455a9fb3033a7cfd2c0326bc8",ref:e=>this.popoverRef=e,class:"kol-table-settings",_icons:"kolicon-settings",_label:this.translateTableSettings,_popoverAlign:"top",_hideLabel:true},t("div",{key:"211428e2280c4277f22457101db760f291ea3b3c",class:"kol-table-settings__content"},t(l,{key:"1944bb47d22317f1957fafe9838dcca62f677040",_label:this.translateTableSettings,_level:0}),this.errorMessage&&t(a,{key:"1bf58753eee563a299905c0438e406dd69fbba1a",_type:"error",_label:this.errorMessage,_variant:"msg",class:"kol-table-settings__error-message"}),t("form",{key:"f0789d72f4f2a784a2d5171f7b29633c367b5878",onSubmit:this.handleSubmit.bind(this)},t("div",{key:"aa906b2c0d984c0cf4cdd3a27df0754cf36485b0",class:"kol-table-settings__columns-container"},t("div",{key:"edb6a15875d74f7828c8fdb8a271c4cf65a728c8",class:"kol-table-settings__columns"},e.map(((s,i)=>t("div",{key:s.key,class:"kol-table-settings__column"},t(n,{_checked:s.visible!==false,_label:`${s.label}${s.hidable===false?` (${this.translateColumnNotHidable})`:""}`,_value:true,_hideLabel:true,_disabled:s.hidable===false,_on:{onInput:(e,t)=>{var i;return this.handleVisibilityChange((i=s.key)!==null&&i!==void 0?i:"",t)}}}),t("span",{class:"kol-table-settings__column-label"},s.label),t(o,{_hideLabel:true,_value:u(s.width),_label:r("kol-table-settings-column-width",{placeholders:{column:s.label}}),_min:1,_disabled:s.resizable===false,_on:{onInput:(e,t)=>{var i;return this.handleWidthChange((i=s.key)!==null&&i!==void 0?i:"",t)}}}),t(d,{_icons:"kolicon-chevron-up",_label:r("kol-table-settings-move-up",{placeholders:{column:s.label}}),_hideLabel:true,_variant:"ghost",_on:{onClick:()=>{var e;return this.moveColumn((e=s.key)!==null&&e!==void 0?e:"","up")}},_disabled:s.sortable===false||i===0,"data-testid":"table-settings-move-up"}),t(d,{_icons:"kolicon-chevron-down",_label:r("kol-table-settings-move-down",{placeholders:{column:s.label}}),_hideLabel:true,_variant:"ghost",_on:{onClick:()=>{var e;return this.moveColumn((e=s.key)!==null&&e!==void 0?e:"","down")}},_disabled:s.sortable===false||i===e.length-1,"data-testid":"table-settings-move-down"})))))),t("div",{key:"95e16a238529a4cc22351c50153f0fd105321dd5",class:"kol-table-settings__actions"},t(d,{key:"b67cae11ce5ee0d1d3ad3cfe09a6bcbd273d99c9",_label:this.translateTableSettingsCancel,_variant:"secondary",_on:{onClick:()=>this.handleCancel()},"data-testid":"table-settings-cancel"}),t(d,{key:"3b119117b1303290c78297c981738696042c5fa4",_label:this.translateTableSettingsApply,_variant:"primary",_type:"submit","data-testid":"table-settings-apply"})))))}get host(){return s(this)}static get watchers(){return{_horizontalHeaderCells:["handleHeaderCellsChange"]}}};export{_ as kol_table_settings_wc};
+import{r as e,h as t,g as s}from"./index-Y95TmKZ9.js";import{a as i}from"./tslib.es6-QNbPBOk5.js";import{p as l,a,q as n,r as o,b as d,h as c}from"./component-names-Dy77vq43.js";import{t as r}from"./i18n-Br16IAnY.js";import{d as h,K as b}from"./events-VVvk1win.js";import"./common-Cx_AGO_M.js";import"./i18n-B2d_exHc.js";const u=e=>Number.isFinite(e)&&e!==undefined&&e>0?e:undefined;const _=class{constructor(t){e(this,t);this.headerCells=[];this.editingHeaderCells=[];this.errorMessage=null;this.translateTableSettings=r("kol-table-settings");this.translateTableSettingsCancel=r("kol-table-settings-cancel");this.translateTableSettingsApply=r("kol-table-settings-apply");this.translateErrorAllInvisible=r("kol-table-settings-error-all-invisible");this.translateColumnNotHidable=r("kol-table-settings-column-not-hidable");this._horizontalHeaderCells=[]}handleHeaderCellsChange(e){this.headerCells=e.map((e=>[...e]));this.editingHeaderCells=e.map((e=>e.map((e=>Object.assign({},e)))))}componentWillLoad(){this.handleHeaderCellsChange(this._horizontalHeaderCells)}getPrimaryRow(){var e;return(e=this.editingHeaderCells[this.editingHeaderCells.length-1])!==null&&e!==void 0?e:[]}updatePrimaryRow(e){this.editingHeaderCells=this.editingHeaderCells.map(((t,s,i)=>s===i.length-1?e:t))}moveColumn(e,t){const s=[...this.getPrimaryRow()];const i=s.findIndex((t=>t.key===e));if(i===-1)return;let l;if(t==="up"){if(i===0)return;l=i-1}else{if(i===s.length-1)return;l=i+1}const[a]=s.splice(i,1);s.splice(l,0,a);this.updatePrimaryRow(s)}handleVisibilityChange(e,t){const s=this.getPrimaryRow().map((s=>s.key===e&&s.hidable!==false?Object.assign(Object.assign({},s),{visible:Boolean(t)}):s));this.updatePrimaryRow(s)}handleWidthChange(e,t){const s=this.getPrimaryRow().map((s=>s.key===e&&s.resizable!==false?Object.assign(Object.assign({},s),{width:Number(t)}):s));this.updatePrimaryRow(s)}handleCancel(){var e;this.editingHeaderCells=this.headerCells.map((e=>[...e]));this.errorMessage=null;void((e=this.popoverRef)===null||e===void 0?void 0:e.hidePopover())}handleSubmit(e){var t;e.preventDefault();const s=this.getPrimaryRow();const l=s.some((e=>e.visible!==false));if(!l){this.errorMessage=this.translateErrorAllInvisible;return}else if(this.host){this.errorMessage=null;this.headerCells=this.editingHeaderCells.map((e=>e.map((e=>Object.assign({},e)))));const e=this.editingHeaderCells.map((e=>e.map((e=>{const t=e,{hidable:s,resizable:l,sortable:a,visible:n,width:o}=t,d=i(t,["hidable","resizable","sortable","visible","width"]);const c=Object.assign({},d);if(n!==undefined)c.visible=n;if(s!==undefined)c.hidable=s;if(a!==undefined)c.sortable=a;if(l!==undefined)c.resizable=l;if(o!==undefined&&o!==null)c.width=o;return c}))));h(this.host,b.changeHeaderCells,e);void((t=this.popoverRef)===null||t===void 0?void 0:t.hidePopover())}}render(){const e=this.getPrimaryRow();return t(c,{key:"47831336493b2b1455a9fb3033a7cfd2c0326bc8",ref:e=>this.popoverRef=e,class:"kol-table-settings",_icons:"kolicon-settings",_label:this.translateTableSettings,_popoverAlign:"top",_hideLabel:true},t("div",{key:"211428e2280c4277f22457101db760f291ea3b3c",class:"kol-table-settings__content"},t(l,{key:"1944bb47d22317f1957fafe9838dcca62f677040",_label:this.translateTableSettings,_level:0}),this.errorMessage&&t(a,{key:"1bf58753eee563a299905c0438e406dd69fbba1a",_type:"error",_label:this.errorMessage,_variant:"msg",class:"kol-table-settings__error-message"}),t("form",{key:"f0789d72f4f2a784a2d5171f7b29633c367b5878",onSubmit:this.handleSubmit.bind(this)},t("div",{key:"aa906b2c0d984c0cf4cdd3a27df0754cf36485b0",class:"kol-table-settings__columns-container"},t("div",{key:"edb6a15875d74f7828c8fdb8a271c4cf65a728c8",class:"kol-table-settings__columns"},e.map(((s,i)=>t("div",{key:s.key,class:"kol-table-settings__column"},t(n,{_checked:s.visible!==false,_label:`${s.label}${s.hidable===false?` (${this.translateColumnNotHidable})`:""}`,_value:true,_hideLabel:true,_disabled:s.hidable===false,_on:{onInput:(e,t)=>{var i;return this.handleVisibilityChange((i=s.key)!==null&&i!==void 0?i:"",t)}}}),t("span",{class:"kol-table-settings__column-label"},s.label),t(o,{_hideLabel:true,_value:u(s.width),_label:r("kol-table-settings-column-width",{placeholders:{column:s.label}}),_min:1,_disabled:s.resizable===false,_on:{onInput:(e,t)=>{var i;return this.handleWidthChange((i=s.key)!==null&&i!==void 0?i:"",t)}}}),t(d,{_icons:"kolicon-chevron-up",_label:r("kol-table-settings-move-up",{placeholders:{column:s.label}}),_hideLabel:true,_variant:"ghost",_on:{onClick:()=>{var e;return this.moveColumn((e=s.key)!==null&&e!==void 0?e:"","up")}},_disabled:s.sortable===false||i===0,"data-testid":"table-settings-move-up"}),t(d,{_icons:"kolicon-chevron-down",_label:r("kol-table-settings-move-down",{placeholders:{column:s.label}}),_hideLabel:true,_variant:"ghost",_on:{onClick:()=>{var e;return this.moveColumn((e=s.key)!==null&&e!==void 0?e:"","down")}},_disabled:s.sortable===false||i===e.length-1,"data-testid":"table-settings-move-down"})))))),t("div",{key:"95e16a238529a4cc22351c50153f0fd105321dd5",class:"kol-table-settings__actions"},t(d,{key:"b67cae11ce5ee0d1d3ad3cfe09a6bcbd273d99c9",_label:this.translateTableSettingsCancel,_variant:"secondary",_on:{onClick:()=>this.handleCancel()},"data-testid":"table-settings-cancel"}),t(d,{key:"3b119117b1303290c78297c981738696042c5fa4",_label:this.translateTableSettingsApply,_variant:"primary",_type:"submit","data-testid":"table-settings-apply"})))))}get host(){return s(this)}static get watchers(){return{_horizontalHeaderCells:["handleHeaderCellsChange"]}}};export{_ as kol_table_settings_wc};
 //# sourceMappingURL=kol-table-settings-wc.entry.js.map