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

package/app/dist/assets/{kol-details.entry-DdeHo2-B.js.map → kol-details.entry-DuaLmvP7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-details.entry-DdeHo2-B.js","names":[],"sources":["../../../../../components/dist/esm/kol-details.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, g as getElement } from './index-CwtGN7ID.js';\nimport { _ as __decorate } from './tslib.es6-QNbPBOk5.js';\nimport { K as KolCollapsibleFc } from './Collapsible-BG8kZny4.js';\nimport { b as watchValidator } from './common-DyILLof-.js';\nimport { v as validateDisabled } from './disabled-DzYBnXfG.js';\nimport { v as validateLabel } from './label-BiOix5de.js';\nimport { v as validateOpen } from './open-DZ2Z5a7z.js';\nimport { c as createUniqueId } from './dev.utils-Ce_5C3Pe.js';\nimport { d as delegateFocus, a as delegateClick, c as createCtaRef } from './element-interaction-C5-6aPzz.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-BhfZTW2e.js';\nimport { w as watchHeadingLevel } from './validation-D_PYegRV.js';\nimport './component-names-Dy77vq43.js';\nimport './clsx-COFh-Vc8.js';\nimport './Heading-uCdB_mbH.js';\nimport './element-focus-BQXzaLL9.js';\nimport './level-Kr0RFikR.js';\nimport './normalizers-B5NKuJgN.js';\nimport './_Uint8Array-kJHDjtoP.js';\nimport './isArray-CcrBs4JM.js';\n\nconst validateDetailsCallbacks = (component, value) => {\n    watchValidator(component, `_on`, (value) => typeof value === 'object' && value !== null, new Set(['DetailsCallbacksPropType {Events.onToggle}']), value);\n};\n\nconst defaultStyleCss = \"@charset \\\"UTF-8\\\";\\n/* forward the rem function */\\n/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     *\\n     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser's\\n     * rounding, dropping just below the required minimum.\\n     */\\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\\n    /*\\n     * No element should be used without verifying the contrast ratio of its background and font colors.\\n     * By initially setting the background color to white and the font color to black,\\n     * the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    color: black;\\n    background-color: white;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n    /*\\n     * Text should be aligned left by default to provide a predictable starting point.\\n     */\\n    text-align: left;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of to-rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the text color from his parent element.\\n     */\\n    color: inherit;\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%;\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: white;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: flex;\\n    flex-flow: column;\\n    align-items: center;\\n    justify-content: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    align-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n  .hastooltip {\\n    z-index: 900 !important;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: block;\\n  }\\n}\\n/* For animation technique see https://css-tricks.com/css-grid-can-do-auto-height-transitions/ */\\n@layer kol-component {\\n  @media (prefers-reduced-motion) {\\n    .collapsible__wrapper-animation, .collapsible__wrapper {\\n      transition: none !important;\\n    }\\n  }\\n  .collapsible {\\n    /* @see https://github.com/public-ui/kolibri/issues/5952 */\\n  }\\n  @media print {\\n    :not(.collapsible--open) .collapsible__wrapper-animation {\\n      display: none;\\n    }\\n  }\\n  .collapsible__wrapper {\\n    /* Forces the element into its own GPU compositing layer (via 3D transform). Helps prevent rendering/layout bugs (e.g. #7511) and may improve animation performance. */\\n    transform: translateZ(0);\\n    display: grid;\\n    grid-template-columns: minmax(0, 1fr);\\n    grid-template-rows: 0fr;\\n    transition: grid-template-rows 0.3s;\\n  }\\n  .collapsible__wrapper-animation {\\n    opacity: 0;\\n    transform: scaleY(0);\\n    transform-origin: top;\\n    min-height: 0;\\n    /* This property is important to keep in sync with the visual transition (template-rows). Without it interactive elements within the accordion would stay focusable. */\\n    visibility: hidden;\\n    transition: transform 0.3s, opacity 0.3s, visibility 0.3s;\\n  }\\n  .collapsible--open .collapsible__wrapper {\\n    grid-template-rows: 1fr;\\n  }\\n  .collapsible--open .collapsible__wrapper-animation {\\n    opacity: 1;\\n    transform: scaleY(1);\\n    visibility: visible;\\n  }\\n  .collapsible {\\n    /*\\n          * Inside a button, the caption text is always centered.\\n          * So we have to align the text to the left.\\n          */\\n  }\\n  .collapsible__heading-button button .kol-span {\\n    align-items: flex-start;\\n  }\\n  .collapsible__heading-button button .kol-span__container {\\n    text-align: left;\\n  }\\n  .collapsible--open:focus-within {\\n    position: relative;\\n    z-index: 100;\\n  }\\n}\\n@font-face {\\n  font-family: \\\"kolicons\\\";\\n  src: url(\\\"kolicons.eot?t=1782311579243\\\"); /* IE9*/\\n  src: url(\\\"kolicons.eot?t=1782311579243#iefix\\\") format(\\\"embedded-opentype\\\"), url(\\\"kolicons.woff2?t=1782311579243\\\") format(\\\"woff2\\\"), url(\\\"kolicons.woff?t=1782311579243\\\") format(\\\"woff\\\"), url(\\\"kolicons.ttf?t=1782311579243\\\") format(\\\"truetype\\\"), url(\\\"kolicons.svg?t=1782311579243#kolicons\\\") format(\\\"svg\\\"); /* iOS 4.1- */\\n}\\n@layer kol-component {\\n  [class^=kolicon-], [class*=\\\" kolicon-\\\"] {\\n    font-family: \\\"kolicons\\\";\\n    font-style: normal;\\n    font-weight: 400;\\n    line-height: 1em;\\n    -webkit-font-smoothing: antialiased;\\n    -moz-osx-font-smoothing: grayscale;\\n  }\\n  .kolicon-alert-error::before {\\n    content: \\\"\\\\ea01\\\";\\n  }\\n  .kolicon-alert-info::before {\\n    content: \\\"\\\\ea02\\\";\\n  }\\n  .kolicon-alert-success::before {\\n    content: \\\"\\\\ea03\\\";\\n  }\\n  .kolicon-alert-warning::before {\\n    content: \\\"\\\\ea04\\\";\\n  }\\n  .kolicon-check::before {\\n    content: \\\"\\\\ea05\\\";\\n  }\\n  .kolicon-chevron-double-left::before {\\n    content: \\\"\\\\ea06\\\";\\n  }\\n  .kolicon-chevron-double-right::before {\\n    content: \\\"\\\\ea07\\\";\\n  }\\n  .kolicon-chevron-down::before {\\n    content: \\\"\\\\ea08\\\";\\n  }\\n  .kolicon-chevron-left::before {\\n    content: \\\"\\\\ea09\\\";\\n  }\\n  .kolicon-chevron-right::before {\\n    content: \\\"\\\\ea0a\\\";\\n  }\\n  .kolicon-chevron-up::before {\\n    content: \\\"\\\\ea0b\\\";\\n  }\\n  .kolicon-cogwheel::before {\\n    content: \\\"\\\\ea0c\\\";\\n  }\\n  .kolicon-cross::before {\\n    content: \\\"\\\\ea0d\\\";\\n  }\\n  .kolicon-eye-closed::before {\\n    content: \\\"\\\\ea0e\\\";\\n  }\\n  .kolicon-eye::before {\\n    content: \\\"\\\\ea0f\\\";\\n  }\\n  .kolicon-house::before {\\n    content: \\\"\\\\ea10\\\";\\n  }\\n  .kolicon-kolibri::before {\\n    content: \\\"\\\\ea11\\\";\\n  }\\n  .kolicon-link-external::before {\\n    content: \\\"\\\\ea12\\\";\\n  }\\n  .kolicon-link::before {\\n    content: \\\"\\\\ea13\\\";\\n  }\\n  .kolicon-minus::before {\\n    content: \\\"\\\\ea14\\\";\\n  }\\n  .kolicon-plus::before {\\n    content: \\\"\\\\ea15\\\";\\n  }\\n  .kolicon-settings::before {\\n    content: \\\"\\\\ea16\\\";\\n  }\\n  .kolicon-sort-asc::before {\\n    content: \\\"\\\\ea17\\\";\\n  }\\n  .kolicon-sort-desc::before {\\n    content: \\\"\\\\ea18\\\";\\n  }\\n  .kolicon-sort-neutral::before {\\n    content: \\\"\\\\ea19\\\";\\n  }\\n  .kolicon-up::before {\\n    content: \\\"\\\\ea1a\\\";\\n  }\\n  .kolicon-version::before {\\n    content: \\\"\\\\ea1b\\\";\\n  }\\n}\\n@layer kol-component {\\n  .kol-icon {\\n    color: inherit;\\n    display: inline-block;\\n    font-size: inherit;\\n    font-weight: inherit;\\n    line-height: inherit;\\n  }\\n  .kol-tooltip {\\n    display: contents;\\n  }\\n  .kol-tooltip__floating {\\n    opacity: 0;\\n    display: none;\\n    position: fixed;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width, max-content);\\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    animation-direction: normal;\\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\\n    animation-fill-mode: forwards;\\n    animation-iteration-count: 1;\\n    animation-timing-function: ease-in;\\n  }\\n  .kol-tooltip__floating.hide {\\n    animation-name: hideTooltip;\\n  }\\n  .kol-tooltip__floating.show {\\n    animation-name: showTooltip;\\n  }\\n  .kol-tooltip__arrow {\\n    transform: rotate(45deg);\\n    color: black;\\n    background-color: white;\\n    position: absolute;\\n    z-index: 999;\\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-tooltip__content {\\n    color: black;\\n    background-color: white;\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes hideTooltip {\\n    0% {\\n      opacity: 1;\\n    }\\n    100% {\\n      opacity: 0;\\n      display: none;\\n    }\\n  }\\n  @keyframes showTooltip {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  .kol-icon {\\n    color: inherit;\\n    display: inline-block;\\n    font-size: inherit;\\n    font-weight: inherit;\\n    line-height: inherit;\\n  }\\n  :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}\";\n\nconst KolDetails = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.id = createUniqueId('details');\n        this.ctaRef = createCtaRef();\n        this.handleOnClick = (event) => {\n            this._open = !this._open;\n            clearTimeout(this.toggleTimeout);\n            this.toggleTimeout = setTimeout(() => {\n                var _a, _b;\n                if (this.host) {\n                    dispatchDomEvent(this.host, KolEvent.toggle, Boolean(this._open));\n                }\n                (_b = (_a = this.state._on) === null || _a === void 0 ? void 0 : _a.onToggle) === null || _b === void 0 ? void 0 : _b.call(_a, event, Boolean(this._open));\n            }, 25);\n        };\n        this._disabled = false;\n        this._level = 0;\n        this._open = false;\n        this.state = {\n            _label: '',\n            _level: 0,\n            _on: {},\n        };\n    }\n    async focus(options) { }\n    async click() { }\n    render() {\n        const { _open, _label, _disabled, _level } = this.state;\n        const rootClass = 'kol-details';\n        const props = {\n            id: this.id,\n            label: _label,\n            open: _open,\n            disabled: _disabled,\n            level: _level,\n            onClick: this.handleOnClick,\n            class: rootClass,\n            HeadingProps: { class: `${rootClass}__heading` },\n            HeadingButtonProps: {\n                ref: this.ctaRef,\n                class: `${rootClass}__heading-button`,\n                _icons: 'kolicon-chevron-right',\n            },\n            ContentProps: {\n                class: `${rootClass}__content indented-text`,\n                wrapperClass: `${rootClass}__wrapper`,\n                animationClass: `${rootClass}__wrapper-animation`,\n            },\n        };\n        return (h(KolCollapsibleFc, Object.assign({ key: 'ef8a48734ffed34c090994e6139e088f2018746d' }, props), h(\"slot\", { key: 'f83bdcdf3b1ed258741428d6ae6b25c1d3f7120e' })));\n    }\n    validateDisabled(value) {\n        validateDisabled(this, value);\n    }\n    validateLabel(value) {\n        validateLabel(this, value, {\n            required: true,\n        });\n    }\n    validateLevel(value) {\n        watchHeadingLevel(this, value);\n    }\n    validateOn(on) {\n        validateDetailsCallbacks(this, on);\n    }\n    validateOpen(value) {\n        validateOpen(this, value);\n    }\n    componentWillLoad() {\n        this.validateDisabled(this._disabled);\n        this.validateLabel(this._label);\n        this.validateLevel(this._level);\n        this.validateOn(this._on);\n        this.validateOpen(this._open);\n    }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_disabled\": [\"validateDisabled\"],\n        \"_label\": [\"validateLabel\"],\n        \"_level\": [\"validateLevel\"],\n        \"_on\": [\"validateOn\"],\n        \"_open\": [\"validateOpen\"]\n    }; }\n};\n__decorate([\n    delegateFocus('ctaRef')\n], KolDetails.prototype, \"focus\", null);\n__decorate([\n    delegateClick('ctaRef')\n], KolDetails.prototype, \"click\", null);\nKolDetails.style = {\n    default: defaultStyleCss\n};\n\nexport { KolDetails as kol_details };\n//# sourceMappingURL=kol-details.entry.js.map\n"],"mappings":"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"}
+{"version":3,"file":"kol-details.entry-DuaLmvP7.js","names":[],"sources":["../../../../../components/dist/esm/kol-details.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, g as getElement } from './index-Dabxza7-.js';\nimport { _ as __decorate } from './tslib.es6-QNbPBOk5.js';\nimport { K as KolCollapsibleFc } from './Collapsible-DtuJQvwp.js';\nimport { b as watchValidator } from './common-Cbb6Axov.js';\nimport { v as validateDisabled } from './disabled-DfW4ft-F.js';\nimport { v as validateLabel } from './label-We78Dt9U.js';\nimport { v as validateOpen } from './open-DJPD9Hvv.js';\nimport { c as createUniqueId } from './dev.utils-JsUkUKLF.js';\nimport { d as delegateFocus, a as delegateClick, c as createCtaRef } from './element-interaction-C5-6aPzz.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-BhfZTW2e.js';\nimport { w as watchHeadingLevel } from './validation-BVCCGUzN.js';\nimport './component-names-Dy77vq43.js';\nimport './clsx-COFh-Vc8.js';\nimport './Heading-BMhJ1aE8.js';\nimport './element-focus-BQXzaLL9.js';\nimport './level-DRQEJIoR.js';\nimport './normalizers-iLdS6AQE.js';\nimport './_Uint8Array-kJHDjtoP.js';\nimport './isArray-CcrBs4JM.js';\n\nconst validateDetailsCallbacks = (component, value) => {\n    watchValidator(component, `_on`, (value) => typeof value === 'object' && value !== null, new Set(['DetailsCallbacksPropType {Events.onToggle}']), value);\n};\n\nconst defaultStyleCss = \"@charset \\\"UTF-8\\\";\\n/* forward the rem function */\\n/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     *\\n     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser's\\n     * rounding, dropping just below the required minimum.\\n     */\\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\\n    /*\\n     * No element should be used without verifying the contrast ratio of its background and font colors.\\n     * By initially setting the background color to white and the font color to black,\\n     * the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    color: black;\\n    background-color: white;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n    /*\\n     * Text should be aligned left by default to provide a predictable starting point.\\n     */\\n    text-align: left;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of to-rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the text color from his parent element.\\n     */\\n    color: inherit;\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%;\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: white;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: flex;\\n    flex-flow: column;\\n    align-items: center;\\n    justify-content: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    align-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n  .hastooltip {\\n    z-index: 900 !important;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: block;\\n  }\\n}\\n/* For animation technique see https://css-tricks.com/css-grid-can-do-auto-height-transitions/ */\\n@layer kol-component {\\n  @media (prefers-reduced-motion) {\\n    .collapsible__wrapper-animation, .collapsible__wrapper {\\n      transition: none !important;\\n    }\\n  }\\n  .collapsible {\\n    /* @see https://github.com/public-ui/kolibri/issues/5952 */\\n  }\\n  @media print {\\n    :not(.collapsible--open) .collapsible__wrapper-animation {\\n      display: none;\\n    }\\n  }\\n  .collapsible__wrapper {\\n    /* Forces the element into its own GPU compositing layer (via 3D transform). Helps prevent rendering/layout bugs (e.g. #7511) and may improve animation performance. */\\n    transform: translateZ(0);\\n    display: grid;\\n    grid-template-columns: minmax(0, 1fr);\\n    grid-template-rows: 0fr;\\n    transition: grid-template-rows 0.3s;\\n  }\\n  .collapsible__wrapper-animation {\\n    opacity: 0;\\n    transform: scaleY(0);\\n    transform-origin: top;\\n    min-height: 0;\\n    /* This property is important to keep in sync with the visual transition (template-rows). Without it interactive elements within the accordion would stay focusable. */\\n    visibility: hidden;\\n    transition: transform 0.3s, opacity 0.3s, visibility 0.3s;\\n  }\\n  .collapsible--open .collapsible__wrapper {\\n    grid-template-rows: 1fr;\\n  }\\n  .collapsible--open .collapsible__wrapper-animation {\\n    opacity: 1;\\n    transform: scaleY(1);\\n    visibility: visible;\\n  }\\n  .collapsible {\\n    /*\\n          * Inside a button, the caption text is always centered.\\n          * So we have to align the text to the left.\\n          */\\n  }\\n  .collapsible__heading-button button .kol-span {\\n    align-items: flex-start;\\n  }\\n  .collapsible__heading-button button .kol-span__container {\\n    text-align: left;\\n  }\\n  .collapsible--open:focus-within {\\n    position: relative;\\n    z-index: 100;\\n  }\\n}\\n@font-face {\\n  font-family: \\\"kolicons\\\";\\n  src: url(\\\"kolicons.eot?t=1783501930981\\\"); /* IE9*/\\n  src: url(\\\"kolicons.eot?t=1783501930981#iefix\\\") format(\\\"embedded-opentype\\\"), url(\\\"kolicons.woff2?t=1783501930981\\\") format(\\\"woff2\\\"), url(\\\"kolicons.woff?t=1783501930981\\\") format(\\\"woff\\\"), url(\\\"kolicons.ttf?t=1783501930981\\\") format(\\\"truetype\\\"), url(\\\"kolicons.svg?t=1783501930981#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}\";\n\nconst KolDetails = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.id = createUniqueId('details');\n        this.ctaRef = createCtaRef();\n        this.handleOnClick = (event) => {\n            this._open = !this._open;\n            clearTimeout(this.toggleTimeout);\n            this.toggleTimeout = setTimeout(() => {\n                var _a, _b;\n                if (this.host) {\n                    dispatchDomEvent(this.host, KolEvent.toggle, Boolean(this._open));\n                }\n                (_b = (_a = this.state._on) === null || _a === void 0 ? void 0 : _a.onToggle) === null || _b === void 0 ? void 0 : _b.call(_a, event, Boolean(this._open));\n            }, 25);\n        };\n        this._disabled = false;\n        this._level = 0;\n        this._open = false;\n        this.state = {\n            _label: '',\n            _level: 0,\n            _on: {},\n        };\n    }\n    async focus(options) { }\n    async click() { }\n    render() {\n        const { _open, _label, _disabled, _level } = this.state;\n        const rootClass = 'kol-details';\n        const props = {\n            id: this.id,\n            label: _label,\n            open: _open,\n            disabled: _disabled,\n            level: _level,\n            onClick: this.handleOnClick,\n            class: rootClass,\n            HeadingProps: { class: `${rootClass}__heading` },\n            HeadingButtonProps: {\n                ref: this.ctaRef,\n                class: `${rootClass}__heading-button`,\n                _icons: 'kolicon-chevron-right',\n            },\n            ContentProps: {\n                class: `${rootClass}__content indented-text`,\n                wrapperClass: `${rootClass}__wrapper`,\n                animationClass: `${rootClass}__wrapper-animation`,\n            },\n        };\n        return (h(KolCollapsibleFc, Object.assign({ key: 'ef8a48734ffed34c090994e6139e088f2018746d' }, props), h(\"slot\", { key: 'f83bdcdf3b1ed258741428d6ae6b25c1d3f7120e' })));\n    }\n    validateDisabled(value) {\n        validateDisabled(this, value);\n    }\n    validateLabel(value) {\n        validateLabel(this, value, {\n            required: true,\n        });\n    }\n    validateLevel(value) {\n        watchHeadingLevel(this, value);\n    }\n    validateOn(on) {\n        validateDetailsCallbacks(this, on);\n    }\n    validateOpen(value) {\n        validateOpen(this, value);\n    }\n    componentWillLoad() {\n        this.validateDisabled(this._disabled);\n        this.validateLabel(this._label);\n        this.validateLevel(this._level);\n        this.validateOn(this._on);\n        this.validateOpen(this._open);\n    }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_disabled\": [\"validateDisabled\"],\n        \"_label\": [\"validateLabel\"],\n        \"_level\": [\"validateLevel\"],\n        \"_on\": [\"validateOn\"],\n        \"_open\": [\"validateOpen\"]\n    }; }\n};\n__decorate([\n    delegateFocus('ctaRef')\n], KolDetails.prototype, \"focus\", null);\n__decorate([\n    delegateClick('ctaRef')\n], KolDetails.prototype, \"click\", null);\nKolDetails.style = {\n    default: defaultStyleCss\n};\n\nexport { KolDetails as kol_details };\n//# sourceMappingURL=kol-details.entry.js.map\n"],"mappings":"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"}

package/app/dist/assets/kol-dialog-wc.entry-1VkU8c_4.js

@@ -0,0 +1,2 @@
+import{Mt as e,a as t,c as n,d as r,f as i,jt as a,o,s,wt as c,x as l}from"./index-Bg4ZMokO.js";import{n as u}from"./dev.utils-JsUkUKLF-nbzw6cDE.js";import"./isArray-CcrBs4JM-DiEJ1b3e.js";import"./_Uint8Array-kJHDjtoP-CTkgs_0o.js";import"./normalizers-iLdS6AQE-Bk-lQDnn.js";import{t as d}from"./clsx-COFh-Vc8-alQuJLqj.js";import{r as f}from"./label-We78Dt9U-D1VhEUwo.js";import"./level-DRQEJIoR-jG7lz-Dj.js";import{t as p}from"./validation-BVCCGUzN-DybN2hjZ.js";var m=(e,t,n)=>{a(e,`_width`,t,Object.assign({defaultValue:`100%`},n))},h=[`blank`,`card`],g=(t,n)=>{e(t,`_variant`,e=>typeof e==`string`&&h.includes(e),new Set(h),n)},_=class{constructor(e){s(this,e),this.cardHeadingId=u(`dialog-heading`),this.isModal=!0,this._cardOn={onClose:()=>void this.close()},this.handleCancelEvent=e=>{var t,a;n(e),!e.defaultPrevented&&((a=(t=this.state._on)?.onCancel)==null||a.call(t,e),!e.defaultPrevented&&this.host&&!i(this.host,r.cancel)&&e.preventDefault())},this._level=0,this._width=`100%`,this._variant=`blank`,this.state={_label:``,_width:`100%`}}disconnectedCallback(){this.close()}handleNativeCloseEvent(e){e.target===this.refDialog&&(typeof this.state._on?.onClose==`function`&&this.state._on.onClose(),this.host&&i(this.host,r.close))}async show(e=!1){var t,n,r,i;this.refDialog?.open||(this.isModal=e,e?(n=(t=this.refDialog)?.showModal)==null||n.call(t):(i=(r=this.refDialog)?.show)==null||i.call(r))}showModal(){return this.show(!0)}openModal(){return this.showModal()}async close(){var e,t;(t=(e=this.refDialog)?.close)==null||t.call(e)}closeModal(){return this.close()}render(){return o(`dialog`,{key:`b622c4990e105ebbb64d26e211ff6dc37208a10a`,"aria-label":this.state._variant===`blank`?this.state._label:void 0,"aria-labelledby":this.state._variant===`card`?this.cardHeadingId:void 0,"aria-modal":this.isModal?`true`:`false`,class:d(`kol-dialog`,`kol-modal`,{"kol-dialog__blank":this.state._variant===`blank`,"kol-dialog__card":this.state._variant===`card`,"kol-modal__blank":this.state._variant===`blank`,"kol-modal__card":this.state._variant===`card`}),onCancel:this.handleCancelEvent,onClose:this.handleNativeCloseEvent.bind(this),ref:e=>{this.refDialog=e},style:{width:this.state._width}},this.state._variant===`blank`&&o(`slot`,{key:`850a1ade034d6444cf1f665e788c140a7b0c90b8`}),this.state._variant===`card`&&o(l,{key:`d4ee4734987ccde37930a628b11a6ddf540143bd`,_hasCloser:!0,_headingId:this.cardHeadingId,_label:this.state._label,_level:this._level,_on:this._cardOn},o(`slot`,{key:`cdecd18053b687089733f88d6b6314c64d27d206`})))}validateLabel(e){f(this,e,{required:!0})}validateLevel(e){p(this,e)}validateOn(e){if(typeof e==`object`&&e){let t={};typeof e.onCancel==`function`&&(t.onCancel=e.onCancel),typeof e.onClose==`function`&&(t.onClose=e.onClose),c(this,`_on`,t)}}validateWidth(e){m(this,e)}validateVariant(e){g(this,e)}componentWillLoad(){this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on),this.validateWidth(this._width),this.validateVariant(this._variant)}get host(){return t(this)}static get watchers(){return{_label:[`validateLabel`],_level:[`validateLevel`],_on:[`validateOn`],_width:[`validateWidth`],_variant:[`validateVariant`]}}};export{_ as kol_dialog_wc};
+//# sourceMappingURL=kol-dialog-wc.entry-1VkU8c_4.js.map

package/app/dist/assets/{kol-dialog-wc.entry-BrNLBMWI.js.map → kol-dialog-wc.entry-1VkU8c_4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-dialog-wc.entry-BrNLBMWI.js","names":[],"sources":["../../../../../components/dist/esm/kol-dialog-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, g as getElement } from './index-CwtGN7ID.js';\nimport { d as KolCardWcTag } from './component-names-Dy77vq43.js';\nimport { g as watchString, b as watchValidator, s as setState } from './common-DyILLof-.js';\nimport { v as validateLabel } from './label-BiOix5de.js';\nimport { c as clsx } from './clsx-COFh-Vc8.js';\nimport { c as createUniqueId } from './dev.utils-Ce_5C3Pe.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-BhfZTW2e.js';\nimport { h as handleCancelOverlay } from './tooltip-open-tracking-D3tCiiGP.js';\nimport { w as watchHeadingLevel } from './validation-D_PYegRV.js';\nimport './level-Kr0RFikR.js';\nimport './normalizers-B5NKuJgN.js';\nimport './_Uint8Array-kJHDjtoP.js';\nimport './isArray-CcrBs4JM.js';\n\nconst validateWidth = (component, value, options) => {\n    watchString(component, '_width', value, Object.assign({ defaultValue: '100%' }, options));\n};\n\nconst DialogVariantPropTypeOptions = ['blank', 'card'];\nconst validateDialogVariant = (component, value) => {\n    watchValidator(component, '_variant', (value) => typeof value === 'string' && DialogVariantPropTypeOptions.includes(value), new Set(DialogVariantPropTypeOptions), value);\n};\n\nconst KolDialogWc = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.cardHeadingId = createUniqueId('dialog-heading');\n        this.isModal = true;\n        this._cardOn = { onClose: () => void this.close() };\n        this.handleCancelEvent = (event) => {\n            var _a, _b;\n            handleCancelOverlay(event);\n            if (event.defaultPrevented)\n                return;\n            (_b = (_a = this.state._on) === null || _a === void 0 ? void 0 : _a.onCancel) === null || _b === void 0 ? void 0 : _b.call(_a, event);\n            if (event.defaultPrevented)\n                return;\n            if (this.host && !dispatchDomEvent(this.host, KolEvent.cancel)) {\n                event.preventDefault();\n            }\n        };\n        this._level = 0;\n        this._width = '100%';\n        this._variant = 'blank';\n        this.state = {\n            _label: '',\n            _width: '100%',\n        };\n    }\n    disconnectedCallback() {\n        void this.close();\n    }\n    handleNativeCloseEvent(event) {\n        var _a;\n        if (event.target !== this.refDialog) {\n            return;\n        }\n        if (typeof ((_a = this.state._on) === null || _a === void 0 ? void 0 : _a.onClose) === 'function') {\n            this.state._on.onClose();\n        }\n        if (this.host) {\n            dispatchDomEvent(this.host, KolEvent.close);\n        }\n    }\n    async show(modal = false) {\n        var _a, _b, _c, _d, _e;\n        if ((_a = this.refDialog) === null || _a === void 0 ? void 0 : _a.open) {\n            return;\n        }\n        this.isModal = modal;\n        if (modal) {\n            (_c = (_b = this.refDialog) === null || _b === void 0 ? void 0 : _b.showModal) === null || _c === void 0 ? void 0 : _c.call(_b);\n        }\n        else {\n            (_e = (_d = this.refDialog) === null || _d === void 0 ? void 0 : _d.show) === null || _e === void 0 ? void 0 : _e.call(_d);\n        }\n    }\n    showModal() {\n        return this.show(true);\n    }\n    openModal() {\n        return this.showModal();\n    }\n    async close() {\n        var _a, _b;\n        (_b = (_a = this.refDialog) === null || _a === void 0 ? void 0 : _a.close) === null || _b === void 0 ? void 0 : _b.call(_a);\n    }\n    closeModal() {\n        return this.close();\n    }\n    render() {\n        return (h(\"dialog\", { key: 'b622c4990e105ebbb64d26e211ff6dc37208a10a', \"aria-label\": this.state._variant === 'blank' ? this.state._label : undefined, \"aria-labelledby\": this.state._variant === 'card' ? this.cardHeadingId : undefined, \"aria-modal\": this.isModal ? 'true' : 'false', class: clsx('kol-dialog', 'kol-modal', {\n                'kol-dialog__blank': this.state._variant === 'blank',\n                'kol-dialog__card': this.state._variant === 'card',\n                'kol-modal__blank': this.state._variant === 'blank',\n                'kol-modal__card': this.state._variant === 'card',\n            }), onCancel: this.handleCancelEvent, onClose: this.handleNativeCloseEvent.bind(this), ref: (el) => {\n                this.refDialog = el;\n            }, style: {\n                width: this.state._width,\n            } }, this.state._variant === 'blank' && h(\"slot\", { key: '850a1ade034d6444cf1f665e788c140a7b0c90b8' }), this.state._variant === 'card' && (h(KolCardWcTag, { key: 'd4ee4734987ccde37930a628b11a6ddf540143bd', _hasCloser: true, _headingId: this.cardHeadingId, _label: this.state._label, _level: this._level, _on: this._cardOn }, h(\"slot\", { key: 'cdecd18053b687089733f88d6b6314c64d27d206' })))));\n    }\n    validateLabel(value) {\n        validateLabel(this, value, {\n            required: true,\n        });\n    }\n    validateLevel(value) {\n        watchHeadingLevel(this, value);\n    }\n    validateOn(value) {\n        if (typeof value === 'object' && value !== null) {\n            const callbacks = {};\n            if (typeof value.onCancel === 'function') {\n                callbacks.onCancel = value.onCancel;\n            }\n            if (typeof value.onClose === 'function') {\n                callbacks.onClose = value.onClose;\n            }\n            setState(this, '_on', callbacks);\n        }\n    }\n    validateWidth(value) {\n        validateWidth(this, value);\n    }\n    validateVariant(value) {\n        validateDialogVariant(this, value);\n    }\n    componentWillLoad() {\n        this.validateLabel(this._label);\n        this.validateLevel(this._level);\n        this.validateOn(this._on);\n        this.validateWidth(this._width);\n        this.validateVariant(this._variant);\n    }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_label\": [\"validateLabel\"],\n        \"_level\": [\"validateLevel\"],\n        \"_on\": [\"validateOn\"],\n        \"_width\": [\"validateWidth\"],\n        \"_variant\": [\"validateVariant\"]\n    }; }\n};\n\nexport { KolDialogWc as kol_dialog_wc };\n//# sourceMappingURL=kol-dialog-wc.entry.js.map\n"],"mappings":"wdAiBA,IAAM,GAAiB,EAAW,EAAO,IAAY,CACjD,EAAY,EAAW,SAAU,EAAO,OAAO,OAAO,CAAE,aAAc,MAAO,EAAG,CAAO,CAAC,CAC5F,EAEM,EAA+B,CAAC,QAAS,MAAM,EAC/C,GAAyB,EAAW,IAAU,CAChD,EAAe,EAAW,WAAa,GAAU,OAAO,GAAU,UAAY,EAA6B,SAAS,CAAK,EAAG,IAAI,IAAI,CAA4B,EAAG,CAAK,CAC5K,EAEM,EAAc,KAAM,CACtB,YAAY,EAAS,CACjB,EAAiB,KAAM,CAAO,EAC9B,KAAK,cAAgB,EAAe,gBAAgB,EACpD,KAAK,QAAU,GACf,KAAK,QAAU,CAAE,YAAe,KAAK,KAAK,MAAM,CAAE,EAClD,KAAK,kBAAqB,GAAU,CAChC,IAAI,EAAI,EACR,EAAoB,CAAK,EACrB,GAAM,oBAET,GAAM,EAAK,KAAK,MAAM,MAA6C,WAAc,MAAiC,EAAG,KAAK,EAAI,CAAK,EAChI,GAAM,kBAEN,KAAK,MAAQ,CAAC,EAAiB,KAAK,KAAM,EAAS,MAAM,GACzD,EAAM,eAAe,EAE7B,EACA,KAAK,OAAS,EACd,KAAK,OAAS,OACd,KAAK,SAAW,QAChB,KAAK,MAAQ,CACT,OAAQ,GACR,OAAQ,MACZ,CACJ,CACA,sBAAuB,CACnB,KAAU,MAAM,CACpB,CACA,uBAAuB,EAAO,CAEtB,EAAM,SAAW,KAAK,YAGtB,OAAc,KAAK,MAAM,KAA6C,SAAa,YACnF,KAAK,MAAM,IAAI,QAAQ,EAEvB,KAAK,MACL,EAAiB,KAAK,KAAM,EAAS,KAAK,EAElD,CACA,MAAM,KAAK,EAAQ,GAAO,CACtB,IAAQ,EAAI,EAAI,EAAI,EACV,KAAK,WAAmD,OAGlE,KAAK,QAAU,EACX,GACC,GAAM,EAAK,KAAK,YAAmD,YAAe,MAAiC,EAAG,KAAK,CAAE,GAG7H,GAAM,EAAK,KAAK,YAAmD,OAAU,MAAiC,EAAG,KAAK,CAAE,EAEjI,CACA,WAAY,CACR,OAAO,KAAK,KAAK,EAAI,CACzB,CACA,WAAY,CACR,OAAO,KAAK,UAAU,CAC1B,CACA,MAAM,OAAQ,CACV,IAAI,EAAI,GACP,GAAM,EAAK,KAAK,YAAmD,QAAW,MAAiC,EAAG,KAAK,CAAE,CAC9H,CACA,YAAa,CACT,OAAO,KAAK,MAAM,CACtB,CACA,QAAS,CACL,OAAQ,EAAE,SAAU,CAAE,IAAK,2CAA4C,aAAc,KAAK,MAAM,WAAa,QAAU,KAAK,MAAM,OAAS,IAAA,GAAW,kBAAmB,KAAK,MAAM,WAAa,OAAS,KAAK,cAAgB,IAAA,GAAW,aAAc,KAAK,QAAU,OAAS,QAAS,MAAO,EAAK,aAAc,YAAa,CACxT,oBAAqB,KAAK,MAAM,WAAa,QAC7C,mBAAoB,KAAK,MAAM,WAAa,OAC5C,mBAAoB,KAAK,MAAM,WAAa,QAC5C,kBAAmB,KAAK,MAAM,WAAa,MAC/C,CAAC,EAAG,SAAU,KAAK,kBAAmB,QAAS,KAAK,uBAAuB,KAAK,IAAI,EAAG,IAAM,GAAO,CAChG,KAAK,UAAY,CACrB,EAAG,MAAO,CACN,MAAO,KAAK,MAAM,MACtB,CAAE,EAAG,KAAK,MAAM,WAAa,SAAW,EAAE,OAAQ,CAAE,IAAK,0CAA2C,CAAC,EAAG,KAAK,MAAM,WAAa,QAAW,EAAE,EAAc,CAAE,IAAK,2CAA4C,WAAY,GAAM,WAAY,KAAK,cAAe,OAAQ,KAAK,MAAM,OAAQ,OAAQ,KAAK,OAAQ,IAAK,KAAK,OAAQ,EAAG,EAAE,OAAQ,CAAE,IAAK,0CAA2C,CAAC,CAAC,CAAE,CAC7Y,CACA,cAAc,EAAO,CACjB,EAAc,KAAM,EAAO,CACvB,SAAU,EACd,CAAC,CACL,CACA,cAAc,EAAO,CACjB,EAAkB,KAAM,CAAK,CACjC,CACA,WAAW,EAAO,CACd,GAAI,OAAO,GAAU,UAAY,EAAgB,CAC7C,IAAM,EAAY,CAAC,EACf,OAAO,EAAM,UAAa,aAC1B,EAAU,SAAW,EAAM,UAE3B,OAAO,EAAM,SAAY,aACzB,EAAU,QAAU,EAAM,SAE9B,EAAS,KAAM,MAAO,CAAS,CACnC,CACJ,CACA,cAAc,EAAO,CACjB,EAAc,KAAM,CAAK,CAC7B,CACA,gBAAgB,EAAO,CACnB,EAAsB,KAAM,CAAK,CACrC,CACA,mBAAoB,CAChB,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,WAAW,KAAK,GAAG,EACxB,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,gBAAgB,KAAK,QAAQ,CACtC,CACA,IAAI,MAAO,CAAE,OAAO,EAAW,IAAI,CAAG,CACtC,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,eAAe,EAC1B,OAAU,CAAC,eAAe,EAC1B,IAAO,CAAC,YAAY,EACpB,OAAU,CAAC,eAAe,EAC1B,SAAY,CAAC,iBAAiB,CAClC,CAAG,CACP"}
+{"version":3,"file":"kol-dialog-wc.entry-1VkU8c_4.js","names":[],"sources":["../../../../../components/dist/esm/kol-dialog-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, g as getElement } from './index-Dabxza7-.js';\nimport { d as KolCardWcTag } from './component-names-Dy77vq43.js';\nimport { g as watchString, b as watchValidator, s as setState } from './common-Cbb6Axov.js';\nimport { v as validateLabel } from './label-We78Dt9U.js';\nimport { c as clsx } from './clsx-COFh-Vc8.js';\nimport { c as createUniqueId } from './dev.utils-JsUkUKLF.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-BhfZTW2e.js';\nimport { h as handleCancelOverlay } from './tooltip-open-tracking-D3tCiiGP.js';\nimport { w as watchHeadingLevel } from './validation-BVCCGUzN.js';\nimport './level-DRQEJIoR.js';\nimport './normalizers-iLdS6AQE.js';\nimport './_Uint8Array-kJHDjtoP.js';\nimport './isArray-CcrBs4JM.js';\n\nconst validateWidth = (component, value, options) => {\n    watchString(component, '_width', value, Object.assign({ defaultValue: '100%' }, options));\n};\n\nconst DialogVariantPropTypeOptions = ['blank', 'card'];\nconst validateDialogVariant = (component, value) => {\n    watchValidator(component, '_variant', (value) => typeof value === 'string' && DialogVariantPropTypeOptions.includes(value), new Set(DialogVariantPropTypeOptions), value);\n};\n\nconst KolDialogWc = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.cardHeadingId = createUniqueId('dialog-heading');\n        this.isModal = true;\n        this._cardOn = { onClose: () => void this.close() };\n        this.handleCancelEvent = (event) => {\n            var _a, _b;\n            handleCancelOverlay(event);\n            if (event.defaultPrevented)\n                return;\n            (_b = (_a = this.state._on) === null || _a === void 0 ? void 0 : _a.onCancel) === null || _b === void 0 ? void 0 : _b.call(_a, event);\n            if (event.defaultPrevented)\n                return;\n            if (this.host && !dispatchDomEvent(this.host, KolEvent.cancel)) {\n                event.preventDefault();\n            }\n        };\n        this._level = 0;\n        this._width = '100%';\n        this._variant = 'blank';\n        this.state = {\n            _label: '',\n            _width: '100%',\n        };\n    }\n    disconnectedCallback() {\n        void this.close();\n    }\n    handleNativeCloseEvent(event) {\n        var _a;\n        if (event.target !== this.refDialog) {\n            return;\n        }\n        if (typeof ((_a = this.state._on) === null || _a === void 0 ? void 0 : _a.onClose) === 'function') {\n            this.state._on.onClose();\n        }\n        if (this.host) {\n            dispatchDomEvent(this.host, KolEvent.close);\n        }\n    }\n    async show(modal = false) {\n        var _a, _b, _c, _d, _e;\n        if ((_a = this.refDialog) === null || _a === void 0 ? void 0 : _a.open) {\n            return;\n        }\n        this.isModal = modal;\n        if (modal) {\n            (_c = (_b = this.refDialog) === null || _b === void 0 ? void 0 : _b.showModal) === null || _c === void 0 ? void 0 : _c.call(_b);\n        }\n        else {\n            (_e = (_d = this.refDialog) === null || _d === void 0 ? void 0 : _d.show) === null || _e === void 0 ? void 0 : _e.call(_d);\n        }\n    }\n    showModal() {\n        return this.show(true);\n    }\n    openModal() {\n        return this.showModal();\n    }\n    async close() {\n        var _a, _b;\n        (_b = (_a = this.refDialog) === null || _a === void 0 ? void 0 : _a.close) === null || _b === void 0 ? void 0 : _b.call(_a);\n    }\n    closeModal() {\n        return this.close();\n    }\n    render() {\n        return (h(\"dialog\", { key: 'b622c4990e105ebbb64d26e211ff6dc37208a10a', \"aria-label\": this.state._variant === 'blank' ? this.state._label : undefined, \"aria-labelledby\": this.state._variant === 'card' ? this.cardHeadingId : undefined, \"aria-modal\": this.isModal ? 'true' : 'false', class: clsx('kol-dialog', 'kol-modal', {\n                'kol-dialog__blank': this.state._variant === 'blank',\n                'kol-dialog__card': this.state._variant === 'card',\n                'kol-modal__blank': this.state._variant === 'blank',\n                'kol-modal__card': this.state._variant === 'card',\n            }), onCancel: this.handleCancelEvent, onClose: this.handleNativeCloseEvent.bind(this), ref: (el) => {\n                this.refDialog = el;\n            }, style: {\n                width: this.state._width,\n            } }, this.state._variant === 'blank' && h(\"slot\", { key: '850a1ade034d6444cf1f665e788c140a7b0c90b8' }), this.state._variant === 'card' && (h(KolCardWcTag, { key: 'd4ee4734987ccde37930a628b11a6ddf540143bd', _hasCloser: true, _headingId: this.cardHeadingId, _label: this.state._label, _level: this._level, _on: this._cardOn }, h(\"slot\", { key: 'cdecd18053b687089733f88d6b6314c64d27d206' })))));\n    }\n    validateLabel(value) {\n        validateLabel(this, value, {\n            required: true,\n        });\n    }\n    validateLevel(value) {\n        watchHeadingLevel(this, value);\n    }\n    validateOn(value) {\n        if (typeof value === 'object' && value !== null) {\n            const callbacks = {};\n            if (typeof value.onCancel === 'function') {\n                callbacks.onCancel = value.onCancel;\n            }\n            if (typeof value.onClose === 'function') {\n                callbacks.onClose = value.onClose;\n            }\n            setState(this, '_on', callbacks);\n        }\n    }\n    validateWidth(value) {\n        validateWidth(this, value);\n    }\n    validateVariant(value) {\n        validateDialogVariant(this, value);\n    }\n    componentWillLoad() {\n        this.validateLabel(this._label);\n        this.validateLevel(this._level);\n        this.validateOn(this._on);\n        this.validateWidth(this._width);\n        this.validateVariant(this._variant);\n    }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_label\": [\"validateLabel\"],\n        \"_level\": [\"validateLevel\"],\n        \"_on\": [\"validateOn\"],\n        \"_width\": [\"validateWidth\"],\n        \"_variant\": [\"validateVariant\"]\n    }; }\n};\n\nexport { KolDialogWc as kol_dialog_wc };\n//# sourceMappingURL=kol-dialog-wc.entry.js.map\n"],"mappings":"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"}

package/app/dist/assets/{kol-dialog.entry-LA89sseJ.js → kol-dialog.entry-B0B-06_k.js}

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

package/app/dist/assets/{kol-dialog.entry-LA89sseJ.js.map → kol-dialog.entry-B0B-06_k.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-dialog.entry-LA89sseJ.js","names":[],"sources":["../../../../../components/dist/esm/kol-dialog.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-CwtGN7ID.js';\nimport { e as KolDialogWcTag } from './component-names-Dy77vq43.js';\nimport './common-DyILLof-.js';\n\nconst defaultStyleCss = \"@charset \\\"UTF-8\\\";\\n/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\n/* forward the rem function */\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     *\\n     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser's\\n     * rounding, dropping just below the required minimum.\\n     */\\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\\n    /*\\n     * No element should be used without verifying the contrast ratio of its background and font colors.\\n     * By initially setting the background color to white and the font color to black,\\n     * the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    color: black;\\n    background-color: white;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n    /*\\n     * Text should be aligned left by default to provide a predictable starting point.\\n     */\\n    text-align: left;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of to-rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the text color from his parent element.\\n     */\\n    color: inherit;\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%;\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: white;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: flex;\\n    flex-flow: column;\\n    align-items: center;\\n    justify-content: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    align-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n  .hastooltip {\\n    z-index: 900 !important;\\n  }\\n}\\n@font-face {\\n  font-family: \\\"kolicons\\\";\\n  src: url(\\\"kolicons.eot?t=1782311579243\\\"); /* IE9*/\\n  src: url(\\\"kolicons.eot?t=1782311579243#iefix\\\") format(\\\"embedded-opentype\\\"), url(\\\"kolicons.woff2?t=1782311579243\\\") format(\\\"woff2\\\"), url(\\\"kolicons.woff?t=1782311579243\\\") format(\\\"woff\\\"), url(\\\"kolicons.ttf?t=1782311579243\\\") format(\\\"truetype\\\"), url(\\\"kolicons.svg?t=1782311579243#kolicons\\\") format(\\\"svg\\\"); /* iOS 4.1- */\\n}\\n@layer kol-component {\\n  [class^=kolicon-], [class*=\\\" kolicon-\\\"] {\\n    font-family: \\\"kolicons\\\";\\n    font-style: normal;\\n    font-weight: 400;\\n    line-height: 1em;\\n    -webkit-font-smoothing: antialiased;\\n    -moz-osx-font-smoothing: grayscale;\\n  }\\n  .kolicon-alert-error::before {\\n    content: \\\"\\\\ea01\\\";\\n  }\\n  .kolicon-alert-info::before {\\n    content: \\\"\\\\ea02\\\";\\n  }\\n  .kolicon-alert-success::before {\\n    content: \\\"\\\\ea03\\\";\\n  }\\n  .kolicon-alert-warning::before {\\n    content: \\\"\\\\ea04\\\";\\n  }\\n  .kolicon-check::before {\\n    content: \\\"\\\\ea05\\\";\\n  }\\n  .kolicon-chevron-double-left::before {\\n    content: \\\"\\\\ea06\\\";\\n  }\\n  .kolicon-chevron-double-right::before {\\n    content: \\\"\\\\ea07\\\";\\n  }\\n  .kolicon-chevron-down::before {\\n    content: \\\"\\\\ea08\\\";\\n  }\\n  .kolicon-chevron-left::before {\\n    content: \\\"\\\\ea09\\\";\\n  }\\n  .kolicon-chevron-right::before {\\n    content: \\\"\\\\ea0a\\\";\\n  }\\n  .kolicon-chevron-up::before {\\n    content: \\\"\\\\ea0b\\\";\\n  }\\n  .kolicon-cogwheel::before {\\n    content: \\\"\\\\ea0c\\\";\\n  }\\n  .kolicon-cross::before {\\n    content: \\\"\\\\ea0d\\\";\\n  }\\n  .kolicon-eye-closed::before {\\n    content: \\\"\\\\ea0e\\\";\\n  }\\n  .kolicon-eye::before {\\n    content: \\\"\\\\ea0f\\\";\\n  }\\n  .kolicon-house::before {\\n    content: \\\"\\\\ea10\\\";\\n  }\\n  .kolicon-kolibri::before {\\n    content: \\\"\\\\ea11\\\";\\n  }\\n  .kolicon-link-external::before {\\n    content: \\\"\\\\ea12\\\";\\n  }\\n  .kolicon-link::before {\\n    content: \\\"\\\\ea13\\\";\\n  }\\n  .kolicon-minus::before {\\n    content: \\\"\\\\ea14\\\";\\n  }\\n  .kolicon-plus::before {\\n    content: \\\"\\\\ea15\\\";\\n  }\\n  .kolicon-settings::before {\\n    content: \\\"\\\\ea16\\\";\\n  }\\n  .kolicon-sort-asc::before {\\n    content: \\\"\\\\ea17\\\";\\n  }\\n  .kolicon-sort-desc::before {\\n    content: \\\"\\\\ea18\\\";\\n  }\\n  .kolicon-sort-neutral::before {\\n    content: \\\"\\\\ea19\\\";\\n  }\\n  .kolicon-up::before {\\n    content: \\\"\\\\ea1a\\\";\\n  }\\n  .kolicon-version::before {\\n    content: \\\"\\\\ea1b\\\";\\n  }\\n}\\n@layer kol-component {\\n  .kol-icon {\\n    color: inherit;\\n    display: inline-block;\\n    font-size: inherit;\\n    font-weight: inherit;\\n    line-height: inherit;\\n  }\\n  .kol-tooltip {\\n    display: contents;\\n  }\\n  .kol-tooltip__floating {\\n    opacity: 0;\\n    display: none;\\n    position: fixed;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width, max-content);\\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    animation-direction: normal;\\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\\n    animation-fill-mode: forwards;\\n    animation-iteration-count: 1;\\n    animation-timing-function: ease-in;\\n  }\\n  .kol-tooltip__floating.hide {\\n    animation-name: hideTooltip;\\n  }\\n  .kol-tooltip__floating.show {\\n    animation-name: showTooltip;\\n  }\\n  .kol-tooltip__arrow {\\n    transform: rotate(45deg);\\n    color: black;\\n    background-color: white;\\n    position: absolute;\\n    z-index: 999;\\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-tooltip__content {\\n    color: black;\\n    background-color: white;\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes hideTooltip {\\n    0% {\\n      opacity: 1;\\n    }\\n    100% {\\n      opacity: 0;\\n      display: none;\\n    }\\n  }\\n  @keyframes showTooltip {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  .kol-icon {\\n    color: inherit;\\n    display: inline-block;\\n    font-size: inherit;\\n    font-weight: inherit;\\n    line-height: inherit;\\n  }\\n  .kol-card .kol-icon {\\n    color: inherit;\\n    display: inline-block;\\n    font-size: inherit;\\n    font-weight: inherit;\\n    line-height: inherit;\\n  }\\n  .kol-card :host {\\n    display: inline-block;\\n  }\\n  .kol-card .kol-button {\\n    display: flex;\\n    min-height: var(--a11y-min-size);\\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n    text-decoration-line: none;\\n  }\\n  .kol-card .kol-button::before {\\n    /* Render zero-width character as first element to set the baseline correctly. */\\n    content: \\\"​\\\";\\n  }\\n  .kol-card .kol-button__text {\\n    flex: 1 0 100%;\\n  }\\n  .kol-card {\\n    /* Visible with forced colors  */\\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\\n    display: grid;\\n    height: 100%;\\n    overflow: visible;\\n    grid-template-areas: \\\"header  close\\\" \\\"content content\\\";\\n    grid-template-columns: 1fr min-content;\\n    grid-template-rows: min-content 1fr;\\n  }\\n  .kol-card__header {\\n    align-self: start;\\n    grid-area: header;\\n  }\\n  .kol-card__content {\\n    align-self: stretch;\\n    grid-area: content;\\n  }\\n  .kol-card__close-button {\\n    grid-area: close;\\n  }\\n  .kol-dialog,\\n  .kol-modal {\\n    min-height: var(--a11y-min-size);\\n    padding: 0;\\n    border: 0;\\n  }\\n  .kol-dialog__close-button,\\n  .kol-modal__close-button {\\n    position: absolute;\\n    top: calc(1 * 1rem / var(--kolibri-root-font-size, 16));\\n    right: calc(1 * 1rem / var(--kolibri-root-font-size, 16));\\n    z-index: 1;\\n  }\\n}\";\n\nconst KolDialog = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.catchRef = (ref) => {\n            this.dialogRef = ref;\n        };\n        this._level = 0;\n        this._width = '100%';\n        this._variant = 'blank';\n    }\n    openModal() {\n        return this.showModal();\n    }\n    showModal() {\n        var _a, _b;\n        return (_b = (_a = this.dialogRef) === null || _a === void 0 ? void 0 : _a.showModal()) !== null && _b !== void 0 ? _b : Promise.resolve();\n    }\n    show(modal = false) {\n        var _a, _b;\n        return (_b = (_a = this.dialogRef) === null || _a === void 0 ? void 0 : _a.show(modal)) !== null && _b !== void 0 ? _b : Promise.resolve();\n    }\n    close() {\n        var _a, _b;\n        return (_b = (_a = this.dialogRef) === null || _a === void 0 ? void 0 : _a.close()) !== null && _b !== void 0 ? _b : Promise.resolve();\n    }\n    closeModal() {\n        return this.close();\n    }\n    render() {\n        return (h(KolDialogWcTag, { key: '150e1d8672c53f3398d974bdb49d82386ccc45b5', ref: this.catchRef, _label: this._label, _level: this._level, _on: this._on, _variant: this._variant, _width: this._width }, h(\"slot\", { key: 'aee06f0dc639103bf837b36be0c249640c453c3c' })));\n    }\n};\nKolDialog.style = {\n    default: defaultStyleCss\n};\n\nexport { KolDialog as kol_dialog };\n//# sourceMappingURL=kol-dialog.entry.js.map\n"],"mappings":"sDAOA,IAAM,EAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAElB,EAAY,KAAM,CACpB,YAAY,EAAS,CACjB,EAAiB,KAAM,CAAO,EAC9B,KAAK,SAAY,GAAQ,CACrB,KAAK,UAAY,CACrB,EACA,KAAK,OAAS,EACd,KAAK,OAAS,OACd,KAAK,SAAW,OACpB,CACA,WAAY,CACR,OAAO,KAAK,UAAU,CAC1B,CACA,WAAY,CAER,OAAmB,KAAK,WAAmD,UAAU,GAAoC,QAAQ,QAAQ,CAC7I,CACA,KAAK,EAAQ,GAAO,CAEhB,OAAmB,KAAK,WAAmD,KAAK,CAAK,GAAoC,QAAQ,QAAQ,CAC7I,CACA,OAAQ,CAEJ,OAAmB,KAAK,WAAmD,MAAM,GAAoC,QAAQ,QAAQ,CACzI,CACA,YAAa,CACT,OAAO,KAAK,MAAM,CACtB,CACA,QAAS,CACL,OAAQ,EAAE,EAAgB,CAAE,IAAK,2CAA4C,IAAK,KAAK,SAAU,OAAQ,KAAK,OAAQ,OAAQ,KAAK,OAAQ,IAAK,KAAK,IAAK,SAAU,KAAK,SAAU,OAAQ,KAAK,MAAO,EAAG,EAAE,OAAQ,CAAE,IAAK,0CAA2C,CAAC,CAAC,CAC5Q,CACJ,EACA,EAAU,MAAQ,CACd,QAAS,CACb"}
+{"version":3,"file":"kol-dialog.entry-B0B-06_k.js","names":[],"sources":["../../../../../components/dist/esm/kol-dialog.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-Dabxza7-.js';\nimport { e as KolDialogWcTag } from './component-names-Dy77vq43.js';\nimport './common-Cbb6Axov.js';\n\nconst defaultStyleCss = \"@charset \\\"UTF-8\\\";\\n/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\n/* forward the rem function */\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     *\\n     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser's\\n     * rounding, dropping just below the required minimum.\\n     */\\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\\n    /*\\n     * No element should be used without verifying the contrast ratio of its background and font colors.\\n     * By initially setting the background color to white and the font color to black,\\n     * the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    color: black;\\n    background-color: white;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n    /*\\n     * Text should be aligned left by default to provide a predictable starting point.\\n     */\\n    text-align: left;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of to-rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the text color from his parent element.\\n     */\\n    color: inherit;\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%;\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: white;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: flex;\\n    flex-flow: column;\\n    align-items: center;\\n    justify-content: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    align-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n  .hastooltip {\\n    z-index: 900 !important;\\n  }\\n}\\n@font-face {\\n  font-family: \\\"kolicons\\\";\\n  src: url(\\\"kolicons.eot?t=1783501930981\\\"); /* IE9*/\\n  src: url(\\\"kolicons.eot?t=1783501930981#iefix\\\") format(\\\"embedded-opentype\\\"), url(\\\"kolicons.woff2?t=1783501930981\\\") format(\\\"woff2\\\"), url(\\\"kolicons.woff?t=1783501930981\\\") format(\\\"woff\\\"), url(\\\"kolicons.ttf?t=1783501930981\\\") format(\\\"truetype\\\"), url(\\\"kolicons.svg?t=1783501930981#kolicons\\\") format(\\\"svg\\\"); /* iOS 4.1- */\\n}\\n@layer kol-component {\\n  [class^=kolicon-], [class*=\\\" kolicon-\\\"] {\\n    font-family: \\\"kolicons\\\";\\n    font-style: normal;\\n    font-weight: 400;\\n    line-height: 1em;\\n    -webkit-font-smoothing: antialiased;\\n    -moz-osx-font-smoothing: grayscale;\\n  }\\n  .kolicon-alert-error::before {\\n    content: \\\"\\\\ea01\\\";\\n  }\\n  .kolicon-alert-info::before {\\n    content: \\\"\\\\ea02\\\";\\n  }\\n  .kolicon-alert-success::before {\\n    content: \\\"\\\\ea03\\\";\\n  }\\n  .kolicon-alert-warning::before {\\n    content: \\\"\\\\ea04\\\";\\n  }\\n  .kolicon-check::before {\\n    content: \\\"\\\\ea05\\\";\\n  }\\n  .kolicon-chevron-double-left::before {\\n    content: \\\"\\\\ea06\\\";\\n  }\\n  .kolicon-chevron-double-right::before {\\n    content: \\\"\\\\ea07\\\";\\n  }\\n  .kolicon-chevron-down::before {\\n    content: \\\"\\\\ea08\\\";\\n  }\\n  .kolicon-chevron-left::before {\\n    content: \\\"\\\\ea09\\\";\\n  }\\n  .kolicon-chevron-right::before {\\n    content: \\\"\\\\ea0a\\\";\\n  }\\n  .kolicon-chevron-up::before {\\n    content: \\\"\\\\ea0b\\\";\\n  }\\n  .kolicon-cogwheel::before {\\n    content: \\\"\\\\ea0c\\\";\\n  }\\n  .kolicon-cross::before {\\n    content: \\\"\\\\ea0d\\\";\\n  }\\n  .kolicon-eye-closed::before {\\n    content: \\\"\\\\ea0e\\\";\\n  }\\n  .kolicon-eye::before {\\n    content: \\\"\\\\ea0f\\\";\\n  }\\n  .kolicon-house::before {\\n    content: \\\"\\\\ea10\\\";\\n  }\\n  .kolicon-kolibri::before {\\n    content: \\\"\\\\ea11\\\";\\n  }\\n  .kolicon-link-external::before {\\n    content: \\\"\\\\ea12\\\";\\n  }\\n  .kolicon-link::before {\\n    content: \\\"\\\\ea13\\\";\\n  }\\n  .kolicon-minus::before {\\n    content: \\\"\\\\ea14\\\";\\n  }\\n  .kolicon-plus::before {\\n    content: \\\"\\\\ea15\\\";\\n  }\\n  .kolicon-settings::before {\\n    content: \\\"\\\\ea16\\\";\\n  }\\n  .kolicon-sort-asc::before {\\n    content: \\\"\\\\ea17\\\";\\n  }\\n  .kolicon-sort-desc::before {\\n    content: \\\"\\\\ea18\\\";\\n  }\\n  .kolicon-sort-neutral::before {\\n    content: \\\"\\\\ea19\\\";\\n  }\\n  .kolicon-up::before {\\n    content: \\\"\\\\ea1a\\\";\\n  }\\n  .kolicon-version::before {\\n    content: \\\"\\\\ea1b\\\";\\n  }\\n}\\n@layer kol-component {\\n  .kol-icon {\\n    color: inherit;\\n    display: inline-block;\\n    font-size: inherit;\\n    font-weight: inherit;\\n    line-height: inherit;\\n  }\\n  .kol-tooltip {\\n    display: contents;\\n  }\\n  .kol-tooltip__floating {\\n    opacity: 0;\\n    display: none;\\n    position: fixed;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width, max-content);\\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    animation-direction: normal;\\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\\n    animation-fill-mode: forwards;\\n    animation-iteration-count: 1;\\n    animation-timing-function: ease-in;\\n  }\\n  .kol-tooltip__floating.hide {\\n    animation-name: hideTooltip;\\n  }\\n  .kol-tooltip__floating.show {\\n    animation-name: showTooltip;\\n  }\\n  .kol-tooltip__arrow {\\n    transform: rotate(45deg);\\n    color: black;\\n    background-color: white;\\n    position: absolute;\\n    z-index: 999;\\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-tooltip__content {\\n    color: black;\\n    background-color: white;\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes hideTooltip {\\n    0% {\\n      opacity: 1;\\n    }\\n    100% {\\n      opacity: 0;\\n      display: none;\\n    }\\n  }\\n  @keyframes showTooltip {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  .kol-icon {\\n    color: inherit;\\n    display: inline-block;\\n    font-size: inherit;\\n    font-weight: inherit;\\n    line-height: inherit;\\n  }\\n  .kol-card .kol-icon {\\n    color: inherit;\\n    display: inline-block;\\n    font-size: inherit;\\n    font-weight: inherit;\\n    line-height: inherit;\\n  }\\n  .kol-card :host {\\n    display: inline-block;\\n  }\\n  .kol-card .kol-button {\\n    display: flex;\\n    min-height: var(--a11y-min-size);\\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n    text-decoration-line: none;\\n  }\\n  .kol-card .kol-button::before {\\n    /* Render zero-width character as first element to set the baseline correctly. */\\n    content: \\\"​\\\";\\n  }\\n  .kol-card .kol-button__text {\\n    flex: 1 0 100%;\\n  }\\n  .kol-card {\\n    /* Visible with forced colors  */\\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\\n    display: grid;\\n    height: 100%;\\n    overflow: visible;\\n    grid-template-areas: \\\"header  close\\\" \\\"content content\\\";\\n    grid-template-columns: 1fr min-content;\\n    grid-template-rows: min-content 1fr;\\n  }\\n  .kol-card__header {\\n    align-self: start;\\n    grid-area: header;\\n  }\\n  .kol-card__content {\\n    align-self: stretch;\\n    grid-area: content;\\n  }\\n  .kol-card__close-button {\\n    grid-area: close;\\n  }\\n  .kol-dialog,\\n  .kol-modal {\\n    min-height: var(--a11y-min-size);\\n    padding: 0;\\n    border: 0;\\n  }\\n  .kol-dialog__close-button,\\n  .kol-modal__close-button {\\n    position: absolute;\\n    top: calc(1 * 1rem / var(--kolibri-root-font-size, 16));\\n    right: calc(1 * 1rem / var(--kolibri-root-font-size, 16));\\n    z-index: 1;\\n  }\\n}\";\n\nconst KolDialog = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.catchRef = (ref) => {\n            this.dialogRef = ref;\n        };\n        this._level = 0;\n        this._width = '100%';\n        this._variant = 'blank';\n    }\n    openModal() {\n        return this.showModal();\n    }\n    showModal() {\n        var _a, _b;\n        return (_b = (_a = this.dialogRef) === null || _a === void 0 ? void 0 : _a.showModal()) !== null && _b !== void 0 ? _b : Promise.resolve();\n    }\n    show(modal = false) {\n        var _a, _b;\n        return (_b = (_a = this.dialogRef) === null || _a === void 0 ? void 0 : _a.show(modal)) !== null && _b !== void 0 ? _b : Promise.resolve();\n    }\n    close() {\n        var _a, _b;\n        return (_b = (_a = this.dialogRef) === null || _a === void 0 ? void 0 : _a.close()) !== null && _b !== void 0 ? _b : Promise.resolve();\n    }\n    closeModal() {\n        return this.close();\n    }\n    render() {\n        return (h(KolDialogWcTag, { key: '150e1d8672c53f3398d974bdb49d82386ccc45b5', ref: this.catchRef, _label: this._label, _level: this._level, _on: this._on, _variant: this._variant, _width: this._width }, h(\"slot\", { key: 'aee06f0dc639103bf837b36be0c249640c453c3c' })));\n    }\n};\nKolDialog.style = {\n    default: defaultStyleCss\n};\n\nexport { KolDialog as kol_dialog };\n//# sourceMappingURL=kol-dialog.entry.js.map\n"],"mappings":"sDAOA,IAAM,EAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAElB,EAAY,KAAM,CACpB,YAAY,EAAS,CACjB,EAAiB,KAAM,CAAO,EAC9B,KAAK,SAAY,GAAQ,CACrB,KAAK,UAAY,CACrB,EACA,KAAK,OAAS,EACd,KAAK,OAAS,OACd,KAAK,SAAW,OACpB,CACA,WAAY,CACR,OAAO,KAAK,UAAU,CAC1B,CACA,WAAY,CAER,OAAmB,KAAK,WAAmD,UAAU,GAAoC,QAAQ,QAAQ,CAC7I,CACA,KAAK,EAAQ,GAAO,CAEhB,OAAmB,KAAK,WAAmD,KAAK,CAAK,GAAoC,QAAQ,QAAQ,CAC7I,CACA,OAAQ,CAEJ,OAAmB,KAAK,WAAmD,MAAM,GAAoC,QAAQ,QAAQ,CACzI,CACA,YAAa,CACT,OAAO,KAAK,MAAM,CACtB,CACA,QAAS,CACL,OAAQ,EAAE,EAAgB,CAAE,IAAK,2CAA4C,IAAK,KAAK,SAAU,OAAQ,KAAK,OAAQ,OAAQ,KAAK,OAAQ,IAAK,KAAK,IAAK,SAAU,KAAK,SAAU,OAAQ,KAAK,MAAO,EAAG,EAAE,OAAQ,CAAE,IAAK,0CAA2C,CAAC,CAAC,CAC5Q,CACJ,EACA,EAAU,MAAQ,CACd,QAAS,CACb"}

package/app/dist/assets/{kol-drawer.entry-DOaW9rJn.js → kol-drawer.entry-p1O_2yOZ.js}

@@ -1,4 +1,4 @@
-import{Ct as e,a as t,c as n,d as r,f as i,o as a,r as o,s,x as c}from"./index-CLYw1HnO.js";import{n as l}from"./dev.utils-Ce_5C3Pe-Dee1ZIk1.js";import"./isArray-CcrBs4JM-DiEJ1b3e.js";import"./_Uint8Array-kJHDjtoP-CTkgs_0o.js";import"./normalizers-B5NKuJgN-BAPba39_.js";import{t as u}from"./clsx-COFh-Vc8-alQuJLqj.js";import{n as d}from"./align-DdWzcKWR-CMxncrQu.js";import{r as f}from"./label-BiOix5de-Bf1AwuDH.js";import{t as p}from"./open-DZ2Z5a7z-CKRhcE2O.js";import"./level-Kr0RFikR-B5d8MWXa.js";import{t as m}from"./validation-D_PYegRV-CwGvj4NI.js";import{t as h}from"./has-closer-COzVY-FT-CpPhxKsD.js";var g=`@charset "UTF-8";
+import{a as e,c as t,d as n,f as r,o as i,r as a,s as o,wt as s,x as c}from"./index-Bg4ZMokO.js";import{n as l}from"./dev.utils-JsUkUKLF-nbzw6cDE.js";import"./isArray-CcrBs4JM-DiEJ1b3e.js";import"./_Uint8Array-kJHDjtoP-CTkgs_0o.js";import"./normalizers-iLdS6AQE-Bk-lQDnn.js";import{t as u}from"./clsx-COFh-Vc8-alQuJLqj.js";import{n as d}from"./align-BdqBkiyq-C6sCQbCC.js";import{r as f}from"./label-We78Dt9U-D1VhEUwo.js";import{t as p}from"./open-DJPD9Hvv-WOmGWr3z.js";import"./level-DRQEJIoR-jG7lz-Dj.js";import{t as m}from"./validation-BVCCGUzN-DybN2hjZ.js";import{t as h}from"./has-closer-BHa3nc5C-CyP6aqA2.js";var g=`@charset "UTF-8";
 /*
 * This file defines the layer order for all CSS layers used in KoliBri.
 * The order is important as it determines the cascade priority.
@@ -207,8 +207,8 @@ import{Ct as e,a as t,c as n,d as r,f as i,o as a,r as o,s,x as c}from"./index-C
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1782311579243"); /* IE9*/
-  src: url("kolicons.eot?t=1782311579243#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1782311579243") format("woff2"), url("kolicons.woff?t=1782311579243") format("woff"), url("kolicons.ttf?t=1782311579243") format("truetype"), url("kolicons.svg?t=1782311579243#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1783501930981"); /* IE9*/
+  src: url("kolicons.eot?t=1783501930981#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1783501930981") format("woff2"), url("kolicons.woff?t=1783501930981") format("woff"), url("kolicons.ttf?t=1783501930981") format("truetype"), url("kolicons.svg?t=1783501930981#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {
@@ -464,5 +464,5 @@ import{Ct as e,a as t,c as n,d as r,f as i,o as a,r as o,s,x as c}from"./index-C
   .kol-drawer__dialog .kol-card__content {
     overflow-y: auto;
   }
-}`,_=class{constructor(e){s(this,e),this.cardHeadingId=l(`drawer-heading`),this.isModal=!0,this._cardOn={onClose:()=>void this.close()},this.getWrapperRef=e=>this.dialogWrapperElement=e,this.getRef=e=>{this.dialogElement=e,setTimeout(()=>{this.openOrCloseBasedOnState()})},this._hasCloser=!1,this._level=0,this.state={_label:``,_open:!1,_align:`left`},this.handleCancelEvent=e=>{var t,a;n(e),!e.defaultPrevented&&((a=(t=this.state._on)?.onCancel)==null||a.call(t,e),!e.defaultPrevented&&this.host&&!i(this.host,r.cancel)&&e.preventDefault())},this.handleClose=()=>{(async()=>{await this.close(),this.handleCloseDialog()})()},this.handleAnimationEnd=e=>{var t,n;e.animationName.includes(`slideOut`)&&((n=(t=this.dialogElement)?.close)==null||n.call(t))}}async show(e=!1){var t,n,a,o,s,c;this.dialogElement?.open||(this.isModal=e,this.state=Object.assign(Object.assign({},this.state),{_open:!0}),e?(n=(t=this.dialogElement)?.showModal)==null||n.call(t):(o=(a=this.dialogElement)?.show)==null||o.call(a),(c=(s=this._on)?.onToggle)==null||c.call(s,!0),this.host&&i(this.host,r.toggle))}showModal(){return this.show(!0)}open(){return this.show(!1)}async close(){var e,t;this.state=Object.assign(Object.assign({},this.state),{_open:!1});let n=this.dialogWrapperElement;n&&window.getComputedStyle(n).animationName===`none`&&((t=(e=this.dialogElement)?.close)==null||t.call(e))}renderDialogContent(){let e=this.state._align;return a(c,{ref:this.getWrapperRef,class:u(`kol-drawer__wrapper`,`kol-drawer__wrapper--${e}`,{"kol-drawer__wrapper--open":this.state._open,"kol-drawer__wrapper--is-closing":this.state._open===!1}),_hasCloser:this.state._hasCloser,_headingId:this.cardHeadingId,_label:this.state._label,_level:this._level,_on:this._cardOn},a(`div`,{class:`kol-drawer__content`},a(`slot`,null)))}render(){return a(o,{key:`14aa4c6b978a89943fe8d83901ede517d8ff6032`,class:`kol-drawer`},a(`dialog`,{key:`db250f54f95e8658e6929c3cfd4b2afd21ca62ab`,"aria-labelledby":this.cardHeadingId,"aria-modal":this.isModal?`true`:`false`,class:`kol-drawer__dialog`,onCancel:this.handleCancelEvent,ref:this.getRef},this.renderDialogContent()))}validateLabel(e){f(this,e,{required:!0})}validateAlign(e){d(this,e)}validateHasCloser(e){h(this,e)}validateLevel(e){m(this,e)}validateOpen(e){typeof e==`boolean`&&(p(this,e),this.dialogElement&&this.openOrCloseBasedOnState())}async openOrCloseBasedOnState(){this.state._open?await this.show(this.isModal):await this.close()}validateOn(t){if(typeof t==`object`&&t){let n={};typeof t.onCancel==`function`&&(n.onCancel=t.onCancel),typeof t.onClose==`function`&&(n.onClose=t.onClose),typeof t.onToggle==`function`&&(n.onToggle=t.onToggle),e(this,`_on`,n)}}handleCloseDialog(){var e,t,n,a;(t=(e=this._on)?.onClose)==null||t.call(e),(a=(n=this._on)?.onToggle)==null||a.call(n,!1),this.host&&(i(this.host,r.close),i(this.host,r.toggle))}componentDidLoad(){var e,t;(e=this.dialogElement)==null||e.addEventListener(`animationend`,this.handleAnimationEnd),(t=this.dialogElement)==null||t.addEventListener(`close`,this.handleClose)}disconnectedCallback(){var e,t;(e=this.dialogElement)==null||e.removeEventListener(`animationend`,this.handleAnimationEnd),(t=this.dialogElement)==null||t.removeEventListener(`close`,this.handleClose)}componentWillLoad(){this.validateAlign(this._align),this.validateHasCloser(this._hasCloser),this.validateLabel(this._label),this.validateOpen(this._open),this.validateLevel(this._level),this.validateOn(this._on)}get host(){return t(this)}static get watchers(){return{_label:[`validateLabel`],_align:[`validateAlign`],_hasCloser:[`validateHasCloser`],_level:[`validateLevel`],_open:[`validateOpen`],_on:[`validateOn`]}}};_.style={default:g};export{_ as kol_drawer};
-//# sourceMappingURL=kol-drawer.entry-DOaW9rJn.js.map
+}`,_=class{constructor(e){o(this,e),this.cardHeadingId=l(`drawer-heading`),this.isModal=!0,this._cardOn={onClose:()=>void this.close()},this.getWrapperRef=e=>this.dialogWrapperElement=e,this.getRef=e=>{this.dialogElement=e,setTimeout(()=>{this.openOrCloseBasedOnState()})},this._hasCloser=!1,this._level=0,this.state={_label:``,_open:!1,_align:`left`},this.handleCancelEvent=e=>{var i,a;t(e),!e.defaultPrevented&&((a=(i=this.state._on)?.onCancel)==null||a.call(i,e),!e.defaultPrevented&&this.host&&!r(this.host,n.cancel)&&e.preventDefault())},this.handleClose=()=>{(async()=>{await this.close(),this.handleCloseDialog()})()},this.handleAnimationEnd=e=>{var t,n;e.animationName.includes(`slideOut`)&&((n=(t=this.dialogElement)?.close)==null||n.call(t))}}async show(e=!1){var t,i,a,o,s,c;this.dialogElement?.open||(this.isModal=e,this.state=Object.assign(Object.assign({},this.state),{_open:!0}),e?(i=(t=this.dialogElement)?.showModal)==null||i.call(t):(o=(a=this.dialogElement)?.show)==null||o.call(a),(c=(s=this._on)?.onToggle)==null||c.call(s,!0),this.host&&r(this.host,n.toggle))}showModal(){return this.show(!0)}open(){return this.show(!1)}async close(){var e,t;this.state=Object.assign(Object.assign({},this.state),{_open:!1});let n=this.dialogWrapperElement;n&&window.getComputedStyle(n).animationName===`none`&&((t=(e=this.dialogElement)?.close)==null||t.call(e))}renderDialogContent(){let e=this.state._align;return i(c,{ref:this.getWrapperRef,class:u(`kol-drawer__wrapper`,`kol-drawer__wrapper--${e}`,{"kol-drawer__wrapper--open":this.state._open,"kol-drawer__wrapper--is-closing":this.state._open===!1}),_hasCloser:this.state._hasCloser,_headingId:this.cardHeadingId,_label:this.state._label,_level:this._level,_on:this._cardOn},i(`div`,{class:`kol-drawer__content`},i(`slot`,null)))}render(){return i(a,{key:`14aa4c6b978a89943fe8d83901ede517d8ff6032`,class:`kol-drawer`},i(`dialog`,{key:`db250f54f95e8658e6929c3cfd4b2afd21ca62ab`,"aria-labelledby":this.cardHeadingId,"aria-modal":this.isModal?`true`:`false`,class:`kol-drawer__dialog`,onCancel:this.handleCancelEvent,ref:this.getRef},this.renderDialogContent()))}validateLabel(e){f(this,e,{required:!0})}validateAlign(e){d(this,e)}validateHasCloser(e){h(this,e)}validateLevel(e){m(this,e)}validateOpen(e){typeof e==`boolean`&&(p(this,e),this.dialogElement&&this.openOrCloseBasedOnState())}async openOrCloseBasedOnState(){this.state._open?await this.show(this.isModal):await this.close()}validateOn(e){if(typeof e==`object`&&e){let t={};typeof e.onCancel==`function`&&(t.onCancel=e.onCancel),typeof e.onClose==`function`&&(t.onClose=e.onClose),typeof e.onToggle==`function`&&(t.onToggle=e.onToggle),s(this,`_on`,t)}}handleCloseDialog(){var e,t,i,a;(t=(e=this._on)?.onClose)==null||t.call(e),(a=(i=this._on)?.onToggle)==null||a.call(i,!1),this.host&&(r(this.host,n.close),r(this.host,n.toggle))}componentDidLoad(){var e,t;(e=this.dialogElement)==null||e.addEventListener(`animationend`,this.handleAnimationEnd),(t=this.dialogElement)==null||t.addEventListener(`close`,this.handleClose)}disconnectedCallback(){var e,t;(e=this.dialogElement)==null||e.removeEventListener(`animationend`,this.handleAnimationEnd),(t=this.dialogElement)==null||t.removeEventListener(`close`,this.handleClose)}componentWillLoad(){this.validateAlign(this._align),this.validateHasCloser(this._hasCloser),this.validateLabel(this._label),this.validateOpen(this._open),this.validateLevel(this._level),this.validateOn(this._on)}get host(){return e(this)}static get watchers(){return{_label:[`validateLabel`],_align:[`validateAlign`],_hasCloser:[`validateHasCloser`],_level:[`validateLevel`],_open:[`validateOpen`],_on:[`validateOn`]}}};_.style={default:g};export{_ as kol_drawer};
+//# sourceMappingURL=kol-drawer.entry-p1O_2yOZ.js.map

package/app/dist/assets/{kol-drawer.entry-DOaW9rJn.js.map → kol-drawer.entry-p1O_2yOZ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-drawer.entry-DOaW9rJn.js","names":["animationEvent"],"sources":["../../../../../components/dist/esm/kol-drawer.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host, g as getElement } from './index-CwtGN7ID.js';\nimport { d as KolCardWcTag } from './component-names-Dy77vq43.js';\nimport { s as setState } from './common-DyILLof-.js';\nimport { v as validateAlign } from './align-DdWzcKWR.js';\nimport { v as validateHasCloser } from './has-closer-COzVY-FT.js';\nimport { v as validateLabel } from './label-BiOix5de.js';\nimport { v as validateOpen } from './open-DZ2Z5a7z.js';\nimport { c as clsx } from './clsx-COFh-Vc8.js';\nimport { c as createUniqueId } from './dev.utils-Ce_5C3Pe.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-BhfZTW2e.js';\nimport { h as handleCancelOverlay } from './tooltip-open-tracking-D3tCiiGP.js';\nimport { w as watchHeadingLevel } from './validation-D_PYegRV.js';\nimport './level-Kr0RFikR.js';\nimport './normalizers-B5NKuJgN.js';\nimport './_Uint8Array-kJHDjtoP.js';\nimport './isArray-CcrBs4JM.js';\n\nconst defaultStyleCss = \"@charset \\\"UTF-8\\\";\\n/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\n/* forward the rem function */\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     *\\n     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser's\\n     * rounding, dropping just below the required minimum.\\n     */\\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\\n    /*\\n     * No element should be used without verifying the contrast ratio of its background and font colors.\\n     * By initially setting the background color to white and the font color to black,\\n     * the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    color: black;\\n    background-color: white;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n    /*\\n     * Text should be aligned left by default to provide a predictable starting point.\\n     */\\n    text-align: left;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of to-rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the text color from his parent element.\\n     */\\n    color: inherit;\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%;\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: white;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: flex;\\n    flex-flow: column;\\n    align-items: center;\\n    justify-content: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    align-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n  .hastooltip {\\n    z-index: 900 !important;\\n  }\\n}\\n@font-face {\\n  font-family: \\\"kolicons\\\";\\n  src: url(\\\"kolicons.eot?t=1782311579243\\\"); /* IE9*/\\n  src: url(\\\"kolicons.eot?t=1782311579243#iefix\\\") format(\\\"embedded-opentype\\\"), url(\\\"kolicons.woff2?t=1782311579243\\\") format(\\\"woff2\\\"), url(\\\"kolicons.woff?t=1782311579243\\\") format(\\\"woff\\\"), url(\\\"kolicons.ttf?t=1782311579243\\\") format(\\\"truetype\\\"), url(\\\"kolicons.svg?t=1782311579243#kolicons\\\") format(\\\"svg\\\"); /* iOS 4.1- */\\n}\\n@layer kol-component {\\n  [class^=kolicon-], [class*=\\\" kolicon-\\\"] {\\n    font-family: \\\"kolicons\\\";\\n    font-style: normal;\\n    font-weight: 400;\\n    line-height: 1em;\\n    -webkit-font-smoothing: antialiased;\\n    -moz-osx-font-smoothing: grayscale;\\n  }\\n  .kolicon-alert-error::before {\\n    content: \\\"\\\\ea01\\\";\\n  }\\n  .kolicon-alert-info::before {\\n    content: \\\"\\\\ea02\\\";\\n  }\\n  .kolicon-alert-success::before {\\n    content: \\\"\\\\ea03\\\";\\n  }\\n  .kolicon-alert-warning::before {\\n    content: \\\"\\\\ea04\\\";\\n  }\\n  .kolicon-check::before {\\n    content: \\\"\\\\ea05\\\";\\n  }\\n  .kolicon-chevron-double-left::before {\\n    content: \\\"\\\\ea06\\\";\\n  }\\n  .kolicon-chevron-double-right::before {\\n    content: \\\"\\\\ea07\\\";\\n  }\\n  .kolicon-chevron-down::before {\\n    content: \\\"\\\\ea08\\\";\\n  }\\n  .kolicon-chevron-left::before {\\n    content: \\\"\\\\ea09\\\";\\n  }\\n  .kolicon-chevron-right::before {\\n    content: \\\"\\\\ea0a\\\";\\n  }\\n  .kolicon-chevron-up::before {\\n    content: \\\"\\\\ea0b\\\";\\n  }\\n  .kolicon-cogwheel::before {\\n    content: \\\"\\\\ea0c\\\";\\n  }\\n  .kolicon-cross::before {\\n    content: \\\"\\\\ea0d\\\";\\n  }\\n  .kolicon-eye-closed::before {\\n    content: \\\"\\\\ea0e\\\";\\n  }\\n  .kolicon-eye::before {\\n    content: \\\"\\\\ea0f\\\";\\n  }\\n  .kolicon-house::before {\\n    content: \\\"\\\\ea10\\\";\\n  }\\n  .kolicon-kolibri::before {\\n    content: \\\"\\\\ea11\\\";\\n  }\\n  .kolicon-link-external::before {\\n    content: \\\"\\\\ea12\\\";\\n  }\\n  .kolicon-link::before {\\n    content: \\\"\\\\ea13\\\";\\n  }\\n  .kolicon-minus::before {\\n    content: \\\"\\\\ea14\\\";\\n  }\\n  .kolicon-plus::before {\\n    content: \\\"\\\\ea15\\\";\\n  }\\n  .kolicon-settings::before {\\n    content: \\\"\\\\ea16\\\";\\n  }\\n  .kolicon-sort-asc::before {\\n    content: \\\"\\\\ea17\\\";\\n  }\\n  .kolicon-sort-desc::before {\\n    content: \\\"\\\\ea18\\\";\\n  }\\n  .kolicon-sort-neutral::before {\\n    content: \\\"\\\\ea19\\\";\\n  }\\n  .kolicon-up::before {\\n    content: \\\"\\\\ea1a\\\";\\n  }\\n  .kolicon-version::before {\\n    content: \\\"\\\\ea1b\\\";\\n  }\\n}\\n@layer kol-component {\\n  .kol-icon {\\n    color: inherit;\\n    display: inline-block;\\n    font-size: inherit;\\n    font-weight: inherit;\\n    line-height: inherit;\\n  }\\n  .kol-tooltip {\\n    display: contents;\\n  }\\n  .kol-tooltip__floating {\\n    opacity: 0;\\n    display: none;\\n    position: fixed;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width, max-content);\\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    animation-direction: normal;\\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\\n    animation-fill-mode: forwards;\\n    animation-iteration-count: 1;\\n    animation-timing-function: ease-in;\\n  }\\n  .kol-tooltip__floating.hide {\\n    animation-name: hideTooltip;\\n  }\\n  .kol-tooltip__floating.show {\\n    animation-name: showTooltip;\\n  }\\n  .kol-tooltip__arrow {\\n    transform: rotate(45deg);\\n    color: black;\\n    background-color: white;\\n    position: absolute;\\n    z-index: 999;\\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-tooltip__content {\\n    color: black;\\n    background-color: white;\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes hideTooltip {\\n    0% {\\n      opacity: 1;\\n    }\\n    100% {\\n      opacity: 0;\\n      display: none;\\n    }\\n  }\\n  @keyframes showTooltip {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  .kol-icon {\\n    color: inherit;\\n    display: inline-block;\\n    font-size: inherit;\\n    font-weight: inherit;\\n    line-height: inherit;\\n  }\\n  .kol-card .kol-icon {\\n    color: inherit;\\n    display: inline-block;\\n    font-size: inherit;\\n    font-weight: inherit;\\n    line-height: inherit;\\n  }\\n  .kol-card :host {\\n    display: inline-block;\\n  }\\n  .kol-card .kol-button {\\n    display: flex;\\n    min-height: var(--a11y-min-size);\\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n    text-decoration-line: none;\\n  }\\n  .kol-card .kol-button::before {\\n    /* Render zero-width character as first element to set the baseline correctly. */\\n    content: \\\"​\\\";\\n  }\\n  .kol-card .kol-button__text {\\n    flex: 1 0 100%;\\n  }\\n  .kol-card {\\n    /* Visible with forced colors  */\\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\\n    display: grid;\\n    height: 100%;\\n    overflow: visible;\\n    grid-template-areas: \\\"header  close\\\" \\\"content content\\\";\\n    grid-template-columns: 1fr min-content;\\n    grid-template-rows: min-content 1fr;\\n  }\\n  .kol-card__header {\\n    align-self: start;\\n    grid-area: header;\\n  }\\n  .kol-card__content {\\n    align-self: stretch;\\n    grid-area: content;\\n  }\\n  .kol-card__close-button {\\n    grid-area: close;\\n  }\\n  .kol-drawer__dialog {\\n    padding: 0;\\n    border: none;\\n  }\\n  .kol-drawer__wrapper {\\n    position: fixed;\\n    overflow: auto;\\n  }\\n  .kol-drawer__wrapper--left, .kol-drawer__wrapper--right {\\n    top: 0;\\n    max-width: 100vw;\\n    height: 100vh;\\n  }\\n  .kol-drawer__wrapper--left .kol-drawer__content, .kol-drawer__wrapper--right .kol-drawer__content {\\n    height: 100%;\\n  }\\n  .kol-drawer__wrapper--left {\\n    left: 0;\\n  }\\n  .kol-drawer__wrapper--right {\\n    right: 0;\\n  }\\n  .kol-drawer__wrapper--bottom, .kol-drawer__wrapper--top {\\n    left: 0;\\n    width: 100vw;\\n    max-height: 100vh;\\n  }\\n  .kol-drawer__wrapper--bottom .kol-drawer__content, .kol-drawer__wrapper--top .kol-drawer__content {\\n    width: 100%;\\n  }\\n  .kol-drawer__wrapper--bottom {\\n    bottom: 0;\\n  }\\n  .kol-drawer__wrapper--top {\\n    top: 0;\\n  }\\n  .kol-drawer__content {\\n    position: relative;\\n  }\\n  .kol-drawer__dialog .kol-card__content {\\n    overflow-y: auto;\\n  }\\n}\";\n\nconst KolDrawer = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.cardHeadingId = createUniqueId('drawer-heading');\n        this.isModal = true;\n        this._cardOn = { onClose: () => void this.close() };\n        this.getWrapperRef = (el) => (this.dialogWrapperElement = el);\n        this.getRef = (el) => {\n            this.dialogElement = el;\n            setTimeout(() => {\n                void this.openOrCloseBasedOnState();\n            });\n        };\n        this._hasCloser = false;\n        this._level = 0;\n        this.state = {\n            _label: '',\n            _open: false,\n            _align: 'left',\n        };\n        this.handleCancelEvent = (event) => {\n            var _a, _b;\n            handleCancelOverlay(event);\n            if (event.defaultPrevented)\n                return;\n            (_b = (_a = this.state._on) === null || _a === void 0 ? void 0 : _a.onCancel) === null || _b === void 0 ? void 0 : _b.call(_a, event);\n            if (event.defaultPrevented)\n                return;\n            if (this.host && !dispatchDomEvent(this.host, KolEvent.cancel)) {\n                event.preventDefault();\n            }\n        };\n        this.handleClose = () => {\n            void (async () => {\n                await this.close();\n                this.handleCloseDialog();\n            })();\n        };\n        this.handleAnimationEnd = (e) => {\n            var _a, _b;\n            const animationEvent = e;\n            if (animationEvent.animationName.includes('slideOut')) {\n                (_b = (_a = this.dialogElement) === null || _a === void 0 ? void 0 : _a.close) === null || _b === void 0 ? void 0 : _b.call(_a);\n            }\n        };\n    }\n    async show(modal = false) {\n        var _a, _b, _c, _d, _e, _f, _g;\n        if ((_a = this.dialogElement) === null || _a === void 0 ? void 0 : _a.open) {\n            return;\n        }\n        this.isModal = modal;\n        this.state = Object.assign(Object.assign({}, this.state), { _open: true });\n        if (modal) {\n            (_c = (_b = this.dialogElement) === null || _b === void 0 ? void 0 : _b.showModal) === null || _c === void 0 ? void 0 : _c.call(_b);\n        }\n        else {\n            (_e = (_d = this.dialogElement) === null || _d === void 0 ? void 0 : _d.show) === null || _e === void 0 ? void 0 : _e.call(_d);\n        }\n        (_g = (_f = this._on) === null || _f === void 0 ? void 0 : _f.onToggle) === null || _g === void 0 ? void 0 : _g.call(_f, true);\n        if (this.host) {\n            dispatchDomEvent(this.host, KolEvent.toggle);\n        }\n    }\n    showModal() {\n        return this.show(true);\n    }\n    open() {\n        return this.show(false);\n    }\n    async close() {\n        var _a, _b;\n        this.state = Object.assign(Object.assign({}, this.state), { _open: false });\n        const wrapper = this.dialogWrapperElement;\n        if (!wrapper) {\n            return;\n        }\n        if (window.getComputedStyle(wrapper).animationName === 'none') {\n            (_b = (_a = this.dialogElement) === null || _a === void 0 ? void 0 : _a.close) === null || _b === void 0 ? void 0 : _b.call(_a);\n        }\n    }\n    renderDialogContent() {\n        const align = this.state._align;\n        return (h(KolCardWcTag, { ref: this.getWrapperRef, class: clsx(`kol-drawer__wrapper`, `kol-drawer__wrapper--${align}`, {\n                'kol-drawer__wrapper--open': this.state._open,\n                'kol-drawer__wrapper--is-closing': this.state._open === false,\n            }), _hasCloser: this.state._hasCloser, _headingId: this.cardHeadingId, _label: this.state._label, _level: this._level, _on: this._cardOn }, h(\"div\", { class: \"kol-drawer__content\" }, h(\"slot\", null))));\n    }\n    render() {\n        return (h(Host, { key: '14aa4c6b978a89943fe8d83901ede517d8ff6032', class: \"kol-drawer\" }, h(\"dialog\", { key: 'db250f54f95e8658e6929c3cfd4b2afd21ca62ab', \"aria-labelledby\": this.cardHeadingId, \"aria-modal\": this.isModal ? 'true' : 'false', class: \"kol-drawer__dialog\", onCancel: this.handleCancelEvent, ref: this.getRef }, this.renderDialogContent())));\n    }\n    validateLabel(value) {\n        validateLabel(this, value, {\n            required: true,\n        });\n    }\n    validateAlign(value) {\n        validateAlign(this, value);\n    }\n    validateHasCloser(value) {\n        validateHasCloser(this, value);\n    }\n    validateLevel(value) {\n        watchHeadingLevel(this, value);\n    }\n    validateOpen(value) {\n        if (typeof value === 'boolean') {\n            validateOpen(this, value);\n            if (this.dialogElement) {\n                void this.openOrCloseBasedOnState();\n            }\n        }\n    }\n    async openOrCloseBasedOnState() {\n        if (this.state._open) {\n            await this.show(this.isModal);\n        }\n        else {\n            await this.close();\n        }\n    }\n    validateOn(value) {\n        if (typeof value === 'object' && value !== null) {\n            const callbacks = {};\n            if (typeof value.onCancel === 'function') {\n                callbacks.onCancel = value.onCancel;\n            }\n            if (typeof value.onClose === 'function') {\n                callbacks.onClose = value.onClose;\n            }\n            if (typeof value.onToggle === 'function') {\n                callbacks.onToggle = value.onToggle;\n            }\n            setState(this, '_on', callbacks);\n        }\n    }\n    handleCloseDialog() {\n        var _a, _b, _c, _d;\n        (_b = (_a = this._on) === null || _a === void 0 ? void 0 : _a.onClose) === null || _b === void 0 ? void 0 : _b.call(_a);\n        (_d = (_c = this._on) === null || _c === void 0 ? void 0 : _c.onToggle) === null || _d === void 0 ? void 0 : _d.call(_c, false);\n        if (this.host) {\n            dispatchDomEvent(this.host, KolEvent.close);\n            dispatchDomEvent(this.host, KolEvent.toggle);\n        }\n    }\n    componentDidLoad() {\n        var _a, _b;\n        (_a = this.dialogElement) === null || _a === void 0 ? void 0 : _a.addEventListener('animationend', this.handleAnimationEnd);\n        (_b = this.dialogElement) === null || _b === void 0 ? void 0 : _b.addEventListener('close', this.handleClose);\n    }\n    disconnectedCallback() {\n        var _a, _b;\n        (_a = this.dialogElement) === null || _a === void 0 ? void 0 : _a.removeEventListener('animationend', this.handleAnimationEnd);\n        (_b = this.dialogElement) === null || _b === void 0 ? void 0 : _b.removeEventListener('close', this.handleClose);\n    }\n    componentWillLoad() {\n        this.validateAlign(this._align);\n        this.validateHasCloser(this._hasCloser);\n        this.validateLabel(this._label);\n        this.validateOpen(this._open);\n        this.validateLevel(this._level);\n        this.validateOn(this._on);\n    }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_label\": [\"validateLabel\"],\n        \"_align\": [\"validateAlign\"],\n        \"_hasCloser\": [\"validateHasCloser\"],\n        \"_level\": [\"validateLevel\"],\n        \"_open\": [\"validateOpen\"],\n        \"_on\": [\"validateOn\"]\n    }; }\n};\nKolDrawer.style = {\n    default: defaultStyleCss\n};\n\nexport { KolDrawer as kol_drawer };\n//# sourceMappingURL=kol-drawer.entry.js.map\n"],"mappings":"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"}
+{"version":3,"file":"kol-drawer.entry-p1O_2yOZ.js","names":["animationEvent"],"sources":["../../../../../components/dist/esm/kol-drawer.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host, g as getElement } from './index-Dabxza7-.js';\nimport { d as KolCardWcTag } from './component-names-Dy77vq43.js';\nimport { s as setState } from './common-Cbb6Axov.js';\nimport { v as validateAlign } from './align-BdqBkiyq.js';\nimport { v as validateHasCloser } from './has-closer-BHa3nc5C.js';\nimport { v as validateLabel } from './label-We78Dt9U.js';\nimport { v as validateOpen } from './open-DJPD9Hvv.js';\nimport { c as clsx } from './clsx-COFh-Vc8.js';\nimport { c as createUniqueId } from './dev.utils-JsUkUKLF.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-BhfZTW2e.js';\nimport { h as handleCancelOverlay } from './tooltip-open-tracking-D3tCiiGP.js';\nimport { w as watchHeadingLevel } from './validation-BVCCGUzN.js';\nimport './level-DRQEJIoR.js';\nimport './normalizers-iLdS6AQE.js';\nimport './_Uint8Array-kJHDjtoP.js';\nimport './isArray-CcrBs4JM.js';\n\nconst defaultStyleCss = \"@charset \\\"UTF-8\\\";\\n/*\\n* This file defines the layer order for all CSS layers used in KoliBri.\\n* The order is important as it determines the cascade priority.\\n*\\n* Layer order (lowest to highest priority):\\n* 1. kol-a11y - Accessibility defaults and requirements\\n* 2. kol-global - Global component styles and resets\\n* 3. kol-component - Component-specific styles\\n* 4. kol-theme-global - Theme-specific global styles\\n* 5. kol-theme-component - Theme-specific component styles\\n*/\\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\\n/* forward the rem function */\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     *\\n     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser's\\n     * rounding, dropping just below the required minimum.\\n     */\\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\\n    /*\\n     * No element should be used without verifying the contrast ratio of its background and font colors.\\n     * By initially setting the background color to white and the font color to black,\\n     * the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    color: black;\\n    background-color: white;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n    /*\\n     * Text should be aligned left by default to provide a predictable starting point.\\n     */\\n    text-align: left;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of to-rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the text color from his parent element.\\n     */\\n    color: inherit;\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%;\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: white;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: flex;\\n    flex-flow: column;\\n    align-items: center;\\n    justify-content: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    align-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n  .hastooltip {\\n    z-index: 900 !important;\\n  }\\n}\\n@font-face {\\n  font-family: \\\"kolicons\\\";\\n  src: url(\\\"kolicons.eot?t=1783501930981\\\"); /* IE9*/\\n  src: url(\\\"kolicons.eot?t=1783501930981#iefix\\\") format(\\\"embedded-opentype\\\"), url(\\\"kolicons.woff2?t=1783501930981\\\") format(\\\"woff2\\\"), url(\\\"kolicons.woff?t=1783501930981\\\") format(\\\"woff\\\"), url(\\\"kolicons.ttf?t=1783501930981\\\") format(\\\"truetype\\\"), url(\\\"kolicons.svg?t=1783501930981#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-drawer__dialog {\\n    padding: 0;\\n    border: none;\\n  }\\n  .kol-drawer__wrapper {\\n    position: fixed;\\n    overflow: auto;\\n  }\\n  .kol-drawer__wrapper--left, .kol-drawer__wrapper--right {\\n    top: 0;\\n    max-width: 100vw;\\n    height: 100vh;\\n  }\\n  .kol-drawer__wrapper--left .kol-drawer__content, .kol-drawer__wrapper--right .kol-drawer__content {\\n    height: 100%;\\n  }\\n  .kol-drawer__wrapper--left {\\n    left: 0;\\n  }\\n  .kol-drawer__wrapper--right {\\n    right: 0;\\n  }\\n  .kol-drawer__wrapper--bottom, .kol-drawer__wrapper--top {\\n    left: 0;\\n    width: 100vw;\\n    max-height: 100vh;\\n  }\\n  .kol-drawer__wrapper--bottom .kol-drawer__content, .kol-drawer__wrapper--top .kol-drawer__content {\\n    width: 100%;\\n  }\\n  .kol-drawer__wrapper--bottom {\\n    bottom: 0;\\n  }\\n  .kol-drawer__wrapper--top {\\n    top: 0;\\n  }\\n  .kol-drawer__content {\\n    position: relative;\\n  }\\n  .kol-drawer__dialog .kol-card__content {\\n    overflow-y: auto;\\n  }\\n}\";\n\nconst KolDrawer = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.cardHeadingId = createUniqueId('drawer-heading');\n        this.isModal = true;\n        this._cardOn = { onClose: () => void this.close() };\n        this.getWrapperRef = (el) => (this.dialogWrapperElement = el);\n        this.getRef = (el) => {\n            this.dialogElement = el;\n            setTimeout(() => {\n                void this.openOrCloseBasedOnState();\n            });\n        };\n        this._hasCloser = false;\n        this._level = 0;\n        this.state = {\n            _label: '',\n            _open: false,\n            _align: 'left',\n        };\n        this.handleCancelEvent = (event) => {\n            var _a, _b;\n            handleCancelOverlay(event);\n            if (event.defaultPrevented)\n                return;\n            (_b = (_a = this.state._on) === null || _a === void 0 ? void 0 : _a.onCancel) === null || _b === void 0 ? void 0 : _b.call(_a, event);\n            if (event.defaultPrevented)\n                return;\n            if (this.host && !dispatchDomEvent(this.host, KolEvent.cancel)) {\n                event.preventDefault();\n            }\n        };\n        this.handleClose = () => {\n            void (async () => {\n                await this.close();\n                this.handleCloseDialog();\n            })();\n        };\n        this.handleAnimationEnd = (e) => {\n            var _a, _b;\n            const animationEvent = e;\n            if (animationEvent.animationName.includes('slideOut')) {\n                (_b = (_a = this.dialogElement) === null || _a === void 0 ? void 0 : _a.close) === null || _b === void 0 ? void 0 : _b.call(_a);\n            }\n        };\n    }\n    async show(modal = false) {\n        var _a, _b, _c, _d, _e, _f, _g;\n        if ((_a = this.dialogElement) === null || _a === void 0 ? void 0 : _a.open) {\n            return;\n        }\n        this.isModal = modal;\n        this.state = Object.assign(Object.assign({}, this.state), { _open: true });\n        if (modal) {\n            (_c = (_b = this.dialogElement) === null || _b === void 0 ? void 0 : _b.showModal) === null || _c === void 0 ? void 0 : _c.call(_b);\n        }\n        else {\n            (_e = (_d = this.dialogElement) === null || _d === void 0 ? void 0 : _d.show) === null || _e === void 0 ? void 0 : _e.call(_d);\n        }\n        (_g = (_f = this._on) === null || _f === void 0 ? void 0 : _f.onToggle) === null || _g === void 0 ? void 0 : _g.call(_f, true);\n        if (this.host) {\n            dispatchDomEvent(this.host, KolEvent.toggle);\n        }\n    }\n    showModal() {\n        return this.show(true);\n    }\n    open() {\n        return this.show(false);\n    }\n    async close() {\n        var _a, _b;\n        this.state = Object.assign(Object.assign({}, this.state), { _open: false });\n        const wrapper = this.dialogWrapperElement;\n        if (!wrapper) {\n            return;\n        }\n        if (window.getComputedStyle(wrapper).animationName === 'none') {\n            (_b = (_a = this.dialogElement) === null || _a === void 0 ? void 0 : _a.close) === null || _b === void 0 ? void 0 : _b.call(_a);\n        }\n    }\n    renderDialogContent() {\n        const align = this.state._align;\n        return (h(KolCardWcTag, { ref: this.getWrapperRef, class: clsx(`kol-drawer__wrapper`, `kol-drawer__wrapper--${align}`, {\n                'kol-drawer__wrapper--open': this.state._open,\n                'kol-drawer__wrapper--is-closing': this.state._open === false,\n            }), _hasCloser: this.state._hasCloser, _headingId: this.cardHeadingId, _label: this.state._label, _level: this._level, _on: this._cardOn }, h(\"div\", { class: \"kol-drawer__content\" }, h(\"slot\", null))));\n    }\n    render() {\n        return (h(Host, { key: '14aa4c6b978a89943fe8d83901ede517d8ff6032', class: \"kol-drawer\" }, h(\"dialog\", { key: 'db250f54f95e8658e6929c3cfd4b2afd21ca62ab', \"aria-labelledby\": this.cardHeadingId, \"aria-modal\": this.isModal ? 'true' : 'false', class: \"kol-drawer__dialog\", onCancel: this.handleCancelEvent, ref: this.getRef }, this.renderDialogContent())));\n    }\n    validateLabel(value) {\n        validateLabel(this, value, {\n            required: true,\n        });\n    }\n    validateAlign(value) {\n        validateAlign(this, value);\n    }\n    validateHasCloser(value) {\n        validateHasCloser(this, value);\n    }\n    validateLevel(value) {\n        watchHeadingLevel(this, value);\n    }\n    validateOpen(value) {\n        if (typeof value === 'boolean') {\n            validateOpen(this, value);\n            if (this.dialogElement) {\n                void this.openOrCloseBasedOnState();\n            }\n        }\n    }\n    async openOrCloseBasedOnState() {\n        if (this.state._open) {\n            await this.show(this.isModal);\n        }\n        else {\n            await this.close();\n        }\n    }\n    validateOn(value) {\n        if (typeof value === 'object' && value !== null) {\n            const callbacks = {};\n            if (typeof value.onCancel === 'function') {\n                callbacks.onCancel = value.onCancel;\n            }\n            if (typeof value.onClose === 'function') {\n                callbacks.onClose = value.onClose;\n            }\n            if (typeof value.onToggle === 'function') {\n                callbacks.onToggle = value.onToggle;\n            }\n            setState(this, '_on', callbacks);\n        }\n    }\n    handleCloseDialog() {\n        var _a, _b, _c, _d;\n        (_b = (_a = this._on) === null || _a === void 0 ? void 0 : _a.onClose) === null || _b === void 0 ? void 0 : _b.call(_a);\n        (_d = (_c = this._on) === null || _c === void 0 ? void 0 : _c.onToggle) === null || _d === void 0 ? void 0 : _d.call(_c, false);\n        if (this.host) {\n            dispatchDomEvent(this.host, KolEvent.close);\n            dispatchDomEvent(this.host, KolEvent.toggle);\n        }\n    }\n    componentDidLoad() {\n        var _a, _b;\n        (_a = this.dialogElement) === null || _a === void 0 ? void 0 : _a.addEventListener('animationend', this.handleAnimationEnd);\n        (_b = this.dialogElement) === null || _b === void 0 ? void 0 : _b.addEventListener('close', this.handleClose);\n    }\n    disconnectedCallback() {\n        var _a, _b;\n        (_a = this.dialogElement) === null || _a === void 0 ? void 0 : _a.removeEventListener('animationend', this.handleAnimationEnd);\n        (_b = this.dialogElement) === null || _b === void 0 ? void 0 : _b.removeEventListener('close', this.handleClose);\n    }\n    componentWillLoad() {\n        this.validateAlign(this._align);\n        this.validateHasCloser(this._hasCloser);\n        this.validateLabel(this._label);\n        this.validateOpen(this._open);\n        this.validateLevel(this._level);\n        this.validateOn(this._on);\n    }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_label\": [\"validateLabel\"],\n        \"_align\": [\"validateAlign\"],\n        \"_hasCloser\": [\"validateHasCloser\"],\n        \"_level\": [\"validateLevel\"],\n        \"_open\": [\"validateOpen\"],\n        \"_on\": [\"validateOn\"]\n    }; }\n};\nKolDrawer.style = {\n    default: defaultStyleCss\n};\n\nexport { KolDrawer as kol_drawer };\n//# sourceMappingURL=kol-drawer.entry.js.map\n"],"mappings":"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"}

package/app/dist/assets/{kol-form.entry-C5nYx4nO.js → kol-form.entry-CoDDeVbc.js}

@@ -1,4 +1,4 @@
-import{At as e,Dt as t,O as n,a as r,d as i,f as a,jt as o,o as s,r as c,s as l}from"./index-CLYw1HnO.js";import"./tslib.es6-QNbPBOk5-DpzS01Oy.js";import"./clsx-COFh-Vc8-alQuJLqj.js";import"./component-DI3pO3QY-DBhA3_XT.js";import"./Heading-uCdB_mbH-DKod8P-f.js";import{t as u}from"./i18n-BkwRYsvE-Baa6kHEL.js";import{t as d}from"./Alert-LeFfZ8Oj-q6xkBMwW.js";var f=(e,t)=>{o(e,`errorList`,e=>Array.isArray(e)&&e.find(e=>!(typeof e==`string`||typeof e==`function`))===void 0,new Set([`string`,`function`]),t)},p=`@charset "UTF-8";
+import{Mt as e,O as t,Ot as n,a as r,d as i,f as a,jt as o,o as s,r as c,s as l}from"./index-Bg4ZMokO.js";import"./tslib.es6-QNbPBOk5-DpzS01Oy.js";import"./clsx-COFh-Vc8-alQuJLqj.js";import"./component-Cs0XGawJ-DC-CfENZ.js";import"./Heading-BMhJ1aE8-BpYR_pgs.js";import{t as u}from"./i18n-CcjZRTxD-D01J7mnT.js";import{t as d}from"./Alert-CDMIORKT-CADzGCWg.js";var f=(t,n)=>{e(t,`errorList`,e=>Array.isArray(e)&&e.find(e=>!(typeof e==`string`||typeof e==`function`))===void 0,new Set([`string`,`function`]),n)},p=`@charset "UTF-8";
 /* forward the rem function */
 /*
 * This file defines the layer order for all CSS layers used in KoliBri.
@@ -212,8 +212,8 @@ import{At as e,Dt as t,O as n,a as r,d as i,f as a,jt as o,o as s,r as c,s as l}
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1782311579243"); /* IE9*/
-  src: url("kolicons.eot?t=1782311579243#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1782311579243") format("woff2"), url("kolicons.woff?t=1782311579243") format("woff"), url("kolicons.ttf?t=1782311579243") format("truetype"), url("kolicons.svg?t=1782311579243#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1783501930981"); /* IE9*/
+  src: url("kolicons.eot?t=1783501930981#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1783501930981") format("woff2"), url("kolicons.woff?t=1783501930981") format("woff"), url("kolicons.ttf?t=1783501930981") format("truetype"), url("kolicons.svg?t=1783501930981#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {
@@ -450,5 +450,5 @@ import{At as e,Dt as t,O as n,a as r,d as i,f as a,jt as o,o as s,r as c,s as l}
     /* Visible with forced colors */
     outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));
   }
-}`,m=class{constructor(e){l(this,e),this.scrollOptionsFallback={behavior:`smooth`,block:`nearest`},this.translateErrorListMessage=u(`kol-error-list-message`),this.translateErrorList=u(`kol-error-list`),this.translateFormDescription=u(`kol-form-description`),this.onSubmit=e=>{var t;e.preventDefault(),typeof this.state._on?.onSubmit==`function`&&((t=this.state._on)==null||t.onSubmit(e)),this.host&&a(this.host,i.submit)},this.onReset=e=>{var t;e.preventDefault(),typeof this.state._on?.onReset==`function`&&((t=this.state._on)==null||t.onReset(e)),this.host&&a(this.host,i.reset)},this.handleLinkClick=(e,t)=>{let n=document.querySelector(e);n&&typeof n.focus==`function`&&n.focus(t||this.scrollOptionsFallback)},this.setBlockElement=e=>this.errorListBlock=e,this.setFirstLinkElement=e=>this.errorListFirstLink=e,this._requiredText=!0,this.state={}}renderErrorList(e){return s(d,{class:`kol-form__alert`,ref:this.setBlockElement,type:`error`,variant:`card`,label:this.translateErrorListMessage},s(`nav`,{"aria-label":this.translateErrorList},s(`ul`,null,e?.map((e,t)=>s(`li`,{key:t},s(n,{class:`kol-form__link`,_href:``,_label:e.message,_on:{onClick:typeof e.selector==`string`?()=>this.handleLinkClick(String(e.selector),e.options):e.selector},ref:t===0?this.setFirstLinkElement:void 0}))))))}renderFormElement(){return s(`form`,{class:`kol-form`,method:`post`,onSubmit:this.onSubmit,onReset:this.onReset,noValidate:!0},this.state._requiredText===!0?s(`p`,null,s(`div`,{class:`kol-form__mandatory-fields-hint`},this.translateFormDescription)):typeof this.state._requiredText==`string`&&this.state._requiredText.length>0?s(`p`,null,s(`div`,{class:`kol-form__mandatory-fields-hint`},this.state._requiredText)):null,s(`slot`,null))}render(){return s(c,{key:`f894eb6482f6c8ea9542ff608eb8281449a6f424`},Array.isArray(this._errorList)&&this._errorList.length>0&&this.renderErrorList(this._errorList),this.renderFormElement())}scrollToErrorList(e){setTimeout(()=>{var t;(t=this.errorListFirstLink?.querySelector(`a`))==null||t.focus(e||this.scrollOptionsFallback)},250)}async focusErrorList(e){return this.scrollToErrorList(e),Promise.resolve()}validateOn(e){typeof e==`object`&&e&&(this.state=Object.assign(Object.assign({},this.state),{_on:e}))}validateRequiredText(n){typeof n==`boolean`?t(this,`_requiredText`,n):e(this,`_requiredText`,n)}validateErrorList(e){f(this,e)}componentWillLoad(){this.validateOn(this._on),this.validateRequiredText(this._requiredText),this.validateErrorList(this._errorList)}get host(){return r(this)}static get watchers(){return{_on:[`validateOn`],_requiredText:[`validateRequiredText`],_errorList:[`validateErrorList`]}}};m.style={default:p};export{m as kol_form};
-//# sourceMappingURL=kol-form.entry-C5nYx4nO.js.map
+}`,m=class{constructor(e){l(this,e),this.scrollOptionsFallback={behavior:`smooth`,block:`nearest`},this.translateErrorListMessage=u(`kol-error-list-message`),this.translateErrorList=u(`kol-error-list`),this.translateFormDescription=u(`kol-form-description`),this.onSubmit=e=>{var t;e.preventDefault(),typeof this.state._on?.onSubmit==`function`&&((t=this.state._on)==null||t.onSubmit(e)),this.host&&a(this.host,i.submit)},this.onReset=e=>{var t;e.preventDefault(),typeof this.state._on?.onReset==`function`&&((t=this.state._on)==null||t.onReset(e)),this.host&&a(this.host,i.reset)},this.handleLinkClick=(e,t)=>{let n=document.querySelector(e);n&&typeof n.focus==`function`&&n.focus(t||this.scrollOptionsFallback)},this.setBlockElement=e=>this.errorListBlock=e,this.setFirstLinkElement=e=>this.errorListFirstLink=e,this._requiredText=!0,this.state={}}renderErrorList(e){return s(d,{class:`kol-form__alert`,ref:this.setBlockElement,type:`error`,variant:`card`,label:this.translateErrorListMessage},s(`nav`,{"aria-label":this.translateErrorList},s(`ul`,null,e?.map((e,n)=>s(`li`,{key:n},s(t,{class:`kol-form__link`,_href:``,_label:e.message,_on:{onClick:typeof e.selector==`string`?()=>this.handleLinkClick(String(e.selector),e.options):e.selector},ref:n===0?this.setFirstLinkElement:void 0}))))))}renderFormElement(){return s(`form`,{class:`kol-form`,method:`post`,onSubmit:this.onSubmit,onReset:this.onReset,noValidate:!0},this.state._requiredText===!0?s(`p`,null,s(`div`,{class:`kol-form__mandatory-fields-hint`},this.translateFormDescription)):typeof this.state._requiredText==`string`&&this.state._requiredText.length>0?s(`p`,null,s(`div`,{class:`kol-form__mandatory-fields-hint`},this.state._requiredText)):null,s(`slot`,null))}render(){return s(c,{key:`f894eb6482f6c8ea9542ff608eb8281449a6f424`},Array.isArray(this._errorList)&&this._errorList.length>0&&this.renderErrorList(this._errorList),this.renderFormElement())}scrollToErrorList(e){setTimeout(()=>{var t;(t=this.errorListFirstLink?.querySelector(`a`))==null||t.focus(e||this.scrollOptionsFallback)},250)}async focusErrorList(e){return this.scrollToErrorList(e),Promise.resolve()}validateOn(e){typeof e==`object`&&e&&(this.state=Object.assign(Object.assign({},this.state),{_on:e}))}validateRequiredText(e){typeof e==`boolean`?n(this,`_requiredText`,e):o(this,`_requiredText`,e)}validateErrorList(e){f(this,e)}componentWillLoad(){this.validateOn(this._on),this.validateRequiredText(this._requiredText),this.validateErrorList(this._errorList)}get host(){return r(this)}static get watchers(){return{_on:[`validateOn`],_requiredText:[`validateRequiredText`],_errorList:[`validateErrorList`]}}};m.style={default:p};export{m as kol_form};
+//# sourceMappingURL=kol-form.entry-CoDDeVbc.js.map