@public-ui/components 4.2.0-rc.0 → 4.2.0-rc.2

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as n,r as e,g as t}from"./index-CSjYA5Lb.js";import{b as i}from"./component-names-Dy77vq43.js";import{a as o,F as s}from"./FormFieldStateWrapper-DnmYJoeu.js";import{I as a,a as l}from"./controller-icon-CTp1PDgZ.js";import{I as r}from"./InputStateWrapper-CqPjxDt_.js";import{C as h,a as c}from"./CustomSuggestionsOptionsGroup-tlygvNsM.js";import{t as d}from"./i18n-Br16IAnY.js";import{I as u}from"./component-DFTO3MyP.js";import{c as f}from"./clsx-COFh-Vc8.js";import{n as m}from"./dev.utils-xGMoshdM.js";import{d as p,s as b}from"./element-click-BTxuJDNT.js";import{d as k,s as g}from"./element-focus-BKUtVrWY.js";import{e as y,g as v}from"./common-Cx_AGO_M.js";import{v as w}from"./placeholder-DTOUrN5s.js";import{v as _}from"./required-DFzRSWky.js";import{v as x}from"./suggestions-DEcHprcz.js";import"./access-and-short-key-D734WtlX.js";import"./disabled-gyBUQRnY.js";import"./hide-label-6Bx1MH20.js";import"./label-Fyi30H9j.js";import"./tooltip-align-mwhvx9nK.js";import"./align-DxZmRFcp.js";import"./events-VVvk1win.js";import"./associated.controller-Bagx9pCw.js";import"./bootstrap-DPKvOz00.js";import"./i18n-B2d_exHc.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";import"./tslib.es6-CxX45GIN.js";import"./variant-quote-y0Z1TRdz.js";import"./normalizers-m3s9sgmq.js";import"./component-CMjamleZ.js";import"./component-5w1jaPEQ.js";import"./bem-registry-DChqxUD_.js";import"./controller-Bdve6A-Q.js";import"./align-floating-elements-D5XJiLiU.js";import"./tooltip-open-tracking-D3tCiiGP.js";import"./label-KTv-zMW0.js";import"./base-controller-CXhqh4cR.js";import"./Alert-Bu9uPVl2.js";import"./Heading-D_-iYuK7.js";import"./icons-oAzMYWgV.js";import"./Input-KS_Baij4.js";class j extends a{constructor(e,t,n){super(e,t,n),this.component=e}validateHasClearButton(e){y(this.component,"_hasClearButton",e)}validatePlaceholder(e){w(this.component,e)}validateRequired(e){_(this.component,e)}validateSuggestions(e){x(this.component,e)}validateValue(e){v(this.component,"_value",e)}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    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1779430206668"); /* IE9*/\n  src: url("kolicons.eot?t=1779430206668#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1779430206668") format("woff2"), url("kolicons.woff?t=1779430206668") format("woff"), url("kolicons.ttf?t=1779430206668") format("truetype"), url("kolicons.svg?t=1779430206668#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: black;\n    background-color: white;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: black;\n    background-color: white;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-alert .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-alert :host {\n    display: inline-block;\n  }\n  .kol-alert .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-alert .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-alert .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-custom-suggestions-option {\n    line-height: 1.5;\n    white-space: normal;\n    cursor: pointer;\n    overflow-wrap: break-word;\n  }\n  .kol-custom-suggestions-options-group--cursor-hidden .kol-custom-suggestions-option {\n    cursor: none !important;\n  }\n  .kol-custom-suggestions-option--disabled:focus, .kol-custom-suggestions-option--disabled:focus * {\n    cursor: not-allowed;\n  }\n  .kol-custom-suggestions-options-group {\n    background-color: white;\n    display: block;\n    position: absolute;\n    z-index: 2;\n    max-height: calc(250 * 1rem / var(--kolibri-root-font-size, 16));\n    margin: 0;\n    padding: 0;\n    overflow-x: hidden;\n    overflow-y: auto;\n    list-style-type: none;\n  }\n  .kol-input-container:has(.kol-custom-suggestions-options-group--open) {\n    z-index: 10;\n  }\n  .kol-custom-suggestions-toggle {\n    display: flex;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    justify-content: center;\n    cursor: default;\n  }\n  .kol-custom-suggestions-toggle.kol-custom-suggestions-toggle--disabled {\n    cursor: not-allowed;\n  }\n  .kol-form-field {\n    display: grid;\n  }\n  .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\n    cursor: pointer;\n  }\n  .kol-form-field__label-text {\n    flex-flow: row;\n    align-items: flex-start;\n    justify-content: flex-start;\n  }\n  .kol-form-field--required .kol-form-field__label-text:not(:has(> [name]))::after,\n  .kol-form-field--required .kol-tooltip__content .kol-span__label::after {\n    content: "*"/"";\n  }\n  .kol-input-container {\n    background-color: transparent;\n    display: grid;\n    width: 100%;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    grid-template-columns: 1fr;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--start) {\n    grid-template-columns: auto 1fr auto;\n  }\n  .kol-input-container__container {\n    position: relative;\n  }\n  .kol-input-container__adornment {\n    display: flex;\n    align-items: center;\n  }\n  .kol-input-container__adornment .kol-icon {\n    display: grid;\n    min-height: var(--a11y-min-size);\n    place-items: center;\n  }\n  .kol-input {\n    background-color: transparent;\n    width: 100%;\n    min-width: var(--a11y-min-size);\n  }\n  .kol-input:focus {\n    outline: none;\n  }\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-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    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}',C=class{async getValue(){return this.state._value}async focus(){return k(this.host,()=>g(this.refInput))}async click(){return p(this.host,async()=>b(this.refInput))}selectOption(e){var t;this.controller.onFacade.onInput(new CustomEvent("input",{bubbles:!0,detail:{name:this.state._name,value:e}}),!0,e),this.controller.onFacade.onChange(new CustomEvent("change",{bubbles:!0,detail:{name:this.state._name,value:e}}),e),this.controller.setFormAssociatedValue(e),this._filteredSuggestions=[...this.state._suggestions],this.state._value=e,null===(t=this.refInput)||void 0===t||t.focus()}clearSelection(){var e;if(!0===this.state._disabled)return;const t="";this._focusedOptionIndex=-1,this._value=t,this.state._value=t,this._filteredSuggestions=[...this.state._suggestions],this._isOpen=!1;const n={name:this.state._name,value:t};this.controller.onFacade.onInput(new CustomEvent("input",{bubbles:!0,detail:n}),!0,t),this.controller.onFacade.onChange(new CustomEvent("change",{bubbles:!0,detail:n}),t),this.controller.setFormAssociatedValue(t),null===(e=this.refInput)||void 0===e||e.focus()}onInput(e){const t=e.target;this.state._value=t.value,this._value=t.value,this.controller.onFacade.onInput(e),this.setFilteredSuggestionsByQuery(t.value),this._focusedOptionIndex=-1}handleKeyDownDropdown(e){1===e.key.length&&/[a-z0-9]/i.test(e.key)&&(this._isOpen=!0,this.focusSuggestionStartingWith(e.key))}setFilteredSuggestionsByQuery(e){var t;void 0!==e&&(""===e.trim()?this._filteredSuggestions=[...this.state._suggestions]:(this._filteredSuggestions=Array.isArray(this.state._suggestions)?this.state._suggestions.filter(t=>t.toLowerCase().includes(e.trim().toLowerCase())):this._filteredSuggestions,1===(null===(t=this._filteredSuggestions)||void 0===t?void 0:t.length)&&this._filteredSuggestions[0]===e?this._isOpen=!1:this._filteredSuggestions&&this._filteredSuggestions.length>0?this._isOpen=!0:this._isOpen=!1))}moveFocus(e){if(!this._filteredSuggestions)return;let t=this._focusedOptionIndex+e;t>=this._filteredSuggestions.length&&(t=0),t<0&&(t=this._filteredSuggestions.length-1),this.focusOption(t)}focusOption(e){if(this._focusedOptionIndex=e,this.refSuggestions){const t=this.refSuggestions[e];null==t||t.focus()}}selectFocusedOption(){return!!(this._filteredSuggestions&&this._focusedOptionIndex>=0&&this._focusedOptionIndex<this._filteredSuggestions.length)&&(this.selectOption(this._filteredSuggestions[this._focusedOptionIndex]),!0)}focusSuggestionStartingWith(e){const t=e.toLowerCase(),n=Array.isArray(this._filteredSuggestions)&&this._filteredSuggestions.length>0&&this._filteredSuggestions.findIndex(e=>e.toLowerCase().startsWith(t));"number"==typeof n&&this.focusOption(n)}getFormFieldProps(){return{state:this.state,class:f("kol-combobox",{"has-value":this.state._hasValue}),tooltipAlign:this._tooltipAlign,alert:this.showAsAlert()}}getInputProps(){const{ariaDescribedBy:e}=o(this.state),t=!0===this.state._disabled;return Object.assign(Object.assign({ref:this.setInputRef,state:this.state,class:"kol-combobox__input",type:"text",role:"combobox","aria-activedescendant":this._isOpen&&this._focusedOptionIndex>=0?`option-${this._focusedOptionIndex}`:void 0,"aria-autocomplete":"both","aria-controls":this.state._id+"-listbox","aria-describedby":e.length>0?e.join(" "):void 0,"aria-expanded":this._isOpen?"true":"false","aria-label":this.state._hideLabel&&"string"==typeof this.state._label?this.state._label:void 0,"aria-labelledby":this.state._id+"-label","aria-keyshortcuts":this.state._shortKey,value:this.state._value,accessKey:this.state._accessKey,autocapitalize:"off",autocorrect:"off",disabled:t,customSuggestions:!0,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=!0===this.state._disabled;return n(s,Object.assign({key:"a642eab49812342a1270f65ea5007427d1163088"},this.getFormFieldProps()),n(l,{key:"00167253beac9269e0e01f04333cddcfb05a3765",state:this.state},n("div",{key:"75da466d229412686e4ecce7c0208373f350e401",class:"kol-combobox__group"},n(r,Object.assign({key:"5f8aecb4f09951df41f4dfa2bd8e8479c690e5b2"},this.getInputProps())),this.state._value&&this.state._hasClearButton&&n(i,{key:"ad5460b3a5226c493696602b14aac5158dff7d66",_icons:"kolicon-cross",_label:this.translateDeleteSelection,_hideLabel:!0,_variant:"ghost",_disabled:e,"data-testid":"combobox-delete",class:"kol-combobox__delete",hidden:e,_on:{onClick:()=>{this.clearSelection()},onFocus:()=>{this.clearButtonFocused=!0},onBlur:()=>{this.clearButtonFocused=!1}}}),n("button",{key:"bdd2c0caf6c4c41f7f9cc5b751e6dd5004edb6f7",type:"button",tabIndex:-1,class:"kol-combobox-toggle",onClick:this.toggleListbox.bind(this),disabled:this._disabled,hidden:e},n(u,{key:"31ef6dc057a242b83cc744de60f17bcdbea7e606",icons:"kolicon-chevron-down",label:""}))),n(h,{key:"8dca8b036b4e6fbbee498d9b872622e195d6a359",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(c,{disabled:!1,index:t,option:e,searchTerm:this.state._value,ref:e=>{e&&(this.refSuggestions[t]=e)},selected:this.state._value===e,onClick:()=>{this.selectOption(e),this.toggleListbox(),this._isOpen=!1},onMouseOver:()=>{this.blockSuggestionMouseOver||this.focusOption(t)},onFocus:()=>{this.focusOption(t)}})))))}handleKeyDown(e){var t,n;const o=(t,n)=>{var o;e.preventDefault(),void 0!==t&&(this._isOpen=t,t||null===(o=this.refInput)||void 0===o||o.focus()),null==n||n()};switch(e.key){case"Down":case"ArrowDown":this.blockSuggestionMouseOver=!0,o(!0,()=>this.moveFocus(1));break;case"Up":case"ArrowUp":this.blockSuggestionMouseOver=!0,o(!0,()=>this.moveFocus(-1));break;case"Tab":this._isOpen&&(this._isOpen=!1,null===(t=this.refInput)||void 0===t||t.focus());break;case"Esc":case"Escape":this._isOpen=!1,e.preventDefault(),null===(n=this.refInput)||void 0===n||n.focus();break;case" ":case"Enter":case"NumpadEnter":this.clearButtonFocused?this.clearSelection():this._isOpen?this.selectFocusedOption()&&(this._isOpen=!1):this.toggleListbox(),e.preventDefault();break;case"Space":this.clearButtonFocused&&this.clearSelection();break;case"Home":this.blockSuggestionMouseOver=!0,o(void 0,()=>{this._isOpen&&this.focusOption(0)});break;case"End":this.blockSuggestionMouseOver=!0,o(void 0,()=>{this._isOpen&&this.focusOption(this._filteredSuggestions?this._filteredSuggestions.length-1:0)});break;case"PageUp":this.blockSuggestionMouseOver=!0,o(void 0,()=>this._isOpen&&this.moveFocus(-10));break;case"PageDown":this.blockSuggestionMouseOver=!0,o(void 0,()=>this._isOpen&&this.moveFocus(10))}}handleWindowClick(e){void 0===this.host||this.host.contains(e.target)||(this._isOpen=!1)}constructor(t){e(this,t),this.refSuggestions=[],this._focusedOptionIndex=-1,this.translateDeleteSelection=d("kol-delete-selection"),this.clearButtonFocused=!1,this.toggleListbox=()=>{var e;if(!0===this.state._disabled)this._isOpen=!1;else if(null===(e=this.refInput)||void 0===e||e.focus(),this._isOpen)this._isOpen=!1;else if(Array.isArray(this._filteredSuggestions)&&this._filteredSuggestions.length>0){this._isOpen=!0;const e=this._filteredSuggestions.findIndex(e=>e===this.state._value);this._focusedOptionIndex=e>=0?e:-1,this.focusOption(this._focusedOptionIndex)}},this.setInputRef=e=>{this.refInput=e},this.blockSuggestionMouseOver=!1,this._isOpen=!1,this._disabled=!1,this._hideMsg=!1,this._hideLabel=!1,this._hint="",this._hasClearButton=!0,this._required=!1,this._tooltipAlign="top",this._touched=!1,this.state={_hasValue:!1,_hasClearButton:!0,_hideMsg:!1,_id:`id-${m()}`,_label:"",_suggestions:[],_value:""},this.inputHasFocus=!1,this.controller=new j(this,"combobox",this.host),this.onInput=this.onInput.bind(this)}showAsAlert(){return Boolean(this.state._touched)&&!this.inputHasFocus}validatePlaceholder(e){this.controller.validatePlaceholder(e)}validateAccessKey(e){this.controller.validateAccessKey(e)}validateDisabled(e){this.controller.validateDisabled(e)}validateHideMsg(e){this.controller.validateHideMsg(e)}validateHideLabel(e){this.controller.validateHideLabel(e)}validateHint(e){this.controller.validateHint(e)}validateIcons(e){this.controller.validateIcons(e)}validateLabel(e){this.controller.validateLabel(e)}validateMsg(e){this.controller.validateMsg(e)}validateName(e){this.controller.validateName(e)}validateOn(e){this.controller.validateOn(e)}validateShortKey(e){this.controller.validateShortKey(e)}validateSuggestions(e){this.controller.validateSuggestions(e),this._filteredSuggestions=e,this.setFilteredSuggestionsByQuery(this._value)}validateHasClearButton(e){this.controller.validateHasClearButton(e)}validateRequired(e){this.controller.validateRequired(e)}validateSyncValueBySelector(e){this.controller.validateSyncValueBySelector(e)}validateTouched(e){this.controller.validateTouched(e)}validateValue(e){this.controller.validateValue(e),this.controller.setFormAssociatedValue(e)}componentWillLoad(){this.refSuggestions=[],this._touched=!0===this._touched,this.controller.componentWillLoad(),this.state._hasValue=!!this.state._value,this.controller.addValueChangeListener(e=>this.state._hasValue=!!e),this._filteredSuggestions=this.state._suggestions}handleMouseEvent(){this.blockSuggestionMouseOver=!1}handleFocusIn(e){setTimeout(()=>{var t;(null===(t=this.host)||void 0===t?void 0:t.contains(document.activeElement))&&!this.inputHasFocus&&(this.controller.onFacade.onFocus(e),this.inputHasFocus=!0)})}handleFocusOut(e){setTimeout(()=>{var t;this.inputHasFocus&&!(null===(t=this.host)||void 0===t?void 0:t.contains(document.activeElement))&&(this.controller.onFacade.onBlur(e),this.inputHasFocus=!1,this._isOpen&&(this._isOpen=!1))})}onChange(e){this.controller.onFacade.onChange(e),this.controller.setFormAssociatedValue(this.state._value)}get host(){return t(this)}static get watchers(){return{_placeholder:["validatePlaceholder"],_accessKey:["validateAccessKey"],_disabled:["validateDisabled"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_label:["validateLabel"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_shortKey:["validateShortKey"],_suggestions:["validateSuggestions"],_hasClearButton:["validateHasClearButton"],_required:["validateRequired"],_syncValueBySelector:["validateSyncValueBySelector"],_touched:["validateTouched"],_value:["validateValue"]}}};C.style={default:z};export{C as kol_combobox};
+import{h as n,r as e,g as t}from"./index-N6JGlBHl.js";import{b as i}from"./component-names-Dy77vq43.js";import{a as o,F as s}from"./FormFieldStateWrapper-BqmPPhZi.js";import{I as a,a as l}from"./controller-icon-CakLg0RB.js";import{I as r}from"./InputStateWrapper-B46Lksm_.js";import{C as h,a as c}from"./CustomSuggestionsOptionsGroup-B6wXJlus.js";import{t as d}from"./i18n-Br16IAnY.js";import{I as f}from"./component-B1PVR7eV.js";import{c as u}from"./clsx-COFh-Vc8.js";import{c as m}from"./dev.utils-DhW8_Z_C.js";import{d as p,s as b}from"./element-click-BTxuJDNT.js";import{d as k,s as g}from"./element-focus-BKUtVrWY.js";import{e as v,g as y}from"./common-Cx_AGO_M.js";import{v as w}from"./placeholder-DTOUrN5s.js";import{v as _}from"./required-DFzRSWky.js";import{v as x}from"./suggestions-DEcHprcz.js";import"./access-and-short-key-D734WtlX.js";import"./disabled-gyBUQRnY.js";import"./hide-label-6Bx1MH20.js";import"./label-Fyi30H9j.js";import"./tooltip-align-mwhvx9nK.js";import"./align-DxZmRFcp.js";import"./variant-class-name-BCcQYpIV.js";import"./events-VVvk1win.js";import"./associated.controller-Bagx9pCw.js";import"./bootstrap-DPKvOz00.js";import"./i18n-B2d_exHc.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";import"./tslib.es6-CxX45GIN.js";import"./variant-quote-y0Z1TRdz.js";import"./normalizers-m3s9sgmq.js";import"./component-vV-KhMHx.js";import"./component-DwmUGvyq.js";import"./bem-registry-DChqxUD_.js";import"./controller-Bdve6A-Q.js";import"./align-floating-elements-D5XJiLiU.js";import"./tooltip-open-tracking-D3tCiiGP.js";import"./label-KTv-zMW0.js";import"./base-controller-CXhqh4cR.js";import"./Alert-CBfalBKc.js";import"./Heading-r-gS-c4n.js";import"./icons-oAzMYWgV.js";import"./Input-eVFnypVp.js";class j extends a{constructor(e,t,n){super(e,t,n),this.component=e}validateHasClearButton(e){v(this.component,"_hasClearButton",e)}validatePlaceholder(e){w(this.component,e)}validateRequired(e){_(this.component,e)}validateSuggestions(e){x(this.component,e)}validateValue(e){y(this.component,"_value",e)}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    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1779833120296"); /* IE9*/\n  src: url("kolicons.eot?t=1779833120296#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1779833120296") format("woff2"), url("kolicons.woff?t=1779833120296") format("woff"), url("kolicons.ttf?t=1779833120296") format("truetype"), url("kolicons.svg?t=1779833120296#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: black;\n    background-color: white;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: black;\n    background-color: white;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-alert .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-alert :host {\n    display: inline-block;\n  }\n  .kol-alert .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-alert .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-alert .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-custom-suggestions-option {\n    line-height: 1.5;\n    white-space: normal;\n    cursor: pointer;\n    overflow-wrap: break-word;\n  }\n  .kol-custom-suggestions-options-group--cursor-hidden .kol-custom-suggestions-option {\n    cursor: none !important;\n  }\n  .kol-custom-suggestions-option--disabled:focus, .kol-custom-suggestions-option--disabled:focus * {\n    cursor: not-allowed;\n  }\n  .kol-custom-suggestions-options-group {\n    background-color: white;\n    display: block;\n    position: absolute;\n    z-index: 2;\n    max-height: calc(250 * 1rem / var(--kolibri-root-font-size, 16));\n    margin: 0;\n    padding: 0;\n    overflow-x: hidden;\n    overflow-y: auto;\n    list-style-type: none;\n  }\n  .kol-input-container:has(.kol-custom-suggestions-options-group--open) {\n    z-index: 10;\n  }\n  .kol-custom-suggestions-toggle {\n    display: flex;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    justify-content: center;\n    cursor: default;\n  }\n  .kol-custom-suggestions-toggle.kol-custom-suggestions-toggle--disabled {\n    cursor: not-allowed;\n  }\n  .kol-form-field {\n    display: grid;\n  }\n  .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\n    cursor: pointer;\n  }\n  .kol-form-field__label-text {\n    flex-flow: row;\n    align-items: flex-start;\n    justify-content: flex-start;\n  }\n  .kol-form-field--required .kol-form-field__label-text:not(:has(> [name]))::after,\n  .kol-form-field--required .kol-tooltip__content .kol-span__label::after {\n    content: "*"/"";\n  }\n  .kol-input-container {\n    background-color: transparent;\n    display: grid;\n    width: 100%;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    grid-template-columns: 1fr;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--start) {\n    grid-template-columns: auto 1fr auto;\n  }\n  .kol-input-container__container {\n    position: relative;\n  }\n  .kol-input-container__adornment {\n    display: flex;\n    align-items: center;\n  }\n  .kol-input-container__adornment .kol-icon {\n    display: grid;\n    min-height: var(--a11y-min-size);\n    place-items: center;\n  }\n  .kol-input {\n    background-color: transparent;\n    width: 100%;\n    min-width: var(--a11y-min-size);\n  }\n  .kol-input:focus {\n    outline: none;\n  }\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-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    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}',C=class{async getValue(){return this.state._value}async focus(){return k(this.host,()=>g(this.refInput))}async click(){return p(this.host,async()=>b(this.refInput))}selectOption(e){var t;this.controller.onFacade.onInput(new CustomEvent("input",{bubbles:!0,detail:{name:this.state._name,value:e}}),!0,e),this.controller.onFacade.onChange(new CustomEvent("change",{bubbles:!0,detail:{name:this.state._name,value:e}}),e),this.controller.setFormAssociatedValue(e),this._filteredSuggestions=[...this.state._suggestions],this.state._value=e,null===(t=this.refInput)||void 0===t||t.focus()}clearSelection(){var e;if(!0===this.state._disabled)return;const t="";this._focusedOptionIndex=-1,this._value=t,this.state._value=t,this._filteredSuggestions=[...this.state._suggestions],this._isOpen=!1;const n={name:this.state._name,value:t};this.controller.onFacade.onInput(new CustomEvent("input",{bubbles:!0,detail:n}),!0,t),this.controller.onFacade.onChange(new CustomEvent("change",{bubbles:!0,detail:n}),t),this.controller.setFormAssociatedValue(t),null===(e=this.refInput)||void 0===e||e.focus()}onInput(e){const t=e.target;this.state._value=t.value,this._value=t.value,this.controller.onFacade.onInput(e),this.setFilteredSuggestionsByQuery(t.value),this._focusedOptionIndex=-1}handleKeyDownDropdown(e){1===e.key.length&&/[a-z0-9]/i.test(e.key)&&(this._isOpen=!0,this.focusSuggestionStartingWith(e.key))}setFilteredSuggestionsByQuery(e){var t;void 0!==e&&(""===e.trim()?this._filteredSuggestions=[...this.state._suggestions]:(this._filteredSuggestions=Array.isArray(this.state._suggestions)?this.state._suggestions.filter(t=>t.toLowerCase().includes(e.trim().toLowerCase())):this._filteredSuggestions,1===(null===(t=this._filteredSuggestions)||void 0===t?void 0:t.length)&&this._filteredSuggestions[0]===e?this._isOpen=!1:this._filteredSuggestions&&this._filteredSuggestions.length>0?this._isOpen=!0:this._isOpen=!1))}moveFocus(e){if(!this._filteredSuggestions)return;let t=this._focusedOptionIndex+e;t>=this._filteredSuggestions.length&&(t=0),t<0&&(t=this._filteredSuggestions.length-1),this.focusOption(t)}focusOption(e){if(this._focusedOptionIndex=e,this.refSuggestions){const t=this.refSuggestions[e];null==t||t.focus()}}selectFocusedOption(){return!!(this._filteredSuggestions&&this._focusedOptionIndex>=0&&this._focusedOptionIndex<this._filteredSuggestions.length)&&(this.selectOption(this._filteredSuggestions[this._focusedOptionIndex]),!0)}focusSuggestionStartingWith(e){const t=e.toLowerCase(),n=Array.isArray(this._filteredSuggestions)&&this._filteredSuggestions.length>0&&this._filteredSuggestions.findIndex(e=>e.toLowerCase().startsWith(t));"number"==typeof n&&this.focusOption(n)}getFormFieldProps(){return{state:this.state,class:u("kol-combobox",{"has-value":this.state._hasValue}),tooltipAlign:this._tooltipAlign,alert:this.showAsAlert()}}getInputProps(){const{ariaDescribedBy:e}=o(this.state),t=!0===this.state._disabled;return Object.assign(Object.assign({ref:this.setInputRef,state:this.state,class:"kol-combobox__input",type:"text",role:"combobox","aria-activedescendant":this._isOpen&&this._focusedOptionIndex>=0?`option-${this._focusedOptionIndex}`:void 0,"aria-autocomplete":"both","aria-controls":this.state._id+"-listbox","aria-describedby":e.length>0?e.join(" "):void 0,"aria-expanded":this._isOpen?"true":"false","aria-label":this.state._hideLabel&&"string"==typeof this.state._label?this.state._label:void 0,"aria-labelledby":this.state._id+"-label","aria-keyshortcuts":this.state._shortKey,value:this.state._value,accessKey:this.state._accessKey,autocapitalize:"off",autocorrect:"off",disabled:t,customSuggestions:!0,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=!0===this.state._disabled;return n(s,Object.assign({key:"850182ecc36b65fb74451e39e9b4fcf907357c0f"},this.getFormFieldProps()),n(l,{key:"faee997fa8a562265d5ed53c944a526162068054",state:this.state},n("div",{key:"125ebcd19e71a21b83d76be287b9fef3c18b1f16",class:"kol-combobox__group"},n(r,Object.assign({key:"56eb786b5036cdcd02ecdd5fb6f7675d50f4fad6"},this.getInputProps())),this.state._value&&this.state._hasClearButton&&n(i,{key:"3c4bfbbfa5e0020b51c85dd7bacc0af346aab714",_icons:"kolicon-cross",_label:this.translateDeleteSelection,_hideLabel:!0,_variant:"ghost",_disabled:e,"data-testid":"combobox-delete",class:"kol-combobox__delete",hidden:e,_on:{onClick:()=>{this.clearSelection()},onFocus:()=>{this.clearButtonFocused=!0},onBlur:()=>{this.clearButtonFocused=!1}}}),n("button",{key:"bc2b4a1fd61582e916dc7f2e2540503108c4de20",type:"button",tabIndex:-1,class:"kol-combobox-toggle",onClick:this.toggleListbox.bind(this),disabled:this._disabled,hidden:e},n(f,{key:"0ce500ff4656d9366d06131c988e3def739294ad",icons:"kolicon-chevron-down",label:""}))),n(h,{key:"704095611c1e56843303b4241eea8c137b6afe21",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(c,{disabled:!1,index:t,option:e,searchTerm:this.state._value,ref:e=>{e&&(this.refSuggestions[t]=e)},selected:this.state._value===e,onClick:()=>{this.selectOption(e),this.toggleListbox(),this._isOpen=!1},onMouseOver:()=>{this.blockSuggestionMouseOver||this.focusOption(t)},onFocus:()=>{this.focusOption(t)}})))))}handleKeyDown(e){var t,n;const o=(t,n)=>{var o;e.preventDefault(),void 0!==t&&(this._isOpen=t,t||null===(o=this.refInput)||void 0===o||o.focus()),null==n||n()};switch(e.key){case"Down":case"ArrowDown":this.blockSuggestionMouseOver=!0,o(!0,()=>this.moveFocus(1));break;case"Up":case"ArrowUp":this.blockSuggestionMouseOver=!0,o(!0,()=>this.moveFocus(-1));break;case"Tab":this._isOpen&&(this._isOpen=!1,null===(t=this.refInput)||void 0===t||t.focus());break;case"Esc":case"Escape":this._isOpen=!1,e.preventDefault(),null===(n=this.refInput)||void 0===n||n.focus();break;case" ":case"Enter":case"NumpadEnter":this.clearButtonFocused?this.clearSelection():this._isOpen?this.selectFocusedOption()&&(this._isOpen=!1):this.toggleListbox(),e.preventDefault();break;case"Space":this.clearButtonFocused&&this.clearSelection();break;case"Home":this.blockSuggestionMouseOver=!0,o(void 0,()=>{this._isOpen&&this.focusOption(0)});break;case"End":this.blockSuggestionMouseOver=!0,o(void 0,()=>{this._isOpen&&this.focusOption(this._filteredSuggestions?this._filteredSuggestions.length-1:0)});break;case"PageUp":this.blockSuggestionMouseOver=!0,o(void 0,()=>this._isOpen&&this.moveFocus(-10));break;case"PageDown":this.blockSuggestionMouseOver=!0,o(void 0,()=>this._isOpen&&this.moveFocus(10))}}handleWindowClick(e){void 0===this.host||this.host.contains(e.target)||(this._isOpen=!1)}constructor(t){e(this,t),this.refSuggestions=[],this._focusedOptionIndex=-1,this.translateDeleteSelection=d("kol-delete-selection"),this.clearButtonFocused=!1,this.toggleListbox=()=>{var e;if(!0===this.state._disabled)this._isOpen=!1;else if(null===(e=this.refInput)||void 0===e||e.focus(),this._isOpen)this._isOpen=!1;else if(Array.isArray(this._filteredSuggestions)&&this._filteredSuggestions.length>0){this._isOpen=!0;const e=this._filteredSuggestions.findIndex(e=>e===this.state._value);this._focusedOptionIndex=e>=0?e:-1,this.focusOption(this._focusedOptionIndex)}},this.setInputRef=e=>{this.refInput=e},this.blockSuggestionMouseOver=!1,this._isOpen=!1,this._disabled=!1,this._hideMsg=!1,this._hideLabel=!1,this._hint="",this._hasClearButton=!0,this._required=!1,this._tooltipAlign="top",this._touched=!1,this.state={_hasValue:!1,_hasClearButton:!0,_hideMsg:!1,_id:m("combobox"),_label:"",_suggestions:[],_value:""},this.inputHasFocus=!1,this.controller=new j(this,"combobox",this.host),this.onInput=this.onInput.bind(this)}showAsAlert(){return Boolean(this.state._touched)&&!this.inputHasFocus}validatePlaceholder(e){this.controller.validatePlaceholder(e)}validateAccessKey(e){this.controller.validateAccessKey(e)}validateDisabled(e){this.controller.validateDisabled(e)}validateHideMsg(e){this.controller.validateHideMsg(e)}validateHideLabel(e){this.controller.validateHideLabel(e)}validateHint(e){this.controller.validateHint(e)}validateIcons(e){this.controller.validateIcons(e)}validateLabel(e){this.controller.validateLabel(e)}validateMsg(e){this.controller.validateMsg(e)}validateName(e){this.controller.validateName(e)}validateOn(e){this.controller.validateOn(e)}validateShortKey(e){this.controller.validateShortKey(e)}validateSuggestions(e){this.controller.validateSuggestions(e),this._filteredSuggestions=e,this.setFilteredSuggestionsByQuery(this._value)}validateHasClearButton(e){this.controller.validateHasClearButton(e)}validateRequired(e){this.controller.validateRequired(e)}validateSyncValueBySelector(e){this.controller.validateSyncValueBySelector(e)}validateTouched(e){this.controller.validateTouched(e)}validateValue(e){this.controller.validateValue(e),this.controller.setFormAssociatedValue(e)}validateVariant(e){this.controller.validateVariant(e)}componentWillLoad(){this.refSuggestions=[],this._touched=!0===this._touched,this.controller.componentWillLoad(),this.state._hasValue=!!this.state._value,this.controller.addValueChangeListener(e=>this.state._hasValue=!!e),this._filteredSuggestions=this.state._suggestions}handleMouseEvent(){this.blockSuggestionMouseOver=!1}handleFocusIn(e){setTimeout(()=>{var t;(null===(t=this.host)||void 0===t?void 0:t.contains(document.activeElement))&&!this.inputHasFocus&&(this.controller.onFacade.onFocus(e),this.inputHasFocus=!0)})}handleFocusOut(e){setTimeout(()=>{var t;this.inputHasFocus&&!(null===(t=this.host)||void 0===t?void 0:t.contains(document.activeElement))&&(this.controller.onFacade.onBlur(e),this.inputHasFocus=!1,this._isOpen&&(this._isOpen=!1))})}onChange(e){this.controller.onFacade.onChange(e),this.controller.setFormAssociatedValue(this.state._value)}get host(){return t(this)}static get watchers(){return{_placeholder:["validatePlaceholder"],_accessKey:["validateAccessKey"],_disabled:["validateDisabled"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_label:["validateLabel"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_shortKey:["validateShortKey"],_suggestions:["validateSuggestions"],_hasClearButton:["validateHasClearButton"],_required:["validateRequired"],_syncValueBySelector:["validateSyncValueBySelector"],_touched:["validateTouched"],_value:["validateValue"],_variant:["validateVariant"]}}};C.style={default:z};export{C as kol_combobox};

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

@@ -1 +1 @@
-{"version":3,"names":["h","registerInstance","getElement","KolButtonWcTag","getRenderStates","FormFieldStateWrapper","InputIconController","InputContainerStateWrapperFc","InputStateWrapper","CustomSuggestionsOptionsGroupFc","CustomSuggestionsOptionFc","translate","IconFC","clsx","nonce","delegateClick","setClick","delegateFocus","setFocus","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","refInput","click","async","selectOption","option","_a","controller","onFacade","onInput","CustomEvent","bubbles","detail","_name","onChange","setFormAssociatedValue","_filteredSuggestions","clearSelection","isDisabled","_disabled","emptyValue","_focusedOptionIndex","_isOpen","event","target","setFilteredSuggestionsByQuery","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","setInputRef","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","el","selected","onMouseOver","handleKeyDown","_b","handleEvent","isOpen","callback","preventDefault","handleWindowClick","contains","hostRef","selectedIndex","_hideMsg","_hint","_touched","inputHasFocus","Boolean","validateAccessKey","validateDisabled","validateHideMsg","validateHideLabel","validateHint","validateIcons","validateLabel","validateMsg","validateName","validateOn","validateShortKey","validateSyncValueBySelector","validateTouched","addValueChangeListener","v","handleMouseEvent","handleFocusIn","setTimeout","document","activeElement","handleFocusOut","watchers","_msg","_syncValueBySelector","style","default"],"sources":["0"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["h","registerInstance","getElement","KolButtonWcTag","getRenderStates","FormFieldStateWrapper","InputIconController","InputContainerStateWrapperFc","InputStateWrapper","CustomSuggestionsOptionsGroupFc","CustomSuggestionsOptionFc","translate","IconFC","clsx","createUniqueId","delegateClick","setClick","delegateFocus","setFocus","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","refInput","click","async","selectOption","option","_a","controller","onFacade","onInput","CustomEvent","bubbles","detail","_name","onChange","setFormAssociatedValue","_filteredSuggestions","clearSelection","isDisabled","_disabled","emptyValue","_focusedOptionIndex","_isOpen","event","target","setFilteredSuggestionsByQuery","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","setInputRef","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","el","selected","onMouseOver","handleKeyDown","_b","handleEvent","isOpen","callback","preventDefault","handleWindowClick","contains","hostRef","selectedIndex","_hideMsg","_hint","_touched","inputHasFocus","Boolean","validateAccessKey","validateDisabled","validateHideMsg","validateHideLabel","validateHint","validateIcons","validateLabel","validateMsg","validateName","validateOn","validateShortKey","validateSyncValueBySelector","validateTouched","validateVariant","addValueChangeListener","v","handleMouseEvent","handleFocusIn","setTimeout","document","activeElement","handleFocusOut","watchers","_msg","_syncValueBySelector","style","default"],"sources":["0"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"kol-details.entry.esm.js","sources":["src/schema/props/details-callbacks.ts","src/components/details/style.scss?tag=kol-details&mode=default&encapsulation=shadow","src/components/details/shadow.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\nimport type { Callback } from '../enums';\nimport type { EventValueOrEventCallback } from '../types/callbacks';\nimport { watchValidator } from '../utils';\n\n/* types */\nexport type DetailsCallbacksPropType<T> = {\n\t[Callback.onToggle]?: EventValueOrEventCallback<MouseEvent, T>;\n};\n\n/**\n * Defines the callback functions for detail events.\n */\nexport type PropDetailsCallbacks<T> = {\n\ton: DetailsCallbacksPropType<T>;\n};\n\n/* validator */\nexport const validateDetailsCallbacks = (component: Generic.Element.Component, value?: DetailsCallbacksPropType<boolean>): void => {\n\twatchValidator(component, `_on`, (value) => typeof value === 'object' && value !== null, new Set(['DetailsCallbacksPropType {Events.onToggle}']), value);\n};\n","@use '../@shared/mixins' as *;\n@use '../@shared/global' as *;\n@use '../host-display-block' as *;\n@use '../@shared/collapsible.mixin' as *;\n@use '../@shared/icon.mixin' as *;\n@use '../@shared/button.mixin' as *;\n\n@layer kol-component {\n\t@include kol-button-styles('kol-button');\n\t@include kol-icon-styles();\n\t.kol-details {\n\t\t.collapsible--open &__heading-button {\n\t\t\t.kol-icon {\n\t\t\t\ttransform: rotate(90deg);\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, h, type JSX, Method, Prop, State, Watch } from '@stencil/core';\nimport KolCollapsibleFc, { type CollapsibleProps } from '../../functional-components/Collapsible';\nimport type { DetailsAPI, DetailsCallbacksPropType, DetailsStates, DisabledPropType, FocusableElement, HeadingLevel, LabelPropType } from '../../schema';\nimport { validateDetailsCallbacks, validateDisabled, validateLabel, validateOpen } from '../../schema';\nimport { nonce } from '../../utils/dev.utils';\nimport { delegateClick, setClick } from '../../utils/element-click';\nimport { delegateFocus, setFocus } from '../../utils/element-focus';\nimport { dispatchDomEvent, KolEvent } from '../../utils/events';\nimport { watchHeadingLevel } from '../heading/validation';\n\n/**\n * The **Details** component allows additional information to be initially shown with a short introductory text,\n * which is only fully expanded after the user clicks on an arrow icon.\n *\n * By default, the **Details** component is displayed as a single-line layout element consisting of an arrow icon\n * followed by a short introductory text. The actual content is revealed below after clicking the header area. The arrow icon\n * changes its orientation from **_right_** to **_down_**.\n * The component can also be closed again to hide the content.\n *\n * @slot - The content displayed in the detail description.\n */\n@Component({\n\ttag: 'kol-details',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolDetails implements DetailsAPI, FocusableElement {\n\t@Element() private readonly host?: HTMLKolDetailsElement;\n\n\tprivate readonly nonce = nonce();\n\tprivate buttonWcRef?: HTMLKolButtonWcElement;\n\n\tprivate readonly setButtonWcRef = (ref?: HTMLKolButtonWcElement) => {\n\t\tthis.buttonWcRef = ref;\n\t};\n\n\t/**\n\t * Sets focus on the internal element.\n\t */\n\t@Method()\n\tpublic async focus(): Promise<void> {\n\t\treturn delegateFocus(this.host!, () => setFocus(this.buttonWcRef!));\n\t}\n\n\t/**\n\t * Triggers a click on the summary/toggle button.\n\t */\n\t@Method()\n\tpublic async click(): Promise<void> {\n\t\treturn delegateClick(this.host!, async () => setClick(this.buttonWcRef!));\n\t}\n\n\tprivate toggleTimeout?: ReturnType<typeof setTimeout>;\n\n\tprivate handleOnClick = (event: MouseEvent) => {\n\t\tthis._open = !this._open;\n\n\t\t/**\n\t\t * Der Timeout wird benötigt, damit das Event\n\t\t * vom Button- auf das Accordion-Event wechselt.\n\t\t * So ist es dem Anwendenden möglich das _open-\n\t\t * Attribute abzufragen.\n\t\t */\n\n\t\tclearTimeout(this.toggleTimeout);\n\n\t\tthis.toggleTimeout = setTimeout(() => {\n\t\t\tif (this.host) {\n\t\t\t\tdispatchDomEvent(this.host, KolEvent.toggle, Boolean(this._open));\n\t\t\t}\n\t\t\tthis.state._on?.onToggle?.(event, Boolean(this._open));\n\t\t}, 25);\n\t};\n\n\tpublic render(): JSX.Element {\n\t\tconst { _open, _label, _disabled, _level } = this.state;\n\n\t\tconst rootClass = 'kol-details';\n\n\t\tconst props: CollapsibleProps = {\n\t\t\tid: this.nonce,\n\t\t\tlabel: _label,\n\t\t\topen: _open,\n\t\t\tdisabled: _disabled,\n\t\t\tlevel: _level,\n\t\t\tonClick: this.handleOnClick,\n\t\t\tclass: rootClass,\n\t\t\tHeadingProps: { class: `${rootClass}__heading` },\n\t\t\tHeadingButtonProps: {\n\t\t\t\tref: this.setButtonWcRef,\n\t\t\t\tclass: `${rootClass}__heading-button`,\n\t\t\t\t_icons: 'kolicon-chevron-right',\n\t\t\t},\n\t\t\tContentProps: {\n\t\t\t\tclass: `${rootClass}__content indented-text`,\n\t\t\t\twrapperClass: `${rootClass}__wrapper`,\n\t\t\t\tanimationClass: `${rootClass}__wrapper-animation`,\n\t\t\t},\n\t\t};\n\n\t\treturn (\n\t\t\t<KolCollapsibleFc {...props}>\n\t\t\t\t<slot />\n\t\t\t</KolCollapsibleFc>\n\t\t);\n\t}\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t */\n\t@Prop() public _disabled?: 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 * Defines the callback functions for details.\n\t */\n\t@Prop() public _on?: DetailsCallbacksPropType<boolean>;\n\n\t/**\n\t * Opens/expands the element when truthy, closes/collapses when falsy.\n\t * @TODO: Change type back to `OpenPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _open?: boolean = false;\n\n\t@State() public state: DetailsStates = {\n\t\t_label: '', // ⚠ required\n\t\t_level: 0,\n\t\t_on: {},\n\t};\n\n\t@Watch('_disabled')\n\tpublic validateDisabled(value?: DisabledPropType): void {\n\t\tvalidateDisabled(this, value);\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('_level')\n\tpublic validateLevel(value?: HeadingLevel): void {\n\t\twatchHeadingLevel(this, value);\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(on?: DetailsCallbacksPropType<boolean>) {\n\t\tvalidateDetailsCallbacks(this, on);\n\t}\n\n\t@Watch('_open')\n\tpublic validateOpen(value?: boolean): void {\n\t\tvalidateOpen(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateDisabled(this._disabled);\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateLevel(this._level);\n\t\tthis.validateOn(this._on);\n\t\tthis.validateOpen(this._open);\n\t}\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"kol-details.entry.esm.js","sources":["src/schema/props/details-callbacks.ts","src/components/details/style.scss?tag=kol-details&mode=default&encapsulation=shadow","src/components/details/shadow.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\nimport type { Callback } from '../enums';\nimport type { EventValueOrEventCallback } from '../types/callbacks';\nimport { watchValidator } from '../utils';\n\n/* types */\nexport type DetailsCallbacksPropType<T> = {\n\t[Callback.onToggle]?: EventValueOrEventCallback<MouseEvent, T>;\n};\n\n/**\n * Defines the callback functions for detail events.\n */\nexport type PropDetailsCallbacks<T> = {\n\ton: DetailsCallbacksPropType<T>;\n};\n\n/* validator */\nexport const validateDetailsCallbacks = (component: Generic.Element.Component, value?: DetailsCallbacksPropType<boolean>): void => {\n\twatchValidator(component, `_on`, (value) => typeof value === 'object' && value !== null, new Set(['DetailsCallbacksPropType {Events.onToggle}']), value);\n};\n","@use '../@shared/mixins' as *;\n@use '../@shared/global' as *;\n@use '../host-display-block' as *;\n@use '../@shared/collapsible.mixin' as *;\n@use '../@shared/icon.mixin' as *;\n@use '../@shared/button.mixin' as *;\n\n@layer kol-component {\n\t@include kol-button-styles('kol-button');\n\t@include kol-icon-styles();\n\t.kol-details {\n\t\t.collapsible--open &__heading-button {\n\t\t\t.kol-icon {\n\t\t\t\ttransform: rotate(90deg);\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, h, type JSX, Method, Prop, State, Watch } from '@stencil/core';\nimport KolCollapsibleFc, { type CollapsibleProps } from '../../functional-components/Collapsible';\nimport type { DetailsAPI, DetailsCallbacksPropType, DetailsStates, DisabledPropType, FocusableElement, HeadingLevel, LabelPropType } from '../../schema';\nimport { validateDetailsCallbacks, validateDisabled, validateLabel, validateOpen } from '../../schema';\nimport { createUniqueId } from '../../utils/dev.utils';\nimport { delegateClick, setClick } from '../../utils/element-click';\nimport { delegateFocus, setFocus } from '../../utils/element-focus';\nimport { dispatchDomEvent, KolEvent } from '../../utils/events';\nimport { watchHeadingLevel } from '../heading/validation';\n\n/**\n * The **Details** component allows additional information to be initially shown with a short introductory text,\n * which is only fully expanded after the user clicks on an arrow icon.\n *\n * By default, the **Details** component is displayed as a single-line layout element consisting of an arrow icon\n * followed by a short introductory text. The actual content is revealed below after clicking the header area. The arrow icon\n * changes its orientation from **_right_** to **_down_**.\n * The component can also be closed again to hide the content.\n *\n * @slot - The content displayed in the detail description.\n */\n@Component({\n\ttag: 'kol-details',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolDetails implements DetailsAPI, FocusableElement {\n\t@Element() private readonly host?: HTMLKolDetailsElement;\n\n\tprivate readonly id = createUniqueId('details');\n\tprivate buttonWcRef?: HTMLKolButtonWcElement;\n\n\tprivate readonly setButtonWcRef = (ref?: HTMLKolButtonWcElement) => {\n\t\tthis.buttonWcRef = ref;\n\t};\n\n\t/**\n\t * Sets focus on the internal element.\n\t */\n\t@Method()\n\tpublic async focus(): Promise<void> {\n\t\treturn delegateFocus(this.host!, () => setFocus(this.buttonWcRef!));\n\t}\n\n\t/**\n\t * Triggers a click on the summary/toggle button.\n\t */\n\t@Method()\n\tpublic async click(): Promise<void> {\n\t\treturn delegateClick(this.host!, async () => setClick(this.buttonWcRef!));\n\t}\n\n\tprivate toggleTimeout?: ReturnType<typeof setTimeout>;\n\n\tprivate handleOnClick = (event: MouseEvent) => {\n\t\tthis._open = !this._open;\n\n\t\t/**\n\t\t * Der Timeout wird benötigt, damit das Event\n\t\t * vom Button- auf das Accordion-Event wechselt.\n\t\t * So ist es dem Anwendenden möglich das _open-\n\t\t * Attribute abzufragen.\n\t\t */\n\n\t\tclearTimeout(this.toggleTimeout);\n\n\t\tthis.toggleTimeout = setTimeout(() => {\n\t\t\tif (this.host) {\n\t\t\t\tdispatchDomEvent(this.host, KolEvent.toggle, Boolean(this._open));\n\t\t\t}\n\t\t\tthis.state._on?.onToggle?.(event, Boolean(this._open));\n\t\t}, 25);\n\t};\n\n\tpublic render(): JSX.Element {\n\t\tconst { _open, _label, _disabled, _level } = this.state;\n\n\t\tconst rootClass = 'kol-details';\n\n\t\tconst props: CollapsibleProps = {\n\t\t\tid: this.id,\n\t\t\tlabel: _label,\n\t\t\topen: _open,\n\t\t\tdisabled: _disabled,\n\t\t\tlevel: _level,\n\t\t\tonClick: this.handleOnClick,\n\t\t\tclass: rootClass,\n\t\t\tHeadingProps: { class: `${rootClass}__heading` },\n\t\t\tHeadingButtonProps: {\n\t\t\t\tref: this.setButtonWcRef,\n\t\t\t\tclass: `${rootClass}__heading-button`,\n\t\t\t\t_icons: 'kolicon-chevron-right',\n\t\t\t},\n\t\t\tContentProps: {\n\t\t\t\tclass: `${rootClass}__content indented-text`,\n\t\t\t\twrapperClass: `${rootClass}__wrapper`,\n\t\t\t\tanimationClass: `${rootClass}__wrapper-animation`,\n\t\t\t},\n\t\t};\n\n\t\treturn (\n\t\t\t<KolCollapsibleFc {...props}>\n\t\t\t\t<slot />\n\t\t\t</KolCollapsibleFc>\n\t\t);\n\t}\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t */\n\t@Prop() public _disabled?: 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 * Defines the callback functions for details.\n\t */\n\t@Prop() public _on?: DetailsCallbacksPropType<boolean>;\n\n\t/**\n\t * Opens/expands the element when truthy, closes/collapses when falsy.\n\t * @TODO: Change type back to `OpenPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _open?: boolean = false;\n\n\t@State() public state: DetailsStates = {\n\t\t_label: '', // ⚠ required\n\t\t_level: 0,\n\t\t_on: {},\n\t};\n\n\t@Watch('_disabled')\n\tpublic validateDisabled(value?: DisabledPropType): void {\n\t\tvalidateDisabled(this, value);\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('_level')\n\tpublic validateLevel(value?: HeadingLevel): void {\n\t\twatchHeadingLevel(this, value);\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(on?: DetailsCallbacksPropType<boolean>) {\n\t\tvalidateDetailsCallbacks(this, on);\n\t}\n\n\t@Watch('_open')\n\tpublic validateOpen(value?: boolean): void {\n\t\tvalidateOpen(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateDisabled(this._disabled);\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateLevel(this._level);\n\t\tthis.validateOn(this._on);\n\t\tthis.validateOpen(this._open);\n\t}\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e,g as t}from"./index-CSjYA5Lb.js";import{K as o}from"./Collapsible-D94G4qng.js";import{b as i}from"./common-Cx_AGO_M.js";import{v as l}from"./disabled-gyBUQRnY.js";import{v as a}from"./label-Fyi30H9j.js";import{v as s}from"./open-Dw4Y2dzo.js";import{n as r}from"./dev.utils-xGMoshdM.js";import{d as c,s as d}from"./element-click-BTxuJDNT.js";import{d as h,s as p}from"./element-focus-BKUtVrWY.js";import{d as m,K as f}from"./events-VVvk1win.js";import{w as b}from"./validation-D6nATCh8.js";import"./tslib.es6-CxX45GIN.js";import"./component-names-Dy77vq43.js";import"./clsx-COFh-Vc8.js";import"./Heading-D_-iYuK7.js";import"./level-1jyaYIAE.js";import"./normalizers-m3s9sgmq.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";const u=(n,e)=>{i(n,"_on",n=>"object"==typeof n&&null!==n,new Set(["DetailsCallbacksPropType {Events.onToggle}"]),e)},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    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n/* 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--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=1779430206668"); /* IE9*/\n  src: url("kolicons.eot?t=1779430206668#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1779430206668") format("woff2"), url("kolicons.woff?t=1779430206668") format("woff"), url("kolicons.ttf?t=1779430206668") format("truetype"), url("kolicons.svg?t=1779430206668#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    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}',y=class{constructor(e){n(this,e),this.nonce=r(),this.setButtonWcRef=n=>{this.buttonWcRef=n},this.handleOnClick=n=>{this._open=!this._open,clearTimeout(this.toggleTimeout),this.toggleTimeout=setTimeout(()=>{var e,t;this.host&&m(this.host,f.toggle,Boolean(this._open)),null===(t=null===(e=this.state._on)||void 0===e?void 0:e.onToggle)||void 0===t||t.call(e,n,Boolean(this._open))},25)},this._disabled=!1,this._level=0,this._open=!1,this.state={_label:"",_level:0,_on:{}}}async focus(){return h(this.host,()=>p(this.buttonWcRef))}async click(){return c(this.host,async()=>d(this.buttonWcRef))}render(){const{_open:n,_label:t,_disabled:i,_level:l}=this.state,a="kol-details",s={id:this.nonce,label:t,open:n,disabled:i,level:l,onClick:this.handleOnClick,class:a,HeadingProps:{class:`${a}__heading`},HeadingButtonProps:{ref:this.setButtonWcRef,class:`${a}__heading-button`,_icons:"kolicon-chevron-right"},ContentProps:{class:`${a}__content indented-text`,wrapperClass:`${a}__wrapper`,animationClass:`${a}__wrapper-animation`}};return e(o,Object.assign({key:"83cc38977298b5ff494154949e4f7a3bda283375"},s),e("slot",{key:"1203fb2dc58d84465df94ddccbfffc0b8a255eba"}))}validateDisabled(n){l(this,n)}validateLabel(n){a(this,n,{required:!0})}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 t(this)}static get watchers(){return{_disabled:["validateDisabled"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_open:["validateOpen"]}}};y.style={default:k};export{y as kol_details};
+import{r as n,h as e,g as t}from"./index-N6JGlBHl.js";import{K as o}from"./Collapsible-SP4og2Wc.js";import{b as i}from"./common-Cx_AGO_M.js";import{v as l}from"./disabled-gyBUQRnY.js";import{v as a}from"./label-Fyi30H9j.js";import{v as s}from"./open-Dw4Y2dzo.js";import{c as r}from"./dev.utils-DhW8_Z_C.js";import{d as c,s as h}from"./element-click-BTxuJDNT.js";import{d,s as p}from"./element-focus-BKUtVrWY.js";import{d as m,K as f}from"./events-VVvk1win.js";import{w as b}from"./validation-D6nATCh8.js";import"./tslib.es6-CxX45GIN.js";import"./component-names-Dy77vq43.js";import"./clsx-COFh-Vc8.js";import"./Heading-r-gS-c4n.js";import"./level-1jyaYIAE.js";import"./normalizers-m3s9sgmq.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";const u=(n,e)=>{i(n,"_on",n=>"object"==typeof n&&null!==n,new Set(["DetailsCallbacksPropType {Events.onToggle}"]),e)},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    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n/* 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--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=1779833120296"); /* IE9*/\n  src: url("kolicons.eot?t=1779833120296#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1779833120296") format("woff2"), url("kolicons.woff?t=1779833120296") format("woff"), url("kolicons.ttf?t=1779833120296") format("truetype"), url("kolicons.svg?t=1779833120296#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    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}',y=class{constructor(e){n(this,e),this.id=r("details"),this.setButtonWcRef=n=>{this.buttonWcRef=n},this.handleOnClick=n=>{this._open=!this._open,clearTimeout(this.toggleTimeout),this.toggleTimeout=setTimeout(()=>{var e,t;this.host&&m(this.host,f.toggle,Boolean(this._open)),null===(t=null===(e=this.state._on)||void 0===e?void 0:e.onToggle)||void 0===t||t.call(e,n,Boolean(this._open))},25)},this._disabled=!1,this._level=0,this._open=!1,this.state={_label:"",_level:0,_on:{}}}async focus(){return d(this.host,()=>p(this.buttonWcRef))}async click(){return c(this.host,async()=>h(this.buttonWcRef))}render(){const{_open:n,_label:t,_disabled:i,_level:l}=this.state,a="kol-details",s={id:this.id,label:t,open:n,disabled:i,level:l,onClick:this.handleOnClick,class:a,HeadingProps:{class:`${a}__heading`},HeadingButtonProps:{ref:this.setButtonWcRef,class:`${a}__heading-button`,_icons:"kolicon-chevron-right"},ContentProps:{class:`${a}__content indented-text`,wrapperClass:`${a}__wrapper`,animationClass:`${a}__wrapper-animation`}};return e(o,Object.assign({key:"28c612f4d238aef3c4a1b47f27947b86495285c0"},s),e("slot",{key:"a361364e111552e560bdadc3f9ee5005b627e390"}))}validateDisabled(n){l(this,n)}validateLabel(n){a(this,n,{required:!0})}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 t(this)}static get watchers(){return{_disabled:["validateDisabled"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_open:["validateOpen"]}}};y.style={default:k};export{y as kol_details};

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

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","getElement","KolCollapsibleFc","watchValidator","validateDisabled","validateLabel","validateOpen","nonce","delegateClick","setClick","delegateFocus","setFocus","dispatchDomEvent","KolEvent","watchHeadingLevel","validateDetailsCallbacks","component","value","Set","defaultStyleCss","KolDetails","constructor","hostRef","this","setButtonWcRef","ref","buttonWcRef","handleOnClick","event","_open","clearTimeout","toggleTimeout","setTimeout","_a","_b","host","toggle","Boolean","state","_on","onToggle","call","_disabled","_level","_label","focus","click","async","render","rootClass","props","id","label","open","disabled","level","onClick","class","HeadingProps","HeadingButtonProps","_icons","ContentProps","wrapperClass","animationClass","Object","assign","key","required","validateLevel","validateOn","on","componentWillLoad","watchers","style","default"],"sources":["0"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","getElement","KolCollapsibleFc","watchValidator","validateDisabled","validateLabel","validateOpen","createUniqueId","delegateClick","setClick","delegateFocus","setFocus","dispatchDomEvent","KolEvent","watchHeadingLevel","validateDetailsCallbacks","component","value","Set","defaultStyleCss","KolDetails","constructor","hostRef","this","id","setButtonWcRef","ref","buttonWcRef","handleOnClick","event","_open","clearTimeout","toggleTimeout","setTimeout","_a","_b","host","toggle","Boolean","state","_on","onToggle","call","_disabled","_level","_label","focus","click","async","render","rootClass","props","label","open","disabled","level","onClick","class","HeadingProps","HeadingButtonProps","_icons","ContentProps","wrapperClass","animationClass","Object","assign","key","required","validateLevel","validateOn","on","componentWillLoad","watchers","style","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,OAAQC,MAAkB,kCAC5CC,MAAwB,wCACxBC,MAAsB,mCACtBC,MAAwB,qCACxBC,MAAqB,kCACrBC,MAAoB,iCACpBC,MAAsB,sCACtBC,OAAoBC,MAAgB,qCACpCC,OAAoBC,MAAgB,0CACpCC,OAAuBC,MAAgB,mCACvCC,MAAyB,iCAChC,gCACA,sCACA,2BACA,8BACA,4BACA,kCACA,kCACA,wBAEP,MAAMC,EAA2B,CAACC,EAAWC,KACzCd,EAAea,EAAW,OAAQC,UAAiBA,IAAU,UAAYA,IAAU,MAAM,IAAIC,IAAI,CAAC,+CAAgDD,EAAM,EAG5J,MAAME,EAAkB,85XAExB,MAAMC,EAAa,MACf,WAAAC,CAAYC,GACRvB,EAAiBwB,KAAMD,GACvBC,KAAKC,GAAKjB,EAAe,WACzBgB,KAAKE,eAAkBC,IACnBH,KAAKI,YAAcD,CAAG,EAE1BH,KAAKK,cAAiBC,IAClBN,KAAKO,OAASP,KAAKO,MACnBC,aAAaR,KAAKS,eAClBT,KAAKS,cAAgBC,YAAW,KAC5B,IAAIC,EAAIC,EACR,GAAIZ,KAAKa,KAAM,CACXxB,EAAiBW,KAAKa,KAAMvB,EAASwB,OAAQC,QAAQf,KAAKO,OAC9D,EACCK,GAAMD,EAAKX,KAAKgB,MAAMC,OAAS,MAAQN,SAAY,OAAS,EAAIA,EAAGO,YAAc,MAAQN,SAAY,OAAS,EAAIA,EAAGO,KAAKR,EAAIL,EAAOS,QAAQf,KAAKO,OAAO,GAC3J,GAAG,EAEVP,KAAKoB,UAAY,MACjBpB,KAAKqB,OAAS,EACdrB,KAAKO,MAAQ,MACbP,KAAKgB,MAAQ,CACTM,OAAQ,GACRD,OAAQ,EACRJ,IAAK,CAAC,EAEd,CACA,WAAMM,GACF,OAAOpC,EAAca,KAAKa,MAAM,IAAMzB,EAASY,KAAKI,cACxD,CACA,WAAMoB,GACF,OAAOvC,EAAce,KAAKa,MAAMY,SAAYvC,EAASc,KAAKI,cAC9D,CACA,MAAAsB,GACI,MAAMnB,MAAEA,EAAKe,OAAEA,EAAMF,UAAEA,EAASC,OAAEA,GAAWrB,KAAKgB,MAClD,MAAMW,EAAY,cAClB,MAAMC,EAAQ,CACV3B,GAAID,KAAKC,GACT4B,MAAOP,EACPQ,KAAMvB,EACNwB,SAAUX,EACVY,MAAOX,EACPY,QAASjC,KAAKK,cACd6B,MAAOP,EACPQ,aAAc,CAAED,MAAO,GAAGP,cAC1BS,mBAAoB,CAChBjC,IAAKH,KAAKE,eACVgC,MAAO,GAAGP,oBACVU,OAAQ,yBAEZC,aAAc,CACVJ,MAAO,GAAGP,2BACVY,aAAc,GAAGZ,aACjBa,eAAgB,GAAGb,yBAG3B,OAAQlD,EAAEE,EAAkB8D,OAAOC,OAAO,CAAEC,IAAK,4CAA8Cf,GAAQnD,EAAE,OAAQ,CAAEkE,IAAK,6CAC5H,CACA,gBAAA9D,CAAiBa,GACbb,EAAiBmB,KAAMN,EAC3B,CACA,aAAAZ,CAAcY,GACVZ,EAAckB,KAAMN,EAAO,CACvBkD,SAAU,MAElB,CACA,aAAAC,CAAcnD,GACVH,EAAkBS,KAAMN,EAC5B,CACA,UAAAoD,CAAWC,GACPvD,EAAyBQ,KAAM+C,EACnC,CACA,YAAAhE,CAAaW,GACTX,EAAaiB,KAAMN,EACvB,CACA,iBAAAsD,GACIhD,KAAKnB,iBAAiBmB,KAAKoB,WAC3BpB,KAAKlB,cAAckB,KAAKsB,QACxBtB,KAAK6C,cAAc7C,KAAKqB,QACxBrB,KAAK8C,WAAW9C,KAAKiB,KACrBjB,KAAKjB,aAAaiB,KAAKO,MAC3B,CACA,QAAIM,GAAS,OAAOnC,EAAWsB,KAAO,CACtC,mBAAWiD,GAAa,MAAO,CAC3B7B,UAAa,CAAC,oBACdE,OAAU,CAAC,iBACXD,OAAU,CAAC,iBACXJ,IAAO,CAAC,cACRV,MAAS,CAAC,gBACX,GAEPV,EAAWqD,MAAQ,CACfC,QAASvD,UAGJC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"kol-dialog-wc.entry.esm.js","sources":["src/schema/props/width.ts","src/schema/props/variant/dialog.ts","src/components/dialog/component.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\nimport type { WatchStringOptions } from '../utils';\nimport { watchString } from '../utils';\n\n/* types */\nexport type WidthPropType = string;\n\n/**\n * Defines the width of the component. (max-width: 100%)\n */\nexport interface PropWidth {\n\twidth: WidthPropType;\n}\n\n/* validator */\nexport const validateWidth = (component: Generic.Element.Component, value?: WidthPropType, options?: WatchStringOptions): void => {\n\twatchString(component, '_width', value, { defaultValue: '100%', ...options });\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchValidator } from '../../utils/prop.validators';\n\nconst DialogVariantPropTypeOptions = ['blank', 'card'] as const;\nexport type DialogVariantPropType = (typeof DialogVariantPropTypeOptions)[number];\n\n/**\n * Defines the different variants for displaying the Dialog.\n */\nexport type PropDialogVariant = {\n\tvariant: DialogVariantPropType;\n};\n\n/* validator */\nexport const validateDialogVariant = (component: Generic.Element.Component, value?: DialogVariantPropType): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t'_variant',\n\t\t(value) => typeof value === 'string' && DialogVariantPropTypeOptions.includes(value),\n\t\tnew Set(DialogVariantPropTypeOptions),\n\t\tvalue,\n\t);\n};\n","import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { KolCardWcTag } from '../../core/component-names';\nimport type { DialogAPI, DialogStates, HeadingLevel, KoliBriDialogEventCallbacks, LabelPropType } from '../../schema';\nimport { setState, validateLabel, validateWidth } from '../../schema';\nimport type { ModalVariantPropType } from '../../schema/props/variant/modal';\nimport { validateModalVariant } from '../../schema/props/variant/modal';\nimport clsx from '../../utils/clsx';\nimport { nonce } from '../../utils/dev.utils';\nimport { dispatchDomEvent, KolEvent } from '../../utils/events';\nimport { handleCancelOverlay } from '../../utils/tooltip-open-tracking';\nimport { watchHeadingLevel } from '../heading/validation';\n\n/**\n * https://en.wikipedia.org/wiki/Modal_window\n *\n * @internal\n * @slot - The dialog's contents.\n */\n@Component({\n\ttag: 'kol-dialog-wc',\n\tshadow: false,\n})\nexport class KolDialogWc implements DialogAPI {\n\t@Element() private readonly host?: HTMLKolDialogWcElement;\n\tprivate refDialog?: HTMLDialogElement;\n\tprivate readonly cardHeadingId = nonce();\n\n\t@State() private isModal: boolean = true;\n\n\tprivate readonly _cardOn = { onClose: () => void this.close() };\n\n\tpublic disconnectedCallback(): void {\n\t\tvoid this.close();\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 handleNativeCloseEvent(event: Event) {\n\t\t// Ignore close events that bubble up from child components (e.g. KolAlert).\n\t\t// Only react when the dialog element itself is the event origin.\n\t\tif (event.target !== this.refDialog) {\n\t\t\treturn;\n\t\t}\n\t\tif (typeof this.state._on?.onClose === 'function') {\n\t\t\tthis.state._on.onClose();\n\t\t}\n\t\tif (this.host) {\n\t\t\tdispatchDomEvent(this.host, KolEvent.close);\n\t\t}\n\t}\n\n\t/**\n\t * Opens the dialog. Pass true to open as a modal dialog.\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.refDialog?.open) {\n\t\t\treturn;\n\t\t}\n\t\tthis.isModal = modal;\n\t\tif (modal) {\n\t\t\tthis.refDialog?.showModal?.();\n\t\t} else {\n\t\t\tthis.refDialog?.show?.();\n\t\t}\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.show(true);\n\t}\n\n\t/**\n\t * Opens the dialog as a modal.\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 * Closes the dialog.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async close(): Promise<void> {\n\t\t/* The optional chaining for the `close` method is not strictly necessary, but a simple/lazy workaround for HTMLDialog not being implemented in jsdom, causing Jest tests to fail. It may be removed in the future. */\n\t\tthis.refDialog?.close?.();\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<dialog\n\t\t\t\taria-label={this.state._variant === 'blank' ? this.state._label : undefined}\n\t\t\t\taria-labelledby={this.state._variant === 'card' ? this.cardHeadingId : undefined}\n\t\t\t\taria-modal={this.isModal ? 'true' : 'false'}\n\t\t\t\tclass={clsx('kol-dialog', 'kol-modal', {\n\t\t\t\t\t'kol-dialog__blank': this.state._variant === 'blank',\n\t\t\t\t\t'kol-dialog__card': this.state._variant === 'card',\n\t\t\t\t\t'kol-modal__blank': this.state._variant === 'blank',\n\t\t\t\t\t'kol-modal__card': this.state._variant === 'card',\n\t\t\t\t})}\n\t\t\t\tonCancel={this.handleCancelEvent}\n\t\t\t\tonClose={this.handleNativeCloseEvent.bind(this)}\n\t\t\t\tref={(el) => {\n\t\t\t\t\tthis.refDialog = el;\n\t\t\t\t}}\n\t\t\t\tstyle={{\n\t\t\t\t\twidth: this.state._width,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{this.state._variant === 'blank' && <slot />}\n\t\t\t\t{this.state._variant === 'card' && (\n\t\t\t\t\t<KolCardWcTag _hasCloser _headingId={this.cardHeadingId} _label={this.state._label} _level={this._level} _on={this._cardOn}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</KolCardWcTag>\n\t\t\t\t)}\n\t\t\t</dialog>\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\t@State() public state: DialogStates = {\n\t\t_label: '', // ⚠ required\n\t\t_width: '100%',\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('_level')\n\tpublic validateLevel(value?: HeadingLevel): void {\n\t\twatchHeadingLevel(this, value);\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(value?: KoliBriDialogEventCallbacks): void {\n\t\tif (typeof value === 'object' && value !== null) {\n\t\t\tconst callbacks: KoliBriDialogEventCallbacks = {};\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\tsetState<KoliBriDialogEventCallbacks>(this, '_on', callbacks);\n\t\t}\n\t}\n\n\t@Watch('_width')\n\tpublic validateWidth(value?: string): void {\n\t\tvalidateWidth(this, value);\n\t}\n\n\t@Watch('_variant')\n\tpublic validateVariant(value?: ModalVariantPropType): void {\n\t\tvalidateModalVariant(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateLevel(this._level);\n\t\tthis.validateOn(this._on);\n\t\tthis.validateWidth(this._width);\n\t\tthis.validateVariant(this._variant);\n\t}\n}\n"],"names":["validateModalVariant"],"mappings":"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"}
+{"version":3,"file":"kol-dialog-wc.entry.esm.js","sources":["src/schema/props/width.ts","src/schema/props/variant/dialog.ts","src/components/dialog/component.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\nimport type { WatchStringOptions } from '../utils';\nimport { watchString } from '../utils';\n\n/* types */\nexport type WidthPropType = string;\n\n/**\n * Defines the width of the component. (max-width: 100%)\n */\nexport interface PropWidth {\n\twidth: WidthPropType;\n}\n\n/* validator */\nexport const validateWidth = (component: Generic.Element.Component, value?: WidthPropType, options?: WatchStringOptions): void => {\n\twatchString(component, '_width', value, { defaultValue: '100%', ...options });\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchValidator } from '../../utils/prop.validators';\n\nconst DialogVariantPropTypeOptions = ['blank', 'card'] as const;\nexport type DialogVariantPropType = (typeof DialogVariantPropTypeOptions)[number];\n\n/**\n * Defines the different variants for displaying the Dialog.\n */\nexport type PropDialogVariant = {\n\tvariant: DialogVariantPropType;\n};\n\n/* validator */\nexport const validateDialogVariant = (component: Generic.Element.Component, value?: DialogVariantPropType): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t'_variant',\n\t\t(value) => typeof value === 'string' && DialogVariantPropTypeOptions.includes(value),\n\t\tnew Set(DialogVariantPropTypeOptions),\n\t\tvalue,\n\t);\n};\n","import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { KolCardWcTag } from '../../core/component-names';\nimport type { DialogAPI, DialogStates, HeadingLevel, KoliBriDialogEventCallbacks, LabelPropType } from '../../schema';\nimport { setState, validateLabel, validateWidth } from '../../schema';\nimport type { ModalVariantPropType } from '../../schema/props/variant/modal';\nimport { validateModalVariant } from '../../schema/props/variant/modal';\nimport clsx from '../../utils/clsx';\nimport { createUniqueId } from '../../utils/dev.utils';\nimport { dispatchDomEvent, KolEvent } from '../../utils/events';\nimport { handleCancelOverlay } from '../../utils/tooltip-open-tracking';\nimport { watchHeadingLevel } from '../heading/validation';\n\n/**\n * https://en.wikipedia.org/wiki/Modal_window\n *\n * @internal\n * @slot - The dialog's contents.\n */\n@Component({\n\ttag: 'kol-dialog-wc',\n\tshadow: false,\n})\nexport class KolDialogWc implements DialogAPI {\n\t@Element() private readonly host?: HTMLKolDialogWcElement;\n\tprivate refDialog?: HTMLDialogElement;\n\tprivate readonly cardHeadingId = createUniqueId('dialog-heading');\n\n\t@State() private isModal: boolean = true;\n\n\tprivate readonly _cardOn = { onClose: () => void this.close() };\n\n\tpublic disconnectedCallback(): void {\n\t\tvoid this.close();\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 handleNativeCloseEvent(event: Event) {\n\t\t// Ignore close events that bubble up from child components (e.g. KolAlert).\n\t\t// Only react when the dialog element itself is the event origin.\n\t\tif (event.target !== this.refDialog) {\n\t\t\treturn;\n\t\t}\n\t\tif (typeof this.state._on?.onClose === 'function') {\n\t\t\tthis.state._on.onClose();\n\t\t}\n\t\tif (this.host) {\n\t\t\tdispatchDomEvent(this.host, KolEvent.close);\n\t\t}\n\t}\n\n\t/**\n\t * Opens the dialog. Pass true to open as a modal dialog.\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.refDialog?.open) {\n\t\t\treturn;\n\t\t}\n\t\tthis.isModal = modal;\n\t\tif (modal) {\n\t\t\tthis.refDialog?.showModal?.();\n\t\t} else {\n\t\t\tthis.refDialog?.show?.();\n\t\t}\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.show(true);\n\t}\n\n\t/**\n\t * Opens the dialog as a modal.\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 * Closes the dialog.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async close(): Promise<void> {\n\t\t/* The optional chaining for the `close` method is not strictly necessary, but a simple/lazy workaround for HTMLDialog not being implemented in jsdom, causing Jest tests to fail. It may be removed in the future. */\n\t\tthis.refDialog?.close?.();\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<dialog\n\t\t\t\taria-label={this.state._variant === 'blank' ? this.state._label : undefined}\n\t\t\t\taria-labelledby={this.state._variant === 'card' ? this.cardHeadingId : undefined}\n\t\t\t\taria-modal={this.isModal ? 'true' : 'false'}\n\t\t\t\tclass={clsx('kol-dialog', 'kol-modal', {\n\t\t\t\t\t'kol-dialog__blank': this.state._variant === 'blank',\n\t\t\t\t\t'kol-dialog__card': this.state._variant === 'card',\n\t\t\t\t\t'kol-modal__blank': this.state._variant === 'blank',\n\t\t\t\t\t'kol-modal__card': this.state._variant === 'card',\n\t\t\t\t})}\n\t\t\t\tonCancel={this.handleCancelEvent}\n\t\t\t\tonClose={this.handleNativeCloseEvent.bind(this)}\n\t\t\t\tref={(el) => {\n\t\t\t\t\tthis.refDialog = el;\n\t\t\t\t}}\n\t\t\t\tstyle={{\n\t\t\t\t\twidth: this.state._width,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{this.state._variant === 'blank' && <slot />}\n\t\t\t\t{this.state._variant === 'card' && (\n\t\t\t\t\t<KolCardWcTag _hasCloser _headingId={this.cardHeadingId} _label={this.state._label} _level={this._level} _on={this._cardOn}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</KolCardWcTag>\n\t\t\t\t)}\n\t\t\t</dialog>\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\t@State() public state: DialogStates = {\n\t\t_label: '', // ⚠ required\n\t\t_width: '100%',\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('_level')\n\tpublic validateLevel(value?: HeadingLevel): void {\n\t\twatchHeadingLevel(this, value);\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(value?: KoliBriDialogEventCallbacks): void {\n\t\tif (typeof value === 'object' && value !== null) {\n\t\t\tconst callbacks: KoliBriDialogEventCallbacks = {};\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\tsetState<KoliBriDialogEventCallbacks>(this, '_on', callbacks);\n\t\t}\n\t}\n\n\t@Watch('_width')\n\tpublic validateWidth(value?: string): void {\n\t\tvalidateWidth(this, value);\n\t}\n\n\t@Watch('_variant')\n\tpublic validateVariant(value?: ModalVariantPropType): void {\n\t\tvalidateModalVariant(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateLevel(this._level);\n\t\tthis.validateOn(this._on);\n\t\tthis.validateWidth(this._width);\n\t\tthis.validateVariant(this._variant);\n\t}\n}\n"],"names":["validateModalVariant"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as i,h as t,g as s}from"./index-CSjYA5Lb.js";import{d as a}from"./component-names-Dy77vq43.js";import{g as o,b as e,s as l}from"./common-Cx_AGO_M.js";import{v as d}from"./label-Fyi30H9j.js";import{c as n}from"./clsx-COFh-Vc8.js";import{n as r}from"./dev.utils-xGMoshdM.js";import{d as h,K as c}from"./events-VVvk1win.js";import{h as v}from"./tooltip-open-tracking-D3tCiiGP.js";import{w as f}from"./validation-D6nATCh8.js";import"./level-1jyaYIAE.js";import"./normalizers-m3s9sgmq.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";const u=(t,a,i)=>{o(t,"_width",a,Object.assign({defaultValue:"100%"},i))},m=["blank","card"],b=(t,a)=>{e(t,"_variant",t=>"string"==typeof t&&m.includes(t),new Set(m),a)},_=class{constructor(t){i(this,t),this.cardHeadingId=r(),this.isModal=!0,this._cardOn={onClose:()=>{this.close()}},this.handleCancelEvent=t=>{var a,i;v(t),t.defaultPrevented||(null===(i=null===(a=this.state._on)||void 0===a?void 0:a.onCancel)||void 0===i||i.call(a,t),t.defaultPrevented||this.host&&!h(this.host,c.cancel)&&t.preventDefault())},this._level=0,this._width="100%",this._variant="blank",this.state={_label:"",_width:"100%"}}disconnectedCallback(){this.close()}handleNativeCloseEvent(t){var a;t.target===this.refDialog&&("function"==typeof(null===(a=this.state._on)||void 0===a?void 0:a.onClose)&&this.state._on.onClose(),this.host&&h(this.host,c.close))}async show(t=!1){var a,i,e,l,s;(null===(a=this.refDialog)||void 0===a?void 0:a.open)||(this.isModal=t,t?null===(e=null===(i=this.refDialog)||void 0===i?void 0:i.showModal)||void 0===e||e.call(i):null===(s=null===(l=this.refDialog)||void 0===l?void 0:l.show)||void 0===s||s.call(l))}showModal(){return this.show(!0)}openModal(){return this.showModal()}async close(){var t,a;null===(a=null===(t=this.refDialog)||void 0===t?void 0:t.close)||void 0===a||a.call(t)}closeModal(){return this.close()}render(){return t("dialog",{key:"268cbf7a5615118d88d3969a6a91eb3fda3cc684","aria-label":"blank"===this.state._variant?this.state._label:void 0,"aria-labelledby":"card"===this.state._variant?this.cardHeadingId:void 0,"aria-modal":this.isModal?"true":"false",class:n("kol-dialog","kol-modal",{"kol-dialog__blank":"blank"===this.state._variant,"kol-dialog__card":"card"===this.state._variant,"kol-modal__blank":"blank"===this.state._variant,"kol-modal__card":"card"===this.state._variant}),onCancel:this.handleCancelEvent,onClose:this.handleNativeCloseEvent.bind(this),ref:t=>{this.refDialog=t},style:{width:this.state._width}},"blank"===this.state._variant&&t("slot",{key:"2e1848a39f7dedacc557fc68bd218d76514ef13e"}),"card"===this.state._variant&&t(a,{key:"c098ecaf9e7c78b5bb1281456c1b93cffe7925f5",_hasCloser:!0,_headingId:this.cardHeadingId,_label:this.state._label,_level:this._level,_on:this._cardOn},t("slot",{key:"5f4595949b38f25a592cbd70c0f119f9b0be8948"})))}validateLabel(t){d(this,t,{required:!0})}validateLevel(t){f(this,t)}validateOn(t){if("object"==typeof t&&null!==t){const a={};"function"==typeof t.onCancel&&(a.onCancel=t.onCancel),"function"==typeof t.onClose&&(a.onClose=t.onClose),l(this,"_on",a)}}validateWidth(t){u(this,t)}validateVariant(t){b(this,t)}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{_ as kol_dialog_wc};
+import{r as i,h as t,g as s}from"./index-N6JGlBHl.js";import{d as a}from"./component-names-Dy77vq43.js";import{g as o,b as l,s as e}from"./common-Cx_AGO_M.js";import{v as d}from"./label-Fyi30H9j.js";import{c as n}from"./clsx-COFh-Vc8.js";import{c as r}from"./dev.utils-DhW8_Z_C.js";import{d as h,K as c}from"./events-VVvk1win.js";import{h as v}from"./tooltip-open-tracking-D3tCiiGP.js";import{w as f}from"./validation-D6nATCh8.js";import"./level-1jyaYIAE.js";import"./normalizers-m3s9sgmq.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";const u=(a,t,i)=>{o(a,"_width",t,Object.assign({defaultValue:"100%"},i))},b=["blank","card"],m=(a,t)=>{l(a,"_variant",a=>"string"==typeof a&&b.includes(a),new Set(b),t)},_=class{constructor(a){i(this,a),this.cardHeadingId=r("dialog-heading"),this.isModal=!0,this._cardOn={onClose:()=>{this.close()}},this.handleCancelEvent=a=>{var t,i;v(a),a.defaultPrevented||(null===(i=null===(t=this.state._on)||void 0===t?void 0:t.onCancel)||void 0===i||i.call(t,a),a.defaultPrevented||this.host&&!h(this.host,c.cancel)&&a.preventDefault())},this._level=0,this._width="100%",this._variant="blank",this.state={_label:"",_width:"100%"}}disconnectedCallback(){this.close()}handleNativeCloseEvent(a){var t;a.target===this.refDialog&&("function"==typeof(null===(t=this.state._on)||void 0===t?void 0:t.onClose)&&this.state._on.onClose(),this.host&&h(this.host,c.close))}async show(a=!1){var t,i,e,l,s;(null===(t=this.refDialog)||void 0===t?void 0:t.open)||(this.isModal=a,a?null===(e=null===(i=this.refDialog)||void 0===i?void 0:i.showModal)||void 0===e||e.call(i):null===(s=null===(l=this.refDialog)||void 0===l?void 0:l.show)||void 0===s||s.call(l))}showModal(){return this.show(!0)}openModal(){return this.showModal()}async close(){var a,t;null===(t=null===(a=this.refDialog)||void 0===a?void 0:a.close)||void 0===t||t.call(a)}closeModal(){return this.close()}render(){return t("dialog",{key:"740fd9b18343e873a7961173848be648bbd0ff8a","aria-label":"blank"===this.state._variant?this.state._label:void 0,"aria-labelledby":"card"===this.state._variant?this.cardHeadingId:void 0,"aria-modal":this.isModal?"true":"false",class:n("kol-dialog","kol-modal",{"kol-dialog__blank":"blank"===this.state._variant,"kol-dialog__card":"card"===this.state._variant,"kol-modal__blank":"blank"===this.state._variant,"kol-modal__card":"card"===this.state._variant}),onCancel:this.handleCancelEvent,onClose:this.handleNativeCloseEvent.bind(this),ref:a=>{this.refDialog=a},style:{width:this.state._width}},"blank"===this.state._variant&&t("slot",{key:"183bbb7224ca0ec06bbd84e354fa7b58882a4879"}),"card"===this.state._variant&&t(a,{key:"e0270ea31e33d61760aa8fca356c08f88a56fffe",_hasCloser:!0,_headingId:this.cardHeadingId,_label:this.state._label,_level:this._level,_on:this._cardOn},t("slot",{key:"a18c03fd1f0cdcc25a8bddfffd5b0753fc81cdb5"})))}validateLabel(a){d(this,a,{required:!0})}validateLevel(a){f(this,a)}validateOn(a){if("object"==typeof a&&null!==a){const t={};"function"==typeof a.onCancel&&(t.onCancel=a.onCancel),"function"==typeof a.onClose&&(t.onClose=a.onClose),e(this,"_on",t)}}validateWidth(a){u(this,a)}validateVariant(a){m(this,a)}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{_ as kol_dialog_wc};

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

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","getElement","KolCardWcTag","watchString","watchValidator","setState","validateLabel","clsx","nonce","dispatchDomEvent","KolEvent","handleCancelOverlay","watchHeadingLevel","validateWidth","component","value","options","Object","assign","defaultValue","DialogVariantPropTypeOptions","validateDialogVariant","includes","Set","KolDialogWc","constructor","hostRef","this","cardHeadingId","isModal","_cardOn","onClose","close","handleCancelEvent","event","_a","_b","defaultPrevented","state","_on","onCancel","call","host","cancel","preventDefault","_level","_width","_variant","_label","disconnectedCallback","handleNativeCloseEvent","target","refDialog","show","modal","_c","_d","_e","open","showModal","openModal","closeModal","render","key","undefined","class","bind","ref","el","style","width","_hasCloser","_headingId","required","validateLevel","validateOn","callbacks","validateVariant","componentWillLoad","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","getElement","KolCardWcTag","watchString","watchValidator","setState","validateLabel","clsx","createUniqueId","dispatchDomEvent","KolEvent","handleCancelOverlay","watchHeadingLevel","validateWidth","component","value","options","Object","assign","defaultValue","DialogVariantPropTypeOptions","validateDialogVariant","includes","Set","KolDialogWc","constructor","hostRef","this","cardHeadingId","isModal","_cardOn","onClose","close","handleCancelEvent","event","_a","_b","defaultPrevented","state","_on","onCancel","call","host","cancel","preventDefault","_level","_width","_variant","_label","disconnectedCallback","handleNativeCloseEvent","target","refDialog","show","modal","_c","_d","_e","open","showModal","openModal","closeModal","render","key","undefined","class","bind","ref","el","style","width","_hasCloser","_headingId","required","validateLevel","validateOn","callbacks","validateVariant","componentWillLoad","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}

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

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