@public-ui/components 4.1.2-rc.6 → 4.1.2-rc.8

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as t,g as e}from"./index-t9mjSqi3.js";import{b as o,e as i,k as a,s,N as l,G as r,H as c,Q as h}from"./common-BIkdAxr0.js";import{v as d}from"./align-DDUsWnWP.js";import{v as f}from"./label-Cw7rCjUo.js";import{c as b}from"./component-names-C64MXeC1.js";import{t as u}from"./i18n-DvMeCREp.js";import{K as p}from"./keyboard-DNd73LVa.js";import{c as m}from"./clsx-COFh-Vc8.js";import{d as k,s as g}from"./element-focus-y2O-Z32P.js";import{d as y,K as v}from"./events-DHTi_wtD.js";import"./i18n-B0tfVPMa.js";const w=["select-automatic","select-manual"],_=(e,t)=>{o(e,"_behavior",e=>"string"==typeof e&&w.includes(e),new Set([`KoliBriTabBehavior {${w.join(", ")}`]),t)},x=(e,t)=>{i(e,"_hasCreateButton",t)},T='/* forward the rem function */\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1774621104972"); /* IE9*/\n  src: url("kolicons.eot?t=1774621104972#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1774621104972") format("woff2"), url("kolicons.woff?t=1774621104972") format("woff"), url("kolicons.ttf?t=1774621104972") format("truetype"), url("kolicons.svg?t=1774621104972#kolicons") format("svg"); /* iOS 4.1- */\n}\n[class^=kolicon-], [class*=" kolicon-"] {\n  font-family: "kolicons";\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1em;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.kolicon-alert-error::before {\n  content: "\\ea01";\n}\n\n.kolicon-alert-info::before {\n  content: "\\ea02";\n}\n\n.kolicon-alert-success::before {\n  content: "\\ea03";\n}\n\n.kolicon-alert-warning::before {\n  content: "\\ea04";\n}\n\n.kolicon-check::before {\n  content: "\\ea05";\n}\n\n.kolicon-chevron-double-left::before {\n  content: "\\ea06";\n}\n\n.kolicon-chevron-double-right::before {\n  content: "\\ea07";\n}\n\n.kolicon-chevron-down::before {\n  content: "\\ea08";\n}\n\n.kolicon-chevron-left::before {\n  content: "\\ea09";\n}\n\n.kolicon-chevron-right::before {\n  content: "\\ea0a";\n}\n\n.kolicon-chevron-up::before {\n  content: "\\ea0b";\n}\n\n.kolicon-cogwheel::before {\n  content: "\\ea0c";\n}\n\n.kolicon-cross::before {\n  content: "\\ea0d";\n}\n\n.kolicon-eye-closed::before {\n  content: "\\ea0e";\n}\n\n.kolicon-eye::before {\n  content: "\\ea0f";\n}\n\n.kolicon-house::before {\n  content: "\\ea10";\n}\n\n.kolicon-kolibri::before {\n  content: "\\ea11";\n}\n\n.kolicon-link-external::before {\n  content: "\\ea12";\n}\n\n.kolicon-link::before {\n  content: "\\ea13";\n}\n\n.kolicon-minus::before {\n  content: "\\ea14";\n}\n\n.kolicon-plus::before {\n  content: "\\ea15";\n}\n\n.kolicon-settings::before {\n  content: "\\ea16";\n}\n\n.kolicon-sort-asc::before {\n  content: "\\ea17";\n}\n\n.kolicon-sort-desc::before {\n  content: "\\ea18";\n}\n\n.kolicon-sort-neutral::before {\n  content: "\\ea19";\n}\n\n.kolicon-up::before {\n  content: "\\ea1a";\n}\n\n.kolicon-version::before {\n  content: "\\ea1b";\n}\n\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tabs {\n    display: var(--display);\n    grid-template-columns: var(--grid-template-columns);\n    grid-template-rows: var(--grid-template-rows);\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__button-group {\n    display: flex;\n    order: var(--button-group-order);\n    flex-direction: var(--button-group-flex-direction);\n    flex-wrap: wrap;\n  }\n  .kol-tabs__button-group .kol-button {\n    border-bottom-color: transparent;\n    display: block;\n    border-bottom-style: solid;\n  }\n  .kol-tabs__panel {\n    height: 100%;\n  }\n}',C=class{constructor(e){n(this,e),this.onCreateLabel=`${u("kol-new")} …`,this.nextPossibleTabIndex=(e,t,n=1)=>{const o=t+n;return o<e.length?e[o]._disabled?this.nextPossibleTabIndex(e,t,n+1):o:t},this.prevPossibleTabIndex=(e,t,n=1)=>{const o=t-n;return o>=0?e[o]._disabled?this.prevPossibleTabIndex(e,t,n+1):o:t},this.onKeyDown=e=>{switch(e.key){case p.ArrowRight:this.goToNextTab(e);break;case p.ArrowLeft:this.goToPreviousTab(e);break;case p.Space:case p.Enter:this.activateFocusedTab(e)}},this.onClickSelect=(e,t)=>{this.selectNextTabEvent(e,t)},this.onMouseDown=e=>{e.preventDefault()},this.callbacks={onClick:this.onClickSelect,onMouseDown:this.onMouseDown},this.setCurrentTabButtonRef=e=>{this.currentTabButtonRef=e},this.catchTabPanelHost=e=>{this.tabPanelHost=e},this._align="top",this._hasCreateButton=!1,this._selected=0,this.state={_align:"top",_label:"",_selected:0,_tabs:[]},this.selectNextNotDisabledTab=(e,t,n=!0,o)=>{if(e>t.length-1&&(e=t.length-1),e<0&&(e=0),Array.isArray(t)&&t[e]&&t[e]._disabled){if(!0===n){if(e<t.length-1)return this.selectNextNotDisabledTab(e+1,t,!0,o||e);e=o||e,n=!1}if(!1===n){if(e>0)return this.selectNextNotDisabledTab(e-1,t,!1,o||e);a("[KolTabs] All tabs are disabled, and therefore no tab can be displayed.")}}return e},this.syncSelectedAndTabs=(e,t,n,o)=>{let i,a;i="_selected"===o?e:this.state._selected,a="_tabs"===o?e:this.state._tabs,a.length>0&&t.set("_selected",this.selectNextNotDisabledTab(i,a))},this.refreshTabPanels=()=>{var e,t,n,o;if(this.tabPanelHost){for(;this.tabPanelHost.firstChild;)this.tabPanelHost.removeChild(this.tabPanelHost.firstChild);for(let i=0;i<(null===(e=this.state._tabs)||void 0===e?void 0:e.length);i++){const e=document.createElement("div");e.setAttribute("aria-labelledby",`${this.state._label.replace(/\s/g,"-")}-tab-${i}`),e.setAttribute("id",`tabpanel-${i}`),e.setAttribute("role","tabpanel"),e.setAttribute("hidden",""),e.setAttribute("tabindex","0");const a=document.createElement("slot");a.setAttribute("name",`tabpanel-slot-${i}`),e.appendChild(a),null===(t=this.tabPanelHost)||void 0===t||t.appendChild(e),"undefined"!=typeof HTMLCollection&&(null===(n=this.host)||void 0===n?void 0:n.children)instanceof HTMLCollection&&(null===(o=this.host)||void 0===o?void 0:o.children[i])&&this.host.children[i].setAttribute("slot",`tabpanel-slot-${i}`)}this.updateVisiblePanel()}},this.updateVisiblePanel=()=>{this.tabPanelHost&&Array.from(this.tabPanelHost.children).forEach((e,t)=>{t===this.state._selected?e.removeAttribute("hidden"):e.setAttribute("hidden","")})},this.onCreate=e=>{var t,n;e.preventDefault(),null===(n=null===(t=this.state._on)||void 0===t?void 0:t.onCreate)||void 0===n||n.call(t,e),this.host&&y(this.host,v.create)},this.onBlur=()=>{this.currentFocusIndex=void 0}}getCurrentFocusIndex(){return"number"==typeof this.currentFocusIndex?this.currentFocusIndex:this.state._selected}getKeyboardTabChangeMode(){return"select-manual"===this._behavior?"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){"number"==typeof this.currentFocusIndex&&this.onSelect(e,this.currentFocusIndex)}selectNextTabEvent(e,t,n="activateCompletely"){var o,i;if(this.currentFocusIndex=t,this.focusTabById(t),"activateCompletely"===n){this._selected=t;null===(i=null===(o=this.state._tabs[t]._on)||void 0===o?void 0:o.onSelect)||void 0===i||i.call(o,e,t),this.onSelect(e,t)}}async focus(){return k(this.host,()=>g(this.currentTabButtonRef))}renderButtonGroup(){return t("div",{"aria-label":this.state._label,class:"kol-tabs__button-group",role:"tablist",onKeyDown:this.onKeyDown,onBlur:this.onBlur},this.state._tabs.map((e,n)=>t(b,{ref:this.state._selected===n?this.setCurrentTabButtonRef:void 0,_disabled:e._disabled,_icons:e._icons,_hideLabel:e._hideLabel,_label:e._label,_on:this.callbacks,_tabIndex:this.state._selected===n?0:-1,_tooltipAlign:e._tooltipAlign,_variant:this.state._selected===n?"custom":void 0,_customClass:this.state._selected===n?"selected":"",_ariaControls:`tabpanel-${n}`,_ariaSelected:this.state._selected===n,_id:`${this.state._label.replace(/\s/g,"-")}-tab-${n}`,_role:"tab",_value:n})),this.state._hasCreateButton&&t(b,{class:"kol-tabs__button-create",_label:this.onCreateLabel,_on:{onClick:this.onCreate},_icons:"kolicon-plus","data-testid":"tabs-create-button"}))}render(){return t("div",{key:"f521bdbeda54c4f45b091de8067cafa7ff57f3c8",ref:e=>{this.tabPanelsElement=e},class:m("kol-tabs",`kol-tabs--align-${this.state._align}`)},this.renderButtonGroup(),t("div",{key:"136dade4bc8a6f0a8d75ebd8e43c3c605e428bba",class:"kol-tabs__content",ref:this.catchTabPanelHost}))}validateAlign(e){d(this,e)}validateBehavior(e){_(this,e)}validateHasCreateButton(e){x(this,e)}validateLabel(e){f(this,e,{required:!0})}validateOn(e){if("object"==typeof e&&null!==e){const t={};"function"==typeof e.onCreate&&(t.onCreate=e.onCreate),"function"==typeof e.onSelect&&(t.onSelect=e.onSelect),s(this,"_on",t)}}validateSelected(e){l(this,"_selected",e,{hooks:{beforePatch:this.syncSelectedAndTabs}})}validateTabs(e){r(this,"_tabs",e=>"object"==typeof e&&null!==e&&"string"==typeof e._label&&e._label.length>0,e,void 0,{hooks:{beforePatch:this.syncSelectedAndTabs,afterPatch:this.refreshTabPanels}}),c("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=h(`button#${this.state._label.replace(/\s/g,"-")}-tab-${e}`,this.tabPanelsElement);null==t||t.focus()}}onSelect(e,t){var n,o;null===(o=null===(n=this._on)||void 0===n?void 0:n.onSelect)||void 0===o||o.call(n,e,t),this.host&&y(this.host,v.select,t),this.focusTabById(t)}get host(){return e(this)}static get watchers(){return{_align:["validateAlign"],_behavior:["validateBehavior"],_hasCreateButton:["validateHasCreateButton"],_label:["validateLabel"],_on:["validateOn"],_selected:["validateSelected"],_tabs:["validateTabs"]}}};C.style={default:T};export{C as kol_tabs};
+import{r as n,h as t,g as e}from"./index-C8rYknb2.js";import{b as o,e as i,k as a,s,N as l,G as r,H as c,Q as h}from"./common-BqV6Zb30.js";import{v as d}from"./align-D3Z54kEL.js";import{v as f}from"./label-vxVEH2gH.js";import{b}from"./component-names-Dy77vq43.js";import{t as u}from"./i18n-BVaUp6qp.js";import{K as p}from"./keyboard-DNd73LVa.js";import{c as m}from"./clsx-COFh-Vc8.js";import{d as k,s as g}from"./element-click-BTxuJDNT.js";import{d as y,s as v}from"./element-focus-BKUtVrWY.js";import{d as w,K as _}from"./events-DHTi_wtD.js";import"./i18n-B2d_exHc.js";const x=["select-automatic","select-manual"],T=(e,t)=>{o(e,"_behavior",e=>"string"==typeof e&&x.includes(e),new Set([`KoliBriTabBehavior {${x.join(", ")}`]),t)},z=(e,t)=>{i(e,"_hasCreateButton",t)},C='/* forward the rem function */\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1775118370120"); /* IE9*/\n  src: url("kolicons.eot?t=1775118370120#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1775118370120") format("woff2"), url("kolicons.woff?t=1775118370120") format("woff"), url("kolicons.ttf?t=1775118370120") format("truetype"), url("kolicons.svg?t=1775118370120#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tabs {\n    display: var(--display);\n    grid-template-columns: var(--grid-template-columns);\n    grid-template-rows: var(--grid-template-rows);\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__button-group {\n    display: flex;\n    order: var(--button-group-order);\n    flex-direction: var(--button-group-flex-direction);\n    flex-wrap: wrap;\n  }\n  .kol-tabs__button-group .kol-button {\n    border-bottom-color: transparent;\n    display: block;\n    border-bottom-style: solid;\n  }\n  .kol-tabs__panel {\n    height: 100%;\n  }\n}',B=class{constructor(e){n(this,e),this.onCreateLabel=`${u("kol-new")} …`,this.nextPossibleTabIndex=(e,t,n=1)=>{const o=t+n;return o<e.length?e[o]._disabled?this.nextPossibleTabIndex(e,t,n+1):o:t},this.prevPossibleTabIndex=(e,t,n=1)=>{const o=t-n;return o>=0?e[o]._disabled?this.prevPossibleTabIndex(e,t,n+1):o:t},this.onKeyDown=e=>{switch(e.key){case p.ArrowRight:this.goToNextTab(e);break;case p.ArrowLeft:this.goToPreviousTab(e);break;case p.Space:case p.Enter:this.activateFocusedTab(e)}},this.onClickSelect=(e,t)=>{this.selectNextTabEvent(e,t)},this.onMouseDown=e=>{e.preventDefault()},this.callbacks={onClick:this.onClickSelect,onMouseDown:this.onMouseDown},this.setCurrentTabButtonRef=e=>{this.currentTabButtonRef=e},this.catchTabPanelHost=e=>{this.tabPanelHost=e},this._align="top",this._hasCreateButton=!1,this._selected=0,this.state={_align:"top",_label:"",_selected:0,_tabs:[]},this.selectNextNotDisabledTab=(e,t,n=!0,o)=>{if(e>t.length-1&&(e=t.length-1),e<0&&(e=0),Array.isArray(t)&&t[e]&&t[e]._disabled){if(!0===n){if(e<t.length-1)return this.selectNextNotDisabledTab(e+1,t,!0,o||e);e=o||e,n=!1}if(!1===n){if(e>0)return this.selectNextNotDisabledTab(e-1,t,!1,o||e);a("[KolTabs] All tabs are disabled, and therefore no tab can be displayed.")}}return e},this.syncSelectedAndTabs=(e,t,n,o)=>{let i,a;i="_selected"===o?e:this.state._selected,a="_tabs"===o?e:this.state._tabs,a.length>0&&t.set("_selected",this.selectNextNotDisabledTab(i,a))},this.refreshTabPanels=()=>{var e,t,n,o;if(this.tabPanelHost){for(;this.tabPanelHost.firstChild;)this.tabPanelHost.removeChild(this.tabPanelHost.firstChild);for(let i=0;i<(null===(e=this.state._tabs)||void 0===e?void 0:e.length);i++){const e=document.createElement("div");e.setAttribute("aria-labelledby",`${this.state._label.replace(/\s/g,"-")}-tab-${i}`),e.setAttribute("id",`tabpanel-${i}`),e.setAttribute("role","tabpanel"),e.setAttribute("hidden",""),e.setAttribute("tabindex","0");const a=document.createElement("slot");a.setAttribute("name",`tabpanel-slot-${i}`),e.appendChild(a),null===(t=this.tabPanelHost)||void 0===t||t.appendChild(e),"undefined"!=typeof HTMLCollection&&(null===(n=this.host)||void 0===n?void 0:n.children)instanceof HTMLCollection&&(null===(o=this.host)||void 0===o?void 0:o.children[i])&&this.host.children[i].setAttribute("slot",`tabpanel-slot-${i}`)}this.updateVisiblePanel()}},this.updateVisiblePanel=()=>{this.tabPanelHost&&Array.from(this.tabPanelHost.children).forEach((e,t)=>{t===this.state._selected?e.removeAttribute("hidden"):e.setAttribute("hidden","")})},this.onCreate=e=>{var t,n;e.preventDefault(),null===(n=null===(t=this.state._on)||void 0===t?void 0:t.onCreate)||void 0===n||n.call(t,e),this.host&&w(this.host,_.create)},this.onBlur=()=>{this.currentFocusIndex=void 0}}getCurrentFocusIndex(){return"number"==typeof this.currentFocusIndex?this.currentFocusIndex:this.state._selected}getKeyboardTabChangeMode(){return"select-manual"===this._behavior?"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){"number"==typeof this.currentFocusIndex&&this.onSelect(e,this.currentFocusIndex)}selectNextTabEvent(e,t,n="activateCompletely"){var o,i;if(this.currentFocusIndex=t,this.focusTabById(t),"activateCompletely"===n){this._selected=t;null===(i=null===(o=this.state._tabs[t]._on)||void 0===o?void 0:o.onSelect)||void 0===i||i.call(o,e,t),this.onSelect(e,t)}}async focus(){return y(this.host,()=>v(this.currentTabButtonRef))}async click(){return k(this.host,async()=>g(this.currentTabButtonRef))}renderButtonGroup(){return t("div",{"aria-label":this.state._label,class:"kol-tabs__button-group",role:"tablist",onKeyDown:this.onKeyDown,onBlur:this.onBlur},this.state._tabs.map((e,n)=>t(b,{ref:this.state._selected===n?this.setCurrentTabButtonRef:void 0,_disabled:e._disabled,_icons:e._icons,_hideLabel:e._hideLabel,_label:e._label,_on:this.callbacks,_tabIndex:this.state._selected===n?0:-1,_tooltipAlign:e._tooltipAlign,_variant:this.state._selected===n?"custom":void 0,_customClass:this.state._selected===n?"selected":"",_ariaControls:`tabpanel-${n}`,_ariaSelected:this.state._selected===n,_id:`${this.state._label.replace(/\s/g,"-")}-tab-${n}`,_role:"tab",_value:n})),this.state._hasCreateButton&&t(b,{class:"kol-tabs__button-create",_label:this.onCreateLabel,_on:{onClick:this.onCreate},_icons:"kolicon-plus","data-testid":"tabs-create-button"}))}render(){return t("div",{key:"40cde6ced5533ac105935fdd8399f2578f187116",ref:e=>{this.tabPanelsElement=e},class:m("kol-tabs",`kol-tabs--align-${this.state._align}`)},this.renderButtonGroup(),t("div",{key:"b2e2655b1aa19615d5167da39db1151033a09462",class:"kol-tabs__content",ref:this.catchTabPanelHost}))}validateAlign(e){d(this,e)}validateBehavior(e){T(this,e)}validateHasCreateButton(e){z(this,e)}validateLabel(e){f(this,e,{required:!0})}validateOn(e){if("object"==typeof e&&null!==e){const t={};"function"==typeof e.onCreate&&(t.onCreate=e.onCreate),"function"==typeof e.onSelect&&(t.onSelect=e.onSelect),s(this,"_on",t)}}validateSelected(e){l(this,"_selected",e,{hooks:{beforePatch:this.syncSelectedAndTabs}})}validateTabs(e){r(this,"_tabs",e=>"object"==typeof e&&null!==e&&"string"==typeof e._label&&e._label.length>0,e,void 0,{hooks:{beforePatch:this.syncSelectedAndTabs,afterPatch:this.refreshTabPanels}}),c("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=h(`button#${this.state._label.replace(/\s/g,"-")}-tab-${e}`,this.tabPanelsElement);null==t||t.focus()}}onSelect(e,t){var n,o;null===(o=null===(n=this._on)||void 0===n?void 0:n.onSelect)||void 0===o||o.call(n,e,t),this.host&&w(this.host,_.select,t),this.focusTabById(t)}get host(){return e(this)}static get watchers(){return{_align:["validateAlign"],_behavior:["validateBehavior"],_hasCreateButton:["validateHasCreateButton"],_label:["validateLabel"],_on:["validateOn"],_selected:["validateSelected"],_tabs:["validateTabs"]}}};B.style={default:C};export{B as kol_tabs};

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

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","getElement","watchValidator","watchBoolean","devHint","setState","watchNumber","watchJsonArrayString","uiUxHintMillerscheZahl","koliBriQuerySelector","validateAlign","validateLabel","KolButtonWcTag","translate","KeyboardKey","clsx","delegateFocus","setFocus","dispatchDomEvent","KolEvent","tabBehaviorPropTypeOptions","validateTabBehavior","component","value","includes","Set","join","validateHasCreateButton","defaultStyleCss","KolTabs","constructor","hostRef","this","onCreateLabel","nextPossibleTabIndex","tabs","offset","step","nextOffset","length","_disabled","prevPossibleTabIndex","onKeyDown","event","key","ArrowRight","goToNextTab","ArrowLeft","goToPreviousTab","Space","Enter","activateFocusedTab","onClickSelect","index","selectNextTabEvent","onMouseDown","preventDefault","callbacks","onClick","setCurrentTabButtonRef","ref","currentTabButtonRef","catchTabPanelHost","el","tabPanelHost","_align","_hasCreateButton","_selected","state","_label","_tabs","selectNextNotDisabledTab","selected","upOrDown","initialSelected","Array","isArray","syncSelectedAndTabs","nextValue","nextState","_component","set","refreshTabPanels","_a","_b","_c","_d","firstChild","removeChild","i","div","document","createElement","setAttribute","replace","slot","appendChild","HTMLCollection","host","children","updateVisiblePanel","from","forEach","child","removeAttribute","onCreate","_on","call","create","onBlur","currentFocusIndex","undefined","getCurrentFocusIndex","getKeyboardTabChangeMode","_behavior","nextFocusIndex","onSelect","nextTabIndex","changeMode","focusTabById","tab","focus","renderButtonGroup","class","role","map","button","_icons","_hideLabel","_tabIndex","_tooltipAlign","_variant","_customClass","_ariaControls","_ariaSelected","_id","_role","_value","render","tabPanelsElement","validateBehavior","required","validateOn","validateSelected","hooks","beforePatch","validateTabs","item","afterPatch","componentWillLoad","componentDidRender","select","watchers","style","default"],"sources":["0"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","getElement","watchValidator","watchBoolean","devHint","setState","watchNumber","watchJsonArrayString","uiUxHintMillerscheZahl","koliBriQuerySelector","validateAlign","validateLabel","KolButtonWcTag","translate","KeyboardKey","clsx","delegateClick","setClick","delegateFocus","setFocus","dispatchDomEvent","KolEvent","tabBehaviorPropTypeOptions","validateTabBehavior","component","value","includes","Set","join","validateHasCreateButton","defaultStyleCss","KolTabs","constructor","hostRef","this","onCreateLabel","nextPossibleTabIndex","tabs","offset","step","nextOffset","length","_disabled","prevPossibleTabIndex","onKeyDown","event","key","ArrowRight","goToNextTab","ArrowLeft","goToPreviousTab","Space","Enter","activateFocusedTab","onClickSelect","index","selectNextTabEvent","onMouseDown","preventDefault","callbacks","onClick","setCurrentTabButtonRef","ref","currentTabButtonRef","catchTabPanelHost","el","tabPanelHost","_align","_hasCreateButton","_selected","state","_label","_tabs","selectNextNotDisabledTab","selected","upOrDown","initialSelected","Array","isArray","syncSelectedAndTabs","nextValue","nextState","_component","set","refreshTabPanels","_a","_b","_c","_d","firstChild","removeChild","i","div","document","createElement","setAttribute","replace","slot","appendChild","HTMLCollection","host","children","updateVisiblePanel","from","forEach","child","removeAttribute","onCreate","_on","call","create","onBlur","currentFocusIndex","undefined","getCurrentFocusIndex","getKeyboardTabChangeMode","_behavior","nextFocusIndex","onSelect","nextTabIndex","changeMode","focusTabById","tab","focus","click","async","renderButtonGroup","class","role","map","button","_icons","_hideLabel","_tabIndex","_tooltipAlign","_variant","_customClass","_ariaControls","_ariaSelected","_id","_role","_value","render","tabPanelsElement","validateBehavior","required","validateOn","validateSelected","hooks","beforePatch","validateTabs","item","afterPatch","componentWillLoad","componentDidRender","select","watchers","style","default"],"sources":["0"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"kol-textarea.entry.esm.js","sources":["src/schema/props/resize-textarea.ts","src/functional-components/inputs/TextArea/TextArea.tsx","src/functional-component-wrappers/TextAreaStateWrapper/TextAreaStateWrapper.tsx","src/components/textarea/controller.ts","src/components/textarea/style.scss?tag=kol-textarea&mode=default&encapsulation=shadow","src/components/textarea/shadow.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchValidator } from '../utils';\n\nexport const textareaResizeOptions = ['vertical', 'none'] as const;\nexport type TextareaResizePropType = (typeof textareaResizeOptions)[number];\n\n/**\n * Defines how the textarea can be resized by the user.\n */\nexport type PropResizeTextarea = {\n\tresize: TextareaResizePropType;\n};\n\nconst isTextareaResizePropType = (value: unknown): value is TextareaResizePropType => {\n\treturn typeof value === 'string' && textareaResizeOptions.includes(value as TextareaResizePropType);\n};\n\nexport const validateResizeTextarea = (component: Generic.Element.Component, value?: TextareaResizePropType): void => {\n\twatchValidator(component, '_resize', isTextareaResizePropType, new Set(textareaResizeOptions), value, {\n\t\tdefaultValue: 'vertical',\n\t});\n};\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport { getMsgType, isMsgDefinedAndInputTouched, type MsgPropType, type Stringified } from '../../../schema';\nimport clsx from '../../../utils/clsx';\nimport { getDefaultProps } from '../_helpers/getDefaultProps';\nimport type { DefaultInputProps } from '../_types';\n\nexport type TextAreaProps = DefaultInputProps<JSXBase.TextareaHTMLAttributes<HTMLTextAreaElement>> & {\n\tvalue: string;\n\ttouched?: boolean;\n\tmsg?: Stringified<MsgPropType>;\n} & {\n\t[key: `aria-${string}`]: unknown;\n\t[key: `data-${string}`]: unknown;\n};\n\nconst TextAreaFc: FC<TextAreaProps> = (props) => {\n\tconst { class: classNames, msg, touched, readonly, disabled, required, ariaDescribedBy, hideLabel, label, ...other } = props;\n\n\tconst stateCssClasses = {\n\t\t['kol-textarea--disabled']: Boolean(disabled),\n\t\t['kol-textarea--required']: Boolean(required),\n\t\t['kol-textarea--touched']: Boolean(touched),\n\t\t['kol-textarea--readonly']: Boolean(readonly),\n\t\t[`kol-textarea--${getMsgType(msg)}`]: isMsgDefinedAndInputTouched(msg, touched),\n\t};\n\n\tconst inputProps: JSXBase.TextareaHTMLAttributes<HTMLTextAreaElement> = {\n\t\tclass: clsx('kol-textarea', stateCssClasses, classNames),\n\t\trequired: required,\n\t\tdisabled: disabled,\n\t\treadonly: readonly,\n\t\t...getDefaultProps({ ariaDescribedBy, hideLabel, label }),\n\t\t...other,\n\t};\n\n\treturn <textarea {...inputProps} />;\n};\n\nexport default TextAreaFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport KolTextAreaFc, { type TextAreaProps } from '../../functional-components/inputs/TextArea';\n\nimport { type MsgPropType, type TextareaStates } from '../../schema';\nimport { getRenderStates } from '../_helpers/getRenderStates';\n\nexport type TextAreaStateWrapperProps = Partial<TextAreaProps> & {\n\tstate: TextareaStates;\n};\n\nfunction getTextAreaProps(state: TextareaStates, other: Partial<TextAreaProps>): TextAreaProps {\n\tconst renderStates = getRenderStates(state);\n\tconst ariaDescribedBy = [...renderStates.ariaDescribedBy, ...(other.ariaDescribedBy ?? [])];\n\n\tconst props: TextAreaProps = {\n\t\tid: state._id,\n\t\thideLabel: state._hideLabel,\n\t\tlabel: state._label,\n\t\tvalue: state._value as string,\n\t\taccessKey: state._accessKey,\n\t\tdisabled: state._disabled,\n\t\tname: state._name,\n\t\trows: state._rows,\n\t\treadonly: state._readOnly,\n\t\trequired: state._required,\n\t\tplaceholder: state._placeholder,\n\t\ttouched: state._touched,\n\t\tmsg: state._msg as MsgPropType,\n\t\t...other,\n\t\tariaDescribedBy,\n\t};\n\n\tif ('_maxLength' in state && '_maxLengthBehavior' in state && state._maxLengthBehavior === 'hard') {\n\t\tprops.maxLength = state._maxLength;\n\t}\n\tif ('_shortKey' in state) props['aria-keyshortcuts'] = state._shortKey;\n\n\treturn props;\n}\n\nconst TextAreaStateWrapper: FC<TextAreaStateWrapperProps> = ({ state, ...other }) => {\n\treturn <KolTextAreaFc {...getTextAreaProps(state, other)} />;\n};\n\nexport default TextAreaStateWrapper;\n","import type {\n\tHasCounterPropType,\n\tMaxLengthBehaviorPropType,\n\tPlaceholderPropType,\n\tReadOnlyPropType,\n\tRequiredPropType,\n\tRowsPropType,\n\tSpellCheckPropType,\n\tTextareaProps,\n\tTextareaResizePropType,\n\tTextareaWatches,\n} from '../../schema';\nimport {\n\tvalidateHasCounter,\n\tvalidateMaxLength,\n\tvalidateMaxLengthBehavior,\n\tvalidatePlaceholder,\n\tvalidateReadOnly,\n\tvalidateRequired,\n\tvalidateResizeTextarea,\n\tvalidateRows,\n\tvalidateSpellCheck,\n\twatchString,\n} from '../../schema';\n\nimport { InputIconController } from '../@deprecated/input/controller-icon';\n\nimport type { Generic } from 'adopted-style-sheets';\n\nexport class TextareaController extends InputIconController implements TextareaWatches {\n\tprotected readonly component: Generic.Element.Component & TextareaProps;\n\n\tpublic constructor(component: Generic.Element.Component & TextareaProps, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tprivate afterSyncCharCounter = () => {\n\t\tif (typeof this.component._value === 'string') {\n\t\t\tthis.component.state._currentLength = this.component._value.length;\n\t\t\tthis.updateCurrentLengthDebounced(this.component._value.length);\n\t\t}\n\t};\n\n\tpublic validateHasCounter(value?: HasCounterPropType): void {\n\t\tvalidateHasCounter(this.component, value);\n\t}\n\n\tpublic validateMaxLengthBehavior(value?: MaxLengthBehaviorPropType): void {\n\t\tvalidateMaxLengthBehavior(this.component, value);\n\t}\n\n\tpublic validateMaxLength(value?: number): void {\n\t\tvalidateMaxLength(this.component, value, {\n\t\t\thooks: { afterPatch: this.afterSyncCharCounter },\n\t\t});\n\t}\n\n\tpublic validatePlaceholder(value?: PlaceholderPropType): void {\n\t\tvalidatePlaceholder(this.component, value);\n\t}\n\n\tpublic validateReadOnly(value?: ReadOnlyPropType): void {\n\t\tvalidateReadOnly(this.component, value);\n\t}\n\n\tpublic validateResize(value?: TextareaResizePropType): void {\n\t\tvalidateResizeTextarea(this.component, value);\n\t}\n\n\tpublic validateRequired(value?: RequiredPropType): void {\n\t\tvalidateRequired(this.component, value);\n\t}\n\n\tpublic validateRows(value?: RowsPropType): void {\n\t\tvalidateRows(this.component, value);\n\t}\n\n\tpublic validateSpellCheck(value?: SpellCheckPropType): void {\n\t\tvalidateSpellCheck(this.component, value);\n\t}\n\n\tpublic validateValue(value?: string): void {\n\t\twatchString(this.component, '_value', value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: this.afterSyncCharCounter,\n\t\t\t},\n\t\t});\n\t\tthis.setFormAssociatedValue(this.component._value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateHasCounter(this.component._hasCounter);\n\t\tthis.validateMaxLengthBehavior(this.component._maxLengthBehavior);\n\t\tthis.validateMaxLength(this.component._maxLength);\n\t\tthis.validatePlaceholder(this.component._placeholder);\n\t\tthis.validateReadOnly(this.component._readOnly);\n\t\tthis.validateRequired(this.component._required);\n\t\tthis.validateResize(this.component._resize);\n\t\tthis.validateRows(this.component._rows);\n\t\tthis.validateSpellCheck(this.component._spellCheck);\n\t\tthis.validateValue(this.component._value);\n\t}\n}\n","@use '../@shared/global' as *;\n@use '../@shared/alert.mixin' as *;\n@use '../@shared/form-field.mixin' as *;\n@use '../@shared/input-container.mixin' as *;\n@use '../@shared/mixins' as *;\n@use '../host-display-block' as *;\n\n@layer kol-component {\n\t@include kol-alert;\n\t@include kol-form-field;\n\t@include kol-input-container;\n\n\t.kol-textarea {\n\t\twidth: 100%;\n\n\t\t&:focus {\n\t\t\toutline: none;\n\t\t}\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Method, Prop, State, Watch } from '@stencil/core';\nimport clsx from '../../utils/clsx';\n\nimport type {\n\tAdjustHeightPropType,\n\tDisabledPropType,\n\tFocusableElement,\n\tHasCounterPropType,\n\tHideLabelPropType,\n\tHideMsgPropType,\n\tHintPropType,\n\tIconsHorizontalPropType,\n\tInputTypeOnDefault,\n\tLabelWithExpertSlotPropType,\n\tMaxLengthBehaviorPropType,\n\tMsgPropType,\n\tNamePropType,\n\tPlaceholderPropType,\n\tReadOnlyPropType,\n\tRequiredPropType,\n\tRowsPropType,\n\tShortKeyPropType,\n\tSpellCheckPropType,\n\tStringified,\n\tSyncValueBySelectorPropType,\n\tTextareaAPI,\n\tTextareaResizePropType,\n\tTextareaStates,\n\tTooltipAlignPropType,\n} from '../../schema';\n\nimport KolFormFieldStateWrapperFc, { type FormFieldStateWrapperProps } from '../../functional-component-wrappers/FormFieldStateWrapper/FormFieldStateWrapper';\nimport KolInputContainerStateWrapperFc from '../../functional-component-wrappers/InputContainerStateWrapper/InputContainerStateWrapper';\nimport KolTextAreaStateWrapperFc, { type TextAreaStateWrapperProps } from '../../functional-component-wrappers/TextAreaStateWrapper/TextAreaStateWrapper';\nimport { nonce } from '../../utils/dev.utils';\nimport { delegateFocus, setFocus } from '../../utils/element-focus';\nimport { TextareaController } from './controller';\n\n/**\n * https://stackoverflow.com/questions/17772260/textarea-auto-height\n */\nconst increaseTextareaHeight = (el: HTMLTextAreaElement): number => {\n\tel.style.overflow = 'hidden'; // verhindert, dass ein Scrollbalken kurz angezeigt wird\n\tconst currentRows = el.rows;\n\tconst rowHeight = el.clientHeight / currentRows;\n\tel.rows = 1;\n\tconst nextRows = Math.round(el.scrollHeight / rowHeight);\n\tel.rows = currentRows;\n\treturn nextRows;\n};\n\n/**\n * The **Textarea** component provides a larger input field for content. Unlike InputText, it also allows extensive content to be entered, including line breaks.\n *\n * @slot - The label of the input field.\n */\n@Component({\n\ttag: 'kol-textarea',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolTextarea implements TextareaAPI, FocusableElement {\n\t@Element() private readonly host?: HTMLKolTextareaElement;\n\tprivate textareaRef?: HTMLTextAreaElement;\n\n\tprivate readonly setTextareaRef = (ref?: HTMLTextAreaElement) => {\n\t\tthis.textareaRef = ref;\n\t};\n\n\t/**\n\t * Returns the current value.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async getValue(): Promise<string | undefined> {\n\t\treturn this.textareaRef?.value;\n\t}\n\n\t/**\n\t * Sets focus on the internal element.\n\t */\n\t@Method()\n\tpublic async focus() {\n\t\treturn delegateFocus(this.host!, () => setFocus(this.textareaRef!));\n\t}\n\n\tprivate getFormFieldProps(): FormFieldStateWrapperProps {\n\t\treturn {\n\t\t\tstate: this.state,\n\t\t\tclass: clsx('kol-form-field-textarea', {\n\t\t\t\t'kol-form-field--has-value': this.state._hasValue,\n\t\t\t\t'kol-form-field--has-counter': this.controller.hasSoftCharacterLimit() || this.controller.hasCounter(),\n\t\t\t}),\n\t\t\ttooltipAlign: this._tooltipAlign,\n\t\t\talert: this.showAsAlert(),\n\t\t};\n\t}\n\n\tprivate getTextAreaProps(): TextAreaStateWrapperProps {\n\t\tconst ariaDescribedBy = typeof this.state._maxLength === 'number' ? [`${this.state._id}-character-limit-hint`] : undefined; // When a character limit is defined, we provide an additional hint referenced by aria-describedby.\n\n\t\treturn {\n\t\t\tref: this.setTextareaRef,\n\t\t\tstate: this.state,\n\t\t\tstyle: {\n\t\t\t\tresize: this.state._resize,\n\t\t\t},\n\t\t\tariaDescribedBy,\n\t\t\t...this.controller.onFacade,\n\t\t\tonInput: this.onInput,\n\t\t\tonFocus: (event: Event) => {\n\t\t\t\tthis.controller.onFacade.onFocus(event);\n\t\t\t\tthis.inputHasFocus = true;\n\t\t\t},\n\t\t\tonBlur: (event: Event) => {\n\t\t\t\tthis.controller.onFacade.onBlur(event);\n\t\t\t\tthis.inputHasFocus = false;\n\t\t\t},\n\t\t};\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<KolFormFieldStateWrapperFc {...this.getFormFieldProps()}>\n\t\t\t\t<KolInputContainerStateWrapperFc state={this.state}>\n\t\t\t\t\t<KolTextAreaStateWrapperFc {...this.getTextAreaProps()} />\n\t\t\t\t</KolInputContainerStateWrapperFc>\n\t\t\t</KolFormFieldStateWrapperFc>\n\t\t);\n\t}\n\n\tprivate readonly controller: TextareaController;\n\n\t/**\n\t * Defines the key combination that can be used to trigger or focus the component's interactive element.\n\t */\n\t@Prop() public _accessKey?: string;\n\n\t/**\n\t * Adjusts the height of the element to its content.\n\t * @TODO: change back to AdjustHeightPropType after stencil #4663 has been resolved\n\t */\n\t@Prop() public _adjustHeight?: boolean = false;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t * @TODO: Change type back to `DisabledPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Hides the error message but leaves it in the DOM for the input's aria-describedby.\n\t * @TODO: Change type back to `HideMsgPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideMsg?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Defines the hint text.\n\t */\n\t@Prop() public _hint?: string = '';\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: IconsHorizontalPropType;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t */\n\t@Prop() public _label!: LabelWithExpertSlotPropType;\n\n\t/**\n\t * Defines the maximum number of input characters.\n\t */\n\t@Prop() public _maxLength?: number;\n\n\t/**\n\t * Shows a character counter for the input element.\n\t */\n\t@Prop() public _hasCounter?: boolean = false;\n\n\t/**\n\t * Defines the behavior when maxLength is set. 'hard' sets the maxlength attribute, 'soft' shows a character counter without preventing input.\n\t */\n\t@Prop() public _maxLengthBehavior?: MaxLengthBehaviorPropType = 'hard';\n\n\t/**\n\t * Defines the properties for a message rendered as Alert component.\n\t */\n\t@Prop() public _msg?: Stringified<MsgPropType>;\n\n\t/**\n\t * Defines the technical name of an input field.\n\t */\n\t@Prop() public _name?: NamePropType;\n\n\t/**\n\t * Gibt die EventCallback-Funktionen für das Input-Event an.\n\t */\n\t@Prop() public _on?: InputTypeOnDefault;\n\n\t/**\n\t * Defines the placeholder for input field. To be shown when there's no value.\n\t */\n\t@Prop() public _placeholder?: string;\n\n\t/**\n\t * Makes the input element read only.\n\t * @TODO: Change type back to `ReadOnlyPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _readOnly?: boolean = false;\n\n\t/**\n\t * Defines whether and in which direction the size of the input can be changed by the user. (https://developer.mozilla.org/de/docs/Web/CSS/resize)\n\t * In version 3 (v3), horizontal resizing is abolished. The corresponding property is then reduced to the properties `vertical` (default) and `none`.\n\t */\n\t@Prop() public _resize?: TextareaResizePropType = 'vertical';\n\n\t/**\n\t * Makes the input element required.\n\t * @TODO: Change type back to `RequiredPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _required?: boolean = false;\n\n\t/**\n\t * Maximum number of visible rows of the element.\n\t */\n\t@Prop({ mutable: true, reflect: false }) public _rows?: RowsPropType;\n\n\t/**\n\t * Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.\n\t */\n\t@Prop() public _shortKey?: ShortKeyPropType;\n\n\t/**\n\t * Defines whether the browser should check the spelling and grammar.\n\t */\n\t@Prop() public _spellCheck?: SpellCheckPropType;\n\n\t/**\n\t * Selector for synchronizing the value with another input element.\n\t * @internal\n\t */\n\t@Prop() public _syncValueBySelector?: SyncValueBySelectorPropType;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/**\n\t * Shows if the input was touched by a user.\n\t * @TODO: Change type back to `TouchedPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _touched?: boolean = false;\n\n\t/**\n\t * Defines the value of the element.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _value?: string;\n\n\t@State() public state: TextareaStates = {\n\t\t_adjustHeight: false,\n\t\t_currentLength: 0,\n\t\t_currentLengthDebounced: 0,\n\t\t_hasValue: false,\n\t\t_hideMsg: false,\n\t\t_id: `id-${nonce()}`,\n\t\t_label: '', // ⚠ required\n\t\t_resize: 'vertical',\n\t};\n\n\t@State() private inputHasFocus = false;\n\n\tpublic constructor() {\n\t\tthis.controller = new TextareaController(this, 'textarea', this.host);\n\t}\n\n\tprivate showAsAlert(): boolean {\n\t\treturn Boolean(this.state._touched) && !this.inputHasFocus;\n\t}\n\n\t@Watch('_accessKey')\n\tpublic validateAccessKey(value?: string): void {\n\t\tthis.controller.validateAccessKey(value);\n\t}\n\n\t@Watch('_adjustHeight')\n\tpublic validateAdjustHeight(value?: AdjustHeightPropType): void {\n\t\tthis.controller.validateAdjustHeight(value);\n\t}\n\n\t@Watch('_disabled')\n\tpublic validateDisabled(value?: DisabledPropType): void {\n\t\tthis.controller.validateDisabled(value);\n\t}\n\n\t@Watch('_hideMsg')\n\tpublic validateHideMsg(value?: HideMsgPropType): void {\n\t\tthis.controller.validateHideMsg(value);\n\t}\n\n\t@Watch('_hideLabel')\n\tpublic validateHideLabel(value?: HideLabelPropType): void {\n\t\tthis.controller.validateHideLabel(value);\n\t}\n\n\t@Watch('_hasCounter')\n\tpublic validateHasCounter(value?: HasCounterPropType): void {\n\t\tthis.controller.validateHasCounter(value);\n\t}\n\n\t@Watch('_hint')\n\tpublic validateHint(value?: HintPropType): void {\n\t\tthis.controller.validateHint(value);\n\t}\n\n\t@Watch('_icons')\n\tpublic validateIcons(value?: IconsHorizontalPropType): void {\n\t\tthis.controller.validateIcons(value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tthis.controller.validateLabel(value);\n\t}\n\n\t@Watch('_maxLength')\n\tpublic validateMaxLength(value?: number): void {\n\t\tthis.controller.validateMaxLength(value);\n\t}\n\n\t@Watch('_maxLengthBehavior')\n\tpublic validateMaxLengthBehavior(value?: MaxLengthBehaviorPropType): void {\n\t\tthis.controller.validateMaxLengthBehavior(value);\n\t}\n\n\t@Watch('_msg')\n\tpublic validateMsg(value?: Stringified<MsgPropType>): void {\n\t\tthis.controller.validateMsg(value);\n\t}\n\n\t@Watch('_name')\n\tpublic validateName(value?: string): void {\n\t\tthis.controller.validateName(value);\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(value?: InputTypeOnDefault): void {\n\t\tthis.controller.validateOn(value);\n\t}\n\n\t@Watch('_placeholder')\n\tpublic validatePlaceholder(value?: PlaceholderPropType): void {\n\t\tthis.controller.validatePlaceholder(value);\n\t}\n\n\t@Watch('_readOnly')\n\tpublic validateReadOnly(value?: ReadOnlyPropType): void {\n\t\tthis.controller.validateReadOnly(value);\n\t}\n\n\t@Watch('_resize')\n\tpublic validateResize(value?: TextareaResizePropType): void {\n\t\tthis.controller.validateResize(value);\n\t}\n\n\t@Watch('_required')\n\tpublic validateRequired(value?: RequiredPropType): void {\n\t\tthis.controller.validateRequired(value);\n\t}\n\n\t@Watch('_rows')\n\tpublic validateRows(value?: RowsPropType): void {\n\t\tthis.controller.validateRows(value);\n\t}\n\n\t@Watch('_shortKey')\n\tpublic validateShortKey(value?: ShortKeyPropType): void {\n\t\tthis.controller.validateShortKey(value);\n\t}\n\n\t@Watch('_spellCheck')\n\tpublic validateSpellCheck(value?: SpellCheckPropType): void {\n\t\tthis.controller.validateSpellCheck(value);\n\t}\n\n\t@Watch('_syncValueBySelector')\n\tpublic validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void {\n\t\tthis.controller.validateSyncValueBySelector(value);\n\t}\n\n\t@Watch('_touched')\n\tpublic validateTouched(value?: boolean): void {\n\t\tthis.controller.validateTouched(value);\n\t}\n\n\t@Watch('_value')\n\tpublic validateValue(value?: string): void {\n\t\tthis.controller.validateValue(value);\n\t}\n\n\tpublic componentDidLoad(): void {\n\t\tsetTimeout(() => {\n\t\t\tif (this._adjustHeight === true && this.textareaRef /* SSR instanceof HTMLTextAreaElement */) {\n\t\t\t\tthis._rows =\n\t\t\t\t\tthis.state?._rows && this.state._rows > increaseTextareaHeight(this.textareaRef) ? this.state._rows : increaseTextareaHeight(this.textareaRef);\n\t\t\t} else if (!this._rows) {\n\t\t\t\tthis._rows = 1;\n\t\t\t}\n\t\t});\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis._touched = this._touched === true;\n\t\tthis.controller.componentWillLoad();\n\t\tthis.state._hasValue = !!this.state._value;\n\t\tthis.controller.addValueChangeListener((v) => (this.state._hasValue = !!v));\n\t}\n\n\tprivate readonly onInput = (event: InputEvent) => {\n\t\tif (this.textareaRef instanceof HTMLTextAreaElement) {\n\t\t\tthis._value = this.textareaRef.value;\n\t\t\tif (this.state._adjustHeight) {\n\t\t\t\tthis._rows = increaseTextareaHeight(this.textareaRef);\n\t\t\t}\n\t\t\tthis.controller.onFacade.onInput(event);\n\t\t}\n\t};\n}\n"],"names":["KolTextAreaFc","KolFormFieldStateWrapperFc","KolInputContainerStateWrapperFc","KolTextAreaStateWrapperFc"],"mappings":"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"}
+{"version":3,"file":"kol-textarea.entry.esm.js","sources":["src/schema/props/resize-textarea.ts","src/functional-components/inputs/TextArea/TextArea.tsx","src/functional-component-wrappers/TextAreaStateWrapper/TextAreaStateWrapper.tsx","src/components/textarea/controller.ts","src/components/textarea/style.scss?tag=kol-textarea&mode=default&encapsulation=shadow","src/components/textarea/shadow.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchValidator } from '../utils';\n\nexport const textareaResizeOptions = ['vertical', 'none'] as const;\nexport type TextareaResizePropType = (typeof textareaResizeOptions)[number];\n\n/**\n * Defines how the textarea can be resized by the user.\n */\nexport type PropResizeTextarea = {\n\tresize: TextareaResizePropType;\n};\n\nconst isTextareaResizePropType = (value: unknown): value is TextareaResizePropType => {\n\treturn typeof value === 'string' && textareaResizeOptions.includes(value as TextareaResizePropType);\n};\n\nexport const validateResizeTextarea = (component: Generic.Element.Component, value?: TextareaResizePropType): void => {\n\twatchValidator(component, '_resize', isTextareaResizePropType, new Set(textareaResizeOptions), value, {\n\t\tdefaultValue: 'vertical',\n\t});\n};\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport { getMsgType, isMsgDefinedAndInputTouched, type MsgPropType, type Stringified } from '../../../schema';\nimport clsx from '../../../utils/clsx';\nimport { getDefaultProps } from '../_helpers/getDefaultProps';\nimport type { DefaultInputProps } from '../_types';\n\nexport type TextAreaProps = DefaultInputProps<JSXBase.TextareaHTMLAttributes<HTMLTextAreaElement>> & {\n\tvalue: string;\n\ttouched?: boolean;\n\tmsg?: Stringified<MsgPropType>;\n} & {\n\t[key: `aria-${string}`]: unknown;\n\t[key: `data-${string}`]: unknown;\n};\n\nconst TextAreaFc: FC<TextAreaProps> = (props) => {\n\tconst { class: classNames, msg, touched, readonly, disabled, required, ariaDescribedBy, hideLabel, label, ...other } = props;\n\n\tconst stateCssClasses = {\n\t\t['kol-textarea--disabled']: Boolean(disabled),\n\t\t['kol-textarea--required']: Boolean(required),\n\t\t['kol-textarea--touched']: Boolean(touched),\n\t\t['kol-textarea--readonly']: Boolean(readonly),\n\t\t[`kol-textarea--${getMsgType(msg)}`]: isMsgDefinedAndInputTouched(msg, touched),\n\t};\n\n\tconst inputProps: JSXBase.TextareaHTMLAttributes<HTMLTextAreaElement> = {\n\t\tclass: clsx('kol-textarea', stateCssClasses, classNames),\n\t\trequired: required,\n\t\tdisabled: disabled,\n\t\treadonly: readonly,\n\t\t...getDefaultProps({ ariaDescribedBy, hideLabel, label }),\n\t\t...other,\n\t};\n\n\treturn <textarea {...inputProps} />;\n};\n\nexport default TextAreaFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport KolTextAreaFc, { type TextAreaProps } from '../../functional-components/inputs/TextArea';\n\nimport { type MsgPropType, type TextareaStates } from '../../schema';\nimport { getRenderStates } from '../_helpers/getRenderStates';\n\nexport type TextAreaStateWrapperProps = Partial<TextAreaProps> & {\n\tstate: TextareaStates;\n};\n\nfunction getTextAreaProps(state: TextareaStates, other: Partial<TextAreaProps>): TextAreaProps {\n\tconst renderStates = getRenderStates(state);\n\tconst ariaDescribedBy = [...renderStates.ariaDescribedBy, ...(other.ariaDescribedBy ?? [])];\n\n\tconst props: TextAreaProps = {\n\t\tid: state._id,\n\t\thideLabel: state._hideLabel,\n\t\tlabel: state._label,\n\t\tvalue: state._value as string,\n\t\taccessKey: state._accessKey,\n\t\tdisabled: state._disabled,\n\t\tname: state._name,\n\t\trows: state._rows,\n\t\treadonly: state._readOnly,\n\t\trequired: state._required,\n\t\tplaceholder: state._placeholder,\n\t\ttouched: state._touched,\n\t\tmsg: state._msg as MsgPropType,\n\t\t...other,\n\t\tariaDescribedBy,\n\t};\n\n\tif ('_maxLength' in state && '_maxLengthBehavior' in state && state._maxLengthBehavior === 'hard') {\n\t\tprops.maxLength = state._maxLength;\n\t}\n\tif ('_shortKey' in state) props['aria-keyshortcuts'] = state._shortKey;\n\n\treturn props;\n}\n\nconst TextAreaStateWrapper: FC<TextAreaStateWrapperProps> = ({ state, ...other }) => {\n\treturn <KolTextAreaFc {...getTextAreaProps(state, other)} />;\n};\n\nexport default TextAreaStateWrapper;\n","import type {\n\tHasCounterPropType,\n\tMaxLengthBehaviorPropType,\n\tPlaceholderPropType,\n\tReadOnlyPropType,\n\tRequiredPropType,\n\tRowsPropType,\n\tSpellCheckPropType,\n\tTextareaProps,\n\tTextareaResizePropType,\n\tTextareaWatches,\n} from '../../schema';\nimport {\n\tvalidateHasCounter,\n\tvalidateMaxLength,\n\tvalidateMaxLengthBehavior,\n\tvalidatePlaceholder,\n\tvalidateReadOnly,\n\tvalidateRequired,\n\tvalidateResizeTextarea,\n\tvalidateRows,\n\tvalidateSpellCheck,\n\twatchString,\n} from '../../schema';\n\nimport { InputIconController } from '../@deprecated/input/controller-icon';\n\nimport type { Generic } from 'adopted-style-sheets';\n\nexport class TextareaController extends InputIconController implements TextareaWatches {\n\tprotected readonly component: Generic.Element.Component & TextareaProps;\n\n\tpublic constructor(component: Generic.Element.Component & TextareaProps, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tprivate afterSyncCharCounter = () => {\n\t\tif (typeof this.component._value === 'string') {\n\t\t\tthis.component.state._currentLength = this.component._value.length;\n\t\t\tthis.updateCurrentLengthDebounced(this.component._value.length);\n\t\t}\n\t};\n\n\tpublic validateHasCounter(value?: HasCounterPropType): void {\n\t\tvalidateHasCounter(this.component, value);\n\t}\n\n\tpublic validateMaxLengthBehavior(value?: MaxLengthBehaviorPropType): void {\n\t\tvalidateMaxLengthBehavior(this.component, value);\n\t}\n\n\tpublic validateMaxLength(value?: number): void {\n\t\tvalidateMaxLength(this.component, value, {\n\t\t\thooks: { afterPatch: this.afterSyncCharCounter },\n\t\t});\n\t}\n\n\tpublic validatePlaceholder(value?: PlaceholderPropType): void {\n\t\tvalidatePlaceholder(this.component, value);\n\t}\n\n\tpublic validateReadOnly(value?: ReadOnlyPropType): void {\n\t\tvalidateReadOnly(this.component, value);\n\t}\n\n\tpublic validateResize(value?: TextareaResizePropType): void {\n\t\tvalidateResizeTextarea(this.component, value);\n\t}\n\n\tpublic validateRequired(value?: RequiredPropType): void {\n\t\tvalidateRequired(this.component, value);\n\t}\n\n\tpublic validateRows(value?: RowsPropType): void {\n\t\tvalidateRows(this.component, value);\n\t}\n\n\tpublic validateSpellCheck(value?: SpellCheckPropType): void {\n\t\tvalidateSpellCheck(this.component, value);\n\t}\n\n\tpublic validateValue(value?: string): void {\n\t\twatchString(this.component, '_value', value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: this.afterSyncCharCounter,\n\t\t\t},\n\t\t});\n\t\tthis.setFormAssociatedValue(this.component._value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateHasCounter(this.component._hasCounter);\n\t\tthis.validateMaxLengthBehavior(this.component._maxLengthBehavior);\n\t\tthis.validateMaxLength(this.component._maxLength);\n\t\tthis.validatePlaceholder(this.component._placeholder);\n\t\tthis.validateReadOnly(this.component._readOnly);\n\t\tthis.validateRequired(this.component._required);\n\t\tthis.validateResize(this.component._resize);\n\t\tthis.validateRows(this.component._rows);\n\t\tthis.validateSpellCheck(this.component._spellCheck);\n\t\tthis.validateValue(this.component._value);\n\t}\n}\n","@use '../@shared/global' as *;\n@use '../@shared/alert.mixin' as *;\n@use '../@shared/form-field.mixin' as *;\n@use '../@shared/input-container.mixin' as *;\n@use '../@shared/mixins' as *;\n@use '../host-display-block' as *;\n\n@layer kol-component {\n\t@include kol-alert;\n\t@include kol-form-field;\n\t@include kol-input-container;\n\n\t.kol-textarea {\n\t\twidth: 100%;\n\n\t\t&:focus {\n\t\t\toutline: none;\n\t\t}\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Method, Prop, State, Watch } from '@stencil/core';\nimport clsx from '../../utils/clsx';\n\nimport type {\n\tAdjustHeightPropType,\n\tDisabledPropType,\n\tFocusableElement,\n\tHasCounterPropType,\n\tHideLabelPropType,\n\tHideMsgPropType,\n\tHintPropType,\n\tIconsHorizontalPropType,\n\tInputTypeOnDefault,\n\tLabelWithExpertSlotPropType,\n\tMaxLengthBehaviorPropType,\n\tMsgPropType,\n\tNamePropType,\n\tPlaceholderPropType,\n\tReadOnlyPropType,\n\tRequiredPropType,\n\tRowsPropType,\n\tShortKeyPropType,\n\tSpellCheckPropType,\n\tStringified,\n\tSyncValueBySelectorPropType,\n\tTextareaAPI,\n\tTextareaResizePropType,\n\tTextareaStates,\n\tTooltipAlignPropType,\n} from '../../schema';\n\nimport KolFormFieldStateWrapperFc, { type FormFieldStateWrapperProps } from '../../functional-component-wrappers/FormFieldStateWrapper/FormFieldStateWrapper';\nimport KolInputContainerStateWrapperFc from '../../functional-component-wrappers/InputContainerStateWrapper/InputContainerStateWrapper';\nimport KolTextAreaStateWrapperFc, { type TextAreaStateWrapperProps } from '../../functional-component-wrappers/TextAreaStateWrapper/TextAreaStateWrapper';\nimport { nonce } from '../../utils/dev.utils';\nimport { delegateClick, setClick } from '../../utils/element-click';\nimport { delegateFocus, setFocus } from '../../utils/element-focus';\nimport { TextareaController } from './controller';\n\n/**\n * https://stackoverflow.com/questions/17772260/textarea-auto-height\n */\nconst increaseTextareaHeight = (el: HTMLTextAreaElement): number => {\n\tel.style.overflow = 'hidden'; // verhindert, dass ein Scrollbalken kurz angezeigt wird\n\tconst currentRows = el.rows;\n\tconst rowHeight = el.clientHeight / currentRows;\n\tel.rows = 1;\n\tconst nextRows = Math.round(el.scrollHeight / rowHeight);\n\tel.rows = currentRows;\n\treturn nextRows;\n};\n\n/**\n * The **Textarea** component provides a larger input field for content. Unlike InputText, it also allows extensive content to be entered, including line breaks.\n *\n * @slot - The label of the input field.\n */\n@Component({\n\ttag: 'kol-textarea',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolTextarea implements TextareaAPI, FocusableElement {\n\t@Element() private readonly host?: HTMLKolTextareaElement;\n\tprivate textareaRef?: HTMLTextAreaElement;\n\n\tprivate readonly setTextareaRef = (ref?: HTMLTextAreaElement) => {\n\t\tthis.textareaRef = ref;\n\t};\n\n\t/**\n\t * Returns the current value.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async getValue(): Promise<string | undefined> {\n\t\treturn this.textareaRef?.value;\n\t}\n\n\t/**\n\t * Sets focus on the internal element.\n\t */\n\t@Method()\n\tpublic async focus() {\n\t\treturn delegateFocus(this.host!, () => setFocus(this.textareaRef!));\n\t}\n\n\t/**\n\t * Clicks the primary interactive element inside this component.\n\t */\n\t@Method()\n\tpublic async click(): Promise<void> {\n\t\treturn delegateClick(this.host!, async () => setClick(this.textareaRef!));\n\t}\n\n\tprivate getFormFieldProps(): FormFieldStateWrapperProps {\n\t\treturn {\n\t\t\tstate: this.state,\n\t\t\tclass: clsx('kol-form-field-textarea', {\n\t\t\t\t'kol-form-field--has-value': this.state._hasValue,\n\t\t\t\t'kol-form-field--has-counter': this.controller.hasSoftCharacterLimit() || this.controller.hasCounter(),\n\t\t\t}),\n\t\t\ttooltipAlign: this._tooltipAlign,\n\t\t\talert: this.showAsAlert(),\n\t\t};\n\t}\n\n\tprivate getTextAreaProps(): TextAreaStateWrapperProps {\n\t\tconst ariaDescribedBy = typeof this.state._maxLength === 'number' ? [`${this.state._id}-character-limit-hint`] : undefined; // When a character limit is defined, we provide an additional hint referenced by aria-describedby.\n\n\t\treturn {\n\t\t\tref: this.setTextareaRef,\n\t\t\tstate: this.state,\n\t\t\tstyle: {\n\t\t\t\tresize: this.state._resize,\n\t\t\t},\n\t\t\tariaDescribedBy,\n\t\t\t...this.controller.onFacade,\n\t\t\tonInput: this.onInput,\n\t\t\tonFocus: (event: Event) => {\n\t\t\t\tthis.controller.onFacade.onFocus(event);\n\t\t\t\tthis.inputHasFocus = true;\n\t\t\t},\n\t\t\tonBlur: (event: Event) => {\n\t\t\t\tthis.controller.onFacade.onBlur(event);\n\t\t\t\tthis.inputHasFocus = false;\n\t\t\t},\n\t\t};\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<KolFormFieldStateWrapperFc {...this.getFormFieldProps()}>\n\t\t\t\t<KolInputContainerStateWrapperFc state={this.state}>\n\t\t\t\t\t<KolTextAreaStateWrapperFc {...this.getTextAreaProps()} />\n\t\t\t\t</KolInputContainerStateWrapperFc>\n\t\t\t</KolFormFieldStateWrapperFc>\n\t\t);\n\t}\n\n\tprivate readonly controller: TextareaController;\n\n\t/**\n\t * Defines the key combination that can be used to trigger or focus the component's interactive element.\n\t */\n\t@Prop() public _accessKey?: string;\n\n\t/**\n\t * Adjusts the height of the element to its content.\n\t * @TODO: change back to AdjustHeightPropType after stencil #4663 has been resolved\n\t */\n\t@Prop() public _adjustHeight?: boolean = false;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t * @TODO: Change type back to `DisabledPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Hides the error message but leaves it in the DOM for the input's aria-describedby.\n\t * @TODO: Change type back to `HideMsgPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideMsg?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Defines the hint text.\n\t */\n\t@Prop() public _hint?: string = '';\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: IconsHorizontalPropType;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t */\n\t@Prop() public _label!: LabelWithExpertSlotPropType;\n\n\t/**\n\t * Defines the maximum number of input characters.\n\t */\n\t@Prop() public _maxLength?: number;\n\n\t/**\n\t * Shows a character counter for the input element.\n\t */\n\t@Prop() public _hasCounter?: boolean = false;\n\n\t/**\n\t * Defines the behavior when maxLength is set. 'hard' sets the maxlength attribute, 'soft' shows a character counter without preventing input.\n\t */\n\t@Prop() public _maxLengthBehavior?: MaxLengthBehaviorPropType = 'hard';\n\n\t/**\n\t * Defines the properties for a message rendered as Alert component.\n\t */\n\t@Prop() public _msg?: Stringified<MsgPropType>;\n\n\t/**\n\t * Defines the technical name of an input field.\n\t */\n\t@Prop() public _name?: NamePropType;\n\n\t/**\n\t * Gibt die EventCallback-Funktionen für das Input-Event an.\n\t */\n\t@Prop() public _on?: InputTypeOnDefault;\n\n\t/**\n\t * Defines the placeholder for input field. To be shown when there's no value.\n\t */\n\t@Prop() public _placeholder?: string;\n\n\t/**\n\t * Makes the input element read only.\n\t * @TODO: Change type back to `ReadOnlyPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _readOnly?: boolean = false;\n\n\t/**\n\t * Defines whether and in which direction the size of the input can be changed by the user. (https://developer.mozilla.org/de/docs/Web/CSS/resize)\n\t * In version 3 (v3), horizontal resizing is abolished. The corresponding property is then reduced to the properties `vertical` (default) and `none`.\n\t */\n\t@Prop() public _resize?: TextareaResizePropType = 'vertical';\n\n\t/**\n\t * Makes the input element required.\n\t * @TODO: Change type back to `RequiredPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _required?: boolean = false;\n\n\t/**\n\t * Maximum number of visible rows of the element.\n\t */\n\t@Prop({ mutable: true, reflect: false }) public _rows?: RowsPropType;\n\n\t/**\n\t * Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.\n\t */\n\t@Prop() public _shortKey?: ShortKeyPropType;\n\n\t/**\n\t * Defines whether the browser should check the spelling and grammar.\n\t */\n\t@Prop() public _spellCheck?: SpellCheckPropType;\n\n\t/**\n\t * Selector for synchronizing the value with another input element.\n\t * @internal\n\t */\n\t@Prop() public _syncValueBySelector?: SyncValueBySelectorPropType;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/**\n\t * Shows if the input was touched by a user.\n\t * @TODO: Change type back to `TouchedPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _touched?: boolean = false;\n\n\t/**\n\t * Defines the value of the element.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _value?: string;\n\n\t@State() public state: TextareaStates = {\n\t\t_adjustHeight: false,\n\t\t_currentLength: 0,\n\t\t_currentLengthDebounced: 0,\n\t\t_hasValue: false,\n\t\t_hideMsg: false,\n\t\t_id: `id-${nonce()}`,\n\t\t_label: '', // ⚠ required\n\t\t_resize: 'vertical',\n\t};\n\n\t@State() private inputHasFocus = false;\n\n\tpublic constructor() {\n\t\tthis.controller = new TextareaController(this, 'textarea', this.host);\n\t}\n\n\tprivate showAsAlert(): boolean {\n\t\treturn Boolean(this.state._touched) && !this.inputHasFocus;\n\t}\n\n\t@Watch('_accessKey')\n\tpublic validateAccessKey(value?: string): void {\n\t\tthis.controller.validateAccessKey(value);\n\t}\n\n\t@Watch('_adjustHeight')\n\tpublic validateAdjustHeight(value?: AdjustHeightPropType): void {\n\t\tthis.controller.validateAdjustHeight(value);\n\t}\n\n\t@Watch('_disabled')\n\tpublic validateDisabled(value?: DisabledPropType): void {\n\t\tthis.controller.validateDisabled(value);\n\t}\n\n\t@Watch('_hideMsg')\n\tpublic validateHideMsg(value?: HideMsgPropType): void {\n\t\tthis.controller.validateHideMsg(value);\n\t}\n\n\t@Watch('_hideLabel')\n\tpublic validateHideLabel(value?: HideLabelPropType): void {\n\t\tthis.controller.validateHideLabel(value);\n\t}\n\n\t@Watch('_hasCounter')\n\tpublic validateHasCounter(value?: HasCounterPropType): void {\n\t\tthis.controller.validateHasCounter(value);\n\t}\n\n\t@Watch('_hint')\n\tpublic validateHint(value?: HintPropType): void {\n\t\tthis.controller.validateHint(value);\n\t}\n\n\t@Watch('_icons')\n\tpublic validateIcons(value?: IconsHorizontalPropType): void {\n\t\tthis.controller.validateIcons(value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tthis.controller.validateLabel(value);\n\t}\n\n\t@Watch('_maxLength')\n\tpublic validateMaxLength(value?: number): void {\n\t\tthis.controller.validateMaxLength(value);\n\t}\n\n\t@Watch('_maxLengthBehavior')\n\tpublic validateMaxLengthBehavior(value?: MaxLengthBehaviorPropType): void {\n\t\tthis.controller.validateMaxLengthBehavior(value);\n\t}\n\n\t@Watch('_msg')\n\tpublic validateMsg(value?: Stringified<MsgPropType>): void {\n\t\tthis.controller.validateMsg(value);\n\t}\n\n\t@Watch('_name')\n\tpublic validateName(value?: string): void {\n\t\tthis.controller.validateName(value);\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(value?: InputTypeOnDefault): void {\n\t\tthis.controller.validateOn(value);\n\t}\n\n\t@Watch('_placeholder')\n\tpublic validatePlaceholder(value?: PlaceholderPropType): void {\n\t\tthis.controller.validatePlaceholder(value);\n\t}\n\n\t@Watch('_readOnly')\n\tpublic validateReadOnly(value?: ReadOnlyPropType): void {\n\t\tthis.controller.validateReadOnly(value);\n\t}\n\n\t@Watch('_resize')\n\tpublic validateResize(value?: TextareaResizePropType): void {\n\t\tthis.controller.validateResize(value);\n\t}\n\n\t@Watch('_required')\n\tpublic validateRequired(value?: RequiredPropType): void {\n\t\tthis.controller.validateRequired(value);\n\t}\n\n\t@Watch('_rows')\n\tpublic validateRows(value?: RowsPropType): void {\n\t\tthis.controller.validateRows(value);\n\t}\n\n\t@Watch('_shortKey')\n\tpublic validateShortKey(value?: ShortKeyPropType): void {\n\t\tthis.controller.validateShortKey(value);\n\t}\n\n\t@Watch('_spellCheck')\n\tpublic validateSpellCheck(value?: SpellCheckPropType): void {\n\t\tthis.controller.validateSpellCheck(value);\n\t}\n\n\t@Watch('_syncValueBySelector')\n\tpublic validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void {\n\t\tthis.controller.validateSyncValueBySelector(value);\n\t}\n\n\t@Watch('_touched')\n\tpublic validateTouched(value?: boolean): void {\n\t\tthis.controller.validateTouched(value);\n\t}\n\n\t@Watch('_value')\n\tpublic validateValue(value?: string): void {\n\t\tthis.controller.validateValue(value);\n\t}\n\n\tpublic componentDidLoad(): void {\n\t\tsetTimeout(() => {\n\t\t\tif (this._adjustHeight === true && this.textareaRef /* SSR instanceof HTMLTextAreaElement */) {\n\t\t\t\tthis._rows =\n\t\t\t\t\tthis.state?._rows && this.state._rows > increaseTextareaHeight(this.textareaRef) ? this.state._rows : increaseTextareaHeight(this.textareaRef);\n\t\t\t} else if (!this._rows) {\n\t\t\t\tthis._rows = 1;\n\t\t\t}\n\t\t});\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis._touched = this._touched === true;\n\t\tthis.controller.componentWillLoad();\n\t\tthis.state._hasValue = !!this.state._value;\n\t\tthis.controller.addValueChangeListener((v) => (this.state._hasValue = !!v));\n\t}\n\n\tprivate readonly onInput = (event: InputEvent) => {\n\t\tif (this.textareaRef instanceof HTMLTextAreaElement) {\n\t\t\tthis._value = this.textareaRef.value;\n\t\t\tif (this.state._adjustHeight) {\n\t\t\t\tthis._rows = increaseTextareaHeight(this.textareaRef);\n\t\t\t}\n\t\t\tthis.controller.onFacade.onInput(event);\n\t\t}\n\t};\n}\n"],"names":["KolTextAreaFc","KolFormFieldStateWrapperFc","KolInputContainerStateWrapperFc","KolTextAreaStateWrapperFc"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as n,r as e,g as t}from"./index-t9mjSqi3.js";import{c as i}from"./clsx-COFh-Vc8.js";import{i as o,d as a,g as l,a as s,F as r}from"./FormFieldStateWrapper-BZKfIiSI.js";import{I as d,a as h}from"./controller-icon-SbmKNSTK.js";import{_ as c}from"./tslib.es6-CxX45GIN.js";import{b as f,g as m}from"./common-BIkdAxr0.js";import{n as p}from"./dev.utils-98sTB6ui.js";import{d as u,s as b}from"./element-focus-y2O-Z32P.js";import{a as k,v as y,b as v}from"./max-length-behavior-BfK6OnzA.js";import{v as g}from"./placeholder-D8vH7TM6.js";import{v as w}from"./read-only-C5tWj8H1.js";import{v as _}from"./required-Dt9l4wUg.js";import{v as x}from"./rows-CN7sG0G_.js";import{v as j}from"./spell-check-BcvxI-Fn.js";import"./access-and-short-key-CPX70LXd.js";import"./disabled-BdPI9eda.js";import"./hide-label-ByItyHgV.js";import"./label-Cw7rCjUo.js";import"./tooltip-align-DodV1tEH.js";import"./align-DDUsWnWP.js";import"./events-DHTi_wtD.js";import"./associated.controller-DKliwG01.js";import"./bootstrap-7FNy-lUW.js";import"./component-names-C64MXeC1.js";import"./i18n-B0tfVPMa.js";import"./isObject-BJgq02Md.js";import"./isArray-CcrBs4JM.js";import"./component-CPMwSMOM.js";import"./bem-registry-ClssJ_nC.js";import"./component-N8_W7bhu.js";import"./i18n-DvMeCREp.js";import"./Alert-Yti79ERR.js";import"./Heading-D7bFHALO.js";import"./icons-CmA8Oww0.js";const z=["vertical","none"],B=e=>"string"==typeof e&&z.includes(e),L=(e,n)=>{f(e,"_resize",B,new Set(z),n,{defaultValue:"vertical"})},C=e=>{const{class:t,msg:r,touched:s,readonly:d,disabled:h,required:m,ariaDescribedBy:f,hideLabel:u,label:p}=e,b=c(e,["class","msg","touched","readonly","disabled","required","ariaDescribedBy","hideLabel","label"]),v={"kol-textarea--disabled":Boolean(h),"kol-textarea--required":Boolean(m),"kol-textarea--touched":Boolean(s),"kol-textarea--readonly":Boolean(d),[`kol-textarea--${l(r)}`]:o(r,s)},g=Object.assign(Object.assign({class:i("kol-textarea",v,t),required:m,disabled:h,readonly:d},a({ariaDescribedBy:f,hideLabel:u,label:p})),b);return n("textarea",Object.assign({},g))};function S(e,n){var t;const o=[...s(e).ariaDescribedBy,...null!==(t=n.ariaDescribedBy)&&void 0!==t?t:[]],i=Object.assign(Object.assign({id:e._id,hideLabel:e._hideLabel,label:e._label,value:e._value,accessKey:e._accessKey,disabled:e._disabled,name:e._name,rows:e._rows,readonly:e._readOnly,required:e._required,placeholder:e._placeholder,touched:e._touched,msg:e._msg},n),{ariaDescribedBy:o});return"_maxLength"in e&&"_maxLengthBehavior"in e&&"hard"===e._maxLengthBehavior&&(i.maxLength=e._maxLength),"_shortKey"in e&&(i["aria-keyshortcuts"]=e._shortKey),i}const T=e=>{var{state:t}=e,o=c(e,["state"]);return n(C,Object.assign({},S(t,o)))};class M extends d{constructor(e,n,t){super(e,n,t),this.afterSyncCharCounter=()=>{"string"==typeof this.component._value&&(this.component.state._currentLength=this.component._value.length,this.updateCurrentLengthDebounced(this.component._value.length))},this.component=e}validateHasCounter(e){k(this.component,e)}validateMaxLengthBehavior(e){y(this.component,e)}validateMaxLength(e){v(this.component,e,{hooks:{afterPatch:this.afterSyncCharCounter}})}validatePlaceholder(e){g(this.component,e)}validateReadOnly(e){w(this.component,e)}validateResize(e){L(this.component,e)}validateRequired(e){_(this.component,e)}validateRows(e){x(this.component,e)}validateSpellCheck(e){j(this.component,e)}validateValue(e){m(this.component,"_value",e,{hooks:{afterPatch:this.afterSyncCharCounter}}),this.setFormAssociatedValue(this.component._value)}componentWillLoad(){super.componentWillLoad(),this.validateHasCounter(this.component._hasCounter),this.validateMaxLengthBehavior(this.component._maxLengthBehavior),this.validateMaxLength(this.component._maxLength),this.validatePlaceholder(this.component._placeholder),this.validateReadOnly(this.component._readOnly),this.validateRequired(this.component._required),this.validateResize(this.component._resize),this.validateRows(this.component._rows),this.validateSpellCheck(this.component._spellCheck),this.validateValue(this.component._value)}}const O='@charset "UTF-8";\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1774621104972"); /* IE9*/\n  src: url("kolicons.eot?t=1774621104972#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1774621104972") format("woff2"), url("kolicons.woff?t=1774621104972") format("woff"), url("kolicons.ttf?t=1774621104972") format("truetype"), url("kolicons.svg?t=1774621104972#kolicons") format("svg"); /* iOS 4.1- */\n}\n[class^=kolicon-], [class*=" kolicon-"] {\n  font-family: "kolicons";\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1em;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.kolicon-alert-error::before {\n  content: "\\ea01";\n}\n\n.kolicon-alert-info::before {\n  content: "\\ea02";\n}\n\n.kolicon-alert-success::before {\n  content: "\\ea03";\n}\n\n.kolicon-alert-warning::before {\n  content: "\\ea04";\n}\n\n.kolicon-check::before {\n  content: "\\ea05";\n}\n\n.kolicon-chevron-double-left::before {\n  content: "\\ea06";\n}\n\n.kolicon-chevron-double-right::before {\n  content: "\\ea07";\n}\n\n.kolicon-chevron-down::before {\n  content: "\\ea08";\n}\n\n.kolicon-chevron-left::before {\n  content: "\\ea09";\n}\n\n.kolicon-chevron-right::before {\n  content: "\\ea0a";\n}\n\n.kolicon-chevron-up::before {\n  content: "\\ea0b";\n}\n\n.kolicon-cogwheel::before {\n  content: "\\ea0c";\n}\n\n.kolicon-cross::before {\n  content: "\\ea0d";\n}\n\n.kolicon-eye-closed::before {\n  content: "\\ea0e";\n}\n\n.kolicon-eye::before {\n  content: "\\ea0f";\n}\n\n.kolicon-house::before {\n  content: "\\ea10";\n}\n\n.kolicon-kolibri::before {\n  content: "\\ea11";\n}\n\n.kolicon-link-external::before {\n  content: "\\ea12";\n}\n\n.kolicon-link::before {\n  content: "\\ea13";\n}\n\n.kolicon-minus::before {\n  content: "\\ea14";\n}\n\n.kolicon-plus::before {\n  content: "\\ea15";\n}\n\n.kolicon-settings::before {\n  content: "\\ea16";\n}\n\n.kolicon-sort-asc::before {\n  content: "\\ea17";\n}\n\n.kolicon-sort-desc::before {\n  content: "\\ea18";\n}\n\n.kolicon-sort-neutral::before {\n  content: "\\ea19";\n}\n\n.kolicon-up::before {\n  content: "\\ea1a";\n}\n\n.kolicon-version::before {\n  content: "\\ea1b";\n}\n\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-alert .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-alert :host {\n    display: inline-block;\n  }\n  .kol-alert .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-alert .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-alert .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    display: grid;\n  }\n  .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\n    cursor: pointer;\n  }\n  .kol-form-field__label-text {\n    flex-flow: row;\n    align-items: flex-start;\n    justify-content: flex-start;\n  }\n  .kol-form-field--disabled .kol-form-field__label {\n    opacity: 0.5;\n  }\n  .kol-form-field--required .kol-form-field__label-text:not(:has(> [name]))::after,\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    content: "*"/"";\n  }\n  .kol-form-field--disabled .kol-form-field__hint {\n    opacity: 0.5;\n  }\n  .kol-input-container {\n    background-color: transparent;\n    display: grid;\n    width: 100%;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    grid-template-columns: 1fr;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--start) {\n    grid-template-columns: auto 1fr auto;\n  }\n  .kol-input-container__container {\n    position: relative;\n  }\n  .kol-input-container__adornment {\n    display: flex;\n    align-items: center;\n  }\n  .kol-input-container__adornment .kol-icon {\n    display: grid;\n    min-height: var(--a11y-min-size);\n    place-items: center;\n  }\n  .kol-textarea {\n    width: 100%;\n  }\n  .kol-textarea:focus {\n    outline: none;\n  }\n}',A=e=>{e.style.overflow="hidden";const n=e.rows,t=e.clientHeight/n;e.rows=1;const o=Math.round(e.scrollHeight/t);return e.rows=n,o},H=class{async getValue(){var e;return null===(e=this.textareaRef)||void 0===e?void 0:e.value}async focus(){return u(this.host,()=>b(this.textareaRef))}getFormFieldProps(){return{state:this.state,class:i("kol-form-field-textarea",{"kol-form-field--has-value":this.state._hasValue,"kol-form-field--has-counter":this.controller.hasSoftCharacterLimit()||this.controller.hasCounter()}),tooltipAlign:this._tooltipAlign,alert:this.showAsAlert()}}getTextAreaProps(){const e="number"==typeof this.state._maxLength?[`${this.state._id}-character-limit-hint`]:void 0;return Object.assign(Object.assign({ref:this.setTextareaRef,state:this.state,style:{resize:this.state._resize},ariaDescribedBy:e},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 n(r,Object.assign({key:"cf76c7056434b2006d0b053ff219f1a07621c906"},this.getFormFieldProps()),n(h,{key:"517f400d3546a94e7dd7e85abfe7c3163307942d",state:this.state},n(T,Object.assign({key:"71b934b732fc3bc9274a24b49163cde1c505768e"},this.getTextAreaProps()))))}constructor(n){e(this,n),this.setTextareaRef=e=>{this.textareaRef=e},this._adjustHeight=!1,this._disabled=!1,this._hideMsg=!1,this._hideLabel=!1,this._hint="",this._hasCounter=!1,this._maxLengthBehavior="hard",this._readOnly=!1,this._resize="vertical",this._required=!1,this._tooltipAlign="top",this._touched=!1,this.state={_adjustHeight:!1,_currentLength:0,_currentLengthDebounced:0,_hasValue:!1,_hideMsg:!1,_id:`id-${p()}`,_label:"",_resize:"vertical"},this.inputHasFocus=!1,this.onInput=e=>{this.textareaRef instanceof HTMLTextAreaElement&&(this._value=this.textareaRef.value,this.state._adjustHeight&&(this._rows=A(this.textareaRef)),this.controller.onFacade.onInput(e))},this.controller=new M(this,"textarea",this.host)}showAsAlert(){return Boolean(this.state._touched)&&!this.inputHasFocus}validateAccessKey(e){this.controller.validateAccessKey(e)}validateAdjustHeight(e){this.controller.validateAdjustHeight(e)}validateDisabled(e){this.controller.validateDisabled(e)}validateHideMsg(e){this.controller.validateHideMsg(e)}validateHideLabel(e){this.controller.validateHideLabel(e)}validateHasCounter(e){this.controller.validateHasCounter(e)}validateHint(e){this.controller.validateHint(e)}validateIcons(e){this.controller.validateIcons(e)}validateLabel(e){this.controller.validateLabel(e)}validateMaxLength(e){this.controller.validateMaxLength(e)}validateMaxLengthBehavior(e){this.controller.validateMaxLengthBehavior(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;!0===this._adjustHeight&&this.textareaRef?this._rows=(null===(e=this.state)||void 0===e?void 0:e._rows)&&this.state._rows>A(this.textareaRef)?this.state._rows:A(this.textareaRef):this._rows||(this._rows=1)})}componentWillLoad(){this._touched=!0===this._touched,this.controller.componentWillLoad(),this.state._hasValue=!!this.state._value,this.controller.addValueChangeListener(e=>this.state._hasValue=!!e)}get host(){return t(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_adjustHeight:["validateAdjustHeight"],_disabled:["validateDisabled"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hasCounter:["validateHasCounter"],_hint:["validateHint"],_icons:["validateIcons"],_label:["validateLabel"],_maxLength:["validateMaxLength"],_maxLengthBehavior:["validateMaxLengthBehavior"],_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"]}}};H.style={default:O};export{H as kol_textarea};
+import{h as e,r as n,g as t}from"./index-C8rYknb2.js";import{c as i}from"./clsx-COFh-Vc8.js";import{i as o,c as a,g as l,a as s,F as r}from"./FormFieldStateWrapper-DbT_eu6O.js";import{I as h,a as c}from"./controller-icon-DB6DYeGY.js";import{_ as d}from"./tslib.es6-CxX45GIN.js";import{b as f,g as m}from"./common-BqV6Zb30.js";import{n as p}from"./dev.utils-CKaUZiiF.js";import{d as u,s as b}from"./element-click-BTxuJDNT.js";import{d as k,s as y}from"./element-focus-BKUtVrWY.js";import{a as v,v as g,b as _}from"./max-length-behavior-DMw3rhwa.js";import{v as w}from"./placeholder-BuBUMNhW.js";import{v as x}from"./read-only-DnkXqxgk.js";import{v as j}from"./required-C9Xj8kw2.js";import{v as z}from"./rows-lThApm3P.js";import{v as B}from"./spell-check-Y1ApnP_M.js";import"./access-and-short-key-D2TiPdWw.js";import"./disabled-BBn2JEzf.js";import"./hide-label-DQL9J6E_.js";import"./label-vxVEH2gH.js";import"./tooltip-align-DnbCY1Uu.js";import"./align-D3Z54kEL.js";import"./events-DHTi_wtD.js";import"./associated.controller-BKQIR17-.js";import"./bootstrap-CbPXNlVt.js";import"./component-names-Dy77vq43.js";import"./i18n-B2d_exHc.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";import"./variant-quote-CHD0qMkY.js";import"./normalizers-DnkJhVYZ.js";import"./component-ghWELfa6.js";import"./component-D5yPWlmy.js";import"./bem-registry-Bux_TllX.js";import"./component-C5-fCuhA.js";import"./controller-BhIDd4zH.js";import"./align-floating-elements-58sFZOrL.js";import"./tooltip-open-tracking-D3tCiiGP.js";import"./label-BEOW9ltS.js";import"./base-controller-CXhqh4cR.js";import"./i18n-BVaUp6qp.js";import"./Alert-Dwi0SIbu.js";import"./Heading-hNm0EJy2.js";import"./icons-CqQ9plmY.js";const L=["vertical","none"],D=e=>"string"==typeof e&&L.includes(e),T=(e,n)=>{f(e,"_resize",D,new Set(L),n,{defaultValue:"vertical"})},C=n=>{const{class:t,msg:r,touched:s,readonly:c,disabled:h,required:m,ariaDescribedBy:p,hideLabel:f,label:u}=n,b=d(n,["class","msg","touched","readonly","disabled","required","ariaDescribedBy","hideLabel","label"]),v={"kol-textarea--disabled":Boolean(h),"kol-textarea--required":Boolean(m),"kol-textarea--touched":Boolean(s),"kol-textarea--readonly":Boolean(c),[`kol-textarea--${l(r)}`]:o(r,s)},g=Object.assign(Object.assign({class:i("kol-textarea",v,t),required:m,disabled:h,readonly:c},a({ariaDescribedBy:p,hideLabel:f,label:u})),b);return e("textarea",Object.assign({},g))};function q(e,n){var t;const o=[...s(e).ariaDescribedBy,...null!==(t=n.ariaDescribedBy)&&void 0!==t?t:[]],i=Object.assign(Object.assign({id:e._id,hideLabel:e._hideLabel,label:e._label,value:e._value,accessKey:e._accessKey,disabled:e._disabled,name:e._name,rows:e._rows,readonly:e._readOnly,required:e._required,placeholder:e._placeholder,touched:e._touched,msg:e._msg},n),{ariaDescribedBy:o});return"_maxLength"in e&&"_maxLengthBehavior"in e&&"hard"===e._maxLengthBehavior&&(i.maxLength=e._maxLength),"_shortKey"in e&&(i["aria-keyshortcuts"]=e._shortKey),i}const S=n=>{var{state:t}=n,o=d(n,["state"]);return e(C,Object.assign({},q(t,o)))};class A extends h{constructor(e,n,t){super(e,n,t),this.afterSyncCharCounter=()=>{"string"==typeof this.component._value&&(this.component.state._currentLength=this.component._value.length,this.updateCurrentLengthDebounced(this.component._value.length))},this.component=e}validateHasCounter(e){v(this.component,e)}validateMaxLengthBehavior(e){g(this.component,e)}validateMaxLength(e){_(this.component,e,{hooks:{afterPatch:this.afterSyncCharCounter}})}validatePlaceholder(e){w(this.component,e)}validateReadOnly(e){x(this.component,e)}validateResize(e){T(this.component,e)}validateRequired(e){j(this.component,e)}validateRows(e){z(this.component,e)}validateSpellCheck(e){B(this.component,e)}validateValue(e){m(this.component,"_value",e,{hooks:{afterPatch:this.afterSyncCharCounter}}),this.setFormAssociatedValue(this.component._value)}componentWillLoad(){super.componentWillLoad(),this.validateHasCounter(this.component._hasCounter),this.validateMaxLengthBehavior(this.component._maxLengthBehavior),this.validateMaxLength(this.component._maxLength),this.validatePlaceholder(this.component._placeholder),this.validateReadOnly(this.component._readOnly),this.validateRequired(this.component._required),this.validateResize(this.component._resize),this.validateRows(this.component._rows),this.validateSpellCheck(this.component._spellCheck),this.validateValue(this.component._value)}}const H='@charset "UTF-8";\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1775118370120"); /* IE9*/\n  src: url("kolicons.eot?t=1775118370120#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1775118370120") format("woff2"), url("kolicons.woff?t=1775118370120") format("woff"), url("kolicons.ttf?t=1775118370120") format("truetype"), url("kolicons.svg?t=1775118370120#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-alert .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-alert :host {\n    display: inline-block;\n  }\n  .kol-alert .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-alert .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-alert .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    display: grid;\n  }\n  .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\n    cursor: pointer;\n  }\n  .kol-form-field__label-text {\n    flex-flow: row;\n    align-items: flex-start;\n    justify-content: flex-start;\n  }\n  .kol-form-field--disabled .kol-form-field__label {\n    opacity: 0.5;\n  }\n  .kol-form-field--required .kol-form-field__label-text:not(:has(> [name]))::after,\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    content: "*"/"";\n  }\n  .kol-form-field--disabled .kol-form-field__hint {\n    opacity: 0.5;\n  }\n  .kol-input-container {\n    background-color: transparent;\n    display: grid;\n    width: 100%;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    grid-template-columns: 1fr;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--start) {\n    grid-template-columns: auto 1fr auto;\n  }\n  .kol-input-container__container {\n    position: relative;\n  }\n  .kol-input-container__adornment {\n    display: flex;\n    align-items: center;\n  }\n  .kol-input-container__adornment .kol-icon {\n    display: grid;\n    min-height: var(--a11y-min-size);\n    place-items: center;\n  }\n  .kol-textarea {\n    width: 100%;\n  }\n  .kol-textarea:focus {\n    outline: none;\n  }\n}',O=e=>{e.style.overflow="hidden";const n=e.rows,t=e.clientHeight/n;e.rows=1;const o=Math.round(e.scrollHeight/t);return e.rows=n,o},M=class{async getValue(){var e;return null===(e=this.textareaRef)||void 0===e?void 0:e.value}async focus(){return k(this.host,()=>y(this.textareaRef))}async click(){return u(this.host,async()=>b(this.textareaRef))}getFormFieldProps(){return{state:this.state,class:i("kol-form-field-textarea",{"kol-form-field--has-value":this.state._hasValue,"kol-form-field--has-counter":this.controller.hasSoftCharacterLimit()||this.controller.hasCounter()}),tooltipAlign:this._tooltipAlign,alert:this.showAsAlert()}}getTextAreaProps(){const e="number"==typeof this.state._maxLength?[`${this.state._id}-character-limit-hint`]:void 0;return Object.assign(Object.assign({ref:this.setTextareaRef,state:this.state,style:{resize:this.state._resize},ariaDescribedBy:e},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 e(r,Object.assign({key:"c5d6274603a8eb8f181a1fa740c922aa6979ff45"},this.getFormFieldProps()),e(c,{key:"427fec5fde0c9a6757da521ad6ab1fe4c408d2b9",state:this.state},e(S,Object.assign({key:"96be1d2f6d44bbece662a5c79aeaa03ece0c5232"},this.getTextAreaProps()))))}constructor(e){n(this,e),this.setTextareaRef=e=>{this.textareaRef=e},this._adjustHeight=!1,this._disabled=!1,this._hideMsg=!1,this._hideLabel=!1,this._hint="",this._hasCounter=!1,this._maxLengthBehavior="hard",this._readOnly=!1,this._resize="vertical",this._required=!1,this._tooltipAlign="top",this._touched=!1,this.state={_adjustHeight:!1,_currentLength:0,_currentLengthDebounced:0,_hasValue:!1,_hideMsg:!1,_id:`id-${p()}`,_label:"",_resize:"vertical"},this.inputHasFocus=!1,this.onInput=e=>{this.textareaRef instanceof HTMLTextAreaElement&&(this._value=this.textareaRef.value,this.state._adjustHeight&&(this._rows=O(this.textareaRef)),this.controller.onFacade.onInput(e))},this.controller=new A(this,"textarea",this.host)}showAsAlert(){return Boolean(this.state._touched)&&!this.inputHasFocus}validateAccessKey(e){this.controller.validateAccessKey(e)}validateAdjustHeight(e){this.controller.validateAdjustHeight(e)}validateDisabled(e){this.controller.validateDisabled(e)}validateHideMsg(e){this.controller.validateHideMsg(e)}validateHideLabel(e){this.controller.validateHideLabel(e)}validateHasCounter(e){this.controller.validateHasCounter(e)}validateHint(e){this.controller.validateHint(e)}validateIcons(e){this.controller.validateIcons(e)}validateLabel(e){this.controller.validateLabel(e)}validateMaxLength(e){this.controller.validateMaxLength(e)}validateMaxLengthBehavior(e){this.controller.validateMaxLengthBehavior(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;!0===this._adjustHeight&&this.textareaRef?this._rows=(null===(e=this.state)||void 0===e?void 0:e._rows)&&this.state._rows>O(this.textareaRef)?this.state._rows:O(this.textareaRef):this._rows||(this._rows=1)})}componentWillLoad(){this._touched=!0===this._touched,this.controller.componentWillLoad(),this.state._hasValue=!!this.state._value,this.controller.addValueChangeListener(e=>this.state._hasValue=!!e)}get host(){return t(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_adjustHeight:["validateAdjustHeight"],_disabled:["validateDisabled"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hasCounter:["validateHasCounter"],_hint:["validateHint"],_icons:["validateIcons"],_label:["validateLabel"],_maxLength:["validateMaxLength"],_maxLengthBehavior:["validateMaxLengthBehavior"],_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"]}}};M.style={default:H};export{M as kol_textarea};

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

@@ -1 +1 @@
-{"version":3,"names":["h","registerInstance","getElement","clsx","isMsgDefinedAndInputTouched","getDefaultProps","getMsgType","getRenderStates","FormFieldStateWrapper","InputIconController","InputContainerStateWrapperFc","__rest","watchValidator","watchString","nonce","delegateFocus","setFocus","validateHasCounter","validateMaxLengthBehavior","validateMaxLength","validatePlaceholder","validateReadOnly","validateRequired","validateRows","validateSpellCheck","textareaResizeOptions","isTextareaResizePropType","value","includes","validateResizeTextarea","component","Set","defaultValue","TextAreaFc","props","class","classNames","msg","touched","readonly","disabled","required","ariaDescribedBy","hideLabel","label","other","stateCssClasses","Boolean","inputProps","Object","assign","getTextAreaProps","state","_a","renderStates","id","_id","_hideLabel","_label","_value","accessKey","_accessKey","_disabled","name","_name","rows","_rows","_readOnly","_required","placeholder","_placeholder","_touched","_msg","_maxLengthBehavior","maxLength","_maxLength","_shortKey","TextAreaStateWrapper","TextareaController","constructor","host","super","this","afterSyncCharCounter","_currentLength","length","updateCurrentLengthDebounced","hooks","afterPatch","validateResize","validateValue","setFormAssociatedValue","componentWillLoad","_hasCounter","_resize","_spellCheck","defaultStyleCss","increaseTextareaHeight","el","style","overflow","currentRows","rowHeight","clientHeight","nextRows","Math","round","scrollHeight","KolTextarea","getValue","textareaRef","focus","getFormFieldProps","_hasValue","controller","hasSoftCharacterLimit","hasCounter","tooltipAlign","_tooltipAlign","alert","showAsAlert","undefined","ref","setTextareaRef","resize","onFacade","onInput","onFocus","event","inputHasFocus","onBlur","render","key","hostRef","_adjustHeight","_hideMsg","_hint","_currentLengthDebounced","HTMLTextAreaElement","validateAccessKey","validateAdjustHeight","validateDisabled","validateHideMsg","validateHideLabel","validateHint","validateIcons","validateLabel","validateMsg","validateName","validateOn","validateShortKey","validateSyncValueBySelector","validateTouched","componentDidLoad","setTimeout","addValueChangeListener","v","watchers","_icons","_on","_syncValueBySelector","default"],"sources":["0"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["h","registerInstance","getElement","clsx","isMsgDefinedAndInputTouched","getDefaultProps","getMsgType","getRenderStates","FormFieldStateWrapper","InputIconController","InputContainerStateWrapperFc","__rest","watchValidator","watchString","nonce","delegateClick","setClick","delegateFocus","setFocus","validateHasCounter","validateMaxLengthBehavior","validateMaxLength","validatePlaceholder","validateReadOnly","validateRequired","validateRows","validateSpellCheck","textareaResizeOptions","isTextareaResizePropType","value","includes","validateResizeTextarea","component","Set","defaultValue","TextAreaFc","props","class","classNames","msg","touched","readonly","disabled","required","ariaDescribedBy","hideLabel","label","other","stateCssClasses","Boolean","inputProps","Object","assign","getTextAreaProps","state","_a","renderStates","id","_id","_hideLabel","_label","_value","accessKey","_accessKey","_disabled","name","_name","rows","_rows","_readOnly","_required","placeholder","_placeholder","_touched","_msg","_maxLengthBehavior","maxLength","_maxLength","_shortKey","TextAreaStateWrapper","TextareaController","constructor","host","super","this","afterSyncCharCounter","_currentLength","length","updateCurrentLengthDebounced","hooks","afterPatch","validateResize","validateValue","setFormAssociatedValue","componentWillLoad","_hasCounter","_resize","_spellCheck","defaultStyleCss","increaseTextareaHeight","el","style","overflow","currentRows","rowHeight","clientHeight","nextRows","Math","round","scrollHeight","KolTextarea","getValue","textareaRef","focus","click","async","getFormFieldProps","_hasValue","controller","hasSoftCharacterLimit","hasCounter","tooltipAlign","_tooltipAlign","alert","showAsAlert","undefined","ref","setTextareaRef","resize","onFacade","onInput","onFocus","event","inputHasFocus","onBlur","render","key","hostRef","_adjustHeight","_hideMsg","_hint","_currentLengthDebounced","HTMLTextAreaElement","validateAccessKey","validateAdjustHeight","validateDisabled","validateHideMsg","validateHideLabel","validateHint","validateIcons","validateLabel","validateMsg","validateName","validateOn","validateShortKey","validateSyncValueBySelector","validateTouched","componentDidLoad","setTimeout","addValueChangeListener","v","watchers","_icons","_on","_syncValueBySelector","default"],"sources":["0"],"mappings":"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","ignoreList":[]}

package/dist/kolibri/kol-toast-container.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"kol-toast-container.entry.esm.js","sources":["src/functional-components/ToastItem/ToastItem.tsx","src/components/toaster/style.scss?tag=kol-toast-container&mode=default&encapsulation=shadow","src/components/toaster/shadow.tsx"],"sourcesContent":["import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport { type Toast } from '../../schema';\n\nimport clsx from '../../utils/clsx';\nimport KolAlertFc from '../Alert';\n\ntype ToastItemProps = JSXBase.HTMLAttributes<HTMLDivElement> & {\n\tstatus: 'adding' | 'settled' | 'removing';\n\ttoast: Toast;\n\tonClose: () => void;\n};\n\nconst ToastItemFc: FC<ToastItemProps> = ({ status, toast, onClose, ...other }) => {\n\tconst { type, label, description, variant } = toast;\n\n\treturn (\n\t\t<div class={clsx('kol-toast-item', `kol-toast-item--${status}`)}>\n\t\t\t<KolAlertFc\n\t\t\t\tclass=\"kol-toast-item__alert\"\n\t\t\t\talert={true}\n\t\t\t\tlabel={label}\n\t\t\t\tlevel={0}\n\t\t\t\thasCloser={true}\n\t\t\t\ttype={type}\n\t\t\t\tvariant={variant || 'card'}\n\t\t\t\tonCloserClick={onClose}\n\t\t\t>\n\t\t\t\t<div {...other}>{description}</div>\n\t\t\t</KolAlertFc>\n\t\t</div>\n\t);\n};\n\nexport default ToastItemFc;\n","@use '../@shared/global' as *;\n@use '../@shared/alert.mixin' as *;\n@use '../@shared/mixins' as *;\n\n@layer kol-component {\n\t@include kol-alert;\n\n\t:host {\n\t\tdisplay: flex;\n\t\tposition: fixed;\n\t\tz-index: 200;\n\t\tmax-width: 90vw;\n\t\tflex-direction: column;\n\t}\n\n\t.kol-toast-container {\n\t\t&__close-all {\n\t\t\talign-self: flex-end;\n\t\t}\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, h, Host, Method, State } from '@stencil/core';\n\nimport { translate } from '../../i18n';\nimport { nonce } from '../../utils/dev.utils';\n\nimport { KolButtonTag } from '../../core/component-names';\nimport { KolToastItemFc } from '../../functional-components';\nimport type { Toast, ToasterAPI, ToasterStates, ToastRenderFunction, ToastState } from '../../schema';\n\nconst TRANSITION_TIMEOUT = 300;\n\n/**\n * @deprecated Will be removed in the next major version. For more information, please refer to: https://github.com/public-ui/kolibri/issues/8372\n * @internal\n */\n@Component({\n\ttag: 'kol-toast-container',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolToastContainer implements ToasterAPI {\n\t@State() public state: ToasterStates = {\n\t\t_toastStates: [],\n\t};\n\n\tprivate readonly translateToastCloseAll = translate('kol-toast-close-all');\n\n\t/* Keep track of render functions, so we call each only once. */\n\tprivate knownRenderFunctions = new Set<ToastRenderFunction>();\n\n\t// Stencil requires async function:\n\t/**\n\t * Adds a toast to the queue.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async enqueue(toast: Toast) {\n\t\tconst newToastState: ToastState = {\n\t\t\ttoast: {\n\t\t\t\t...toast,\n\t\t\t\tvariant: 'card',\n\t\t\t},\n\t\t\tstatus: 'adding',\n\t\t\tid: `toast-${nonce()}`,\n\t\t};\n\t\tthis.state = {\n\t\t\t...this.state,\n\t\t\t_toastStates: [newToastState, ...this.state._toastStates],\n\t\t};\n\n\t\tsetTimeout(() => {\n\t\t\tthis.state = {\n\t\t\t\t...this.state,\n\t\t\t\t_toastStates: this.state._toastStates.map((localToastState) =>\n\t\t\t\t\tlocalToastState.id === newToastState.id && localToastState.status !== 'removing'\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t...localToastState,\n\t\t\t\t\t\t\t\tstatus: 'settled',\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t: localToastState,\n\t\t\t\t),\n\t\t\t};\n\t\t}, TRANSITION_TIMEOUT);\n\n\t\treturn () => {\n\t\t\tthis.handleClose(newToastState);\n\t\t};\n\t}\n\n\tprivate handleClose(toastState: ToastState) {\n\t\tthis.state = {\n\t\t\t...this.state,\n\t\t\t_toastStates: this.state._toastStates.map((localToastState) => {\n\t\t\t\tif (localToastState.id === toastState.id) {\n\t\t\t\t\tlocalToastState.status = 'removing';\n\t\t\t\t}\n\t\t\t\treturn localToastState;\n\t\t\t}),\n\t\t};\n\n\t\tsetTimeout(() => {\n\t\t\tthis.state = {\n\t\t\t\t...this.state,\n\t\t\t\t_toastStates: this.state._toastStates.filter((localToastState) => localToastState.id !== toastState.id),\n\t\t\t};\n\t\t\ttoastState.toast.onClose?.();\n\t\t}, TRANSITION_TIMEOUT);\n\t}\n\n\t/**\n\t * Closes all toasts.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async closeAll(immediate: boolean = false) {\n\t\tif (immediate) {\n\t\t\tthis.state = {\n\t\t\t\t...this.state,\n\t\t\t\t_toastStates: [],\n\t\t\t};\n\t\t} else {\n\t\t\tconst toastsToClose = [...this.state._toastStates]; // Create a snapshot of the open toasts at the time closeAll has been called\n\n\t\t\tthis.state = {\n\t\t\t\t...this.state,\n\t\t\t\t_toastStates: toastsToClose.map((localToastState) => ({\n\t\t\t\t\t...localToastState,\n\t\t\t\t\tstatus: 'removing',\n\t\t\t\t})),\n\t\t\t};\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.state = {\n\t\t\t\t\t...this.state,\n\t\t\t\t\t_toastStates: this.state._toastStates.filter((toastState) => toastsToClose.every((toastToClose) => toastToClose.id !== toastState.id)),\n\t\t\t\t};\n\t\t\t\ttoastsToClose.forEach((toastState) => {\n\t\t\t\t\ttoastState.toast.onClose?.();\n\t\t\t\t});\n\t\t\t}, TRANSITION_TIMEOUT);\n\t\t}\n\t}\n\n\tprivate handleToastRef(toastState: ToastState, element?: HTMLDivElement) {\n\t\tif (element && typeof toastState.toast.render === 'function' && !this.knownRenderFunctions.has(toastState.toast.render)) {\n\t\t\tthis.knownRenderFunctions.add(toastState.toast.render);\n\t\t\ttoastState.toast.render(element, { close: () => this.handleClose(toastState) });\n\t\t}\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-toast-container\">\n\t\t\t\t{this.state._toastStates.length > 1 && (\n\t\t\t\t\t<KolButtonTag\n\t\t\t\t\t\t_label={this.translateToastCloseAll}\n\t\t\t\t\t\tclass=\"kol-toast-container__button-close-all\"\n\t\t\t\t\t\t_on={{\n\t\t\t\t\t\t\tonClick: () => {\n\t\t\t\t\t\t\t\tvoid this.closeAll();\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}}\n\t\t\t\t\t></KolButtonTag>\n\t\t\t\t)}\n\t\t\t\t{this.state._toastStates.map((toastState) => (\n\t\t\t\t\t<KolToastItemFc\n\t\t\t\t\t\tkey={toastState.id}\n\t\t\t\t\t\tonClose={() => this.handleClose(toastState)}\n\t\t\t\t\t\tref={(element?: HTMLDivElement) => this.handleToastRef(toastState, element)}\n\t\t\t\t\t\ttoast={toastState.toast}\n\t\t\t\t\t\tstatus={toastState.status}\n\t\t\t\t\t/>\n\t\t\t\t))}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"names":["KolToastItemFc"],"mappings":"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"}
+{"version":3,"file":"kol-toast-container.entry.esm.js","sources":["src/functional-components/ToastItem/ToastItem.tsx","src/components/toaster/style.scss?tag=kol-toast-container&mode=default&encapsulation=shadow","src/components/toaster/shadow.tsx"],"sourcesContent":["import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport { type Toast } from '../../schema';\n\nimport clsx from '../../utils/clsx';\nimport KolAlertFc from '../Alert';\n\ntype ToastItemProps = JSXBase.HTMLAttributes<HTMLDivElement> & {\n\tstatus: 'adding' | 'settled' | 'removing';\n\ttoast: Toast;\n\tonClose: () => void;\n};\n\nconst ToastItemFc: FC<ToastItemProps> = ({ status, toast, onClose, ...other }) => {\n\tconst { type, label, description, variant } = toast;\n\n\treturn (\n\t\t<div class={clsx('kol-toast-item', `kol-toast-item--${status}`)}>\n\t\t\t<KolAlertFc\n\t\t\t\tclass=\"kol-toast-item__alert\"\n\t\t\t\talert={true}\n\t\t\t\tlabel={label}\n\t\t\t\tlevel={0}\n\t\t\t\thasCloser={true}\n\t\t\t\ttype={type}\n\t\t\t\tvariant={variant || 'card'}\n\t\t\t\tonCloserClick={onClose}\n\t\t\t>\n\t\t\t\t<div {...other}>{description}</div>\n\t\t\t</KolAlertFc>\n\t\t</div>\n\t);\n};\n\nexport default ToastItemFc;\n","@use '../@shared/global' as *;\n@use '../@shared/alert.mixin' as *;\n@use '../@shared/mixins' as *;\n\n@layer kol-component {\n\t@include kol-alert;\n\n\t:host {\n\t\tdisplay: flex;\n\t\tposition: fixed;\n\t\tz-index: 200;\n\t\tmax-width: 90vw;\n\t\tflex-direction: column;\n\t}\n\n\t.kol-toast-container {\n\t\t&__close-all {\n\t\t\talign-self: flex-end;\n\t\t}\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, h, Host, Method, State } from '@stencil/core';\n\nimport { translate } from '../../i18n';\nimport { nonce } from '../../utils/dev.utils';\n\nimport { KolButtonTag } from '../../core/component-names';\nimport { KolToastItemFc } from '../../functional-components';\nimport type { Toast, ToasterAPI, ToasterStates, ToastRenderFunction, ToastState } from '../../schema';\n\nconst TRANSITION_TIMEOUT = 300;\n\n/**\n * @deprecated Will be removed in the next major version. For more information, please refer to: https://github.com/public-ui/kolibri/issues/8372\n * @internal\n */\n@Component({\n\ttag: 'kol-toast-container',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolToastContainer implements ToasterAPI {\n\t@State() public state: ToasterStates = {\n\t\t_toastStates: [],\n\t};\n\n\tprivate readonly translateToastCloseAll = translate('kol-toast-close-all');\n\n\t/* Keep track of render functions, so we call each only once. */\n\tprivate knownRenderFunctions = new Set<ToastRenderFunction>();\n\n\t// Stencil requires async function:\n\t/**\n\t * Adds a toast to the queue.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async enqueue(toast: Toast) {\n\t\tconst newToastState: ToastState = {\n\t\t\ttoast: {\n\t\t\t\t...toast,\n\t\t\t\tvariant: 'card',\n\t\t\t},\n\t\t\tstatus: 'adding',\n\t\t\tid: `toast-${nonce()}`,\n\t\t};\n\t\tthis.state = {\n\t\t\t...this.state,\n\t\t\t_toastStates: [newToastState, ...this.state._toastStates],\n\t\t};\n\n\t\tsetTimeout(() => {\n\t\t\tthis.state = {\n\t\t\t\t...this.state,\n\t\t\t\t_toastStates: this.state._toastStates.map((localToastState) =>\n\t\t\t\t\tlocalToastState.id === newToastState.id && localToastState.status !== 'removing'\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t...localToastState,\n\t\t\t\t\t\t\t\tstatus: 'settled',\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t: localToastState,\n\t\t\t\t),\n\t\t\t};\n\t\t}, TRANSITION_TIMEOUT);\n\n\t\treturn () => {\n\t\t\tthis.handleClose(newToastState);\n\t\t};\n\t}\n\n\tprivate handleClose(toastState: ToastState) {\n\t\tthis.state = {\n\t\t\t...this.state,\n\t\t\t_toastStates: this.state._toastStates.map((localToastState) => {\n\t\t\t\tif (localToastState.id === toastState.id) {\n\t\t\t\t\tlocalToastState.status = 'removing';\n\t\t\t\t}\n\t\t\t\treturn localToastState;\n\t\t\t}),\n\t\t};\n\n\t\tsetTimeout(() => {\n\t\t\tthis.state = {\n\t\t\t\t...this.state,\n\t\t\t\t_toastStates: this.state._toastStates.filter((localToastState) => localToastState.id !== toastState.id),\n\t\t\t};\n\t\t\ttoastState.toast.onClose?.();\n\t\t}, TRANSITION_TIMEOUT);\n\t}\n\n\t/**\n\t * Closes all toasts.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async closeAll(immediate: boolean = false) {\n\t\tif (immediate) {\n\t\t\tthis.state = {\n\t\t\t\t...this.state,\n\t\t\t\t_toastStates: [],\n\t\t\t};\n\t\t} else {\n\t\t\tconst toastsToClose = [...this.state._toastStates]; // Create a snapshot of the open toasts at the time closeAll has been called\n\n\t\t\tthis.state = {\n\t\t\t\t...this.state,\n\t\t\t\t_toastStates: toastsToClose.map((localToastState) => ({\n\t\t\t\t\t...localToastState,\n\t\t\t\t\tstatus: 'removing',\n\t\t\t\t})),\n\t\t\t};\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.state = {\n\t\t\t\t\t...this.state,\n\t\t\t\t\t_toastStates: this.state._toastStates.filter((toastState) => toastsToClose.every((toastToClose) => toastToClose.id !== toastState.id)),\n\t\t\t\t};\n\t\t\t\ttoastsToClose.forEach((toastState) => {\n\t\t\t\t\ttoastState.toast.onClose?.();\n\t\t\t\t});\n\t\t\t}, TRANSITION_TIMEOUT);\n\t\t}\n\t}\n\n\tprivate handleToastRef(toastState: ToastState, element?: HTMLDivElement) {\n\t\tif (element && typeof toastState.toast.render === 'function' && !this.knownRenderFunctions.has(toastState.toast.render)) {\n\t\t\tthis.knownRenderFunctions.add(toastState.toast.render);\n\t\t\ttoastState.toast.render(element, { close: () => this.handleClose(toastState) });\n\t\t}\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-toast-container\">\n\t\t\t\t{this.state._toastStates.length > 1 && (\n\t\t\t\t\t<KolButtonTag\n\t\t\t\t\t\t_label={this.translateToastCloseAll}\n\t\t\t\t\t\tclass=\"kol-toast-container__button-close-all\"\n\t\t\t\t\t\t_on={{\n\t\t\t\t\t\t\tonClick: () => {\n\t\t\t\t\t\t\t\tvoid this.closeAll();\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}}\n\t\t\t\t\t></KolButtonTag>\n\t\t\t\t)}\n\t\t\t\t{this.state._toastStates.map((toastState) => (\n\t\t\t\t\t<KolToastItemFc\n\t\t\t\t\t\tkey={toastState.id}\n\t\t\t\t\t\tonClose={() => this.handleClose(toastState)}\n\t\t\t\t\t\tref={(element?: HTMLDivElement) => this.handleToastRef(toastState, element)}\n\t\t\t\t\t\ttoast={toastState.toast}\n\t\t\t\t\t\tstatus={toastState.status}\n\t\t\t\t\t/>\n\t\t\t\t))}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"names":["KolToastItemFc"],"mappings":"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"}