@public-ui/sample-react 3.0.2-4633c75bfe6e8436d102c316ead90b0a2b4974ef.0 → 3.0.2-4f2652e383001617fed2c8414b4cf7ac25f38716.0

package/dist/assets/kol-tabs.entry-IGYXLerm.js

@@ -0,0 +1,267 @@
+import{r as p,v as f,d as h,a as c,h as l,e as b,s as m,z as _,_ as g,$ as v,ae as y,g as k,w,m as T}from"./index-DZwRL3ZZ.js";import{v as x}from"./align-tkanisJ7-B1Wwegvl.js";import{v as C}from"./label-BMIQSq1u-Bm_R9RHT.js";import{t as P}from"./i18n-HxKF0IgX-BWYKe66X.js";import{K as r}from"./keyboard-D6PoWr38-Bn_Qh8Bq.js";import{c as A}from"./clsx-eK3rPvPS-BT_IL7Fz.js";/*!
+ * KoliBri - The accessible HTML-Standard
+ */const u=["select-automatic","select-manual"],B=(e,t)=>{w(e,"_behavior",n=>typeof n=="string"&&u.includes(n),new Set([`KoliBriTabBehavior {${u.join(", ")}`]),t)},S=(e,t)=>{T(e,"_hasCreateButton",t)},z=`/*
+ * This file contains all rules for accessibility.
+ */
+@layer kol-global {
+  :host {
+    /*
+     * Minimum size of interactive elements.
+     */
+    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));
+    /*
+     * No element should be used without a background and font color whose contrast ratio has
+     * not been checked. By initially setting the background color to white and the font color
+     * to black, the contrast ratio is ensured and explicit adjustment is forced.
+     */
+    background-color: white;
+    color: black;
+  }
+  * {
+    /*
+     * This rule enables the word dividing for all texts. That is important for high zoom levels.
+     */
+    hyphens: auto;
+    /*
+     * Verdana is an accessible font that can be used without requiring additional loading time.
+     */
+    font-family: Verdana;
+    /*
+     * Letter spacing is required for all texts.
+     */
+    letter-spacing: inherit;
+    /*
+     * This rule enables the word dividing for all texts. That is important for high zoom levels.
+     */
+    word-break: break-word;
+    /*
+     * Word spacing is required for all texts.
+     */
+    word-spacing: inherit;
+  }
+  /*
+   * All interactive elements should have a minimum size of rem(44).
+   */
+  /* input:not([type='checkbox'], [type='radio'], [type='range']), */
+  /* option, */
+  /* select, */
+  /* textarea, */
+  [role=button],
+  button:not([role=link]),
+  .kol-input .input {
+    min-height: var(--a11y-min-size);
+    min-width: var(--a11y-min-size);
+  }
+  /*
+   * Some interactive elements should not inherit the font-family and font-size.
+   */
+  a,
+  button,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  input,
+  option,
+  select,
+  textarea {
+    /*
+     * All elements should inherit the font family from his parent element.
+     */
+    font-family: inherit;
+    /*
+     * All elements should inherit the font size from his parent element.
+     */
+    font-size: inherit;
+  }
+}
+/**
+ * Sometimes we need the semantic element for accessibility reasons,
+ * but we don't want to show it.
+ *
+ * - https://www.a11yproject.com/posts/how-to-hide-content/
+ */
+.visually-hidden {
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}
+
+@layer kol-global {
+  /*
+   * Dieses CSS stellt sicher, dass der Standard-Style
+   * von A und Button resettet werden.
+   */
+  :is(a, button) {
+    background-color: transparent;
+    border: none;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    /* 100% needed for custom width from outside */
+  }
+  /*
+   * Ensure elements with hidden attribute to be actually not visible
+   * @see https://meowni.ca/hidden.is.a.lie.html
+   */
+  [hidden] {
+    display: none !important;
+  }
+  .badge-text-hint {
+    background-color: lightgray;
+    color: black;
+  }
+}
+@layer kol-global {
+  :host {
+    font-size: calc(16rem / var(--kolibri-root-font-size, 16));
+    /*
+     * The max-width is needed to prevent the table from overflowing the
+     * parent node, if the table is wider than the parent node.
+     */
+    max-width: 100%;
+  }
+  * {
+    /*
+     * We prefer to box-sizing: border-box for all elements.
+     */
+    box-sizing: border-box;
+  }
+  .kol-span {
+    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */
+    display: grid;
+    place-items: center;
+    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */
+  }
+  .kol-span__container {
+    display: flex;
+    place-items: center;
+  }
+  a,
+  button {
+    cursor: pointer;
+  }
+  .kol-span .kol-span__label--hide-label .kol-span__label {
+    display: none;
+  }
+  /* Reset browser agent style. */
+  button:disabled {
+    color: unset;
+  }
+  .disabled label,
+  .disabled:focus-within label,
+  [aria-disabled=true],
+  [aria-disabled=true]:focus,
+  [disabled],
+  [disabled]:focus {
+    cursor: not-allowed;
+    opacity: 0.5;
+    outline: none;
+  }
+  [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 {
+    animation-duration: 0.25s;
+    animation-iteration-count: 1;
+    animation-name: fadeInOpacity;
+    animation-timing-function: ease-in;
+    display: none;
+    position: fixed;
+    visibility: hidden;
+    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */
+    top: 0;
+    left: 0;
+    max-width: 90vw;
+    max-height: 90vh;
+    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */
+    width: var(--kol-tooltip-width);
+  }
+  .kol-tooltip__arrow {
+    background-color: #fff;
+    color: #000;
+    height: calc(10rem / var(--kolibri-root-font-size, 16));
+    position: absolute;
+    transform: rotate(45deg);
+    width: calc(10rem / var(--kolibri-root-font-size, 16));
+    z-index: 999;
+  }
+  .kol-tooltip__content {
+    background-color: #fff;
+    color: #000;
+    position: relative;
+    z-index: 1000;
+  }
+  @keyframes fadeInOpacity {
+    0% {
+      opacity: 0;
+    }
+    100% {
+      opacity: 1;
+    }
+  }
+}
+@layer kol-component {
+  .kol-tabs {
+    display: var(--display);
+    grid-template-rows: var(--grid-template-rows);
+    grid-template-columns: var(--grid-template-columns);
+  }
+  .kol-tabs--align-right {
+    --display: grid;
+    --grid-template-columns: 1fr auto;
+    --button-group-flex-direction: column;
+    --button-group-order: 2;
+  }
+  .kol-tabs--align-left {
+    --display: grid;
+    --grid-template-columns: auto 1fr;
+    --button-group-flex-direction: column;
+    --button-group-order: 0;
+  }
+  .kol-tabs--align-bottom {
+    --display: grid;
+    --grid-template-rows: 1fr auto;
+    --button-group-order: 2;
+  }
+  .kol-tabs__tabs-align-top {
+    --display: grid;
+    --grid-template-rows: auto 1fr;
+    --button-group-order: 0;
+  }
+  .kol-tabs__content {
+    overflow: auto;
+  }
+  .kol-tabs__button-group {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: var(--button-group-flex-direction);
+    order: var(--button-group-order);
+  }
+  .kol-tabs__button-group .kol-button {
+    border-bottom-color: transparent;
+    border-bottom-style: solid;
+    display: block;
+  }
+  .kol-tabs__panel {
+    height: 100%;
+  }
+}`,I=class{constructor(e){p(this,e),this.onCreateLabel=`${P("kol-new")} …`,this.nextPossibleTabIndex=(t,n,a=1)=>{const i=n+a;return i<t.length?t[i]._disabled?this.nextPossibleTabIndex(t,n,a+1):i:n},this.prevPossibleTabIndex=(t,n,a=1)=>{const i=n-a;return i>=0?t[i]._disabled?this.prevPossibleTabIndex(t,n,a+1):i:n},this.onKeyDown=t=>{switch(t.key){case r.ArrowRight:this.goToNextTab(t);break;case r.ArrowLeft:this.goToPreviousTab(t);break;case r.Space:case r.Enter:this.activateFocusedTab(t);break}},this.onClickSelect=(t,n)=>{this.selectNextTabEvent(t,n)},this.onMouseDown=t=>{t.preventDefault()},this.callbacks={onClick:this.onClickSelect,onMouseDown:this.onMouseDown},this.catchTabPanelHost=t=>{this.tabPanelHost=t},this._align="top",this._hasCreateButton=!1,this._selected=0,this.state={_align:"top",_label:"",_selected:0,_tabs:[]},this.selectNextNotDisabledTab=(t,n,a=!0,i)=>{if(t>n.length-1&&(t=n.length-1),t<0&&(t=0),Array.isArray(n)&&n[t]&&n[t]._disabled){if(a===!0){if(t<n.length-1)return this.selectNextNotDisabledTab(t+1,n,!0,i||t);t=i||t,a=!1}if(a===!1){if(t>0)return this.selectNextNotDisabledTab(t-1,n,!1,i||t);f("[KolTabs] All tabs are disabled, and therefore no tab can be displayed.")}}return t},this.syncSelectedAndTabs=(t,n,a,i)=>{let o;i==="_selected"?o=t:o=this.state._selected;let s;i==="_tabs"?s=t:s=this.state._tabs,s.length>0&&n.set("_selected",this.selectNextNotDisabledTab(o,s))},this.refreshTabPanels=()=>{var t,n,a,i;if(this.tabPanelHost){for(;this.tabPanelHost.firstChild;)this.tabPanelHost.removeChild(this.tabPanelHost.firstChild);for(let o=0;o<((t=this.state._tabs)===null||t===void 0?void 0:t.length);o++){const s=document.createElement("div");s.setAttribute("aria-labelledby",`${this.state._label.replace(/\s/g,"-")}-tab-${o}`),s.setAttribute("id",`tabpanel-${o}`),s.setAttribute("role","tabpanel"),s.setAttribute("hidden","");const d=document.createElement("slot");d.setAttribute("name",`tabpanel-slot-${o}`),s.appendChild(d),(n=this.tabPanelHost)===null||n===void 0||n.appendChild(s),typeof HTMLCollection<"u"&&((a=this.host)===null||a===void 0?void 0:a.children)instanceof HTMLCollection&&(!((i=this.host)===null||i===void 0)&&i.children[o])&&this.host.children[o].setAttribute("slot",`tabpanel-slot-${o}`)}this.updateVisiblePanel()}},this.updateVisiblePanel=()=>{this.tabPanelHost&&Array.from(this.tabPanelHost.children).forEach((t,n)=>{n===this.state._selected?t.removeAttribute("hidden"):t.setAttribute("hidden","")})},this.onCreate=t=>{var n,a;t.preventDefault(),(a=(n=this.state._on)===null||n===void 0?void 0:n.onCreate)===null||a===void 0||a.call(n,t),this.host&&h(this.host,c.create)},this.onBlur=()=>{this.currentFocusIndex=void 0}}getCurrentFocusIndex(){return typeof this.currentFocusIndex=="number"?this.currentFocusIndex:this.state._selected}getKeyboardTabChangeMode(){return this._behavior==="select-manual"?"selectFocusOnly":"activateCompletely"}goToNextTab(e){const t=this.nextPossibleTabIndex(this.state._tabs,this.getCurrentFocusIndex());this.selectNextTabEvent(e,t,this.getKeyboardTabChangeMode())}goToPreviousTab(e){const t=this.prevPossibleTabIndex(this.state._tabs,this.getCurrentFocusIndex());this.selectNextTabEvent(e,t,this.getKeyboardTabChangeMode())}activateFocusedTab(e){typeof this.currentFocusIndex=="number"&&this.onSelect(e,this.currentFocusIndex)}selectNextTabEvent(e,t,n="activateCompletely"){var a,i;this.currentFocusIndex=t,this.focusTabById(t),n==="activateCompletely"&&(this._selected=t,(i=(a=this.state._tabs[t]._on)===null||a===void 0?void 0:a.onSelect)===null||i===void 0||i.call(a,e,t),this.onSelect(e,t))}renderButtonGroup(){return l("div",{"aria-label":this.state._label,class:"kol-tabs__button-group",role:"tablist",onKeyDown:this.onKeyDown,onBlur:this.onBlur},this.state._tabs.map((e,t)=>l(b,{_disabled:e._disabled,_icons:e._icons,_hideLabel:e._hideLabel,_label:e._label,_on:this.callbacks,_tabIndex:this.state._selected===t?0:-1,_tooltipAlign:e._tooltipAlign,_buttonVariant:this.state._selected===t?"custom":void 0,_customClass:this.state._selected===t?"selected":void 0,_ariaControls:`tabpanel-${t}`,_ariaSelected:this.state._selected===t,_id:`${this.state._label.replace(/\s/g,"-")}-tab-${t}`,_role:"tab",_value:t})),this.state._hasCreateButton&&l(b,{class:"kol-tabs__button-create",_label:this.onCreateLabel,_on:{onClick:this.onCreate},_icons:"codicon codicon-plus","data-testid":"tabs-create-button"}))}render(){return l("div",{key:"8c3212b2e1bd09292d666d163c88ad94ef2f59bb",ref:e=>{this.tabPanelsElement=e},class:A("kol-tabs",`kol-tabs--align-${this.state._align}`)},this.renderButtonGroup(),l("div",{key:"ebbb16b66d9b77f98fe9d2384f83489530cd3e6d",class:"kol-tabs__content",ref:this.catchTabPanelHost}))}validateAlign(e){x(this,e)}validateBehavior(e){B(this,e)}validateHasCreateButton(e){S(this,e)}validateLabel(e){C(this,e,{required:!0})}validateOn(e){if(typeof e=="object"&&e!==null){const t={};typeof e.onCreate=="function"&&(t.onCreate=e.onCreate),typeof e.onSelect=="function"&&(t.onSelect=e.onSelect),m(this,"_on",t)}}validateSelected(e){_(this,"_selected",e,{hooks:{beforePatch:this.syncSelectedAndTabs}})}validateTabs(e){g(this,"_tabs",t=>typeof t=="object"&&t!==null&&typeof t._label=="string"&&t._label.length>0,e,void 0,{hooks:{beforePatch:this.syncSelectedAndTabs,afterPatch:this.refreshTabPanels}}),v("KolTabs",this.state._tabs.length)}componentWillLoad(){this.validateAlign(this._align),this.validateLabel(this._label),this.validateOn(this._on),this.validateSelected(this._selected),this.validateTabs(this._tabs),this.validateBehavior(this._behavior),this.validateHasCreateButton(this._hasCreateButton)}componentDidRender(){this.refreshTabPanels()}focusTabById(e){if(this.tabPanelsElement){const t=y(`button#${this.state._label.replace(/\s/g,"-")}-tab-${e}`,this.tabPanelsElement);t==null||t.focus()}}onSelect(e,t){var n,a;(a=(n=this._on)===null||n===void 0?void 0:n.onSelect)===null||a===void 0||a.call(n,e,t),this.host&&h(this.host,c.select,t),this.focusTabById(t)}get host(){return k(this)}static get watchers(){return{_align:["validateAlign"],_behavior:["validateBehavior"],_hasCreateButton:["validateHasCreateButton"],_label:["validateLabel"],_on:["validateOn"],_selected:["validateSelected"],_tabs:["validateTabs"]}}};I.style={default:z};export{I as kol_tabs};
+//# sourceMappingURL=kol-tabs.entry-IGYXLerm.js.map

package/dist/assets/kol-tabs.entry-IGYXLerm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-tabs.entry-IGYXLerm.js","sources":["../../../../components/dist/esm/kol-tabs.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, g as getElement } from './index-WhYY2qN5.js';\nimport { w as watchValidator, d as watchBoolean, j as devHint, s as setState, m as watchNumber, I as watchJsonArrayString, J as uiUxHintMillerscheZahl, Q as koliBriQuerySelector } from './progress-DvHYRA46.js';\nimport { v as validateAlign } from './align-tkanisJ7.js';\nimport { v as validateLabel } from './label-BMIQSq1u.js';\nimport { t as translate } from './i18n-HxKF0IgX.js';\nimport { d as KolButtonWcTag } from './component-names-CkE54Ym7.js';\nimport { K as KeyboardKey } from './keyboard-D6PoWr38.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-CoPFQEiC.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport './i18n-CVrpm8pY.js';\n\nconst tabBehaviorPropTypeOptions = ['select-automatic', 'select-manual'];\nconst validateTabBehavior = (component, value) => {\n    watchValidator(component, `_behavior`, (value) => typeof value === 'string' && tabBehaviorPropTypeOptions.includes(value), new Set([`KoliBriTabBehavior {${tabBehaviorPropTypeOptions.join(', ')}`]), value);\n};\n\nconst validateHasCreateButton = (component, value) => {\n    watchBoolean(component, '_hasCreateButton', value);\n};\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-global {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    color: black;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n  }\\n}\\n/**\\n * Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n *\\n * - https://www.a11yproject.com/posts/how-to-hide-content/\\n */\\n.visually-hidden {\\n  clip: rect(0 0 0 0);\\n  clip-path: inset(50%);\\n  height: 1px;\\n  overflow: hidden;\\n  position: absolute;\\n  white-space: nowrap;\\n  width: 1px;\\n}\\n\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: grid;\\n    place-items: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: block;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip {\\n    display: contents;\\n  }\\n  .kol-tooltip__floating {\\n    animation-duration: 0.25s;\\n    animation-iteration-count: 1;\\n    animation-name: fadeInOpacity;\\n    animation-timing-function: ease-in;\\n    display: none;\\n    position: fixed;\\n    visibility: hidden;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width);\\n  }\\n  .kol-tooltip__arrow {\\n    background-color: #fff;\\n    color: #000;\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n    position: absolute;\\n    transform: rotate(45deg);\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    z-index: 999;\\n  }\\n  .kol-tooltip__content {\\n    background-color: #fff;\\n    color: #000;\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes fadeInOpacity {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  .kol-tabs {\\n    display: var(--display);\\n    grid-template-rows: var(--grid-template-rows);\\n    grid-template-columns: var(--grid-template-columns);\\n  }\\n  .kol-tabs--align-right {\\n    --display: grid;\\n    --grid-template-columns: 1fr auto;\\n    --button-group-flex-direction: column;\\n    --button-group-order: 2;\\n  }\\n  .kol-tabs--align-left {\\n    --display: grid;\\n    --grid-template-columns: auto 1fr;\\n    --button-group-flex-direction: column;\\n    --button-group-order: 0;\\n  }\\n  .kol-tabs--align-bottom {\\n    --display: grid;\\n    --grid-template-rows: 1fr auto;\\n    --button-group-order: 2;\\n  }\\n  .kol-tabs__tabs-align-top {\\n    --display: grid;\\n    --grid-template-rows: auto 1fr;\\n    --button-group-order: 0;\\n  }\\n  .kol-tabs__content {\\n    overflow: auto;\\n  }\\n  .kol-tabs__button-group {\\n    display: flex;\\n    flex-wrap: wrap;\\n    flex-direction: var(--button-group-flex-direction);\\n    order: var(--button-group-order);\\n  }\\n  .kol-tabs__button-group .kol-button {\\n    border-bottom-color: transparent;\\n    border-bottom-style: solid;\\n    display: block;\\n  }\\n  .kol-tabs__panel {\\n    height: 100%;\\n  }\\n}\";\n\nconst KolTabs = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.onCreateLabel = `${translate('kol-new')} …`;\n        this.nextPossibleTabIndex = (tabs, offset, step = 1) => {\n            const nextOffset = offset + step;\n            if (nextOffset < tabs.length) {\n                if (tabs[nextOffset]._disabled) {\n                    return this.nextPossibleTabIndex(tabs, offset, step + 1);\n                }\n                return nextOffset;\n            }\n            return offset;\n        };\n        this.prevPossibleTabIndex = (tabs, offset, step = 1) => {\n            const nextOffset = offset - step;\n            if (nextOffset >= 0) {\n                if (tabs[nextOffset]._disabled) {\n                    return this.prevPossibleTabIndex(tabs, offset, step + 1);\n                }\n                return nextOffset;\n            }\n            return offset;\n        };\n        this.onKeyDown = (event) => {\n            switch (event.key) {\n                case KeyboardKey.ArrowRight:\n                    this.goToNextTab(event);\n                    break;\n                case KeyboardKey.ArrowLeft:\n                    this.goToPreviousTab(event);\n                    break;\n                case KeyboardKey.Space:\n                case KeyboardKey.Enter:\n                    this.activateFocusedTab(event);\n                    break;\n            }\n        };\n        this.onClickSelect = (event, index) => {\n            this.selectNextTabEvent(event, index);\n        };\n        this.onMouseDown = (event) => {\n            event.preventDefault();\n        };\n        this.callbacks = {\n            onClick: this.onClickSelect,\n            onMouseDown: this.onMouseDown,\n        };\n        this.catchTabPanelHost = (el) => {\n            this.tabPanelHost = el;\n        };\n        this._align = 'top';\n        this._hasCreateButton = false;\n        this._selected = 0;\n        this.state = {\n            _align: 'top',\n            _label: '',\n            _selected: 0,\n            _tabs: [],\n        };\n        this.selectNextNotDisabledTab = (selected, tabs, upOrDown = true, initialSelected) => {\n            if (selected > tabs.length - 1) {\n                selected = tabs.length - 1;\n            }\n            if (selected < 0) {\n                selected = 0;\n            }\n            if (Array.isArray(tabs) && tabs[selected]) {\n                if (tabs[selected]._disabled) {\n                    if (upOrDown === true) {\n                        if (selected < tabs.length - 1) {\n                            return this.selectNextNotDisabledTab(selected + 1, tabs, true, initialSelected || selected);\n                        }\n                        else {\n                            selected = initialSelected || selected;\n                            upOrDown = false;\n                        }\n                    }\n                    if (upOrDown === false) {\n                        if (selected > 0) {\n                            return this.selectNextNotDisabledTab(selected - 1, tabs, false, initialSelected || selected);\n                        }\n                        else {\n                            devHint(`[KolTabs] All tabs are disabled, and therefore no tab can be displayed.`);\n                        }\n                    }\n                }\n            }\n            return selected;\n        };\n        this.syncSelectedAndTabs = (nextValue, nextState, _component, key) => {\n            let selected;\n            if (key === '_selected') {\n                selected = nextValue;\n            }\n            else {\n                selected = this.state._selected;\n            }\n            let tabs;\n            if (key === '_tabs') {\n                tabs = nextValue;\n            }\n            else {\n                tabs = this.state._tabs;\n            }\n            if (tabs.length > 0) {\n                nextState.set('_selected', this.selectNextNotDisabledTab(selected, tabs));\n            }\n        };\n        this.refreshTabPanels = () => {\n            var _a, _b, _c, _d;\n            if (!this.tabPanelHost)\n                return;\n            while (this.tabPanelHost.firstChild) {\n                this.tabPanelHost.removeChild(this.tabPanelHost.firstChild);\n            }\n            for (let i = 0; i < ((_a = this.state._tabs) === null || _a === void 0 ? void 0 : _a.length); i++) {\n                const div = document.createElement('div');\n                div.setAttribute('aria-labelledby', `${this.state._label.replace(/\\s/g, '-')}-tab-${i}`);\n                div.setAttribute('id', `tabpanel-${i}`);\n                div.setAttribute('role', 'tabpanel');\n                div.setAttribute('hidden', '');\n                const slot = document.createElement('slot');\n                slot.setAttribute('name', `tabpanel-slot-${i}`);\n                div.appendChild(slot);\n                (_b = this.tabPanelHost) === null || _b === void 0 ? void 0 : _b.appendChild(div);\n                if (typeof HTMLCollection !== 'undefined' && ((_c = this.host) === null || _c === void 0 ? void 0 : _c.children) instanceof HTMLCollection && ((_d = this.host) === null || _d === void 0 ? void 0 : _d.children[i])) {\n                    this.host.children[i].setAttribute('slot', `tabpanel-slot-${i}`);\n                }\n            }\n            this.updateVisiblePanel();\n        };\n        this.updateVisiblePanel = () => {\n            if (!this.tabPanelHost)\n                return;\n            Array.from(this.tabPanelHost.children).forEach((child, i) => {\n                if (i === this.state._selected) {\n                    child.removeAttribute('hidden');\n                }\n                else {\n                    child.setAttribute('hidden', '');\n                }\n            });\n        };\n        this.onCreate = (event) => {\n            var _a, _b;\n            event.preventDefault();\n            (_b = (_a = this.state._on) === null || _a === void 0 ? void 0 : _a.onCreate) === null || _b === void 0 ? void 0 : _b.call(_a, event);\n            if (this.host) {\n                dispatchDomEvent(this.host, KolEvent.create);\n            }\n        };\n        this.onBlur = () => {\n            this.currentFocusIndex = undefined;\n        };\n    }\n    getCurrentFocusIndex() {\n        if (typeof this.currentFocusIndex === 'number') {\n            return this.currentFocusIndex;\n        }\n        return this.state._selected;\n    }\n    getKeyboardTabChangeMode() {\n        if (this._behavior === 'select-manual') {\n            return 'selectFocusOnly';\n        }\n        return 'activateCompletely';\n    }\n    goToNextTab(event) {\n        const nextFocusIndex = this.nextPossibleTabIndex(this.state._tabs, this.getCurrentFocusIndex());\n        this.selectNextTabEvent(event, nextFocusIndex, this.getKeyboardTabChangeMode());\n    }\n    goToPreviousTab(event) {\n        const nextFocusIndex = this.prevPossibleTabIndex(this.state._tabs, this.getCurrentFocusIndex());\n        this.selectNextTabEvent(event, nextFocusIndex, this.getKeyboardTabChangeMode());\n    }\n    activateFocusedTab(event) {\n        if (typeof this.currentFocusIndex === 'number') {\n            this.onSelect(event, this.currentFocusIndex);\n        }\n    }\n    selectNextTabEvent(event, nextTabIndex, changeMode = 'activateCompletely') {\n        var _a, _b;\n        this.currentFocusIndex = nextTabIndex;\n        this.focusTabById(nextTabIndex);\n        if (changeMode === 'activateCompletely') {\n            this._selected = nextTabIndex;\n            const tab = this.state._tabs[nextTabIndex];\n            (_b = (_a = tab._on) === null || _a === void 0 ? void 0 : _a.onSelect) === null || _b === void 0 ? void 0 : _b.call(_a, event, nextTabIndex);\n            this.onSelect(event, nextTabIndex);\n        }\n    }\n    renderButtonGroup() {\n        return (h(\"div\", { \"aria-label\": this.state._label, class: \"kol-tabs__button-group\", role: \"tablist\", onKeyDown: this.onKeyDown, onBlur: this.onBlur }, this.state._tabs.map((button, index) => (h(KolButtonWcTag, { _disabled: button._disabled, _icons: button._icons, _hideLabel: button._hideLabel, _label: button._label, _on: this.callbacks, _tabIndex: this.state._selected === index ? 0 : -1, _tooltipAlign: button._tooltipAlign, _buttonVariant: this.state._selected === index ? 'custom' : undefined, _customClass: this.state._selected === index ? 'selected' : undefined, _ariaControls: `tabpanel-${index}`, _ariaSelected: this.state._selected === index, _id: `${this.state._label.replace(/\\s/g, '-')}-tab-${index}`, _role: \"tab\", _value: index }))), this.state._hasCreateButton && (h(KolButtonWcTag, { class: \"kol-tabs__button-create\", _label: this.onCreateLabel, _on: {\n                onClick: this.onCreate,\n            }, _icons: \"codicon codicon-plus\", \"data-testid\": \"tabs-create-button\" }))));\n    }\n    render() {\n        return (h(\"div\", { key: '8c3212b2e1bd09292d666d163c88ad94ef2f59bb', ref: (el) => {\n                this.tabPanelsElement = el;\n            }, class: clsx('kol-tabs', `kol-tabs--align-${this.state._align}`) }, this.renderButtonGroup(), h(\"div\", { key: 'ebbb16b66d9b77f98fe9d2384f83489530cd3e6d', class: \"kol-tabs__content\", ref: this.catchTabPanelHost })));\n    }\n    validateAlign(value) {\n        validateAlign(this, value);\n    }\n    validateBehavior(value) {\n        validateTabBehavior(this, value);\n    }\n    validateHasCreateButton(value) {\n        validateHasCreateButton(this, value);\n    }\n    validateLabel(value) {\n        validateLabel(this, value, {\n            required: true,\n        });\n    }\n    validateOn(value) {\n        if (typeof value === 'object' && value !== null) {\n            const callbacks = {};\n            if (typeof value.onCreate === 'function') {\n                callbacks.onCreate = value.onCreate;\n            }\n            if (typeof value.onSelect === 'function') {\n                callbacks.onSelect = value.onSelect;\n            }\n            setState(this, '_on', callbacks);\n        }\n    }\n    validateSelected(value) {\n        watchNumber(this, '_selected', value, {\n            hooks: {\n                beforePatch: this.syncSelectedAndTabs,\n            },\n        });\n    }\n    validateTabs(value) {\n        watchJsonArrayString(this, '_tabs', (item) => typeof item === 'object' && item !== null && typeof item._label === 'string' && item._label.length > 0, value, undefined, {\n            hooks: {\n                beforePatch: this.syncSelectedAndTabs,\n                afterPatch: this.refreshTabPanels,\n            },\n        });\n        uiUxHintMillerscheZahl('KolTabs', this.state._tabs.length);\n    }\n    componentWillLoad() {\n        this.validateAlign(this._align);\n        this.validateLabel(this._label);\n        this.validateOn(this._on);\n        this.validateSelected(this._selected);\n        this.validateTabs(this._tabs);\n        this.validateBehavior(this._behavior);\n        this.validateHasCreateButton(this._hasCreateButton);\n    }\n    componentDidRender() {\n        this.refreshTabPanels();\n    }\n    focusTabById(index) {\n        if (this.tabPanelsElement) {\n            const button = koliBriQuerySelector(`button#${this.state._label.replace(/\\s/g, '-')}-tab-${index}`, this.tabPanelsElement);\n            button === null || button === void 0 ? void 0 : button.focus();\n        }\n    }\n    onSelect(event, index) {\n        var _a, _b;\n        (_b = (_a = this._on) === null || _a === void 0 ? void 0 : _a.onSelect) === null || _b === void 0 ? void 0 : _b.call(_a, event, index);\n        if (this.host) {\n            dispatchDomEvent(this.host, KolEvent.select, index);\n        }\n        this.focusTabById(index);\n    }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_align\": [\"validateAlign\"],\n        \"_behavior\": [\"validateBehavior\"],\n        \"_hasCreateButton\": [\"validateHasCreateButton\"],\n        \"_label\": [\"validateLabel\"],\n        \"_on\": [\"validateOn\"],\n        \"_selected\": [\"validateSelected\"],\n        \"_tabs\": [\"validateTabs\"]\n    }; }\n};\nKolTabs.style = {\n    default: defaultStyleCss\n};\n\nexport { KolTabs as kol_tabs };\n//# sourceMappingURL=kol-tabs.entry.js.map\n\n//# sourceMappingURL=kol-tabs.entry.js.map"],"names":["tabBehaviorPropTypeOptions","validateTabBehavior","component","value","watchValidator","validateHasCreateButton","watchBoolean","defaultStyleCss","KolTabs","hostRef","registerInstance","translate","tabs","offset","step","nextOffset","event","KeyboardKey","index","el","selected","upOrDown","initialSelected","devHint","nextValue","nextState","_component","key","_a","_b","_c","_d","i","div","slot","child","dispatchDomEvent","KolEvent","nextFocusIndex","nextTabIndex","changeMode","h","button","KolButtonWcTag","clsx","validateAlign","validateLabel","callbacks","setState","watchNumber","watchJsonArrayString","item","uiUxHintMillerscheZahl","koliBriQuerySelector","getElement"],"mappings":"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"}

package/dist/assets/{kol-textarea.entry-BX900OQB.js → kol-textarea.entry-hTwxnVnz.js}

@@ -1,6 +1,6 @@
-import{h as i,r as k,s as w,g as x,z as S,n as d,m as h,w as R}from"./index-DYeYkBGH.js";import{c as u}from"./clsx-09a06a12-BT_IL7Fz.js";import{n as z}from"./dev.utils-a094a355-f6VqO-Qz.js";import{F as C,g as L,c as H,a as A,e as O}from"./getRenderStates-65321bc2-CSG7lWCo.js";import{_ as p}from"./tslib.es6-1173d062-BAJoBDh7.js";import{I as T,a as F}from"./controller-icon-0e724fd0-CLApv_YL.js";import{v as V}from"./has-counter-3fc44829-B40_nxGv.js";import{v as M}from"./rows-225b4f43-5hXrey5r.js";import{v as q}from"./spell-check-5559a801-DU3PaYeN.js";import"./i18n-260f0fe9-CrUaTlaA.js";import"./isArray-7a60fa7f-CQEkOYWk.js";import"./associated.controller-4237c28d-D4eh1hms.js";import"./access-and-short-key-f743a5c4-DPl0xxgT.js";import"./tooltip-align-465a8590-wqJIuIan.js";import"./align-d2572387-BMnvGYLg.js";import"./hide-label-8b3a8709-OryxsgN0.js";import"./label-bf9966d0-BLshEcVQ.js";import"./Alert-ade6062d-CmNy5q6N.js";import"./Heading-2e6ec8e7-tHHujMwn.js";import"./InternalUnderlinedBadgeText-d999ca8e-DEqz6Bu6.js";import"./Icon-352464b0-ULNuWrim.js";import"./isObject-ffcbbb76-CLygU1TZ.js";import"./icons-a9c52ed8-BBclbt7m.js";/*!
+import{h as i,r as k,s as w,g as x,z,n as d,m as c,w as R}from"./index-DZwRL3ZZ.js";import{c as u}from"./clsx-eK3rPvPS-BT_IL7Fz.js";import{n as S}from"./dev.utils-DZnyqjau-C3ERdedd.js";import{F as C,g as H,c as L,a as A,e as O}from"./getRenderStates-hdg4JCxG-DvqouESd.js";import{_ as p}from"./tslib.es6-CxX45GIN-BAJoBDh7.js";import{I as F,a as T}from"./controller-icon-md8HtUkF-CVGe3YvO.js";import{v as M}from"./has-counter-BjT9WgW6-BIAsyFGg.js";import{v as V}from"./rows-DyB9epqs-CWqgRS0V.js";import{v as q}from"./spell-check-CMcp2-Ad-DVYlZ_zF.js";import"./i18n-HxKF0IgX-BWYKe66X.js";import"./isArray-CcrBs4JM-CiIQ3ne6.js";import"./access-and-short-key-CykHF9HL-BJ8j6Mzv.js";import"./hide-label-DYRsvAHX-CdTB5KDS.js";import"./label-BMIQSq1u-Bm_R9RHT.js";import"./tooltip-align-5cqqmpu7-CwQzgAlM.js";import"./align-tkanisJ7-B1Wwegvl.js";import"./associated.controller-CWG5rJsg-DeZ2yUd_.js";import"./Alert-BDEek3oH-Cu5gdYI4.js";import"./Heading-BGlU7KLE-DABLYNZp.js";import"./InternalUnderlinedBadgeText-BixRgTsK-BjmxARsZ.js";import"./Icon-BIJ_ZI1v-N3UYA7G-.js";import"./isObject-BJgq02Md-CLygU1TZ.js";import"./icons-BVOoMgA0-UIsttMeL.js";/*!
  * KoliBri - The accessible HTML-Standard
- */const c=["vertical","none"],j=e=>{const{class:t,msg:n,touched:a,readonly:l,disabled:s,required:r,ariaDescribedBy:m,hideLabel:f,label:v}=e,_=p(e,["class","msg","touched","readonly","disabled","required","ariaDescribedBy","hideLabel","label"]),g=A(n,a),b={"kol-textarea--disabled":!!s,"kol-textarea--required":!!r,"kol-textarea--touched":!!a,"kol-textarea--readonly":!!l,[`kol-textarea--${(n==null?void 0:n.type)||"error"}`]:g},y=Object.assign(Object.assign({class:u("kol-textarea",b,t),required:r,disabled:s,readonly:l},O({ariaDescribedBy:m,hideLabel:f,label:v})),_);return i("textarea",Object.assign({},y))};function B(e){const{ariaDescribedBy:t}=L(e);return{id:e._id,hideLabel:e._hideLabel,label:e._label,value:e._value,accessKey:e._accessKey,disabled:e._disabled,name:e._name,ariaDescribedBy:t,rows:e._rows,readonly:e._readOnly,required:e._required,placeholder:e._placeholder,maxLength:e._maxLength,touched:e._touched,msg:H(e._msg)}}const I=e=>{var{state:t}=e,n=p(e,["state"]);return i(j,Object.assign({},B(t),n))};class K extends F{constructor(t,n,a){super(t,n,a),this.afterSyncCharCounter=()=>{typeof this.component._value=="string"&&this.component._value.length>0&&(this.component.state._currentLength=this.component._value.length)},this.component=t}validateHasCounter(t){V(this.component,t,{hooks:{afterPatch:this.afterSyncCharCounter}})}validateMaxLength(t){S(this.component,"_maxLength",t,{hooks:{afterPatch:this.afterSyncCharCounter},min:0})}validatePlaceholder(t){d(this.component,"_placeholder",t)}validateReadOnly(t){h(this.component,"_readOnly",t)}validateResize(t){R(this.component,"_resize",n=>typeof n=="string"&&c.includes(n),new Set(`String {${c.join(", ")}`),t,{defaultValue:"vertical"})}validateRequired(t){h(this.component,"_required",t)}validateRows(t){M(this.component,t)}validateSpellCheck(t){q(this.component,t)}validateValue(t){d(this.component,"_value",t,{hooks:{afterPatch:this.afterSyncCharCounter}}),this.setFormAssociatedValue(this.component._value)}componentWillLoad(){super.componentWillLoad(),this.validateHasCounter(this.component._hasCounter),this.validateMaxLength(this.component._maxLength),this.validatePlaceholder(this.component._placeholder),this.validateReadOnly(this.component._readOnly),this.validateResize(this.component._resize),this.validateRequired(this.component._required),this.validateRows(this.component._rows),this.validateSpellCheck(this.component._spellCheck),this.validateValue(this.component._value)}}const P=`/*
+ */const h=["vertical","none"],j=e=>{const{class:t,msg:n,touched:a,readonly:l,disabled:s,required:r,ariaDescribedBy:m,hideLabel:f,label:v}=e,_=p(e,["class","msg","touched","readonly","disabled","required","ariaDescribedBy","hideLabel","label"]),g=A(n,a),b={"kol-textarea--disabled":!!s,"kol-textarea--required":!!r,"kol-textarea--touched":!!a,"kol-textarea--readonly":!!l,[`kol-textarea--${(n==null?void 0:n.type)||"error"}`]:g},y=Object.assign(Object.assign({class:u("kol-textarea",b,t),required:r,disabled:s,readonly:l},O({ariaDescribedBy:m,hideLabel:f,label:v})),_);return i("textarea",Object.assign({},y))};function B(e){const{ariaDescribedBy:t}=H(e);return{id:e._id,hideLabel:e._hideLabel,label:e._label,value:e._value,accessKey:e._accessKey,disabled:e._disabled,name:e._name,ariaDescribedBy:t,rows:e._rows,readonly:e._readOnly,required:e._required,placeholder:e._placeholder,maxLength:e._maxLength,touched:e._touched,msg:L(e._msg)}}const I=e=>{var{state:t}=e,n=p(e,["state"]);return i(j,Object.assign({},B(t),n))};class P extends T{constructor(t,n,a){super(t,n,a),this.afterSyncCharCounter=()=>{typeof this.component._value=="string"&&this.component._value.length>0&&(this.component.state._currentLength=this.component._value.length)},this.component=t}validateHasCounter(t){M(this.component,t,{hooks:{afterPatch:this.afterSyncCharCounter}})}validateMaxLength(t){z(this.component,"_maxLength",t,{hooks:{afterPatch:this.afterSyncCharCounter},min:0})}validatePlaceholder(t){d(this.component,"_placeholder",t)}validateReadOnly(t){c(this.component,"_readOnly",t)}validateResize(t){R(this.component,"_resize",n=>typeof n=="string"&&h.includes(n),new Set(`String {${h.join(", ")}`),t,{defaultValue:"vertical"})}validateRequired(t){c(this.component,"_required",t)}validateRows(t){V(this.component,t)}validateSpellCheck(t){q(this.component,t)}validateValue(t){d(this.component,"_value",t,{hooks:{afterPatch:this.afterSyncCharCounter}}),this.setFormAssociatedValue(this.component._value)}componentWillLoad(){super.componentWillLoad(),this.validateHasCounter(this.component._hasCounter),this.validateMaxLength(this.component._maxLength),this.validatePlaceholder(this.component._placeholder),this.validateReadOnly(this.component._readOnly),this.validateResize(this.component._resize),this.validateRequired(this.component._required),this.validateRows(this.component._rows),this.validateSpellCheck(this.component._spellCheck),this.validateValue(this.component._value)}}const K=`/*
  * This file contains all rules for accessibility.
  */
 @layer kol-global {
@@ -120,7 +120,7 @@ import{h as i,r as k,s as w,g as x,z as S,n as d,m as h,w as R}from"./index-DYeY
 }
 @layer kol-global {
   :host {
-    font-size: rem(16);
+    font-size: calc(16rem / var(--kolibri-root-font-size, 16));
     /*
      * The max-width is needed to prevent the table from overflowing the
      * parent node, if the table is wider than the parent node.
@@ -293,5 +293,5 @@ import{h as i,r as k,s as w,g as x,z as S,n as d,m as h,w as R}from"./index-DYeY
   .kol-textarea:focus {
     outline: none;
   }
-}`,D=P,o=e=>{e.style.overflow="hidden";const t=e.rows,n=e.clientHeight/t;e.rows=1;const a=Math.round(e.scrollHeight/n);return e.rows=t,a},W=class{async getValue(){var e;return(e=this.textareaRef)===null||e===void 0?void 0:e.value}async kolFocus(){var e;(e=this.textareaRef)===null||e===void 0||e.focus()}getFormFieldProps(){return{state:this.state,class:u("kol-form-field-textarea",{"kol-form-field--has-value":this.state._hasValue,"kol-form-field--has-counter":!!this.state._hasCounter}),tooltipAlign:this._tooltipAlign,onClick:()=>{var e;return(e=this.textareaRef)===null||e===void 0?void 0:e.focus()},alert:this.showAsAlert()}}getTextAreaProps(){return Object.assign(Object.assign({ref:this.catchRef,state:this.state,style:{resize:this.state._resize}},this.controller.onFacade),{onInput:this.onInput,onFocus:e=>{this.controller.onFacade.onFocus(e),this.inputHasFocus=!0},onBlur:e=>{this.controller.onFacade.onBlur(e),this.inputHasFocus=!1}})}render(){return i(C,Object.assign({key:"92d2decb15fa4fa25f86387d6f911e5988f17c12"},this.getFormFieldProps()),i(T,{key:"6bfa13c2aae8fa96002903b7c4064bff6868984c",state:this.state},i(I,Object.assign({key:"40aa057c2a81472a4db3ac2a5ab69392afce5037"},this.getTextAreaProps()))))}constructor(e){k(this,e),this.catchRef=t=>{this.textareaRef=t},this.onInput=t=>{if(this.textareaRef instanceof HTMLTextAreaElement){const n=this.textareaRef.value;w(this,"_currentLength",n.length),this._value=n,this.state._adjustHeight&&(this._rows=o(this.textareaRef)),this.controller.onFacade.onInput(t)}},this._accessKey=void 0,this._adjustHeight=!1,this._disabled=!1,this._hasCounter=!1,this._hideMsg=!1,this._hideLabel=!1,this._hint="",this._icons=void 0,this._id=void 0,this._label=void 0,this._maxLength=void 0,this._msg=void 0,this._name=void 0,this._on=void 0,this._placeholder=void 0,this._readOnly=!1,this._resize="vertical",this._required=!1,this._rows=void 0,this._shortKey=void 0,this._spellCheck=void 0,this._syncValueBySelector=void 0,this._tooltipAlign="top",this._touched=!1,this._value=void 0,this.state={_adjustHeight:!1,_currentLength:0,_hasValue:!1,_hideMsg:!1,_id:`id-${z()}`,_label:"",_resize:"vertical"},this.inputHasFocus=!1,this.controller=new K(this,"textarea",this.host)}showAsAlert(){return!!this.state._touched&&!this.inputHasFocus}validateAccessKey(e){this.controller.validateAccessKey(e)}validateAdjustHeight(e){this.controller.validateAdjustHeight(e)}validateDisabled(e){this.controller.validateDisabled(e)}validateHasCounter(e){this.controller.validateHasCounter(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)}validateMaxLength(e){this.controller.validateMaxLength(e)}validateMsg(e){this.controller.validateMsg(e)}validateName(e){this.controller.validateName(e)}validateOn(e){this.controller.validateOn(e)}validatePlaceholder(e){this.controller.validatePlaceholder(e)}validateReadOnly(e){this.controller.validateReadOnly(e)}validateResize(e){this.controller.validateResize(e)}validateRequired(e){this.controller.validateRequired(e)}validateRows(e){this.controller.validateRows(e)}validateShortKey(e){this.controller.validateShortKey(e)}validateSpellCheck(e){this.controller.validateSpellCheck(e)}validateSyncValueBySelector(e){this.controller.validateSyncValueBySelector(e)}validateTouched(e){this.controller.validateTouched(e)}validateValue(e){this.controller.validateValue(e)}componentDidLoad(){setTimeout(()=>{var e;this._adjustHeight===!0&&this.textareaRef?this._rows=!((e=this.state)===null||e===void 0)&&e._rows&&this.state._rows>o(this.textareaRef)?this.state._rows:o(this.textareaRef):this._rows||(this._rows=1)},0)}componentWillLoad(){this._touched=this._touched===!0,this.controller.componentWillLoad(),this.state._hasValue=!!this.state._value,this.controller.addValueChangeListener(e=>this.state._hasValue=!!e)}static get delegatesFocus(){return!0}get host(){return x(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_adjustHeight:["validateAdjustHeight"],_disabled:["validateDisabled"],_hasCounter:["validateHasCounter"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_maxLength:["validateMaxLength"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_placeholder:["validatePlaceholder"],_readOnly:["validateReadOnly"],_resize:["validateResize"],_required:["validateRequired"],_rows:["validateRows"],_shortKey:["validateShortKey"],_spellCheck:["validateSpellCheck"],_syncValueBySelector:["validateSyncValueBySelector"],_touched:["validateTouched"],_value:["validateValue"]}}};W.style={default:D};export{W as kol_textarea};
-//# sourceMappingURL=kol-textarea.entry-BX900OQB.js.map
+}`,o=e=>{e.style.overflow="hidden";const t=e.rows,n=e.clientHeight/t;e.rows=1;const a=Math.round(e.scrollHeight/n);return e.rows=t,a},D=class{async getValue(){var e;return(e=this.textareaRef)===null||e===void 0?void 0:e.value}async kolFocus(){var e;(e=this.textareaRef)===null||e===void 0||e.focus()}getFormFieldProps(){return{state:this.state,class:u("kol-form-field-textarea",{"kol-form-field--has-value":this.state._hasValue,"kol-form-field--has-counter":!!this.state._hasCounter}),tooltipAlign:this._tooltipAlign,onClick:()=>{var e;return(e=this.textareaRef)===null||e===void 0?void 0:e.focus()},alert:this.showAsAlert()}}getTextAreaProps(){return Object.assign(Object.assign({ref:this.catchRef,state:this.state,style:{resize:this.state._resize}},this.controller.onFacade),{onInput:this.onInput,onFocus:e=>{this.controller.onFacade.onFocus(e),this.inputHasFocus=!0},onBlur:e=>{this.controller.onFacade.onBlur(e),this.inputHasFocus=!1}})}render(){return i(C,Object.assign({key:"92d2decb15fa4fa25f86387d6f911e5988f17c12"},this.getFormFieldProps()),i(F,{key:"6bfa13c2aae8fa96002903b7c4064bff6868984c",state:this.state},i(I,Object.assign({key:"40aa057c2a81472a4db3ac2a5ab69392afce5037"},this.getTextAreaProps()))))}constructor(e){k(this,e),this.catchRef=t=>{this.textareaRef=t},this._adjustHeight=!1,this._disabled=!1,this._hasCounter=!1,this._hideMsg=!1,this._hideLabel=!1,this._hint="",this._readOnly=!1,this._resize="vertical",this._required=!1,this._tooltipAlign="top",this._touched=!1,this.state={_adjustHeight:!1,_currentLength:0,_hasValue:!1,_hideMsg:!1,_id:`id-${S()}`,_label:"",_resize:"vertical"},this.inputHasFocus=!1,this.onInput=t=>{if(this.textareaRef instanceof HTMLTextAreaElement){const n=this.textareaRef.value;w(this,"_currentLength",n.length),this._value=n,this.state._adjustHeight&&(this._rows=o(this.textareaRef)),this.controller.onFacade.onInput(t)}},this.controller=new P(this,"textarea",this.host)}showAsAlert(){return!!this.state._touched&&!this.inputHasFocus}validateAccessKey(e){this.controller.validateAccessKey(e)}validateAdjustHeight(e){this.controller.validateAdjustHeight(e)}validateDisabled(e){this.controller.validateDisabled(e)}validateHasCounter(e){this.controller.validateHasCounter(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)}validateMaxLength(e){this.controller.validateMaxLength(e)}validateMsg(e){this.controller.validateMsg(e)}validateName(e){this.controller.validateName(e)}validateOn(e){this.controller.validateOn(e)}validatePlaceholder(e){this.controller.validatePlaceholder(e)}validateReadOnly(e){this.controller.validateReadOnly(e)}validateResize(e){this.controller.validateResize(e)}validateRequired(e){this.controller.validateRequired(e)}validateRows(e){this.controller.validateRows(e)}validateShortKey(e){this.controller.validateShortKey(e)}validateSpellCheck(e){this.controller.validateSpellCheck(e)}validateSyncValueBySelector(e){this.controller.validateSyncValueBySelector(e)}validateTouched(e){this.controller.validateTouched(e)}validateValue(e){this.controller.validateValue(e)}componentDidLoad(){setTimeout(()=>{var e;this._adjustHeight===!0&&this.textareaRef?this._rows=!((e=this.state)===null||e===void 0)&&e._rows&&this.state._rows>o(this.textareaRef)?this.state._rows:o(this.textareaRef):this._rows||(this._rows=1)},0)}componentWillLoad(){this._touched=this._touched===!0,this.controller.componentWillLoad(),this.state._hasValue=!!this.state._value,this.controller.addValueChangeListener(e=>this.state._hasValue=!!e)}static get delegatesFocus(){return!0}get host(){return x(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_adjustHeight:["validateAdjustHeight"],_disabled:["validateDisabled"],_hasCounter:["validateHasCounter"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_maxLength:["validateMaxLength"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_placeholder:["validatePlaceholder"],_readOnly:["validateReadOnly"],_resize:["validateResize"],_required:["validateRequired"],_rows:["validateRows"],_shortKey:["validateShortKey"],_spellCheck:["validateSpellCheck"],_syncValueBySelector:["validateSyncValueBySelector"],_touched:["validateTouched"],_value:["validateValue"]}}};D.style={default:K};export{D as kol_textarea};
+//# sourceMappingURL=kol-textarea.entry-hTwxnVnz.js.map

package/dist/assets/kol-textarea.entry-hTwxnVnz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-textarea.entry-hTwxnVnz.js","sources":["../../../../components/dist/esm/kol-textarea.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, r as registerInstance, g as getElement } from './index-WhYY2qN5.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport { m as watchNumber, e as watchString, d as watchBoolean, w as watchValidator, s as setState } from './progress-DvHYRA46.js';\nimport { n as nonce } from './dev.utils-DZnyqjau.js';\nimport { e as getDefaultProps, c as checkHasMsg, g as getRenderStates, a as convertMsgToInternMsg, F as FormFieldStateWrapper } from './getRenderStates-hdg4JCxG.js';\nimport { _ as __rest } from './tslib.es6-CxX45GIN.js';\nimport { I as InputIconController, a as InputContainerStateWrapperFc } from './controller-icon-md8HtUkF.js';\nimport { v as validateHasCounter } from './has-counter-BjT9WgW6.js';\nimport { v as validateRows } from './rows-DyB9epqs.js';\nimport { v as validateSpellCheck } from './spell-check-CMcp2-Ad.js';\nimport './access-and-short-key-CykHF9HL.js';\nimport './hide-label-DYRsvAHX.js';\nimport './label-BMIQSq1u.js';\nimport './tooltip-align-5cqqmpu7.js';\nimport './align-tkanisJ7.js';\nimport './events-CoPFQEiC.js';\nimport './associated.controller-CWG5rJsg.js';\nimport './bootstrap-BkJ_8yGW.js';\nimport './component-names-CkE54Ym7.js';\nimport './i18n-CVrpm8pY.js';\nimport './Alert-BDEek3oH.js';\nimport './i18n-HxKF0IgX.js';\nimport './bem-Cpz0pDYV.js';\nimport './browser-DnRYLgeW.js';\nimport './Heading-BGlU7KLE.js';\nimport './InternalUnderlinedBadgeText-BixRgTsK.js';\nimport './isArray-CcrBs4JM.js';\nimport './Icon-BIJ_ZI1v.js';\nimport './isObject-BJgq02Md.js';\nimport './icons-BVOoMgA0.js';\n\nconst cssResizeOptions = ['vertical', 'none'];\n\nconst TextAreaFc = (props) => {\n    const { class: classNames, msg, touched, readonly, disabled, required, ariaDescribedBy, hideLabel, label } = props, other = __rest(props, [\"class\", \"msg\", \"touched\", \"readonly\", \"disabled\", \"required\", \"ariaDescribedBy\", \"hideLabel\", \"label\"]);\n    const showMsg = checkHasMsg(msg, touched);\n    const stateCssClasses = {\n        ['kol-textarea--disabled']: Boolean(disabled),\n        ['kol-textarea--required']: Boolean(required),\n        ['kol-textarea--touched']: Boolean(touched),\n        ['kol-textarea--readonly']: Boolean(readonly),\n        [`kol-textarea--${(msg === null || msg === void 0 ? void 0 : msg.type) || 'error'}`]: showMsg,\n    };\n    const inputProps = Object.assign(Object.assign({ class: clsx('kol-textarea', stateCssClasses, classNames), required: required, disabled: disabled, readonly: readonly }, getDefaultProps({ ariaDescribedBy, hideLabel, label })), other);\n    return h(\"textarea\", Object.assign({}, inputProps));\n};\n\nfunction getTextAreaProps(state) {\n    const { ariaDescribedBy } = getRenderStates(state);\n    const props = {\n        id: state._id,\n        hideLabel: state._hideLabel,\n        label: state._label,\n        value: state._value,\n        accessKey: state._accessKey,\n        disabled: state._disabled,\n        name: state._name,\n        ariaDescribedBy: ariaDescribedBy,\n        rows: state._rows,\n        readonly: state._readOnly,\n        required: state._required,\n        placeholder: state._placeholder,\n        maxLength: state._maxLength,\n        touched: state._touched,\n        msg: convertMsgToInternMsg(state._msg),\n    };\n    return props;\n}\nconst TextAreaStateWrapper = (_a) => {\n    var { state } = _a, other = __rest(_a, [\"state\"]);\n    return h(TextAreaFc, Object.assign({}, getTextAreaProps(state), other));\n};\n\nclass TextareaController extends InputIconController {\n    constructor(component, name, host) {\n        super(component, name, host);\n        this.afterSyncCharCounter = () => {\n            if (typeof this.component._value === 'string' && this.component._value.length > 0) {\n                this.component.state._currentLength = this.component._value.length;\n            }\n        };\n        this.component = component;\n    }\n    validateHasCounter(value) {\n        validateHasCounter(this.component, value, {\n            hooks: {\n                afterPatch: this.afterSyncCharCounter,\n            },\n        });\n    }\n    validateMaxLength(value) {\n        watchNumber(this.component, '_maxLength', value, {\n            hooks: {\n                afterPatch: this.afterSyncCharCounter,\n            },\n            min: 0,\n        });\n    }\n    validatePlaceholder(value) {\n        watchString(this.component, '_placeholder', value);\n    }\n    validateReadOnly(value) {\n        watchBoolean(this.component, '_readOnly', value);\n    }\n    validateResize(value) {\n        watchValidator(this.component, '_resize', (value) => typeof value === 'string' && cssResizeOptions.includes(value), new Set(`String {${cssResizeOptions.join(', ')}`), value, {\n            defaultValue: 'vertical',\n        });\n    }\n    validateRequired(value) {\n        watchBoolean(this.component, '_required', value);\n    }\n    validateRows(value) {\n        validateRows(this.component, value);\n    }\n    validateSpellCheck(value) {\n        validateSpellCheck(this.component, value);\n    }\n    validateValue(value) {\n        watchString(this.component, '_value', value, {\n            hooks: {\n                afterPatch: this.afterSyncCharCounter,\n            },\n        });\n        this.setFormAssociatedValue(this.component._value);\n    }\n    componentWillLoad() {\n        super.componentWillLoad();\n        this.validateHasCounter(this.component._hasCounter);\n        this.validateMaxLength(this.component._maxLength);\n        this.validatePlaceholder(this.component._placeholder);\n        this.validateReadOnly(this.component._readOnly);\n        this.validateResize(this.component._resize);\n        this.validateRequired(this.component._required);\n        this.validateRows(this.component._rows);\n        this.validateSpellCheck(this.component._spellCheck);\n        this.validateValue(this.component._value);\n    }\n}\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-global {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    color: black;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n  }\\n}\\n/**\\n * Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n *\\n * - https://www.a11yproject.com/posts/how-to-hide-content/\\n */\\n.visually-hidden {\\n  clip: rect(0 0 0 0);\\n  clip-path: inset(50%);\\n  height: 1px;\\n  overflow: hidden;\\n  position: absolute;\\n  white-space: nowrap;\\n  width: 1px;\\n}\\n\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: grid;\\n    place-items: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: block;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip {\\n    display: contents;\\n  }\\n  .kol-tooltip__floating {\\n    animation-duration: 0.25s;\\n    animation-iteration-count: 1;\\n    animation-name: fadeInOpacity;\\n    animation-timing-function: ease-in;\\n    display: none;\\n    position: fixed;\\n    visibility: hidden;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width);\\n  }\\n  .kol-tooltip__arrow {\\n    background-color: #fff;\\n    color: #000;\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n    position: absolute;\\n    transform: rotate(45deg);\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    z-index: 999;\\n  }\\n  .kol-tooltip__content {\\n    background-color: #fff;\\n    color: #000;\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes fadeInOpacity {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  .kol-alert {\\n    display: grid;\\n  }\\n  .kol-alert__container {\\n    place-items: center;\\n    display: flex;\\n  }\\n  .kol-alert__container-content {\\n    flex-grow: 1;\\n  }\\n  .kol-alert__closer {\\n    /* Visible with forced colors */\\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\\n  }\\n}\\n@layer kol-component {\\n  .kol-form-field {\\n    display: grid;\\n  }\\n  .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\\n    cursor: pointer;\\n  }\\n  .kol-form-field--disabled .kol-form-field__label {\\n    opacity: 0.5;\\n  }\\n  .kol-form-field--required .kol-form-field__label-text::after {\\n    content: \\\"*\\\";\\n  }\\n  .kol-form-field--disabled .kol-form-field__hint {\\n    opacity: 0.5;\\n  }\\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\\n    content: \\\"*\\\";\\n  }\\n}\\n@layer kol-component {\\n  .kol-input-container {\\n    align-items: center;\\n    background-color: white;\\n    display: grid;\\n    grid-template-columns: 1fr;\\n    min-height: var(--a11y-min-size);\\n    min-width: var(--a11y-min-size);\\n    width: 100%;\\n  }\\n  .kol-input-container:has(> .kol-input-container__adornment--start) {\\n    grid-template-columns: auto 1fr;\\n  }\\n  .kol-input-container:has(> .kol-input-container__adornment--end) {\\n    grid-template-columns: 1fr auto;\\n  }\\n  .kol-input-container:has(> .kol-input-container__adornment--start):has(> .kol-input-container__adornment--end) {\\n    grid-template-columns: auto 1fr auto;\\n  }\\n  .kol-input-container__container {\\n    position: relative;\\n  }\\n  .kol-input-container__adornment {\\n    display: flex;\\n    align-items: center;\\n  }\\n  .kol-input-container__adornment .kol-icon {\\n    display: grid;\\n    height: var(--a11y-min-size);\\n    place-items: center;\\n  }\\n}\\n@layer kol-component {\\n  .kol-textarea {\\n    width: 100%;\\n  }\\n  .kol-textarea:focus {\\n    outline: none;\\n  }\\n}\";\n\nconst increaseTextareaHeight = (el) => {\n    el.style.overflow = 'hidden';\n    const currentRows = el.rows;\n    const rowHeight = el.clientHeight / currentRows;\n    el.rows = 1;\n    const nextRows = Math.round(el.scrollHeight / rowHeight);\n    el.rows = currentRows;\n    return nextRows;\n};\nconst KolTextarea = class {\n    async getValue() {\n        var _a;\n        return (_a = this.textareaRef) === null || _a === void 0 ? void 0 : _a.value;\n    }\n    async kolFocus() {\n        var _a;\n        (_a = this.textareaRef) === null || _a === void 0 ? void 0 : _a.focus();\n    }\n    getFormFieldProps() {\n        return {\n            state: this.state,\n            class: clsx('kol-form-field-textarea', {\n                'kol-form-field--has-value': this.state._hasValue,\n                'kol-form-field--has-counter': !!this.state._hasCounter,\n            }),\n            tooltipAlign: this._tooltipAlign,\n            onClick: () => { var _a; return (_a = this.textareaRef) === null || _a === void 0 ? void 0 : _a.focus(); },\n            alert: this.showAsAlert(),\n        };\n    }\n    getTextAreaProps() {\n        return Object.assign(Object.assign({ ref: this.catchRef, state: this.state, style: {\n                resize: this.state._resize,\n            } }, this.controller.onFacade), { onInput: this.onInput, 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            } });\n    }\n    render() {\n        return (h(FormFieldStateWrapper, Object.assign({ key: '92d2decb15fa4fa25f86387d6f911e5988f17c12' }, this.getFormFieldProps()), h(InputContainerStateWrapperFc, { key: '6bfa13c2aae8fa96002903b7c4064bff6868984c', state: this.state }, h(TextAreaStateWrapper, Object.assign({ key: '40aa057c2a81472a4db3ac2a5ab69392afce5037' }, this.getTextAreaProps())))));\n    }\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.catchRef = (ref) => {\n            this.textareaRef = ref;\n        };\n        this._adjustHeight = false;\n        this._disabled = false;\n        this._hasCounter = false;\n        this._hideMsg = false;\n        this._hideLabel = false;\n        this._hint = '';\n        this._readOnly = false;\n        this._resize = 'vertical';\n        this._required = false;\n        this._tooltipAlign = 'top';\n        this._touched = false;\n        this.state = {\n            _adjustHeight: false,\n            _currentLength: 0,\n            _hasValue: false,\n            _hideMsg: false,\n            _id: `id-${nonce()}`,\n            _label: '',\n            _resize: 'vertical',\n        };\n        this.inputHasFocus = false;\n        this.onInput = (event) => {\n            if (this.textareaRef instanceof HTMLTextAreaElement) {\n                const value = this.textareaRef.value;\n                setState(this, '_currentLength', value.length);\n                this._value = value;\n                if (this.state._adjustHeight) {\n                    this._rows = increaseTextareaHeight(this.textareaRef);\n                }\n                this.controller.onFacade.onInput(event);\n            }\n        };\n        this.controller = new TextareaController(this, 'textarea', this.host);\n    }\n    showAsAlert() {\n        return Boolean(this.state._touched) && !this.inputHasFocus;\n    }\n    validateAccessKey(value) {\n        this.controller.validateAccessKey(value);\n    }\n    validateAdjustHeight(value) {\n        this.controller.validateAdjustHeight(value);\n    }\n    validateDisabled(value) {\n        this.controller.validateDisabled(value);\n    }\n    validateHasCounter(value) {\n        this.controller.validateHasCounter(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    validateMaxLength(value) {\n        this.controller.validateMaxLength(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    validatePlaceholder(value) {\n        this.controller.validatePlaceholder(value);\n    }\n    validateReadOnly(value) {\n        this.controller.validateReadOnly(value);\n    }\n    validateResize(value) {\n        this.controller.validateResize(value);\n    }\n    validateRequired(value) {\n        this.controller.validateRequired(value);\n    }\n    validateRows(value) {\n        this.controller.validateRows(value);\n    }\n    validateShortKey(value) {\n        this.controller.validateShortKey(value);\n    }\n    validateSpellCheck(value) {\n        this.controller.validateSpellCheck(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    }\n    componentDidLoad() {\n        setTimeout(() => {\n            var _a;\n            if (this._adjustHeight === true && this.textareaRef) {\n                this._rows =\n                    ((_a = this.state) === null || _a === void 0 ? void 0 : _a._rows) && this.state._rows > increaseTextareaHeight(this.textareaRef) ? this.state._rows : increaseTextareaHeight(this.textareaRef);\n            }\n            else if (!this._rows) {\n                this._rows = 1;\n            }\n        }, 0);\n    }\n    componentWillLoad() {\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    }\n    static get delegatesFocus() { return true; }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_accessKey\": [\"validateAccessKey\"],\n        \"_adjustHeight\": [\"validateAdjustHeight\"],\n        \"_disabled\": [\"validateDisabled\"],\n        \"_hasCounter\": [\"validateHasCounter\"],\n        \"_hideMsg\": [\"validateHideMsg\"],\n        \"_hideLabel\": [\"validateHideLabel\"],\n        \"_hint\": [\"validateHint\"],\n        \"_icons\": [\"validateIcons\"],\n        \"_id\": [\"validateId\"],\n        \"_label\": [\"validateLabel\"],\n        \"_maxLength\": [\"validateMaxLength\"],\n        \"_msg\": [\"validateMsg\"],\n        \"_name\": [\"validateName\"],\n        \"_on\": [\"validateOn\"],\n        \"_placeholder\": [\"validatePlaceholder\"],\n        \"_readOnly\": [\"validateReadOnly\"],\n        \"_resize\": [\"validateResize\"],\n        \"_required\": [\"validateRequired\"],\n        \"_rows\": [\"validateRows\"],\n        \"_shortKey\": [\"validateShortKey\"],\n        \"_spellCheck\": [\"validateSpellCheck\"],\n        \"_syncValueBySelector\": [\"validateSyncValueBySelector\"],\n        \"_touched\": [\"validateTouched\"],\n        \"_value\": [\"validateValue\"]\n    }; }\n};\nKolTextarea.style = {\n    default: defaultStyleCss\n};\n\nexport { KolTextarea as kol_textarea };\n//# sourceMappingURL=kol-textarea.entry.js.map\n\n//# sourceMappingURL=kol-textarea.entry.js.map"],"names":["cssResizeOptions","TextAreaFc","props","classNames","msg","touched","readonly","disabled","required","ariaDescribedBy","hideLabel","label","other","__rest","showMsg","checkHasMsg","stateCssClasses","inputProps","clsx","getDefaultProps","h","getTextAreaProps","state","getRenderStates","convertMsgToInternMsg","TextAreaStateWrapper","_a","TextareaController","InputIconController","component","name","host","value","validateHasCounter","watchNumber","watchString","watchBoolean","watchValidator","validateRows","validateSpellCheck","defaultStyleCss","increaseTextareaHeight","el","currentRows","rowHeight","nextRows","KolTextarea","event","FormFieldStateWrapper","InputContainerStateWrapperFc","hostRef","registerInstance","ref","nonce","setState","v","getElement"],"mappings":"knCAAA;AAAA;AAAA,GAkCA,MAAMA,EAAmB,CAAC,WAAY,MAAM,EAEtCC,EAAcC,GAAU,CAC1B,KAAM,CAAE,MAAOC,EAAY,IAAAC,EAAK,QAAAC,EAAS,SAAAC,EAAU,SAAAC,EAAU,SAAAC,EAAU,gBAAAC,EAAiB,UAAAC,EAAW,MAAAC,CAAO,EAAGT,EAAOU,EAAQC,EAAOX,EAAO,CAAC,QAAS,MAAO,UAAW,WAAY,WAAY,WAAY,kBAAmB,YAAa,OAAO,CAAC,EAC5OY,EAAUC,EAAYX,EAAKC,CAAO,EAClCW,EAAkB,CACnB,yBAA2B,EAAQT,EACnC,yBAA2B,EAAQC,EACnC,wBAA0B,EAAQH,EAClC,yBAA2B,EAAQC,EACpC,CAAC,kBAAkBF,GAAQ,KAAyB,OAASA,EAAI,OAAS,OAAO,EAAE,EAAGU,CACzF,EACKG,EAAa,OAAO,OAAO,OAAO,OAAO,CAAE,MAAOC,EAAK,eAAgBF,EAAiBb,CAAU,EAAG,SAAUK,EAAU,SAAUD,EAAU,SAAUD,CAAQ,EAAIa,EAAgB,CAAE,gBAAAV,EAAiB,UAAAC,EAAW,MAAAC,EAAO,CAAC,EAAGC,CAAK,EACvO,OAAOQ,EAAE,WAAY,OAAO,OAAO,CAAA,EAAIH,CAAU,CAAC,CACtD,EAEA,SAASI,EAAiBC,EAAO,CAC7B,KAAM,CAAE,gBAAAb,CAAe,EAAKc,EAAgBD,CAAK,EAkBjD,MAjBc,CACV,GAAIA,EAAM,IACV,UAAWA,EAAM,WACjB,MAAOA,EAAM,OACb,MAAOA,EAAM,OACb,UAAWA,EAAM,WACjB,SAAUA,EAAM,UAChB,KAAMA,EAAM,MACZ,gBAAiBb,EACjB,KAAMa,EAAM,MACZ,SAAUA,EAAM,UAChB,SAAUA,EAAM,UAChB,YAAaA,EAAM,aACnB,UAAWA,EAAM,WACjB,QAASA,EAAM,SACf,IAAKE,EAAsBF,EAAM,IAAI,CACxC,CAEL,CACA,MAAMG,EAAwBC,GAAO,CACjC,GAAI,CAAE,MAAAJ,CAAO,EAAGI,EAAId,EAAQC,EAAOa,EAAI,CAAC,OAAO,CAAC,EAChD,OAAON,EAAEnB,EAAY,OAAO,OAAO,CAAE,EAAEoB,EAAiBC,CAAK,EAAGV,CAAK,CAAC,CAC1E,EAEA,MAAMe,UAA2BC,CAAoB,CACjD,YAAYC,EAAWC,EAAMC,EAAM,CAC/B,MAAMF,EAAWC,EAAMC,CAAI,EAC3B,KAAK,qBAAuB,IAAM,CAC1B,OAAO,KAAK,UAAU,QAAW,UAAY,KAAK,UAAU,OAAO,OAAS,IAC5E,KAAK,UAAU,MAAM,eAAiB,KAAK,UAAU,OAAO,OAEnE,EACD,KAAK,UAAYF,CACzB,CACI,mBAAmBG,EAAO,CACtBC,EAAmB,KAAK,UAAWD,EAAO,CACtC,MAAO,CACH,WAAY,KAAK,oBACpB,CACb,CAAS,CACT,CACI,kBAAkBA,EAAO,CACrBE,EAAY,KAAK,UAAW,aAAcF,EAAO,CAC7C,MAAO,CACH,WAAY,KAAK,oBACpB,EACD,IAAK,CACjB,CAAS,CACT,CACI,oBAAoBA,EAAO,CACvBG,EAAY,KAAK,UAAW,eAAgBH,CAAK,CACzD,CACI,iBAAiBA,EAAO,CACpBI,EAAa,KAAK,UAAW,YAAaJ,CAAK,CACvD,CACI,eAAeA,EAAO,CAClBK,EAAe,KAAK,UAAW,UAAYL,GAAU,OAAOA,GAAU,UAAYhC,EAAiB,SAASgC,CAAK,EAAG,IAAI,IAAI,WAAWhC,EAAiB,KAAK,IAAI,CAAC,EAAE,EAAGgC,EAAO,CAC1K,aAAc,UAC1B,CAAS,CACT,CACI,iBAAiBA,EAAO,CACpBI,EAAa,KAAK,UAAW,YAAaJ,CAAK,CACvD,CACI,aAAaA,EAAO,CAChBM,EAAa,KAAK,UAAWN,CAAK,CAC1C,CACI,mBAAmBA,EAAO,CACtBO,EAAmB,KAAK,UAAWP,CAAK,CAChD,CACI,cAAcA,EAAO,CACjBG,EAAY,KAAK,UAAW,SAAUH,EAAO,CACzC,MAAO,CACH,WAAY,KAAK,oBACpB,CACb,CAAS,EACD,KAAK,uBAAuB,KAAK,UAAU,MAAM,CACzD,CACI,mBAAoB,CAChB,MAAM,kBAAmB,EACzB,KAAK,mBAAmB,KAAK,UAAU,WAAW,EAClD,KAAK,kBAAkB,KAAK,UAAU,UAAU,EAChD,KAAK,oBAAoB,KAAK,UAAU,YAAY,EACpD,KAAK,iBAAiB,KAAK,UAAU,SAAS,EAC9C,KAAK,eAAe,KAAK,UAAU,OAAO,EAC1C,KAAK,iBAAiB,KAAK,UAAU,SAAS,EAC9C,KAAK,aAAa,KAAK,UAAU,KAAK,EACtC,KAAK,mBAAmB,KAAK,UAAU,WAAW,EAClD,KAAK,cAAc,KAAK,UAAU,MAAM,CAChD,CACA,CAEA,MAAMQ,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAElBC,EAA0BC,GAAO,CACnCA,EAAG,MAAM,SAAW,SACpB,MAAMC,EAAcD,EAAG,KACjBE,EAAYF,EAAG,aAAeC,EACpCD,EAAG,KAAO,EACV,MAAMG,EAAW,KAAK,MAAMH,EAAG,aAAeE,CAAS,EACvD,OAAAF,EAAG,KAAOC,EACHE,CACX,EACMC,EAAc,KAAM,CACtB,MAAM,UAAW,CACb,IAAIpB,EACJ,OAAQA,EAAK,KAAK,eAAiB,MAAQA,IAAO,OAAS,OAASA,EAAG,KAC/E,CACI,MAAM,UAAW,CACb,IAAIA,GACHA,EAAK,KAAK,eAAiB,MAAQA,IAAO,QAAkBA,EAAG,MAAO,CAC/E,CACI,mBAAoB,CAChB,MAAO,CACH,MAAO,KAAK,MACZ,MAAOR,EAAK,0BAA2B,CACnC,4BAA6B,KAAK,MAAM,UACxC,8BAA+B,CAAC,CAAC,KAAK,MAAM,WAC5D,CAAa,EACD,aAAc,KAAK,cACnB,QAAS,IAAM,CAAE,IAAIQ,EAAI,OAAQA,EAAK,KAAK,eAAiB,MAAQA,IAAO,OAAS,OAASA,EAAG,MAAK,CAAK,EAC1G,MAAO,KAAK,YAAa,CAC5B,CACT,CACI,kBAAmB,CACf,OAAO,OAAO,OAAO,OAAO,OAAO,CAAE,IAAK,KAAK,SAAU,MAAO,KAAK,MAAO,MAAO,CAC3E,OAAQ,KAAK,MAAM,OACtB,CAAA,EAAI,KAAK,WAAW,QAAQ,EAAG,CAAE,QAAS,KAAK,QAAS,QAAUqB,GAAU,CACzE,KAAK,WAAW,SAAS,QAAQA,CAAK,EACtC,KAAK,cAAgB,EACrC,EAAe,OAASA,GAAU,CAClB,KAAK,WAAW,SAAS,OAAOA,CAAK,EACrC,KAAK,cAAgB,EACrC,EAAe,CACf,CACI,QAAS,CACL,OAAQ3B,EAAE4B,EAAuB,OAAO,OAAO,CAAE,IAAK,0CAA4C,EAAE,KAAK,kBAAiB,CAAE,EAAG5B,EAAE6B,EAA8B,CAAE,IAAK,2CAA4C,MAAO,KAAK,KAAK,EAAI7B,EAAEK,EAAsB,OAAO,OAAO,CAAE,IAAK,0CAA0C,EAAI,KAAK,iBAAkB,CAAA,CAAC,CAAC,CAAC,CACpW,CACI,YAAYyB,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,SAAYE,GAAQ,CACrB,KAAK,YAAcA,CACtB,EACD,KAAK,cAAgB,GACrB,KAAK,UAAY,GACjB,KAAK,YAAc,GACnB,KAAK,SAAW,GAChB,KAAK,WAAa,GAClB,KAAK,MAAQ,GACb,KAAK,UAAY,GACjB,KAAK,QAAU,WACf,KAAK,UAAY,GACjB,KAAK,cAAgB,MACrB,KAAK,SAAW,GAChB,KAAK,MAAQ,CACT,cAAe,GACf,eAAgB,EAChB,UAAW,GACX,SAAU,GACV,IAAK,MAAMC,EAAK,CAAE,GAClB,OAAQ,GACR,QAAS,UACZ,EACD,KAAK,cAAgB,GACrB,KAAK,QAAWN,GAAU,CACtB,GAAI,KAAK,uBAAuB,oBAAqB,CACjD,MAAMf,EAAQ,KAAK,YAAY,MAC/BsB,EAAS,KAAM,iBAAkBtB,EAAM,MAAM,EAC7C,KAAK,OAASA,EACV,KAAK,MAAM,gBACX,KAAK,MAAQS,EAAuB,KAAK,WAAW,GAExD,KAAK,WAAW,SAAS,QAAQM,CAAK,CACtD,CACS,EACD,KAAK,WAAa,IAAIpB,EAAmB,KAAM,WAAY,KAAK,IAAI,CAC5E,CACI,aAAc,CACV,MAAO,EAAQ,KAAK,MAAM,UAAa,CAAC,KAAK,aACrD,CACI,kBAAkBK,EAAO,CACrB,KAAK,WAAW,kBAAkBA,CAAK,CAC/C,CACI,qBAAqBA,EAAO,CACxB,KAAK,WAAW,qBAAqBA,CAAK,CAClD,CACI,iBAAiBA,EAAO,CACpB,KAAK,WAAW,iBAAiBA,CAAK,CAC9C,CACI,mBAAmBA,EAAO,CACtB,KAAK,WAAW,mBAAmBA,CAAK,CAChD,CACI,gBAAgBA,EAAO,CACnB,KAAK,WAAW,gBAAgBA,CAAK,CAC7C,CACI,kBAAkBA,EAAO,CACrB,KAAK,WAAW,kBAAkBA,CAAK,CAC/C,CACI,aAAaA,EAAO,CAChB,KAAK,WAAW,aAAaA,CAAK,CAC1C,CACI,cAAcA,EAAO,CACjB,KAAK,WAAW,cAAcA,CAAK,CAC3C,CACI,WAAWA,EAAO,CACd,KAAK,WAAW,WAAWA,CAAK,CACxC,CACI,cAAcA,EAAO,CACjB,KAAK,WAAW,cAAcA,CAAK,CAC3C,CACI,kBAAkBA,EAAO,CACrB,KAAK,WAAW,kBAAkBA,CAAK,CAC/C,CACI,YAAYA,EAAO,CACf,KAAK,WAAW,YAAYA,CAAK,CACzC,CACI,aAAaA,EAAO,CAChB,KAAK,WAAW,aAAaA,CAAK,CAC1C,CACI,WAAWA,EAAO,CACd,KAAK,WAAW,WAAWA,CAAK,CACxC,CACI,oBAAoBA,EAAO,CACvB,KAAK,WAAW,oBAAoBA,CAAK,CACjD,CACI,iBAAiBA,EAAO,CACpB,KAAK,WAAW,iBAAiBA,CAAK,CAC9C,CACI,eAAeA,EAAO,CAClB,KAAK,WAAW,eAAeA,CAAK,CAC5C,CACI,iBAAiBA,EAAO,CACpB,KAAK,WAAW,iBAAiBA,CAAK,CAC9C,CACI,aAAaA,EAAO,CAChB,KAAK,WAAW,aAAaA,CAAK,CAC1C,CACI,iBAAiBA,EAAO,CACpB,KAAK,WAAW,iBAAiBA,CAAK,CAC9C,CACI,mBAAmBA,EAAO,CACtB,KAAK,WAAW,mBAAmBA,CAAK,CAChD,CACI,4BAA4BA,EAAO,CAC/B,KAAK,WAAW,4BAA4BA,CAAK,CACzD,CACI,gBAAgBA,EAAO,CACnB,KAAK,WAAW,gBAAgBA,CAAK,CAC7C,CACI,cAAcA,EAAO,CACjB,KAAK,WAAW,cAAcA,CAAK,CAC3C,CACI,kBAAmB,CACf,WAAW,IAAM,CACb,IAAIN,EACA,KAAK,gBAAkB,IAAQ,KAAK,YACpC,KAAK,MACC,GAAAA,EAAK,KAAK,SAAW,MAAQA,IAAO,SAAkBA,EAAG,OAAU,KAAK,MAAM,MAAQe,EAAuB,KAAK,WAAW,EAAI,KAAK,MAAM,MAAQA,EAAuB,KAAK,WAAW,EAE3L,KAAK,QACX,KAAK,MAAQ,EAEpB,EAAE,CAAC,CACZ,CACI,mBAAoB,CAChB,KAAK,SAAW,KAAK,WAAa,GAClC,KAAK,WAAW,kBAAmB,EACnC,KAAK,MAAM,UAAY,CAAC,CAAC,KAAK,MAAM,OACpC,KAAK,WAAW,uBAAwBc,GAAO,KAAK,MAAM,UAAY,CAAC,CAACA,CAAE,CAClF,CACI,WAAW,gBAAiB,CAAE,MAAO,EAAK,CAC1C,IAAI,MAAO,CAAE,OAAOC,EAAW,IAAI,CAAE,CACrC,WAAW,UAAW,CAAE,MAAO,CAC3B,WAAc,CAAC,mBAAmB,EAClC,cAAiB,CAAC,sBAAsB,EACxC,UAAa,CAAC,kBAAkB,EAChC,YAAe,CAAC,oBAAoB,EACpC,SAAY,CAAC,iBAAiB,EAC9B,WAAc,CAAC,mBAAmB,EAClC,MAAS,CAAC,cAAc,EACxB,OAAU,CAAC,eAAe,EAC1B,IAAO,CAAC,YAAY,EACpB,OAAU,CAAC,eAAe,EAC1B,WAAc,CAAC,mBAAmB,EAClC,KAAQ,CAAC,aAAa,EACtB,MAAS,CAAC,cAAc,EACxB,IAAO,CAAC,YAAY,EACpB,aAAgB,CAAC,qBAAqB,EACtC,UAAa,CAAC,kBAAkB,EAChC,QAAW,CAAC,gBAAgB,EAC5B,UAAa,CAAC,kBAAkB,EAChC,MAAS,CAAC,cAAc,EACxB,UAAa,CAAC,kBAAkB,EAChC,YAAe,CAAC,oBAAoB,EACpC,qBAAwB,CAAC,6BAA6B,EACtD,SAAY,CAAC,iBAAiB,EAC9B,OAAU,CAAC,eAAe,CAClC,CAAM,CACN,EACAV,EAAY,MAAQ,CAChB,QAASN,CACb"}

package/dist/assets/{kol-toast-container.entry-BBeB6rmW.js → kol-toast-container.entry-fGx8a9da.js}

@@ -1,6 +1,6 @@
-import{r as h,h as o,ad as p,H as m}from"./index-DYeYkBGH.js";import{t as u}from"./i18n-260f0fe9-CrUaTlaA.js";import{n as b}from"./dev.utils-a094a355-f6VqO-Qz.js";import"./markdown-f827f2ac-Bx43QwDK.js";import{_ as f}from"./tslib.es6-1173d062-BAJoBDh7.js";import{K as g}from"./Alert-ade6062d-CmNy5q6N.js";import{c as k}from"./clsx-09a06a12-BT_IL7Fz.js";import"./Heading-2e6ec8e7-tHHujMwn.js";/*!
+import{r as h,h as s,af as p,H as m}from"./index-DZwRL3ZZ.js";import{t as u}from"./i18n-HxKF0IgX-BWYKe66X.js";import{n as f}from"./dev.utils-DZnyqjau-C3ERdedd.js";import"./markdown-vxO4XBWP-D7F4ifRZ.js";import{_ as b}from"./tslib.es6-CxX45GIN-BAJoBDh7.js";import{K as g}from"./Alert-BDEek3oH-Cu5gdYI4.js";import{c as k}from"./clsx-eK3rPvPS-BT_IL7Fz.js";import"./Heading-BGlU7KLE-DABLYNZp.js";/*!
  * KoliBri - The accessible HTML-Standard
- */const y=n=>{var{status:t,toast:e,onClose:s}=n,a=f(n,["status","toast","onClose"]);const{type:l,label:r,description:d,variant:c}=e;return o("div",{class:k("kol-toast-item",`kol-toast-item--${t}`)},o(g,{class:"kol-toast-item__alert",alert:!0,label:r,level:0,hasCloser:!0,type:l,variant:c||"card",onCloserClick:s},o("div",Object.assign({},a),d)))},w=`/*
+ */const y=n=>{var{status:t,toast:e,onClose:o}=n,i=b(n,["status","toast","onClose"]);const{type:l,label:r,description:d,variant:c}=e;return s("div",{class:k("kol-toast-item",`kol-toast-item--${t}`)},s(g,{class:"kol-toast-item__alert",alert:!0,label:r,level:0,hasCloser:!0,type:l,variant:c||"card",onCloserClick:o},s("div",Object.assign({},i),d)))},w=`/*
  * This file contains all rules for accessibility.
  */
 @layer kol-global {
@@ -120,7 +120,7 @@ import{r as h,h as o,ad as p,H as m}from"./index-DYeYkBGH.js";import{t as u}from
 }
 @layer kol-global {
   :host {
-    font-size: rem(16);
+    font-size: calc(16rem / var(--kolibri-root-font-size, 16));
     /*
      * The max-width is needed to prevent the table from overflowing the
      * parent node, if the table is wider than the parent node.
@@ -244,5 +244,5 @@ import{r as h,h as o,ad as p,H as m}from"./index-DYeYkBGH.js";import{t as u}from
   .kol-toast-container__close-all {
     align-self: flex-end;
   }
-}`,_=w,i=300,v=class{constructor(n){h(this,n),this.knownRenderFunctions=new Set,this.state={_toastStates:[]}}async enqueue(n){const t={toast:n,status:"adding",id:`toast-${b()}`};return this.state=Object.assign(Object.assign({},this.state),{_toastStates:[t,...this.state._toastStates]}),setTimeout(()=>{this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.map(e=>e.id===t.id&&e.status!=="removing"?Object.assign(Object.assign({},e),{status:"settled"}):e)})},i),()=>{this.handleClose(t)}}handleClose(n){this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.map(t=>(t.id===n.id&&(t.status="removing"),t))}),setTimeout(()=>{this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.filter(t=>t.id!==n.id)})},i)}async closeAll(n=!1){if(n)this.state=Object.assign(Object.assign({},this.state),{_toastStates:[]});else{const t=[...this.state._toastStates];this.state=Object.assign(Object.assign({},this.state),{_toastStates:t.map(e=>Object.assign(Object.assign({},e),{status:"removing"}))}),setTimeout(()=>{this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.filter(e=>t.every(s=>s.id!==e.id))})},i)}}handleToastRef(n,t){t&&typeof n.toast.render=="function"&&!this.knownRenderFunctions.has(n.toast.render)&&(this.knownRenderFunctions.add(n.toast.render),n.toast.render(t,{close:()=>this.handleClose(n)}))}render(){return o(m,{key:"4286f2f18e5333c7238c10d5fa73167650b067a4",class:"kol-toast-container"},this.state._toastStates.length>1&&o(p,{key:"d00f8dde0a2cc279b13cadd17fcad3e585bb0164",_label:u("kol-toast-close-all"),class:"kol-toast-container__button-close-all",_on:{onClick:()=>{this.closeAll()}}}),this.state._toastStates.map(n=>o(y,{key:n.id,onClose:()=>this.handleClose(n),ref:t=>this.handleToastRef(n,t),toast:n.toast,status:n.status})))}};v.style={default:_};export{v as kol_toast_container};
-//# sourceMappingURL=kol-toast-container.entry-BBeB6rmW.js.map
+}`,a=300,_=class{constructor(n){h(this,n),this.state={_toastStates:[]},this.knownRenderFunctions=new Set}async enqueue(n){const t={toast:n,status:"adding",id:`toast-${f()}`};return this.state=Object.assign(Object.assign({},this.state),{_toastStates:[t,...this.state._toastStates]}),setTimeout(()=>{this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.map(e=>e.id===t.id&&e.status!=="removing"?Object.assign(Object.assign({},e),{status:"settled"}):e)})},a),()=>{this.handleClose(t)}}handleClose(n){this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.map(t=>(t.id===n.id&&(t.status="removing"),t))}),setTimeout(()=>{var t,e;this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.filter(o=>o.id!==n.id)}),(e=(t=n.toast).onClose)===null||e===void 0||e.call(t)},a)}async closeAll(n=!1){if(n)this.state=Object.assign(Object.assign({},this.state),{_toastStates:[]});else{const t=[...this.state._toastStates];this.state=Object.assign(Object.assign({},this.state),{_toastStates:t.map(e=>Object.assign(Object.assign({},e),{status:"removing"}))}),setTimeout(()=>{this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.filter(e=>t.every(o=>o.id!==e.id))}),t.forEach(e=>{var o,i;(i=(o=e.toast).onClose)===null||i===void 0||i.call(o)})},a)}}handleToastRef(n,t){t&&typeof n.toast.render=="function"&&!this.knownRenderFunctions.has(n.toast.render)&&(this.knownRenderFunctions.add(n.toast.render),n.toast.render(t,{close:()=>this.handleClose(n)}))}render(){return s(m,{key:"9cd066a5431870964c5ebcf63f3e6cfc485999fa",class:"kol-toast-container"},this.state._toastStates.length>1&&s(p,{key:"5f7311b53ebf68798955e351c9a634190cc0242d",_label:u("kol-toast-close-all"),class:"kol-toast-container__button-close-all",_on:{onClick:()=>{this.closeAll()}}}),this.state._toastStates.map(n=>s(y,{key:n.id,onClose:()=>this.handleClose(n),ref:t=>this.handleToastRef(n,t),toast:n.toast,status:n.status})))}};_.style={default:w};export{_ as kol_toast_container};
+//# sourceMappingURL=kol-toast-container.entry-fGx8a9da.js.map

package/dist/assets/kol-toast-container.entry-fGx8a9da.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-toast-container.entry-fGx8a9da.js","sources":["../../../../components/dist/esm/kol-toast-container.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, r as registerInstance, H as Host } from './index-WhYY2qN5.js';\nimport { t as translate } from './i18n-HxKF0IgX.js';\nimport { n as nonce } from './dev.utils-DZnyqjau.js';\nimport { n as KolButtonTag } from './component-names-CkE54Ym7.js';\nimport './bem-Cpz0pDYV.js';\nimport './progress-DvHYRA46.js';\nimport './markdown-vxO4XBWP.js';\nimport { _ as __rest } from './tslib.es6-CxX45GIN.js';\nimport { K as KolAlertFc } from './Alert-BDEek3oH.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport './i18n-CVrpm8pY.js';\nimport './browser-DnRYLgeW.js';\nimport './Heading-BGlU7KLE.js';\n\nconst ToastItemFc = (_a) => {\n    var { status, toast, onClose } = _a, other = __rest(_a, [\"status\", \"toast\", \"onClose\"]);\n    const { type, label, description, variant } = toast;\n    return (h(\"div\", { class: clsx('kol-toast-item', `kol-toast-item--${status}`) },\n        h(KolAlertFc, { class: \"kol-toast-item__alert\", alert: true, label: label, level: 0, hasCloser: true, type: type, variant: variant || 'card', onCloserClick: onClose },\n            h(\"div\", Object.assign({}, other), description))));\n};\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-global {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    color: black;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n  }\\n}\\n/**\\n * Sometimes we need the semantic element for accessibility reasons,\\n * but we don't want to show it.\\n *\\n * - https://www.a11yproject.com/posts/how-to-hide-content/\\n */\\n.visually-hidden {\\n  clip: rect(0 0 0 0);\\n  clip-path: inset(50%);\\n  height: 1px;\\n  overflow: hidden;\\n  position: absolute;\\n  white-space: nowrap;\\n  width: 1px;\\n}\\n\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: grid;\\n    place-items: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: block;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip {\\n    display: contents;\\n  }\\n  .kol-tooltip__floating {\\n    animation-duration: 0.25s;\\n    animation-iteration-count: 1;\\n    animation-name: fadeInOpacity;\\n    animation-timing-function: ease-in;\\n    display: none;\\n    position: fixed;\\n    visibility: hidden;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width);\\n  }\\n  .kol-tooltip__arrow {\\n    background-color: #fff;\\n    color: #000;\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n    position: absolute;\\n    transform: rotate(45deg);\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    z-index: 999;\\n  }\\n  .kol-tooltip__content {\\n    background-color: #fff;\\n    color: #000;\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes fadeInOpacity {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  .kol-alert {\\n    display: grid;\\n  }\\n  .kol-alert__container {\\n    place-items: center;\\n    display: flex;\\n  }\\n  .kol-alert__container-content {\\n    flex-grow: 1;\\n  }\\n  .kol-alert__closer {\\n    /* Visible with forced colors */\\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: flex;\\n    flex-direction: column;\\n    position: fixed;\\n    z-index: 200;\\n  }\\n  .kol-toast-container__close-all {\\n    align-self: flex-end;\\n  }\\n}\";\n\nconst TRANSITION_TIMEOUT = 300;\nconst KolToastContainer = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.state = {\n            _toastStates: [],\n        };\n        this.knownRenderFunctions = new Set();\n    }\n    async enqueue(toast) {\n        const newToastState = {\n            toast,\n            status: 'adding',\n            id: `toast-${nonce()}`,\n        };\n        this.state = Object.assign(Object.assign({}, this.state), { _toastStates: [newToastState, ...this.state._toastStates] });\n        setTimeout(() => {\n            this.state = Object.assign(Object.assign({}, this.state), { _toastStates: this.state._toastStates.map((localToastState) => localToastState.id === newToastState.id && localToastState.status !== 'removing'\n                    ? Object.assign(Object.assign({}, localToastState), { status: 'settled' }) : localToastState) });\n        }, TRANSITION_TIMEOUT);\n        return () => {\n            this.handleClose(newToastState);\n        };\n    }\n    handleClose(toastState) {\n        this.state = Object.assign(Object.assign({}, this.state), { _toastStates: this.state._toastStates.map((localToastState) => {\n                if (localToastState.id === toastState.id) {\n                    localToastState.status = 'removing';\n                }\n                return localToastState;\n            }) });\n        setTimeout(() => {\n            var _a, _b;\n            this.state = Object.assign(Object.assign({}, this.state), { _toastStates: this.state._toastStates.filter((localToastState) => localToastState.id !== toastState.id) });\n            (_b = (_a = toastState.toast).onClose) === null || _b === void 0 ? void 0 : _b.call(_a);\n        }, TRANSITION_TIMEOUT);\n    }\n    async closeAll(immediate = false) {\n        if (immediate) {\n            this.state = Object.assign(Object.assign({}, this.state), { _toastStates: [] });\n        }\n        else {\n            const toastsToClose = [...this.state._toastStates];\n            this.state = Object.assign(Object.assign({}, this.state), { _toastStates: toastsToClose.map((localToastState) => (Object.assign(Object.assign({}, localToastState), { status: 'removing' }))) });\n            setTimeout(() => {\n                this.state = Object.assign(Object.assign({}, this.state), { _toastStates: this.state._toastStates.filter((toastState) => toastsToClose.every((toastToClose) => toastToClose.id !== toastState.id)) });\n                toastsToClose.forEach((toastState) => {\n                    var _a, _b;\n                    (_b = (_a = toastState.toast).onClose) === null || _b === void 0 ? void 0 : _b.call(_a);\n                });\n            }, TRANSITION_TIMEOUT);\n        }\n    }\n    handleToastRef(toastState, element) {\n        if (element && typeof toastState.toast.render === 'function' && !this.knownRenderFunctions.has(toastState.toast.render)) {\n            this.knownRenderFunctions.add(toastState.toast.render);\n            toastState.toast.render(element, { close: () => this.handleClose(toastState) });\n        }\n    }\n    render() {\n        return (h(Host, { key: '9cd066a5431870964c5ebcf63f3e6cfc485999fa', class: \"kol-toast-container\" }, this.state._toastStates.length > 1 && (h(KolButtonTag, { key: '5f7311b53ebf68798955e351c9a634190cc0242d', _label: translate('kol-toast-close-all'), class: \"kol-toast-container__button-close-all\", _on: {\n                onClick: () => {\n                    void this.closeAll();\n                },\n            } })), this.state._toastStates.map((toastState) => (h(ToastItemFc, { key: toastState.id, onClose: () => this.handleClose(toastState), ref: (element) => this.handleToastRef(toastState, element), toast: toastState.toast, status: toastState.status })))));\n    }\n};\nKolToastContainer.style = {\n    default: defaultStyleCss\n};\n\nexport { KolToastContainer as kol_toast_container };\n//# sourceMappingURL=kol-toast-container.entry.js.map\n\n//# sourceMappingURL=kol-toast-container.entry.js.map"],"names":["ToastItemFc","_a","status","toast","onClose","other","__rest","type","label","description","variant","h","clsx","KolAlertFc","defaultStyleCss","TRANSITION_TIMEOUT","KolToastContainer","hostRef","registerInstance","newToastState","nonce","localToastState","toastState","_b","immediate","toastsToClose","toastToClose","element","Host","KolButtonTag","translate"],"mappings":"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"}

package/dist/assets/{kol-toolbar.entry-uaCB2kzG.js → kol-toolbar.entry-Bw8v7jWM.js}

@@ -1,6 +1,6 @@
-import{r as h,h as d,j as c,e as b,g as f,aa as m,o as p,p as u,s as y}from"./index-DYeYkBGH.js";import{v as w}from"./orientation-409d844a-DNyWBwoa.js";import{K as o}from"./keyboard-2483c6de-Bn_Qh8Bq.js";import{v as g}from"./label-bf9966d0-BLshEcVQ.js";/*!
+import{r as c,h as d,j as h,e as b,g as m,ac as f,o as p,p as u,s as y}from"./index-DZwRL3ZZ.js";import{v as w}from"./label-BMIQSq1u-Bm_R9RHT.js";import{v as g}from"./orientation-D3xx-ujZ-C0FzvLOm.js";import{K as i}from"./keyboard-D6PoWr38-Bn_Qh8Bq.js";/*!
  * KoliBri - The accessible HTML-Standard
- */const k=(t,n)=>{m(n,()=>{p(n,()=>{typeof n>"u"&&(n=[]);try{n=u(n)}catch{}Array.isArray(n)&&n.every(e=>typeof e=="object"&&e!==null)&&y(t,"_items",n)})})},x=`@charset "UTF-8";
+ */const k=(t,n)=>{f(n,()=>{p(n,()=>{typeof n>"u"&&(n=[]);try{n=u(n)}catch{}Array.isArray(n)&&n.every(e=>typeof e=="object"&&e!==null)&&y(t,"_items",n)})})},x=`@charset "UTF-8";
 /*
  * This file contains all rules for accessibility.
  */
@@ -121,7 +121,7 @@ import{r as h,h as d,j as c,e as b,g as f,aa as m,o as p,p as u,s as y}from"./in
 }
 @layer kol-global {
   :host {
-    font-size: rem(16);
+    font-size: calc(16rem / var(--kolibri-root-font-size, 16));
     /*
      * The max-width is needed to prevent the table from overflowing the
      * parent node, if the table is wider than the parent node.
@@ -248,5 +248,5 @@ import{r as h,h as d,j as c,e as b,g as f,aa as m,o as p,p as u,s as y}from"./in
     outline: 1px solid;
     outline-offset: 2px;
   }
-}`,v=x,_=class{constructor(t){h(this,t),this.indexToElement=new Map,this.renderItem=(n,e)=>{const l=e===this.currentIndex&&!(n!=null&&n._disabled)?0:-1,s={key:e,class:"button normal kol-toolbar__item",_tabIndex:l},r=i=>{i&&this.indexToElement.set(e,i)};return"_href"in n?d(c,Object.assign({},n,s,{ref:r,_role:"button"})):d(b,Object.assign({},n,s,{ref:r}))},this.state={_label:"",_items:[]},this.currentIndex=0,this._label=void 0,this._items=void 0,this._orientation=void 0}render(){return d("div",{key:"820d0df7f0df9ab8a3e8de78b0d3fead62abfff8",class:`kol-toolbar kol-toolbar--orientation-${this.state._orientation}`,role:"toolbar","aria-label":this.state._label},this.state._items.map(this.renderItem))}validateLabel(t){g(this,t)}validateItems(t){k(this,t)}validateOrientation(t){w(this,t)}getCurrentToolbarItem(t){return typeof t=="number"?this.indexToElement.get(t):void 0}setFirstEnabledItemIndex(){var t;this.currentIndex=(t=this.state._items)===null||t===void 0?void 0:t.findIndex(n=>!n._disabled)}handleKeyDown(t){var n,e;const l=t.code;if(![o.ArrowUp,o.ArrowDown,o.ArrowRight,o.ArrowLeft].includes(l))return;t.preventDefault();const r=((n=this._items)===null||n===void 0?void 0:n.length)-1,i=this.currentIndex;let a=0;switch(l){case o.ArrowUp:case o.ArrowLeft:a=i!==a?i-1:r;break;case o.ArrowDown:case o.ArrowRight:r!==i&&(a=i+1);break}i!==a&&(this.currentIndex=a,(e=this.getCurrentToolbarItem(a))===null||e===void 0||e.kolFocus())}handleBlur(t){t.target===this.host&&this.setFirstEnabledItemIndex()}componentWillLoad(){this.validateLabel(this._label),this.validateItems(this._items),this.validateOrientation(this._orientation),this.setFirstEnabledItemIndex()}get host(){return f(this)}static get watchers(){return{_label:["validateLabel"],_items:["validateItems"],_orientation:["validateOrientation"]}}};_.style={default:v};export{_ as kol_toolbar};
-//# sourceMappingURL=kol-toolbar.entry-uaCB2kzG.js.map
+}`,v=class{constructor(t){c(this,t),this.state={_label:"",_items:[]},this.currentIndex=0,this.indexToElement=new Map,this.renderItem=(n,e)=>{const l=e===this.currentIndex&&!(n!=null&&n._disabled)?0:-1,s={key:e,class:"button normal kol-toolbar__item",_tabIndex:l},r=o=>{o&&this.indexToElement.set(e,o)};return"_href"in n?d(h,Object.assign({},n,s,{ref:r,_role:"button"})):d(b,Object.assign({},n,s,{ref:r}))}}render(){return d("div",{key:"820d0df7f0df9ab8a3e8de78b0d3fead62abfff8",class:`kol-toolbar kol-toolbar--orientation-${this.state._orientation}`,role:"toolbar","aria-label":this.state._label},this.state._items.map(this.renderItem))}validateLabel(t){w(this,t)}validateItems(t){k(this,t)}validateOrientation(t){g(this,t)}getCurrentToolbarItem(t){return typeof t=="number"?this.indexToElement.get(t):void 0}setFirstEnabledItemIndex(){var t;this.currentIndex=(t=this.state._items)===null||t===void 0?void 0:t.findIndex(n=>!n._disabled)}handleKeyDown(t){var n,e;const l=t.code;if(![i.ArrowUp,i.ArrowDown,i.ArrowRight,i.ArrowLeft].includes(l))return;t.preventDefault();const r=((n=this._items)===null||n===void 0?void 0:n.length)-1,o=this.currentIndex;let a=0;switch(l){case i.ArrowUp:case i.ArrowLeft:a=o!==a?o-1:r;break;case i.ArrowDown:case i.ArrowRight:r!==o&&(a=o+1);break}o!==a&&(this.currentIndex=a,(e=this.getCurrentToolbarItem(a))===null||e===void 0||e.kolFocus())}handleBlur(t){t.target===this.host&&this.setFirstEnabledItemIndex()}componentWillLoad(){this.validateLabel(this._label),this.validateItems(this._items),this.validateOrientation(this._orientation),this.setFirstEnabledItemIndex()}get host(){return m(this)}static get watchers(){return{_label:["validateLabel"],_items:["validateItems"],_orientation:["validateOrientation"]}}};v.style={default:x};export{v as kol_toolbar};
+//# sourceMappingURL=kol-toolbar.entry-Bw8v7jWM.js.map