@public-ui/components 4.3.0 → 4.3.1-rc.0

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

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as n,r as e,g as t}from"./index-CJ6nR8sE.js";import{_ as i}from"./tslib.es6-QNbPBOk5.js";import{b as o}from"./component-names-Dy77vq43.js";import{a as s,F as a}from"./FormFieldStateWrapper-RFAVyAWM.js";import{I as l,a as r}from"./controller-icon-E2i_Tvo6.js";import{I as h}from"./InputStateWrapper-DyXXkT2u.js";import{C as c,a as d}from"./CustomSuggestionsOptionsGroup-KlCOgWwU.js";import{t as f}from"./i18n-BsXYYo8j.js";import{I as u}from"./component-C0fGqGE4.js";import{c as m}from"./clsx-COFh-Vc8.js";import{c as p}from"./dev.utils-Bp48T7K-.js";import{d as b,a as k,c as g}from"./element-interaction-C5-6aPzz.js";import{e as v,g as y}from"./common-D5l8QiaY.js";import{v as w}from"./placeholder-BBA3H0w5.js";import{v as _}from"./required-DSzN5_9V.js";import{v as x}from"./suggestions-Bqlc1vUw.js";import"./access-and-short-key-Mj1AS76I.js";import"./disabled-BcXSZaDo.js";import"./hide-label-B9ipEhG8.js";import"./label-Ftw1VCQG.js";import"./tooltip-align-ChjYN8Pt.js";import"./align-DpNc6EKs.js";import"./variant-class-name-DFWOlDkF.js";import"./events-BhfZTW2e.js";import"./associated.controller-CKYHZabJ.js";import"./aria-details-8nY2-PPr.js";import"./aria-labelledby-6-ki3akM.js";import"./bootstrap-DZ17-oRV.js";import"./i18n-CoO4-0na.js";import"./base-web-component-BT6jbe_v.js";import"./component-ta0hHoH-.js";import"./component-D7UTo-Wg.js";import"./bem-registry-Coj2Hlbo.js";import"./isArray-CcrBs4JM.js";import"./controller-DV0N3zXZ.js";import"./align-floating-elements-BgsKEL5o.js";import"./tooltip-open-tracking-D3tCiiGP.js";import"./normalizers-Dmgd1cXp.js";import"./_Uint8Array-kJHDjtoP.js";import"./label-RX8TPr4R.js";import"./variant-quote-BI3zVSZn.js";import"./base-controller-CXhqh4cR.js";import"./Alert-B0-brpb4.js";import"./Heading-B1x6PKRk.js";import"./icons-BX75HD_Y.js";import"./Input-CybpAJ8Y.js";import"./element-focus-BQXzaLL9.js";class j extends l{constructor(n,e,t){super(n,e,t);this.component=n}validateHasClearButton(n){v(this.component,"_hasClearButton",n)}validatePlaceholder(n){w(this.component,n)}validateRequired(n){_(this.component,n)}validateSuggestions(n){x(this.component,n)}validateValue(n){y(this.component,"_value",n)}componentWillLoad(){super.componentWillLoad();this.validateHasClearButton(this.component._hasClearButton);this.validatePlaceholder(this.component._placeholder);this.validateRequired(this.component._required);this.validateSuggestions(this.component._suggestions);this.validateValue(this.component._value)}}const z='@charset "UTF-8";\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     *\n     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser\'s\n     * rounding, dropping just below the required minimum.\n     */\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    --kol-a11y-font-color: black;\n    --kol-a11y-background-color: white;\n    color: var(--kol-a11y-font-color);\n    background-color: var(--kol-a11y-background-color);\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    --kol-a11y-font-family: Verdana;\n    font-family: var(--kol-a11y-font-family);\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=1785826695208"); /* IE9*/\n  src: url("kolicons.eot?t=1785826695208#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1785826695208") format("woff2"), url("kolicons.woff?t=1785826695208") format("woff"), url("kolicons.ttf?t=1785826695208") format("truetype"), url("kolicons.svg?t=1785826695208#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    height: 100%;\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    grid-template-areas: "icon heading close" "icon content close";\n    grid-template-columns: min-content 1fr min-content;\n    grid-template-rows: min-content min-content;\n  }\n  .kol-alert__icon {\n    grid-area: icon;\n  }\n  .kol-alert__heading {\n    grid-area: heading;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n    grid-area: close;\n  }\n  .kol-alert__content {\n    grid-area: content;\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-form-field .kol-tooltip__content .kol-span__label::after {\n    content: "*"/"";\n  }\n  .kol-input-container {\n    background-color: transparent;\n    display: grid;\n    position: relative;\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    z-index: 1;\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    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-combobox__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-combobox__delete :host {\n    display: inline-block;\n  }\n  .kol-combobox__delete .kol-button {\n    display: flex;\n    height: 100%;\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-combobox__delete .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-combobox__delete .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-combobox-toggle {\n    min-height: 0;\n    flex: 0;\n    align-self: stretch;\n  }\n}';const C=class{async getValue(){return this.state._value}async focus(n){}async click(){}selectOption(n){var e;this.controller.onFacade.onInput(new CustomEvent("input",{bubbles:true,detail:{name:this.state._name,value:n}}),true,n);this.controller.onFacade.onChange(new CustomEvent("change",{bubbles:true,detail:{name:this.state._name,value:n}}),n);this.controller.setFormAssociatedValue(n);this._filteredSuggestions=[...this.state._suggestions];this.state._value=n;(e=this.ctaRef.el)===null||e===void 0?void 0:e.focus()}clearSelection(){var n;const e=this.state._disabled===true;if(e){return}const t="";this._focusedOptionIndex=-1;this._value=t;this.state._value=t;this._filteredSuggestions=[...this.state._suggestions];this._isOpen=false;const i={name:this.state._name,value:t};this.controller.onFacade.onInput(new CustomEvent("input",{bubbles:true,detail:i}),true,t);this.controller.onFacade.onChange(new CustomEvent("change",{bubbles:true,detail:i}),t);this.controller.setFormAssociatedValue(t);(n=this.ctaRef.el)===null||n===void 0?void 0:n.focus()}onInput(n){const e=n.target;const t=e.value;this.state._value=t;this._value=t;this.controller.onFacade.onInput(n,true,t);this.setFilteredSuggestionsByQuery(t);this._focusedOptionIndex=-1;n.stopImmediatePropagation()}handleKeyDownDropdown(n){if(n.key.length===1&&/[a-z0-9]/i.test(n.key)){this._isOpen=true;this.focusSuggestionStartingWith(n.key)}}setFilteredSuggestionsByQuery(n){var e;if(n===undefined){return}if(n.trim()===""){this._filteredSuggestions=[...this.state._suggestions]}else{this._filteredSuggestions=Array.isArray(this.state._suggestions)?this.state._suggestions.filter((e=>e.toLowerCase().includes(n.trim().toLowerCase()))):this._filteredSuggestions;if(((e=this._filteredSuggestions)===null||e===void 0?void 0:e.length)===1&&this._filteredSuggestions[0]===n){this._isOpen=false}else if(this._filteredSuggestions&&this._filteredSuggestions.length>0){this._isOpen=true}else{this._isOpen=false}}}moveFocus(n){if(!this._filteredSuggestions){return}let e=this._focusedOptionIndex+n;if(e>=this._filteredSuggestions.length){e=0}if(e<0){e=this._filteredSuggestions.length-1}this.focusOption(e)}focusOption(n){this._focusedOptionIndex=n;if(this.refSuggestions){const e=this.refSuggestions[n];e===null||e===void 0?void 0:e.focus()}}selectFocusedOption(){if(this._filteredSuggestions&&this._focusedOptionIndex>=0&&this._focusedOptionIndex<this._filteredSuggestions.length){this.selectOption(this._filteredSuggestions[this._focusedOptionIndex]);return true}return false}focusSuggestionStartingWith(n){const e=n.toLowerCase();const t=Array.isArray(this._filteredSuggestions)&&this._filteredSuggestions.length>0&&this._filteredSuggestions.findIndex((n=>n.toLowerCase().startsWith(e)));if(typeof t==="number"){this.focusOption(t)}}getFormFieldProps(){return{state:this.state,class:m("kol-combobox",{"has-value":this.state._hasValue}),tooltipAlign:this._tooltipAlign,alert:this.showAsAlert()}}getInputProps(){const{ariaDescribedBy:n}=s(this.state);const e=this.state._disabled===true;return Object.assign(Object.assign({ref:this.ctaRef,state:this.state,class:"kol-combobox__input",type:"text",role:"combobox","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,value:this.state._value,accessKey:this.state._accessKey,autocapitalize:"off",autocorrect:"off",disabled:e,customSuggestions:true,id:this.state._id,name:this.state._name,required:this.state._required},this.controller.onFacade),{onChange:this.onChange.bind(this),onInput:this.onInput.bind(this),placeholder:this.state._placeholder})}render(){const e=this.state._disabled===true;return n(a,Object.assign({key:"5d29dc592fe2292e261ef170fe75841d25f85aea"},this.getFormFieldProps()),n(r,{key:"631741b70ef2a1b8d428a95c0fab4cb58c911cef",state:this.state},n("div",{key:"9d66ed4035974fd3e377d974301495dd28eb418a",class:"kol-combobox__group"},n(h,Object.assign({key:"8f2c831fec6b647adbb86f8429f19334a17de2ae"},this.getInputProps())),this.state._value&&this.state._hasClearButton&&n(o,{key:"5a7b9faa823f8c5f2ef0f18a8a92b5c9587a61fc",_icons:"kolicon-cross",_label:this.translateDeleteSelection,_hideLabel:true,_variant:"ghost",_disabled:e,"data-testid":"combobox-delete",class:"kol-combobox__delete",hidden:e,_on:{onClick:()=>{this.clearSelection()},onFocus:()=>{this.clearButtonFocused=true},onBlur:()=>{this.clearButtonFocused=false}}}),n("button",{key:"9c260edf0a6488606a13d4ff9b12d08e0fdb3790",type:"button",tabIndex:-1,class:"kol-combobox-toggle",onClick:this.toggleListbox.bind(this),disabled:this._disabled,hidden:e},n(u,{key:"122243913c7f7e1fe7032636901f4863194dfd87",icons:"kolicon-chevron-down",label:""}))),n(c,{key:"eee2b35d66c4aea8dbb9d2b6603edb67d8369b5e",blockSuggestionMouseOver:this.blockSuggestionMouseOver,onKeyDown:this.handleKeyDownDropdown.bind(this),hidden:!this._isOpen||e,id:this.state._id+"-listbox"},Array.isArray(this._filteredSuggestions)&&this._filteredSuggestions.length>0&&this._filteredSuggestions.map(((e,t)=>n(d,{disabled:false,index:t,option:e,searchTerm:this.state._value,ref:n=>{if(n)this.refSuggestions[t]=n},selected:this.state._value===e,onClick:()=>{this.selectOption(e);this.toggleListbox();this._isOpen=false},onMouseOver:()=>{if(!this.blockSuggestionMouseOver){this.focusOption(t)}},onFocus:()=>{this.focusOption(t)}}))))))}handleKeyDown(n){var e,t;const i=(e,t)=>{var i;n.preventDefault();if(e!==undefined){this._isOpen=e;if(!e){(i=this.ctaRef.el)===null||i===void 0?void 0:i.focus()}}t===null||t===void 0?void 0:t()};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=false;(e=this.ctaRef.el)===null||e===void 0?void 0:e.focus()}break;case"Esc":case"Escape":{if(this._isOpen){n.preventDefault();this._isOpen=false;(t=this.ctaRef.el)===null||t===void 0?void 0:t.focus()}break}case"Enter":case"NumpadEnter":{if(this.clearButtonFocused){this.clearSelection()}else if(this._isOpen){if(this.selectFocusedOption()){this._isOpen=false}}else{this.toggleListbox()}n.preventDefault();break}case" ":{if(this.clearButtonFocused){this.clearSelection();n.preventDefault()}else if(this._isOpen){if(this.selectFocusedOption()){this._isOpen=false;n.preventDefault()}}break}case"Home":{this.blockSuggestionMouseOver=true;i(undefined,(()=>{if(this._isOpen){this.focusOption(0)}}));break}case"End":{this.blockSuggestionMouseOver=true;i(undefined,(()=>{if(this._isOpen){this.focusOption(this._filteredSuggestions?this._filteredSuggestions.length-1:0)}}));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}}}handleWindowClick(n){if(this.host!==undefined&&!this.host.contains(n.target)){this._isOpen=false}}validateAriaDetails(n){this.controller.validateAriaDetails(n)}constructor(n){e(this,n);this.ctaRef=g();this.refSuggestions=[];this._focusedOptionIndex=-1;this.translateDeleteSelection=f("kol-delete-selection");this.clearButtonFocused=false;this.toggleListbox=()=>{var n;const e=this.state._disabled===true;if(e){this._isOpen=false}else{(n=this.ctaRef.el)===null||n===void 0?void 0:n.focus();if(this._isOpen){this._isOpen=false}else if(Array.isArray(this._filteredSuggestions)&&this._filteredSuggestions.length>0){this._isOpen=true;const n=this._filteredSuggestions.findIndex((n=>n===this.state._value));this._focusedOptionIndex=n>=0?n:-1;this.focusOption(this._focusedOptionIndex)}}};this.blockSuggestionMouseOver=false;this._isOpen=false;this._disabled=false;this._hideMsg=false;this._hideLabel=false;this._hint="";this._hasClearButton=true;this._required=false;this._tooltipAlign="top";this._touched=false;this.state={_hasValue:false,_hasClearButton:true,_hideMsg:false,_id:p("combobox"),_label:"",_suggestions:[],_value:""};this.inputHasFocus=false;this.controller=new j(this,"combobox",this.host);this.onInput=this.onInput.bind(this)}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)}validateShortKey(n){this.controller.validateShortKey(n)}validateSuggestions(n){this.controller.validateSuggestions(n);this._filteredSuggestions=n;this.setFilteredSuggestionsByQuery(this._value)}validateHasClearButton(n){this.controller.validateHasClearButton(n)}validateRequired(n){this.controller.validateRequired(n)}validateSyncValueBySelector(n){this.controller.validateSyncValueBySelector(n)}validateTouched(n){this.controller.validateTouched(n)}validateValue(n){this.controller.validateValue(n);this.controller.setFormAssociatedValue(n)}validateVariant(n){this.controller.validateVariant(n)}componentWillLoad(){this.validateAriaDetails(this._ariaDetails);this.refSuggestions=[];this._touched=this._touched===true;this.controller.componentWillLoad();this.state._hasValue=!!this.state._value;this.controller.addValueChangeListener((n=>this.state._hasValue=!!n));this._filteredSuggestions=this.state._suggestions}handleMouseEvent(){this.blockSuggestionMouseOver=false}handleFocusIn(n){var e;if(((e=this.host)===null||e===void 0?void 0:e.contains(document.activeElement))&&!this.inputHasFocus){this.controller.onFacade.onFocus(n);this.inputHasFocus=true}}handleFocusOut(n){var e;const t=n.relatedTarget;const i=t&&(t===this.host||((e=this.host)===null||e===void 0?void 0:e.contains(t)));if(this.inputHasFocus&&!i){this.controller.onFacade.onBlur(n);this.inputHasFocus=false;if(this._isOpen){this._isOpen=false}}}onChange(n){n.stopPropagation();const e=this.state._value;this.controller.onFacade.onChange(n,e);this.controller.setFormAssociatedValue(e)}get host(){return t(this)}static get watchers(){return{_ariaDetails:["validateAriaDetails"],_placeholder:["validatePlaceholder"],_accessKey:["validateAccessKey"],_disabled:["validateDisabled"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_label:["validateLabel"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_shortKey:["validateShortKey"],_suggestions:["validateSuggestions"],_hasClearButton:["validateHasClearButton"],_required:["validateRequired"],_syncValueBySelector:["validateSyncValueBySelector"],_touched:["validateTouched"],_value:["validateValue"],_variant:["validateVariant"]}}};i([b("ctaRef")],C.prototype,"focus",null);i([k("ctaRef")],C.prototype,"click",null);C.style={default:z};export{C as kol_combobox};
+import{h as n,r as t,g as e}from"./index-Dy5OebFJ.js";import{_ as i}from"./tslib.es6-QNbPBOk5.js";import{b as o}from"./component-names-BGnhDM7F.js";import{a as s,F as a}from"./FormFieldStateWrapper-DPZokHeL.js";import{I as l,a as r}from"./controller-icon-BYAsff0K.js";import{I as h}from"./InputStateWrapper-DTJTCqy1.js";import{C as c,a as d}from"./CustomSuggestionsOptionsGroup-CG5_9x1a.js";import{t as f}from"./i18n-D8kFHvIt.js";import{I as u}from"./component-CVwySiGB.js";import{c as m}from"./clsx-COFh-Vc8.js";import{c as p}from"./dev.utils-6rI-ojpf.js";import{d as b,a as k,c as g}from"./element-interaction-C5-6aPzz.js";import{e as v,g as y}from"./common-DQP27q1D.js";import{v as w}from"./placeholder-DitmQbvz.js";import{v as _}from"./required-Jalqrrjz.js";import{v as x}from"./suggestions-BfWyHL3T.js";import"./access-and-short-key-VGm6CSC-.js";import"./disabled-jKlKAF7J.js";import"./hide-label-C_IKiUpx.js";import"./label-Dwxm-V_h.js";import"./tooltip-align-B40m4aqW.js";import"./align-CCcqVV8A.js";import"./variant-class-name-BCVDdbOR.js";import"./events-BhfZTW2e.js";import"./associated.controller-DlSiZFjQ.js";import"./aria-details-WJh-R8i2.js";import"./aria-labelledby-6-ki3akM.js";import"./bootstrap-D82MwPKY.js";import"./i18n-C39F0QhM.js";import"./base-web-component-BT6jbe_v.js";import"./component-Dsjf4KGf.js";import"./component-BQ5Ub0wy.js";import"./bem-registry-DdEadmB1.js";import"./isArray-CcrBs4JM.js";import"./controller-Bt_GTg1G.js";import"./align-floating-elements-8q78rXbD.js";import"./tooltip-open-tracking-D3tCiiGP.js";import"./normalizers-Cpy0t9-X.js";import"./_Uint8Array-kJHDjtoP.js";import"./label-BGcJjCR_.js";import"./variant-quote-CZ5CemUm.js";import"./base-controller-CXhqh4cR.js";import"./Alert-ISJ3JUa5.js";import"./Heading-vsrFh4hD.js";import"./icons-BYRL_f0i.js";import"./Input-Bq2Uv2rH.js";import"./element-focus-BQXzaLL9.js";class j extends l{constructor(n,t,e){super(n,t,e);this.component=n}validateHasClearButton(n){v(this.component,"_hasClearButton",n)}validatePlaceholder(n){w(this.component,n)}validateRequired(n){_(this.component,n)}validateSuggestions(n){x(this.component,n)}validateValue(n){y(this.component,"_value",n)}componentWillLoad(){super.componentWillLoad();this.validateHasClearButton(this.component._hasClearButton);this.validatePlaceholder(this.component._placeholder);this.validateRequired(this.component._required);this.validateSuggestions(this.component._suggestions);this.validateValue(this.component._value)}}const z='@charset "UTF-8";\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     *\n     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser\'s\n     * rounding, dropping just below the required minimum.\n     */\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    --kol-a11y-font-color: black;\n    --kol-a11y-background-color: white;\n    color: var(--kol-a11y-font-color);\n    background-color: var(--kol-a11y-background-color);\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    --kol-a11y-font-family: Verdana;\n    font-family: var(--kol-a11y-font-family);\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=1786608057898"); /* IE9*/\n  src: url("kolicons.eot?t=1786608057898#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1786608057898") format("woff2"), url("kolicons.woff?t=1786608057898") format("woff"), url("kolicons.ttf?t=1786608057898") format("truetype"), url("kolicons.svg?t=1786608057898#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    height: 100%;\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    grid-template-areas: "icon heading close" "icon content close";\n    grid-template-columns: min-content 1fr min-content;\n    grid-template-rows: min-content min-content;\n  }\n  .kol-alert__icon {\n    grid-area: icon;\n  }\n  .kol-alert__heading {\n    grid-area: heading;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n    grid-area: close;\n  }\n  .kol-alert__content {\n    grid-area: content;\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 .kol-popover-button__popover {\n    margin: 0;\n    padding: 0;\n    border: 0;\n  }\n  .kol-form-field .kol-popover-button--open .kol-button__tooltip {\n    display: none;\n  }\n  .kol-form-field .kol-popover-button--inline {\n    display: inline-block;\n  }\n  .kol-form-field .kol-popover-button--inline__button {\n    display: inline;\n  }\n  .kol-form-field .kol-popover-button--inline .kol-button {\n    min-width: 0;\n    min-height: 1em;\n  }\n  .kol-form-field .kol-popover {\n    opacity: 0;\n    transition: 0.2s ease-out opacity;\n  }\n  .kol-form-field .kol-popover-button--open + .kol-popover {\n    opacity: 1;\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-form-field .kol-tooltip__content .kol-span__label::after {\n    content: "*"/"";\n  }\n  .kol-input-container {\n    background-color: transparent;\n    display: grid;\n    position: relative;\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    z-index: 1;\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    place-items: center;\n  }\n  .kol-input {\n    background-color: transparent;\n    width: 100%;\n    min-width: var(--a11y-min-size);\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-combobox__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-combobox__delete :host {\n    display: inline-block;\n  }\n  .kol-combobox__delete .kol-button {\n    display: flex;\n    height: 100%;\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-combobox__delete .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-combobox__delete .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-combobox-toggle {\n    min-height: 0;\n    flex: 0;\n    align-self: stretch;\n  }\n}';const C=class{async getValue(){return this.state._value}async focus(n){}async click(){}selectOption(n){var t;this.controller.onFacade.onInput(new CustomEvent("input",{bubbles:true,detail:{name:this.state._name,value:n}}),true,n);this.controller.onFacade.onChange(new CustomEvent("change",{bubbles:true,detail:{name:this.state._name,value:n}}),n);this.controller.setFormAssociatedValue(n);this._filteredSuggestions=[...this.state._suggestions];this.state._value=n;(t=this.ctaRef.el)===null||t===void 0?void 0:t.focus()}clearSelection(){var n;const t=this.state._disabled===true;if(t){return}const e="";this._focusedOptionIndex=-1;this._value=e;this.state._value=e;this._filteredSuggestions=[...this.state._suggestions];this._isOpen=false;const i={name:this.state._name,value:e};this.controller.onFacade.onInput(new CustomEvent("input",{bubbles:true,detail:i}),true,e);this.controller.onFacade.onChange(new CustomEvent("change",{bubbles:true,detail:i}),e);this.controller.setFormAssociatedValue(e);(n=this.ctaRef.el)===null||n===void 0?void 0:n.focus()}onInput(n){const t=n.target;const e=t.value;this.state._value=e;this._value=e;this.controller.onFacade.onInput(n,true,e);this.setFilteredSuggestionsByQuery(e);this._focusedOptionIndex=-1;n.stopImmediatePropagation()}handleKeyDownDropdown(n){if(n.key.length===1&&/[a-z0-9]/i.test(n.key)){this._isOpen=true;this.focusSuggestionStartingWith(n.key)}}setFilteredSuggestionsByQuery(n){var t;if(n===undefined){return}if(n.trim()===""){this._filteredSuggestions=[...this.state._suggestions]}else{this._filteredSuggestions=Array.isArray(this.state._suggestions)?this.state._suggestions.filter((t=>t.toLowerCase().includes(n.trim().toLowerCase()))):this._filteredSuggestions;if(((t=this._filteredSuggestions)===null||t===void 0?void 0:t.length)===1&&this._filteredSuggestions[0]===n){this._isOpen=false}else if(this._filteredSuggestions&&this._filteredSuggestions.length>0){this._isOpen=true}else{this._isOpen=false}}}moveFocus(n){if(!this._filteredSuggestions){return}let t=this._focusedOptionIndex+n;if(t>=this._filteredSuggestions.length){t=0}if(t<0){t=this._filteredSuggestions.length-1}this.focusOption(t)}focusOption(n){this._focusedOptionIndex=n;if(this.refSuggestions){const t=this.refSuggestions[n];t===null||t===void 0?void 0:t.focus()}}selectFocusedOption(){if(this._filteredSuggestions&&this._focusedOptionIndex>=0&&this._focusedOptionIndex<this._filteredSuggestions.length){this.selectOption(this._filteredSuggestions[this._focusedOptionIndex]);return true}return false}focusSuggestionStartingWith(n){const t=n.toLowerCase();const e=Array.isArray(this._filteredSuggestions)&&this._filteredSuggestions.length>0&&this._filteredSuggestions.findIndex((n=>n.toLowerCase().startsWith(t)));if(typeof e==="number"){this.focusOption(e)}}getFormFieldProps(){return{state:this.state,class:m("kol-combobox",{"has-value":this.state._hasValue}),tooltipAlign:this._tooltipAlign,alert:this.showAsAlert()}}getInputProps(){const{ariaDescribedBy:n}=s(this.state);const t=this.state._disabled===true;return Object.assign(Object.assign({ref:this.ctaRef,state:this.state,class:"kol-combobox__input",type:"text",role:"combobox","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,value:this.state._value,accessKey:this.state._accessKey,autocapitalize:"off",autocorrect:"off",autocomplete:"off",disabled:t,customSuggestions:true,id:this.state._id,name:this.state._name,required:this.state._required},this.controller.onFacade),{onChange:this.onChange.bind(this),onInput:this.onInput.bind(this),placeholder:this.state._placeholder})}render(){const t=this.state._disabled===true;return n(a,Object.assign({key:"25cb77f0f0600a5926bf7b34deca4a94ff77bb91"},this.getFormFieldProps()),n(r,{key:"5dc21990fbab01d25081866187189a4094ffb583",state:this.state},n("div",{key:"53f13e0dfb9d48c9cc689b895a21ef00366ef3f0",class:"kol-combobox__group"},n(h,Object.assign({key:"3a338311ae0161b4ad3652530dd3e52ed043badc"},this.getInputProps())),this.state._value&&this.state._hasClearButton&&n(o,{key:"30d59db123c1cf465d1203f2137769f5e8aa94c9",_icons:"kolicon-cross",_label:this.translateDeleteSelection,_hideLabel:true,_variant:"ghost",_disabled:t,"data-testid":"combobox-delete",class:"kol-combobox__delete",hidden:t,_on:{onClick:()=>{this.clearSelection()},onFocus:()=>{this.clearButtonFocused=true},onBlur:()=>{this.clearButtonFocused=false}}}),n("button",{key:"9f8df794bbfde87df14965dbb45d1e9c3473e713",type:"button",tabIndex:-1,class:"kol-combobox-toggle",onClick:this.toggleListbox.bind(this),disabled:this._disabled,hidden:t},n(u,{key:"a837765c6974405ac0d645ad50455aa17028df35",icons:"kolicon-chevron-down",label:""}))),n(c,{key:"f20d8d422948ed99941a9e620d74005a276d35eb",blockSuggestionMouseOver:this.blockSuggestionMouseOver,onKeyDown:this.handleKeyDownDropdown.bind(this),hidden:!this._isOpen||t,id:this.state._id+"-listbox"},Array.isArray(this._filteredSuggestions)&&this._filteredSuggestions.length>0&&this._filteredSuggestions.map(((t,e)=>n(d,{disabled:false,index:e,option:t,searchTerm:this.state._value,ref:n=>{if(n)this.refSuggestions[e]=n},selected:this.state._value===t,onClick:()=>{this.selectOption(t);this.toggleListbox();this._isOpen=false},onMouseOver:()=>{if(!this.blockSuggestionMouseOver){this.focusOption(e)}},onFocus:()=>{this.focusOption(e)}}))))))}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=false;(t=this.ctaRef.el)===null||t===void 0?void 0:t.focus()}break;case"Esc":case"Escape":{if(this._isOpen){n.preventDefault();this._isOpen=false;(e=this.ctaRef.el)===null||e===void 0?void 0:e.focus()}break}case"Enter":case"NumpadEnter":{if(this.clearButtonFocused){this.clearSelection()}else if(this._isOpen){if(this.selectFocusedOption()){this._isOpen=false}}else{this.toggleListbox()}n.preventDefault();break}case" ":{if(this.clearButtonFocused){this.clearSelection();n.preventDefault()}else if(this._isOpen){if(this.selectFocusedOption()){this._isOpen=false;n.preventDefault()}}break}case"Home":{this.blockSuggestionMouseOver=true;i(undefined,(()=>{if(this._isOpen){this.focusOption(0)}}));break}case"End":{this.blockSuggestionMouseOver=true;i(undefined,(()=>{if(this._isOpen){this.focusOption(this._filteredSuggestions?this._filteredSuggestions.length-1:0)}}));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}}}handleWindowClick(n){if(this.host!==undefined&&!this.host.contains(n.target)){this._isOpen=false}}validateAriaDetails(n){this.controller.validateAriaDetails(n)}constructor(n){t(this,n);this.ctaRef=g();this.refSuggestions=[];this._focusedOptionIndex=-1;this.translateDeleteSelection=f("kol-delete-selection");this.clearButtonFocused=false;this.toggleListbox=()=>{var n;const t=this.state._disabled===true;if(t){this._isOpen=false}else{(n=this.ctaRef.el)===null||n===void 0?void 0:n.focus();if(this._isOpen){this._isOpen=false}else if(Array.isArray(this._filteredSuggestions)&&this._filteredSuggestions.length>0){this._isOpen=true;const n=this._filteredSuggestions.findIndex((n=>n===this.state._value));this._focusedOptionIndex=n>=0?n:-1;this.focusOption(this._focusedOptionIndex)}}};this.blockSuggestionMouseOver=false;this._isOpen=false;this._disabled=false;this._hideMsg=false;this._hideLabel=false;this._hint="";this._hasClearButton=true;this._required=false;this._tooltipAlign="top";this._touched=false;this.state={_hasValue:false,_hasClearButton:true,_hideMsg:false,_id:p("combobox"),_label:"",_suggestions:[],_value:""};this.inputHasFocus=false;this.controller=new j(this,"combobox",this.host);this.onInput=this.onInput.bind(this)}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)}validateShortKey(n){this.controller.validateShortKey(n)}validateSuggestions(n){this.controller.validateSuggestions(n);this._filteredSuggestions=n;this.setFilteredSuggestionsByQuery(this._value)}validateHasClearButton(n){this.controller.validateHasClearButton(n)}validateRequired(n){this.controller.validateRequired(n)}validateSyncValueBySelector(n){this.controller.validateSyncValueBySelector(n)}validateTouched(n){this.controller.validateTouched(n)}validateValue(n){this.controller.validateValue(n);this.controller.setFormAssociatedValue(n)}validateVariant(n){this.controller.validateVariant(n)}componentWillLoad(){this.validateAriaDetails(this._ariaDetails);this.refSuggestions=[];this._touched=this._touched===true;this.controller.componentWillLoad();this.state._hasValue=!!this.state._value;this.controller.addValueChangeListener((n=>this.state._hasValue=!!n));this._filteredSuggestions=this.state._suggestions}handleMouseEvent(){this.blockSuggestionMouseOver=false}handleFocusIn(n){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){var t;const e=n.relatedTarget;const i=e&&(e===this.host||((t=this.host)===null||t===void 0?void 0:t.contains(e)));if(this.inputHasFocus&&!i){this.controller.onFacade.onBlur(n);this.inputHasFocus=false;if(this._isOpen){this._isOpen=false}}}onChange(n){n.stopPropagation();const t=this.state._value;this.controller.onFacade.onChange(n,t);this.controller.setFormAssociatedValue(t)}get host(){return e(this)}static get watchers(){return{_ariaDetails:["validateAriaDetails"],_placeholder:["validatePlaceholder"],_accessKey:["validateAccessKey"],_disabled:["validateDisabled"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_label:["validateLabel"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_shortKey:["validateShortKey"],_suggestions:["validateSuggestions"],_hasClearButton:["validateHasClearButton"],_required:["validateRequired"],_syncValueBySelector:["validateSyncValueBySelector"],_touched:["validateTouched"],_value:["validateValue"],_variant:["validateVariant"]}}};i([b("ctaRef")],C.prototype,"focus",null);i([k("ctaRef")],C.prototype,"click",null);C.style={default:z};export{C as kol_combobox};
 //# sourceMappingURL=kol-combobox.entry.js.map

package/dist/kolibri/kol-combobox.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","delegateClick","createCtaRef","watchBoolean","watchString","validatePlaceholder","validateRequired","validateSuggestions","ComboboxController","constructor","component","name","host","super","this","validateHasClearButton","value","validateValue","componentWillLoad","_hasClearButton","_placeholder","_required","_suggestions","_value","defaultStyleCss","KolCombobox","getValue","state","focus","options","click","selectOption","option","_a","controller","onFacade","onInput","CustomEvent","bubbles","detail","_name","onChange","setFormAssociatedValue","_filteredSuggestions","ctaRef","el","clearSelection","isDisabled","_disabled","emptyValue","_focusedOptionIndex","_isOpen","event","target","setFilteredSuggestionsByQuery","stopImmediatePropagation","handleKeyDownDropdown","key","length","test","focusSuggestionStartingWith","query","undefined","trim","Array","isArray","filter","toLowerCase","includes","moveFocus","delta","newIndex","focusOption","index","refSuggestions","optionElement","selectFocusedOption","char","charLowerCase","findIndex","startsWith","getFormFieldProps","class","_hasValue","tooltipAlign","_tooltipAlign","alert","showAsAlert","getInputProps","ariaDescribedBy","Object","assign","ref","type","role","_id","join","_hideLabel","_label","_shortKey","accessKey","_accessKey","autocapitalize","autocorrect","disabled","customSuggestions","id","required","bind","placeholder","render","_icons","translateDeleteSelection","_variant","hidden","_on","onClick","onFocus","clearButtonFocused","onBlur","tabIndex","toggleListbox","icons","label","blockSuggestionMouseOver","onKeyDown","map","searchTerm","selected","onMouseOver","handleKeyDown","_b","handleEvent","isOpen","callback","preventDefault","handleWindowClick","contains","validateAriaDetails","hostRef","selectedIndex","_hideMsg","_hint","_touched","inputHasFocus","Boolean","validateAccessKey","validateDisabled","validateHideMsg","validateHideLabel","validateHint","validateIcons","validateLabel","validateMsg","validateName","validateOn","validateShortKey","validateSyncValueBySelector","validateTouched","validateVariant","_ariaDetails","addValueChangeListener","v","handleMouseEvent","handleFocusIn","document","activeElement","handleFocusOut","relatedTarget","isFocusInside","stopPropagation","watchers","_msg","_syncValueBySelector","prototype","style","default"],"sources":["0"],"mappings":";;;YAGSA,OAAQC,OAAuBC,MAAkB,kCAC5CC,MAAkB,sCAClBC,MAAsB,4CACtBC,OAAsBC,MAA6B,kDACnDC,OAA0BC,MAAoC,4CAC9DC,MAAyB,8CACzBC,OAAsCC,MAAiC,0DACvEC,MAAiB,iCACjBC,MAAc,sCACdC,MAAY,iCACZC,MAAsB,sCACtBC,OAAoBC,OAAoBC,MAAoB,gDAC5DC,OAAmBC,MAAmB,mCACtCC,MAA2B,wCAC3BC,MAAwB,qCACxBC,MAA2B,kCAClC,2CACA,+BACA,iCACA,4BACA,oCACA,4BACA,yCACA,6BACA,4CACA,mCACA,sCACA,gCACA,2BACA,yCACA,gCACA,gCACA,mCACA,8BACA,iCACA,8CACA,4CACA,kCACA,kCACA,4BACA,oCACA,sCACA,4BACA,8BACA,4BACA,4BACA,8BAEP,MAAMC,UAA2BjB,EAC7B,WAAAkB,CAAYC,EAAWC,EAAMC,GACzBC,MAAMH,EAAWC,EAAMC,GACvBE,KAAKJ,UAAYA,CACrB,CACA,sBAAAK,CAAuBC,GACnBb,EAAaW,KAAKJ,UAAW,kBAAmBM,EACpD,CACA,mBAAAX,CAAoBW,GAChBX,EAAoBS,KAAKJ,UAAWM,EACxC,CACA,gBAAAV,CAAiBU,GACbV,EAAiBQ,KAAKJ,UAAWM,EACrC,CACA,mBAAAT,CAAoBS,GAChBT,EAAoBO,KAAKJ,UAAWM,EACxC,CACA,aAAAC,CAAcD,GACVZ,EAAYU,KAAKJ,UAAW,SAAUM,EAC1C,CACA,iBAAAE,GACIL,MAAMK,oBACNJ,KAAKC,uBAAuBD,KAAKJ,UAAUS,iBAC3CL,KAAKT,oBAAoBS,KAAKJ,UAAUU,cACxCN,KAAKR,iBAAiBQ,KAAKJ,UAAUW,WACrCP,KAAKP,oBAAoBO,KAAKJ,UAAUY,cACxCR,KAAKG,cAAcH,KAAKJ,UAAUa,OACtC,EAGJ,MAAMC,EAAkB,wycAExB,MAAMC,EAAc,MAChB,cAAMC,GACF,OAAOZ,KAAKa,MAAMJ,MACtB,CACA,WAAMK,CAAMC,GAAW,CACvB,WAAMC,GAAU,CAChB,YAAAC,CAAaC,GACT,IAAIC,EACJnB,KAAKoB,WAAWC,SAASC,QAAQ,IAAIC,YAAY,QAAS,CAAEC,QAAS,KAAMC,OAAQ,CAAE5B,KAAMG,KAAKa,MAAMa,MAAOxB,MAAOgB,KAAa,KAAMA,GACvIlB,KAAKoB,WAAWC,SAASM,SAAS,IAAIJ,YAAY,SAAU,CAAEC,QAAS,KAAMC,OAAQ,CAAE5B,KAAMG,KAAKa,MAAMa,MAAOxB,MAAOgB,KAAaA,GACnIlB,KAAKoB,WAAWQ,uBAAuBV,GACvClB,KAAK6B,qBAAuB,IAAI7B,KAAKa,MAAML,cAC3CR,KAAKa,MAAMJ,OAASS,GACnBC,EAAKnB,KAAK8B,OAAOC,MAAQ,MAAQZ,SAAY,OAAS,EAAIA,EAAGL,OAClE,CACA,cAAAkB,GACI,IAAIb,EACJ,MAAMc,EAAajC,KAAKa,MAAMqB,YAAc,KAC5C,GAAID,EAAY,CACZ,MACJ,CACA,MAAME,EAAa,GACnBnC,KAAKoC,qBAAuB,EAC5BpC,KAAKS,OAAS0B,EACdnC,KAAKa,MAAMJ,OAAS0B,EACpBnC,KAAK6B,qBAAuB,IAAI7B,KAAKa,MAAML,cAC3CR,KAAKqC,QAAU,MACf,MAAMZ,EAAS,CAAE5B,KAAMG,KAAKa,MAAMa,MAAOxB,MAAOiC,GAChDnC,KAAKoB,WAAWC,SAASC,QAAQ,IAAIC,YAAY,QAAS,CAAEC,QAAS,KAAMC,WAAW,KAAMU,GAC5FnC,KAAKoB,WAAWC,SAASM,SAAS,IAAIJ,YAAY,SAAU,CAAEC,QAAS,KAAMC,WAAWU,GACxFnC,KAAKoB,WAAWQ,uBAAuBO,IACtChB,EAAKnB,KAAK8B,OAAOC,MAAQ,MAAQZ,SAAY,OAAS,EAAIA,EAAGL,OAClE,CACA,OAAAQ,CAAQgB,GACJ,MAAMC,EAASD,EAAMC,OACrB,MAAMrC,EAAQqC,EAAOrC,MACrBF,KAAKa,MAAMJ,OAASP,EACpBF,KAAKS,OAASP,EACdF,KAAKoB,WAAWC,SAASC,QAAQgB,EAAO,KAAMpC,GAC9CF,KAAKwC,8BAA8BtC,GACnCF,KAAKoC,qBAAuB,EAC5BE,EAAMG,0BACV,CACA,qBAAAC,CAAsBJ,GAClB,GAAIA,EAAMK,IAAIC,SAAW,GAAK,YAAYC,KAAKP,EAAMK,KAAM,CACvD3C,KAAKqC,QAAU,KACfrC,KAAK8C,4BAA4BR,EAAMK,IAC3C,CACJ,CACA,6BAAAH,CAA8BO,GAC1B,IAAI5B,EACJ,GAAI4B,IAAUC,UAAW,CACrB,MACJ,CACA,GAAID,EAAME,SAAW,GAAI,CACrBjD,KAAK6B,qBAAuB,IAAI7B,KAAKa,MAAML,aAC/C,KACK,CACDR,KAAK6B,qBAAuBqB,MAAMC,QAAQnD,KAAKa,MAAML,cAC/CR,KAAKa,MAAML,aAAa4C,QAAQlC,GACvBA,EAAOmC,cAAcC,SAASP,EAAME,OAAOI,iBAEpDrD,KAAK6B,qBACX,KAAMV,EAAKnB,KAAK6B,wBAA0B,MAAQV,SAAY,OAAS,EAAIA,EAAGyB,UAAY,GAAK5C,KAAK6B,qBAAqB,KAAOkB,EAAO,CACnI/C,KAAKqC,QAAU,KACnB,MACK,GAAIrC,KAAK6B,sBAAwB7B,KAAK6B,qBAAqBe,OAAS,EAAG,CACxE5C,KAAKqC,QAAU,IACnB,KACK,CACDrC,KAAKqC,QAAU,KACnB,CACJ,CACJ,CACA,SAAAkB,CAAUC,GACN,IAAKxD,KAAK6B,qBAAsB,CAC5B,MACJ,CACA,IAAI4B,EAAWzD,KAAKoC,oBAAsBoB,EAC1C,GAAIC,GAAYzD,KAAK6B,qBAAqBe,OAAQ,CAC9Ca,EAAW,CACf,CACA,GAAIA,EAAW,EAAG,CACdA,EAAWzD,KAAK6B,qBAAqBe,OAAS,CAClD,CACA5C,KAAK0D,YAAYD,EACrB,CACA,WAAAC,CAAYC,GACR3D,KAAKoC,oBAAsBuB,EAC3B,GAAI3D,KAAK4D,eAAgB,CACrB,MAAMC,EAAgB7D,KAAK4D,eAAeD,GAC1CE,IAAkB,MAAQA,SAAuB,OAAS,EAAIA,EAAc/C,OAChF,CACJ,CACA,mBAAAgD,GACI,GAAI9D,KAAK6B,sBAAwB7B,KAAKoC,qBAAuB,GAAKpC,KAAKoC,oBAAsBpC,KAAK6B,qBAAqBe,OAAQ,CAC3H5C,KAAKiB,aAAajB,KAAK6B,qBAAqB7B,KAAKoC,sBACjD,OAAO,IACX,CACA,OAAO,KACX,CACA,2BAAAU,CAA4BiB,GACxB,MAAMC,EAAgBD,EAAKV,cAC3B,MAAMM,EAAQT,MAAMC,QAAQnD,KAAK6B,uBAC7B7B,KAAK6B,qBAAqBe,OAAS,GACnC5C,KAAK6B,qBAAqBoC,WAAW/C,GAAWA,EAAOmC,cAAca,WAAWF,KACpF,UAAWL,IAAU,SAAU,CAC3B3D,KAAK0D,YAAYC,EACrB,CACJ,CACA,iBAAAQ,GACI,MAAO,CACHtD,MAAOb,KAAKa,MACZuD,MAAOpF,EAAK,eAAgB,CACxB,YAAagB,KAAKa,MAAMwD,YAE5BC,aAActE,KAAKuE,cACnBC,MAAOxE,KAAKyE,cAEpB,CACA,aAAAC,GACI,MAAMC,gBAAEA,GAAoBpG,EAAgByB,KAAKa,OACjD,MAAMoB,EAAajC,KAAKa,MAAMqB,YAAc,KAC5C,OAAO0C,OAAOC,OAAOD,OAAOC,OAAO,CAAEC,IAAK9E,KAAK8B,OAAQjB,MAAOb,KAAKa,MAAOuD,MAAO,sBAAuBW,KAAM,OAAQC,KAAM,WAAY,wBAAyBhF,KAAKqC,SAAWrC,KAAKoC,qBAAuB,EAAI,UAAUpC,KAAKoC,sBAAwBY,UAAW,oBAAqB,OAAQ,gBAAiBhD,KAAKa,MAAMoE,IAAM,WAAY,mBAAoBN,EAAgB/B,OAAS,EAAI+B,EAAgBO,KAAK,KAAOlC,UAAW,gBAAiBhD,KAAKqC,QAAU,OAAS,QAAS,aAAcrC,KAAKa,MAAMsE,mBAAqBnF,KAAKa,MAAMuE,SAAW,SAAWpF,KAAKa,MAAMuE,OAASpC,UAAW,kBAAmBhD,KAAKa,MAAMoE,IAAM,SAAU,oBAAqBjF,KAAKa,MAAMwE,UAAWnF,MAAOF,KAAKa,MAAMJ,OAAQ6E,UAAWtF,KAAKa,MAAM0E,WAAYC,eAAgB,MAAOC,YAAa,MAAOC,SAAUzD,EAAY0D,kBAAmB,KAAMC,GAAI5F,KAAKa,MAAMoE,IAAKpF,KAAMG,KAAKa,MAAMa,MAAOmE,SAAU7F,KAAKa,MAAMN,WAAaP,KAAKoB,WAAWC,UAAW,CAAEM,SAAU3B,KAAK2B,SAASmE,KAAK9F,MAAOsB,QAAStB,KAAKsB,QAAQwE,KAAK9F,MAAO+F,YAAa/F,KAAKa,MAAMP,cAClgC,CACA,MAAA0F,GACI,MAAM/D,EAAajC,KAAKa,MAAMqB,YAAc,KAC5C,OAAQhE,EAAEM,EAAuBoG,OAAOC,OAAO,CAAElC,IAAK,4CAA8C3C,KAAKmE,qBAAsBjG,EAAEQ,EAA8B,CAAEiE,IAAK,2CAA4C9B,MAAOb,KAAKa,OAAS3C,EAAE,MAAO,CAAEyE,IAAK,2CAA4CyB,MAAO,uBAAyBlG,EAAES,EAAmBiG,OAAOC,OAAO,CAAElC,IAAK,4CAA8C3C,KAAK0E,kBAAmB1E,KAAKa,MAAMJ,QAAUT,KAAKa,MAAMR,iBAAoBnC,EAAEI,EAAgB,CAAEqE,IAAK,2CAA4CsD,OAAQ,gBAAiBb,OAAQpF,KAAKkG,yBAA0Bf,WAAY,KAAMgB,SAAU,QAASjE,UAAWD,EAAY,cAAe,kBAAmBmC,MAAO,uBAAwBgC,OAAQnE,EAAYoE,IAAK,CAC1vBC,QAAS,KACLtG,KAAKgC,gBAAgB,EAEzBuE,QAAS,KACLvG,KAAKwG,mBAAqB,IAAI,EAElCC,OAAQ,KACJzG,KAAKwG,mBAAqB,KAAK,KAEhCtI,EAAE,SAAU,CAAEyE,IAAK,2CAA4CoC,KAAM,SAAU2B,UAAW,EAAGtC,MAAO,sBAAuBkC,QAAStG,KAAK2G,cAAcb,KAAK9F,MAAO0F,SAAU1F,KAAKkC,UAAWkE,OAAQnE,GAAc/D,EAAEa,EAAQ,CAAE4D,IAAK,2CAA4CiE,MAAO,uBAAwBC,MAAO,OAAS3I,EAAEU,EAAiC,CAAE+D,IAAK,2CAA4CmE,yBAA0B9G,KAAK8G,yBAA0BC,UAAW/G,KAAK0C,sBAAsBoD,KAAK9F,MAAOoG,QAASpG,KAAKqC,SAAWJ,EAAY2D,GAAI5F,KAAKa,MAAMoE,IAAM,YAAc/B,MAAMC,QAAQnD,KAAK6B,uBAClmB7B,KAAK6B,qBAAqBe,OAAS,GACnC5C,KAAK6B,qBAAqBmF,KAAI,CAAC9F,EAAQyC,IAAWzF,EAAEW,EAA2B,CAAE6G,SAAU,MAAO/B,MAAOA,EAAOzC,OAAQA,EAAQ+F,WAAYjH,KAAKa,MAAMJ,OAAQqE,IAAM/C,IAC7J,GAAIA,EACA/B,KAAK4D,eAAeD,GAAS5B,CAAE,EACpCmF,SAAUlH,KAAKa,MAAMJ,SAAWS,EAAQoF,QAAS,KAChDtG,KAAKiB,aAAaC,GAClBlB,KAAK2G,gBACL3G,KAAKqC,QAAU,KAAK,EACrB8E,YAAa,KACZ,IAAKnH,KAAK8G,yBAA0B,CAChC9G,KAAK0D,YAAYC,EACrB,GACD4C,QAAS,KACRvG,KAAK0D,YAAYC,EAAM,QAEvC,CACA,aAAAyD,CAAc9E,GACV,IAAInB,EAAIkG,EACR,MAAMC,EAAc,CAACC,EAAQC,KACzB,IAAIrG,EACJmB,EAAMmF,iBACN,GAAIF,IAAWvE,UAAW,CACtBhD,KAAKqC,QAAUkF,EACf,IAAKA,EAAQ,EACRpG,EAAKnB,KAAK8B,OAAOC,MAAQ,MAAQZ,SAAY,OAAS,EAAIA,EAAGL,OAClE,CACJ,CACA0G,IAAa,MAAQA,SAAkB,OAAS,EAAIA,GAAU,EAElE,OAAQlF,EAAMK,KACV,IAAK,OACL,IAAK,YAAa,CACd3C,KAAK8G,yBAA2B,KAChCQ,EAAY,MAAM,IAAMtH,KAAKuD,UAAU,KACvC,KACJ,CACA,IAAK,KACL,IAAK,UAAW,CACZvD,KAAK8G,yBAA2B,KAChCQ,EAAY,MAAM,IAAMtH,KAAKuD,WAAW,KACxC,KACJ,CACA,IAAK,MACD,GAAIvD,KAAKqC,QAAS,CACdrC,KAAKqC,QAAU,OACdlB,EAAKnB,KAAK8B,OAAOC,MAAQ,MAAQZ,SAAY,OAAS,EAAIA,EAAGL,OAClE,CACA,MACJ,IAAK,MACL,IAAK,SAAU,CACX,GAAId,KAAKqC,QAAS,CACdC,EAAMmF,iBACNzH,KAAKqC,QAAU,OACdgF,EAAKrH,KAAK8B,OAAOC,MAAQ,MAAQsF,SAAY,OAAS,EAAIA,EAAGvG,OAClE,CACA,KACJ,CACA,IAAK,QACL,IAAK,cAAe,CAChB,GAAId,KAAKwG,mBAAoB,CACzBxG,KAAKgC,gBACT,MACK,GAAIhC,KAAKqC,QAAS,CACnB,GAAIrC,KAAK8D,sBAAuB,CAC5B9D,KAAKqC,QAAU,KACnB,CACJ,KACK,CACDrC,KAAK2G,eACT,CACArE,EAAMmF,iBACN,KACJ,CACA,IAAK,IAAK,CACN,GAAIzH,KAAKwG,mBAAoB,CACzBxG,KAAKgC,iBACLM,EAAMmF,gBACV,MACK,GAAIzH,KAAKqC,QAAS,CACnB,GAAIrC,KAAK8D,sBAAuB,CAC5B9D,KAAKqC,QAAU,MACfC,EAAMmF,gBACV,CACJ,CACA,KACJ,CACA,IAAK,OAAQ,CACTzH,KAAK8G,yBAA2B,KAChCQ,EAAYtE,WAAW,KACnB,GAAIhD,KAAKqC,QAAS,CACdrC,KAAK0D,YAAY,EACrB,KAEJ,KACJ,CACA,IAAK,MAAO,CACR1D,KAAK8G,yBAA2B,KAChCQ,EAAYtE,WAAW,KACnB,GAAIhD,KAAKqC,QAAS,CACdrC,KAAK0D,YAAY1D,KAAK6B,qBAAuB7B,KAAK6B,qBAAqBe,OAAS,EAAI,EACxF,KAEJ,KACJ,CACA,IAAK,SAAU,CACX5C,KAAK8G,yBAA2B,KAChCQ,EAAYtE,WAAW,IAAMhD,KAAKqC,SAAWrC,KAAKuD,WAAW,MAC7D,KACJ,CACA,IAAK,WAAY,CACbvD,KAAK8G,yBAA2B,KAChCQ,EAAYtE,WAAW,IAAMhD,KAAKqC,SAAWrC,KAAKuD,UAAU,MAC5D,KACJ,EAER,CACA,iBAAAmE,CAAkBpF,GACd,GAAItC,KAAKF,OAASkD,YAAchD,KAAKF,KAAK6H,SAASrF,EAAMC,QAAS,CAC9DvC,KAAKqC,QAAU,KACnB,CACJ,CACA,mBAAAuF,CAAoB1H,GAChBF,KAAKoB,WAAWwG,oBAAoB1H,EACxC,CACA,WAAAP,CAAYkI,GACR1J,EAAiB6B,KAAM6H,GACvB7H,KAAK8B,OAAS1C,IACdY,KAAK4D,eAAiB,GACtB5D,KAAKoC,qBAAuB,EAC5BpC,KAAKkG,yBAA2BpH,EAAU,wBAC1CkB,KAAKwG,mBAAqB,MAC1BxG,KAAK2G,cAAgB,KACjB,IAAIxF,EACJ,MAAMc,EAAajC,KAAKa,MAAMqB,YAAc,KAC5C,GAAID,EAAY,CACZjC,KAAKqC,QAAU,KACnB,KACK,EACAlB,EAAKnB,KAAK8B,OAAOC,MAAQ,MAAQZ,SAAY,OAAS,EAAIA,EAAGL,QAC9D,GAAId,KAAKqC,QAAS,CACdrC,KAAKqC,QAAU,KACnB,MACK,GAAIa,MAAMC,QAAQnD,KAAK6B,uBAAyB7B,KAAK6B,qBAAqBe,OAAS,EAAG,CACvF5C,KAAKqC,QAAU,KACf,MAAMyF,EAAgB9H,KAAK6B,qBAAqBoC,WAAW/C,GAAWA,IAAWlB,KAAKa,MAAMJ,SAC5FT,KAAKoC,oBAAsB0F,GAAiB,EAAIA,GAAiB,EACjE9H,KAAK0D,YAAY1D,KAAKoC,oBAC1B,CACJ,GAEJpC,KAAK8G,yBAA2B,MAChC9G,KAAKqC,QAAU,MACfrC,KAAKkC,UAAY,MACjBlC,KAAK+H,SAAW,MAChB/H,KAAKmF,WAAa,MAClBnF,KAAKgI,MAAQ,GACbhI,KAAKK,gBAAkB,KACvBL,KAAKO,UAAY,MACjBP,KAAKuE,cAAgB,MACrBvE,KAAKiI,SAAW,MAChBjI,KAAKa,MAAQ,CACTwD,UAAW,MACXhE,gBAAiB,KACjB0H,SAAU,MACV9C,IAAKhG,EAAe,YACpBmG,OAAQ,GACR5E,aAAc,GACdC,OAAQ,IAEZT,KAAKkI,cAAgB,MACrBlI,KAAKoB,WAAa,IAAI1B,EAAmBM,KAAM,WAAYA,KAAKF,MAChEE,KAAKsB,QAAUtB,KAAKsB,QAAQwE,KAAK9F,KACrC,CACA,WAAAyE,GACI,OAAO0D,QAAQnI,KAAKa,MAAMoH,YAAcjI,KAAKkI,aACjD,CACA,mBAAA3I,CAAoBW,GAChBF,KAAKoB,WAAW7B,oBAAoBW,EACxC,CACA,iBAAAkI,CAAkBlI,GACdF,KAAKoB,WAAWgH,kBAAkBlI,EACtC,CACA,gBAAAmI,CAAiBnI,GACbF,KAAKoB,WAAWiH,iBAAiBnI,EACrC,CACA,eAAAoI,CAAgBpI,GACZF,KAAKoB,WAAWkH,gBAAgBpI,EACpC,CACA,iBAAAqI,CAAkBrI,GACdF,KAAKoB,WAAWmH,kBAAkBrI,EACtC,CACA,YAAAsI,CAAatI,GACTF,KAAKoB,WAAWoH,aAAatI,EACjC,CACA,aAAAuI,CAAcvI,GACVF,KAAKoB,WAAWqH,cAAcvI,EAClC,CACA,aAAAwI,CAAcxI,GACVF,KAAKoB,WAAWsH,cAAcxI,EAClC,CACA,WAAAyI,CAAYzI,GACRF,KAAKoB,WAAWuH,YAAYzI,EAChC,CACA,YAAA0I,CAAa1I,GACTF,KAAKoB,WAAWwH,aAAa1I,EACjC,CACA,UAAA2I,CAAW3I,GACPF,KAAKoB,WAAWyH,WAAW3I,EAC/B,CACA,gBAAA4I,CAAiB5I,GACbF,KAAKoB,WAAW0H,iBAAiB5I,EACrC,CACA,mBAAAT,CAAoBS,GAChBF,KAAKoB,WAAW3B,oBAAoBS,GACpCF,KAAK6B,qBAAuB3B,EAC5BF,KAAKwC,8BAA8BxC,KAAKS,OAC5C,CACA,sBAAAR,CAAuBC,GACnBF,KAAKoB,WAAWnB,uBAAuBC,EAC3C,CACA,gBAAAV,CAAiBU,GACbF,KAAKoB,WAAW5B,iBAAiBU,EACrC,CACA,2BAAA6I,CAA4B7I,GACxBF,KAAKoB,WAAW2H,4BAA4B7I,EAChD,CACA,eAAA8I,CAAgB9I,GACZF,KAAKoB,WAAW4H,gBAAgB9I,EACpC,CACA,aAAAC,CAAcD,GACVF,KAAKoB,WAAWjB,cAAcD,GAC9BF,KAAKoB,WAAWQ,uBAAuB1B,EAC3C,CACA,eAAA+I,CAAgB/I,GACZF,KAAKoB,WAAW6H,gBAAgB/I,EACpC,CACA,iBAAAE,GACIJ,KAAK4H,oBAAoB5H,KAAKkJ,cAC9BlJ,KAAK4D,eAAiB,GACtB5D,KAAKiI,SAAWjI,KAAKiI,WAAa,KAClCjI,KAAKoB,WAAWhB,oBAChBJ,KAAKa,MAAMwD,YAAcrE,KAAKa,MAAMJ,OACpCT,KAAKoB,WAAW+H,wBAAwBC,GAAOpJ,KAAKa,MAAMwD,YAAc+E,IACxEpJ,KAAK6B,qBAAuB7B,KAAKa,MAAML,YAC3C,CACA,gBAAA6I,GACIrJ,KAAK8G,yBAA2B,KACpC,CACA,aAAAwC,CAAchH,GACV,IAAInB,EACJ,KAAMA,EAAKnB,KAAKF,QAAU,MAAQqB,SAAY,OAAS,EAAIA,EAAGwG,SAAS4B,SAASC,kBAAoBxJ,KAAKkI,cAAe,CACpHlI,KAAKoB,WAAWC,SAASkF,QAAQjE,GACjCtC,KAAKkI,cAAgB,IACzB,CACJ,CACA,cAAAuB,CAAenH,GACX,IAAInB,EACJ,MAAMuI,EAAgBpH,EAAMoH,cAC5B,MAAMC,EAAgBD,IAAkBA,IAAkB1J,KAAKF,QAAUqB,EAAKnB,KAAKF,QAAU,MAAQqB,SAAY,OAAS,EAAIA,EAAGwG,SAAS+B,KAC1I,GAAI1J,KAAKkI,gBAAkByB,EAAe,CACtC3J,KAAKoB,WAAWC,SAASoF,OAAOnE,GAChCtC,KAAKkI,cAAgB,MACrB,GAAIlI,KAAKqC,QAAS,CACdrC,KAAKqC,QAAU,KACnB,CACJ,CACJ,CACA,QAAAV,CAASW,GACLA,EAAMsH,kBACN,MAAM1J,EAAQF,KAAKa,MAAMJ,OACzBT,KAAKoB,WAAWC,SAASM,SAASW,EAAOpC,GACzCF,KAAKoB,WAAWQ,uBAAuB1B,EAC3C,CACA,QAAIJ,GAAS,OAAO1B,EAAW4B,KAAO,CACtC,mBAAW6J,GAAa,MAAO,CAC3BX,aAAgB,CAAC,uBACjB5I,aAAgB,CAAC,uBACjBiF,WAAc,CAAC,qBACfrD,UAAa,CAAC,oBACd6F,SAAY,CAAC,mBACb5C,WAAc,CAAC,qBACf6C,MAAS,CAAC,gBACV/B,OAAU,CAAC,iBACXb,OAAU,CAAC,iBACX0E,KAAQ,CAAC,eACTpI,MAAS,CAAC,gBACV2E,IAAO,CAAC,cACRhB,UAAa,CAAC,oBACd7E,aAAgB,CAAC,uBACjBH,gBAAmB,CAAC,0BACpBE,UAAa,CAAC,oBACdwJ,qBAAwB,CAAC,+BACzB9B,SAAY,CAAC,mBACbxH,OAAU,CAAC,iBACX0F,SAAY,CAAC,mBACd,GAEP9H,EAAW,CACPa,EAAc,WACfyB,EAAYqJ,UAAW,QAAS,MACnC3L,EAAW,CACPc,EAAc,WACfwB,EAAYqJ,UAAW,QAAS,MACnCrJ,EAAYsJ,MAAQ,CAChBC,QAASxJ,UAGJC","ignoreList":[]}
+{"version":3,"names":["h","registerInstance","getElement","__decorate","KolButtonWcTag","getRenderStates","FormFieldStateWrapper","InputIconController","InputContainerStateWrapperFc","InputStateWrapper","CustomSuggestionsOptionsGroupFc","CustomSuggestionsOptionFc","translate","IconFC","clsx","createUniqueId","delegateFocus","delegateClick","createCtaRef","watchBoolean","watchString","validatePlaceholder","validateRequired","validateSuggestions","ComboboxController","constructor","component","name","host","super","this","validateHasClearButton","value","validateValue","componentWillLoad","_hasClearButton","_placeholder","_required","_suggestions","_value","defaultStyleCss","KolCombobox","getValue","state","focus","options","click","selectOption","option","_a","controller","onFacade","onInput","CustomEvent","bubbles","detail","_name","onChange","setFormAssociatedValue","_filteredSuggestions","ctaRef","el","clearSelection","isDisabled","_disabled","emptyValue","_focusedOptionIndex","_isOpen","event","target","setFilteredSuggestionsByQuery","stopImmediatePropagation","handleKeyDownDropdown","key","length","test","focusSuggestionStartingWith","query","undefined","trim","Array","isArray","filter","toLowerCase","includes","moveFocus","delta","newIndex","focusOption","index","refSuggestions","optionElement","selectFocusedOption","char","charLowerCase","findIndex","startsWith","getFormFieldProps","class","_hasValue","tooltipAlign","_tooltipAlign","alert","showAsAlert","getInputProps","ariaDescribedBy","Object","assign","ref","type","role","_id","join","_hideLabel","_label","_shortKey","accessKey","_accessKey","autocapitalize","autocorrect","autocomplete","disabled","customSuggestions","id","required","bind","placeholder","render","_icons","translateDeleteSelection","_variant","hidden","_on","onClick","onFocus","clearButtonFocused","onBlur","tabIndex","toggleListbox","icons","label","blockSuggestionMouseOver","onKeyDown","map","searchTerm","selected","onMouseOver","handleKeyDown","_b","handleEvent","isOpen","callback","preventDefault","handleWindowClick","contains","validateAriaDetails","hostRef","selectedIndex","_hideMsg","_hint","_touched","inputHasFocus","Boolean","validateAccessKey","validateDisabled","validateHideMsg","validateHideLabel","validateHint","validateIcons","validateLabel","validateMsg","validateName","validateOn","validateShortKey","validateSyncValueBySelector","validateTouched","validateVariant","_ariaDetails","addValueChangeListener","v","handleMouseEvent","handleFocusIn","document","activeElement","handleFocusOut","relatedTarget","isFocusInside","stopPropagation","watchers","_msg","_syncValueBySelector","prototype","style","default"],"sources":["0"],"mappings":"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","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e,g as o}from"./index-CJ6nR8sE.js";import{_ as t}from"./tslib.es6-QNbPBOk5.js";import{K as i}from"./Collapsible-CMBFLf1n.js";import{b as a}from"./common-D5l8QiaY.js";import{v as l}from"./disabled-BcXSZaDo.js";import{v as s}from"./label-Ftw1VCQG.js";import{v as r}from"./open-D-1JI17u.js";import{c}from"./dev.utils-Bp48T7K-.js";import{d,a as h,c as p}from"./element-interaction-C5-6aPzz.js";import{d as m,K as f}from"./events-BhfZTW2e.js";import{w as b}from"./validation-BhdQk1rc.js";import"./component-names-Dy77vq43.js";import"./clsx-COFh-Vc8.js";import"./Heading-B1x6PKRk.js";import"./element-focus-BQXzaLL9.js";import"./level-At6QFNwQ.js";import"./normalizers-Dmgd1cXp.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";const u=(n,e)=>{a(n,`_on`,(n=>typeof n==="object"&&n!==null),new Set(["DetailsCallbacksPropType {Events.onToggle}"]),e)};const k='@charset "UTF-8";\n/* forward the rem function */\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     *\n     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser\'s\n     * rounding, dropping just below the required minimum.\n     */\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    --kol-a11y-font-color: black;\n    --kol-a11y-background-color: white;\n    color: var(--kol-a11y-font-color);\n    background-color: var(--kol-a11y-background-color);\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    --kol-a11y-font-family: Verdana;\n    font-family: var(--kol-a11y-font-family);\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/* For animation technique see https://css-tricks.com/css-grid-can-do-auto-height-transitions/ */\n@layer kol-component {\n  @media (prefers-reduced-motion) {\n    .collapsible__wrapper-animation, .collapsible__wrapper {\n      transition: none !important;\n    }\n  }\n  .collapsible {\n    /* @see https://github.com/public-ui/kolibri/issues/5952 */\n  }\n  @media print {\n    :not(.collapsible--open) .collapsible__wrapper-animation {\n      display: none;\n    }\n  }\n  .collapsible__wrapper {\n    /* Forces the element into its own GPU compositing layer (via 3D transform). Helps prevent rendering/layout bugs (e.g. #7511) and may improve animation performance. */\n    transform: translateZ(0);\n    display: grid;\n    grid-template-columns: minmax(0, 1fr);\n    grid-template-rows: 0fr;\n    transition: grid-template-rows 0.3s;\n  }\n  .collapsible__wrapper-animation {\n    opacity: 0;\n    transform: scaleY(0);\n    transform-origin: top;\n    min-height: 0;\n    /* This property is important to keep in sync with the visual transition (template-rows). Without it interactive elements within the accordion would stay focusable. */\n    visibility: hidden;\n    transition: transform 0.3s, opacity 0.3s, visibility 0.3s;\n  }\n  .collapsible--open .collapsible__wrapper {\n    grid-template-rows: 1fr;\n  }\n  .collapsible--open .collapsible__wrapper-animation {\n    opacity: 1;\n    transform: scaleY(1);\n    visibility: visible;\n  }\n  .collapsible {\n    /*\n          * Inside a button, the caption text is always centered.\n          * So we have to align the text to the left.\n          */\n  }\n  .collapsible__heading-button button .kol-span {\n    align-items: flex-start;\n  }\n  .collapsible__heading-button button .kol-span__container {\n    text-align: left;\n  }\n  .collapsible--open:focus-within {\n    position: relative;\n    z-index: 100;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1785826695208"); /* IE9*/\n  src: url("kolicons.eot?t=1785826695208#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1785826695208") format("woff2"), url("kolicons.woff?t=1785826695208") format("woff"), url("kolicons.ttf?t=1785826695208") format("truetype"), url("kolicons.svg?t=1785826695208#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-button {\n    display: flex;\n    height: 100%;\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-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-button__text {\n    flex: 1 0 100%;\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  .collapsible--open .kol-details__heading-button .kol-icon {\n    transform: rotate(90deg);\n  }\n}';const g=class{constructor(e){n(this,e);this.id=c("details");this.ctaRef=p();this.handleOnClick=n=>{this._open=!this._open;clearTimeout(this.toggleTimeout);this.toggleTimeout=setTimeout((()=>{var e,o;if(this.host){m(this.host,f.toggle,Boolean(this._open))}(o=(e=this.state._on)===null||e===void 0?void 0:e.onToggle)===null||o===void 0?void 0:o.call(e,n,Boolean(this._open))}),25)};this._disabled=false;this._level=0;this._open=false;this.state={_label:"",_level:0,_on:{}}}async focus(n){}async click(){}render(){const{_open:n,_label:o,_disabled:t,_level:a}=this.state;const l="kol-details";const s={id:this.id,label:o,open:n,disabled:t,level:a,onClick:this.handleOnClick,class:l,HeadingProps:{class:`${l}__heading`},HeadingButtonProps:{ref:this.ctaRef,class:`${l}__heading-button`,_icons:"kolicon-chevron-right"},ContentProps:{class:`${l}__content indented-text`,wrapperClass:`${l}__wrapper`,animationClass:`${l}__wrapper-animation`}};return e(i,Object.assign({key:"73b9635276faea75c483aa6fa5f8a8453fc8dea3"},s),e("slot",{key:"456cedf9e4ad010e7e1e8bdaef51a2574e2b550f"}))}validateDisabled(n){l(this,n)}validateLabel(n){s(this,n,{required:true})}validateLevel(n){b(this,n)}validateOn(n){u(this,n)}validateOpen(n){r(this,n)}componentWillLoad(){this.validateDisabled(this._disabled);this.validateLabel(this._label);this.validateLevel(this._level);this.validateOn(this._on);this.validateOpen(this._open)}get host(){return o(this)}static get watchers(){return{_disabled:["validateDisabled"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_open:["validateOpen"]}}};t([d("ctaRef")],g.prototype,"focus",null);t([h("ctaRef")],g.prototype,"click",null);g.style={default:k};export{g as kol_details};
+import{r as n,h as e,g as o}from"./index-Dy5OebFJ.js";import{_ as t}from"./tslib.es6-QNbPBOk5.js";import{K as i}from"./Collapsible-COrtm1c8.js";import{b as l}from"./common-DQP27q1D.js";import{v as a}from"./disabled-jKlKAF7J.js";import{v as r}from"./label-Dwxm-V_h.js";import{v as s}from"./open-Cmx_DQBP.js";import{c}from"./dev.utils-6rI-ojpf.js";import{d as h,a as d,c as p}from"./element-interaction-C5-6aPzz.js";import{d as m,K as f}from"./events-BhfZTW2e.js";import{w as b}from"./validation-DLEaOerO.js";import"./component-names-BGnhDM7F.js";import"./clsx-COFh-Vc8.js";import"./Heading-vsrFh4hD.js";import"./element-focus-BQXzaLL9.js";import"./level-PcWGlcVG.js";import"./normalizers-Cpy0t9-X.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";const u=(n,e)=>{l(n,`_on`,(n=>typeof n==="object"&&n!==null),new Set(["DetailsCallbacksPropType {Events.onToggle}"]),e)};const k='@charset "UTF-8";\n/* forward the rem function */\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     *\n     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser\'s\n     * rounding, dropping just below the required minimum.\n     */\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    --kol-a11y-font-color: black;\n    --kol-a11y-background-color: white;\n    color: var(--kol-a11y-font-color);\n    background-color: var(--kol-a11y-background-color);\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    --kol-a11y-font-family: Verdana;\n    font-family: var(--kol-a11y-font-family);\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/* For animation technique see https://css-tricks.com/css-grid-can-do-auto-height-transitions/ */\n@layer kol-component {\n  @media (prefers-reduced-motion) {\n    .collapsible__wrapper-animation, .collapsible__wrapper {\n      transition: none !important;\n    }\n  }\n  .collapsible {\n    /* @see https://github.com/public-ui/kolibri/issues/5952 */\n  }\n  @media print {\n    :not(.collapsible--open) .collapsible__wrapper-animation {\n      display: none;\n    }\n  }\n  .collapsible__wrapper {\n    /* Forces the element into its own GPU compositing layer (via 3D transform). Helps prevent rendering/layout bugs (e.g. #7511) and may improve animation performance. */\n    transform: translateZ(0);\n    display: grid;\n    grid-template-columns: minmax(0, 1fr);\n    grid-template-rows: 0fr;\n    transition: grid-template-rows 0.3s;\n  }\n  .collapsible__wrapper-animation {\n    opacity: 0;\n    transform: scaleY(0);\n    transform-origin: top;\n    min-height: 0;\n    /* This property is important to keep in sync with the visual transition (template-rows). Without it interactive elements within the accordion would stay focusable. */\n    visibility: hidden;\n    transition: transform 0.3s, opacity 0.3s, visibility 0.3s;\n  }\n  .collapsible--open .collapsible__wrapper {\n    grid-template-rows: 1fr;\n  }\n  .collapsible--open .collapsible__wrapper-animation {\n    opacity: 1;\n    transform: scaleY(1);\n    visibility: visible;\n  }\n  .collapsible {\n    /*\n          * Inside a button, the caption text is always centered.\n          * So we have to align the text to the left.\n          */\n  }\n  .collapsible__heading-button button .kol-span {\n    align-items: flex-start;\n  }\n  .collapsible__heading-button button .kol-span__container {\n    text-align: left;\n  }\n  .collapsible--open:focus-within {\n    position: relative;\n    z-index: 100;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1786608057898"); /* IE9*/\n  src: url("kolicons.eot?t=1786608057898#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1786608057898") format("woff2"), url("kolicons.woff?t=1786608057898") format("woff"), url("kolicons.ttf?t=1786608057898") format("truetype"), url("kolicons.svg?t=1786608057898#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-button {\n    display: flex;\n    height: 100%;\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-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-button__text {\n    flex: 1 0 100%;\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  .collapsible--open .kol-details__heading-button .kol-icon {\n    transform: rotate(90deg);\n  }\n}';const g=class{constructor(e){n(this,e);this.id=c("details");this.ctaRef=p();this.handleOnClick=n=>{this._open=!this._open;clearTimeout(this.toggleTimeout);this.toggleTimeout=setTimeout((()=>{var e,o;if(this.host){m(this.host,f.toggle,Boolean(this._open))}(o=(e=this.state._on)===null||e===void 0?void 0:e.onToggle)===null||o===void 0?void 0:o.call(e,n,Boolean(this._open))}),25)};this._disabled=false;this._level=0;this._open=false;this.state={_label:"",_level:0,_on:{}}}async focus(n){}async click(){}render(){const{_open:n,_label:o,_disabled:t,_level:l}=this.state;const a="kol-details";const r={id:this.id,label:o,open:n,disabled:t,level:l,onClick:this.handleOnClick,class:a,HeadingProps:{class:`${a}__heading`},HeadingButtonProps:{ref:this.ctaRef,class:`${a}__heading-button`,_icons:"kolicon-chevron-right"},ContentProps:{class:`${a}__content indented-text`,wrapperClass:`${a}__wrapper`,animationClass:`${a}__wrapper-animation`}};return e(i,Object.assign({key:"73b9635276faea75c483aa6fa5f8a8453fc8dea3"},r),e("slot",{key:"456cedf9e4ad010e7e1e8bdaef51a2574e2b550f"}))}validateDisabled(n){a(this,n)}validateLabel(n){r(this,n,{required:true})}validateLevel(n){b(this,n)}validateOn(n){u(this,n)}validateOpen(n){s(this,n)}componentWillLoad(){this.validateDisabled(this._disabled);this.validateLabel(this._label);this.validateLevel(this._level);this.validateOn(this._on);this.validateOpen(this._open)}get host(){return o(this)}static get watchers(){return{_disabled:["validateDisabled"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_open:["validateOpen"]}}};t([h("ctaRef")],g.prototype,"focus",null);t([d("ctaRef")],g.prototype,"click",null);g.style={default:k};export{g as kol_details};
 //# sourceMappingURL=kol-details.entry.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","getElement","__decorate","KolCollapsibleFc","watchValidator","validateDisabled","validateLabel","validateOpen","createUniqueId","delegateFocus","delegateClick","createCtaRef","dispatchDomEvent","KolEvent","watchHeadingLevel","validateDetailsCallbacks","component","value","Set","defaultStyleCss","KolDetails","constructor","hostRef","this","id","ctaRef","handleOnClick","event","_open","clearTimeout","toggleTimeout","setTimeout","_a","_b","host","toggle","Boolean","state","_on","onToggle","call","_disabled","_level","_label","focus","options","click","render","rootClass","props","label","open","disabled","level","onClick","class","HeadingProps","HeadingButtonProps","ref","_icons","ContentProps","wrapperClass","animationClass","Object","assign","key","required","validateLevel","validateOn","on","componentWillLoad","watchers","prototype","style","default"],"sources":["0"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","getElement","__decorate","KolCollapsibleFc","watchValidator","validateDisabled","validateLabel","validateOpen","createUniqueId","delegateFocus","delegateClick","createCtaRef","dispatchDomEvent","KolEvent","watchHeadingLevel","validateDetailsCallbacks","component","value","Set","defaultStyleCss","KolDetails","constructor","hostRef","this","id","ctaRef","handleOnClick","event","_open","clearTimeout","toggleTimeout","setTimeout","_a","_b","host","toggle","Boolean","state","_on","onToggle","call","_disabled","_level","_label","focus","options","click","render","rootClass","props","label","open","disabled","level","onClick","class","HeadingProps","HeadingButtonProps","ref","_icons","ContentProps","wrapperClass","animationClass","Object","assign","key","required","validateLevel","validateOn","on","componentWillLoad","watchers","prototype","style","default"],"sources":["0"],"mappings":"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","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as i,h as t,g as s}from"./index-CJ6nR8sE.js";import{d as a}from"./component-names-Dy77vq43.js";import{g as o,b as l,s as e}from"./common-D5l8QiaY.js";import{v as d}from"./label-Ftw1VCQG.js";import{c as r}from"./clsx-COFh-Vc8.js";import{c as h}from"./dev.utils-Bp48T7K-.js";import{d as n,K as c}from"./events-BhfZTW2e.js";import{u as f,l as v}from"./scroll-lock-BWDLIEQu.js";import{h as u}from"./tooltip-open-tracking-D3tCiiGP.js";import{w as m}from"./validation-BhdQk1rc.js";import"./level-At6QFNwQ.js";import"./normalizers-Dmgd1cXp.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";const b=(i,t,s)=>{o(i,"_width",t,Object.assign({defaultValue:"100%"},s))};const p=["blank","card"];const _=(i,t)=>{l(i,"_variant",(i=>typeof i==="string"&&p.includes(i)),new Set(p),t)};const k=class{constructor(t){i(this,t);this.cardHeadingId=h("dialog-heading");this.isModal=true;this._cardOn={onClose:()=>void this.close()};this.handleCancelEvent=i=>{var t,s;u(i);if(i.defaultPrevented)return;(s=(t=this.state._on)===null||t===void 0?void 0:t.onCancel)===null||s===void 0?void 0:s.call(t,i);if(i.defaultPrevented)return;if(this.host&&!n(this.host,c.cancel)){i.preventDefault()}};this._level=0;this._width="100%";this._variant="blank";this.state={_label:"",_width:"100%"}}disconnectedCallback(){void this.close();f(this)}handleNativeCloseEvent(i){var t;if(i.target!==this.refDialog){return}f(this);if(typeof((t=this.state._on)===null||t===void 0?void 0:t.onClose)==="function"){this.state._on.onClose()}if(this.host){n(this.host,c.close)}}async show(i=false){var t,s,a,o,l;if((t=this.refDialog)===null||t===void 0?void 0:t.open){return}this.isModal=i;if(i){(a=(s=this.refDialog)===null||s===void 0?void 0:s.showModal)===null||a===void 0?void 0:a.call(s);if(this.refDialog){v(this)}}else{(l=(o=this.refDialog)===null||o===void 0?void 0:o.show)===null||l===void 0?void 0:l.call(o)}}showModal(){return this.show(true)}openModal(){return this.showModal()}async close(){var i,t;(t=(i=this.refDialog)===null||i===void 0?void 0:i.close)===null||t===void 0?void 0:t.call(i)}closeModal(){return this.close()}render(){return t("dialog",{key:"49c6404f7d7f623b96b6b5de4cb7d91bbc4d594e","aria-label":this.state._variant==="blank"?this.state._label:undefined,"aria-labelledby":this.state._variant==="card"?this.cardHeadingId:undefined,"aria-modal":this.isModal?"true":"false",class:r("kol-dialog","kol-modal",{"kol-dialog__blank":this.state._variant==="blank","kol-dialog__card":this.state._variant==="card","kol-modal__blank":this.state._variant==="blank","kol-modal__card":this.state._variant==="card"}),onCancel:this.handleCancelEvent,onClose:this.handleNativeCloseEvent.bind(this),ref:i=>{this.refDialog=i},style:{width:this.state._width}},this.state._variant==="blank"&&t("slot",{key:"28072f7d98f0d8eb8e5ad0905d36c428918132bc"}),this.state._variant==="card"&&t(a,{key:"09ff7490f73fec88ecf3df489ce18bf3932dcaa6",_hasCloser:true,_headingId:this.cardHeadingId,_label:this.state._label,_level:this._level,_on:this._cardOn},t("slot",{key:"232599ca2f9f0d76424a5e476600a2d622ce5610"})))}validateLabel(i){d(this,i,{required:true})}validateLevel(i){m(this,i)}validateOn(i){if(typeof i==="object"&&i!==null){const t={};if(typeof i.onCancel==="function"){t.onCancel=i.onCancel}if(typeof i.onClose==="function"){t.onClose=i.onClose}e(this,"_on",t)}}validateWidth(i){b(this,i)}validateVariant(i){_(this,i)}componentWillLoad(){this.validateLabel(this._label);this.validateLevel(this._level);this.validateOn(this._on);this.validateWidth(this._width);this.validateVariant(this._variant)}get host(){return s(this)}static get watchers(){return{_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_width:["validateWidth"],_variant:["validateVariant"]}}};export{k as kol_dialog_wc};
+import{r as i,h as t,g as s}from"./index-Dy5OebFJ.js";import{d as a}from"./component-names-BGnhDM7F.js";import{g as o,b as l,s as e}from"./common-DQP27q1D.js";import{v as d}from"./label-Dwxm-V_h.js";import{c as r}from"./clsx-COFh-Vc8.js";import{c as h}from"./dev.utils-6rI-ojpf.js";import{d as n,K as c}from"./events-BhfZTW2e.js";import{u as f,l as v}from"./scroll-lock-BWDLIEQu.js";import{h as u}from"./tooltip-open-tracking-D3tCiiGP.js";import{w as m}from"./validation-DLEaOerO.js";import"./level-PcWGlcVG.js";import"./normalizers-Cpy0t9-X.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";const b=(i,t,s)=>{o(i,"_width",t,Object.assign({defaultValue:"100%"},s))};const p=["blank","card"];const _=(i,t)=>{l(i,"_variant",(i=>typeof i==="string"&&p.includes(i)),new Set(p),t)};const k=class{constructor(t){i(this,t);this.cardHeadingId=h("dialog-heading");this.isModal=true;this._cardOn={onClose:()=>void this.close()};this.handleCancelEvent=i=>{var t,s;u(i);if(i.defaultPrevented)return;(s=(t=this.state._on)===null||t===void 0?void 0:t.onCancel)===null||s===void 0?void 0:s.call(t,i);if(i.defaultPrevented)return;if(this.host&&!n(this.host,c.cancel)){i.preventDefault()}};this._level=0;this._width="100%";this._variant="blank";this.state={_label:"",_width:"100%"}}disconnectedCallback(){void this.close();f(this)}handleNativeCloseEvent(i){var t;if(i.target!==this.refDialog){return}f(this);if(typeof((t=this.state._on)===null||t===void 0?void 0:t.onClose)==="function"){this.state._on.onClose()}if(this.host){n(this.host,c.close)}}async show(i=false){var t,s,a,o,l;if((t=this.refDialog)===null||t===void 0?void 0:t.open){return}this.isModal=i;if(i){(a=(s=this.refDialog)===null||s===void 0?void 0:s.showModal)===null||a===void 0?void 0:a.call(s);if(this.refDialog){v(this)}}else{(l=(o=this.refDialog)===null||o===void 0?void 0:o.show)===null||l===void 0?void 0:l.call(o)}}showModal(){return this.show(true)}openModal(){return this.showModal()}async close(){var i,t;(t=(i=this.refDialog)===null||i===void 0?void 0:i.close)===null||t===void 0?void 0:t.call(i)}closeModal(){return this.close()}render(){return t("dialog",{key:"49c6404f7d7f623b96b6b5de4cb7d91bbc4d594e","aria-label":this.state._variant==="blank"?this.state._label:undefined,"aria-labelledby":this.state._variant==="card"?this.cardHeadingId:undefined,"aria-modal":this.isModal?"true":"false",class:r("kol-dialog","kol-modal",{"kol-dialog__blank":this.state._variant==="blank","kol-dialog__card":this.state._variant==="card","kol-modal__blank":this.state._variant==="blank","kol-modal__card":this.state._variant==="card"}),onCancel:this.handleCancelEvent,onClose:this.handleNativeCloseEvent.bind(this),ref:i=>{this.refDialog=i},style:{width:this.state._width}},this.state._variant==="blank"&&t("slot",{key:"28072f7d98f0d8eb8e5ad0905d36c428918132bc"}),this.state._variant==="card"&&t(a,{key:"09ff7490f73fec88ecf3df489ce18bf3932dcaa6",_hasCloser:true,_headingId:this.cardHeadingId,_label:this.state._label,_level:this._level,_on:this._cardOn},t("slot",{key:"232599ca2f9f0d76424a5e476600a2d622ce5610"})))}validateLabel(i){d(this,i,{required:true})}validateLevel(i){m(this,i)}validateOn(i){if(typeof i==="object"&&i!==null){const t={};if(typeof i.onCancel==="function"){t.onCancel=i.onCancel}if(typeof i.onClose==="function"){t.onClose=i.onClose}e(this,"_on",t)}}validateWidth(i){b(this,i)}validateVariant(i){_(this,i)}componentWillLoad(){this.validateLabel(this._label);this.validateLevel(this._level);this.validateOn(this._on);this.validateWidth(this._width);this.validateVariant(this._variant)}get host(){return s(this)}static get watchers(){return{_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_width:["validateWidth"],_variant:["validateVariant"]}}};export{k as kol_dialog_wc};
 //# sourceMappingURL=kol-dialog-wc.entry.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kol-dialog.entry.esm.js","sources":["src/components/dialog/style.scss?tag=kol-dialog&mode=default&encapsulation=shadow","src/components/dialog/shadow.tsx"],"sourcesContent":["@use '../@shared/global' as *;\n@use '../@shared/card.mixin' as *;\n@use '../@shared/mixins' as *;\n@use '../tooltip/style.scss' as *;\n\n@layer kol-component {\n\t@include kol-card;\n\n\t.kol-dialog,\n\t.kol-modal {\n\t\tmin-height: var(--a11y-min-size);\n\t\tpadding: 0;\n\t\tborder: 0;\n\t\t/* Prevent scroll chaining from scrollable dialog content to the page. */\n\t\toverscroll-behavior: contain;\n\t}\n\n\t.kol-dialog__close-button,\n\t.kol-modal__close-button {\n\t\tposition: absolute;\n\t\ttop: to-rem(1);\n\t\tright: to-rem(1);\n\t\tz-index: 1;\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, h, Method, Prop } from '@stencil/core';\nimport { KolDialogWcTag } from '../../core/component-names';\nimport type { DialogProps, HeadingLevel, KoliBriDialogEventCallbacks, LabelPropType } from '../../schema';\nimport type { ModalVariantPropType } from '../../schema/props/variant/modal';\n\n/**\n * @slot - The dialog's contents.\n */\n@Component({\n\ttag: 'kol-dialog',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolDialog implements DialogProps {\n\tprivate dialogRef?: HTMLKolDialogWcElement;\n\n\tprivate readonly catchRef = (ref?: HTMLKolDialogWcElement) => {\n\t\tthis.dialogRef = ref;\n\t};\n\n\t/**\n\t * Opens the dialog.\n\t * @deprecated Use showModal() instead.\n\t */\n\t@Method()\n\tpublic openModal(): Promise<void> {\n\t\treturn this.showModal();\n\t}\n\n\t/**\n\t * Opens the dialog as a modal.\n\t */\n\t@Method()\n\tpublic showModal(): Promise<void> {\n\t\treturn this.dialogRef?.showModal() ?? Promise.resolve();\n\t}\n\n\t/**\n\t * Opens the dialog. Pass true to open as a modal dialog.\n\t */\n\t@Method()\n\tpublic show(modal: boolean = false): Promise<void> {\n\t\treturn this.dialogRef?.show(modal) ?? Promise.resolve();\n\t}\n\n\t/**\n\t * Closes the dialog.\n\t */\n\t@Method()\n\tpublic close(): Promise<void> {\n\t\treturn this.dialogRef?.close() ?? Promise.resolve();\n\t}\n\n\t/**\n\t * Closes the dialog.\n\t * @deprecated Use close() instead.\n\t */\n\t@Method()\n\tpublic closeModal(): Promise<void> {\n\t\treturn this.close();\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<KolDialogWcTag ref={this.catchRef} _label={this._label} _level={this._level} _on={this._on} _variant={this._variant} _width={this._width}>\n\t\t\t\t<slot />\n\t\t\t</KolDialogWcTag>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label!: LabelPropType;\n\n\t/**\n\t * Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.\n\t */\n\t@Prop() public _level?: HeadingLevel = 0;\n\n\t/**\n\t * Defines the modal callback functions.\n\t */\n\t@Prop() public _on?: KoliBriDialogEventCallbacks;\n\n\t/**\n\t * Defines the width of the modal. (max-width: 100%)\n\t */\n\t@Prop() public _width?: string = '100%';\n\n\t/**\n\t * Defines the variant of the modal.\n\t */\n\t@Prop() public _variant?: ModalVariantPropType = 'blank';\n}\n"],"names":[],"mappings":";;;;;;;AAAA,MAAM,eAAe,GAAG,onXAAonX;;MCgB/nX,SAAS,GAAA,MAAA;AAPtB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAUkB,QAAA,IAAA,CAAA,QAAQ,GAAG,CAAC,GAA4B,KAAI;AAC5D,YAAA,IAAI,CAAC,SAAS,GAAG,GAAG;AACrB,SAAC;AA4Dc,QAAA,IAAM,CAAA,MAAA,GAAkB,CAAC;AAUzB,QAAA,IAAM,CAAA,MAAA,GAAY,MAAM;AAKxB,QAAA,IAAQ,CAAA,QAAA,GAA0B,OAAO;AACxD;IArEO,SAAS,GAAA;AACf,QAAA,OAAO,IAAI,CAAC,SAAS,EAAE;;IAOjB,SAAS,GAAA;;QACf,OAAO,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,SAAS,EAAE,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,OAAO,CAAC,OAAO,EAAE;;IAOjD,IAAI,CAAC,QAAiB,KAAK,EAAA;;QACjC,OAAO,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,SAAS,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAI,CAAC,KAAK,CAAC,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,OAAO,CAAC,OAAO,EAAE;;IAOjD,KAAK,GAAA;;QACX,OAAO,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,EAAE,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,OAAO,CAAC,OAAO,EAAE;;IAQ7C,UAAU,GAAA;AAChB,QAAA,OAAO,IAAI,CAAC,KAAK,EAAE;;IAGb,MAAM,GAAA;QACZ,QACC,CAAC,CAAA,cAAc,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAA,EACxI,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACQ;;;;;;;;;"}
+{"version":3,"file":"kol-dialog.entry.esm.js","sources":["src/components/dialog/style.scss?tag=kol-dialog&mode=default&encapsulation=shadow","src/components/dialog/shadow.tsx"],"sourcesContent":["@use '../@shared/global' as *;\n@use '../@shared/card.mixin' as *;\n@use '../@shared/mixins' as *;\n@use '../tooltip/style.scss' as *;\n\n@layer kol-component {\n\t@include kol-card;\n\n\t.kol-dialog,\n\t.kol-modal {\n\t\tmin-height: var(--a11y-min-size);\n\t\tpadding: 0;\n\t\tborder: 0;\n\t\t/* Prevent scroll chaining from scrollable dialog content to the page. */\n\t\toverscroll-behavior: contain;\n\t}\n\n\t.kol-dialog__close-button,\n\t.kol-modal__close-button {\n\t\tposition: absolute;\n\t\ttop: to-rem(1);\n\t\tright: to-rem(1);\n\t\tz-index: 1;\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, h, Method, Prop } from '@stencil/core';\nimport { KolDialogWcTag } from '../../core/component-names';\nimport type { DialogProps, HeadingLevel, KoliBriDialogEventCallbacks, LabelPropType } from '../../schema';\nimport type { ModalVariantPropType } from '../../schema/props/variant/modal';\n\n/**\n * @slot - The dialog's contents.\n */\n@Component({\n\ttag: 'kol-dialog',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolDialog implements DialogProps {\n\tprivate dialogRef?: HTMLKolDialogWcElement;\n\n\tprivate readonly catchRef = (ref?: HTMLKolDialogWcElement) => {\n\t\tthis.dialogRef = ref;\n\t};\n\n\t/**\n\t * Opens the dialog.\n\t * @deprecated Use showModal() instead.\n\t */\n\t@Method()\n\tpublic openModal(): Promise<void> {\n\t\treturn this.showModal();\n\t}\n\n\t/**\n\t * Opens the dialog as a modal.\n\t */\n\t@Method()\n\tpublic showModal(): Promise<void> {\n\t\treturn this.dialogRef?.showModal() ?? Promise.resolve();\n\t}\n\n\t/**\n\t * Opens the dialog. Pass true to open as a modal dialog.\n\t */\n\t@Method()\n\tpublic show(modal: boolean = false): Promise<void> {\n\t\treturn this.dialogRef?.show(modal) ?? Promise.resolve();\n\t}\n\n\t/**\n\t * Closes the dialog.\n\t */\n\t@Method()\n\tpublic close(): Promise<void> {\n\t\treturn this.dialogRef?.close() ?? Promise.resolve();\n\t}\n\n\t/**\n\t * Closes the dialog.\n\t * @deprecated Use close() instead.\n\t */\n\t@Method()\n\tpublic closeModal(): Promise<void> {\n\t\treturn this.close();\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<KolDialogWcTag ref={this.catchRef} _label={this._label} _level={this._level} _on={this._on} _variant={this._variant} _width={this._width}>\n\t\t\t\t<slot />\n\t\t\t</KolDialogWcTag>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label!: LabelPropType;\n\n\t/**\n\t * Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.\n\t */\n\t@Prop() public _level?: HeadingLevel = 0;\n\n\t/**\n\t * Defines the modal callback functions.\n\t */\n\t@Prop() public _on?: KoliBriDialogEventCallbacks;\n\n\t/**\n\t * Defines the width of the modal. (max-width: 100%)\n\t */\n\t@Prop() public _width?: string = '100%';\n\n\t/**\n\t * Defines the variant of the modal.\n\t */\n\t@Prop() public _variant?: ModalVariantPropType = 'blank';\n}\n"],"names":[],"mappings":";;;;;;;AAAA,MAAM,eAAe,GAAG,yyXAAyyX;;MCgBpzX,SAAS,GAAA,MAAA;AAPtB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAUkB,QAAA,IAAA,CAAA,QAAQ,GAAG,CAAC,GAA4B,KAAI;AAC5D,YAAA,IAAI,CAAC,SAAS,GAAG,GAAG;AACrB,SAAC;AA4Dc,QAAA,IAAM,CAAA,MAAA,GAAkB,CAAC;AAUzB,QAAA,IAAM,CAAA,MAAA,GAAY,MAAM;AAKxB,QAAA,IAAQ,CAAA,QAAA,GAA0B,OAAO;AACxD;IArEO,SAAS,GAAA;AACf,QAAA,OAAO,IAAI,CAAC,SAAS,EAAE;;IAOjB,SAAS,GAAA;;QACf,OAAO,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,SAAS,EAAE,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,OAAO,CAAC,OAAO,EAAE;;IAOjD,IAAI,CAAC,QAAiB,KAAK,EAAA;;QACjC,OAAO,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,SAAS,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAI,CAAC,KAAK,CAAC,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,OAAO,CAAC,OAAO,EAAE;;IAOjD,KAAK,GAAA;;QACX,OAAO,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,EAAE,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,OAAO,CAAC,OAAO,EAAE;;IAQ7C,UAAU,GAAA;AAChB,QAAA,OAAO,IAAI,CAAC,KAAK,EAAE;;IAGb,MAAM,GAAA;QACZ,QACC,CAAC,CAAA,cAAc,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAA,EACxI,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACQ;;;;;;;;;"}

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

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e}from"./index-CJ6nR8sE.js";import{e as o}from"./component-names-Dy77vq43.js";import"./common-D5l8QiaY.js";const t='@charset "UTF-8";\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     *\n     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser\'s\n     * rounding, dropping just below the required minimum.\n     */\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    --kol-a11y-font-color: black;\n    --kol-a11y-background-color: white;\n    color: var(--kol-a11y-font-color);\n    background-color: var(--kol-a11y-background-color);\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    --kol-a11y-font-family: Verdana;\n    font-family: var(--kol-a11y-font-family);\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=1785826695208"); /* IE9*/\n  src: url("kolicons.eot?t=1785826695208#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1785826695208") format("woff2"), url("kolicons.woff?t=1785826695208") format("woff"), url("kolicons.ttf?t=1785826695208") format("truetype"), url("kolicons.svg?t=1785826695208#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: black;\n    background-color: white;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: black;\n    background-color: white;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-card .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-card :host {\n    display: inline-block;\n  }\n  .kol-card .kol-button {\n    display: flex;\n    height: 100%;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-card .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-card .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-card {\n    /* Visible with forced colors  */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n    display: grid;\n    height: 100%;\n    overflow: visible;\n    grid-template-areas: "header  close" "content content";\n    grid-template-columns: 1fr min-content;\n    grid-template-rows: min-content 1fr;\n  }\n  .kol-card__header {\n    align-self: start;\n    grid-area: header;\n  }\n  .kol-card__content {\n    align-self: stretch;\n    grid-area: content;\n  }\n  .kol-card__close-button {\n    grid-area: close;\n  }\n  .kol-dialog,\n  .kol-modal {\n    min-height: var(--a11y-min-size);\n    padding: 0;\n    border: 0;\n    /* Prevent scroll chaining from scrollable dialog content to the page. */\n    overscroll-behavior: contain;\n  }\n  .kol-dialog__close-button,\n  .kol-modal__close-button {\n    position: absolute;\n    top: calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n    right: calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n    z-index: 1;\n  }\n}';const i=class{constructor(e){n(this,e);this.catchRef=n=>{this.dialogRef=n};this._level=0;this._width="100%";this._variant="blank"}openModal(){return this.showModal()}showModal(){var n,e;return(e=(n=this.dialogRef)===null||n===void 0?void 0:n.showModal())!==null&&e!==void 0?e:Promise.resolve()}show(n=false){var e,o;return(o=(e=this.dialogRef)===null||e===void 0?void 0:e.show(n))!==null&&o!==void 0?o:Promise.resolve()}close(){var n,e;return(e=(n=this.dialogRef)===null||n===void 0?void 0:n.close())!==null&&e!==void 0?e:Promise.resolve()}closeModal(){return this.close()}render(){return e(o,{key:"a17abd1f58ac28397c5645822518998209c455e9",ref:this.catchRef,_label:this._label,_level:this._level,_on:this._on,_variant:this._variant,_width:this._width},e("slot",{key:"bc9895ef49e81444df9ce3d2634ae950bfc0f115"}))}};i.style={default:t};export{i as kol_dialog};
+import{r as n,h as e}from"./index-Dy5OebFJ.js";import{e as o}from"./component-names-BGnhDM7F.js";import"./common-DQP27q1D.js";const t='@charset "UTF-8";\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     *\n     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser\'s\n     * rounding, dropping just below the required minimum.\n     */\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    --kol-a11y-font-color: black;\n    --kol-a11y-background-color: white;\n    color: var(--kol-a11y-font-color);\n    background-color: var(--kol-a11y-background-color);\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    --kol-a11y-font-family: Verdana;\n    font-family: var(--kol-a11y-font-family);\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=1786608057898"); /* IE9*/\n  src: url("kolicons.eot?t=1786608057898#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1786608057898") format("woff2"), url("kolicons.woff?t=1786608057898") format("woff"), url("kolicons.ttf?t=1786608057898") format("truetype"), url("kolicons.svg?t=1786608057898#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: black;\n    background-color: white;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: black;\n    background-color: white;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-card .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-card :host {\n    display: inline-block;\n  }\n  .kol-card .kol-button {\n    display: flex;\n    height: 100%;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-card .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-card .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-card {\n    /* Visible with forced colors  */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n    display: grid;\n    height: 100%;\n    overflow: visible;\n    grid-template-areas: "header  close" "content content";\n    grid-template-columns: 1fr min-content;\n    grid-template-rows: min-content 1fr;\n  }\n  .kol-card__header {\n    align-self: start;\n    grid-area: header;\n  }\n  .kol-card__content {\n    align-self: stretch;\n    grid-area: content;\n  }\n  .kol-card__close-button {\n    grid-area: close;\n  }\n  .kol-card:has(.kol-card__link) {\n    position: relative;\n  }\n  .kol-card__link::after {\n    position: absolute;\n    inset: 0;\n    content: "";\n    cursor: pointer;\n  }\n  .kol-dialog,\n  .kol-modal {\n    min-height: var(--a11y-min-size);\n    padding: 0;\n    border: 0;\n    /* Prevent scroll chaining from scrollable dialog content to the page. */\n    overscroll-behavior: contain;\n  }\n  .kol-dialog__close-button,\n  .kol-modal__close-button {\n    position: absolute;\n    top: calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n    right: calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n    z-index: 1;\n  }\n}';const i=class{constructor(e){n(this,e);this.catchRef=n=>{this.dialogRef=n};this._level=0;this._width="100%";this._variant="blank"}openModal(){return this.showModal()}showModal(){var n,e;return(e=(n=this.dialogRef)===null||n===void 0?void 0:n.showModal())!==null&&e!==void 0?e:Promise.resolve()}show(n=false){var e,o;return(o=(e=this.dialogRef)===null||e===void 0?void 0:e.show(n))!==null&&o!==void 0?o:Promise.resolve()}close(){var n,e;return(e=(n=this.dialogRef)===null||n===void 0?void 0:n.close())!==null&&e!==void 0?e:Promise.resolve()}closeModal(){return this.close()}render(){return e(o,{key:"a17abd1f58ac28397c5645822518998209c455e9",ref:this.catchRef,_label:this._label,_level:this._level,_on:this._on,_variant:this._variant,_width:this._width},e("slot",{key:"bc9895ef49e81444df9ce3d2634ae950bfc0f115"}))}};i.style={default:t};export{i as kol_dialog};
 //# sourceMappingURL=kol-dialog.entry.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","KolDialogWcTag","defaultStyleCss","KolDialog","constructor","hostRef","this","catchRef","ref","dialogRef","_level","_width","_variant","openModal","showModal","_a","_b","Promise","resolve","show","modal","close","closeModal","render","key","_label","_on","style","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,MAAS,kCAC3BC,MAAsB,sCAC7B,uBAEP,MAAMC,EAAkB,miXAExB,MAAMC,EAAY,MACd,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,GACvBC,KAAKC,SAAYC,IACbF,KAAKG,UAAYD,CAAG,EAExBF,KAAKI,OAAS,EACdJ,KAAKK,OAAS,OACdL,KAAKM,SAAW,OACpB,CACA,SAAAC,GACI,OAAOP,KAAKQ,WAChB,CACA,SAAAA,GACI,IAAIC,EAAIC,EACR,OAAQA,GAAMD,EAAKT,KAAKG,aAAe,MAAQM,SAAY,OAAS,EAAIA,EAAGD,eAAiB,MAAQE,SAAY,EAAIA,EAAKC,QAAQC,SACrI,CACA,IAAAC,CAAKC,EAAQ,OACT,IAAIL,EAAIC,EACR,OAAQA,GAAMD,EAAKT,KAAKG,aAAe,MAAQM,SAAY,OAAS,EAAIA,EAAGI,KAAKC,MAAY,MAAQJ,SAAY,EAAIA,EAAKC,QAAQC,SACrI,CACA,KAAAG,GACI,IAAIN,EAAIC,EACR,OAAQA,GAAMD,EAAKT,KAAKG,aAAe,MAAQM,SAAY,OAAS,EAAIA,EAAGM,WAAa,MAAQL,SAAY,EAAIA,EAAKC,QAAQC,SACjI,CACA,UAAAI,GACI,OAAOhB,KAAKe,OAChB,CACA,MAAAE,GACI,OAAQvB,EAAEC,EAAgB,CAAEuB,IAAK,2CAA4ChB,IAAKF,KAAKC,SAAUkB,OAAQnB,KAAKmB,OAAQf,OAAQJ,KAAKI,OAAQgB,IAAKpB,KAAKoB,IAAKd,SAAUN,KAAKM,SAAUD,OAAQL,KAAKK,QAAUX,EAAE,OAAQ,CAAEwB,IAAK,6CAC/N,GAEJrB,EAAUwB,MAAQ,CACdC,QAAS1B,UAGJC","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","KolDialogWcTag","defaultStyleCss","KolDialog","constructor","hostRef","this","catchRef","ref","dialogRef","_level","_width","_variant","openModal","showModal","_a","_b","Promise","resolve","show","modal","close","closeModal","render","key","_label","_on","style","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,MAAS,kCAC3BC,MAAsB,sCAC7B,uBAEP,MAAMC,EAAkB,stXAExB,MAAMC,EAAY,MACd,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,GACvBC,KAAKC,SAAYC,IACbF,KAAKG,UAAYD,CAAG,EAExBF,KAAKI,OAAS,EACdJ,KAAKK,OAAS,OACdL,KAAKM,SAAW,OACpB,CACA,SAAAC,GACI,OAAOP,KAAKQ,WAChB,CACA,SAAAA,GACI,IAAIC,EAAIC,EACR,OAAQA,GAAMD,EAAKT,KAAKG,aAAe,MAAQM,SAAY,OAAS,EAAIA,EAAGD,eAAiB,MAAQE,SAAY,EAAIA,EAAKC,QAAQC,SACrI,CACA,IAAAC,CAAKC,EAAQ,OACT,IAAIL,EAAIC,EACR,OAAQA,GAAMD,EAAKT,KAAKG,aAAe,MAAQM,SAAY,OAAS,EAAIA,EAAGI,KAAKC,MAAY,MAAQJ,SAAY,EAAIA,EAAKC,QAAQC,SACrI,CACA,KAAAG,GACI,IAAIN,EAAIC,EACR,OAAQA,GAAMD,EAAKT,KAAKG,aAAe,MAAQM,SAAY,OAAS,EAAIA,EAAGM,WAAa,MAAQL,SAAY,EAAIA,EAAKC,QAAQC,SACjI,CACA,UAAAI,GACI,OAAOhB,KAAKe,OAChB,CACA,MAAAE,GACI,OAAQvB,EAAEC,EAAgB,CAAEuB,IAAK,2CAA4ChB,IAAKF,KAAKC,SAAUkB,OAAQnB,KAAKmB,OAAQf,OAAQJ,KAAKI,OAAQgB,IAAKpB,KAAKoB,IAAKd,SAAUN,KAAKM,SAAUD,OAAQL,KAAKK,QAAUX,EAAE,OAAQ,CAAEwB,IAAK,6CAC/N,GAEJrB,EAAUwB,MAAQ,CACdC,QAAS1B,UAGJC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"kol-drawer.entry.esm.js","sources":["src/components/drawer/style.scss?tag=kol-drawer&mode=default&encapsulation=shadow","src/components/drawer/shadow.tsx"],"sourcesContent":["@use '../@shared/global' as *;\n@use '../@shared/card.mixin' as *;\n@use '../@shared/mixins' as *;\n@use '../tooltip/style.scss' as *;\n\n@layer kol-component {\n\t@include kol-card;\n\n\t.kol-drawer {\n\t\t$root: &;\n\n\t\t&__dialog {\n\t\t\tpadding: 0;\n\t\t\tborder: none;\n\t\t\t/* Prevent scroll chaining from scrollable drawer content to the page. */\n\t\t\toverscroll-behavior: contain;\n\t\t}\n\n\t\t&__wrapper {\n\t\t\tposition: fixed;\n\t\t\toverflow: auto;\n\t\t\toverscroll-behavior: contain;\n\n\t\t\t&--left,\n\t\t\t&--right {\n\t\t\t\ttop: 0;\n\t\t\t\tmax-width: 100vw;\n\t\t\t\theight: 100vh;\n\n\t\t\t\t#{$root}__content {\n\t\t\t\t\theight: 100%;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&--left {\n\t\t\t\tleft: 0;\n\t\t\t}\n\n\t\t\t&--right {\n\t\t\t\tright: 0;\n\t\t\t}\n\n\t\t\t&--bottom,\n\t\t\t&--top {\n\t\t\t\tleft: 0;\n\t\t\t\twidth: 100vw;\n\t\t\t\tmax-height: 100vh;\n\n\t\t\t\t#{$root}__content {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&--bottom {\n\t\t\t\tbottom: 0;\n\t\t\t}\n\n\t\t\t&--top {\n\t\t\t\ttop: 0;\n\t\t\t}\n\t\t}\n\n\t\t&__content {\n\t\t\tposition: relative;\n\t\t}\n\t}\n\n\t.kol-drawer__dialog .kol-card__content {\n\t\toverflow-y: auto;\n\t\toverscroll-behavior: contain;\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Host, Method, Prop, State, Watch } from '@stencil/core';\nimport { KolCardWcTag } from '../../core/component-names';\nimport type {\n\tAlignPropType,\n\tDrawerAPI,\n\tDrawerStates,\n\tHasCloserPropType,\n\tHeadingLevel,\n\tKoliBriModalEventCallbacks,\n\tLabelPropType,\n\tOpenPropType,\n} from '../../schema';\nimport { setState, validateAlign, validateHasCloser, validateLabel, validateOpen } from '../../schema';\nimport clsx from '../../utils/clsx';\nimport { createUniqueId } from '../../utils/dev.utils';\nimport { dispatchDomEvent, KolEvent } from '../../utils/events';\nimport { lockScroll, unlockScroll } from '../../utils/scroll-lock';\nimport { handleCancelOverlay } from '../../utils/tooltip-open-tracking';\nimport { watchHeadingLevel } from '../heading/validation';\n\n/**\n * @slot - The Content of drawer.\n */\n@Component({\n\ttag: 'kol-drawer',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolDrawer implements DrawerAPI {\n\t@Element() private readonly host?: HTMLKolDetailsElement;\n\tprivate dialogElement?: HTMLDialogElement;\n\tprivate dialogWrapperElement?: HTMLKolCardWcElement;\n\tprivate readonly cardHeadingId = createUniqueId('drawer-heading');\n\n\t@State() private isModal: boolean = true;\n\n\t/**\n\t * Opens the drawer. Pass true to open as a modal drawer.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async show(modal: boolean = false): Promise<void> {\n\t\tif (this.dialogElement?.open) {\n\t\t\treturn;\n\t\t}\n\t\tthis.isModal = modal;\n\t\tthis.state = {\n\t\t\t...this.state,\n\t\t\t_open: true,\n\t\t};\n\t\tif (modal) {\n\t\t\tthis.dialogElement?.showModal?.();\n\t\t\tif (this.dialogElement) {\n\t\t\t\tlockScroll(this);\n\t\t\t}\n\t\t} else {\n\t\t\tthis.dialogElement?.show?.();\n\t\t}\n\t\tthis._on?.onToggle?.(true);\n\t\tif (this.host) {\n\t\t\tdispatchDomEvent(this.host, KolEvent.toggle);\n\t\t}\n\t}\n\n\t/**\n\t * Opens the drawer as a modal.\n\t */\n\t@Method()\n\tpublic showModal(): Promise<void> {\n\t\treturn this.show(true);\n\t}\n\n\t/**\n\t * Opens the drawer.\n\t * @deprecated Use show() or showModal() instead.\n\t */\n\t@Method()\n\tpublic open(): Promise<void> {\n\t\treturn this.show(false);\n\t}\n\n\t/**\n\t * Closes the drawer.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async close(): Promise<void> {\n\t\tthis.state = {\n\t\t\t...this.state,\n\t\t\t_open: false,\n\t\t};\n\t\tconst wrapper = this.dialogWrapperElement;\n\t\tif (!wrapper) {\n\t\t\treturn;\n\t\t}\n\t\tif (window.getComputedStyle(wrapper).animationName === 'none') {\n\t\t\tthis.dialogElement?.close?.();\n\t\t}\n\t}\n\n\tprivate readonly _cardOn = { onClose: () => void this.close() };\n\n\tprivate getWrapperRef = (el: HTMLKolCardWcElement | undefined) => (this.dialogWrapperElement = el as HTMLKolCardWcElement);\n\tprivate renderDialogContent() {\n\t\tconst align = this.state._align as string;\n\t\treturn (\n\t\t\t<KolCardWcTag\n\t\t\t\tref={this.getWrapperRef}\n\t\t\t\tclass={clsx(`kol-drawer__wrapper`, `kol-drawer__wrapper--${align}`, {\n\t\t\t\t\t'kol-drawer__wrapper--open': this.state._open,\n\t\t\t\t\t'kol-drawer__wrapper--is-closing': this.state._open === false,\n\t\t\t\t})}\n\t\t\t\t_hasCloser={this.state._hasCloser}\n\t\t\t\t_headingId={this.cardHeadingId}\n\t\t\t\t_label={this.state._label}\n\t\t\t\t_level={this._level}\n\t\t\t\t_on={this._cardOn}\n\t\t\t>\n\t\t\t\t<div class=\"kol-drawer__content\">\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</KolCardWcTag>\n\t\t);\n\t}\n\n\tprivate getRef = (el: HTMLDialogElement | undefined) => {\n\t\tthis.dialogElement = el as HTMLDialogElement;\n\t\tsetTimeout(() => {\n\t\t\tvoid this.openOrCloseBasedOnState(); // handle initial state as soon as element is ready\n\t\t});\n\t};\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-drawer\">\n\t\t\t\t<dialog\n\t\t\t\t\taria-labelledby={this.cardHeadingId}\n\t\t\t\t\taria-modal={this.isModal ? 'true' : 'false'}\n\t\t\t\t\tclass=\"kol-drawer__dialog\"\n\t\t\t\t\tonCancel={this.handleCancelEvent}\n\t\t\t\t\tref={this.getRef}\n\t\t\t\t>\n\t\t\t\t\t{this.renderDialogContent()}\n\t\t\t\t</dialog>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Opens/expands the element when truthy, closes/collapses when falsy.\n\t */\n\t@Prop() public _open?: OpenPropType;\n\n\t/**\n\t * Defines the visual orientation of the component.\n\t */\n\t@Prop() public _align?: AlignPropType;\n\n\t/**\n\t * Defines whether the element can be closed.\n\t * @TODO: Change type back to `HasCloserPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hasCloser?: boolean = false;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label!: LabelPropType;\n\n\t/**\n\t * Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.\n\t */\n\t@Prop() public _level?: HeadingLevel = 0;\n\n\t/**\n\t * Specifies the EventCallback function to be called when the drawer is closing.\n\t */\n\t@Prop() public _on?: KoliBriModalEventCallbacks;\n\n\t@State() public state: DrawerStates = {\n\t\t_label: '', // ⚠ required\n\t\t_open: false,\n\t\t_align: 'left',\n\t};\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\t@Watch('_align')\n\tpublic validateAlign(value?: AlignPropType): void {\n\t\tvalidateAlign(this, value);\n\t}\n\n\t@Watch('_hasCloser')\n\tpublic validateHasCloser(value?: HasCloserPropType): void {\n\t\tvalidateHasCloser(this, value);\n\t}\n\n\t@Watch('_level')\n\tpublic validateLevel(value?: HeadingLevel): void {\n\t\twatchHeadingLevel(this, value);\n\t}\n\n\t@Watch('_open')\n\tpublic validateOpen(value?: OpenPropType) {\n\t\tif (typeof value === 'boolean') {\n\t\t\tvalidateOpen(this, value);\n\n\t\t\tif (this.dialogElement) {\n\t\t\t\t// handle property changes but not the initial validateOpen call\n\t\t\t\tvoid this.openOrCloseBasedOnState();\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate async openOrCloseBasedOnState() {\n\t\tif (this.state._open) {\n\t\t\tawait this.show(this.isModal);\n\t\t} else {\n\t\t\tawait this.close();\n\t\t}\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(value?: KoliBriModalEventCallbacks): void {\n\t\tif (typeof value === 'object' && value !== null) {\n\t\t\tconst callbacks: KoliBriModalEventCallbacks = {};\n\t\t\tif (typeof value.onCancel === 'function') {\n\t\t\t\tcallbacks.onCancel = value.onCancel;\n\t\t\t}\n\t\t\tif (typeof value.onClose === 'function') {\n\t\t\t\tcallbacks.onClose = value.onClose;\n\t\t\t}\n\t\t\tif (typeof value.onToggle === 'function') {\n\t\t\t\tcallbacks.onToggle = value.onToggle;\n\t\t\t}\n\t\t\tsetState<KoliBriModalEventCallbacks>(this, '_on', callbacks);\n\t\t}\n\t}\n\n\tprivate handleCancelEvent = (event: Event): void => {\n\t\thandleCancelOverlay(event);\n\t\tif (event.defaultPrevented) return;\n\n\t\tthis.state._on?.onCancel?.(event);\n\t\tif (event.defaultPrevented) return;\n\n\t\tif (this.host && !dispatchDomEvent(this.host, KolEvent.cancel)) {\n\t\t\tevent.preventDefault();\n\t\t}\n\t};\n\n\tprivate handleCloseDialog() {\n\t\tthis._on?.onClose?.();\n\t\tthis._on?.onToggle?.(false);\n\t\tif (this.host) {\n\t\t\tdispatchDomEvent(this.host, KolEvent.close);\n\t\t\tdispatchDomEvent(this.host, KolEvent.toggle);\n\t\t}\n\t}\n\n\tprivate readonly handleClose = () => {\n\t\tunlockScroll(this);\n\t\tvoid (async () => {\n\t\t\tawait this.close();\n\t\t\tthis.handleCloseDialog();\n\t\t})();\n\t};\n\n\tprivate readonly handleAnimationEnd = (e: Event): void => {\n\t\tconst animationEvent = e as AnimationEvent;\n\t\tif (animationEvent.animationName.includes('slideOut')) {\n\t\t\tthis.dialogElement?.close?.();\n\t\t}\n\t};\n\n\tpublic componentDidLoad(): void {\n\t\tthis.dialogElement?.addEventListener('animationend', this.handleAnimationEnd);\n\t\tthis.dialogElement?.addEventListener('close', this.handleClose);\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tthis.dialogElement?.removeEventListener('animationend', this.handleAnimationEnd);\n\t\tthis.dialogElement?.removeEventListener('close', this.handleClose);\n\t\tunlockScroll(this);\n\t}\n\n\tpublic componentWillLoad() {\n\t\tthis.validateAlign(this._align);\n\t\tthis.validateHasCloser(this._hasCloser);\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateOpen(this._open);\n\t\tthis.validateLevel(this._level);\n\t\tthis.validateOn(this._on);\n\t}\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,eAAe,GAAG,kzYAAkzY;;MC+B7zY,SAAS,GAAA,MAAA;AAPtB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAWkB,QAAA,IAAA,CAAA,aAAa,GAAG,cAAc,CAAC,gBAAgB,CAAC;AAEhD,QAAA,IAAO,CAAA,OAAA,GAAY,IAAI;AAkEvB,QAAA,IAAA,CAAA,OAAO,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC,KAAK,EAAE,EAAE;AAEvD,QAAA,IAAA,CAAA,aAAa,GAAG,CAAC,EAAoC,MAAM,IAAI,CAAC,oBAAoB,GAAG,EAA0B,CAAC;AAuBlH,QAAA,IAAA,CAAA,MAAM,GAAG,CAAC,EAAiC,KAAI;AACtD,YAAA,IAAI,CAAC,aAAa,GAAG,EAAuB;YAC5C,UAAU,CAAC,MAAK;AACf,gBAAA,KAAK,IAAI,CAAC,uBAAuB,EAAE;AACpC,aAAC,CAAC;AACH,SAAC;AA+Bc,QAAA,IAAU,CAAA,UAAA,GAAa,KAAK;AAU5B,QAAA,IAAM,CAAA,MAAA,GAAkB,CAAC;QAOxB,IAAA,CAAA,KAAK,GAAiB;AACrC,YAAA,MAAM,EAAE,EAAE;AACV,YAAA,KAAK,EAAE,KAAK;AACZ,YAAA,MAAM,EAAE,MAAM;SACd;AA6DO,QAAA,IAAA,CAAA,iBAAiB,GAAG,CAAC,KAAY,KAAU;;YAClD,mBAAmB,CAAC,KAAK,CAAC;YAC1B,IAAI,KAAK,CAAC,gBAAgB;gBAAE;YAE5B,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,KAAK,CAAC,GAAG,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,EAAG,KAAK,CAAC;YACjC,IAAI,KAAK,CAAC,gBAAgB;gBAAE;AAE5B,YAAA,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE;gBAC/D,KAAK,CAAC,cAAc,EAAE;;AAExB,SAAC;AAWgB,QAAA,IAAW,CAAA,WAAA,GAAG,MAAK;YACnC,YAAY,CAAC,IAAI,CAAC;YAClB,KAAK,CAAC,YAAW;AAChB,gBAAA,MAAM,IAAI,CAAC,KAAK,EAAE;gBAClB,IAAI,CAAC,iBAAiB,EAAE;aACxB,GAAG;AACL,SAAC;AAEgB,QAAA,IAAA,CAAA,kBAAkB,GAAG,CAAC,CAAQ,KAAU;;YACxD,MAAM,cAAc,GAAG,CAAmB;YAC1C,IAAI,cAAc,CAAC,aAAa,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE;gBACtD,CAAA,EAAA,GAAA,MAAA,IAAI,CAAC,aAAa,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,KAAK,kDAAI;;AAE/B,SAAC;AAqBD;AAjQO,IAAA,MAAM,IAAI,CAAC,KAAA,GAAiB,KAAK,EAAA;;QACvC,IAAI,MAAA,IAAI,CAAC,aAAa,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAI,EAAE;YAC7B;;AAED,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;QACpB,IAAI,CAAC,KAAK,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACN,IAAI,CAAC,KAAK,CAAA,EAAA,EACb,KAAK,EAAE,IAAI,EAAA,CACX;QACD,IAAI,KAAK,EAAE;YACV,CAAA,EAAA,GAAA,MAAA,IAAI,CAAC,aAAa,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,SAAS,kDAAI;AACjC,YAAA,IAAI,IAAI,CAAC,aAAa,EAAE;gBACvB,UAAU,CAAC,IAAI,CAAC;;;aAEX;YACN,CAAA,EAAA,GAAA,MAAA,IAAI,CAAC,aAAa,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAI,kDAAI;;QAE7B,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,GAAG,0CAAE,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,EAAG,IAAI,CAAC;AAC1B,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;YACd,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC;;;IAQvC,SAAS,GAAA;AACf,QAAA,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;;IAQhB,IAAI,GAAA;AACV,QAAA,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;;AAQjB,IAAA,MAAM,KAAK,GAAA;;QACjB,IAAI,CAAC,KAAK,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACN,IAAI,CAAC,KAAK,CAAA,EAAA,EACb,KAAK,EAAE,KAAK,EAAA,CACZ;AACD,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,oBAAoB;QACzC,IAAI,CAAC,OAAO,EAAE;YACb;;QAED,IAAI,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,aAAa,KAAK,MAAM,EAAE;YAC9D,CAAA,EAAA,GAAA,MAAA,IAAI,CAAC,aAAa,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,KAAK,kDAAI;;;IAOvB,mBAAmB,GAAA;AAC1B,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAgB;QACzC,QACC,CAAC,CAAA,YAAY,IACZ,GAAG,EAAE,IAAI,CAAC,aAAa,EACvB,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE,CAAA,qBAAA,EAAwB,KAAK,CAAA,CAAE,EAAE;AACnE,gBAAA,2BAA2B,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;AAC7C,gBAAA,iCAAiC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,KAAK;aAC7D,CAAC,EACF,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,UAAU,EAAE,IAAI,CAAC,aAAa,EAC9B,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACzB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,GAAG,EAAE,IAAI,CAAC,OAAO,EAAA,EAEjB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC/B,CAAQ,CAAA,MAAA,EAAA,IAAA,CAAA,CACH,CACQ;;IAUV,MAAM,GAAA;AACZ,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACvB,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,iBAAA,EACkB,IAAI,CAAC,aAAa,EACvB,YAAA,EAAA,IAAI,CAAC,OAAO,GAAG,MAAM,GAAG,OAAO,EAC3C,KAAK,EAAC,oBAAoB,EAC1B,QAAQ,EAAE,IAAI,CAAC,iBAAiB,EAChC,GAAG,EAAE,IAAI,CAAC,MAAM,EAAA,EAEf,IAAI,CAAC,mBAAmB,EAAE,CACnB,CACH;;AA0CF,IAAA,aAAa,CAAC,KAAqB,EAAA;AACzC,QAAA,aAAa,CAAC,IAAI,EAAE,KAAK,EAAE;AAC1B,YAAA,QAAQ,EAAE,IAAI;AACd,SAAA,CAAC;;AAII,IAAA,aAAa,CAAC,KAAqB,EAAA;AACzC,QAAA,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC;;AAIpB,IAAA,iBAAiB,CAAC,KAAyB,EAAA;AACjD,QAAA,iBAAiB,CAAC,IAAI,EAAE,KAAK,CAAC;;AAIxB,IAAA,aAAa,CAAC,KAAoB,EAAA;AACxC,QAAA,iBAAiB,CAAC,IAAI,EAAE,KAAK,CAAC;;AAIxB,IAAA,YAAY,CAAC,KAAoB,EAAA;AACvC,QAAA,IAAI,OAAO,KAAK,KAAK,SAAS,EAAE;AAC/B,YAAA,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC;AAEzB,YAAA,IAAI,IAAI,CAAC,aAAa,EAAE;AAEvB,gBAAA,KAAK,IAAI,CAAC,uBAAuB,EAAE;;;;AAK9B,IAAA,MAAM,uBAAuB,GAAA;AACpC,QAAA,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;YACrB,MAAM,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;;aACvB;AACN,YAAA,MAAM,IAAI,CAAC,KAAK,EAAE;;;AAKb,IAAA,UAAU,CAAC,KAAkC,EAAA;QACnD,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,EAAE;YAChD,MAAM,SAAS,GAA+B,EAAE;AAChD,YAAA,IAAI,OAAO,KAAK,CAAC,QAAQ,KAAK,UAAU,EAAE;AACzC,gBAAA,SAAS,CAAC,QAAQ,GAAG,KAAK,CAAC,QAAQ;;AAEpC,YAAA,IAAI,OAAO,KAAK,CAAC,OAAO,KAAK,UAAU,EAAE;AACxC,gBAAA,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO;;AAElC,YAAA,IAAI,OAAO,KAAK,CAAC,QAAQ,KAAK,UAAU,EAAE;AACzC,gBAAA,SAAS,CAAC,QAAQ,GAAG,KAAK,CAAC,QAAQ;;AAEpC,YAAA,QAAQ,CAA6B,IAAI,EAAE,KAAK,EAAE,SAAS,CAAC;;;IAgBtD,iBAAiB,GAAA;;QACxB,CAAA,EAAA,GAAA,MAAA,IAAI,CAAC,GAAG,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,OAAO,kDAAI;QACrB,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,GAAG,0CAAE,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,EAAG,KAAK,CAAC;AAC3B,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;YACd,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC;YAC3C,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC;;;IAmBvC,gBAAgB,GAAA;;AACtB,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,aAAa,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,gBAAgB,CAAC,cAAc,EAAE,IAAI,CAAC,kBAAkB,CAAC;AAC7E,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,aAAa,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC;;IAGzD,oBAAoB,GAAA;;AAC1B,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,aAAa,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,mBAAmB,CAAC,cAAc,EAAE,IAAI,CAAC,kBAAkB,CAAC;AAChF,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,aAAa,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC;QAClE,YAAY,CAAC,IAAI,CAAC;;IAGZ,iBAAiB,GAAA;AACvB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC;AAC/B,QAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC;AACvC,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC;AAC/B,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;AAC7B,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC;AAC/B,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kol-drawer.entry.esm.js","sources":["src/components/drawer/style.scss?tag=kol-drawer&mode=default&encapsulation=shadow","src/components/drawer/shadow.tsx"],"sourcesContent":["@use '../@shared/global' as *;\n@use '../@shared/card.mixin' as *;\n@use '../@shared/mixins' as *;\n@use '../tooltip/style.scss' as *;\n\n@layer kol-component {\n\t@include kol-card;\n\n\t.kol-drawer {\n\t\t$root: &;\n\n\t\t&__dialog {\n\t\t\tpadding: 0;\n\t\t\tborder: none;\n\t\t\t/* Prevent scroll chaining from scrollable drawer content to the page. */\n\t\t\toverscroll-behavior: contain;\n\t\t}\n\n\t\t&__wrapper {\n\t\t\tposition: fixed;\n\t\t\toverflow: auto;\n\t\t\toverscroll-behavior: contain;\n\n\t\t\t&--left,\n\t\t\t&--right {\n\t\t\t\ttop: 0;\n\t\t\t\tmax-width: 100vw;\n\t\t\t\theight: 100vh;\n\n\t\t\t\t#{$root}__content {\n\t\t\t\t\theight: 100%;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&--left {\n\t\t\t\tleft: 0;\n\t\t\t}\n\n\t\t\t&--right {\n\t\t\t\tright: 0;\n\t\t\t}\n\n\t\t\t&--bottom,\n\t\t\t&--top {\n\t\t\t\tleft: 0;\n\t\t\t\twidth: 100vw;\n\t\t\t\tmax-height: 100vh;\n\n\t\t\t\t#{$root}__content {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&--bottom {\n\t\t\t\tbottom: 0;\n\t\t\t}\n\n\t\t\t&--top {\n\t\t\t\ttop: 0;\n\t\t\t}\n\t\t}\n\n\t\t&__content {\n\t\t\tposition: relative;\n\t\t}\n\t}\n\n\t.kol-drawer__dialog .kol-card__content {\n\t\toverflow-y: auto;\n\t\toverscroll-behavior: contain;\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Host, Method, Prop, State, Watch } from '@stencil/core';\nimport { KolCardWcTag } from '../../core/component-names';\nimport type {\n\tAlignPropType,\n\tDrawerAPI,\n\tDrawerStates,\n\tHasCloserPropType,\n\tHeadingLevel,\n\tKoliBriModalEventCallbacks,\n\tLabelPropType,\n\tOpenPropType,\n} from '../../schema';\nimport { setState, validateAlign, validateHasCloser, validateLabel, validateOpen } from '../../schema';\nimport clsx from '../../utils/clsx';\nimport { createUniqueId } from '../../utils/dev.utils';\nimport { dispatchDomEvent, KolEvent } from '../../utils/events';\nimport { lockScroll, unlockScroll } from '../../utils/scroll-lock';\nimport { handleCancelOverlay } from '../../utils/tooltip-open-tracking';\nimport { watchHeadingLevel } from '../heading/validation';\n\n/**\n * @slot - The Content of drawer.\n */\n@Component({\n\ttag: 'kol-drawer',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolDrawer implements DrawerAPI {\n\t@Element() private readonly host?: HTMLKolDetailsElement;\n\tprivate dialogElement?: HTMLDialogElement;\n\tprivate dialogWrapperElement?: HTMLKolCardWcElement;\n\tprivate readonly cardHeadingId = createUniqueId('drawer-heading');\n\n\t@State() private isModal: boolean = true;\n\n\t/**\n\t * Opens the drawer. Pass true to open as a modal drawer.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async show(modal: boolean = false): Promise<void> {\n\t\tif (this.dialogElement?.open) {\n\t\t\treturn;\n\t\t}\n\t\tthis.isModal = modal;\n\t\tthis.state = {\n\t\t\t...this.state,\n\t\t\t_open: true,\n\t\t};\n\t\tif (modal) {\n\t\t\tthis.dialogElement?.showModal?.();\n\t\t\tif (this.dialogElement) {\n\t\t\t\tlockScroll(this);\n\t\t\t}\n\t\t} else {\n\t\t\tthis.dialogElement?.show?.();\n\t\t}\n\t\tthis._on?.onToggle?.(true);\n\t\tif (this.host) {\n\t\t\tdispatchDomEvent(this.host, KolEvent.toggle);\n\t\t}\n\t}\n\n\t/**\n\t * Opens the drawer as a modal.\n\t */\n\t@Method()\n\tpublic showModal(): Promise<void> {\n\t\treturn this.show(true);\n\t}\n\n\t/**\n\t * Opens the drawer.\n\t * @deprecated Use show() or showModal() instead.\n\t */\n\t@Method()\n\tpublic open(): Promise<void> {\n\t\treturn this.show(false);\n\t}\n\n\t/**\n\t * Closes the drawer.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async close(): Promise<void> {\n\t\tthis.state = {\n\t\t\t...this.state,\n\t\t\t_open: false,\n\t\t};\n\t\tconst wrapper = this.dialogWrapperElement;\n\t\tif (!wrapper) {\n\t\t\treturn;\n\t\t}\n\t\tif (window.getComputedStyle(wrapper).animationName === 'none') {\n\t\t\tthis.dialogElement?.close?.();\n\t\t}\n\t}\n\n\tprivate readonly _cardOn = { onClose: () => void this.close() };\n\n\tprivate getWrapperRef = (el: HTMLKolCardWcElement | undefined) => (this.dialogWrapperElement = el as HTMLKolCardWcElement);\n\tprivate renderDialogContent() {\n\t\tconst align = this.state._align as string;\n\t\treturn (\n\t\t\t<KolCardWcTag\n\t\t\t\tref={this.getWrapperRef}\n\t\t\t\tclass={clsx(`kol-drawer__wrapper`, `kol-drawer__wrapper--${align}`, {\n\t\t\t\t\t'kol-drawer__wrapper--open': this.state._open,\n\t\t\t\t\t'kol-drawer__wrapper--is-closing': this.state._open === false,\n\t\t\t\t})}\n\t\t\t\t_hasCloser={this.state._hasCloser}\n\t\t\t\t_headingId={this.cardHeadingId}\n\t\t\t\t_label={this.state._label}\n\t\t\t\t_level={this._level}\n\t\t\t\t_on={this._cardOn}\n\t\t\t>\n\t\t\t\t<div class=\"kol-drawer__content\">\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</KolCardWcTag>\n\t\t);\n\t}\n\n\tprivate getRef = (el: HTMLDialogElement | undefined) => {\n\t\tthis.dialogElement = el as HTMLDialogElement;\n\t\tsetTimeout(() => {\n\t\t\tvoid this.openOrCloseBasedOnState(); // handle initial state as soon as element is ready\n\t\t});\n\t};\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-drawer\">\n\t\t\t\t<dialog\n\t\t\t\t\taria-labelledby={this.cardHeadingId}\n\t\t\t\t\taria-modal={this.isModal ? 'true' : 'false'}\n\t\t\t\t\tclass=\"kol-drawer__dialog\"\n\t\t\t\t\tonCancel={this.handleCancelEvent}\n\t\t\t\t\tref={this.getRef}\n\t\t\t\t>\n\t\t\t\t\t{this.renderDialogContent()}\n\t\t\t\t</dialog>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Opens/expands the element when truthy, closes/collapses when falsy.\n\t */\n\t@Prop() public _open?: OpenPropType;\n\n\t/**\n\t * Defines the visual orientation of the component.\n\t */\n\t@Prop() public _align?: AlignPropType;\n\n\t/**\n\t * Defines whether the element can be closed.\n\t * @TODO: Change type back to `HasCloserPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hasCloser?: boolean = false;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label!: LabelPropType;\n\n\t/**\n\t * Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.\n\t */\n\t@Prop() public _level?: HeadingLevel = 0;\n\n\t/**\n\t * Specifies the EventCallback function to be called when the drawer is closing.\n\t */\n\t@Prop() public _on?: KoliBriModalEventCallbacks;\n\n\t@State() public state: DrawerStates = {\n\t\t_label: '', // ⚠ required\n\t\t_open: false,\n\t\t_align: 'left',\n\t};\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\t@Watch('_align')\n\tpublic validateAlign(value?: AlignPropType): void {\n\t\tvalidateAlign(this, value);\n\t}\n\n\t@Watch('_hasCloser')\n\tpublic validateHasCloser(value?: HasCloserPropType): void {\n\t\tvalidateHasCloser(this, value);\n\t}\n\n\t@Watch('_level')\n\tpublic validateLevel(value?: HeadingLevel): void {\n\t\twatchHeadingLevel(this, value);\n\t}\n\n\t@Watch('_open')\n\tpublic validateOpen(value?: OpenPropType) {\n\t\tif (typeof value === 'boolean') {\n\t\t\tvalidateOpen(this, value);\n\n\t\t\tif (this.dialogElement) {\n\t\t\t\t// handle property changes but not the initial validateOpen call\n\t\t\t\tvoid this.openOrCloseBasedOnState();\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate async openOrCloseBasedOnState() {\n\t\tif (this.state._open) {\n\t\t\tawait this.show(this.isModal);\n\t\t} else {\n\t\t\tawait this.close();\n\t\t}\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(value?: KoliBriModalEventCallbacks): void {\n\t\tif (typeof value === 'object' && value !== null) {\n\t\t\tconst callbacks: KoliBriModalEventCallbacks = {};\n\t\t\tif (typeof value.onCancel === 'function') {\n\t\t\t\tcallbacks.onCancel = value.onCancel;\n\t\t\t}\n\t\t\tif (typeof value.onClose === 'function') {\n\t\t\t\tcallbacks.onClose = value.onClose;\n\t\t\t}\n\t\t\tif (typeof value.onToggle === 'function') {\n\t\t\t\tcallbacks.onToggle = value.onToggle;\n\t\t\t}\n\t\t\tsetState<KoliBriModalEventCallbacks>(this, '_on', callbacks);\n\t\t}\n\t}\n\n\tprivate handleCancelEvent = (event: Event): void => {\n\t\thandleCancelOverlay(event);\n\t\tif (event.defaultPrevented) return;\n\n\t\tthis.state._on?.onCancel?.(event);\n\t\tif (event.defaultPrevented) return;\n\n\t\tif (this.host && !dispatchDomEvent(this.host, KolEvent.cancel)) {\n\t\t\tevent.preventDefault();\n\t\t}\n\t};\n\n\tprivate handleCloseDialog() {\n\t\tthis._on?.onClose?.();\n\t\tthis._on?.onToggle?.(false);\n\t\tif (this.host) {\n\t\t\tdispatchDomEvent(this.host, KolEvent.close);\n\t\t\tdispatchDomEvent(this.host, KolEvent.toggle);\n\t\t}\n\t}\n\n\tprivate readonly handleClose = () => {\n\t\tunlockScroll(this);\n\t\tvoid (async () => {\n\t\t\tawait this.close();\n\t\t\tthis.handleCloseDialog();\n\t\t})();\n\t};\n\n\tprivate readonly handleAnimationEnd = (e: Event): void => {\n\t\tconst animationEvent = e as AnimationEvent;\n\t\tif (animationEvent.animationName.includes('slideOut')) {\n\t\t\tthis.dialogElement?.close?.();\n\t\t}\n\t};\n\n\tpublic componentDidLoad(): void {\n\t\tthis.dialogElement?.addEventListener('animationend', this.handleAnimationEnd);\n\t\tthis.dialogElement?.addEventListener('close', this.handleClose);\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tthis.dialogElement?.removeEventListener('animationend', this.handleAnimationEnd);\n\t\tthis.dialogElement?.removeEventListener('close', this.handleClose);\n\t\tunlockScroll(this);\n\t}\n\n\tpublic componentWillLoad() {\n\t\tthis.validateAlign(this._align);\n\t\tthis.validateHasCloser(this._hasCloser);\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateOpen(this._open);\n\t\tthis.validateLevel(this._level);\n\t\tthis.validateOn(this._on);\n\t}\n}\n"],"names":[],"mappings":"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"}