@public-ui/sample-react 3.1.0 → 3.1.1

package/dist/assets/inline-cDaqwSfK-7NZNnNoH.js

@@ -1,2 +0,0 @@
-import{m as e}from"./index-hDzmycZM.js";const t=(a,n,o={})=>{e(a,"_inline",n,o)};export{t as v};
-//# sourceMappingURL=inline-cDaqwSfK-7NZNnNoH.js.map

package/dist/assets/inline-cDaqwSfK-7NZNnNoH.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"inline-cDaqwSfK-7NZNnNoH.js","sources":["../../../../components/dist/esm/inline-cDaqwSfK.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { d as watchBoolean } from './common-Dd0zJQbD.js';\n\nconst validateInline = (component, value, options = {}) => {\n    watchBoolean(component, '_inline', value, options);\n};\n\nexport { validateInline as v };\n"],"names":["validateInline","component","value","options","watchBoolean"],"mappings":"wCAKK,MAACA,EAAiB,CAACC,EAAWC,EAAOC,EAAU,CAAA,IAAO,CACvDC,EAAaH,EAAW,UAAWC,EAAOC,CAAO,CACrD"}

package/dist/assets/kol-abbr.entry-BbgWOVw7.js

@@ -1,2 +0,0 @@
-import{r as a,h as o,K as i,H as e}from"./index-hDzmycZM.js";import{v as l}from"./label-Dnmzb2S_-YuosJx7D.js";const n=()=>" @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;   @layer kol-a11y {   :host {          --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));          color: black;     background-color: white;          font-family: Verdana;          letter-spacing: inherit;          word-spacing: inherit;          text-align: left;   }   * {          hyphens: auto;          word-break: break-word;   }                  button,   .kol-input .input {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }      a,   button,   h1,   h2,   h3,   h4,   h5,   h6,   input,   option,   select,   textarea {          color: inherit;          font-family: inherit;          font-size: inherit;          letter-spacing: inherit;          word-spacing: inherit;   }      .visually-hidden {     position: fixed;     top: 0;     left: 0;     width: 1px;     height: 1px;     overflow: hidden;     white-space: nowrap;     clip-path: inset(50%);   } } @layer kol-global {      :is(a, button) {     background-color: transparent;     width: 100%;     margin: 0;     padding: 0;     border: none;        }      [hidden] {     display: none !important;   }   .badge-text-hint {     color: black;     background-color: lightgray;   } } @layer kol-global {   :host {          max-width: 100%;     font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   * {          box-sizing: border-box;   }   .kol-span {          display: flex;     flex-flow: column;     align-items: center;     justify-content: center;        }   .kol-span__container {     display: flex;     align-items: center;   }   a,   button {     cursor: pointer;   }   .kol-span .kol-span__label--hide-label .kol-span__label {     display: none;   }      button:disabled {     color: unset;   }   .disabled label,   .disabled:focus-within label,   [aria-disabled=true],   [aria-disabled=true]:focus,   [disabled],   [disabled]:focus {     opacity: 0.5;     outline: none;     cursor: not-allowed;   }   [aria-disabled=true]:focus .kol-span,   [disabled]:focus .kol-span {     outline: none !important;   } } @layer kol-component {   .kol-tooltip {     display: contents;   }   .kol-tooltip__floating {     opacity: 0;     display: none;     position: fixed;          top: 0;     left: 0;          width: var(--kol-tooltip-width, max-content);     min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));     max-width: 90vw;     max-height: 90vh;     animation-direction: normal;          animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);     animation-fill-mode: forwards;     animation-iteration-count: 1;     animation-timing-function: ease-in;   }   .kol-tooltip__floating.hide {     animation-name: hideTooltip;   }   .kol-tooltip__floating.show {     animation-name: showTooltip;   }   .kol-tooltip__arrow {     transform: rotate(45deg);     color: #000;     background-color: #fff;     position: absolute;     z-index: 999;     width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));     height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-tooltip__content {     color: #000;     background-color: #fff;     position: relative;     z-index: 1000;   }   @keyframes hideTooltip {     0% {       opacity: 1;     }     100% {       opacity: 0;       display: none;     }   }   @keyframes showTooltip {     0% {       opacity: 0;     }     100% {       opacity: 1;     }   } }",r=class{constructor(t){a(this,t),this.state={_label:""}}render(){return o(e,{key:"7f764ad6e259ac460dcd1f133da2ef8ad41b74b7",class:"kol-abbr"},o("abbr",{key:"3f49be16f6bbbd0d2cbd953319f6b23a8766a241",tabIndex:this.state._label?0:void 0},o("slot",{key:"81175d6ce9217f34e4faaa6aa08597e63f07389e"})),this.state._label?o(i,{"aria-hidden":"true",_label:this.state._label}):null)}validateLabel(t){l(this,t)}componentWillLoad(){this.validateLabel(this._label)}static get watchers(){return{_label:[{validateLabel:0}]}}};r.style={default:n()};export{r as kol_abbr};
-//# sourceMappingURL=kol-abbr.entry-BbgWOVw7.js.map

package/dist/assets/kol-abbr.entry-BbgWOVw7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"kol-abbr.entry-BbgWOVw7.js","sources":["../../../../components/dist/esm/kol-abbr.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-BVfSKhpj.js';\nimport { a as KolTooltipWcTag } from './component-names-C3fyby67.js';\nimport './common-Dd0zJQbD.js';\nimport { v as validateLabel } from './label-Dnmzb2S_.js';\n\nconst defaultStyleCss = () => ` @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;   @layer kol-a11y {   :host {          --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));          color: black;     background-color: white;          font-family: Verdana;          letter-spacing: inherit;          word-spacing: inherit;          text-align: left;   }   * {          hyphens: auto;          word-break: break-word;   }                  button,   .kol-input .input {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }      a,   button,   h1,   h2,   h3,   h4,   h5,   h6,   input,   option,   select,   textarea {          color: inherit;          font-family: inherit;          font-size: inherit;          letter-spacing: inherit;          word-spacing: inherit;   }      .visually-hidden {     position: fixed;     top: 0;     left: 0;     width: 1px;     height: 1px;     overflow: hidden;     white-space: nowrap;     clip-path: inset(50%);   } } @layer kol-global {      :is(a, button) {     background-color: transparent;     width: 100%;     margin: 0;     padding: 0;     border: none;        }      [hidden] {     display: none !important;   }   .badge-text-hint {     color: black;     background-color: lightgray;   } } @layer kol-global {   :host {          max-width: 100%;     font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   * {          box-sizing: border-box;   }   .kol-span {          display: flex;     flex-flow: column;     align-items: center;     justify-content: center;        }   .kol-span__container {     display: flex;     align-items: center;   }   a,   button {     cursor: pointer;   }   .kol-span .kol-span__label--hide-label .kol-span__label {     display: none;   }      button:disabled {     color: unset;   }   .disabled label,   .disabled:focus-within label,   [aria-disabled=true],   [aria-disabled=true]:focus,   [disabled],   [disabled]:focus {     opacity: 0.5;     outline: none;     cursor: not-allowed;   }   [aria-disabled=true]:focus .kol-span,   [disabled]:focus .kol-span {     outline: none !important;   } } @layer kol-component {   .kol-tooltip {     display: contents;   }   .kol-tooltip__floating {     opacity: 0;     display: none;     position: fixed;          top: 0;     left: 0;          width: var(--kol-tooltip-width, max-content);     min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));     max-width: 90vw;     max-height: 90vh;     animation-direction: normal;          animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);     animation-fill-mode: forwards;     animation-iteration-count: 1;     animation-timing-function: ease-in;   }   .kol-tooltip__floating.hide {     animation-name: hideTooltip;   }   .kol-tooltip__floating.show {     animation-name: showTooltip;   }   .kol-tooltip__arrow {     transform: rotate(45deg);     color: #000;     background-color: #fff;     position: absolute;     z-index: 999;     width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));     height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-tooltip__content {     color: #000;     background-color: #fff;     position: relative;     z-index: 1000;   }   @keyframes hideTooltip {     0% {       opacity: 1;     }     100% {       opacity: 0;       display: none;     }   }   @keyframes showTooltip {     0% {       opacity: 0;     }     100% {       opacity: 1;     }   } }`;\n\nconst KolAbbr = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.state = {\n            _label: '',\n        };\n    }\n    render() {\n        return (h(Host, { key: '7f764ad6e259ac460dcd1f133da2ef8ad41b74b7', class: \"kol-abbr\" }, h(\"abbr\", { key: '3f49be16f6bbbd0d2cbd953319f6b23a8766a241', tabIndex: this.state._label ? 0 : undefined }, h(\"slot\", { key: '81175d6ce9217f34e4faaa6aa08597e63f07389e' })), this.state._label ? h(KolTooltipWcTag, { \"aria-hidden\": \"true\", _label: this.state._label }) : null));\n    }\n    validateLabel(value) {\n        validateLabel(this, value);\n    }\n    componentWillLoad() {\n        this.validateLabel(this._label);\n    }\n    static get watchers() { return {\n        \"_label\": [{\n                \"validateLabel\": 0\n            }]\n    }; }\n};\nKolAbbr.style = {\n    default: defaultStyleCss()\n};\n\nexport { KolAbbr as kol_abbr };\n"],"names":["defaultStyleCss","KolAbbr","hostRef","registerInstance","h","Host","KolTooltipWcTag","value","validateLabel"],"mappings":"8GAQA,MAAMA,EAAkB,IAAM,63GAExBC,EAAU,KAAM,CAClB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,MAAQ,CACT,OAAQ,EACpB,CACI,CACA,QAAS,CACL,OAAQE,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,UAAU,EAAID,EAAE,OAAQ,CAAE,IAAK,2CAA4C,SAAU,KAAK,MAAM,OAAS,EAAI,MAAS,EAAIA,EAAE,OAAQ,CAAE,IAAK,0CAA0C,CAAE,CAAC,EAAG,KAAK,MAAM,OAASA,EAAEE,EAAiB,CAAE,cAAe,OAAQ,OAAQ,KAAK,MAAM,MAAM,CAAE,EAAI,IAAI,CAC5W,CACA,cAAcC,EAAO,CACjBC,EAAc,KAAMD,CAAK,CAC7B,CACA,mBAAoB,CAChB,KAAK,cAAc,KAAK,MAAM,CAClC,CACA,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,CACH,cAAiB,CACjC,CAAa,CACb,CAAO,CACP,EACAN,EAAQ,MAAQ,CACZ,QAASD,EAAe,CAC5B"}

package/dist/assets/kol-accordion.entry-B3q3Iy0c.js

@@ -1,6 +0,0 @@
-import{r,d as c,a as d,h as l,g as p,w as h,f as n}from"./index-hDzmycZM.js";import{K as b}from"./Collapsible-CK8NIzH0-OFSkk9ww.js";import{v as m}from"./disabled-BhpAFgSp-XwsrDnWT.js";import{v as f}from"./label-Dnmzb2S_-YuosJx7D.js";import{v as u}from"./open-CbvHO4XG-n8QXh3_y.js";import{n as _}from"./dev.utils-CT0IU26V-Cs-xItdq.js";import{w as v}from"./validation-aqgnZOL6-VLAcEczo.js";import"./tslib.es6-CxX45GIN-BGVaTf34.js";import"./clsx-eK3rPvPS-B-dksMZM.js";import"./Heading-DwQEABii-THMC_gpR.js";const g=(e,a)=>{h(e,"_on",i=>typeof i=="object"&&i!==null,new Set(["AccordionCallbacksPropType {Events.onClick}"]),a)},k=()=>" @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;   @layer kol-a11y {   :host {          --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));          color: black;     background-color: white;          font-family: Verdana;          letter-spacing: inherit;          word-spacing: inherit;          text-align: left;   }   * {          hyphens: auto;          word-break: break-word;   }                  button,   .kol-input .input {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }      a,   button,   h1,   h2,   h3,   h4,   h5,   h6,   input,   option,   select,   textarea {          color: inherit;          font-family: inherit;          font-size: inherit;          letter-spacing: inherit;          word-spacing: inherit;   }      .visually-hidden {     position: fixed;     top: 0;     left: 0;     width: 1px;     height: 1px;     overflow: hidden;     white-space: nowrap;     clip-path: inset(50%);   } } @layer kol-global {      :is(a, button) {     background-color: transparent;     width: 100%;     margin: 0;     padding: 0;     border: none;        }      [hidden] {     display: none !important;   }   .badge-text-hint {     color: black;     background-color: lightgray;   } } @layer kol-global {   :host {          max-width: 100%;     font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   * {          box-sizing: border-box;   }   .kol-span {          display: flex;     flex-flow: column;     align-items: center;     justify-content: center;        }   .kol-span__container {     display: flex;     align-items: center;   }   a,   button {     cursor: pointer;   }   .kol-span .kol-span__label--hide-label .kol-span__label {     display: none;   }      button:disabled {     color: unset;   }   .disabled label,   .disabled:focus-within label,   [aria-disabled=true],   [aria-disabled=true]:focus,   [disabled],   [disabled]:focus {     opacity: 0.5;     outline: none;     cursor: not-allowed;   }   [aria-disabled=true]:focus .kol-span,   [disabled]:focus .kol-span {     outline: none !important;   } } @layer kol-component {   :host {     display: block;   } }  @layer kol-component {   @media (prefers-reduced-motion) {     .collapsible__wrapper-animation, .collapsible__wrapper {       transition-duration: 0s;     }   }   .collapsible {        }   @media print {     :not(.collapsible--open) .collapsible__wrapper-animation {       display: none;     }   }   .collapsible__wrapper {          transform: translateZ(0);     display: grid;     grid-template-rows: 0fr;     transition: grid-template-rows 0.3s;   }   .collapsible__wrapper-animation {     opacity: 0;     transform: scaleY(0);     transform-origin: top;     min-height: 0;          visibility: hidden;     transition: transform 0.3s, opacity 0.3s, visibility 0.3s;   }   .collapsible--open .collapsible__wrapper {     grid-template-rows: 1fr;   }   .collapsible--open .collapsible__wrapper-animation {     opacity: 1;     transform: scaleY(1);     visibility: visible;   }   .collapsible {        }   .collapsible__heading-button button .kol-span {     align-items: flex-start;   }   .collapsible--open:focus-within {     position: relative;     z-index: 100;   } }";n(`[KolAccordion] Anfrage nach einer KolAccordionGroup bei dem immer nur ein Accordion geöffnet ist.
-
-- onClick auf der KolAccordion anwenden
-- Click-Event prüft den _open-Status der Accordions
-- Logik Öffnet und Schließt entsprechend`);n("[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.");const y=class{constructor(e){r(this,e),this.nonce=_(),this.catchRef=a=>{this.buttonWcRef=a},this.handleOnClick=a=>{this._open=!this._open,setTimeout(()=>{var i,o;(o=(i=this.state._on)===null||i===void 0?void 0:i.onClick)===null||o===void 0||o.call(i,a,this._open===!0),this.host&&c(this.host,d.click,this._open===!0)})},this._disabled=!1,this._level=0,this._open=!1,this.state={_label:"",_level:0,_on:{}}}async focus(){var e;return Promise.resolve((e=this.buttonWcRef)===null||e===void 0?void 0:e.focus())}async kolFocus(){return this.focus()}render(){const{_open:e,_label:a,_disabled:i,_level:o}=this.state,t="kol-accordion",s={id:this.nonce,label:a,open:e,disabled:i,level:o,onClick:this.handleOnClick,class:t,HeadingProps:{class:`${t}__heading`},HeadingButtonProps:{ref:this.catchRef,class:`${t}__heading-button`},ContentProps:{class:`${t}__content`,wrapperClass:`${t}__wrapper`,animationClass:`${t}__wrapper-animation`}};return l(b,Object.assign({key:"4ab810c8ca65c74d9dd4911410289d301b88b747"},s),l("slot",{key:"8b395959dbca7708ef79080e80b7fbf94fa3e535"}))}validateDisabled(e){m(this,e)}validateLabel(e){f(this,e,{required:!0})}validateLevel(e){v(this,e)}validateOn(e){g(this,e)}validateOpen(e){u(this,e)}componentWillLoad(){this.validateDisabled(this._disabled),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on),this.validateOpen(this._open)}get host(){return p(this)}static get watchers(){return{_disabled:[{validateDisabled:0}],_label:[{validateLabel:0}],_level:[{validateLevel:0}],_on:[{validateOn:0}],_open:[{validateOpen:0}]}}};y.style={default:k()};export{y as kol_accordion};
-//# sourceMappingURL=kol-accordion.entry-B3q3Iy0c.js.map

package/dist/assets/kol-accordion.entry-B3q3Iy0c.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"kol-accordion.entry-B3q3Iy0c.js","sources":["../../../../components/dist/esm/kol-accordion.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, g as getElement } from './index-BVfSKhpj.js';\nimport { K as KolCollapsibleFc } from './Collapsible-CK8NIzH0.js';\nimport { w as watchValidator, f as featureHint } from './common-Dd0zJQbD.js';\nimport { v as validateDisabled } from './disabled-BhpAFgSp.js';\nimport { v as validateLabel } from './label-Dnmzb2S_.js';\nimport { v as validateOpen } from './open-CbvHO4XG.js';\nimport { n as nonce } from './dev.utils-CT0IU26V.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-9-skLO0f.js';\nimport { w as watchHeadingLevel } from './validation-aqgnZOL6.js';\nimport './tslib.es6-CxX45GIN.js';\nimport './clsx-eK3rPvPS.js';\nimport './component-names-C3fyby67.js';\nimport './Heading-DwQEABii.js';\n\nconst validateAccordionCallbacks = (component, value) => {\n    watchValidator(component, `_on`, (value) => typeof value === 'object' && value !== null, new Set(['AccordionCallbacksPropType {Events.onClick}']), value);\n};\n\nconst defaultStyleCss = () => ` @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;   @layer kol-a11y {   :host {          --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));          color: black;     background-color: white;          font-family: Verdana;          letter-spacing: inherit;          word-spacing: inherit;          text-align: left;   }   * {          hyphens: auto;          word-break: break-word;   }                  button,   .kol-input .input {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }      a,   button,   h1,   h2,   h3,   h4,   h5,   h6,   input,   option,   select,   textarea {          color: inherit;          font-family: inherit;          font-size: inherit;          letter-spacing: inherit;          word-spacing: inherit;   }      .visually-hidden {     position: fixed;     top: 0;     left: 0;     width: 1px;     height: 1px;     overflow: hidden;     white-space: nowrap;     clip-path: inset(50%);   } } @layer kol-global {      :is(a, button) {     background-color: transparent;     width: 100%;     margin: 0;     padding: 0;     border: none;        }      [hidden] {     display: none !important;   }   .badge-text-hint {     color: black;     background-color: lightgray;   } } @layer kol-global {   :host {          max-width: 100%;     font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   * {          box-sizing: border-box;   }   .kol-span {          display: flex;     flex-flow: column;     align-items: center;     justify-content: center;        }   .kol-span__container {     display: flex;     align-items: center;   }   a,   button {     cursor: pointer;   }   .kol-span .kol-span__label--hide-label .kol-span__label {     display: none;   }      button:disabled {     color: unset;   }   .disabled label,   .disabled:focus-within label,   [aria-disabled=true],   [aria-disabled=true]:focus,   [disabled],   [disabled]:focus {     opacity: 0.5;     outline: none;     cursor: not-allowed;   }   [aria-disabled=true]:focus .kol-span,   [disabled]:focus .kol-span {     outline: none !important;   } } @layer kol-component {   :host {     display: block;   } }  @layer kol-component {   @media (prefers-reduced-motion) {     .collapsible__wrapper-animation, .collapsible__wrapper {       transition-duration: 0s;     }   }   .collapsible {        }   @media print {     :not(.collapsible--open) .collapsible__wrapper-animation {       display: none;     }   }   .collapsible__wrapper {          transform: translateZ(0);     display: grid;     grid-template-rows: 0fr;     transition: grid-template-rows 0.3s;   }   .collapsible__wrapper-animation {     opacity: 0;     transform: scaleY(0);     transform-origin: top;     min-height: 0;          visibility: hidden;     transition: transform 0.3s, opacity 0.3s, visibility 0.3s;   }   .collapsible--open .collapsible__wrapper {     grid-template-rows: 1fr;   }   .collapsible--open .collapsible__wrapper-animation {     opacity: 1;     transform: scaleY(1);     visibility: visible;   }   .collapsible {        }   .collapsible__heading-button button .kol-span {     align-items: flex-start;   }   .collapsible--open:focus-within {     position: relative;     z-index: 100;   } }`;\n\nfeatureHint(`[KolAccordion] Anfrage nach einer KolAccordionGroup bei dem immer nur ein Accordion geöffnet ist.\n\n- onClick auf der KolAccordion anwenden\n- Click-Event prüft den _open-Status der Accordions\n- Logik Öffnet und Schließt entsprechend`);\nfeatureHint(`[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.`);\nconst KolAccordion = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.nonce = nonce();\n        this.catchRef = (ref) => {\n            this.buttonWcRef = ref;\n        };\n        this.handleOnClick = (event) => {\n            this._open = !this._open;\n            setTimeout(() => {\n                var _a, _b;\n                (_b = (_a = this.state._on) === null || _a === void 0 ? void 0 : _a.onClick) === null || _b === void 0 ? void 0 : _b.call(_a, event, this._open === true);\n                if (this.host) {\n                    dispatchDomEvent(this.host, KolEvent.click, this._open === true);\n                }\n            });\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() {\n        var _a;\n        return Promise.resolve((_a = this.buttonWcRef) === null || _a === void 0 ? void 0 : _a.focus());\n    }\n    async kolFocus() {\n        return this.focus();\n    }\n    render() {\n        const { _open, _label, _disabled, _level } = this.state;\n        const rootClass = 'kol-accordion';\n        const props = {\n            id: this.nonce,\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.catchRef,\n                class: `${rootClass}__heading-button`,\n            },\n            ContentProps: {\n                class: `${rootClass}__content`,\n                wrapperClass: `${rootClass}__wrapper`,\n                animationClass: `${rootClass}__wrapper-animation`,\n            },\n        };\n        return (h(KolCollapsibleFc, Object.assign({ key: '4ab810c8ca65c74d9dd4911410289d301b88b747' }, props), h(\"slot\", { key: '8b395959dbca7708ef79080e80b7fbf94fa3e535' })));\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        validateAccordionCallbacks(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\": [{\n                \"validateDisabled\": 0\n            }],\n        \"_label\": [{\n                \"validateLabel\": 0\n            }],\n        \"_level\": [{\n                \"validateLevel\": 0\n            }],\n        \"_on\": [{\n                \"validateOn\": 0\n            }],\n        \"_open\": [{\n                \"validateOpen\": 0\n            }]\n    }; }\n};\nKolAccordion.style = {\n    default: defaultStyleCss()\n};\n\nexport { KolAccordion as kol_accordion };\n"],"names":["validateAccordionCallbacks","component","value","watchValidator","defaultStyleCss","featureHint","KolAccordion","hostRef","registerInstance","nonce","ref","event","_a","_b","dispatchDomEvent","KolEvent","_open","_label","_disabled","_level","rootClass","props","h","KolCollapsibleFc","validateDisabled","validateLabel","watchHeadingLevel","on","validateOpen","getElement"],"mappings":"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"}

package/dist/assets/kol-alert.entry-Dss1fjZh.js

@@ -1,2 +0,0 @@
-import{r as i,h as o,b as e}from"./index-hDzmycZM.js";const a=()=>" @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;   @layer kol-a11y {   :host {          --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));          color: black;     background-color: white;          font-family: Verdana;          letter-spacing: inherit;          word-spacing: inherit;          text-align: left;   }   * {          hyphens: auto;          word-break: break-word;   }                  button,   .kol-input .input {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }      a,   button,   h1,   h2,   h3,   h4,   h5,   h6,   input,   option,   select,   textarea {          color: inherit;          font-family: inherit;          font-size: inherit;          letter-spacing: inherit;          word-spacing: inherit;   }      .visually-hidden {     position: fixed;     top: 0;     left: 0;     width: 1px;     height: 1px;     overflow: hidden;     white-space: nowrap;     clip-path: inset(50%);   } } @layer kol-global {      :is(a, button) {     background-color: transparent;     width: 100%;     margin: 0;     padding: 0;     border: none;        }      [hidden] {     display: none !important;   }   .badge-text-hint {     color: black;     background-color: lightgray;   } } @layer kol-global {   :host {          max-width: 100%;     font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   * {          box-sizing: border-box;   }   .kol-span {          display: flex;     flex-flow: column;     align-items: center;     justify-content: center;        }   .kol-span__container {     display: flex;     align-items: center;   }   a,   button {     cursor: pointer;   }   .kol-span .kol-span__label--hide-label .kol-span__label {     display: none;   }      button:disabled {     color: unset;   }   .disabled label,   .disabled:focus-within label,   [aria-disabled=true],   [aria-disabled=true]:focus,   [disabled],   [disabled]:focus {     opacity: 0.5;     outline: none;     cursor: not-allowed;   }   [aria-disabled=true]:focus .kol-span,   [disabled]:focus .kol-span {     outline: none !important;   } } @layer kol-component {   :host {     display: block;   } } @layer kol-component {   .kol-tooltip {     display: contents;   }   .kol-tooltip__floating {     opacity: 0;     display: none;     position: fixed;          top: 0;     left: 0;          width: var(--kol-tooltip-width, max-content);     min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));     max-width: 90vw;     max-height: 90vh;     animation-direction: normal;          animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);     animation-fill-mode: forwards;     animation-iteration-count: 1;     animation-timing-function: ease-in;   }   .kol-tooltip__floating.hide {     animation-name: hideTooltip;   }   .kol-tooltip__floating.show {     animation-name: showTooltip;   }   .kol-tooltip__arrow {     transform: rotate(45deg);     color: #000;     background-color: #fff;     position: absolute;     z-index: 999;     width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));     height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-tooltip__content {     color: #000;     background-color: #fff;     position: relative;     z-index: 1000;   }   @keyframes hideTooltip {     0% {       opacity: 1;     }     100% {       opacity: 0;       display: none;     }   }   @keyframes showTooltip {     0% {       opacity: 0;     }     100% {       opacity: 1;     }   } } @layer kol-component {   .kol-alert {     display: grid;   }   .kol-alert__container {     display: flex;     place-items: center;   }   .kol-alert__container-content {     flex-grow: 1;   }   .kol-alert__closer {          outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));   } }",l=class{constructor(t){i(this,t),this._alert=!1,this._hasCloser=!1,this._level=0,this._type="default",this._variant="msg",this.state={_level:0}}render(){return o(e,{key:"bf51c76e2d6568eea0d1a0c3047da6987aa249d8",_alert:this._alert,_hasCloser:this._hasCloser,_label:this._label,_level:this._level,_on:this._on,_type:this._type,_variant:this._variant},o("slot",{key:"b754666af76f0fcbb15ffeaa4d11b2f61d93abc4"}))}};l.style={default:a()};export{l as kol_alert};
-//# sourceMappingURL=kol-alert.entry-Dss1fjZh.js.map

package/dist/assets/kol-alert.entry-Dss1fjZh.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"kol-alert.entry-Dss1fjZh.js","sources":["../../../../components/dist/esm/kol-alert.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-BVfSKhpj.js';\nimport { b as KolAlertWcTag } from './component-names-C3fyby67.js';\nimport './common-Dd0zJQbD.js';\n\nconst defaultStyleCss = () => ` @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;   @layer kol-a11y {   :host {          --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));          color: black;     background-color: white;          font-family: Verdana;          letter-spacing: inherit;          word-spacing: inherit;          text-align: left;   }   * {          hyphens: auto;          word-break: break-word;   }                  button,   .kol-input .input {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }      a,   button,   h1,   h2,   h3,   h4,   h5,   h6,   input,   option,   select,   textarea {          color: inherit;          font-family: inherit;          font-size: inherit;          letter-spacing: inherit;          word-spacing: inherit;   }      .visually-hidden {     position: fixed;     top: 0;     left: 0;     width: 1px;     height: 1px;     overflow: hidden;     white-space: nowrap;     clip-path: inset(50%);   } } @layer kol-global {      :is(a, button) {     background-color: transparent;     width: 100%;     margin: 0;     padding: 0;     border: none;        }      [hidden] {     display: none !important;   }   .badge-text-hint {     color: black;     background-color: lightgray;   } } @layer kol-global {   :host {          max-width: 100%;     font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   * {          box-sizing: border-box;   }   .kol-span {          display: flex;     flex-flow: column;     align-items: center;     justify-content: center;        }   .kol-span__container {     display: flex;     align-items: center;   }   a,   button {     cursor: pointer;   }   .kol-span .kol-span__label--hide-label .kol-span__label {     display: none;   }      button:disabled {     color: unset;   }   .disabled label,   .disabled:focus-within label,   [aria-disabled=true],   [aria-disabled=true]:focus,   [disabled],   [disabled]:focus {     opacity: 0.5;     outline: none;     cursor: not-allowed;   }   [aria-disabled=true]:focus .kol-span,   [disabled]:focus .kol-span {     outline: none !important;   } } @layer kol-component {   :host {     display: block;   } } @layer kol-component {   .kol-tooltip {     display: contents;   }   .kol-tooltip__floating {     opacity: 0;     display: none;     position: fixed;          top: 0;     left: 0;          width: var(--kol-tooltip-width, max-content);     min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));     max-width: 90vw;     max-height: 90vh;     animation-direction: normal;          animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);     animation-fill-mode: forwards;     animation-iteration-count: 1;     animation-timing-function: ease-in;   }   .kol-tooltip__floating.hide {     animation-name: hideTooltip;   }   .kol-tooltip__floating.show {     animation-name: showTooltip;   }   .kol-tooltip__arrow {     transform: rotate(45deg);     color: #000;     background-color: #fff;     position: absolute;     z-index: 999;     width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));     height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-tooltip__content {     color: #000;     background-color: #fff;     position: relative;     z-index: 1000;   }   @keyframes hideTooltip {     0% {       opacity: 1;     }     100% {       opacity: 0;       display: none;     }   }   @keyframes showTooltip {     0% {       opacity: 0;     }     100% {       opacity: 1;     }   } } @layer kol-component {   .kol-alert {     display: grid;   }   .kol-alert__container {     display: flex;     place-items: center;   }   .kol-alert__container-content {     flex-grow: 1;   }   .kol-alert__closer {          outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));   } }`;\n\nconst KolAlert = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this._alert = false;\n        this._hasCloser = false;\n        this._level = 0;\n        this._type = 'default';\n        this._variant = 'msg';\n        this.state = {\n            _level: 0,\n        };\n    }\n    render() {\n        return (h(KolAlertWcTag, { key: 'bf51c76e2d6568eea0d1a0c3047da6987aa249d8', _alert: this._alert, _hasCloser: this._hasCloser, _label: this._label, _level: this._level, _on: this._on, _type: this._type, _variant: this._variant }, h(\"slot\", { key: 'b754666af76f0fcbb15ffeaa4d11b2f61d93abc4' })));\n    }\n};\nKolAlert.style = {\n    default: defaultStyleCss()\n};\n\nexport { KolAlert as kol_alert };\n"],"names":["defaultStyleCss","KolAlert","hostRef","registerInstance","h","KolAlertWcTag"],"mappings":"sDAOA,MAAMA,EAAkB,IAAM,4uHAExBC,EAAW,KAAM,CACnB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,OAAS,GACd,KAAK,WAAa,GAClB,KAAK,OAAS,EACd,KAAK,MAAQ,UACb,KAAK,SAAW,MAChB,KAAK,MAAQ,CACT,OAAQ,CACpB,CACI,CACA,QAAS,CACL,OAAQE,EAAEC,EAAe,CAAE,IAAK,2CAA4C,OAAQ,KAAK,OAAQ,WAAY,KAAK,WAAY,OAAQ,KAAK,OAAQ,OAAQ,KAAK,OAAQ,IAAK,KAAK,IAAK,MAAO,KAAK,MAAO,SAAU,KAAK,QAAQ,EAAID,EAAE,OAAQ,CAAE,IAAK,0CAA0C,CAAE,CAAC,CACvS,CACJ,EACAH,EAAS,MAAQ,CACb,QAASD,EAAe,CAC5B"}

package/dist/assets/kol-avatar.entry-D6-gitDM.js

@@ -1,2 +0,0 @@
-import{r as a,h as t,c as i}from"./index-hDzmycZM.js";const e=()=>"  @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;  @layer kol-a11y {   :host {          --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));          color: black;     background-color: white;          font-family: Verdana;          letter-spacing: inherit;          word-spacing: inherit;          text-align: left;   }   * {          hyphens: auto;          word-break: break-word;   }                  button,   .kol-input .input {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }      a,   button,   h1,   h2,   h3,   h4,   h5,   h6,   input,   option,   select,   textarea {          color: inherit;          font-family: inherit;          font-size: inherit;          letter-spacing: inherit;          word-spacing: inherit;   }      .visually-hidden {     position: fixed;     top: 0;     left: 0;     width: 1px;     height: 1px;     overflow: hidden;     white-space: nowrap;     clip-path: inset(50%);   } } @layer kol-global {      :is(a, button) {     background-color: transparent;     width: 100%;     margin: 0;     padding: 0;     border: none;        }      [hidden] {     display: none !important;   }   .badge-text-hint {     color: black;     background-color: lightgray;   } } @layer kol-global {   :host {          max-width: 100%;     font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   * {          box-sizing: border-box;   }   .kol-span {          display: flex;     flex-flow: column;     align-items: center;     justify-content: center;        }   .kol-span__container {     display: flex;     align-items: center;   }   a,   button {     cursor: pointer;   }   .kol-span .kol-span__label--hide-label .kol-span__label {     display: none;   }      button:disabled {     color: unset;   }   .disabled label,   .disabled:focus-within label,   [aria-disabled=true],   [aria-disabled=true]:focus,   [disabled],   [disabled]:focus {     opacity: 0.5;     outline: none;     cursor: not-allowed;   }   [aria-disabled=true]:focus .kol-span,   [disabled]:focus .kol-span {     outline: none !important;   } } @layer kol-component {   :host {     display: block;   } } @layer kol-component {   .kol-avatar,   .kol-avatar__image,   .kol-avatar__initials {     border-radius: 50%;   }   .kol-avatar {          outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));     width: calc(100 * 1rem / var(--kolibri-root-font-size, 16));     height: calc(100 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-avatar__image, .kol-avatar__initials {     width: 100%;     height: 100%;   }   .kol-avatar__initials {     background-color: inherit;     display: flex;     align-items: center;     justify-content: center;     font-size: calc(40 * 1rem / var(--kolibri-root-font-size, 16));   } }",l=class{constructor(o){a(this,o),this._color="#d3d3d3"}render(){return t(i,{key:"b50d593f2fcc07fb3a1c8a92786df6ddcbc917cf",_color:this._color,_src:this._src,_label:this._label})}};l.style={default:e()};export{l as kol_avatar};
-//# sourceMappingURL=kol-avatar.entry-D6-gitDM.js.map

package/dist/assets/kol-avatar.entry-D6-gitDM.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"kol-avatar.entry-D6-gitDM.js","sources":["../../../../components/dist/esm/kol-avatar.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-BVfSKhpj.js';\nimport { c as KolAvatarWcTag } from './component-names-C3fyby67.js';\nimport './common-Dd0zJQbD.js';\n\nconst defaultStyleCss = () => `  @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;  @layer kol-a11y {   :host {          --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));          color: black;     background-color: white;          font-family: Verdana;          letter-spacing: inherit;          word-spacing: inherit;          text-align: left;   }   * {          hyphens: auto;          word-break: break-word;   }                  button,   .kol-input .input {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }      a,   button,   h1,   h2,   h3,   h4,   h5,   h6,   input,   option,   select,   textarea {          color: inherit;          font-family: inherit;          font-size: inherit;          letter-spacing: inherit;          word-spacing: inherit;   }      .visually-hidden {     position: fixed;     top: 0;     left: 0;     width: 1px;     height: 1px;     overflow: hidden;     white-space: nowrap;     clip-path: inset(50%);   } } @layer kol-global {      :is(a, button) {     background-color: transparent;     width: 100%;     margin: 0;     padding: 0;     border: none;        }      [hidden] {     display: none !important;   }   .badge-text-hint {     color: black;     background-color: lightgray;   } } @layer kol-global {   :host {          max-width: 100%;     font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   * {          box-sizing: border-box;   }   .kol-span {          display: flex;     flex-flow: column;     align-items: center;     justify-content: center;        }   .kol-span__container {     display: flex;     align-items: center;   }   a,   button {     cursor: pointer;   }   .kol-span .kol-span__label--hide-label .kol-span__label {     display: none;   }      button:disabled {     color: unset;   }   .disabled label,   .disabled:focus-within label,   [aria-disabled=true],   [aria-disabled=true]:focus,   [disabled],   [disabled]:focus {     opacity: 0.5;     outline: none;     cursor: not-allowed;   }   [aria-disabled=true]:focus .kol-span,   [disabled]:focus .kol-span {     outline: none !important;   } } @layer kol-component {   :host {     display: block;   } } @layer kol-component {   .kol-avatar,   .kol-avatar__image,   .kol-avatar__initials {     border-radius: 50%;   }   .kol-avatar {          outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));     width: calc(100 * 1rem / var(--kolibri-root-font-size, 16));     height: calc(100 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-avatar__image, .kol-avatar__initials {     width: 100%;     height: 100%;   }   .kol-avatar__initials {     background-color: inherit;     display: flex;     align-items: center;     justify-content: center;     font-size: calc(40 * 1rem / var(--kolibri-root-font-size, 16));   } }`;\n\nconst KolAvatar = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this._color = '#d3d3d3';\n    }\n    render() {\n        return h(KolAvatarWcTag, { key: 'b50d593f2fcc07fb3a1c8a92786df6ddcbc917cf', _color: this._color, _src: this._src, _label: this._label });\n    }\n};\nKolAvatar.style = {\n    default: defaultStyleCss()\n};\n\nexport { KolAvatar as kol_avatar };\n"],"names":["defaultStyleCss","KolAvatar","hostRef","registerInstance","h","KolAvatarWcTag"],"mappings":"sDAOA,MAAMA,EAAkB,IAAM,ixFAExBC,EAAY,KAAM,CACpB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,OAAS,SAClB,CACA,QAAS,CACL,OAAOE,EAAEC,EAAgB,CAAE,IAAK,2CAA4C,OAAQ,KAAK,OAAQ,KAAM,KAAK,KAAM,OAAQ,KAAK,MAAM,CAAE,CAC3I,CACJ,EACAJ,EAAU,MAAQ,CACd,QAASD,EAAe,CAC5B"}

package/dist/assets/kol-badge.entry-BwIYad7r.js

@@ -1,2 +0,0 @@
-import{r as e,h as i,e as n,o as l,f as r,p as s,s as c}from"./index-hDzmycZM.js";import"./Alert-I3c2hFqL-BJ91wMmi.js";import{c as d}from"./clsx-eK3rPvPS-B-dksMZM.js";import{h,v as m}from"./color-BOIEtqEM-CeIOGeuA.js";import{v as u}from"./icons-DNTuScEN-yEnXhcF2.js";import"./i18n-LBpyQ66X-tgWLHoTR.js";import{K as b}from"./Span-_4yQD2YZ-CzGvCcG8.js";import{n as f}from"./dev.utils-CT0IU26V-Cs-xItdq.js";import"./tslib.es6-CxX45GIN-BGVaTf34.js";import"./markdown-BSkXjaSn-CgWNYJ5a.js";import"./isObject-DvSELytj-DhzEQer1.js";import"./Heading-DwQEABii-THMC_gpR.js";import"./Icon-DazIQvDi-DtkY3Xyh.js";import"./reuse-CX4AQDkS-BaVSFETn.js";import"./InternalUnderlinedBadgeText-BXMEPoNX-CjXRzrmL.js";const p=()=>"  @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;  @layer kol-a11y {   :host {          --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));          color: black;     background-color: white;          font-family: Verdana;          letter-spacing: inherit;          word-spacing: inherit;          text-align: left;   }   * {          hyphens: auto;          word-break: break-word;   }                  button,   .kol-input .input {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }      a,   button,   h1,   h2,   h3,   h4,   h5,   h6,   input,   option,   select,   textarea {          color: inherit;          font-family: inherit;          font-size: inherit;          letter-spacing: inherit;          word-spacing: inherit;   }      .visually-hidden {     position: fixed;     top: 0;     left: 0;     width: 1px;     height: 1px;     overflow: hidden;     white-space: nowrap;     clip-path: inset(50%);   } } @layer kol-global {      :is(a, button) {     background-color: transparent;     width: 100%;     margin: 0;     padding: 0;     border: none;        }      [hidden] {     display: none !important;   }   .badge-text-hint {     color: black;     background-color: lightgray;   } } @layer kol-global {   :host {          max-width: 100%;     font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   * {          box-sizing: border-box;   }   .kol-span {          display: flex;     flex-flow: column;     align-items: center;     justify-content: center;        }   .kol-span__container {     display: flex;     align-items: center;   }   a,   button {     cursor: pointer;   }   .kol-span .kol-span__label--hide-label .kol-span__label {     display: none;   }      button:disabled {     color: unset;   }   .disabled label,   .disabled:focus-within label,   [aria-disabled=true],   [aria-disabled=true]:focus,   [disabled],   [disabled]:focus {     opacity: 0.5;     outline: none;     cursor: not-allowed;   }   [aria-disabled=true]:focus .kol-span,   [disabled]:focus .kol-span {     outline: none !important;   } } @layer kol-component {   .kol-tooltip {     display: contents;   }   .kol-tooltip__floating {     opacity: 0;     display: none;     position: fixed;          top: 0;     left: 0;          width: var(--kol-tooltip-width, max-content);     min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));     max-width: 90vw;     max-height: 90vh;     animation-direction: normal;          animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);     animation-fill-mode: forwards;     animation-iteration-count: 1;     animation-timing-function: ease-in;   }   .kol-tooltip__floating.hide {     animation-name: hideTooltip;   }   .kol-tooltip__floating.show {     animation-name: showTooltip;   }   .kol-tooltip__arrow {     transform: rotate(45deg);     color: #000;     background-color: #fff;     position: absolute;     z-index: 999;     width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));     height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-tooltip__content {     color: #000;     background-color: #fff;     position: relative;     z-index: 1000;   }   @keyframes hideTooltip {     0% {       opacity: 1;     }     100% {       opacity: 0;       display: none;     }   }   @keyframes showTooltip {     0% {       opacity: 0;     }     100% {       opacity: 1;     }   } } @layer kol-component {   .kol-badge {          outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));     display: inline-flex;     place-items: center;   }   .kol-badge .kol-badge__smart-button .button {     color: inherit;   } }";r("[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).");const _=class{constructor(t){e(this,t),this.bgColorStr="#000",this.colorStr="#fff",this.id=f(),this.catchSmartButtonRef=o=>{this.smartButtonRef=o},this._color="#000",this.state={_color:{backgroundColor:"#000",foregroundColor:"#fff"},_icons:{}},this.handleColorChange=o=>{const a=h(o);this.bgColorStr=a.backgroundColor,this.colorStr=a.foregroundColor}}renderSmartButton(t){return i(n,{ref:this.catchSmartButtonRef,class:"kol-badge__smart-button",_ariaControls:this.id,_ariaDescription:t._ariaDescription,_buttonVariant:t._variant,_customClass:t._customClass,_disabled:t._disabled,_hideLabel:!0,_icons:t._icons,_id:t._id,_label:t._label,_on:t._on,_tooltipAlign:t._tooltipAlign})}async focus(){var t;return Promise.resolve((t=this.smartButtonRef)===null||t===void 0?void 0:t.focus())}async kolFocus(){return this.focus()}render(){const t=typeof this.state._smartButton=="object"&&this.state._smartButton!==null;return i("span",{key:"aa434ba6ebe2fd58562931d192cc7747b3d4c429",class:d("kol-badge",{"kol-badge--has-smart-button":typeof this.state._smartButton=="object"&&this.state._smartButton!==null}),style:{backgroundColor:this.bgColorStr,color:this.colorStr}},i(b,{key:"fa0dd9eadb49f101a9e85348187cfecd9958dfc4",class:"kol-badge__label",id:t?this.id:void 0,allowMarkdown:!0,icons:this.state._icons,label:this._label}),t&&this.renderSmartButton(this.state._smartButton))}validateIcons(t){u(this,t)}validateColor(t){m(this,t,{defaultValue:"#000",hooks:{beforePatch:this.handleColorChange}})}validateSmartButton(t){l(t,()=>{try{t=s(t)}catch{}c(this,"_smartButton",t)})}componentWillLoad(){this.validateIcons(this._icons),this.validateColor(this._color),this.validateSmartButton(this._smartButton)}static get watchers(){return{_icons:[{validateIcons:0}],_color:[{validateColor:0}],_smartButton:[{validateSmartButton:0}]}}};_.style={default:p()};export{_ as kol_badge};
-//# sourceMappingURL=kol-badge.entry-BwIYad7r.js.map

package/dist/assets/kol-badge.entry-BwIYad7r.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"kol-badge.entry-BwIYad7r.js","sources":["../../../../components/dist/esm/kol-badge.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-BVfSKhpj.js';\nimport './Alert-I3c2hFqL.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport { d as KolButtonWcTag } from './component-names-C3fyby67.js';\nimport { f as featureHint, o as objectObjectHandler, p as parseJson, s as setState } from './common-Dd0zJQbD.js';\nimport { h as handleColorChange, v as validateColor } from './color-BOIEtqEM.js';\nimport { v as validateIcons } from './icons-DNTuScEN.js';\nimport './i18n-LBpyQ66X.js';\nimport { K as KolSpanFc } from './Span-_4yQD2YZ.js';\nimport { n as nonce } from './dev.utils-CT0IU26V.js';\nimport './tslib.es6-CxX45GIN.js';\nimport './bem-Dj4gWVFO.js';\nimport './browser-DiRe0qUf.js';\nimport './Heading-DwQEABii.js';\nimport './i18n-CfLoIZ8T.js';\nimport './Icon-DazIQvDi.js';\nimport './reuse-CX4AQDkS.js';\nimport './markdown-BSkXjaSn.js';\nimport './InternalUnderlinedBadgeText-BXMEPoNX.js';\nimport './isObject-DvSELytj.js';\n\nconst defaultStyleCss = () => `  @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;  @layer kol-a11y {   :host {          --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));          color: black;     background-color: white;          font-family: Verdana;          letter-spacing: inherit;          word-spacing: inherit;          text-align: left;   }   * {          hyphens: auto;          word-break: break-word;   }                  button,   .kol-input .input {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }      a,   button,   h1,   h2,   h3,   h4,   h5,   h6,   input,   option,   select,   textarea {          color: inherit;          font-family: inherit;          font-size: inherit;          letter-spacing: inherit;          word-spacing: inherit;   }      .visually-hidden {     position: fixed;     top: 0;     left: 0;     width: 1px;     height: 1px;     overflow: hidden;     white-space: nowrap;     clip-path: inset(50%);   } } @layer kol-global {      :is(a, button) {     background-color: transparent;     width: 100%;     margin: 0;     padding: 0;     border: none;        }      [hidden] {     display: none !important;   }   .badge-text-hint {     color: black;     background-color: lightgray;   } } @layer kol-global {   :host {          max-width: 100%;     font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   * {          box-sizing: border-box;   }   .kol-span {          display: flex;     flex-flow: column;     align-items: center;     justify-content: center;        }   .kol-span__container {     display: flex;     align-items: center;   }   a,   button {     cursor: pointer;   }   .kol-span .kol-span__label--hide-label .kol-span__label {     display: none;   }      button:disabled {     color: unset;   }   .disabled label,   .disabled:focus-within label,   [aria-disabled=true],   [aria-disabled=true]:focus,   [disabled],   [disabled]:focus {     opacity: 0.5;     outline: none;     cursor: not-allowed;   }   [aria-disabled=true]:focus .kol-span,   [disabled]:focus .kol-span {     outline: none !important;   } } @layer kol-component {   .kol-tooltip {     display: contents;   }   .kol-tooltip__floating {     opacity: 0;     display: none;     position: fixed;          top: 0;     left: 0;          width: var(--kol-tooltip-width, max-content);     min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));     max-width: 90vw;     max-height: 90vh;     animation-direction: normal;          animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);     animation-fill-mode: forwards;     animation-iteration-count: 1;     animation-timing-function: ease-in;   }   .kol-tooltip__floating.hide {     animation-name: hideTooltip;   }   .kol-tooltip__floating.show {     animation-name: showTooltip;   }   .kol-tooltip__arrow {     transform: rotate(45deg);     color: #000;     background-color: #fff;     position: absolute;     z-index: 999;     width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));     height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-tooltip__content {     color: #000;     background-color: #fff;     position: relative;     z-index: 1000;   }   @keyframes hideTooltip {     0% {       opacity: 1;     }     100% {       opacity: 0;       display: none;     }   }   @keyframes showTooltip {     0% {       opacity: 0;     }     100% {       opacity: 1;     }   } } @layer kol-component {   .kol-badge {          outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));     display: inline-flex;     place-items: center;   }   .kol-badge .kol-badge__smart-button .button {     color: inherit;   } }`;\n\nfeatureHint(`[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).`);\nconst KolBadge = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.bgColorStr = '#000';\n        this.colorStr = '#fff';\n        this.id = nonce();\n        this.catchSmartButtonRef = (ref) => {\n            this.smartButtonRef = ref;\n        };\n        this._color = '#000';\n        this.state = {\n            _color: {\n                backgroundColor: '#000',\n                foregroundColor: '#fff',\n            },\n            _icons: {},\n        };\n        this.handleColorChange = (value) => {\n            const colorPair = handleColorChange(value);\n            this.bgColorStr = colorPair.backgroundColor;\n            this.colorStr = colorPair.foregroundColor;\n        };\n    }\n    renderSmartButton(props) {\n        return (h(KolButtonWcTag, { ref: this.catchSmartButtonRef, class: \"kol-badge__smart-button\", _ariaControls: this.id, _ariaDescription: props._ariaDescription, _buttonVariant: props._variant, _customClass: props._customClass, _disabled: props._disabled, _hideLabel: true, _icons: props._icons, _id: props._id, _label: props._label, _on: props._on, _tooltipAlign: props._tooltipAlign }));\n    }\n    async focus() {\n        var _a;\n        return Promise.resolve((_a = this.smartButtonRef) === null || _a === void 0 ? void 0 : _a.focus());\n    }\n    async kolFocus() {\n        return this.focus();\n    }\n    render() {\n        const hasSmartButton = typeof this.state._smartButton === 'object' && this.state._smartButton !== null;\n        return (h(\"span\", { key: 'aa434ba6ebe2fd58562931d192cc7747b3d4c429', class: clsx('kol-badge', {\n                'kol-badge--has-smart-button': typeof this.state._smartButton === 'object' && this.state._smartButton !== null,\n            }), style: {\n                backgroundColor: this.bgColorStr,\n                color: this.colorStr,\n            } }, h(KolSpanFc, { key: 'fa0dd9eadb49f101a9e85348187cfecd9958dfc4', class: \"kol-badge__label\", id: hasSmartButton ? this.id : undefined, allowMarkdown: true, icons: this.state._icons, label: this._label }), hasSmartButton && this.renderSmartButton(this.state._smartButton)));\n    }\n    validateIcons(value) {\n        validateIcons(this, value);\n    }\n    validateColor(value) {\n        validateColor(this, value, {\n            defaultValue: '#000',\n            hooks: {\n                beforePatch: this.handleColorChange,\n            },\n        });\n    }\n    validateSmartButton(value) {\n        objectObjectHandler(value, () => {\n            try {\n                value = parseJson(value);\n            }\n            catch (e) {\n            }\n            setState(this, '_smartButton', value);\n        });\n    }\n    componentWillLoad() {\n        this.validateIcons(this._icons);\n        this.validateColor(this._color);\n        this.validateSmartButton(this._smartButton);\n    }\n    static get watchers() { return {\n        \"_icons\": [{\n                \"validateIcons\": 0\n            }],\n        \"_color\": [{\n                \"validateColor\": 0\n            }],\n        \"_smartButton\": [{\n                \"validateSmartButton\": 0\n            }]\n    }; }\n};\nKolBadge.style = {\n    default: defaultStyleCss()\n};\n\nexport { KolBadge as kol_badge };\n"],"names":["defaultStyleCss","featureHint","KolBadge","hostRef","registerInstance","nonce","ref","value","colorPair","handleColorChange","props","h","KolButtonWcTag","_a","hasSmartButton","clsx","KolSpanFc","validateIcons","validateColor","objectObjectHandler","parseJson","setState"],"mappings":"wrBAwBA,MAAMA,EAAkB,IAAM,4nHAE9BC,EAAY,qEAAqE,EAC5E,MAACC,EAAW,KAAM,CACnB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,WAAa,OAClB,KAAK,SAAW,OAChB,KAAK,GAAKE,EAAK,EACf,KAAK,oBAAuBC,GAAQ,CAChC,KAAK,eAAiBA,CAC1B,EACA,KAAK,OAAS,OACd,KAAK,MAAQ,CACT,OAAQ,CACJ,gBAAiB,OACjB,gBAAiB,MACjC,EACY,OAAQ,CAAA,CACpB,EACQ,KAAK,kBAAqBC,GAAU,CAChC,MAAMC,EAAYC,EAAkBF,CAAK,EACzC,KAAK,WAAaC,EAAU,gBAC5B,KAAK,SAAWA,EAAU,eAC9B,CACJ,CACA,kBAAkBE,EAAO,CACrB,OAAQC,EAAEC,EAAgB,CAAE,IAAK,KAAK,oBAAqB,MAAO,0BAA2B,cAAe,KAAK,GAAI,iBAAkBF,EAAM,iBAAkB,eAAgBA,EAAM,SAAU,aAAcA,EAAM,aAAc,UAAWA,EAAM,UAAW,WAAY,GAAM,OAAQA,EAAM,OAAQ,IAAKA,EAAM,IAAK,OAAQA,EAAM,OAAQ,IAAKA,EAAM,IAAK,cAAeA,EAAM,cAAe,CACnY,CACA,MAAM,OAAQ,CACV,IAAIG,EACJ,OAAO,QAAQ,SAASA,EAAK,KAAK,kBAAoB,MAAQA,IAAO,OAAS,OAASA,EAAG,MAAK,CAAE,CACrG,CACA,MAAM,UAAW,CACb,OAAO,KAAK,MAAK,CACrB,CACA,QAAS,CACL,MAAMC,EAAiB,OAAO,KAAK,MAAM,cAAiB,UAAY,KAAK,MAAM,eAAiB,KAClG,OAAQH,EAAE,OAAQ,CAAE,IAAK,2CAA4C,MAAOI,EAAK,YAAa,CACtF,8BAA+B,OAAO,KAAK,MAAM,cAAiB,UAAY,KAAK,MAAM,eAAiB,IAC1H,CAAa,EAAG,MAAO,CACP,gBAAiB,KAAK,WACtB,MAAO,KAAK,QAC5B,CAAa,EAAIJ,EAAEK,EAAW,CAAE,IAAK,2CAA4C,MAAO,mBAAoB,GAAIF,EAAiB,KAAK,GAAK,OAAW,cAAe,GAAM,MAAO,KAAK,MAAM,OAAQ,MAAO,KAAK,MAAM,CAAE,EAAGA,GAAkB,KAAK,kBAAkB,KAAK,MAAM,YAAY,CAAC,CACzR,CACA,cAAcP,EAAO,CACjBU,EAAc,KAAMV,CAAK,CAC7B,CACA,cAAcA,EAAO,CACjBW,EAAc,KAAMX,EAAO,CACvB,aAAc,OACd,MAAO,CACH,YAAa,KAAK,iBAClC,CACA,CAAS,CACL,CACA,oBAAoBA,EAAO,CACvBY,EAAoBZ,EAAO,IAAM,CAC7B,GAAI,CACAA,EAAQa,EAAUb,CAAK,CAC3B,MACU,CACV,CACAc,EAAS,KAAM,eAAgBd,CAAK,CACxC,CAAC,CACL,CACA,mBAAoB,CAChB,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,oBAAoB,KAAK,YAAY,CAC9C,CACA,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,CACH,cAAiB,CACjC,CAAa,EACL,OAAU,CAAC,CACH,cAAiB,CACjC,CAAa,EACL,aAAgB,CAAC,CACT,oBAAuB,CACvC,CAAa,CACb,CAAO,CACP,EACAL,EAAS,MAAQ,CACb,QAASF,EAAe,CAC5B"}

package/dist/assets/kol-breadcrumb.entry-Dm7LdhUK.js

@@ -1,2 +0,0 @@
-import{r,h as e,i as t,F as s,j as c,k as d}from"./index-hDzmycZM.js";import{v as b}from"./label-Dnmzb2S_-YuosJx7D.js";import{r as l,a as m}from"./unique-nav-labels-CrfmPC99-EqK7GyZg.js";import{w as k}from"./validation-BfjI5un_-BVFslV0j.js";const p=()=>' @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;   @layer kol-a11y {   :host {          --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));          color: black;     background-color: white;          font-family: Verdana;          letter-spacing: inherit;          word-spacing: inherit;          text-align: left;   }   * {          hyphens: auto;          word-break: break-word;   }                  button,   .kol-input .input {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }      a,   button,   h1,   h2,   h3,   h4,   h5,   h6,   input,   option,   select,   textarea {          color: inherit;          font-family: inherit;          font-size: inherit;          letter-spacing: inherit;          word-spacing: inherit;   }      .visually-hidden {     position: fixed;     top: 0;     left: 0;     width: 1px;     height: 1px;     overflow: hidden;     white-space: nowrap;     clip-path: inset(50%);   } } @layer kol-global {      :is(a, button) {     background-color: transparent;     width: 100%;     margin: 0;     padding: 0;     border: none;        }      [hidden] {     display: none !important;   }   .badge-text-hint {     color: black;     background-color: lightgray;   } } @layer kol-global {   :host {          max-width: 100%;     font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   * {          box-sizing: border-box;   }   .kol-span {          display: flex;     flex-flow: column;     align-items: center;     justify-content: center;        }   .kol-span__container {     display: flex;     align-items: center;   }   a,   button {     cursor: pointer;   }   .kol-span .kol-span__label--hide-label .kol-span__label {     display: none;   }      button:disabled {     color: unset;   }   .disabled label,   .disabled:focus-within label,   [aria-disabled=true],   [aria-disabled=true]:focus,   [disabled],   [disabled]:focus {     opacity: 0.5;     outline: none;     cursor: not-allowed;   }   [aria-disabled=true]:focus .kol-span,   [disabled]:focus .kol-span {     outline: none !important;   } } @layer kol-component {   .kol-tooltip {     display: contents;   }   .kol-tooltip__floating {     opacity: 0;     display: none;     position: fixed;          top: 0;     left: 0;          width: var(--kol-tooltip-width, max-content);     min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));     max-width: 90vw;     max-height: 90vh;     animation-direction: normal;          animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);     animation-fill-mode: forwards;     animation-iteration-count: 1;     animation-timing-function: ease-in;   }   .kol-tooltip__floating.hide {     animation-name: hideTooltip;   }   .kol-tooltip__floating.show {     animation-name: showTooltip;   }   .kol-tooltip__arrow {     transform: rotate(45deg);     color: #000;     background-color: #fff;     position: absolute;     z-index: 999;     width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));     height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-tooltip__content {     color: #000;     background-color: #fff;     position: relative;     z-index: 1000;   }   @keyframes hideTooltip {     0% {       opacity: 1;     }     100% {       opacity: 0;       display: none;     }   }   @keyframes showTooltip {     0% {       opacity: 0;     }     100% {       opacity: 1;     }   } } @layer kol-component {   :host {     display: inline-block;   }   .kol-link {     display: inline-flex;     max-width: fit-content;     align-items: baseline;     place-items: center;     text-align: left;     text-decoration-line: none;   }   .kol-link--standalone {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }   .kol-link:is(:focus, :hover):not([aria-disabled], [disabled]) .kol-link__text .kol-span__label {     text-decoration-thickness: 0.2em;   }   .kol-link__text .kol-span__label {     text-decoration-line: underline;   }   .kol-link__icon {     display: inline-flex;     margin-left: calc(8 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-breadcrumb__list, .kol-breadcrumb__list-element {     display: flex;     margin: 0;     padding: 0;     gap: 0.5em;     flex-wrap: wrap;     place-items: center;     list-style: none;   }   .kol-breadcrumb__icon::part(separator) {     font-size: 0.7em;     font-weight: 900;   }   .kol-breadcrumb__icon::part(separator):before {     content: "\\f054";     font-family: "Font Awesome 6 Free";   } }',h=class{constructor(o){r(this,o),this.renderLink=(i,a)=>{const n=this.state._links.length-1;return e("li",{class:"kol-breadcrumb__list-element",key:a},a!==0&&e(t,{class:"kol-breadcrumb__icon",_label:"",_icons:"codicon codicon-chevron-right"}),a===n?e("span",{class:"kol-breadcrumb__list-element-span","aria-current":"page"},i._hideLabel?e(t,{class:"kol-breadcrumb__icon",_label:i._label,_icons:typeof i._icons=="string"?i._icons:"codicon codicon-symbol-event"}):e(s,null,i._label)):e(c,Object.assign({class:"kol-breadcrumb__link",_inline:!1},i)))},this.state={_label:"",_links:[]}}render(){return e("nav",{key:"357295b7fe9e9db5be6862cca0dc46143888dfde",class:"kol-breadcrumb","aria-label":this.state._label},e("ul",{key:"98a45620a07b02908b3d9d7394e5555c65f5c79b",class:"kol-breadcrumb__list"},this.state._links.length===0&&e("li",{key:"c11594ab4dcd6d864fe6183124ad764ffa758962"},e(t,{key:"ec80421edc40cd8195c97b63b65e3ce35806849b",class:"kol-breadcrumb_icon",_label:"",_icons:"codicon codicon-home"}),"…"),this.state._links.map(this.renderLink)))}validateLabel(o,i,a=!1){a||l(this.state._label),b(this,o,{required:!0}),d(o),m(this.state._label)}validateLinks(o){k("KolBreadcrumb",this,o)}componentWillLoad(){this.validateLabel(this._label,void 0,!0),this.validateLinks(this._links)}disconnectedCallback(){l(this.state._label)}static get watchers(){return{_label:[{validateLabel:0}],_links:[{validateLinks:0}]}}};h.style={default:p()};export{h as kol_breadcrumb};
-//# sourceMappingURL=kol-breadcrumb.entry-Dm7LdhUK.js.map

package/dist/assets/kol-breadcrumb.entry-Dm7LdhUK.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"kol-breadcrumb.entry-Dm7LdhUK.js","sources":["../../../../components/dist/esm/kol-breadcrumb.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, F as Fragment } from './index-BVfSKhpj.js';\nimport { c as a11yHintLabelingLandmarks } from './common-Dd0zJQbD.js';\nimport { v as validateLabel } from './label-Dnmzb2S_.js';\nimport { r as removeNavLabel, a as addNavLabel } from './unique-nav-labels-CrfmPC99.js';\nimport { w as watchNavLinks } from './validation-BfjI5un_.js';\nimport { e as KolIconTag, f as KolLinkWcTag } from './component-names-C3fyby67.js';\n\nconst defaultStyleCss = () => ` @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;   @layer kol-a11y {   :host {          --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));          color: black;     background-color: white;          font-family: Verdana;          letter-spacing: inherit;          word-spacing: inherit;          text-align: left;   }   * {          hyphens: auto;          word-break: break-word;   }                  button,   .kol-input .input {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }      a,   button,   h1,   h2,   h3,   h4,   h5,   h6,   input,   option,   select,   textarea {          color: inherit;          font-family: inherit;          font-size: inherit;          letter-spacing: inherit;          word-spacing: inherit;   }      .visually-hidden {     position: fixed;     top: 0;     left: 0;     width: 1px;     height: 1px;     overflow: hidden;     white-space: nowrap;     clip-path: inset(50%);   } } @layer kol-global {      :is(a, button) {     background-color: transparent;     width: 100%;     margin: 0;     padding: 0;     border: none;        }      [hidden] {     display: none !important;   }   .badge-text-hint {     color: black;     background-color: lightgray;   } } @layer kol-global {   :host {          max-width: 100%;     font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   * {          box-sizing: border-box;   }   .kol-span {          display: flex;     flex-flow: column;     align-items: center;     justify-content: center;        }   .kol-span__container {     display: flex;     align-items: center;   }   a,   button {     cursor: pointer;   }   .kol-span .kol-span__label--hide-label .kol-span__label {     display: none;   }      button:disabled {     color: unset;   }   .disabled label,   .disabled:focus-within label,   [aria-disabled=true],   [aria-disabled=true]:focus,   [disabled],   [disabled]:focus {     opacity: 0.5;     outline: none;     cursor: not-allowed;   }   [aria-disabled=true]:focus .kol-span,   [disabled]:focus .kol-span {     outline: none !important;   } } @layer kol-component {   .kol-tooltip {     display: contents;   }   .kol-tooltip__floating {     opacity: 0;     display: none;     position: fixed;          top: 0;     left: 0;          width: var(--kol-tooltip-width, max-content);     min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));     max-width: 90vw;     max-height: 90vh;     animation-direction: normal;          animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);     animation-fill-mode: forwards;     animation-iteration-count: 1;     animation-timing-function: ease-in;   }   .kol-tooltip__floating.hide {     animation-name: hideTooltip;   }   .kol-tooltip__floating.show {     animation-name: showTooltip;   }   .kol-tooltip__arrow {     transform: rotate(45deg);     color: #000;     background-color: #fff;     position: absolute;     z-index: 999;     width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));     height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-tooltip__content {     color: #000;     background-color: #fff;     position: relative;     z-index: 1000;   }   @keyframes hideTooltip {     0% {       opacity: 1;     }     100% {       opacity: 0;       display: none;     }   }   @keyframes showTooltip {     0% {       opacity: 0;     }     100% {       opacity: 1;     }   } } @layer kol-component {   :host {     display: inline-block;   }   .kol-link {     display: inline-flex;     max-width: fit-content;     align-items: baseline;     place-items: center;     text-align: left;     text-decoration-line: none;   }   .kol-link--standalone {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }   .kol-link:is(:focus, :hover):not([aria-disabled], [disabled]) .kol-link__text .kol-span__label {     text-decoration-thickness: 0.2em;   }   .kol-link__text .kol-span__label {     text-decoration-line: underline;   }   .kol-link__icon {     display: inline-flex;     margin-left: calc(8 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-breadcrumb__list, .kol-breadcrumb__list-element {     display: flex;     margin: 0;     padding: 0;     gap: 0.5em;     flex-wrap: wrap;     place-items: center;     list-style: none;   }   .kol-breadcrumb__icon::part(separator) {     font-size: 0.7em;     font-weight: 900;   }   .kol-breadcrumb__icon::part(separator):before {     content: \"\\\\f054\";     font-family: \"Font Awesome 6 Free\";   } }`;\n\nconst KolBreadcrumb = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.renderLink = (link, index) => {\n            const lastIndex = this.state._links.length - 1;\n            return (h(\"li\", { class: \"kol-breadcrumb__list-element\", key: index }, index !== 0 && h(KolIconTag, { class: \"kol-breadcrumb__icon\", _label: \"\", _icons: \"codicon codicon-chevron-right\" }), index === lastIndex ? (h(\"span\", { class: \"kol-breadcrumb__list-element-span\", \"aria-current\": \"page\" }, link._hideLabel ? (h(KolIconTag, { class: \"kol-breadcrumb__icon\", _label: link._label, _icons: typeof link._icons === 'string' ? link._icons : 'codicon codicon-symbol-event' })) : (h(Fragment, null, link._label)))) : (h(KolLinkWcTag, Object.assign({ class: \"kol-breadcrumb__link\", _inline: false }, link)))));\n        };\n        this.state = {\n            _label: '',\n            _links: [],\n        };\n    }\n    render() {\n        return (h(\"nav\", { key: '357295b7fe9e9db5be6862cca0dc46143888dfde', class: \"kol-breadcrumb\", \"aria-label\": this.state._label }, h(\"ul\", { key: '98a45620a07b02908b3d9d7394e5555c65f5c79b', class: \"kol-breadcrumb__list\" }, this.state._links.length === 0 && (h(\"li\", { key: 'c11594ab4dcd6d864fe6183124ad764ffa758962' }, h(KolIconTag, { key: 'ec80421edc40cd8195c97b63b65e3ce35806849b', class: \"kol-breadcrumb_icon\", _label: \"\", _icons: \"codicon codicon-home\" }), \"\\u2026\")), this.state._links.map(this.renderLink))));\n    }\n    validateLabel(value, _oldValue, initial = false) {\n        if (!initial) {\n            removeNavLabel(this.state._label);\n        }\n        validateLabel(this, value, {\n            required: true,\n        });\n        a11yHintLabelingLandmarks(value);\n        addNavLabel(this.state._label);\n    }\n    validateLinks(value) {\n        watchNavLinks('KolBreadcrumb', this, value);\n    }\n    componentWillLoad() {\n        this.validateLabel(this._label, undefined, true);\n        this.validateLinks(this._links);\n    }\n    disconnectedCallback() {\n        removeNavLabel(this.state._label);\n    }\n    static get watchers() { return {\n        \"_label\": [{\n                \"validateLabel\": 0\n            }],\n        \"_links\": [{\n                \"validateLinks\": 0\n            }]\n    }; }\n};\nKolBreadcrumb.style = {\n    default: defaultStyleCss()\n};\n\nexport { KolBreadcrumb as kol_breadcrumb };\n"],"names":["defaultStyleCss","KolBreadcrumb","hostRef","registerInstance","link","index","lastIndex","h","KolIconTag","Fragment","KolLinkWcTag","value","_oldValue","initial","removeNavLabel","validateLabel","a11yHintLabelingLandmarks","addNavLabel","watchNavLinks"],"mappings":"iPAUA,MAAMA,EAAkB,IAAM,+7IAExBC,EAAgB,KAAM,CACxB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,WAAa,CAACE,EAAMC,IAAU,CAC/B,MAAMC,EAAY,KAAK,MAAM,OAAO,OAAS,EAC7C,OAAQC,EAAE,KAAM,CAAE,MAAO,+BAAgC,IAAKF,CAAK,EAAIA,IAAU,GAAKE,EAAEC,EAAY,CAAE,MAAO,uBAAwB,OAAQ,GAAI,OAAQ,+BAA+B,CAAE,EAAGH,IAAUC,EAAaC,EAAE,OAAQ,CAAE,MAAO,oCAAqC,eAAgB,MAAM,EAAIH,EAAK,WAAcG,EAAEC,EAAY,CAAE,MAAO,uBAAwB,OAAQJ,EAAK,OAAQ,OAAQ,OAAOA,EAAK,QAAW,SAAWA,EAAK,OAAS,8BAA8B,CAAE,EAAMG,EAAEE,EAAU,KAAML,EAAK,MAAM,CAAE,EAAMG,EAAEG,EAAc,OAAO,OAAO,CAAE,MAAO,uBAAwB,QAAS,EAAK,EAAIN,CAAI,CAAC,CAAE,CAC5lB,EACA,KAAK,MAAQ,CACT,OAAQ,GACR,OAAQ,CAAA,CACpB,CACI,CACA,QAAS,CACL,OAAQG,EAAE,MAAO,CAAE,IAAK,2CAA4C,MAAO,iBAAkB,aAAc,KAAK,MAAM,MAAM,EAAIA,EAAE,KAAM,CAAE,IAAK,2CAA4C,MAAO,wBAA0B,KAAK,MAAM,OAAO,SAAW,GAAMA,EAAE,KAAM,CAAE,IAAK,0CAA0C,EAAIA,EAAEC,EAAY,CAAE,IAAK,2CAA4C,MAAO,sBAAuB,OAAQ,GAAI,OAAQ,sBAAsB,CAAE,EAAG,GAAQ,EAAI,KAAK,MAAM,OAAO,IAAI,KAAK,UAAU,CAAC,CAAC,CACjgB,CACA,cAAcG,EAAOC,EAAWC,EAAU,GAAO,CACxCA,GACDC,EAAe,KAAK,MAAM,MAAM,EAEpCC,EAAc,KAAMJ,EAAO,CACvB,SAAU,EACtB,CAAS,EACDK,EAA0BL,CAAK,EAC/BM,EAAY,KAAK,MAAM,MAAM,CACjC,CACA,cAAcN,EAAO,CACjBO,EAAc,gBAAiB,KAAMP,CAAK,CAC9C,CACA,mBAAoB,CAChB,KAAK,cAAc,KAAK,OAAQ,OAAW,EAAI,EAC/C,KAAK,cAAc,KAAK,MAAM,CAClC,CACA,sBAAuB,CACnBG,EAAe,KAAK,MAAM,MAAM,CACpC,CACA,WAAW,UAAW,CAAE,MAAO,CAC3B,OAAU,CAAC,CACH,cAAiB,CACjC,CAAa,EACL,OAAU,CAAC,CACH,cAAiB,CACjC,CAAa,CACb,CAAO,CACP,EACAb,EAAc,MAAQ,CAClB,QAASD,EAAe,CAC5B"}

package/dist/assets/kol-button-link.entry-CfqAyUBv.js

@@ -1,2 +0,0 @@
-import{r as e,h as t,e as n}from"./index-hDzmycZM.js";const a=()=>"  @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;  @layer kol-a11y {   :host {          --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));          color: black;     background-color: white;          font-family: Verdana;          letter-spacing: inherit;          word-spacing: inherit;          text-align: left;   }   * {          hyphens: auto;          word-break: break-word;   }                  button,   .kol-input .input {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }      a,   button,   h1,   h2,   h3,   h4,   h5,   h6,   input,   option,   select,   textarea {          color: inherit;          font-family: inherit;          font-size: inherit;          letter-spacing: inherit;          word-spacing: inherit;   }      .visually-hidden {     position: fixed;     top: 0;     left: 0;     width: 1px;     height: 1px;     overflow: hidden;     white-space: nowrap;     clip-path: inset(50%);   } } @layer kol-global {      :is(a, button) {     background-color: transparent;     width: 100%;     margin: 0;     padding: 0;     border: none;        }      [hidden] {     display: none !important;   }   .badge-text-hint {     color: black;     background-color: lightgray;   } } @layer kol-global {   :host {          max-width: 100%;     font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   * {          box-sizing: border-box;   }   .kol-span {          display: flex;     flex-flow: column;     align-items: center;     justify-content: center;        }   .kol-span__container {     display: flex;     align-items: center;   }   a,   button {     cursor: pointer;   }   .kol-span .kol-span__label--hide-label .kol-span__label {     display: none;   }      button:disabled {     color: unset;   }   .disabled label,   .disabled:focus-within label,   [aria-disabled=true],   [aria-disabled=true]:focus,   [disabled],   [disabled]:focus {     opacity: 0.5;     outline: none;     cursor: not-allowed;   }   [aria-disabled=true]:focus .kol-span,   [disabled]:focus .kol-span {     outline: none !important;   } } @layer kol-component {   .kol-tooltip {     display: contents;   }   .kol-tooltip__floating {     opacity: 0;     display: none;     position: fixed;          top: 0;     left: 0;          width: var(--kol-tooltip-width, max-content);     min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));     max-width: 90vw;     max-height: 90vh;     animation-direction: normal;          animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);     animation-fill-mode: forwards;     animation-iteration-count: 1;     animation-timing-function: ease-in;   }   .kol-tooltip__floating.hide {     animation-name: hideTooltip;   }   .kol-tooltip__floating.show {     animation-name: showTooltip;   }   .kol-tooltip__arrow {     transform: rotate(45deg);     color: #000;     background-color: #fff;     position: absolute;     z-index: 999;     width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));     height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-tooltip__content {     color: #000;     background-color: #fff;     position: relative;     z-index: 1000;   }   @keyframes hideTooltip {     0% {       opacity: 1;     }     100% {       opacity: 0;       display: none;     }   }   @keyframes showTooltip {     0% {       opacity: 0;     }     100% {       opacity: 1;     }   } } @layer kol-component {   :host {     display: inline-block;   }   .kol-button {     display: inline-flex;     max-width: fit-content;     align-items: baseline;     place-items: center;     text-align: left;     text-decoration-line: none;   }   .kol-button--standalone {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }   .kol-button:is(:focus, :hover):not([aria-disabled], [disabled]) .kol-button__text .kol-span__label {     text-decoration-thickness: 0.2em;   }   .kol-button__text .kol-span__label {     text-decoration-line: underline;   }   .kol-button__icon {     display: inline-flex;     margin-left: calc(8 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-button--inline {     min-width: unset;     min-height: unset;   } }",l=class{constructor(i){e(this,i),this.catchRef=o=>{this.buttonWcRef=o},this._disabled=!1,this._hideLabel=!1,this._inline=!0,this._variant="inline",this._tooltipAlign="top",this._type="button"}async getValue(){return this._value}async focus(){var i;return Promise.resolve((i=this.buttonWcRef)===null||i===void 0?void 0:i.focus())}async kolFocus(){return this.focus()}render(){return t(n,{key:"fcbd8b1c16714336207186854cdec13ad4b51af5",ref:this.catchRef,_accessKey:this._accessKey,_ariaControls:this._ariaControls,_ariaDescription:this._ariaDescription,_ariaExpanded:this._ariaExpanded,_ariaSelected:this._ariaSelected,_disabled:this._disabled,_hideLabel:this._hideLabel,_icons:this._icons,_id:this._id,_inline:this._inline!==void 0?this._inline:this._variant==="inline"?!0:this._variant==="standalone"?!1:void 0,_label:this._label,_name:this._name,_on:this._on,_shortKey:this._shortKey,_syncValueBySelector:this._syncValueBySelector,_tooltipAlign:this._tooltipAlign,_type:this._type,_value:this._value},t("slot",{key:"137fbfe36f98126f0291b21a358fd4386ba53eb0",name:"expert",slot:"expert"}))}};l.style={default:a()};export{l as kol_button_link};
-//# sourceMappingURL=kol-button-link.entry-CfqAyUBv.js.map

package/dist/assets/kol-button-link.entry-CfqAyUBv.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"kol-button-link.entry-CfqAyUBv.js","sources":["../../../../components/dist/esm/kol-button-link.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-BVfSKhpj.js';\nimport { d as KolButtonWcTag } from './component-names-C3fyby67.js';\nimport './common-Dd0zJQbD.js';\n\nconst defaultStyleCss = () => `  @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;  @layer kol-a11y {   :host {          --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));          color: black;     background-color: white;          font-family: Verdana;          letter-spacing: inherit;          word-spacing: inherit;          text-align: left;   }   * {          hyphens: auto;          word-break: break-word;   }                  button,   .kol-input .input {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }      a,   button,   h1,   h2,   h3,   h4,   h5,   h6,   input,   option,   select,   textarea {          color: inherit;          font-family: inherit;          font-size: inherit;          letter-spacing: inherit;          word-spacing: inherit;   }      .visually-hidden {     position: fixed;     top: 0;     left: 0;     width: 1px;     height: 1px;     overflow: hidden;     white-space: nowrap;     clip-path: inset(50%);   } } @layer kol-global {      :is(a, button) {     background-color: transparent;     width: 100%;     margin: 0;     padding: 0;     border: none;        }      [hidden] {     display: none !important;   }   .badge-text-hint {     color: black;     background-color: lightgray;   } } @layer kol-global {   :host {          max-width: 100%;     font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   * {          box-sizing: border-box;   }   .kol-span {          display: flex;     flex-flow: column;     align-items: center;     justify-content: center;        }   .kol-span__container {     display: flex;     align-items: center;   }   a,   button {     cursor: pointer;   }   .kol-span .kol-span__label--hide-label .kol-span__label {     display: none;   }      button:disabled {     color: unset;   }   .disabled label,   .disabled:focus-within label,   [aria-disabled=true],   [aria-disabled=true]:focus,   [disabled],   [disabled]:focus {     opacity: 0.5;     outline: none;     cursor: not-allowed;   }   [aria-disabled=true]:focus .kol-span,   [disabled]:focus .kol-span {     outline: none !important;   } } @layer kol-component {   .kol-tooltip {     display: contents;   }   .kol-tooltip__floating {     opacity: 0;     display: none;     position: fixed;          top: 0;     left: 0;          width: var(--kol-tooltip-width, max-content);     min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));     max-width: 90vw;     max-height: 90vh;     animation-direction: normal;          animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);     animation-fill-mode: forwards;     animation-iteration-count: 1;     animation-timing-function: ease-in;   }   .kol-tooltip__floating.hide {     animation-name: hideTooltip;   }   .kol-tooltip__floating.show {     animation-name: showTooltip;   }   .kol-tooltip__arrow {     transform: rotate(45deg);     color: #000;     background-color: #fff;     position: absolute;     z-index: 999;     width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));     height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-tooltip__content {     color: #000;     background-color: #fff;     position: relative;     z-index: 1000;   }   @keyframes hideTooltip {     0% {       opacity: 1;     }     100% {       opacity: 0;       display: none;     }   }   @keyframes showTooltip {     0% {       opacity: 0;     }     100% {       opacity: 1;     }   } } @layer kol-component {   :host {     display: inline-block;   }   .kol-button {     display: inline-flex;     max-width: fit-content;     align-items: baseline;     place-items: center;     text-align: left;     text-decoration-line: none;   }   .kol-button--standalone {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }   .kol-button:is(:focus, :hover):not([aria-disabled], [disabled]) .kol-button__text .kol-span__label {     text-decoration-thickness: 0.2em;   }   .kol-button__text .kol-span__label {     text-decoration-line: underline;   }   .kol-button__icon {     display: inline-flex;     margin-left: calc(8 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-button--inline {     min-width: unset;     min-height: unset;   } }`;\n\nconst KolButtonLink = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.catchRef = (ref) => {\n            this.buttonWcRef = ref;\n        };\n        this._disabled = false;\n        this._hideLabel = false;\n        this._inline = true;\n        this._variant = 'inline';\n        this._tooltipAlign = 'top';\n        this._type = 'button';\n    }\n    async getValue() {\n        return this._value;\n    }\n    async focus() {\n        var _a;\n        return Promise.resolve((_a = this.buttonWcRef) === null || _a === void 0 ? void 0 : _a.focus());\n    }\n    async kolFocus() {\n        return this.focus();\n    }\n    render() {\n        return (h(KolButtonWcTag, { key: 'fcbd8b1c16714336207186854cdec13ad4b51af5', ref: this.catchRef, _accessKey: this._accessKey, _ariaControls: this._ariaControls, _ariaDescription: this._ariaDescription, _ariaExpanded: this._ariaExpanded, _ariaSelected: this._ariaSelected, _disabled: this._disabled, _hideLabel: this._hideLabel, _icons: this._icons, _id: this._id, _inline: this._inline !== undefined ? this._inline : this._variant === 'inline' ? true : this._variant === 'standalone' ? false : undefined, _label: this._label, _name: this._name, _on: this._on, _shortKey: this._shortKey, _syncValueBySelector: this._syncValueBySelector, _tooltipAlign: this._tooltipAlign, _type: this._type, _value: this._value }, h(\"slot\", { key: '137fbfe36f98126f0291b21a358fd4386ba53eb0', name: \"expert\", slot: \"expert\" })));\n    }\n};\nKolButtonLink.style = {\n    default: defaultStyleCss()\n};\n\nexport { KolButtonLink as kol_button_link };\n"],"names":["defaultStyleCss","KolButtonLink","hostRef","registerInstance","ref","_a","h","KolButtonWcTag"],"mappings":"sDAOA,MAAMA,EAAkB,IAAM,ioIAExBC,EAAgB,KAAM,CACxB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,SAAYE,GAAQ,CACrB,KAAK,YAAcA,CACvB,EACA,KAAK,UAAY,GACjB,KAAK,WAAa,GAClB,KAAK,QAAU,GACf,KAAK,SAAW,SAChB,KAAK,cAAgB,MACrB,KAAK,MAAQ,QACjB,CACA,MAAM,UAAW,CACb,OAAO,KAAK,MAChB,CACA,MAAM,OAAQ,CACV,IAAIC,EACJ,OAAO,QAAQ,SAASA,EAAK,KAAK,eAAiB,MAAQA,IAAO,OAAS,OAASA,EAAG,MAAK,CAAE,CAClG,CACA,MAAM,UAAW,CACb,OAAO,KAAK,MAAK,CACrB,CACA,QAAS,CACL,OAAQC,EAAEC,EAAgB,CAAE,IAAK,2CAA4C,IAAK,KAAK,SAAU,WAAY,KAAK,WAAY,cAAe,KAAK,cAAe,iBAAkB,KAAK,iBAAkB,cAAe,KAAK,cAAe,cAAe,KAAK,cAAe,UAAW,KAAK,UAAW,WAAY,KAAK,WAAY,OAAQ,KAAK,OAAQ,IAAK,KAAK,IAAK,QAAS,KAAK,UAAY,OAAY,KAAK,QAAU,KAAK,WAAa,SAAW,GAAO,KAAK,WAAa,aAAe,GAAQ,OAAW,OAAQ,KAAK,OAAQ,MAAO,KAAK,MAAO,IAAK,KAAK,IAAK,UAAW,KAAK,UAAW,qBAAsB,KAAK,qBAAsB,cAAe,KAAK,cAAe,MAAO,KAAK,MAAO,OAAQ,KAAK,MAAM,EAAID,EAAE,OAAQ,CAAE,IAAK,2CAA4C,KAAM,SAAU,KAAM,QAAQ,CAAE,CAAC,CAC3yB,CACJ,EACAL,EAAc,MAAQ,CAClB,QAASD,EAAe,CAC5B"}

package/dist/assets/kol-button.entry-BFTTSAi0.js

@@ -1,2 +0,0 @@
-import{r as e,h as o,e as a}from"./index-hDzmycZM.js";const n=()=>'@charset "UTF-8";   @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;  @layer kol-a11y {   :host {          --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));          color: black;     background-color: white;          font-family: Verdana;          letter-spacing: inherit;          word-spacing: inherit;          text-align: left;   }   * {          hyphens: auto;          word-break: break-word;   }                  button,   .kol-input .input {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }      a,   button,   h1,   h2,   h3,   h4,   h5,   h6,   input,   option,   select,   textarea {          color: inherit;          font-family: inherit;          font-size: inherit;          letter-spacing: inherit;          word-spacing: inherit;   }      .visually-hidden {     position: fixed;     top: 0;     left: 0;     width: 1px;     height: 1px;     overflow: hidden;     white-space: nowrap;     clip-path: inset(50%);   } } @layer kol-global {      :is(a, button) {     background-color: transparent;     width: 100%;     margin: 0;     padding: 0;     border: none;        }      [hidden] {     display: none !important;   }   .badge-text-hint {     color: black;     background-color: lightgray;   } } @layer kol-global {   :host {          max-width: 100%;     font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   * {          box-sizing: border-box;   }   .kol-span {          display: flex;     flex-flow: column;     align-items: center;     justify-content: center;        }   .kol-span__container {     display: flex;     align-items: center;   }   a,   button {     cursor: pointer;   }   .kol-span .kol-span__label--hide-label .kol-span__label {     display: none;   }      button:disabled {     color: unset;   }   .disabled label,   .disabled:focus-within label,   [aria-disabled=true],   [aria-disabled=true]:focus,   [disabled],   [disabled]:focus {     opacity: 0.5;     outline: none;     cursor: not-allowed;   }   [aria-disabled=true]:focus .kol-span,   [disabled]:focus .kol-span {     outline: none !important;   } } @layer kol-component {   .kol-tooltip {     display: contents;   }   .kol-tooltip__floating {     opacity: 0;     display: none;     position: fixed;          top: 0;     left: 0;          width: var(--kol-tooltip-width, max-content);     min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));     max-width: 90vw;     max-height: 90vh;     animation-direction: normal;          animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);     animation-fill-mode: forwards;     animation-iteration-count: 1;     animation-timing-function: ease-in;   }   .kol-tooltip__floating.hide {     animation-name: hideTooltip;   }   .kol-tooltip__floating.show {     animation-name: showTooltip;   }   .kol-tooltip__arrow {     transform: rotate(45deg);     color: #000;     background-color: #fff;     position: absolute;     z-index: 999;     width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));     height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-tooltip__content {     color: #000;     background-color: #fff;     position: relative;     z-index: 1000;   }   @keyframes hideTooltip {     0% {       opacity: 1;     }     100% {       opacity: 0;       display: none;     }   }   @keyframes showTooltip {     0% {       opacity: 0;     }     100% {       opacity: 1;     }   } } @layer kol-component {   :host {     display: inline-block;   }   .kol-button {     display: inline-flex;     font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));     text-decoration-line: none;   }   .kol-button::before {          content: "​";   }   .kol-button__text {     width: 100%;   } }',l=class{constructor(t){e(this,t),this.catchRef=i=>{this.buttonWcRef=i},this._disabled=!1,this._hideLabel=!1,this._inline=!1,this._tooltipAlign="top",this._type="button",this._variant="normal"}async getValue(){return this._value}async focus(){var t;return Promise.resolve((t=this.buttonWcRef)===null||t===void 0?void 0:t.focus())}async kolFocus(){return this.focus()}render(){return o(a,{key:"04885e75c1664f013521070617765c168714c6db",ref:this.catchRef,_accessKey:this._accessKey,_ariaControls:this._ariaControls,_ariaDescription:this._ariaDescription,_ariaExpanded:this._ariaExpanded,_ariaSelected:this._ariaSelected,_customClass:this._customClass,_disabled:this._disabled,_hideLabel:this._hideLabel,_icons:this._icons,_id:this._id,_inline:this._inline,_label:this._label,_name:this._name,_on:this._on,_shortKey:this._shortKey,_syncValueBySelector:this._syncValueBySelector,_tooltipAlign:this._tooltipAlign,_type:this._type,_value:this._value,_buttonVariant:this._variant},o("slot",{key:"5f2085cc413dfee10d13ecc5b0a681645b4052ee",name:"expert",slot:"expert"}))}};l.style={default:n()};export{l as kol_button};
-//# sourceMappingURL=kol-button.entry-BFTTSAi0.js.map

package/dist/assets/kol-button.entry-BFTTSAi0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"kol-button.entry-BFTTSAi0.js","sources":["../../../../components/dist/esm/kol-button.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-BVfSKhpj.js';\nimport { d as KolButtonWcTag } from './component-names-C3fyby67.js';\nimport './common-Dd0zJQbD.js';\n\nconst defaultStyleCss = () => `@charset \"UTF-8\";   @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;  @layer kol-a11y {   :host {          --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));          color: black;     background-color: white;          font-family: Verdana;          letter-spacing: inherit;          word-spacing: inherit;          text-align: left;   }   * {          hyphens: auto;          word-break: break-word;   }                  button,   .kol-input .input {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }      a,   button,   h1,   h2,   h3,   h4,   h5,   h6,   input,   option,   select,   textarea {          color: inherit;          font-family: inherit;          font-size: inherit;          letter-spacing: inherit;          word-spacing: inherit;   }      .visually-hidden {     position: fixed;     top: 0;     left: 0;     width: 1px;     height: 1px;     overflow: hidden;     white-space: nowrap;     clip-path: inset(50%);   } } @layer kol-global {      :is(a, button) {     background-color: transparent;     width: 100%;     margin: 0;     padding: 0;     border: none;        }      [hidden] {     display: none !important;   }   .badge-text-hint {     color: black;     background-color: lightgray;   } } @layer kol-global {   :host {          max-width: 100%;     font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   * {          box-sizing: border-box;   }   .kol-span {          display: flex;     flex-flow: column;     align-items: center;     justify-content: center;        }   .kol-span__container {     display: flex;     align-items: center;   }   a,   button {     cursor: pointer;   }   .kol-span .kol-span__label--hide-label .kol-span__label {     display: none;   }      button:disabled {     color: unset;   }   .disabled label,   .disabled:focus-within label,   [aria-disabled=true],   [aria-disabled=true]:focus,   [disabled],   [disabled]:focus {     opacity: 0.5;     outline: none;     cursor: not-allowed;   }   [aria-disabled=true]:focus .kol-span,   [disabled]:focus .kol-span {     outline: none !important;   } } @layer kol-component {   .kol-tooltip {     display: contents;   }   .kol-tooltip__floating {     opacity: 0;     display: none;     position: fixed;          top: 0;     left: 0;          width: var(--kol-tooltip-width, max-content);     min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));     max-width: 90vw;     max-height: 90vh;     animation-direction: normal;          animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);     animation-fill-mode: forwards;     animation-iteration-count: 1;     animation-timing-function: ease-in;   }   .kol-tooltip__floating.hide {     animation-name: hideTooltip;   }   .kol-tooltip__floating.show {     animation-name: showTooltip;   }   .kol-tooltip__arrow {     transform: rotate(45deg);     color: #000;     background-color: #fff;     position: absolute;     z-index: 999;     width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));     height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-tooltip__content {     color: #000;     background-color: #fff;     position: relative;     z-index: 1000;   }   @keyframes hideTooltip {     0% {       opacity: 1;     }     100% {       opacity: 0;       display: none;     }   }   @keyframes showTooltip {     0% {       opacity: 0;     }     100% {       opacity: 1;     }   } } @layer kol-component {   :host {     display: inline-block;   }   .kol-button {     display: inline-flex;     font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));     text-decoration-line: none;   }   .kol-button::before {          content: \"​\";   }   .kol-button__text {     width: 100%;   } }`;\n\nconst KolButton = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.catchRef = (ref) => {\n            this.buttonWcRef = ref;\n        };\n        this._disabled = false;\n        this._hideLabel = false;\n        this._inline = false;\n        this._tooltipAlign = 'top';\n        this._type = 'button';\n        this._variant = 'normal';\n    }\n    async getValue() {\n        return this._value;\n    }\n    async focus() {\n        var _a;\n        return Promise.resolve((_a = this.buttonWcRef) === null || _a === void 0 ? void 0 : _a.focus());\n    }\n    async kolFocus() {\n        return this.focus();\n    }\n    render() {\n        return (h(KolButtonWcTag, { key: '04885e75c1664f013521070617765c168714c6db', ref: this.catchRef, _accessKey: this._accessKey, _ariaControls: this._ariaControls, _ariaDescription: this._ariaDescription, _ariaExpanded: this._ariaExpanded, _ariaSelected: this._ariaSelected, _customClass: this._customClass, _disabled: this._disabled, _hideLabel: this._hideLabel, _icons: this._icons, _id: this._id, _inline: this._inline, _label: this._label, _name: this._name, _on: this._on, _shortKey: this._shortKey, _syncValueBySelector: this._syncValueBySelector, _tooltipAlign: this._tooltipAlign, _type: this._type, _value: this._value, _buttonVariant: this._variant }, h(\"slot\", { key: '5f2085cc413dfee10d13ecc5b0a681645b4052ee', name: \"expert\", slot: \"expert\" })));\n    }\n};\nKolButton.style = {\n    default: defaultStyleCss()\n};\n\nexport { KolButton as kol_button };\n"],"names":["defaultStyleCss","KolButton","hostRef","registerInstance","ref","_a","h","KolButtonWcTag"],"mappings":"sDAOA,MAAMA,EAAkB,IAAM,ksHAExBC,EAAY,KAAM,CACpB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,SAAYE,GAAQ,CACrB,KAAK,YAAcA,CACvB,EACA,KAAK,UAAY,GACjB,KAAK,WAAa,GAClB,KAAK,QAAU,GACf,KAAK,cAAgB,MACrB,KAAK,MAAQ,SACb,KAAK,SAAW,QACpB,CACA,MAAM,UAAW,CACb,OAAO,KAAK,MAChB,CACA,MAAM,OAAQ,CACV,IAAIC,EACJ,OAAO,QAAQ,SAASA,EAAK,KAAK,eAAiB,MAAQA,IAAO,OAAS,OAASA,EAAG,MAAK,CAAE,CAClG,CACA,MAAM,UAAW,CACb,OAAO,KAAK,MAAK,CACrB,CACA,QAAS,CACL,OAAQC,EAAEC,EAAgB,CAAE,IAAK,2CAA4C,IAAK,KAAK,SAAU,WAAY,KAAK,WAAY,cAAe,KAAK,cAAe,iBAAkB,KAAK,iBAAkB,cAAe,KAAK,cAAe,cAAe,KAAK,cAAe,aAAc,KAAK,aAAc,UAAW,KAAK,UAAW,WAAY,KAAK,WAAY,OAAQ,KAAK,OAAQ,IAAK,KAAK,IAAK,QAAS,KAAK,QAAS,OAAQ,KAAK,OAAQ,MAAO,KAAK,MAAO,IAAK,KAAK,IAAK,UAAW,KAAK,UAAW,qBAAsB,KAAK,qBAAsB,cAAe,KAAK,cAAe,MAAO,KAAK,MAAO,OAAQ,KAAK,OAAQ,eAAgB,KAAK,QAAQ,EAAID,EAAE,OAAQ,CAAE,IAAK,2CAA4C,KAAM,SAAU,KAAM,QAAQ,CAAE,CAAC,CACrvB,CACJ,EACAL,EAAU,MAAQ,CACd,QAASD,EAAe,CAC5B"}

package/dist/assets/kol-card.entry-D53dab-y.js

@@ -1,2 +0,0 @@
-import{r as t,h as o,l as a}from"./index-hDzmycZM.js";const e=()=>" @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;   @layer kol-a11y {   :host {          --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));          color: black;     background-color: white;          font-family: Verdana;          letter-spacing: inherit;          word-spacing: inherit;          text-align: left;   }   * {          hyphens: auto;          word-break: break-word;   }                  button,   .kol-input .input {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }      a,   button,   h1,   h2,   h3,   h4,   h5,   h6,   input,   option,   select,   textarea {          color: inherit;          font-family: inherit;          font-size: inherit;          letter-spacing: inherit;          word-spacing: inherit;   }      .visually-hidden {     position: fixed;     top: 0;     left: 0;     width: 1px;     height: 1px;     overflow: hidden;     white-space: nowrap;     clip-path: inset(50%);   } } @layer kol-global {      :is(a, button) {     background-color: transparent;     width: 100%;     margin: 0;     padding: 0;     border: none;        }      [hidden] {     display: none !important;   }   .badge-text-hint {     color: black;     background-color: lightgray;   } } @layer kol-global {   :host {          max-width: 100%;     font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   * {          box-sizing: border-box;   }   .kol-span {          display: flex;     flex-flow: column;     align-items: center;     justify-content: center;        }   .kol-span__container {     display: flex;     align-items: center;   }   a,   button {     cursor: pointer;   }   .kol-span .kol-span__label--hide-label .kol-span__label {     display: none;   }      button:disabled {     color: unset;   }   .disabled label,   .disabled:focus-within label,   [aria-disabled=true],   [aria-disabled=true]:focus,   [disabled],   [disabled]:focus {     opacity: 0.5;     outline: none;     cursor: not-allowed;   }   [aria-disabled=true]:focus .kol-span,   [disabled]:focus .kol-span {     outline: none !important;   } } @layer kol-component {   .kol-tooltip {     display: contents;   }   .kol-tooltip__floating {     opacity: 0;     display: none;     position: fixed;          top: 0;     left: 0;          width: var(--kol-tooltip-width, max-content);     min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));     max-width: 90vw;     max-height: 90vh;     animation-direction: normal;          animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);     animation-fill-mode: forwards;     animation-iteration-count: 1;     animation-timing-function: ease-in;   }   .kol-tooltip__floating.hide {     animation-name: hideTooltip;   }   .kol-tooltip__floating.show {     animation-name: showTooltip;   }   .kol-tooltip__arrow {     transform: rotate(45deg);     color: #000;     background-color: #fff;     position: absolute;     z-index: 999;     width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));     height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-tooltip__content {     color: #000;     background-color: #fff;     position: relative;     z-index: 1000;   }   @keyframes hideTooltip {     0% {       opacity: 1;     }     100% {       opacity: 0;       display: none;     }   }   @keyframes showTooltip {     0% {       opacity: 0;     }     100% {       opacity: 1;     }   } } @layer kol-component {   .kol-card {          outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));     position: relative;     height: 100%;   }   .kol-card__close-button {     position: absolute;     top: 0;     right: 0;   } }",l=class{constructor(i){t(this,i),this._hasCloser=!1,this._level=0}render(){return o(a,{key:"db950a543bc2f41a1e0786c9ac3d4cb0fce5cf97",_on:this._on,_hasCloser:this._hasCloser,_label:this._label,_level:this._level},o("slot",{key:"f7ad1dd60427b5e2ae00f0e2260309a025d1ed44"}))}};l.style={default:e()};export{l as kol_card};
-//# sourceMappingURL=kol-card.entry-D53dab-y.js.map

package/dist/assets/kol-card.entry-D53dab-y.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"kol-card.entry-D53dab-y.js","sources":["../../../../components/dist/esm/kol-card.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-BVfSKhpj.js';\nimport { g as KolCardWcTag } from './component-names-C3fyby67.js';\nimport './common-Dd0zJQbD.js';\n\nconst defaultStyleCss = () => ` @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;   @layer kol-a11y {   :host {          --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));          color: black;     background-color: white;          font-family: Verdana;          letter-spacing: inherit;          word-spacing: inherit;          text-align: left;   }   * {          hyphens: auto;          word-break: break-word;   }                  button,   .kol-input .input {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }      a,   button,   h1,   h2,   h3,   h4,   h5,   h6,   input,   option,   select,   textarea {          color: inherit;          font-family: inherit;          font-size: inherit;          letter-spacing: inherit;          word-spacing: inherit;   }      .visually-hidden {     position: fixed;     top: 0;     left: 0;     width: 1px;     height: 1px;     overflow: hidden;     white-space: nowrap;     clip-path: inset(50%);   } } @layer kol-global {      :is(a, button) {     background-color: transparent;     width: 100%;     margin: 0;     padding: 0;     border: none;        }      [hidden] {     display: none !important;   }   .badge-text-hint {     color: black;     background-color: lightgray;   } } @layer kol-global {   :host {          max-width: 100%;     font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   * {          box-sizing: border-box;   }   .kol-span {          display: flex;     flex-flow: column;     align-items: center;     justify-content: center;        }   .kol-span__container {     display: flex;     align-items: center;   }   a,   button {     cursor: pointer;   }   .kol-span .kol-span__label--hide-label .kol-span__label {     display: none;   }      button:disabled {     color: unset;   }   .disabled label,   .disabled:focus-within label,   [aria-disabled=true],   [aria-disabled=true]:focus,   [disabled],   [disabled]:focus {     opacity: 0.5;     outline: none;     cursor: not-allowed;   }   [aria-disabled=true]:focus .kol-span,   [disabled]:focus .kol-span {     outline: none !important;   } } @layer kol-component {   .kol-tooltip {     display: contents;   }   .kol-tooltip__floating {     opacity: 0;     display: none;     position: fixed;          top: 0;     left: 0;          width: var(--kol-tooltip-width, max-content);     min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));     max-width: 90vw;     max-height: 90vh;     animation-direction: normal;          animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);     animation-fill-mode: forwards;     animation-iteration-count: 1;     animation-timing-function: ease-in;   }   .kol-tooltip__floating.hide {     animation-name: hideTooltip;   }   .kol-tooltip__floating.show {     animation-name: showTooltip;   }   .kol-tooltip__arrow {     transform: rotate(45deg);     color: #000;     background-color: #fff;     position: absolute;     z-index: 999;     width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));     height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-tooltip__content {     color: #000;     background-color: #fff;     position: relative;     z-index: 1000;   }   @keyframes hideTooltip {     0% {       opacity: 1;     }     100% {       opacity: 0;       display: none;     }   }   @keyframes showTooltip {     0% {       opacity: 0;     }     100% {       opacity: 1;     }   } } @layer kol-component {   .kol-card {          outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));     position: relative;     height: 100%;   }   .kol-card__close-button {     position: absolute;     top: 0;     right: 0;   } }`;\n\nconst KolCard = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this._hasCloser = false;\n        this._level = 0;\n    }\n    render() {\n        return (h(KolCardWcTag, { key: 'db950a543bc2f41a1e0786c9ac3d4cb0fce5cf97', _on: this._on, _hasCloser: this._hasCloser, _label: this._label, _level: this._level }, h(\"slot\", { key: 'f7ad1dd60427b5e2ae00f0e2260309a025d1ed44' })));\n    }\n};\nKolCard.style = {\n    default: defaultStyleCss()\n};\n\nexport { KolCard as kol_card };\n"],"names":["defaultStyleCss","KolCard","hostRef","registerInstance","h","KolCardWcTag"],"mappings":"sDAOA,MAAMA,EAAkB,IAAM,4nHAExBC,EAAU,KAAM,CAClB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,WAAa,GAClB,KAAK,OAAS,CAClB,CACA,QAAS,CACL,OAAQE,EAAEC,EAAc,CAAE,IAAK,2CAA4C,IAAK,KAAK,IAAK,WAAY,KAAK,WAAY,OAAQ,KAAK,OAAQ,OAAQ,KAAK,MAAM,EAAID,EAAE,OAAQ,CAAE,IAAK,0CAA0C,CAAE,CAAC,CACrO,CACJ,EACAH,EAAQ,MAAQ,CACZ,QAASD,EAAe,CAC5B"}

package/dist/assets/kol-combobox.entry-DklS9QlJ.js

@@ -1,2 +0,0 @@
-import{h as s,e as d,i as c,r as u,g as h,m as g,n as p}from"./index-hDzmycZM.js";import{c as r}from"./clsx-eK3rPvPS-B-dksMZM.js";import{g as f,F as m}from"./FormFieldStateWrapper-BD6_Aq_y-Bt2PU-LJ.js";import{I as _,a as b}from"./controller-icon-z0j8meAS-C-joMNrP.js";import{I as v}from"./InputStateWrapper-Br3zT89Q-C_37sFaf.js";import{C as k,a as y}from"./CustomSuggestionsOptionsGroup-CKk6vmBF-BoQ44r6E.js";import{t as S}from"./i18n-LBpyQ66X-tgWLHoTR.js";import{n as w}from"./dev.utils-CT0IU26V-Cs-xItdq.js";import{v as O}from"./placeholder-BVhy3BzI-DfeHlbLA.js";import{v as x}from"./required-CnTTpFCN-CvjJVgRi.js";import{v as I}from"./suggestions-B-jLvT4L-DSicgMjt.js";import"./isObject-DvSELytj-DhzEQer1.js";import"./tslib.es6-CxX45GIN-BGVaTf34.js";import"./Alert-I3c2hFqL-BJ91wMmi.js";import"./access-and-short-key-B37XLwy2-COtfXnqU.js";import"./disabled-BhpAFgSp-XwsrDnWT.js";import"./hide-label-B9FhGrWP-B9enFW4p.js";import"./label-Dnmzb2S_-YuosJx7D.js";import"./tooltip-align-Cnin7S26-e-hO8qp6.js";import"./align-D-ifSKu8-7Mn2tQC6.js";import"./associated.controller-B9GDDaFL-C06Z5T1A.js";import"./reuse-CX4AQDkS-BaVSFETn.js";import"./InternalUnderlinedBadgeText-BXMEPoNX-CjXRzrmL.js";import"./Icon-DazIQvDi-DtkY3Xyh.js";import"./icons-DNTuScEN-yEnXhcF2.js";import"./Input-KPeaFJZR-l78mKgnQ.js";import"./Heading-DwQEABii-THMC_gpR.js";class C extends b{constructor(t,i,o){super(t,i,o),this.component=t}validateHideClearButton(t){g(this.component,"_hideClearButton",t)}validatePlaceholder(t){O(this.component,t)}validateRequired(t){x(this.component,t)}validateSuggestions(t){I(this.component,t)}validateValue(t){p(this.component,"_value",t)}componentWillLoad(){super.componentWillLoad(),this.validateHideClearButton(this.component._hideClearButton),this.validatePlaceholder(this.component._placeholder),this.validateRequired(this.component._required),this.validateSuggestions(this.component._suggestions),this.validateValue(this.component._value)}}const F=()=>' @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;   @layer kol-a11y {   :host {          --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));          color: black;     background-color: white;          font-family: Verdana;          letter-spacing: inherit;          word-spacing: inherit;          text-align: left;   }   * {          hyphens: auto;          word-break: break-word;   }                  button,   .kol-input .input {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }      a,   button,   h1,   h2,   h3,   h4,   h5,   h6,   input,   option,   select,   textarea {          color: inherit;          font-family: inherit;          font-size: inherit;          letter-spacing: inherit;          word-spacing: inherit;   }      .visually-hidden {     position: fixed;     top: 0;     left: 0;     width: 1px;     height: 1px;     overflow: hidden;     white-space: nowrap;     clip-path: inset(50%);   } } @layer kol-global {      :is(a, button) {     background-color: transparent;     width: 100%;     margin: 0;     padding: 0;     border: none;        }      [hidden] {     display: none !important;   }   .badge-text-hint {     color: black;     background-color: lightgray;   } } @layer kol-global {   :host {          max-width: 100%;     font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   * {          box-sizing: border-box;   }   .kol-span {          display: flex;     flex-flow: column;     align-items: center;     justify-content: center;        }   .kol-span__container {     display: flex;     align-items: center;   }   a,   button {     cursor: pointer;   }   .kol-span .kol-span__label--hide-label .kol-span__label {     display: none;   }      button:disabled {     color: unset;   }   .disabled label,   .disabled:focus-within label,   [aria-disabled=true],   [aria-disabled=true]:focus,   [disabled],   [disabled]:focus {     opacity: 0.5;     outline: none;     cursor: not-allowed;   }   [aria-disabled=true]:focus .kol-span,   [disabled]:focus .kol-span {     outline: none !important;   } } @layer kol-component {   :host {     display: block;   } } @layer kol-component {   .kol-tooltip {     display: contents;   }   .kol-tooltip__floating {     opacity: 0;     display: none;     position: fixed;          top: 0;     left: 0;          width: var(--kol-tooltip-width, max-content);     min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));     max-width: 90vw;     max-height: 90vh;     animation-direction: normal;          animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);     animation-fill-mode: forwards;     animation-iteration-count: 1;     animation-timing-function: ease-in;   }   .kol-tooltip__floating.hide {     animation-name: hideTooltip;   }   .kol-tooltip__floating.show {     animation-name: showTooltip;   }   .kol-tooltip__arrow {     transform: rotate(45deg);     color: #000;     background-color: #fff;     position: absolute;     z-index: 999;     width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));     height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-tooltip__content {     color: #000;     background-color: #fff;     position: relative;     z-index: 1000;   }   @keyframes hideTooltip {     0% {       opacity: 1;     }     100% {       opacity: 0;       display: none;     }   }   @keyframes showTooltip {     0% {       opacity: 0;     }     100% {       opacity: 1;     }   } } @layer kol-component {   .kol-alert {     display: grid;   }   .kol-alert__container {     display: flex;     place-items: center;   }   .kol-alert__container-content {     flex-grow: 1;   }   .kol-alert__closer {          outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-custom-suggestions-option {     line-height: 1.5;     white-space: normal;     cursor: pointer;     overflow-wrap: break-word;   }   .kol-custom-suggestions-options-group--cursor-hidden .kol-custom-suggestions-option {     cursor: none !important;   }   .kol-custom-suggestions-option--disabled:focus, .kol-custom-suggestions-option--disabled:focus * {     cursor: not-allowed;   }   .kol-custom-suggestions-options-group {     background-color: white;     display: block;     position: absolute;     z-index: 2;     max-height: calc(250 * 1rem / var(--kolibri-root-font-size, 16));     margin: 0;     padding: 0;     overflow-x: hidden;     overflow-y: auto;     list-style-type: none;   }   .kol-custom-suggestions-toggle {     display: flex;     width: var(--a11y-min-size);     height: var(--a11y-min-size);     align-items: center;     justify-content: center;     cursor: default;   }   .kol-custom-suggestions-toggle.kol-custom-suggestions-toggle--disabled {     cursor: not-allowed;   }   .kol-form-field {     display: grid;   }   .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {     cursor: pointer;   }   .kol-form-field--disabled .kol-form-field__label {     opacity: 0.5;   }   .kol-form-field--required .kol-form-field__label-text::after {     content: "*"/"";   }   .kol-form-field--disabled .kol-form-field__hint {     opacity: 0.5;   }   .kol-form-field--required .kol-form-field__tooltip .span-label::after {     content: "*"/"";   }   .kol-input-container {     background-color: transparent;     display: grid;     width: 100%;     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);     align-items: center;     grid-template-columns: 1fr;   }   .kol-input-container:has(> .kol-input-container__adornment--start) {     grid-template-columns: auto 1fr;   }   .kol-input-container:has(> .kol-input-container__adornment--end) {     grid-template-columns: 1fr auto;   }   .kol-input-container:has(> .kol-input-container__adornment--start):has(> .kol-input-container__adornment--end) {     grid-template-columns: auto 1fr auto;   }   .kol-input-container__container {     position: relative;   }   .kol-input-container__adornment {     display: flex;     align-items: center;   }   .kol-input-container__adornment .kol-icon {     display: grid;     height: var(--a11y-min-size);     place-items: center;   }   .kol-input {     background-color: transparent;     width: 100%;     min-width: var(--a11y-min-size);   }   .kol-input:focus {     outline: none;   }   .kol-combobox__delete .kol-button {     cursor: pointer;   }   .kol-combobox__delete--disabled .kol-button {     cursor: not-allowed;   }   .kol-custom-suggestions-toggle:not(.kol-custom-suggestions-toggle--disabled) {     cursor: pointer;   }   .kol-custom-suggestions-toggle--disabled {     opacity: 0.5;   } }',B=class{async getValue(){return this.state._value}async focus(){var e;return Promise.resolve((e=this.refInput)===null||e===void 0?void 0:e.focus())}async kolFocus(){return this.focus()}selectOption(e){var t;this.controller.onFacade.onInput(new CustomEvent("input",{bubbles:!0,detail:{name:this.state._name,value:e}}),!0,e),this.controller.onFacade.onChange(new CustomEvent("change",{bubbles:!0,detail:{name:this.state._name,value:e}}),e),this.controller.setFormAssociatedValue(e),this.state._value=e,(t=this.refInput)===null||t===void 0||t.focus()}clearSelection(){var e;if(this.state._disabled===!0)return;const i="";this._focusedOptionIndex=-1,this._value=i,this.state._value=i,this._filteredSuggestions=[...this.state._suggestions],this._isOpen=!1;const o={name:this.state._name,value:i};this.controller.onFacade.onInput(new CustomEvent("input",{bubbles:!0,detail:o}),!0,i),this.controller.onFacade.onChange(new CustomEvent("change",{bubbles:!0,detail:o}),i),this.controller.setFormAssociatedValue(i),(e=this.refInput)===null||e===void 0||e.focus()}onInput(e){const t=e.target;this.state._value=t.value,this._value=t.value,this.controller.onFacade.onInput(e),this.setFilteredSuggestionsByQuery(t.value),this._focusedOptionIndex=-1}handleKeyDownDropdown(e){e.key.length===1&&/[a-z0-9]/i.test(e.key)&&(this._isOpen=!0,this.focusSuggestionStartingWith(e.key))}setFilteredSuggestionsByQuery(e){e.trim()===""?this._filteredSuggestions=[...this.state._suggestions]:(this._filteredSuggestions=Array.isArray(this.state._suggestions)?this.state._suggestions.filter(t=>t.toLowerCase().includes(e.toLowerCase())):this._filteredSuggestions,this._isOpen=!!(this._filteredSuggestions&&this._filteredSuggestions.length>0))}moveFocus(e){if(!this._filteredSuggestions)return;let t=this._focusedOptionIndex+e;t>=this._filteredSuggestions.length&&(t=0),t<0&&(t=this._filteredSuggestions.length-1),this.focusOption(t)}focusOption(e){if(this._focusedOptionIndex=e,this.refSuggestions){const t=this.refSuggestions[e];t?.focus()}}focusSuggestionStartingWith(e){const t=e.toLowerCase(),i=Array.isArray(this._filteredSuggestions)&&this._filteredSuggestions.length>0&&this._filteredSuggestions.findIndex(o=>o.toLowerCase().startsWith(t));typeof i=="number"&&this.focusOption(i)}getFormFieldProps(){return{state:this.state,class:r("kol-combobox",{"has-value":this.state._hasValue}),tooltipAlign:this._tooltipAlign,alert:this.showAsAlert()}}getInputProps(){const{ariaDescribedBy:e}=f(this.state),t=this.state._disabled===!0;return Object.assign(Object.assign({ref:this.catchRef,state:this.state,class:"kol-combobox__input",type:"text",role:"combobox","aria-activedescendant":this._isOpen&&this._focusedOptionIndex>=0?`option-${this._focusedOptionIndex}`:void 0,"aria-autocomplete":"both","aria-controls":"listbox","aria-describedby":e.length>0?e.join(" "):void 0,"aria-expanded":this._isOpen?"true":"false","aria-label":this.state._hideLabel&&typeof this.state._label=="string"?this.state._label:void 0,"aria-labelledby":this.state._id,"aria-keyshortcuts":this.state._shortKey,value:this.state._value,accessKey:this.state._accessKey,autocapitalize:"off",autocorrect:"off",disabled:t,customSuggestions:!0,id:this.state._id,name:this.state._name,required:this.state._required},this.controller.onFacade),{onFocus:i=>{this.controller.onFacade.onFocus(i),this.inputHasFocus=!0},onBlur:i=>{this.controller.onFacade.onBlur(i),this.inputHasFocus=!1},onChange:this.onChange.bind(this),onInput:this.onInput.bind(this),placeholder:this.state._placeholder})}render(){const e=this.state._disabled===!0;return s(m,Object.assign({key:"c5afe28a1d16ea7880bf51e27eea443ce569a8ff"},this.getFormFieldProps()),s(_,{key:"dbccf31419288c4bec6e081c5a4c7dcf56c42f9c",state:this.state},s("div",{key:"99e682a31fdc8dbbcb92621b6618108c433f321e",class:"kol-combobox__group"},s(v,Object.assign({key:"c9da0b608dabe6adc24221722287fe373273ece4"},this.getInputProps())),this.state._value&&!this.state._hideClearButton&&s(d,{key:"58e6def1c6e17c1e0e7ad8540700de3576164eef",_icons:"codicon codicon-close",_label:this.translateDeleteSelection,_hideLabel:!0,_disabled:e,"data-testid":"combobox-delete",class:r("kol-combobox__delete",{"kol-combobox__delete--disabled":e}),_on:{onClick:()=>{this.clearSelection()}}}),s(c,{key:"e6b4d8abc7b46bcf94c6abdd3b3929a655cdda11",_icons:"codicon codicon-triangle-down",_label:"",class:r("kol-custom-suggestions-toggle",{"kol-custom-suggestions-toggle--disabled":e}),onClick:this.toggleListbox.bind(this)})),this._isOpen&&!e&&s(k,{key:"e6fb48734b7c3e4f0abc466a9be4ba4fcedd5c36",blockSuggestionMouseOver:this.blockSuggestionMouseOver,onKeyDown:this.handleKeyDownDropdown.bind(this)},Array.isArray(this._filteredSuggestions)&&this._filteredSuggestions.length>0&&this._filteredSuggestions.map((t,i)=>s(y,{disabled:!1,index:i,option:t,searchTerm:this.state._value,ref:o=>{o&&(this.refSuggestions[i]=o)},selected:this.state._value===t,onClick:()=>{this.selectOption(t),this.toggleListbox(),this._isOpen=!1},onMouseOver:()=>{this.blockSuggestionMouseOver||this.focusOption(i)},onFocus:()=>{this.focusOption(i)},onKeyDown:o=>{(o.key==="Enter"||o.key==="NumpadEnter")&&(this.selectOption(t),this.toggleListbox(),o.preventDefault())}})))))}handleKeyDown(e){var t,i;const o=(a,n)=>{var l;e.preventDefault(),a!==void 0&&(this._isOpen=a,a||(l=this.refInput)===null||l===void 0||l.focus()),n?.()};switch(e.key){case"Down":case"ArrowDown":{this.blockSuggestionMouseOver=!0,o(!0,()=>this.moveFocus(1));break}case"Up":case"ArrowUp":{this.blockSuggestionMouseOver=!0,o(!0,()=>this.moveFocus(-1));break}case"Tab":this._isOpen&&(this._isOpen=!1,(t=this.refInput)===null||t===void 0||t.focus());break;case"Esc":case"Escape":{this._isOpen=!1,e.preventDefault(),(i=this.refInput)===null||i===void 0||i.focus();break}case"NumpadEnter":case"Enter":{this._isOpen&&this._focusedOptionIndex>=0?(this._filteredSuggestions&&this.selectOption(this._filteredSuggestions[this._focusedOptionIndex]),this._isOpen=!1):this.toggleListbox(),e.preventDefault();break}case"Home":{this.blockSuggestionMouseOver=!0,o(void 0,()=>{this._isOpen&&this.focusOption(0)});break}case"End":{this.blockSuggestionMouseOver=!0,o(void 0,()=>{this._isOpen&&this.focusOption(this._filteredSuggestions?this._filteredSuggestions.length-1:0)});break}case"PageUp":{this.blockSuggestionMouseOver=!0,o(void 0,()=>this._isOpen&&this.moveFocus(-10));break}case"PageDown":{this.blockSuggestionMouseOver=!0,o(void 0,()=>this._isOpen&&this.moveFocus(10));break}}}handleWindowClick(e){this.host!==void 0&&!this.host.contains(e.target)&&(this._isOpen=!1)}constructor(e){u(this,e),this.refSuggestions=[],this._focusedOptionIndex=-1,this.translateDeleteSelection=S("kol-delete-selection"),this.toggleListbox=()=>{var t;if(this.state._disabled===!0)this._isOpen=!1;else if((t=this.refInput)===null||t===void 0||t.focus(),this._isOpen)this._isOpen=!1;else if(Array.isArray(this._filteredSuggestions)&&this._filteredSuggestions.length>0){this._isOpen=!0;const o=this._filteredSuggestions.findIndex(a=>a===this.state._value);this._focusedOptionIndex=o>=0?o:-1,this.focusOption(this._focusedOptionIndex)}},this.catchRef=t=>{this.refInput=t},this.blockSuggestionMouseOver=!1,this._isOpen=!1,this._disabled=!1,this._hideMsg=!1,this._hideLabel=!1,this._hint="",this._hideClearButton=!1,this._required=!1,this._tooltipAlign="top",this._touched=!1,this.state={_hasValue:!1,_hideClearButton:!1,_hideMsg:!1,_id:`id-${w()}`,_label:"",_suggestions:[],_value:""},this.inputHasFocus=!1,this.controller=new C(this,"combobox",this.host),this.onInput=this.onInput.bind(this)}showAsAlert(){return!!this.state._touched&&!this.inputHasFocus}validatePlaceholder(e){this.controller.validatePlaceholder(e)}validateAccessKey(e){this.controller.validateAccessKey(e)}validateDisabled(e){this.controller.validateDisabled(e)}validateHideMsg(e){this.controller.validateHideMsg(e)}validateHideLabel(e){this.controller.validateHideLabel(e)}validateHint(e){this.controller.validateHint(e)}validateIcons(e){this.controller.validateIcons(e)}validateId(e){this.controller.validateId(e)}validateLabel(e){this.controller.validateLabel(e)}validateMsg(e){this.controller.validateMsg(e)}validateName(e){this.controller.validateName(e)}validateOn(e){this.controller.validateOn(e)}validateShortKey(e){this.controller.validateShortKey(e)}validateSuggestions(e){this.controller.validateSuggestions(e),this._filteredSuggestions=e}validateHideClearButton(e){this.controller.validateHideClearButton(e)}validateRequired(e){this.controller.validateRequired(e)}validateSyncValueBySelector(e){this.controller.validateSyncValueBySelector(e)}validateTouched(e){this.controller.validateTouched(e)}validateValue(e){this.controller.validateValue(e),this.controller.setFormAssociatedValue(e)}componentWillLoad(){this.refSuggestions=[],this._touched=this._touched===!0,this.controller.componentWillLoad(),this.state._hasValue=!!this.state._value,this.controller.addValueChangeListener(e=>this.state._hasValue=!!e),this._filteredSuggestions=this.state._suggestions}handleMouseEvent(){this.blockSuggestionMouseOver=!1}handleFocusOut(){setTimeout(()=>{var e;!((e=this.host)===null||e===void 0)&&e.contains(document.activeElement)||this.onBlur()},0)}handleWindowBlur(){this.onBlur()}onBlur(){var e;this._isOpen&&(this._isOpen=!this._isOpen,(e=this.refInput)===null||e===void 0||e.focus())}onChange(e){this.controller.onFacade.onChange(e),this.controller.setFormAssociatedValue(this.state._value)}get host(){return h(this)}static get watchers(){return{_placeholder:[{validatePlaceholder:0}],_accessKey:[{validateAccessKey:0}],_disabled:[{validateDisabled:0}],_hideMsg:[{validateHideMsg:0}],_hideLabel:[{validateHideLabel:0}],_hint:[{validateHint:0}],_icons:[{validateIcons:0}],_id:[{validateId:0}],_label:[{validateLabel:0}],_msg:[{validateMsg:0}],_name:[{validateName:0}],_on:[{validateOn:0}],_shortKey:[{validateShortKey:0}],_suggestions:[{validateSuggestions:0}],_hideClearButton:[{validateHideClearButton:0}],_required:[{validateRequired:0}],_syncValueBySelector:[{validateSyncValueBySelector:0}],_touched:[{validateTouched:0}],_value:[{validateValue:0}]}}};B.style={default:F()};export{B as kol_combobox};
-//# sourceMappingURL=kol-combobox.entry-DklS9QlJ.js.map

package/dist/assets/kol-combobox.entry-DklS9QlJ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"kol-combobox.entry-DklS9QlJ.js","sources":["../../../../components/dist/esm/kol-combobox.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, r as registerInstance, g as getElement } from './index-BVfSKhpj.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport { d as KolButtonWcTag, e as KolIconTag } from './component-names-C3fyby67.js';\nimport { g as getRenderStates, F as FormFieldStateWrapper } from './FormFieldStateWrapper-BD6_Aq_y.js';\nimport { I as InputIconController, a as InputContainerStateWrapperFc } from './controller-icon-z0j8meAS.js';\nimport { I as InputStateWrapper } from './InputStateWrapper-Br3zT89Q.js';\nimport { C as CustomSuggestionsOptionsGroupFc, a as CustomSuggestionsOptionFc } from './CustomSuggestionsOptionsGroup-CKk6vmBF.js';\nimport { t as translate } from './i18n-LBpyQ66X.js';\nimport { n as nonce } from './dev.utils-CT0IU26V.js';\nimport { d as watchBoolean, e as watchString } from './common-Dd0zJQbD.js';\nimport { v as validatePlaceholder } from './placeholder-BVhy3BzI.js';\nimport { v as validateRequired } from './required-CnTTpFCN.js';\nimport { v as validateSuggestions } from './suggestions-B-jLvT4L.js';\nimport './access-and-short-key-B37XLwy2.js';\nimport './disabled-BhpAFgSp.js';\nimport './hide-label-B9FhGrWP.js';\nimport './label-Dnmzb2S_.js';\nimport './tooltip-align-Cnin7S26.js';\nimport './align-D-ifSKu8.js';\nimport './events-9-skLO0f.js';\nimport './associated.controller-B9GDDaFL.js';\nimport './bootstrap-DcyDkVEo.js';\nimport './i18n-CfLoIZ8T.js';\nimport './isObject-DvSELytj.js';\nimport './tslib.es6-CxX45GIN.js';\nimport './reuse-CX4AQDkS.js';\nimport './InternalUnderlinedBadgeText-BXMEPoNX.js';\nimport './Alert-I3c2hFqL.js';\nimport './bem-Dj4gWVFO.js';\nimport './browser-DiRe0qUf.js';\nimport './Heading-DwQEABii.js';\nimport './Icon-DazIQvDi.js';\nimport './icons-DNTuScEN.js';\nimport './Input-KPeaFJZR.js';\n\nclass ComboboxController extends InputIconController {\n    constructor(component, name, host) {\n        super(component, name, host);\n        this.component = component;\n    }\n    validateHideClearButton(value) {\n        watchBoolean(this.component, '_hideClearButton', value);\n    }\n    validatePlaceholder(value) {\n        validatePlaceholder(this.component, value);\n    }\n    validateRequired(value) {\n        validateRequired(this.component, value);\n    }\n    validateSuggestions(value) {\n        validateSuggestions(this.component, value);\n    }\n    validateValue(value) {\n        watchString(this.component, '_value', value);\n    }\n    componentWillLoad() {\n        super.componentWillLoad();\n        this.validateHideClearButton(this.component._hideClearButton);\n        this.validatePlaceholder(this.component._placeholder);\n        this.validateRequired(this.component._required);\n        this.validateSuggestions(this.component._suggestions);\n        this.validateValue(this.component._value);\n    }\n}\n\nconst defaultStyleCss = () => ` @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;   @layer kol-a11y {   :host {          --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));          color: black;     background-color: white;          font-family: Verdana;          letter-spacing: inherit;          word-spacing: inherit;          text-align: left;   }   * {          hyphens: auto;          word-break: break-word;   }                  button,   .kol-input .input {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }      a,   button,   h1,   h2,   h3,   h4,   h5,   h6,   input,   option,   select,   textarea {          color: inherit;          font-family: inherit;          font-size: inherit;          letter-spacing: inherit;          word-spacing: inherit;   }      .visually-hidden {     position: fixed;     top: 0;     left: 0;     width: 1px;     height: 1px;     overflow: hidden;     white-space: nowrap;     clip-path: inset(50%);   } } @layer kol-global {      :is(a, button) {     background-color: transparent;     width: 100%;     margin: 0;     padding: 0;     border: none;        }      [hidden] {     display: none !important;   }   .badge-text-hint {     color: black;     background-color: lightgray;   } } @layer kol-global {   :host {          max-width: 100%;     font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   * {          box-sizing: border-box;   }   .kol-span {          display: flex;     flex-flow: column;     align-items: center;     justify-content: center;        }   .kol-span__container {     display: flex;     align-items: center;   }   a,   button {     cursor: pointer;   }   .kol-span .kol-span__label--hide-label .kol-span__label {     display: none;   }      button:disabled {     color: unset;   }   .disabled label,   .disabled:focus-within label,   [aria-disabled=true],   [aria-disabled=true]:focus,   [disabled],   [disabled]:focus {     opacity: 0.5;     outline: none;     cursor: not-allowed;   }   [aria-disabled=true]:focus .kol-span,   [disabled]:focus .kol-span {     outline: none !important;   } } @layer kol-component {   :host {     display: block;   } } @layer kol-component {   .kol-tooltip {     display: contents;   }   .kol-tooltip__floating {     opacity: 0;     display: none;     position: fixed;          top: 0;     left: 0;          width: var(--kol-tooltip-width, max-content);     min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));     max-width: 90vw;     max-height: 90vh;     animation-direction: normal;          animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);     animation-fill-mode: forwards;     animation-iteration-count: 1;     animation-timing-function: ease-in;   }   .kol-tooltip__floating.hide {     animation-name: hideTooltip;   }   .kol-tooltip__floating.show {     animation-name: showTooltip;   }   .kol-tooltip__arrow {     transform: rotate(45deg);     color: #000;     background-color: #fff;     position: absolute;     z-index: 999;     width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));     height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-tooltip__content {     color: #000;     background-color: #fff;     position: relative;     z-index: 1000;   }   @keyframes hideTooltip {     0% {       opacity: 1;     }     100% {       opacity: 0;       display: none;     }   }   @keyframes showTooltip {     0% {       opacity: 0;     }     100% {       opacity: 1;     }   } } @layer kol-component {   .kol-alert {     display: grid;   }   .kol-alert__container {     display: flex;     place-items: center;   }   .kol-alert__container-content {     flex-grow: 1;   }   .kol-alert__closer {          outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-custom-suggestions-option {     line-height: 1.5;     white-space: normal;     cursor: pointer;     overflow-wrap: break-word;   }   .kol-custom-suggestions-options-group--cursor-hidden .kol-custom-suggestions-option {     cursor: none !important;   }   .kol-custom-suggestions-option--disabled:focus, .kol-custom-suggestions-option--disabled:focus * {     cursor: not-allowed;   }   .kol-custom-suggestions-options-group {     background-color: white;     display: block;     position: absolute;     z-index: 2;     max-height: calc(250 * 1rem / var(--kolibri-root-font-size, 16));     margin: 0;     padding: 0;     overflow-x: hidden;     overflow-y: auto;     list-style-type: none;   }   .kol-custom-suggestions-toggle {     display: flex;     width: var(--a11y-min-size);     height: var(--a11y-min-size);     align-items: center;     justify-content: center;     cursor: default;   }   .kol-custom-suggestions-toggle.kol-custom-suggestions-toggle--disabled {     cursor: not-allowed;   }   .kol-form-field {     display: grid;   }   .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {     cursor: pointer;   }   .kol-form-field--disabled .kol-form-field__label {     opacity: 0.5;   }   .kol-form-field--required .kol-form-field__label-text::after {     content: \"*\"/\"\";   }   .kol-form-field--disabled .kol-form-field__hint {     opacity: 0.5;   }   .kol-form-field--required .kol-form-field__tooltip .span-label::after {     content: \"*\"/\"\";   }   .kol-input-container {     background-color: transparent;     display: grid;     width: 100%;     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);     align-items: center;     grid-template-columns: 1fr;   }   .kol-input-container:has(> .kol-input-container__adornment--start) {     grid-template-columns: auto 1fr;   }   .kol-input-container:has(> .kol-input-container__adornment--end) {     grid-template-columns: 1fr auto;   }   .kol-input-container:has(> .kol-input-container__adornment--start):has(> .kol-input-container__adornment--end) {     grid-template-columns: auto 1fr auto;   }   .kol-input-container__container {     position: relative;   }   .kol-input-container__adornment {     display: flex;     align-items: center;   }   .kol-input-container__adornment .kol-icon {     display: grid;     height: var(--a11y-min-size);     place-items: center;   }   .kol-input {     background-color: transparent;     width: 100%;     min-width: var(--a11y-min-size);   }   .kol-input:focus {     outline: none;   }   .kol-combobox__delete .kol-button {     cursor: pointer;   }   .kol-combobox__delete--disabled .kol-button {     cursor: not-allowed;   }   .kol-custom-suggestions-toggle:not(.kol-custom-suggestions-toggle--disabled) {     cursor: pointer;   }   .kol-custom-suggestions-toggle--disabled {     opacity: 0.5;   } }`;\n\nconst KolCombobox = class {\n    async getValue() {\n        return this.state._value;\n    }\n    async focus() {\n        var _a;\n        return Promise.resolve((_a = this.refInput) === null || _a === void 0 ? void 0 : _a.focus());\n    }\n    async kolFocus() {\n        return this.focus();\n    }\n    selectOption(option) {\n        var _a;\n        this.controller.onFacade.onInput(new CustomEvent('input', { bubbles: true, detail: { name: this.state._name, value: option } }), true, option);\n        this.controller.onFacade.onChange(new CustomEvent('change', { bubbles: true, detail: { name: this.state._name, value: option } }), option);\n        this.controller.setFormAssociatedValue(option);\n        this.state._value = option;\n        (_a = this.refInput) === null || _a === void 0 ? void 0 : _a.focus();\n    }\n    clearSelection() {\n        var _a;\n        const isDisabled = this.state._disabled === true;\n        if (isDisabled) {\n            return;\n        }\n        const emptyValue = '';\n        this._focusedOptionIndex = -1;\n        this._value = emptyValue;\n        this.state._value = emptyValue;\n        this._filteredSuggestions = [...this.state._suggestions];\n        this._isOpen = false;\n        const detail = { name: this.state._name, value: emptyValue };\n        this.controller.onFacade.onInput(new CustomEvent('input', { bubbles: true, detail }), true, emptyValue);\n        this.controller.onFacade.onChange(new CustomEvent('change', { bubbles: true, detail }), emptyValue);\n        this.controller.setFormAssociatedValue(emptyValue);\n        (_a = this.refInput) === null || _a === void 0 ? void 0 : _a.focus();\n    }\n    onInput(event) {\n        const target = event.target;\n        this.state._value = target.value;\n        this._value = target.value;\n        this.controller.onFacade.onInput(event);\n        this.setFilteredSuggestionsByQuery(target.value);\n        this._focusedOptionIndex = -1;\n    }\n    handleKeyDownDropdown(event) {\n        if (event.key.length === 1 && /[a-z0-9]/i.test(event.key)) {\n            this._isOpen = true;\n            this.focusSuggestionStartingWith(event.key);\n        }\n    }\n    setFilteredSuggestionsByQuery(query) {\n        if (query.trim() === '') {\n            this._filteredSuggestions = [...this.state._suggestions];\n        }\n        else {\n            this._filteredSuggestions = Array.isArray(this.state._suggestions)\n                ? this.state._suggestions.filter((option) => {\n                    return option.toLowerCase().includes(query.toLowerCase());\n                })\n                : this._filteredSuggestions;\n            this._isOpen = this._filteredSuggestions && this._filteredSuggestions.length > 0 ? true : false;\n        }\n    }\n    moveFocus(delta) {\n        if (!this._filteredSuggestions) {\n            return;\n        }\n        let newIndex = this._focusedOptionIndex + delta;\n        if (newIndex >= this._filteredSuggestions.length) {\n            newIndex = 0;\n        }\n        if (newIndex < 0) {\n            newIndex = this._filteredSuggestions.length - 1;\n        }\n        this.focusOption(newIndex);\n    }\n    focusOption(index) {\n        this._focusedOptionIndex = index;\n        if (this.refSuggestions) {\n            const optionElement = this.refSuggestions[index];\n            optionElement === null || optionElement === void 0 ? void 0 : optionElement.focus();\n        }\n    }\n    focusSuggestionStartingWith(char) {\n        const charLowerCase = char.toLowerCase();\n        const index = Array.isArray(this._filteredSuggestions) &&\n            this._filteredSuggestions.length > 0 &&\n            this._filteredSuggestions.findIndex((option) => option.toLowerCase().startsWith(charLowerCase));\n        if (typeof index === 'number') {\n            this.focusOption(index);\n        }\n    }\n    getFormFieldProps() {\n        return {\n            state: this.state,\n            class: clsx('kol-combobox', {\n                'has-value': this.state._hasValue,\n            }),\n            tooltipAlign: this._tooltipAlign,\n            alert: this.showAsAlert(),\n        };\n    }\n    getInputProps() {\n        const { ariaDescribedBy } = getRenderStates(this.state);\n        const isDisabled = this.state._disabled === true;\n        return Object.assign(Object.assign({ ref: this.catchRef, state: this.state, class: 'kol-combobox__input', type: 'text', role: 'combobox', 'aria-activedescendant': this._isOpen && this._focusedOptionIndex >= 0 ? `option-${this._focusedOptionIndex}` : undefined, 'aria-autocomplete': 'both', 'aria-controls': 'listbox', 'aria-describedby': ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, 'aria-expanded': this._isOpen ? 'true' : 'false', 'aria-label': this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, 'aria-labelledby': this.state._id, 'aria-keyshortcuts': this.state._shortKey, value: this.state._value, accessKey: this.state._accessKey, autocapitalize: 'off', autocorrect: 'off', disabled: isDisabled, customSuggestions: true, id: this.state._id, name: this.state._name, required: this.state._required }, this.controller.onFacade), { onFocus: (event) => {\n                this.controller.onFacade.onFocus(event);\n                this.inputHasFocus = true;\n            }, onBlur: (event) => {\n                this.controller.onFacade.onBlur(event);\n                this.inputHasFocus = false;\n            }, onChange: this.onChange.bind(this), onInput: this.onInput.bind(this), placeholder: this.state._placeholder });\n    }\n    render() {\n        const isDisabled = this.state._disabled === true;\n        return (h(FormFieldStateWrapper, Object.assign({ key: 'c5afe28a1d16ea7880bf51e27eea443ce569a8ff' }, this.getFormFieldProps()), h(InputContainerStateWrapperFc, { key: 'dbccf31419288c4bec6e081c5a4c7dcf56c42f9c', state: this.state }, h(\"div\", { key: '99e682a31fdc8dbbcb92621b6618108c433f321e', class: \"kol-combobox__group\" }, h(InputStateWrapper, Object.assign({ key: 'c9da0b608dabe6adc24221722287fe373273ece4' }, this.getInputProps())), this.state._value && !this.state._hideClearButton && (h(KolButtonWcTag, { key: '58e6def1c6e17c1e0e7ad8540700de3576164eef', _icons: \"codicon codicon-close\", _label: this.translateDeleteSelection, _hideLabel: true, _disabled: isDisabled, \"data-testid\": \"combobox-delete\", class: clsx('kol-combobox__delete', {\n                'kol-combobox__delete--disabled': isDisabled,\n            }), _on: {\n                onClick: () => {\n                    this.clearSelection();\n                },\n            } })), h(KolIconTag, { key: 'e6b4d8abc7b46bcf94c6abdd3b3929a655cdda11', _icons: \"codicon codicon-triangle-down\", _label: \"\", class: clsx('kol-custom-suggestions-toggle', {\n                'kol-custom-suggestions-toggle--disabled': isDisabled,\n            }), onClick: this.toggleListbox.bind(this) })), this._isOpen && !isDisabled && (h(CustomSuggestionsOptionsGroupFc, { key: 'e6fb48734b7c3e4f0abc466a9be4ba4fcedd5c36', blockSuggestionMouseOver: this.blockSuggestionMouseOver, onKeyDown: this.handleKeyDownDropdown.bind(this) }, Array.isArray(this._filteredSuggestions) &&\n            this._filteredSuggestions.length > 0 &&\n            this._filteredSuggestions.map((option, index) => (h(CustomSuggestionsOptionFc, { disabled: false, index: index, option: option, searchTerm: this.state._value, ref: (el) => {\n                    if (el)\n                        this.refSuggestions[index] = el;\n                }, selected: this.state._value === option, onClick: () => {\n                    this.selectOption(option);\n                    this.toggleListbox();\n                    this._isOpen = false;\n                }, onMouseOver: () => {\n                    if (!this.blockSuggestionMouseOver) {\n                        this.focusOption(index);\n                    }\n                }, onFocus: () => {\n                    this.focusOption(index);\n                }, onKeyDown: (e) => {\n                    if (e.key === 'Enter' || e.key === 'NumpadEnter') {\n                        this.selectOption(option);\n                        this.toggleListbox();\n                        e.preventDefault();\n                    }\n                } }))))))));\n    }\n    handleKeyDown(event) {\n        var _a, _b;\n        const handleEvent = (isOpen, callback) => {\n            var _a;\n            event.preventDefault();\n            if (isOpen !== undefined) {\n                this._isOpen = isOpen;\n                if (!isOpen) {\n                    (_a = this.refInput) === null || _a === void 0 ? void 0 : _a.focus();\n                }\n            }\n            callback === null || callback === void 0 ? void 0 : callback();\n        };\n        switch (event.key) {\n            case 'Down':\n            case 'ArrowDown': {\n                this.blockSuggestionMouseOver = true;\n                handleEvent(true, () => this.moveFocus(1));\n                break;\n            }\n            case 'Up':\n            case 'ArrowUp': {\n                this.blockSuggestionMouseOver = true;\n                handleEvent(true, () => this.moveFocus(-1));\n                break;\n            }\n            case 'Tab':\n                if (this._isOpen) {\n                    this._isOpen = false;\n                    (_a = this.refInput) === null || _a === void 0 ? void 0 : _a.focus();\n                }\n                break;\n            case 'Esc':\n            case 'Escape': {\n                this._isOpen = false;\n                event.preventDefault();\n                (_b = this.refInput) === null || _b === void 0 ? void 0 : _b.focus();\n                break;\n            }\n            case 'NumpadEnter':\n            case 'Enter': {\n                if (this._isOpen && this._focusedOptionIndex >= 0) {\n                    this._filteredSuggestions && this.selectOption(this._filteredSuggestions[this._focusedOptionIndex]);\n                    this._isOpen = false;\n                }\n                else {\n                    this.toggleListbox();\n                }\n                event.preventDefault();\n                break;\n            }\n            case 'Home': {\n                this.blockSuggestionMouseOver = true;\n                handleEvent(undefined, () => {\n                    if (this._isOpen) {\n                        this.focusOption(0);\n                    }\n                });\n                break;\n            }\n            case 'End': {\n                this.blockSuggestionMouseOver = true;\n                handleEvent(undefined, () => {\n                    if (this._isOpen) {\n                        this.focusOption(this._filteredSuggestions ? this._filteredSuggestions.length - 1 : 0);\n                    }\n                });\n                break;\n            }\n            case 'PageUp': {\n                this.blockSuggestionMouseOver = true;\n                handleEvent(undefined, () => this._isOpen && this.moveFocus(-10));\n                break;\n            }\n            case 'PageDown': {\n                this.blockSuggestionMouseOver = true;\n                handleEvent(undefined, () => this._isOpen && this.moveFocus(10));\n                break;\n            }\n        }\n    }\n    handleWindowClick(event) {\n        if (this.host !== undefined && !this.host.contains(event.target)) {\n            this._isOpen = false;\n        }\n    }\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.refSuggestions = [];\n        this._focusedOptionIndex = -1;\n        this.translateDeleteSelection = translate('kol-delete-selection');\n        this.toggleListbox = () => {\n            var _a;\n            const isDisabled = this.state._disabled === true;\n            if (isDisabled) {\n                this._isOpen = false;\n            }\n            else {\n                (_a = this.refInput) === null || _a === void 0 ? void 0 : _a.focus();\n                if (this._isOpen) {\n                    this._isOpen = false;\n                }\n                else if (Array.isArray(this._filteredSuggestions) && this._filteredSuggestions.length > 0) {\n                    this._isOpen = true;\n                    const selectedIndex = this._filteredSuggestions.findIndex((option) => option === this.state._value);\n                    this._focusedOptionIndex = selectedIndex >= 0 ? selectedIndex : -1;\n                    this.focusOption(this._focusedOptionIndex);\n                }\n            }\n        };\n        this.catchRef = (ref) => {\n            this.refInput = ref;\n        };\n        this.blockSuggestionMouseOver = false;\n        this._isOpen = false;\n        this._disabled = false;\n        this._hideMsg = false;\n        this._hideLabel = false;\n        this._hint = '';\n        this._hideClearButton = false;\n        this._required = false;\n        this._tooltipAlign = 'top';\n        this._touched = false;\n        this.state = {\n            _hasValue: false,\n            _hideClearButton: false,\n            _hideMsg: false,\n            _id: `id-${nonce()}`,\n            _label: '',\n            _suggestions: [],\n            _value: '',\n        };\n        this.inputHasFocus = false;\n        this.controller = new ComboboxController(this, 'combobox', this.host);\n        this.onInput = this.onInput.bind(this);\n    }\n    showAsAlert() {\n        return Boolean(this.state._touched) && !this.inputHasFocus;\n    }\n    validatePlaceholder(value) {\n        this.controller.validatePlaceholder(value);\n    }\n    validateAccessKey(value) {\n        this.controller.validateAccessKey(value);\n    }\n    validateDisabled(value) {\n        this.controller.validateDisabled(value);\n    }\n    validateHideMsg(value) {\n        this.controller.validateHideMsg(value);\n    }\n    validateHideLabel(value) {\n        this.controller.validateHideLabel(value);\n    }\n    validateHint(value) {\n        this.controller.validateHint(value);\n    }\n    validateIcons(value) {\n        this.controller.validateIcons(value);\n    }\n    validateId(value) {\n        this.controller.validateId(value);\n    }\n    validateLabel(value) {\n        this.controller.validateLabel(value);\n    }\n    validateMsg(value) {\n        this.controller.validateMsg(value);\n    }\n    validateName(value) {\n        this.controller.validateName(value);\n    }\n    validateOn(value) {\n        this.controller.validateOn(value);\n    }\n    validateShortKey(value) {\n        this.controller.validateShortKey(value);\n    }\n    validateSuggestions(value) {\n        this.controller.validateSuggestions(value);\n        this._filteredSuggestions = value;\n    }\n    validateHideClearButton(value) {\n        this.controller.validateHideClearButton(value);\n    }\n    validateRequired(value) {\n        this.controller.validateRequired(value);\n    }\n    validateSyncValueBySelector(value) {\n        this.controller.validateSyncValueBySelector(value);\n    }\n    validateTouched(value) {\n        this.controller.validateTouched(value);\n    }\n    validateValue(value) {\n        this.controller.validateValue(value);\n        this.controller.setFormAssociatedValue(value);\n    }\n    componentWillLoad() {\n        this.refSuggestions = [];\n        this._touched = this._touched === true;\n        this.controller.componentWillLoad();\n        this.state._hasValue = !!this.state._value;\n        this.controller.addValueChangeListener((v) => (this.state._hasValue = !!v));\n        this._filteredSuggestions = this.state._suggestions;\n    }\n    handleMouseEvent() {\n        this.blockSuggestionMouseOver = false;\n    }\n    handleFocusOut() {\n        setTimeout(() => {\n            var _a;\n            if (!((_a = this.host) === null || _a === void 0 ? void 0 : _a.contains(document.activeElement))) {\n                this.onBlur();\n            }\n        }, 0);\n    }\n    handleWindowBlur() {\n        this.onBlur();\n    }\n    onBlur() {\n        var _a;\n        if (this._isOpen) {\n            this._isOpen = !this._isOpen;\n            (_a = this.refInput) === null || _a === void 0 ? void 0 : _a.focus();\n        }\n    }\n    onChange(event) {\n        this.controller.onFacade.onChange(event);\n        this.controller.setFormAssociatedValue(this.state._value);\n    }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_placeholder\": [{\n                \"validatePlaceholder\": 0\n            }],\n        \"_accessKey\": [{\n                \"validateAccessKey\": 0\n            }],\n        \"_disabled\": [{\n                \"validateDisabled\": 0\n            }],\n        \"_hideMsg\": [{\n                \"validateHideMsg\": 0\n            }],\n        \"_hideLabel\": [{\n                \"validateHideLabel\": 0\n            }],\n        \"_hint\": [{\n                \"validateHint\": 0\n            }],\n        \"_icons\": [{\n                \"validateIcons\": 0\n            }],\n        \"_id\": [{\n                \"validateId\": 0\n            }],\n        \"_label\": [{\n                \"validateLabel\": 0\n            }],\n        \"_msg\": [{\n                \"validateMsg\": 0\n            }],\n        \"_name\": [{\n                \"validateName\": 0\n            }],\n        \"_on\": [{\n                \"validateOn\": 0\n            }],\n        \"_shortKey\": [{\n                \"validateShortKey\": 0\n            }],\n        \"_suggestions\": [{\n                \"validateSuggestions\": 0\n            }],\n        \"_hideClearButton\": [{\n                \"validateHideClearButton\": 0\n            }],\n        \"_required\": [{\n                \"validateRequired\": 0\n            }],\n        \"_syncValueBySelector\": [{\n                \"validateSyncValueBySelector\": 0\n            }],\n        \"_touched\": [{\n                \"validateTouched\": 0\n            }],\n        \"_value\": [{\n                \"validateValue\": 0\n            }]\n    }; }\n};\nKolCombobox.style = {\n    default: defaultStyleCss()\n};\n\nexport { KolCombobox as kol_combobox };\n"],"names":["ComboboxController","InputIconController","component","name","host","value","watchBoolean","validatePlaceholder","validateRequired","validateSuggestions","watchString","defaultStyleCss","KolCombobox","_a","option","emptyValue","detail","event","target","query","delta","newIndex","index","optionElement","char","charLowerCase","clsx","ariaDescribedBy","getRenderStates","isDisabled","h","FormFieldStateWrapper","InputContainerStateWrapperFc","InputStateWrapper","KolButtonWcTag","KolIconTag","CustomSuggestionsOptionsGroupFc","CustomSuggestionsOptionFc","el","e","_b","handleEvent","isOpen","callback","hostRef","registerInstance","translate","selectedIndex","ref","nonce","v","getElement"],"mappings":"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"}

package/dist/assets/kol-details.entry-DHdhfZ0q.js

@@ -1,2 +0,0 @@
-import{r as s,d as r,a as d,h as l,g as p,w as c}from"./index-hDzmycZM.js";import{K as h}from"./Collapsible-CK8NIzH0-OFSkk9ww.js";import{v as b}from"./disabled-BhpAFgSp-XwsrDnWT.js";import{v as _}from"./label-Dnmzb2S_-YuosJx7D.js";import{v as m}from"./open-CbvHO4XG-n8QXh3_y.js";import{n as u}from"./dev.utils-CT0IU26V-Cs-xItdq.js";import{w as f}from"./validation-aqgnZOL6-VLAcEczo.js";import"./tslib.es6-CxX45GIN-BGVaTf34.js";import"./clsx-eK3rPvPS-B-dksMZM.js";import"./Heading-DwQEABii-THMC_gpR.js";const g=(e,a)=>{c(e,"_on",t=>typeof t=="object"&&t!==null,new Set(["DetailsCallbacksPropType {Events.onToggle}"]),a)},v=()=>"  @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;  @layer kol-a11y {   :host {          --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));          color: black;     background-color: white;          font-family: Verdana;          letter-spacing: inherit;          word-spacing: inherit;          text-align: left;   }   * {          hyphens: auto;          word-break: break-word;   }                  button,   .kol-input .input {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }      a,   button,   h1,   h2,   h3,   h4,   h5,   h6,   input,   option,   select,   textarea {          color: inherit;          font-family: inherit;          font-size: inherit;          letter-spacing: inherit;          word-spacing: inherit;   }      .visually-hidden {     position: fixed;     top: 0;     left: 0;     width: 1px;     height: 1px;     overflow: hidden;     white-space: nowrap;     clip-path: inset(50%);   } } @layer kol-global {      :is(a, button) {     background-color: transparent;     width: 100%;     margin: 0;     padding: 0;     border: none;        }      [hidden] {     display: none !important;   }   .badge-text-hint {     color: black;     background-color: lightgray;   } } @layer kol-global {   :host {          max-width: 100%;     font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   * {          box-sizing: border-box;   }   .kol-span {          display: flex;     flex-flow: column;     align-items: center;     justify-content: center;        }   .kol-span__container {     display: flex;     align-items: center;   }   a,   button {     cursor: pointer;   }   .kol-span .kol-span__label--hide-label .kol-span__label {     display: none;   }      button:disabled {     color: unset;   }   .disabled label,   .disabled:focus-within label,   [aria-disabled=true],   [aria-disabled=true]:focus,   [disabled],   [disabled]:focus {     opacity: 0.5;     outline: none;     cursor: not-allowed;   }   [aria-disabled=true]:focus .kol-span,   [disabled]:focus .kol-span {     outline: none !important;   } } @layer kol-component {   :host {     display: block;   } }  @layer kol-component {   @media (prefers-reduced-motion) {     .collapsible__wrapper-animation, .collapsible__wrapper {       transition-duration: 0s;     }   }   .collapsible {        }   @media print {     :not(.collapsible--open) .collapsible__wrapper-animation {       display: none;     }   }   .collapsible__wrapper {          transform: translateZ(0);     display: grid;     grid-template-rows: 0fr;     transition: grid-template-rows 0.3s;   }   .collapsible__wrapper-animation {     opacity: 0;     transform: scaleY(0);     transform-origin: top;     min-height: 0;          visibility: hidden;     transition: transform 0.3s, opacity 0.3s, visibility 0.3s;   }   .collapsible--open .collapsible__wrapper {     grid-template-rows: 1fr;   }   .collapsible--open .collapsible__wrapper-animation {     opacity: 1;     transform: scaleY(1);     visibility: visible;   }   .collapsible {        }   .collapsible__heading-button button .kol-span {     align-items: flex-start;   }   .collapsible--open:focus-within {     position: relative;     z-index: 100;   } } @layer kol-component {   .kol-details__heading-button {     display: flex;   }   .kol-details__heading-button .kol-button {     min-height: auto;   }   .kol-details__heading-button .kol-button .kol-span__label {     border-bottom-color: grey;     border-bottom-style: solid;   }   .collapsible--open .kol-details__heading-button .kol-icon::part(icon) {     transform: rotate(90deg);   } }",k=class{constructor(e){s(this,e),this.nonce=u(),this.catchRef=a=>{this.buttonWcRef=a},this.handleOnClick=a=>{this._open=!this._open,clearTimeout(this.toggleTimeout),this.toggleTimeout=setTimeout(()=>{var t,o;this.host&&r(this.host,d.toggle,!!this._open),(o=(t=this.state._on)===null||t===void 0?void 0:t.onToggle)===null||o===void 0||o.call(t,a,!!this._open)},25)},this._disabled=!1,this._level=0,this._open=!1,this.state={_label:"",_level:0,_on:{}}}async focus(){var e;return Promise.resolve((e=this.buttonWcRef)===null||e===void 0?void 0:e.focus())}async kolFocus(){return this.focus()}render(){const{_open:e,_label:a,_disabled:t,_level:o}=this.state,i="kol-details",n={id:this.nonce,label:a,open:e,disabled:t,level:o,onClick:this.handleOnClick,class:i,HeadingProps:{class:`${i}__heading`},HeadingButtonProps:{ref:this.catchRef,class:`${i}__heading-button`,_icons:"codicon codicon-chevron-right"},ContentProps:{class:`${i}__content indented-text`,wrapperClass:`${i}__wrapper`,animationClass:`${i}__wrapper-animation`}};return l(h,Object.assign({key:"ea189966b0a9072b03f4296f71c8c7e5c25eb4c8"},n),l("slot",{key:"4a369f362fc6db0109baa6a4048eae8b2d640f78"}))}validateDisabled(e){b(this,e)}validateLabel(e){_(this,e,{required:!0})}validateLevel(e){f(this,e)}validateOn(e){g(this,e)}validateOpen(e){m(this,e)}componentWillLoad(){this.validateDisabled(this._disabled),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on),this.validateOpen(this._open)}get host(){return p(this)}static get watchers(){return{_disabled:[{validateDisabled:0}],_label:[{validateLabel:0}],_level:[{validateLevel:0}],_on:[{validateOn:0}],_open:[{validateOpen:0}]}}};k.style={default:v()};export{k as kol_details};
-//# sourceMappingURL=kol-details.entry-DHdhfZ0q.js.map

package/dist/assets/kol-details.entry-DHdhfZ0q.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"kol-details.entry-DHdhfZ0q.js","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-BVfSKhpj.js';\nimport { K as KolCollapsibleFc } from './Collapsible-CK8NIzH0.js';\nimport { w as watchValidator } from './common-Dd0zJQbD.js';\nimport { v as validateDisabled } from './disabled-BhpAFgSp.js';\nimport { v as validateLabel } from './label-Dnmzb2S_.js';\nimport { v as validateOpen } from './open-CbvHO4XG.js';\nimport { n as nonce } from './dev.utils-CT0IU26V.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-9-skLO0f.js';\nimport { w as watchHeadingLevel } from './validation-aqgnZOL6.js';\nimport './tslib.es6-CxX45GIN.js';\nimport './clsx-eK3rPvPS.js';\nimport './component-names-C3fyby67.js';\nimport './Heading-DwQEABii.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 = () => `  @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;  @layer kol-a11y {   :host {          --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));          color: black;     background-color: white;          font-family: Verdana;          letter-spacing: inherit;          word-spacing: inherit;          text-align: left;   }   * {          hyphens: auto;          word-break: break-word;   }                  button,   .kol-input .input {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }      a,   button,   h1,   h2,   h3,   h4,   h5,   h6,   input,   option,   select,   textarea {          color: inherit;          font-family: inherit;          font-size: inherit;          letter-spacing: inherit;          word-spacing: inherit;   }      .visually-hidden {     position: fixed;     top: 0;     left: 0;     width: 1px;     height: 1px;     overflow: hidden;     white-space: nowrap;     clip-path: inset(50%);   } } @layer kol-global {      :is(a, button) {     background-color: transparent;     width: 100%;     margin: 0;     padding: 0;     border: none;        }      [hidden] {     display: none !important;   }   .badge-text-hint {     color: black;     background-color: lightgray;   } } @layer kol-global {   :host {          max-width: 100%;     font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   * {          box-sizing: border-box;   }   .kol-span {          display: flex;     flex-flow: column;     align-items: center;     justify-content: center;        }   .kol-span__container {     display: flex;     align-items: center;   }   a,   button {     cursor: pointer;   }   .kol-span .kol-span__label--hide-label .kol-span__label {     display: none;   }      button:disabled {     color: unset;   }   .disabled label,   .disabled:focus-within label,   [aria-disabled=true],   [aria-disabled=true]:focus,   [disabled],   [disabled]:focus {     opacity: 0.5;     outline: none;     cursor: not-allowed;   }   [aria-disabled=true]:focus .kol-span,   [disabled]:focus .kol-span {     outline: none !important;   } } @layer kol-component {   :host {     display: block;   } }  @layer kol-component {   @media (prefers-reduced-motion) {     .collapsible__wrapper-animation, .collapsible__wrapper {       transition-duration: 0s;     }   }   .collapsible {        }   @media print {     :not(.collapsible--open) .collapsible__wrapper-animation {       display: none;     }   }   .collapsible__wrapper {          transform: translateZ(0);     display: grid;     grid-template-rows: 0fr;     transition: grid-template-rows 0.3s;   }   .collapsible__wrapper-animation {     opacity: 0;     transform: scaleY(0);     transform-origin: top;     min-height: 0;          visibility: hidden;     transition: transform 0.3s, opacity 0.3s, visibility 0.3s;   }   .collapsible--open .collapsible__wrapper {     grid-template-rows: 1fr;   }   .collapsible--open .collapsible__wrapper-animation {     opacity: 1;     transform: scaleY(1);     visibility: visible;   }   .collapsible {        }   .collapsible__heading-button button .kol-span {     align-items: flex-start;   }   .collapsible--open:focus-within {     position: relative;     z-index: 100;   } } @layer kol-component {   .kol-details__heading-button {     display: flex;   }   .kol-details__heading-button .kol-button {     min-height: auto;   }   .kol-details__heading-button .kol-button .kol-span__label {     border-bottom-color: grey;     border-bottom-style: solid;   }   .collapsible--open .kol-details__heading-button .kol-icon::part(icon) {     transform: rotate(90deg);   } }`;\n\nconst KolDetails = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.nonce = nonce();\n        this.catchRef = (ref) => {\n            this.buttonWcRef = ref;\n        };\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() {\n        var _a;\n        return Promise.resolve((_a = this.buttonWcRef) === null || _a === void 0 ? void 0 : _a.focus());\n    }\n    async kolFocus() {\n        return this.focus();\n    }\n    render() {\n        const { _open, _label, _disabled, _level } = this.state;\n        const rootClass = 'kol-details';\n        const props = {\n            id: this.nonce,\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.catchRef,\n                class: `${rootClass}__heading-button`,\n                _icons: 'codicon codicon-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: 'ea189966b0a9072b03f4296f71c8c7e5c25eb4c8' }, props), h(\"slot\", { key: '4a369f362fc6db0109baa6a4048eae8b2d640f78' })));\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\": [{\n                \"validateDisabled\": 0\n            }],\n        \"_label\": [{\n                \"validateLabel\": 0\n            }],\n        \"_level\": [{\n                \"validateLevel\": 0\n            }],\n        \"_on\": [{\n                \"validateOn\": 0\n            }],\n        \"_open\": [{\n                \"validateOpen\": 0\n            }]\n    }; }\n};\nKolDetails.style = {\n    default: defaultStyleCss()\n};\n\nexport { KolDetails as kol_details };\n"],"names":["validateDetailsCallbacks","component","value","watchValidator","defaultStyleCss","KolDetails","hostRef","registerInstance","nonce","ref","event","_a","_b","dispatchDomEvent","KolEvent","_open","_label","_disabled","_level","rootClass","props","h","KolCollapsibleFc","validateDisabled","validateLabel","watchHeadingLevel","on","validateOpen","getElement"],"mappings":"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"}

package/dist/assets/kol-drawer.entry-Dr6lIO6M.js

@@ -1,2 +0,0 @@
-import{r as i,h as o,l,H as n,s as r,d as s,a as d,g as h}from"./index-hDzmycZM.js";import{c as p}from"./clsx-eK3rPvPS-B-dksMZM.js";import{v as c}from"./align-D-ifSKu8-7Mn2tQC6.js";import{v as _}from"./has-closer-CQzjaTkv-DPI4Hbbv.js";import{v as m}from"./label-Dnmzb2S_-YuosJx7D.js";import{v as f}from"./open-CbvHO4XG-n8QXh3_y.js";import{h as b}from"./tooltip-open-tracking-rBbBgPWP-DRkgcff2.js";const g=()=>" @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;   @layer kol-a11y {   :host {          --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));          color: black;     background-color: white;          font-family: Verdana;          letter-spacing: inherit;          word-spacing: inherit;          text-align: left;   }   * {          hyphens: auto;          word-break: break-word;   }                  button,   .kol-input .input {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }      a,   button,   h1,   h2,   h3,   h4,   h5,   h6,   input,   option,   select,   textarea {          color: inherit;          font-family: inherit;          font-size: inherit;          letter-spacing: inherit;          word-spacing: inherit;   }      .visually-hidden {     position: fixed;     top: 0;     left: 0;     width: 1px;     height: 1px;     overflow: hidden;     white-space: nowrap;     clip-path: inset(50%);   } } @layer kol-global {      :is(a, button) {     background-color: transparent;     width: 100%;     margin: 0;     padding: 0;     border: none;        }      [hidden] {     display: none !important;   }   .badge-text-hint {     color: black;     background-color: lightgray;   } } @layer kol-global {   :host {          max-width: 100%;     font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   * {          box-sizing: border-box;   }   .kol-span {          display: flex;     flex-flow: column;     align-items: center;     justify-content: center;        }   .kol-span__container {     display: flex;     align-items: center;   }   a,   button {     cursor: pointer;   }   .kol-span .kol-span__label--hide-label .kol-span__label {     display: none;   }      button:disabled {     color: unset;   }   .disabled label,   .disabled:focus-within label,   [aria-disabled=true],   [aria-disabled=true]:focus,   [disabled],   [disabled]:focus {     opacity: 0.5;     outline: none;     cursor: not-allowed;   }   [aria-disabled=true]:focus .kol-span,   [disabled]:focus .kol-span {     outline: none !important;   } } @layer kol-component {   .kol-tooltip {     display: contents;   }   .kol-tooltip__floating {     opacity: 0;     display: none;     position: fixed;          top: 0;     left: 0;          width: var(--kol-tooltip-width, max-content);     min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));     max-width: 90vw;     max-height: 90vh;     animation-direction: normal;          animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);     animation-fill-mode: forwards;     animation-iteration-count: 1;     animation-timing-function: ease-in;   }   .kol-tooltip__floating.hide {     animation-name: hideTooltip;   }   .kol-tooltip__floating.show {     animation-name: showTooltip;   }   .kol-tooltip__arrow {     transform: rotate(45deg);     color: #000;     background-color: #fff;     position: absolute;     z-index: 999;     width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));     height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-tooltip__content {     color: #000;     background-color: #fff;     position: relative;     z-index: 1000;   }   @keyframes hideTooltip {     0% {       opacity: 1;     }     100% {       opacity: 0;       display: none;     }   }   @keyframes showTooltip {     0% {       opacity: 0;     }     100% {       opacity: 1;     }   } } @layer kol-component {   .kol-card {          outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));     position: relative;     height: 100%;   }   .kol-card__close-button {     position: absolute;     top: 0;     right: 0;   }   .kol-drawer__dialog {     padding: 0;     border: none;   }   .kol-drawer__wrapper {     position: fixed;     overflow: auto;   }   .kol-drawer__wrapper--left, .kol-drawer__wrapper--right {     top: 0;     max-width: 100vw;     height: 100vh;   }   .kol-drawer__wrapper--left .kol-drawer__content, .kol-drawer__wrapper--right .kol-drawer__content {     height: 100%;   }   .kol-drawer__wrapper--left {     left: 0;   }   .kol-drawer__wrapper--right {     right: 0;   }   .kol-drawer__wrapper--bottom, .kol-drawer__wrapper--top {     left: 0;     width: 100vw;     max-height: 100vh;   }   .kol-drawer__wrapper--bottom .kol-drawer__content, .kol-drawer__wrapper--top .kol-drawer__content {     width: 100%;   }   .kol-drawer__wrapper--bottom {     bottom: 0;   }   .kol-drawer__wrapper--top {     top: 0;   }   .kol-drawer__content {     position: relative;   } }",w=class{constructor(e){i(this,e),this.getWrapperRef=t=>this.dialogWrapperElement=t,this.getRef=t=>{this.dialogElement=t,setTimeout(()=>{this.openOrCloseBasedOnState()})},this._hasCloser=!1,this.state={_label:"",_open:!1,_align:"left"}}async open(){var e;this.state=Object.assign(Object.assign({},this.state),{_open:!0}),(e=this.dialogElement)===null||e===void 0||e.showModal()}async close(){this.state=Object.assign(Object.assign({},this.state),{_open:!1});const e=this.dialogWrapperElement;if(!e)return;window.getComputedStyle(e).animationName==="none"&&this.handleCloseDialog()}renderDialogContent(){const e=this.state._align;return o(l,{ref:this.getWrapperRef,class:p("kol-drawer__wrapper",`kol-drawer__wrapper--${e}`,{"kol-drawer__wrapper--open":this.state._open,"kol-drawer__wrapper--is-closing":this.state._open===!1}),_label:this.state._label,_hasCloser:this.state._hasCloser,_on:{onClose:()=>{this.close()}}},o("div",{class:"kol-drawer__content"},o("slot",null)))}render(){return o(n,{key:"48deffbc981b1796cd881d8efe1e2410b39e08aa",class:"kol-drawer"},o("dialog",{key:"e63e6c9cb356b9ecb7a1ed87b5f82ef062335698","aria-label":this.state._label,class:"kol-drawer__dialog",onCancel:b,ref:this.getRef},this.renderDialogContent()))}validateLabel(e){m(this,e,{required:!0})}validateAlign(e){c(this,e)}validateHasCloser(e){_(this,e)}validateOpen(e){typeof e=="boolean"&&(f(this,e),this.dialogElement&&this.openOrCloseBasedOnState())}async openOrCloseBasedOnState(){this.state._open?await this.open():await this.close()}validateOn(e){if(typeof e=="object"&&e!==null){const t={};typeof e.onClose=="function"&&(t.onClose=e.onClose),r(this,"_on",t)}}handleCloseDialog(){var e,t,a;(e=this.dialogElement)===null||e===void 0||e.close(),(a=(t=this._on)===null||t===void 0?void 0:t.onClose)===null||a===void 0||a.call(t),this.host&&s(this.host,d.close)}handleClose(){(async()=>(await this.close(),this.handleCloseDialog()))()}handleAnimationEnd(e){e.animationName.includes("slideOut")&&this.handleCloseDialog()}componentDidLoad(){var e,t;(e=this.dialogElement)===null||e===void 0||e.addEventListener("animationend",this.handleAnimationEnd.bind(this)),(t=this.dialogElement)===null||t===void 0||t.addEventListener("close",this.handleClose.bind(this))}disconnectedCallback(){var e,t;(e=this.dialogElement)===null||e===void 0||e.removeEventListener("animationend",this.handleAnimationEnd.bind(this)),(t=this.dialogElement)===null||t===void 0||t.removeEventListener("close",this.handleClose.bind(this))}componentWillLoad(){this.validateLabel(this._label),this.validateOpen(this._open),this.validateAlign(this._align),this.validateHasCloser(this._hasCloser),this.validateOn(this._on)}get host(){return h(this)}static get watchers(){return{_label:[{validateLabel:0}],_align:[{validateAlign:0}],_hasCloser:[{validateHasCloser:0}],_open:[{validateOpen:0}],_on:[{validateOn:0}]}}};w.style={default:g()};export{w as kol_drawer};
-//# sourceMappingURL=kol-drawer.entry-Dr6lIO6M.js.map