@public-ui/sample-react 2.2.19-rc.0 → 2.2.19

package/dist/assets/{kol-textarea.entry-G1yx_Hw1.js → kol-textarea.entry-42IV0JYf.js}

@@ -1,4 +1,4 @@
-import{v as u,h as a,x as p,F as f,y as s,H as m,r as v,s as h,a3 as _,m as y,B as b,t as l,q as r,w as g}from"./index-CuVaZDbz.js";import{n as w}from"./dev.utils-47c3024f-C4J3ELKO.js";import{g as x}from"./controller-628ce6cc-C5c1kvSZ.js";import{I as k}from"./InternalUnderlinedBadgeText-64832a6c-Bh8ThDSf.js";import{I as L}from"./controller-icon-2d458d9b-cwJyI47P.js";import{d as z,v as C}from"./debounce-99d34c2d-CbbQSLjw.js";import{v as S}from"./rows-8ed50d64-ivJLXyrp.js";import{v as R}from"./spell-check-82b14d35-BFSM_uEg.js";import"./events-29e84d75-CETYymUM.js";import"./associated.controller-d302adf7-IWbmVqUN.js";import"./access-and-short-key-914780a7-DpB6vjpI.js";import"./hide-label-0d754c8e-Cwb07x68.js";import"./label-7d1ce375-BtKh8zOM.js";import"./tooltip-align-6964dd71-ioB4e8kB.js";import"./align-f3101425-pxLvIy2b.js";import"./icons-adcda9b0-ixCq6Ftq.js";const d=["both","horizontal","vertical","none"];class H extends L{constructor(t,n,i){super(t,n,i),this.afterSyncCharCounter=()=>{typeof this.component._value=="string"&&(this.component.state._currentLength=this.component._value.length,this.component.state._currentLengthDebounced=this.component._value.length)},this.updateCurrentLengthDebounced=z(c=>{h(this.component,"_currentLengthDebounced",c)},500),this.component=t}validateHasCounter(t){C(this.component,t,{hooks:{afterPatch:this.afterSyncCharCounter}})}validateMaxLength(t){b(this.component,"_maxLength",t,{hooks:{afterPatch:this.afterSyncCharCounter},min:0})}validatePlaceholder(t){l(this.component,"_placeholder",t)}validateReadOnly(t){r(this.component,"_readOnly",t)}validateResize(t){g(this.component,"_resize",n=>typeof n=="string"&&d.includes(n),new Set(`String {${d.join(", ")}`),t)}validateRequired(t){r(this.component,"_required",t)}validateRows(t){S(this.component,t)}validateSpellCheck(t){R(this.component,t)}validateValue(t){l(this.component,"_value",t,{hooks:{afterPatch:this.afterSyncCharCounter}}),this.setFormAssociatedValue(this.component._value)}componentWillLoad(){super.componentWillLoad(),this.validateHasCounter(this.component._hasCounter),this.validateMaxLength(this.component._maxLength),this.validatePlaceholder(this.component._placeholder),this.validateReadOnly(this.component._readOnly),this.validateResize(this.component._resize),this.validateRequired(this.component._required),this.validateRows(this.component._rows),this.validateSpellCheck(this.component._spellCheck),this.validateValue(this.component._value)}}const T=`/*
+import{v as u,h as a,x as p,F as m,y as s,H as f,r as v,s as h,a3 as _,m as y,B as b,t as l,q as r,w as g}from"./index-BnWQwThm.js";import{n as w}from"./dev.utils-49eee6de-r4sFKo2j.js";import{g as x}from"./controller-a9871d80-sbqPhWaY.js";import{I as k}from"./InternalUnderlinedBadgeText-9f73fba4-Cmzp0bd5.js";import{I as L}from"./controller-icon-c319fa44-BJ0EfvQG.js";import{d as z,v as C}from"./debounce-b7245613-DOsf46mH.js";import{v as S}from"./rows-8ed50d64-m1DVLylT.js";import{v as R}from"./spell-check-82b14d35-DwIsKnij.js";import"./events-29e84d75-CETYymUM.js";import"./associated.controller-d302adf7-DN32QDnF.js";import"./access-and-short-key-914780a7-C8MWsfus.js";import"./hide-label-0d754c8e-dD9kSAOS.js";import"./label-7d1ce375-jnwIcbOt.js";import"./tooltip-align-6964dd71-OzEFfAdD.js";import"./align-f3101425-QQ9Y8SbR.js";import"./icons-adcda9b0-WXW7qQqQ.js";const d=["both","horizontal","vertical","none"];class H extends L{constructor(t,n,i){super(t,n,i),this.afterSyncCharCounter=()=>{typeof this.component._value=="string"&&(this.component.state._currentLength=this.component._value.length,this.component.state._currentLengthDebounced=this.component._value.length)},this.updateCurrentLengthDebounced=z(c=>{h(this.component,"_currentLengthDebounced",c)},500),this.component=t}validateHasCounter(t){C(this.component,t,{hooks:{afterPatch:this.afterSyncCharCounter}})}validateMaxLength(t){b(this.component,"_maxLength",t,{hooks:{afterPatch:this.afterSyncCharCounter},min:0})}validatePlaceholder(t){l(this.component,"_placeholder",t)}validateReadOnly(t){r(this.component,"_readOnly",t)}validateResize(t){g(this.component,"_resize",n=>typeof n=="string"&&d.includes(n),new Set(`String {${d.join(", ")}`),t)}validateRequired(t){r(this.component,"_required",t)}validateRows(t){S(this.component,t)}validateSpellCheck(t){R(this.component,t)}validateValue(t){l(this.component,"_value",t,{hooks:{afterPatch:this.afterSyncCharCounter}}),this.setFormAssociatedValue(this.component._value)}componentWillLoad(){super.componentWillLoad(),this.validateHasCounter(this.component._hasCounter),this.validateMaxLength(this.component._maxLength),this.validatePlaceholder(this.component._placeholder),this.validateReadOnly(this.component._readOnly),this.validateResize(this.component._resize),this.validateRequired(this.component._required),this.validateRows(this.component._rows),this.validateSpellCheck(this.component._spellCheck),this.validateValue(this.component._value)}}const T=`/*
  * This file contains all rules for accessibility.
  */
 @layer kol-a11y {
@@ -339,5 +339,5 @@ import{v as u,h as a,x as p,F as f,y as s,H as m,r as v,s as h,a3 as _,m as y,B
   .kol-input.required .input-tooltip .span-label::after {
     content: "*";
   }
-}`,K=T,o=e=>{e.style.overflow="hidden";const t=e.rows,n=e.clientHeight/t;e.rows=1;const i=Math.round(e.scrollHeight/n);return e.rows=t,i},A=class{async getValue(){var e;return(e=this.textareaRef)===null||e===void 0?void 0:e.value}async focus(){await this.kolFocus()}async kolFocus(){var e;(e=this.textareaRef)===null||e===void 0||e.focus()}render(){const{ariaDescribedBy:e}=x(this.state),t=u(this.state._label);return a(m,{key:"932e50ca620513717e574c4ecf1a5b743e93fef7",class:{"kol-textarea":!0,"has-value":this.state._hasValue}},a(p,{key:"93d8c07cc5a588825dcde4a15ee4856d87cf26da",class:{textarea:!0,"hide-label":!!this.state._hideLabel,"has-counter":!!this.state._hasCounter},_accessKey:this.state._accessKey,_alert:this.showAsAlert(),_currentLength:this.state._currentLength,_currentLengthDebounced:this.state._currentLengthDebounced,_disabled:this.state._disabled,_hideError:this.state._hideError,_hasCounter:this.state._hasCounter,_hideLabel:this.state._hideLabel,_hint:this.state._hint,_icons:this.state._icons,_id:this.state._id,_label:this.state._label,_maxLength:this.state._maxLength,_msg:this.state._msg,_readOnly:this.state._readOnly,_required:this.state._required,_shortKey:this.state._shortKey,_tooltipAlign:this._tooltipAlign,_touched:this.state._touched,onClick:()=>{var n;return(n=this.textareaRef)===null||n===void 0?void 0:n.focus()},role:"presentation"},a("span",{key:"b713ec67ec0e862bef532d04e5db1624d6c0b83f",slot:"label"},t?a("slot",{name:"expert"}):typeof this.state._accessKey=="string"||typeof this.state._shortKey=="string"?a(f,null,a(k,{badgeText:s(this.state._accessKey||this.state._shortKey),label:this.state._label})," ",a("kbd",{class:"badge-text-hint","aria-hidden":"true"},s(this.state._accessKey||this.state._shortKey))):a("span",null,this.state._label)),a("div",{key:"d1d32ae1c100ca457f47c9f366b65f0bd56408d6",slot:"input"},a("textarea",Object.assign({key:"2fb99d49c542399366fa255c59f482064b442fb5",ref:this.catchRef,title:"",accessKey:this.state._accessKey,"aria-keyshortcuts":this.state._shortKey,"aria-describedby":e.length>0?e.join(" "):void 0,"aria-label":this.state._hideLabel&&typeof this.state._label=="string"?this.state._label:void 0,autoCapitalize:"off",autoCorrect:"off",disabled:this.state._disabled,id:this.state._id,maxlength:this.state._maxLength,name:this.state._name,readOnly:this.state._readOnly,required:this.state._required,rows:this.state._rows,placeholder:this.state._placeholder,spellcheck:this.state._spellCheck},this.controller.onFacade,{onInput:this.onInput,onFocus:n=>{this.controller.onFacade.onFocus(n),this.inputHasFocus=!0},onBlur:n=>{this.controller.onFacade.onBlur(n),this.inputHasFocus=!1},style:{resize:this.state._resize},value:this.state._value})))))}constructor(e){v(this,e),this.catchRef=t=>{this.textareaRef=t},this.onInput=t=>{this.textareaRef instanceof HTMLTextAreaElement&&(h(this,"_currentLength",this.textareaRef.value.length),this.controller.updateCurrentLengthDebounced(this.textareaRef.value.length),this.state._adjustHeight&&(this._rows=o(this.textareaRef)),this.controller.onFacade.onInput(t))},this._accessKey=void 0,this._adjustHeight=!1,this._alert=void 0,this._disabled=!1,this._error=void 0,this._hasCounter=!1,this._hideError=!1,this._hideLabel=!1,this._hint="",this._icons=void 0,this._id=void 0,this._label=void 0,this._maxLength=void 0,this._msg=void 0,this._name=void 0,this._on=void 0,this._placeholder=void 0,this._readOnly=!1,this._resize="vertical",this._required=!1,this._rows=void 0,this._shortKey=void 0,this._spellCheck=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._touched=!1,this._value=void 0,this.state={_adjustHeight:!1,_currentLength:0,_currentLengthDebounced:0,_hasValue:!1,_hideError:!1,_id:`id-${w()}`,_label:"",_resize:"vertical"},this.inputHasFocus=!1,this.controller=new H(this,"textarea",this.host)}showAsAlert(){return this.state._alert===void 0?!!this.state._touched&&!this.inputHasFocus:this.state._alert}validateAccessKey(e){this.controller.validateAccessKey(e)}validateAdjustHeight(e){this.controller.validateAdjustHeight(e)}validateAlert(e){this.controller.validateAlert(e)}validateDisabled(e){this.controller.validateDisabled(e)}validateError(e){this.controller.validateError(e)}validateHasCounter(e){this.controller.validateHasCounter(e)}validateHideError(e){this.controller.validateHideError(e)}validateHideLabel(e){this.controller.validateHideLabel(e)}validateHint(e){this.controller.validateHint(e)}validateIcons(e){this.controller.validateIcons(e)}validateId(e){this.controller.validateId(e)}validateLabel(e){this.controller.validateLabel(e)}validateMaxLength(e){this.controller.validateMaxLength(e)}validateMsg(e){this.controller.validateMsg(e)}validateName(e){this.controller.validateName(e)}validateOn(e){this.controller.validateOn(e)}validatePlaceholder(e){this.controller.validatePlaceholder(e)}validateReadOnly(e){this.controller.validateReadOnly(e)}validateResize(e){(e==="both"||e==="horizontal")&&_("In version 3 (v3), horizontal resizing is abolished. The corresponding property is then reduced to the properties `none` (default) and `vertical`."),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)}validateTabIndex(e){this.controller.validateTabIndex(e)}validateTouched(e){this.controller.validateTouched(e)}validateValue(e){this.controller.validateValue(e)}componentDidLoad(){setTimeout(()=>{var e;this._adjustHeight===!0&&this.textareaRef?this._rows=!((e=this.state)===null||e===void 0)&&e._rows&&this.state._rows>o(this.textareaRef)?this.state._rows:o(this.textareaRef):this._rows||(this._rows=1)},0)}componentWillLoad(){this._touched=this._touched===!0,this.controller.componentWillLoad(),this.state._hasValue=!!this.state._value,this.controller.addValueChangeListener(e=>this.state._hasValue=!!e)}static get delegatesFocus(){return!0}get host(){return y(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_adjustHeight:["validateAdjustHeight"],_alert:["validateAlert"],_disabled:["validateDisabled"],_error:["validateError"],_hasCounter:["validateHasCounter"],_hideError:["validateHideError"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_maxLength:["validateMaxLength"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_placeholder:["validatePlaceholder"],_readOnly:["validateReadOnly"],_resize:["validateResize"],_required:["validateRequired"],_rows:["validateRows"],_shortKey:["validateShortKey"],_spellCheck:["validateSpellCheck"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_touched:["validateTouched"],_value:["validateValue"]}}};A.style={default:K};export{A as kol_textarea};
-//# sourceMappingURL=kol-textarea.entry-G1yx_Hw1.js.map
+}`,K=T,o=e=>{e.style.overflow="hidden";const t=e.rows,n=e.clientHeight/t;e.rows=1;const i=Math.round(e.scrollHeight/n);return e.rows=t,i},A=class{async getValue(){var e;return(e=this.textareaRef)===null||e===void 0?void 0:e.value}async focus(){await this.kolFocus()}async kolFocus(){var e;(e=this.textareaRef)===null||e===void 0||e.focus()}render(){const{ariaDescribedBy:e}=x(this.state),t=u(this.state._label);return a(f,{key:"4521e94fa842252253c31ad6d38caa55ce4e87b0",class:{"kol-textarea":!0,"has-value":this.state._hasValue}},a(p,{key:"b8d0fae4561631325e7c15e477247984732d7d40",class:{textarea:!0,"hide-label":!!this.state._hideLabel,"has-counter":!!this.state._hasCounter},_accessKey:this.state._accessKey,_alert:this.showAsAlert(),_currentLength:this.state._currentLength,_currentLengthDebounced:this.state._currentLengthDebounced,_disabled:this.state._disabled,_hideError:this.state._hideError,_hasCounter:this.state._hasCounter,_hideLabel:this.state._hideLabel,_hint:this.state._hint,_icons:this.state._icons,_id:this.state._id,_label:this.state._label,_maxLength:this.state._maxLength,_msg:this.state._msg,_readOnly:this.state._readOnly,_required:this.state._required,_shortKey:this.state._shortKey,_tooltipAlign:this._tooltipAlign,_touched:this.state._touched,onClick:()=>{var n;return(n=this.textareaRef)===null||n===void 0?void 0:n.focus()},role:"presentation"},a("span",{key:"7eb733a2b2bbe891a40ab079f6993a1622b309c4",slot:"label"},t?a("slot",{name:"expert"}):typeof this.state._accessKey=="string"||typeof this.state._shortKey=="string"?a(m,null,a(k,{badgeText:s(this.state._accessKey||this.state._shortKey),label:this.state._label})," ",a("kbd",{class:"badge-text-hint","aria-hidden":"true"},s(this.state._accessKey||this.state._shortKey))):a("span",null,this.state._label)),a("div",{key:"a2d0026e436995ab17e5fdad9ae43f69fcd0719e",slot:"input"},a("textarea",Object.assign({key:"5d998e4bd5290b4c549271338245867882150c51",ref:this.catchRef,title:"",accessKey:this.state._accessKey,"aria-keyshortcuts":this.state._shortKey,"aria-describedby":e.length>0?e.join(" "):void 0,"aria-label":this.state._hideLabel&&typeof this.state._label=="string"?this.state._label:void 0,autoCapitalize:"off",autoCorrect:"off",disabled:this.state._disabled,id:this.state._id,maxlength:this.state._maxLength,name:this.state._name,readOnly:this.state._readOnly,required:this.state._required,rows:this.state._rows,placeholder:this.state._placeholder,spellcheck:this.state._spellCheck},this.controller.onFacade,{onInput:this.onInput,onFocus:n=>{this.controller.onFacade.onFocus(n),this.inputHasFocus=!0},onBlur:n=>{this.controller.onFacade.onBlur(n),this.inputHasFocus=!1},style:{resize:this.state._resize},value:this.state._value})))))}constructor(e){v(this,e),this.catchRef=t=>{this.textareaRef=t},this.onInput=t=>{this.textareaRef instanceof HTMLTextAreaElement&&(h(this,"_currentLength",this.textareaRef.value.length),this.controller.updateCurrentLengthDebounced(this.textareaRef.value.length),this.state._adjustHeight&&(this._rows=o(this.textareaRef)),this.controller.onFacade.onInput(t))},this._accessKey=void 0,this._adjustHeight=!1,this._alert=void 0,this._disabled=!1,this._error=void 0,this._hasCounter=!1,this._hideError=!1,this._hideLabel=!1,this._hint="",this._icons=void 0,this._id=void 0,this._label=void 0,this._maxLength=void 0,this._msg=void 0,this._name=void 0,this._on=void 0,this._placeholder=void 0,this._readOnly=!1,this._resize="vertical",this._required=!1,this._rows=void 0,this._shortKey=void 0,this._spellCheck=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._touched=!1,this._value=void 0,this.state={_adjustHeight:!1,_currentLength:0,_currentLengthDebounced:0,_hasValue:!1,_hideError:!1,_id:`id-${w()}`,_label:"",_resize:"vertical"},this.inputHasFocus=!1,this.controller=new H(this,"textarea",this.host)}showAsAlert(){return this.state._alert===void 0?!!this.state._touched&&!this.inputHasFocus:this.state._alert}validateAccessKey(e){this.controller.validateAccessKey(e)}validateAdjustHeight(e){this.controller.validateAdjustHeight(e)}validateAlert(e){this.controller.validateAlert(e)}validateDisabled(e){this.controller.validateDisabled(e)}validateError(e){this.controller.validateError(e)}validateHasCounter(e){this.controller.validateHasCounter(e)}validateHideError(e){this.controller.validateHideError(e)}validateHideLabel(e){this.controller.validateHideLabel(e)}validateHint(e){this.controller.validateHint(e)}validateIcons(e){this.controller.validateIcons(e)}validateId(e){this.controller.validateId(e)}validateLabel(e){this.controller.validateLabel(e)}validateMaxLength(e){this.controller.validateMaxLength(e)}validateMsg(e){this.controller.validateMsg(e)}validateName(e){this.controller.validateName(e)}validateOn(e){this.controller.validateOn(e)}validatePlaceholder(e){this.controller.validatePlaceholder(e)}validateReadOnly(e){this.controller.validateReadOnly(e)}validateResize(e){(e==="both"||e==="horizontal")&&_("In version 3 (v3), horizontal resizing is abolished. The corresponding property is then reduced to the properties `none` (default) and `vertical`."),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)}validateTabIndex(e){this.controller.validateTabIndex(e)}validateTouched(e){this.controller.validateTouched(e)}validateValue(e){this.controller.validateValue(e)}componentDidLoad(){setTimeout(()=>{var e;this._adjustHeight===!0&&this.textareaRef?this._rows=!((e=this.state)===null||e===void 0)&&e._rows&&this.state._rows>o(this.textareaRef)?this.state._rows:o(this.textareaRef):this._rows||(this._rows=1)},0)}componentWillLoad(){this._touched=this._touched===!0,this.controller.componentWillLoad(),this.state._hasValue=!!this.state._value,this.controller.addValueChangeListener(e=>this.state._hasValue=!!e)}static get delegatesFocus(){return!0}get host(){return y(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_adjustHeight:["validateAdjustHeight"],_alert:["validateAlert"],_disabled:["validateDisabled"],_error:["validateError"],_hasCounter:["validateHasCounter"],_hideError:["validateHideError"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_maxLength:["validateMaxLength"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_placeholder:["validatePlaceholder"],_readOnly:["validateReadOnly"],_resize:["validateResize"],_required:["validateRequired"],_rows:["validateRows"],_shortKey:["validateShortKey"],_spellCheck:["validateSpellCheck"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_touched:["validateTouched"],_value:["validateValue"]}}};A.style={default:K};export{A as kol_textarea};
+//# sourceMappingURL=kol-textarea.entry-42IV0JYf.js.map

package/dist/assets/{kol-textarea.entry-G1yx_Hw1.js.map → kol-textarea.entry-42IV0JYf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-textarea.entry-G1yx_Hw1.js","sources":["../../../../components/dist/esm/kol-textarea.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, F as Fragment, H as Host, r as registerInstance, g as getElement } from './index-baac09c0.js';\nimport { F as watchNumber, y as watchString, j as watchBoolean, w as watchValidator, m as setState, A as buildBadgeTextString, G as devWarning, B as showExpertSlot } from './index-7a63e9eb.js';\nimport { l as KolInputTag } from './component-names-4cb1c62b.js';\nimport { n as nonce } from './dev.utils-47c3024f.js';\nimport { g as getRenderStates } from './controller-628ce6cc.js';\nimport { I as InternalUnderlinedBadgeText } from './InternalUnderlinedBadgeText-64832a6c.js';\nimport { I as InputIconController } from './controller-icon-2d458d9b.js';\nimport { d as debounce, v as validateHasCounter } from './debounce-99d34c2d.js';\nimport { v as validateRows } from './rows-8ed50d64.js';\nimport { v as validateSpellCheck } from './spell-check-82b14d35.js';\nimport './events-29e84d75.js';\nimport './associated.controller-d302adf7.js';\nimport './access-and-short-key-914780a7.js';\nimport './hide-label-0d754c8e.js';\nimport './label-7d1ce375.js';\nimport './tooltip-align-6964dd71.js';\nimport './align-f3101425.js';\nimport './icons-adcda9b0.js';\n\nconst cssResizeOptions = ['both', 'horizontal', 'vertical', 'none'];\n\nclass TextareaController extends InputIconController {\n    constructor(component, name, host) {\n        super(component, name, host);\n        this.afterSyncCharCounter = () => {\n            if (typeof this.component._value === 'string') {\n                this.component.state._currentLength = this.component._value.length;\n                this.component.state._currentLengthDebounced = this.component._value.length;\n            }\n        };\n        this.updateCurrentLengthDebounced = debounce((length) => {\n            setState(this.component, '_currentLengthDebounced', length);\n        }, 500);\n        this.component = component;\n    }\n    validateHasCounter(value) {\n        validateHasCounter(this.component, value, {\n            hooks: {\n                afterPatch: this.afterSyncCharCounter,\n            },\n        });\n    }\n    validateMaxLength(value) {\n        watchNumber(this.component, '_maxLength', value, {\n            hooks: {\n                afterPatch: this.afterSyncCharCounter,\n            },\n            min: 0,\n        });\n    }\n    validatePlaceholder(value) {\n        watchString(this.component, '_placeholder', value);\n    }\n    validateReadOnly(value) {\n        watchBoolean(this.component, '_readOnly', value);\n    }\n    validateResize(value) {\n        watchValidator(this.component, '_resize', (value) => typeof value === 'string' && cssResizeOptions.includes(value), new Set(`String {${cssResizeOptions.join(', ')}`), value);\n    }\n    validateRequired(value) {\n        watchBoolean(this.component, '_required', value);\n    }\n    validateRows(value) {\n        validateRows(this.component, value);\n    }\n    validateSpellCheck(value) {\n        validateSpellCheck(this.component, value);\n    }\n    validateValue(value) {\n        watchString(this.component, '_value', value, {\n            hooks: {\n                afterPatch: this.afterSyncCharCounter,\n            },\n        });\n        this.setFormAssociatedValue(this.component._value);\n    }\n    componentWillLoad() {\n        super.componentWillLoad();\n        this.validateHasCounter(this.component._hasCounter);\n        this.validateMaxLength(this.component._maxLength);\n        this.validatePlaceholder(this.component._placeholder);\n        this.validateReadOnly(this.component._readOnly);\n        this.validateResize(this.component._resize);\n        this.validateRequired(this.component._required);\n        this.validateRows(this.component._rows);\n        this.validateSpellCheck(this.component._spellCheck);\n        this.validateValue(this.component._value);\n    }\n}\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    color: black;\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    /*\\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  * {\\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 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 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%; /* 100% needed for custom width from outside */\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\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}\\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(16rem / 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  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n  .kol-span-wc {\\n    display: grid;\\n    place-items: center;\\n  }\\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  .kol-span-wc > span {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  /* This is the text label. */\\n  .hide-label > .kol-span-wc > span > span {\\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-wc,\\n  [disabled]:focus .kol-span-wc {\\n    outline: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: block;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip-wc {\\n    display: contents;\\n  }\\n  .kol-tooltip-wc .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, unset);\\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-wc .tooltip-floating.hide {\\n    animation-name: hideTooltip;\\n  }\\n  .kol-tooltip-wc .tooltip-floating.show {\\n    animation-name: showTooltip;\\n  }\\n  /* Shared between content and arrow */\\n  .kol-tooltip-wc .tooltip-area {\\n    color: #000;\\n    background-color: #fff;\\n  }\\n  .kol-tooltip-wc .tooltip-arrow {\\n    transform: rotate(45deg);\\n    position: absolute;\\n    z-index: 999;\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-tooltip-wc .tooltip-content {\\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  .required label > span::after,\\n  .required legend > span::after {\\n    content: \\\"*\\\";\\n  }\\n}\\n@layer kol-component {\\n  input,\\n  textarea {\\n    cursor: text;\\n  }\\n  input[type=checkbox],\\n  input[type=color],\\n  input[type=file],\\n  input[type=radio],\\n  input[type=range],\\n  label,\\n  option,\\n  select {\\n    cursor: pointer;\\n  }\\n  /* input[type='checkbox'], */\\n  /* input[type='radio'], */\\n  /* input[type='range'], */\\n  input[type=color],\\n  input[type=date],\\n  input[type=datetime-local],\\n  input[type=email],\\n  input[type=file],\\n  input[type=month],\\n  input[type=number],\\n  input[type=password],\\n  input[type=search],\\n  input[type=tel],\\n  input[type=text],\\n  input[type=time],\\n  input[type=url],\\n  input[type=week],\\n  option,\\n  select,\\n  textarea {\\n    background-color: transparent;\\n    width: 100%;\\n  }\\n  /* needed hack for vertical alignment */\\n  input[type=file] {\\n    padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 10) 0.5em;\\n  }\\n  /* needed hack for vertical alignment */\\n  select[multiple] option {\\n    padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 2) 0.5em;\\n  }\\n}\\n@layer kol-component {\\n  .kol-alert-wc {\\n    display: grid;\\n  }\\n  .kol-alert-wc .heading {\\n    display: flex;\\n    place-items: center;\\n  }\\n  .kol-alert-wc .heading > div {\\n    flex-grow: 1;\\n  }\\n  .close {\\n    /* Visible with forced colors */\\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\\n  }\\n}\\n@layer kol-component {\\n  .kol-input {\\n    display: grid;\\n  }\\n  .kol-input .input-slot {\\n    flex-grow: 1;\\n  }\\n  input:focus,\\n  option:focus,\\n  select:focus,\\n  textarea:focus {\\n    outline: 0;\\n  }\\n  .input {\\n    background-color: white;\\n    display: flex;\\n    align-items: center;\\n    cursor: pointer;\\n  }\\n  button:not([role=link]) {\\n    min-height: auto;\\n  }\\n  .input > .kol-icon {\\n    display: grid;\\n    place-items: center;\\n  }\\n  .kol-input.required .input-tooltip .span-label::after {\\n    content: \\\"*\\\";\\n  }\\n}\";\nconst KolTextareaDefaultStyle0 = defaultStyleCss;\n\nconst increaseTextareaHeight = (el) => {\n    el.style.overflow = 'hidden';\n    const currentRows = el.rows;\n    const rowHeight = el.clientHeight / currentRows;\n    el.rows = 1;\n    const nextRows = Math.round(el.scrollHeight / rowHeight);\n    el.rows = currentRows;\n    return nextRows;\n};\nconst KolTextarea = class {\n    async getValue() {\n        var _a;\n        return (_a = this.textareaRef) === null || _a === void 0 ? void 0 : _a.value;\n    }\n    async focus() {\n        await this.kolFocus();\n    }\n    async kolFocus() {\n        var _a;\n        (_a = this.textareaRef) === null || _a === void 0 ? void 0 : _a.focus();\n    }\n    render() {\n        const { ariaDescribedBy } = getRenderStates(this.state);\n        const hasExpertSlot = showExpertSlot(this.state._label);\n        return (h(Host, { key: '932e50ca620513717e574c4ecf1a5b743e93fef7', class: { 'kol-textarea': true, 'has-value': this.state._hasValue } }, h(KolInputTag, { key: '93d8c07cc5a588825dcde4a15ee4856d87cf26da', class: { textarea: true, 'hide-label': !!this.state._hideLabel, 'has-counter': !!this.state._hasCounter }, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _currentLength: this.state._currentLength, _currentLengthDebounced: this.state._currentLengthDebounced, _disabled: this.state._disabled, _hideError: this.state._hideError, _hasCounter: this.state._hasCounter, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _maxLength: this.state._maxLength, _msg: this.state._msg, _readOnly: this.state._readOnly, _required: this.state._required, _shortKey: this.state._shortKey, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.textareaRef) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, h(\"span\", { key: 'b713ec67ec0e862bef532d04e5db1624d6c0b83f', slot: \"label\" }, hasExpertSlot ? (h(\"slot\", { name: \"expert\" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (h(Fragment, null, h(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey || this.state._shortKey), label: this.state._label }), ' ', h(\"kbd\", { class: \"badge-text-hint\", \"aria-hidden\": \"true\" }, buildBadgeTextString(this.state._accessKey || this.state._shortKey)))) : (h(\"span\", null, this.state._label))), h(\"div\", { key: 'd1d32ae1c100ca457f47c9f366b65f0bd56408d6', slot: \"input\" }, h(\"textarea\", Object.assign({ key: '2fb99d49c542399366fa255c59f482064b442fb5', ref: this.catchRef, title: \"\", accessKey: this.state._accessKey, \"aria-keyshortcuts\": this.state._shortKey, \"aria-describedby\": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, \"aria-label\": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: \"off\", autoCorrect: \"off\", disabled: this.state._disabled, id: this.state._id, maxlength: this.state._maxLength, name: this.state._name, readOnly: this.state._readOnly, required: this.state._required, rows: this.state._rows, placeholder: this.state._placeholder, spellcheck: this.state._spellCheck }, this.controller.onFacade, { onInput: this.onInput, onFocus: (event) => {\n                this.controller.onFacade.onFocus(event);\n                this.inputHasFocus = true;\n            }, onBlur: (event) => {\n                this.controller.onFacade.onBlur(event);\n                this.inputHasFocus = false;\n            }, style: {\n                resize: this.state._resize,\n            }, value: this.state._value }))))));\n    }\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.catchRef = (ref) => {\n            this.textareaRef = ref;\n        };\n        this.onInput = (event) => {\n            if (this.textareaRef instanceof HTMLTextAreaElement) {\n                setState(this, '_currentLength', this.textareaRef.value.length);\n                this.controller.updateCurrentLengthDebounced(this.textareaRef.value.length);\n                if (this.state._adjustHeight) {\n                    this._rows = increaseTextareaHeight(this.textareaRef);\n                }\n                this.controller.onFacade.onInput(event);\n            }\n        };\n        this._accessKey = undefined;\n        this._adjustHeight = false;\n        this._alert = undefined;\n        this._disabled = false;\n        this._error = undefined;\n        this._hasCounter = false;\n        this._hideError = false;\n        this._hideLabel = false;\n        this._hint = '';\n        this._icons = undefined;\n        this._id = undefined;\n        this._label = undefined;\n        this._maxLength = undefined;\n        this._msg = undefined;\n        this._name = undefined;\n        this._on = undefined;\n        this._placeholder = undefined;\n        this._readOnly = false;\n        this._resize = 'vertical';\n        this._required = false;\n        this._rows = undefined;\n        this._shortKey = undefined;\n        this._spellCheck = undefined;\n        this._syncValueBySelector = undefined;\n        this._tabIndex = undefined;\n        this._tooltipAlign = 'top';\n        this._touched = false;\n        this._value = undefined;\n        this.state = {\n            _adjustHeight: false,\n            _currentLength: 0,\n            _currentLengthDebounced: 0,\n            _hasValue: false,\n            _hideError: false,\n            _id: `id-${nonce()}`,\n            _label: '',\n            _resize: 'vertical',\n        };\n        this.inputHasFocus = false;\n        this.controller = new TextareaController(this, 'textarea', this.host);\n    }\n    showAsAlert() {\n        if (this.state._alert === undefined) {\n            return Boolean(this.state._touched) && !this.inputHasFocus;\n        }\n        return this.state._alert;\n    }\n    validateAccessKey(value) {\n        this.controller.validateAccessKey(value);\n    }\n    validateAdjustHeight(value) {\n        this.controller.validateAdjustHeight(value);\n    }\n    validateAlert(value) {\n        this.controller.validateAlert(value);\n    }\n    validateDisabled(value) {\n        this.controller.validateDisabled(value);\n    }\n    validateError(value) {\n        this.controller.validateError(value);\n    }\n    validateHasCounter(value) {\n        this.controller.validateHasCounter(value);\n    }\n    validateHideError(value) {\n        this.controller.validateHideError(value);\n    }\n    validateHideLabel(value) {\n        this.controller.validateHideLabel(value);\n    }\n    validateHint(value) {\n        this.controller.validateHint(value);\n    }\n    validateIcons(value) {\n        this.controller.validateIcons(value);\n    }\n    validateId(value) {\n        this.controller.validateId(value);\n    }\n    validateLabel(value) {\n        this.controller.validateLabel(value);\n    }\n    validateMaxLength(value) {\n        this.controller.validateMaxLength(value);\n    }\n    validateMsg(value) {\n        this.controller.validateMsg(value);\n    }\n    validateName(value) {\n        this.controller.validateName(value);\n    }\n    validateOn(value) {\n        this.controller.validateOn(value);\n    }\n    validatePlaceholder(value) {\n        this.controller.validatePlaceholder(value);\n    }\n    validateReadOnly(value) {\n        this.controller.validateReadOnly(value);\n    }\n    validateResize(value) {\n        if (value === 'both' || value === 'horizontal') {\n            devWarning('In version 3 (v3), horizontal resizing is abolished. The corresponding property is then reduced to the properties `none` (default) and `vertical`.');\n        }\n        this.controller.validateResize(value);\n    }\n    validateRequired(value) {\n        this.controller.validateRequired(value);\n    }\n    validateRows(value) {\n        this.controller.validateRows(value);\n    }\n    validateShortKey(value) {\n        this.controller.validateShortKey(value);\n    }\n    validateSpellCheck(value) {\n        this.controller.validateSpellCheck(value);\n    }\n    validateSyncValueBySelector(value) {\n        this.controller.validateSyncValueBySelector(value);\n    }\n    validateTabIndex(value) {\n        this.controller.validateTabIndex(value);\n    }\n    validateTouched(value) {\n        this.controller.validateTouched(value);\n    }\n    validateValue(value) {\n        this.controller.validateValue(value);\n    }\n    componentDidLoad() {\n        setTimeout(() => {\n            var _a;\n            if (this._adjustHeight === true && this.textareaRef) {\n                this._rows =\n                    ((_a = this.state) === null || _a === void 0 ? void 0 : _a._rows) && this.state._rows > increaseTextareaHeight(this.textareaRef) ? this.state._rows : increaseTextareaHeight(this.textareaRef);\n            }\n            else if (!this._rows) {\n                this._rows = 1;\n            }\n        }, 0);\n    }\n    componentWillLoad() {\n        this._touched = this._touched === true;\n        this.controller.componentWillLoad();\n        this.state._hasValue = !!this.state._value;\n        this.controller.addValueChangeListener((v) => (this.state._hasValue = !!v));\n    }\n    static get delegatesFocus() { return true; }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_accessKey\": [\"validateAccessKey\"],\n        \"_adjustHeight\": [\"validateAdjustHeight\"],\n        \"_alert\": [\"validateAlert\"],\n        \"_disabled\": [\"validateDisabled\"],\n        \"_error\": [\"validateError\"],\n        \"_hasCounter\": [\"validateHasCounter\"],\n        \"_hideError\": [\"validateHideError\"],\n        \"_hideLabel\": [\"validateHideLabel\"],\n        \"_hint\": [\"validateHint\"],\n        \"_icons\": [\"validateIcons\"],\n        \"_id\": [\"validateId\"],\n        \"_label\": [\"validateLabel\"],\n        \"_maxLength\": [\"validateMaxLength\"],\n        \"_msg\": [\"validateMsg\"],\n        \"_name\": [\"validateName\"],\n        \"_on\": [\"validateOn\"],\n        \"_placeholder\": [\"validatePlaceholder\"],\n        \"_readOnly\": [\"validateReadOnly\"],\n        \"_resize\": [\"validateResize\"],\n        \"_required\": [\"validateRequired\"],\n        \"_rows\": [\"validateRows\"],\n        \"_shortKey\": [\"validateShortKey\"],\n        \"_spellCheck\": [\"validateSpellCheck\"],\n        \"_syncValueBySelector\": [\"validateSyncValueBySelector\"],\n        \"_tabIndex\": [\"validateTabIndex\"],\n        \"_touched\": [\"validateTouched\"],\n        \"_value\": [\"validateValue\"]\n    }; }\n};\nKolTextarea.style = {\n    default: KolTextareaDefaultStyle0\n};\n\nexport { KolTextarea as kol_textarea };\n\n//# sourceMappingURL=kol-textarea.entry.js.map"],"names":["cssResizeOptions","TextareaController","InputIconController","component","name","host","debounce","length","setState","value","validateHasCounter","watchNumber","watchString","watchBoolean","watchValidator","validateRows","validateSpellCheck","defaultStyleCss","KolTextareaDefaultStyle0","increaseTextareaHeight","el","currentRows","rowHeight","nextRows","KolTextarea","_a","ariaDescribedBy","getRenderStates","hasExpertSlot","showExpertSlot","h","Host","KolInputTag","Fragment","InternalUnderlinedBadgeText","buildBadgeTextString","event","hostRef","registerInstance","ref","nonce","devWarning","v","getElement"],"mappings":"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"}
+{"version":3,"file":"kol-textarea.entry-42IV0JYf.js","sources":["../../../../components/dist/esm/kol-textarea.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, F as Fragment, H as Host, r as registerInstance, g as getElement } from './index-efad7e81.js';\nimport { F as watchNumber, y as watchString, j as watchBoolean, w as watchValidator, m as setState, A as buildBadgeTextString, G as devWarning, B as showExpertSlot } from './index-7a63e9eb.js';\nimport { l as KolInputTag } from './component-names-ad1568d0.js';\nimport { n as nonce } from './dev.utils-49eee6de.js';\nimport { g as getRenderStates } from './controller-a9871d80.js';\nimport { I as InternalUnderlinedBadgeText } from './InternalUnderlinedBadgeText-9f73fba4.js';\nimport { I as InputIconController } from './controller-icon-c319fa44.js';\nimport { d as debounce, v as validateHasCounter } from './debounce-b7245613.js';\nimport { v as validateRows } from './rows-8ed50d64.js';\nimport { v as validateSpellCheck } from './spell-check-82b14d35.js';\nimport './events-29e84d75.js';\nimport './associated.controller-d302adf7.js';\nimport './access-and-short-key-914780a7.js';\nimport './hide-label-0d754c8e.js';\nimport './label-7d1ce375.js';\nimport './tooltip-align-6964dd71.js';\nimport './align-f3101425.js';\nimport './icons-adcda9b0.js';\n\nconst cssResizeOptions = ['both', 'horizontal', 'vertical', 'none'];\n\nclass TextareaController extends InputIconController {\n    constructor(component, name, host) {\n        super(component, name, host);\n        this.afterSyncCharCounter = () => {\n            if (typeof this.component._value === 'string') {\n                this.component.state._currentLength = this.component._value.length;\n                this.component.state._currentLengthDebounced = this.component._value.length;\n            }\n        };\n        this.updateCurrentLengthDebounced = debounce((length) => {\n            setState(this.component, '_currentLengthDebounced', length);\n        }, 500);\n        this.component = component;\n    }\n    validateHasCounter(value) {\n        validateHasCounter(this.component, value, {\n            hooks: {\n                afterPatch: this.afterSyncCharCounter,\n            },\n        });\n    }\n    validateMaxLength(value) {\n        watchNumber(this.component, '_maxLength', value, {\n            hooks: {\n                afterPatch: this.afterSyncCharCounter,\n            },\n            min: 0,\n        });\n    }\n    validatePlaceholder(value) {\n        watchString(this.component, '_placeholder', value);\n    }\n    validateReadOnly(value) {\n        watchBoolean(this.component, '_readOnly', value);\n    }\n    validateResize(value) {\n        watchValidator(this.component, '_resize', (value) => typeof value === 'string' && cssResizeOptions.includes(value), new Set(`String {${cssResizeOptions.join(', ')}`), value);\n    }\n    validateRequired(value) {\n        watchBoolean(this.component, '_required', value);\n    }\n    validateRows(value) {\n        validateRows(this.component, value);\n    }\n    validateSpellCheck(value) {\n        validateSpellCheck(this.component, value);\n    }\n    validateValue(value) {\n        watchString(this.component, '_value', value, {\n            hooks: {\n                afterPatch: this.afterSyncCharCounter,\n            },\n        });\n        this.setFormAssociatedValue(this.component._value);\n    }\n    componentWillLoad() {\n        super.componentWillLoad();\n        this.validateHasCounter(this.component._hasCounter);\n        this.validateMaxLength(this.component._maxLength);\n        this.validatePlaceholder(this.component._placeholder);\n        this.validateReadOnly(this.component._readOnly);\n        this.validateResize(this.component._resize);\n        this.validateRequired(this.component._required);\n        this.validateRows(this.component._rows);\n        this.validateSpellCheck(this.component._spellCheck);\n        this.validateValue(this.component._value);\n    }\n}\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    color: black;\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    /*\\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  * {\\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 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 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%; /* 100% needed for custom width from outside */\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\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}\\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(16rem / 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  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n  .kol-span-wc {\\n    display: grid;\\n    place-items: center;\\n  }\\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  .kol-span-wc > span {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  /* This is the text label. */\\n  .hide-label > .kol-span-wc > span > span {\\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-wc,\\n  [disabled]:focus .kol-span-wc {\\n    outline: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: block;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip-wc {\\n    display: contents;\\n  }\\n  .kol-tooltip-wc .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, unset);\\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-wc .tooltip-floating.hide {\\n    animation-name: hideTooltip;\\n  }\\n  .kol-tooltip-wc .tooltip-floating.show {\\n    animation-name: showTooltip;\\n  }\\n  /* Shared between content and arrow */\\n  .kol-tooltip-wc .tooltip-area {\\n    color: #000;\\n    background-color: #fff;\\n  }\\n  .kol-tooltip-wc .tooltip-arrow {\\n    transform: rotate(45deg);\\n    position: absolute;\\n    z-index: 999;\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-tooltip-wc .tooltip-content {\\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  .required label > span::after,\\n  .required legend > span::after {\\n    content: \\\"*\\\";\\n  }\\n}\\n@layer kol-component {\\n  input,\\n  textarea {\\n    cursor: text;\\n  }\\n  input[type=checkbox],\\n  input[type=color],\\n  input[type=file],\\n  input[type=radio],\\n  input[type=range],\\n  label,\\n  option,\\n  select {\\n    cursor: pointer;\\n  }\\n  /* input[type='checkbox'], */\\n  /* input[type='radio'], */\\n  /* input[type='range'], */\\n  input[type=color],\\n  input[type=date],\\n  input[type=datetime-local],\\n  input[type=email],\\n  input[type=file],\\n  input[type=month],\\n  input[type=number],\\n  input[type=password],\\n  input[type=search],\\n  input[type=tel],\\n  input[type=text],\\n  input[type=time],\\n  input[type=url],\\n  input[type=week],\\n  option,\\n  select,\\n  textarea {\\n    background-color: transparent;\\n    width: 100%;\\n  }\\n  /* needed hack for vertical alignment */\\n  input[type=file] {\\n    padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 10) 0.5em;\\n  }\\n  /* needed hack for vertical alignment */\\n  select[multiple] option {\\n    padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 2) 0.5em;\\n  }\\n}\\n@layer kol-component {\\n  .kol-alert-wc {\\n    display: grid;\\n  }\\n  .kol-alert-wc .heading {\\n    display: flex;\\n    place-items: center;\\n  }\\n  .kol-alert-wc .heading > div {\\n    flex-grow: 1;\\n  }\\n  .close {\\n    /* Visible with forced colors */\\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\\n  }\\n}\\n@layer kol-component {\\n  .kol-input {\\n    display: grid;\\n  }\\n  .kol-input .input-slot {\\n    flex-grow: 1;\\n  }\\n  input:focus,\\n  option:focus,\\n  select:focus,\\n  textarea:focus {\\n    outline: 0;\\n  }\\n  .input {\\n    background-color: white;\\n    display: flex;\\n    align-items: center;\\n    cursor: pointer;\\n  }\\n  button:not([role=link]) {\\n    min-height: auto;\\n  }\\n  .input > .kol-icon {\\n    display: grid;\\n    place-items: center;\\n  }\\n  .kol-input.required .input-tooltip .span-label::after {\\n    content: \\\"*\\\";\\n  }\\n}\";\nconst KolTextareaDefaultStyle0 = defaultStyleCss;\n\nconst increaseTextareaHeight = (el) => {\n    el.style.overflow = 'hidden';\n    const currentRows = el.rows;\n    const rowHeight = el.clientHeight / currentRows;\n    el.rows = 1;\n    const nextRows = Math.round(el.scrollHeight / rowHeight);\n    el.rows = currentRows;\n    return nextRows;\n};\nconst KolTextarea = class {\n    async getValue() {\n        var _a;\n        return (_a = this.textareaRef) === null || _a === void 0 ? void 0 : _a.value;\n    }\n    async focus() {\n        await this.kolFocus();\n    }\n    async kolFocus() {\n        var _a;\n        (_a = this.textareaRef) === null || _a === void 0 ? void 0 : _a.focus();\n    }\n    render() {\n        const { ariaDescribedBy } = getRenderStates(this.state);\n        const hasExpertSlot = showExpertSlot(this.state._label);\n        return (h(Host, { key: '4521e94fa842252253c31ad6d38caa55ce4e87b0', class: { 'kol-textarea': true, 'has-value': this.state._hasValue } }, h(KolInputTag, { key: 'b8d0fae4561631325e7c15e477247984732d7d40', class: { textarea: true, 'hide-label': !!this.state._hideLabel, 'has-counter': !!this.state._hasCounter }, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _currentLength: this.state._currentLength, _currentLengthDebounced: this.state._currentLengthDebounced, _disabled: this.state._disabled, _hideError: this.state._hideError, _hasCounter: this.state._hasCounter, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _maxLength: this.state._maxLength, _msg: this.state._msg, _readOnly: this.state._readOnly, _required: this.state._required, _shortKey: this.state._shortKey, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.textareaRef) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, h(\"span\", { key: '7eb733a2b2bbe891a40ab079f6993a1622b309c4', slot: \"label\" }, hasExpertSlot ? (h(\"slot\", { name: \"expert\" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (h(Fragment, null, h(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey || this.state._shortKey), label: this.state._label }), ' ', h(\"kbd\", { class: \"badge-text-hint\", \"aria-hidden\": \"true\" }, buildBadgeTextString(this.state._accessKey || this.state._shortKey)))) : (h(\"span\", null, this.state._label))), h(\"div\", { key: 'a2d0026e436995ab17e5fdad9ae43f69fcd0719e', slot: \"input\" }, h(\"textarea\", Object.assign({ key: '5d998e4bd5290b4c549271338245867882150c51', ref: this.catchRef, title: \"\", accessKey: this.state._accessKey, \"aria-keyshortcuts\": this.state._shortKey, \"aria-describedby\": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, \"aria-label\": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: \"off\", autoCorrect: \"off\", disabled: this.state._disabled, id: this.state._id, maxlength: this.state._maxLength, name: this.state._name, readOnly: this.state._readOnly, required: this.state._required, rows: this.state._rows, placeholder: this.state._placeholder, spellcheck: this.state._spellCheck }, this.controller.onFacade, { onInput: this.onInput, onFocus: (event) => {\n                this.controller.onFacade.onFocus(event);\n                this.inputHasFocus = true;\n            }, onBlur: (event) => {\n                this.controller.onFacade.onBlur(event);\n                this.inputHasFocus = false;\n            }, style: {\n                resize: this.state._resize,\n            }, value: this.state._value }))))));\n    }\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.catchRef = (ref) => {\n            this.textareaRef = ref;\n        };\n        this.onInput = (event) => {\n            if (this.textareaRef instanceof HTMLTextAreaElement) {\n                setState(this, '_currentLength', this.textareaRef.value.length);\n                this.controller.updateCurrentLengthDebounced(this.textareaRef.value.length);\n                if (this.state._adjustHeight) {\n                    this._rows = increaseTextareaHeight(this.textareaRef);\n                }\n                this.controller.onFacade.onInput(event);\n            }\n        };\n        this._accessKey = undefined;\n        this._adjustHeight = false;\n        this._alert = undefined;\n        this._disabled = false;\n        this._error = undefined;\n        this._hasCounter = false;\n        this._hideError = false;\n        this._hideLabel = false;\n        this._hint = '';\n        this._icons = undefined;\n        this._id = undefined;\n        this._label = undefined;\n        this._maxLength = undefined;\n        this._msg = undefined;\n        this._name = undefined;\n        this._on = undefined;\n        this._placeholder = undefined;\n        this._readOnly = false;\n        this._resize = 'vertical';\n        this._required = false;\n        this._rows = undefined;\n        this._shortKey = undefined;\n        this._spellCheck = undefined;\n        this._syncValueBySelector = undefined;\n        this._tabIndex = undefined;\n        this._tooltipAlign = 'top';\n        this._touched = false;\n        this._value = undefined;\n        this.state = {\n            _adjustHeight: false,\n            _currentLength: 0,\n            _currentLengthDebounced: 0,\n            _hasValue: false,\n            _hideError: false,\n            _id: `id-${nonce()}`,\n            _label: '',\n            _resize: 'vertical',\n        };\n        this.inputHasFocus = false;\n        this.controller = new TextareaController(this, 'textarea', this.host);\n    }\n    showAsAlert() {\n        if (this.state._alert === undefined) {\n            return Boolean(this.state._touched) && !this.inputHasFocus;\n        }\n        return this.state._alert;\n    }\n    validateAccessKey(value) {\n        this.controller.validateAccessKey(value);\n    }\n    validateAdjustHeight(value) {\n        this.controller.validateAdjustHeight(value);\n    }\n    validateAlert(value) {\n        this.controller.validateAlert(value);\n    }\n    validateDisabled(value) {\n        this.controller.validateDisabled(value);\n    }\n    validateError(value) {\n        this.controller.validateError(value);\n    }\n    validateHasCounter(value) {\n        this.controller.validateHasCounter(value);\n    }\n    validateHideError(value) {\n        this.controller.validateHideError(value);\n    }\n    validateHideLabel(value) {\n        this.controller.validateHideLabel(value);\n    }\n    validateHint(value) {\n        this.controller.validateHint(value);\n    }\n    validateIcons(value) {\n        this.controller.validateIcons(value);\n    }\n    validateId(value) {\n        this.controller.validateId(value);\n    }\n    validateLabel(value) {\n        this.controller.validateLabel(value);\n    }\n    validateMaxLength(value) {\n        this.controller.validateMaxLength(value);\n    }\n    validateMsg(value) {\n        this.controller.validateMsg(value);\n    }\n    validateName(value) {\n        this.controller.validateName(value);\n    }\n    validateOn(value) {\n        this.controller.validateOn(value);\n    }\n    validatePlaceholder(value) {\n        this.controller.validatePlaceholder(value);\n    }\n    validateReadOnly(value) {\n        this.controller.validateReadOnly(value);\n    }\n    validateResize(value) {\n        if (value === 'both' || value === 'horizontal') {\n            devWarning('In version 3 (v3), horizontal resizing is abolished. The corresponding property is then reduced to the properties `none` (default) and `vertical`.');\n        }\n        this.controller.validateResize(value);\n    }\n    validateRequired(value) {\n        this.controller.validateRequired(value);\n    }\n    validateRows(value) {\n        this.controller.validateRows(value);\n    }\n    validateShortKey(value) {\n        this.controller.validateShortKey(value);\n    }\n    validateSpellCheck(value) {\n        this.controller.validateSpellCheck(value);\n    }\n    validateSyncValueBySelector(value) {\n        this.controller.validateSyncValueBySelector(value);\n    }\n    validateTabIndex(value) {\n        this.controller.validateTabIndex(value);\n    }\n    validateTouched(value) {\n        this.controller.validateTouched(value);\n    }\n    validateValue(value) {\n        this.controller.validateValue(value);\n    }\n    componentDidLoad() {\n        setTimeout(() => {\n            var _a;\n            if (this._adjustHeight === true && this.textareaRef) {\n                this._rows =\n                    ((_a = this.state) === null || _a === void 0 ? void 0 : _a._rows) && this.state._rows > increaseTextareaHeight(this.textareaRef) ? this.state._rows : increaseTextareaHeight(this.textareaRef);\n            }\n            else if (!this._rows) {\n                this._rows = 1;\n            }\n        }, 0);\n    }\n    componentWillLoad() {\n        this._touched = this._touched === true;\n        this.controller.componentWillLoad();\n        this.state._hasValue = !!this.state._value;\n        this.controller.addValueChangeListener((v) => (this.state._hasValue = !!v));\n    }\n    static get delegatesFocus() { return true; }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_accessKey\": [\"validateAccessKey\"],\n        \"_adjustHeight\": [\"validateAdjustHeight\"],\n        \"_alert\": [\"validateAlert\"],\n        \"_disabled\": [\"validateDisabled\"],\n        \"_error\": [\"validateError\"],\n        \"_hasCounter\": [\"validateHasCounter\"],\n        \"_hideError\": [\"validateHideError\"],\n        \"_hideLabel\": [\"validateHideLabel\"],\n        \"_hint\": [\"validateHint\"],\n        \"_icons\": [\"validateIcons\"],\n        \"_id\": [\"validateId\"],\n        \"_label\": [\"validateLabel\"],\n        \"_maxLength\": [\"validateMaxLength\"],\n        \"_msg\": [\"validateMsg\"],\n        \"_name\": [\"validateName\"],\n        \"_on\": [\"validateOn\"],\n        \"_placeholder\": [\"validatePlaceholder\"],\n        \"_readOnly\": [\"validateReadOnly\"],\n        \"_resize\": [\"validateResize\"],\n        \"_required\": [\"validateRequired\"],\n        \"_rows\": [\"validateRows\"],\n        \"_shortKey\": [\"validateShortKey\"],\n        \"_spellCheck\": [\"validateSpellCheck\"],\n        \"_syncValueBySelector\": [\"validateSyncValueBySelector\"],\n        \"_tabIndex\": [\"validateTabIndex\"],\n        \"_touched\": [\"validateTouched\"],\n        \"_value\": [\"validateValue\"]\n    }; }\n};\nKolTextarea.style = {\n    default: KolTextareaDefaultStyle0\n};\n\nexport { KolTextarea as kol_textarea };\n\n//# sourceMappingURL=kol-textarea.entry.js.map"],"names":["cssResizeOptions","TextareaController","InputIconController","component","name","host","debounce","length","setState","value","validateHasCounter","watchNumber","watchString","watchBoolean","watchValidator","validateRows","validateSpellCheck","defaultStyleCss","KolTextareaDefaultStyle0","increaseTextareaHeight","el","currentRows","rowHeight","nextRows","KolTextarea","_a","ariaDescribedBy","getRenderStates","hasExpertSlot","showExpertSlot","h","Host","KolInputTag","Fragment","InternalUnderlinedBadgeText","buildBadgeTextString","event","hostRef","registerInstance","ref","nonce","devWarning","v","getElement"],"mappings":"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"}

package/dist/assets/{kol-toast-container.entry-D8eAM3wr.js → kol-toast-container.entry-BwRER9JE.js}

@@ -1,4 +1,4 @@
-import{r as l,h as o,ae as r,H as d}from"./index-CuVaZDbz.js";import{t as c}from"./i18n-92411229-Cfm4uRHi.js";import{n as h}from"./dev.utils-47c3024f-C4J3ELKO.js";import{K as p}from"./Alert-0c514a6d-BoWwvDHL.js";import"./tslib.es6-1173d062-BGVaTf34.js";import"./clsx-09a06a12-B-dksMZM.js";const f=({key:n,onClose:t,onRef:e,toastState:i})=>o("div",{class:`toast ${i.status}`,key:n},o(p,{class:"alert",alert:!0,label:i.toast.label,level:0,hasCloser:!0,type:i.toast.type,variant:i.toast.alertVariant||i.toast.variant||"card",onCloserClick:t},o("div",{ref:e},typeof i.toast.description=="string"?i.toast.description:null))),m=`/*
+import{r as l,h as o,ae as r,H as d}from"./index-BnWQwThm.js";import{t as c}from"./i18n-c0cd260c-Dpeh-TC-.js";import{n as h}from"./dev.utils-49eee6de-r4sFKo2j.js";import{K as p}from"./Alert-a144a0c6-Bt2Qy2l3.js";import"./tslib.es6-1173d062-BGVaTf34.js";import"./clsx-09a06a12-B-dksMZM.js";const m=({key:n,onClose:t,onRef:e,toastState:i})=>o("div",{class:`toast ${i.status}`,key:n},o(p,{class:"alert",alert:!0,label:i.toast.label,level:0,hasCloser:!0,type:i.toast.type,variant:i.toast.alertVariant||i.toast.variant||"card",onCloserClick:t},o("div",{ref:e},typeof i.toast.description=="string"?i.toast.description:null))),f=`/*
  * This file contains all rules for accessibility.
  */
 @layer kol-a11y {
@@ -262,10 +262,11 @@ import{r as l,h as o,ae as r,H as d}from"./index-CuVaZDbz.js";import{t as c}from
     display: flex;
     position: fixed;
     z-index: 200;
+    max-width: 90vw;
     flex-direction: column;
   }
   .close-all {
     align-self: flex-end;
   }
-}`,u=m,a=300,b=class{constructor(n){l(this,n),this.knownRenderFunctions=new Set,this.state={_toastStates:[]}}async enqueue(n){const t={toast:n,status:"adding",id:`toast-${h()}`};return this.state=Object.assign(Object.assign({},this.state),{_toastStates:[t,...this.state._toastStates]}),setTimeout(()=>{this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.map(e=>e.id===t.id&&e.status!=="removing"?Object.assign(Object.assign({},e),{status:"settled"}):e)})},a),()=>{this.handleClose(t)}}handleClose(n){this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.map(t=>(t.id===n.id&&(t.status="removing"),t))}),setTimeout(()=>{var t,e;this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.filter(i=>i.id!==n.id)}),(e=(t=n.toast).onClose)===null||e===void 0||e.call(t)},a)}async closeAll(n=!1){if(n)this.state=Object.assign(Object.assign({},this.state),{_toastStates:[]});else{const t=[...this.state._toastStates];this.state=Object.assign(Object.assign({},this.state),{_toastStates:t.map(e=>Object.assign(Object.assign({},e),{status:"removing"}))}),setTimeout(()=>{this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.filter(e=>t.every(i=>i.id!==e.id))}),t.forEach(e=>{var i,s;(s=(i=e.toast).onClose)===null||s===void 0||s.call(i)})},a)}}handleToastRef(n,t){t&&typeof n.toast.render=="function"&&!this.knownRenderFunctions.has(n.toast.render)&&(this.knownRenderFunctions.add(n.toast.render),n.toast.render(t,{close:()=>this.handleClose(n)}))}render(){return o(d,{key:"0675db1de5cfcaab05fce59f77a8690e21b33313",class:"kol-toast-container"},this.state._toastStates.length>1&&o(r,{key:"c9d662e674ee361eefa1229517bad7f7111807f4",_label:c("kol-toast-close-all"),class:"close-all",_on:{onClick:()=>{this.closeAll()}}}),this.state._toastStates.map(n=>o(f,{key:n.id,onClose:()=>this.handleClose(n),onRef:t=>this.handleToastRef(n,t),toastState:n})))}};b.style={default:u};export{b as kol_toast_container};
-//# sourceMappingURL=kol-toast-container.entry-D8eAM3wr.js.map
+}`,u=f,a=300,b=class{constructor(n){l(this,n),this.knownRenderFunctions=new Set,this.state={_toastStates:[]}}async enqueue(n){const t={toast:n,status:"adding",id:`toast-${h()}`};return this.state=Object.assign(Object.assign({},this.state),{_toastStates:[t,...this.state._toastStates]}),setTimeout(()=>{this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.map(e=>e.id===t.id&&e.status!=="removing"?Object.assign(Object.assign({},e),{status:"settled"}):e)})},a),()=>{this.handleClose(t)}}handleClose(n){this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.map(t=>(t.id===n.id&&(t.status="removing"),t))}),setTimeout(()=>{var t,e;this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.filter(i=>i.id!==n.id)}),(e=(t=n.toast).onClose)===null||e===void 0||e.call(t)},a)}async closeAll(n=!1){if(n)this.state=Object.assign(Object.assign({},this.state),{_toastStates:[]});else{const t=[...this.state._toastStates];this.state=Object.assign(Object.assign({},this.state),{_toastStates:t.map(e=>Object.assign(Object.assign({},e),{status:"removing"}))}),setTimeout(()=>{this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.filter(e=>t.every(i=>i.id!==e.id))}),t.forEach(e=>{var i,s;(s=(i=e.toast).onClose)===null||s===void 0||s.call(i)})},a)}}handleToastRef(n,t){t&&typeof n.toast.render=="function"&&!this.knownRenderFunctions.has(n.toast.render)&&(this.knownRenderFunctions.add(n.toast.render),n.toast.render(t,{close:()=>this.handleClose(n)}))}render(){return o(d,{key:"75bd108ec28225c3319a27f2181923d7d0a73fda",class:"kol-toast-container"},this.state._toastStates.length>1&&o(r,{key:"b4b27a44db0a85940c62e0eec06b623ffd0bc0cc",_label:c("kol-toast-close-all"),class:"close-all",_on:{onClick:()=>{this.closeAll()}}}),this.state._toastStates.map(n=>o(m,{key:n.id,onClose:()=>this.handleClose(n),onRef:t=>this.handleToastRef(n,t),toastState:n})))}};b.style={default:u};export{b as kol_toast_container};
+//# sourceMappingURL=kol-toast-container.entry-BwRER9JE.js.map

package/dist/assets/{kol-toast-container.entry-D8eAM3wr.js.map → kol-toast-container.entry-BwRER9JE.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-toast-container.entry-D8eAM3wr.js","sources":["../../../../components/dist/esm/kol-toast-container.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, r as registerInstance, H as Host } from './index-baac09c0.js';\nimport { t as translate } from './i18n-92411229.js';\nimport { n as nonce } from './dev.utils-47c3024f.js';\nimport { K as KolAlertFc } from './Alert-0c514a6d.js';\nimport { t as KolButtonTag } from './component-names-4cb1c62b.js';\nimport './i18n-95419cc2.js';\nimport './index-7a63e9eb.js';\nimport './tslib.es6-1173d062.js';\nimport './clsx-09a06a12.js';\n\nconst InternalToast = ({ key, onClose, onRef, toastState }) => {\n    return (h(\"div\", { class: `toast ${toastState.status}`, key: key },\n        h(KolAlertFc, { class: \"alert\", alert: true, label: toastState.toast.label, level: 0, hasCloser: true, type: toastState.toast.type, variant: toastState.toast.alertVariant || toastState.toast.variant || 'card', onCloserClick: onClose },\n            h(\"div\", { ref: onRef }, typeof toastState.toast.description === 'string' ? toastState.toast.description : null))));\n};\n\nconst defaultStyleCss = \"/*\\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(44rem / var(--kolibri-root-font-size, 16));\\n    color: black;\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    /*\\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  * {\\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 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 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%; /* 100% needed for custom width from outside */\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\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}\\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(16rem / 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  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n  .kol-span-wc {\\n    display: grid;\\n    place-items: center;\\n  }\\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  .kol-span-wc > span {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  /* This is the text label. */\\n  .hide-label > .kol-span-wc > span > span {\\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-wc,\\n  [disabled]:focus .kol-span-wc {\\n    outline: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: block;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip-wc {\\n    display: contents;\\n  }\\n  .kol-tooltip-wc .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, unset);\\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-wc .tooltip-floating.hide {\\n    animation-name: hideTooltip;\\n  }\\n  .kol-tooltip-wc .tooltip-floating.show {\\n    animation-name: showTooltip;\\n  }\\n  /* Shared between content and arrow */\\n  .kol-tooltip-wc .tooltip-area {\\n    color: #000;\\n    background-color: #fff;\\n  }\\n  .kol-tooltip-wc .tooltip-arrow {\\n    transform: rotate(45deg);\\n    position: absolute;\\n    z-index: 999;\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-tooltip-wc .tooltip-content {\\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-wc {\\n    display: grid;\\n  }\\n  .kol-alert-wc .heading {\\n    display: flex;\\n    place-items: center;\\n  }\\n  .kol-alert-wc .heading > div {\\n    flex-grow: 1;\\n  }\\n  .close {\\n    /* Visible with forced colors */\\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: flex;\\n    position: fixed;\\n    z-index: 200;\\n    flex-direction: column;\\n  }\\n  .close-all {\\n    align-self: flex-end;\\n  }\\n}\";\nconst KolToastContainerDefaultStyle0 = defaultStyleCss;\n\nconst TRANSITION_TIMEOUT = 300;\nconst KolToastContainer = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.knownRenderFunctions = new Set();\n        this.state = {\n            _toastStates: [],\n        };\n    }\n    async enqueue(toast) {\n        const newToastState = {\n            toast,\n            status: 'adding',\n            id: `toast-${nonce()}`,\n        };\n        this.state = Object.assign(Object.assign({}, this.state), { _toastStates: [newToastState, ...this.state._toastStates] });\n        setTimeout(() => {\n            this.state = Object.assign(Object.assign({}, this.state), { _toastStates: this.state._toastStates.map((localToastState) => localToastState.id === newToastState.id && localToastState.status !== 'removing'\n                    ? Object.assign(Object.assign({}, localToastState), { status: 'settled' }) : localToastState) });\n        }, TRANSITION_TIMEOUT);\n        return () => {\n            this.handleClose(newToastState);\n        };\n    }\n    handleClose(toastState) {\n        this.state = Object.assign(Object.assign({}, this.state), { _toastStates: this.state._toastStates.map((localToastState) => {\n                if (localToastState.id === toastState.id) {\n                    localToastState.status = 'removing';\n                }\n                return localToastState;\n            }) });\n        setTimeout(() => {\n            var _a, _b;\n            this.state = Object.assign(Object.assign({}, this.state), { _toastStates: this.state._toastStates.filter((localToastState) => localToastState.id !== toastState.id) });\n            (_b = (_a = toastState.toast).onClose) === null || _b === void 0 ? void 0 : _b.call(_a);\n        }, TRANSITION_TIMEOUT);\n    }\n    async closeAll(immediate = false) {\n        if (immediate) {\n            this.state = Object.assign(Object.assign({}, this.state), { _toastStates: [] });\n        }\n        else {\n            const toastsToClose = [...this.state._toastStates];\n            this.state = Object.assign(Object.assign({}, this.state), { _toastStates: toastsToClose.map((localToastState) => (Object.assign(Object.assign({}, localToastState), { status: 'removing' }))) });\n            setTimeout(() => {\n                this.state = Object.assign(Object.assign({}, this.state), { _toastStates: this.state._toastStates.filter((toastState) => toastsToClose.every((toastToClose) => toastToClose.id !== toastState.id)) });\n                toastsToClose.forEach((toastState) => {\n                    var _a, _b;\n                    (_b = (_a = toastState.toast).onClose) === null || _b === void 0 ? void 0 : _b.call(_a);\n                });\n            }, TRANSITION_TIMEOUT);\n        }\n    }\n    handleToastRef(toastState, element) {\n        if (element && typeof toastState.toast.render === 'function' && !this.knownRenderFunctions.has(toastState.toast.render)) {\n            this.knownRenderFunctions.add(toastState.toast.render);\n            toastState.toast.render(element, { close: () => this.handleClose(toastState) });\n        }\n    }\n    render() {\n        return (h(Host, { key: '0675db1de5cfcaab05fce59f77a8690e21b33313', class: \"kol-toast-container\" }, this.state._toastStates.length > 1 && (h(KolButtonTag, { key: 'c9d662e674ee361eefa1229517bad7f7111807f4', _label: translate('kol-toast-close-all'), class: \"close-all\", _on: {\n                onClick: () => {\n                    void this.closeAll();\n                },\n            } })), this.state._toastStates.map((toastState) => (h(InternalToast, { key: toastState.id, onClose: () => this.handleClose(toastState), onRef: (element) => this.handleToastRef(toastState, element), toastState: toastState })))));\n    }\n};\nKolToastContainer.style = {\n    default: KolToastContainerDefaultStyle0\n};\n\nexport { KolToastContainer as kol_toast_container };\n\n//# sourceMappingURL=kol-toast-container.entry.js.map"],"names":["InternalToast","key","onClose","onRef","toastState","h","KolAlertFc","defaultStyleCss","KolToastContainerDefaultStyle0","TRANSITION_TIMEOUT","KolToastContainer","hostRef","registerInstance","toast","newToastState","nonce","localToastState","_a","_b","immediate","toastsToClose","toastToClose","element","Host","KolButtonTag","translate"],"mappings":"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"}
+{"version":3,"file":"kol-toast-container.entry-BwRER9JE.js","sources":["../../../../components/dist/esm/kol-toast-container.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, r as registerInstance, H as Host } from './index-efad7e81.js';\nimport { t as translate } from './i18n-c0cd260c.js';\nimport { n as nonce } from './dev.utils-49eee6de.js';\nimport { K as KolAlertFc } from './Alert-a144a0c6.js';\nimport { t as KolButtonTag } from './component-names-ad1568d0.js';\nimport './i18n-618f199e.js';\nimport './index-7a63e9eb.js';\nimport './tslib.es6-1173d062.js';\nimport './clsx-09a06a12.js';\n\nconst InternalToast = ({ key, onClose, onRef, toastState }) => {\n    return (h(\"div\", { class: `toast ${toastState.status}`, key: key },\n        h(KolAlertFc, { class: \"alert\", alert: true, label: toastState.toast.label, level: 0, hasCloser: true, type: toastState.toast.type, variant: toastState.toast.alertVariant || toastState.toast.variant || 'card', onCloserClick: onClose },\n            h(\"div\", { ref: onRef }, typeof toastState.toast.description === 'string' ? toastState.toast.description : null))));\n};\n\nconst defaultStyleCss = \"/*\\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(44rem / var(--kolibri-root-font-size, 16));\\n    color: black;\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    /*\\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  * {\\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 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 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%; /* 100% needed for custom width from outside */\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\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}\\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(16rem / 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  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n  .kol-span-wc {\\n    display: grid;\\n    place-items: center;\\n  }\\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  .kol-span-wc > span {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  /* This is the text label. */\\n  .hide-label > .kol-span-wc > span > span {\\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-wc,\\n  [disabled]:focus .kol-span-wc {\\n    outline: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: block;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip-wc {\\n    display: contents;\\n  }\\n  .kol-tooltip-wc .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, unset);\\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-wc .tooltip-floating.hide {\\n    animation-name: hideTooltip;\\n  }\\n  .kol-tooltip-wc .tooltip-floating.show {\\n    animation-name: showTooltip;\\n  }\\n  /* Shared between content and arrow */\\n  .kol-tooltip-wc .tooltip-area {\\n    color: #000;\\n    background-color: #fff;\\n  }\\n  .kol-tooltip-wc .tooltip-arrow {\\n    transform: rotate(45deg);\\n    position: absolute;\\n    z-index: 999;\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-tooltip-wc .tooltip-content {\\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-wc {\\n    display: grid;\\n  }\\n  .kol-alert-wc .heading {\\n    display: flex;\\n    place-items: center;\\n  }\\n  .kol-alert-wc .heading > div {\\n    flex-grow: 1;\\n  }\\n  .close {\\n    /* Visible with forced colors */\\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: flex;\\n    position: fixed;\\n    z-index: 200;\\n    max-width: 90vw;\\n    flex-direction: column;\\n  }\\n  .close-all {\\n    align-self: flex-end;\\n  }\\n}\";\nconst KolToastContainerDefaultStyle0 = defaultStyleCss;\n\nconst TRANSITION_TIMEOUT = 300;\nconst KolToastContainer = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.knownRenderFunctions = new Set();\n        this.state = {\n            _toastStates: [],\n        };\n    }\n    async enqueue(toast) {\n        const newToastState = {\n            toast,\n            status: 'adding',\n            id: `toast-${nonce()}`,\n        };\n        this.state = Object.assign(Object.assign({}, this.state), { _toastStates: [newToastState, ...this.state._toastStates] });\n        setTimeout(() => {\n            this.state = Object.assign(Object.assign({}, this.state), { _toastStates: this.state._toastStates.map((localToastState) => localToastState.id === newToastState.id && localToastState.status !== 'removing'\n                    ? Object.assign(Object.assign({}, localToastState), { status: 'settled' }) : localToastState) });\n        }, TRANSITION_TIMEOUT);\n        return () => {\n            this.handleClose(newToastState);\n        };\n    }\n    handleClose(toastState) {\n        this.state = Object.assign(Object.assign({}, this.state), { _toastStates: this.state._toastStates.map((localToastState) => {\n                if (localToastState.id === toastState.id) {\n                    localToastState.status = 'removing';\n                }\n                return localToastState;\n            }) });\n        setTimeout(() => {\n            var _a, _b;\n            this.state = Object.assign(Object.assign({}, this.state), { _toastStates: this.state._toastStates.filter((localToastState) => localToastState.id !== toastState.id) });\n            (_b = (_a = toastState.toast).onClose) === null || _b === void 0 ? void 0 : _b.call(_a);\n        }, TRANSITION_TIMEOUT);\n    }\n    async closeAll(immediate = false) {\n        if (immediate) {\n            this.state = Object.assign(Object.assign({}, this.state), { _toastStates: [] });\n        }\n        else {\n            const toastsToClose = [...this.state._toastStates];\n            this.state = Object.assign(Object.assign({}, this.state), { _toastStates: toastsToClose.map((localToastState) => (Object.assign(Object.assign({}, localToastState), { status: 'removing' }))) });\n            setTimeout(() => {\n                this.state = Object.assign(Object.assign({}, this.state), { _toastStates: this.state._toastStates.filter((toastState) => toastsToClose.every((toastToClose) => toastToClose.id !== toastState.id)) });\n                toastsToClose.forEach((toastState) => {\n                    var _a, _b;\n                    (_b = (_a = toastState.toast).onClose) === null || _b === void 0 ? void 0 : _b.call(_a);\n                });\n            }, TRANSITION_TIMEOUT);\n        }\n    }\n    handleToastRef(toastState, element) {\n        if (element && typeof toastState.toast.render === 'function' && !this.knownRenderFunctions.has(toastState.toast.render)) {\n            this.knownRenderFunctions.add(toastState.toast.render);\n            toastState.toast.render(element, { close: () => this.handleClose(toastState) });\n        }\n    }\n    render() {\n        return (h(Host, { key: '75bd108ec28225c3319a27f2181923d7d0a73fda', class: \"kol-toast-container\" }, this.state._toastStates.length > 1 && (h(KolButtonTag, { key: 'b4b27a44db0a85940c62e0eec06b623ffd0bc0cc', _label: translate('kol-toast-close-all'), class: \"close-all\", _on: {\n                onClick: () => {\n                    void this.closeAll();\n                },\n            } })), this.state._toastStates.map((toastState) => (h(InternalToast, { key: toastState.id, onClose: () => this.handleClose(toastState), onRef: (element) => this.handleToastRef(toastState, element), toastState: toastState })))));\n    }\n};\nKolToastContainer.style = {\n    default: KolToastContainerDefaultStyle0\n};\n\nexport { KolToastContainer as kol_toast_container };\n\n//# sourceMappingURL=kol-toast-container.entry.js.map"],"names":["InternalToast","key","onClose","onRef","toastState","h","KolAlertFc","defaultStyleCss","KolToastContainerDefaultStyle0","TRANSITION_TIMEOUT","KolToastContainer","hostRef","registerInstance","toast","newToastState","nonce","localToastState","_a","_b","immediate","toastsToClose","toastToClose","element","Host","KolButtonTag","translate"],"mappings":"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"}

package/dist/assets/{kol-toolbar.entry-T4xJHv6V.js → kol-toolbar.entry-EWCq7FSi.js}

@@ -1,4 +1,4 @@
-import{r as h,h as d,n as m,c as p,H as b,m as f,aa as u,o as w,p as y,i as g,s as x}from"./index-CuVaZDbz.js";import{_ as k}from"./tslib.es6-1173d062-BGVaTf34.js";import{v}from"./label-7d1ce375-BtKh8zOM.js";const _=(n,t)=>{u(t,()=>{w(t,()=>{typeof t>"u"&&(t=[]);try{t=y(t)}catch{}Array.isArray(t)&&t.every(e=>g(e))&&x(n,"_items",t)})})},I=`@charset "UTF-8";
+import{r as h,h as d,n as m,c as b,H as p,m as u,aa as f,o as w,p as y,i as g,s as x}from"./index-BnWQwThm.js";import{_ as k}from"./tslib.es6-1173d062-BGVaTf34.js";import{v}from"./label-7d1ce375-jnwIcbOt.js";const _=(n,t)=>{f(t,()=>{w(t,()=>{typeof t>"u"&&(t=[]);try{t=y(t)}catch{}Array.isArray(t)&&t.every(e=>g(e))&&x(n,"_items",t)})})},I=`@charset "UTF-8";
 /*
  * This file contains all rules for accessibility.
  */
@@ -268,5 +268,5 @@ import{r as h,h as d,n as m,c as p,H as b,m as f,aa as u,o as w,p as y,i as g,s
     outline: 1px solid;
     outline-offset: 2px;
   }
-}`,T=I,z="kol-toolbar-item",A=class{constructor(n){h(this,n),this.indexToElement=new Map,this.renderItem=(t,e)=>{const i=this.normalizeItem(t),l=e===this.currentIndex&&!i?._disabled?0:-1,o={key:e,_tabIndex:l,class:`button normal ${z} `},c=a=>{a&&this.indexToElement.set(e,a)};return"_href"in i?d(m,Object.assign({},i,o,{ref:c})):d(p,Object.assign({},i,o,{ref:c}))},this.state={_label:"",_items:[]},this.currentIndex=0,this._label=void 0,this._items=void 0}normalizeItem(n){const{_icons:t,_disabled:e}=n,i=k(n,["_icons","_disabled"]);return Object.assign(Object.assign({},i),{_icons:t,_disabled:e})}render(){return d(b,{key:"54fb48e2638c9649b2bd5d28c5dd99f1068d85d2",class:"kol-toolbar"},d("div",{key:"319331b36f3b26cdbbf80645175b868313fc11ec",class:"toolbar",role:"toolbar","aria-label":this.state._label},this.state._items.map(this.renderItem)))}validateLabel(n){v(this,n)}validateItems(n){_(this,n),this.indexToElement.clear(),this.setFirstEnabledItemIndex()}getCurrentToolbarItem(n){return typeof n=="number"?this.indexToElement.get(n):void 0}setFirstEnabledItemIndex(){var n;this.currentIndex=(n=this.state._items)===null||n===void 0?void 0:n.findIndex(t=>!t._disabled)}handleKeyDown(n){var t,e,i,l,o;if(!(n.code==="ArrowRight"||n.code==="ArrowLeft"||n.code==="ArrowUp"||n.code==="ArrowDown"))return;n.preventDefault();const a=((e=(t=this._items)===null||t===void 0?void 0:t.length)!==null&&e!==void 0?e:0)-1;if(a<0)return;const s=this.currentIndex;let r=s;switch(n.code){case"ArrowUp":case"ArrowLeft":r=s>0?s-1:a;break;case"ArrowDown":case"ArrowRight":r=s<a?s+1:0;break}s!==r&&(!((l=(i=this.state._items)===null||i===void 0?void 0:i[r])===null||l===void 0)&&l._disabled||(this.currentIndex=r,(o=this.getCurrentToolbarItem(r))===null||o===void 0||o.kolFocus()))}handleBlur(n){n.target===this.host&&this.setFirstEnabledItemIndex()}componentWillLoad(){this.validateLabel(this._label),this.validateItems(this._items),this.setFirstEnabledItemIndex()}get host(){return f(this)}static get watchers(){return{_label:["validateLabel"],_items:["validateItems"]}}};A.style={default:T};export{A as kol_toolbar};
-//# sourceMappingURL=kol-toolbar.entry-T4xJHv6V.js.map
+}`,T=I,z="kol-toolbar-item",A=class{constructor(n){h(this,n),this.indexToElement=new Map,this.renderItem=(t,e)=>{const i=this.normalizeItem(t),l=e===this.currentIndex&&!i?._disabled?0:-1,o={key:e,_tabIndex:l,class:`button normal ${z} `},c=a=>{a&&this.indexToElement.set(e,a)};return"_href"in i?d(m,Object.assign({},i,o,{ref:c})):d(b,Object.assign({},i,o,{ref:c}))},this.state={_label:"",_items:[]},this.currentIndex=0,this._label=void 0,this._items=void 0}normalizeItem(n){const{_icons:t,_disabled:e}=n,i=k(n,["_icons","_disabled"]);return Object.assign(Object.assign({},i),{_icons:t,_disabled:e})}render(){return d(p,{key:"b3d64370b42779863c0bb7c631790c1c2057bbab",class:"kol-toolbar"},d("div",{key:"c4fddaa528e345be91561aadb24e5c5f85404071",class:"toolbar",role:"toolbar","aria-label":this.state._label},this.state._items.map(this.renderItem)))}validateLabel(n){v(this,n)}validateItems(n){_(this,n),this.indexToElement.clear(),this.setFirstEnabledItemIndex()}getCurrentToolbarItem(n){return typeof n=="number"?this.indexToElement.get(n):void 0}setFirstEnabledItemIndex(){var n;this.currentIndex=(n=this.state._items)===null||n===void 0?void 0:n.findIndex(t=>!t._disabled)}handleKeyDown(n){var t,e,i,l,o;if(!(n.code==="ArrowRight"||n.code==="ArrowLeft"||n.code==="ArrowUp"||n.code==="ArrowDown"))return;n.preventDefault();const a=((e=(t=this._items)===null||t===void 0?void 0:t.length)!==null&&e!==void 0?e:0)-1;if(a<0)return;const s=this.currentIndex;let r=s;switch(n.code){case"ArrowUp":case"ArrowLeft":r=s>0?s-1:a;break;case"ArrowDown":case"ArrowRight":r=s<a?s+1:0;break}s!==r&&(!((l=(i=this.state._items)===null||i===void 0?void 0:i[r])===null||l===void 0)&&l._disabled||(this.currentIndex=r,(o=this.getCurrentToolbarItem(r))===null||o===void 0||o.kolFocus()))}handleBlur(n){n.target===this.host&&this.setFirstEnabledItemIndex()}componentWillLoad(){this.validateLabel(this._label),this.validateItems(this._items),this.setFirstEnabledItemIndex()}get host(){return u(this)}static get watchers(){return{_label:["validateLabel"],_items:["validateItems"]}}};A.style={default:T};export{A as kol_toolbar};
+//# sourceMappingURL=kol-toolbar.entry-EWCq7FSi.js.map

package/dist/assets/{kol-toolbar.entry-T4xJHv6V.js.map → kol-toolbar.entry-EWCq7FSi.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-toolbar.entry-T4xJHv6V.js","sources":["../../../../components/dist/esm/kol-toolbar.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host, g as getElement } from './index-baac09c0.js';\nimport { _ as __rest } from './tslib.es6-1173d062.js';\nimport { M as emptyStringByArrayHandler, o as objectObjectHandler, l as parseJson, i as isObject, m as setState } from './index-7a63e9eb.js';\nimport { j as KolLinkWcTag, c as KolButtonWcTag } from './component-names-4cb1c62b.js';\nimport { v as validateLabel } from './label-7d1ce375.js';\n\nconst validateToolbarItems = (component, value) => {\n    emptyStringByArrayHandler(value, () => {\n        objectObjectHandler(value, () => {\n            if (typeof value === 'undefined') {\n                value = [];\n            }\n            try {\n                value = parseJson(value);\n            }\n            catch (e) {\n            }\n            if (Array.isArray(value) && value.every((items) => isObject(items))) {\n                setState(component, '_items', value);\n            }\n        });\n    });\n};\n\nconst defaultStyleCss = \"@charset \\\"UTF-8\\\";\\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(44rem / var(--kolibri-root-font-size, 16));\\n    color: black;\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    /*\\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  * {\\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 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 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%; /* 100% needed for custom width from outside */\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\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}\\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(16rem / 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  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n  .kol-span-wc {\\n    display: grid;\\n    place-items: center;\\n  }\\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  .kol-span-wc > span {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  /* This is the text label. */\\n  .hide-label > .kol-span-wc > span > span {\\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-wc,\\n  [disabled]:focus .kol-span-wc {\\n    outline: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip-wc {\\n    display: contents;\\n  }\\n  .kol-tooltip-wc .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, unset);\\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-wc .tooltip-floating.hide {\\n    animation-name: hideTooltip;\\n  }\\n  .kol-tooltip-wc .tooltip-floating.show {\\n    animation-name: showTooltip;\\n  }\\n  /* Shared between content and arrow */\\n  .kol-tooltip-wc .tooltip-area {\\n    color: #000;\\n    background-color: #fff;\\n  }\\n  .kol-tooltip-wc .tooltip-arrow {\\n    transform: rotate(45deg);\\n    position: absolute;\\n    z-index: 999;\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-tooltip-wc .tooltip-content {\\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  :host {\\n    display: inline-block;\\n  }\\n  :is(a, button) {\\n    display: inline-flex;\\n    place-items: center;\\n    text-align: center;\\n    text-decoration-line: none;\\n  }\\n  :is(a, button)::before {\\n    /* Render zero-width character as first element to set the baseline correctly. */\\n    content: \\\"​\\\";\\n  }\\n  /* TODO: Why we need this? */\\n  :is(a, button) > .kol-span-wc {\\n    width: 100%;\\n    margin: auto;\\n  }\\n}\\n@layer kol-component {\\n  .toolbar {\\n    display: flex;\\n    gap: calc(16rem / var(--kolibri-root-font-size, 16));\\n    flex-wrap: wrap;\\n    align-items: center;\\n  }\\n  .toolbar:focus-within {\\n    outline: 1px solid;\\n    outline-offset: 2px;\\n  }\\n}\";\nconst KolToolbarDefaultStyle0 = defaultStyleCss;\n\nconst TOOLBAR_ITEM_TAG_NAME = 'kol-toolbar-item';\nconst KolToolbar = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.indexToElement = new Map();\n        this.renderItem = (raw, index) => {\n            const element = this.normalizeItem(raw);\n            const tabIndex = index === this.currentIndex && !(element === null || element === void 0 ? void 0 : element._disabled) ? 0 : -1;\n            const props = {\n                key: index,\n                _tabIndex: tabIndex,\n                class: `button normal ${TOOLBAR_ITEM_TAG_NAME} `,\n            };\n            const catchRef = (el) => {\n                if (el)\n                    this.indexToElement.set(index, el);\n            };\n            return '_href' in element ? (h(KolLinkWcTag, Object.assign({}, element, props, { ref: catchRef }))) : (h(KolButtonWcTag, Object.assign({}, element, props, { ref: catchRef })));\n        };\n        this.state = {\n            _label: '',\n            _items: [],\n        };\n        this.currentIndex = 0;\n        this._label = undefined;\n        this._items = undefined;\n    }\n    normalizeItem(item) {\n        const { _icons, _disabled } = item, rest = __rest(item, [\"_icons\", \"_disabled\"]);\n        return Object.assign(Object.assign({}, rest), { _icons, _disabled });\n    }\n    render() {\n        return (h(Host, { key: '54fb48e2638c9649b2bd5d28c5dd99f1068d85d2', class: \"kol-toolbar\" }, h(\"div\", { key: '319331b36f3b26cdbbf80645175b868313fc11ec', class: \"toolbar\", role: \"toolbar\", \"aria-label\": this.state._label }, this.state._items.map(this.renderItem))));\n    }\n    validateLabel(value) {\n        validateLabel(this, value);\n    }\n    validateItems(value) {\n        validateToolbarItems(this, value);\n        this.indexToElement.clear();\n        this.setFirstEnabledItemIndex();\n    }\n    getCurrentToolbarItem(index) {\n        return typeof index === 'number' ? this.indexToElement.get(index) : undefined;\n    }\n    setFirstEnabledItemIndex() {\n        var _a;\n        this.currentIndex = (_a = this.state._items) === null || _a === void 0 ? void 0 : _a.findIndex((item) => !item._disabled);\n    }\n    handleKeyDown(event) {\n        var _a, _b, _c, _d, _e;\n        const isArrowKey = event.code === 'ArrowRight' || event.code === 'ArrowLeft' || event.code === 'ArrowUp' || event.code === 'ArrowDown';\n        if (!isArrowKey)\n            return;\n        event.preventDefault();\n        const lastItemIndex = ((_b = (_a = this._items) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) - 1;\n        if (lastItemIndex < 0)\n            return;\n        const currentIndex = this.currentIndex;\n        let nextIndex = currentIndex;\n        switch (event.code) {\n            case 'ArrowUp':\n            case 'ArrowLeft':\n                nextIndex = currentIndex > 0 ? currentIndex - 1 : lastItemIndex;\n                break;\n            case 'ArrowDown':\n            case 'ArrowRight':\n                nextIndex = currentIndex < lastItemIndex ? currentIndex + 1 : 0;\n                break;\n        }\n        if (currentIndex === nextIndex)\n            return;\n        if ((_d = (_c = this.state._items) === null || _c === void 0 ? void 0 : _c[nextIndex]) === null || _d === void 0 ? void 0 : _d._disabled)\n            return;\n        this.currentIndex = nextIndex;\n        void ((_e = this.getCurrentToolbarItem(nextIndex)) === null || _e === void 0 ? void 0 : _e.kolFocus());\n    }\n    handleBlur(event) {\n        if (event.target === this.host)\n            this.setFirstEnabledItemIndex();\n    }\n    componentWillLoad() {\n        this.validateLabel(this._label);\n        this.validateItems(this._items);\n        this.setFirstEnabledItemIndex();\n    }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_label\": [\"validateLabel\"],\n        \"_items\": [\"validateItems\"]\n    }; }\n};\nKolToolbar.style = {\n    default: KolToolbarDefaultStyle0\n};\n\nexport { KolToolbar as kol_toolbar };\n\n//# sourceMappingURL=kol-toolbar.entry.js.map"],"names":["validateToolbarItems","component","value","emptyStringByArrayHandler","objectObjectHandler","parseJson","items","isObject","setState","defaultStyleCss","KolToolbarDefaultStyle0","TOOLBAR_ITEM_TAG_NAME","KolToolbar","hostRef","registerInstance","raw","index","element","tabIndex","props","catchRef","el","h","KolLinkWcTag","KolButtonWcTag","item","_icons","_disabled","rest","__rest","Host","validateLabel","_a","event","_b","_c","_d","_e","lastItemIndex","currentIndex","nextIndex","getElement"],"mappings":"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"}
+{"version":3,"file":"kol-toolbar.entry-EWCq7FSi.js","sources":["../../../../components/dist/esm/kol-toolbar.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host, g as getElement } from './index-efad7e81.js';\nimport { _ as __rest } from './tslib.es6-1173d062.js';\nimport { M as emptyStringByArrayHandler, o as objectObjectHandler, l as parseJson, i as isObject, m as setState } from './index-7a63e9eb.js';\nimport { j as KolLinkWcTag, c as KolButtonWcTag } from './component-names-ad1568d0.js';\nimport { v as validateLabel } from './label-7d1ce375.js';\n\nconst validateToolbarItems = (component, value) => {\n    emptyStringByArrayHandler(value, () => {\n        objectObjectHandler(value, () => {\n            if (typeof value === 'undefined') {\n                value = [];\n            }\n            try {\n                value = parseJson(value);\n            }\n            catch (e) {\n            }\n            if (Array.isArray(value) && value.every((items) => isObject(items))) {\n                setState(component, '_items', value);\n            }\n        });\n    });\n};\n\nconst defaultStyleCss = \"@charset \\\"UTF-8\\\";\\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(44rem / var(--kolibri-root-font-size, 16));\\n    color: black;\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    /*\\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  * {\\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 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 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%; /* 100% needed for custom width from outside */\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\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}\\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(16rem / 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  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n  .kol-span-wc {\\n    display: grid;\\n    place-items: center;\\n  }\\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  .kol-span-wc > span {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  /* This is the text label. */\\n  .hide-label > .kol-span-wc > span > span {\\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-wc,\\n  [disabled]:focus .kol-span-wc {\\n    outline: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip-wc {\\n    display: contents;\\n  }\\n  .kol-tooltip-wc .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, unset);\\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-wc .tooltip-floating.hide {\\n    animation-name: hideTooltip;\\n  }\\n  .kol-tooltip-wc .tooltip-floating.show {\\n    animation-name: showTooltip;\\n  }\\n  /* Shared between content and arrow */\\n  .kol-tooltip-wc .tooltip-area {\\n    color: #000;\\n    background-color: #fff;\\n  }\\n  .kol-tooltip-wc .tooltip-arrow {\\n    transform: rotate(45deg);\\n    position: absolute;\\n    z-index: 999;\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-tooltip-wc .tooltip-content {\\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  :host {\\n    display: inline-block;\\n  }\\n  :is(a, button) {\\n    display: inline-flex;\\n    place-items: center;\\n    text-align: center;\\n    text-decoration-line: none;\\n  }\\n  :is(a, button)::before {\\n    /* Render zero-width character as first element to set the baseline correctly. */\\n    content: \\\"​\\\";\\n  }\\n  /* TODO: Why we need this? */\\n  :is(a, button) > .kol-span-wc {\\n    width: 100%;\\n    margin: auto;\\n  }\\n}\\n@layer kol-component {\\n  .toolbar {\\n    display: flex;\\n    gap: calc(16rem / var(--kolibri-root-font-size, 16));\\n    flex-wrap: wrap;\\n    align-items: center;\\n  }\\n  .toolbar:focus-within {\\n    outline: 1px solid;\\n    outline-offset: 2px;\\n  }\\n}\";\nconst KolToolbarDefaultStyle0 = defaultStyleCss;\n\nconst TOOLBAR_ITEM_TAG_NAME = 'kol-toolbar-item';\nconst KolToolbar = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.indexToElement = new Map();\n        this.renderItem = (raw, index) => {\n            const element = this.normalizeItem(raw);\n            const tabIndex = index === this.currentIndex && !(element === null || element === void 0 ? void 0 : element._disabled) ? 0 : -1;\n            const props = {\n                key: index,\n                _tabIndex: tabIndex,\n                class: `button normal ${TOOLBAR_ITEM_TAG_NAME} `,\n            };\n            const catchRef = (el) => {\n                if (el)\n                    this.indexToElement.set(index, el);\n            };\n            return '_href' in element ? (h(KolLinkWcTag, Object.assign({}, element, props, { ref: catchRef }))) : (h(KolButtonWcTag, Object.assign({}, element, props, { ref: catchRef })));\n        };\n        this.state = {\n            _label: '',\n            _items: [],\n        };\n        this.currentIndex = 0;\n        this._label = undefined;\n        this._items = undefined;\n    }\n    normalizeItem(item) {\n        const { _icons, _disabled } = item, rest = __rest(item, [\"_icons\", \"_disabled\"]);\n        return Object.assign(Object.assign({}, rest), { _icons, _disabled });\n    }\n    render() {\n        return (h(Host, { key: 'b3d64370b42779863c0bb7c631790c1c2057bbab', class: \"kol-toolbar\" }, h(\"div\", { key: 'c4fddaa528e345be91561aadb24e5c5f85404071', class: \"toolbar\", role: \"toolbar\", \"aria-label\": this.state._label }, this.state._items.map(this.renderItem))));\n    }\n    validateLabel(value) {\n        validateLabel(this, value);\n    }\n    validateItems(value) {\n        validateToolbarItems(this, value);\n        this.indexToElement.clear();\n        this.setFirstEnabledItemIndex();\n    }\n    getCurrentToolbarItem(index) {\n        return typeof index === 'number' ? this.indexToElement.get(index) : undefined;\n    }\n    setFirstEnabledItemIndex() {\n        var _a;\n        this.currentIndex = (_a = this.state._items) === null || _a === void 0 ? void 0 : _a.findIndex((item) => !item._disabled);\n    }\n    handleKeyDown(event) {\n        var _a, _b, _c, _d, _e;\n        const isArrowKey = event.code === 'ArrowRight' || event.code === 'ArrowLeft' || event.code === 'ArrowUp' || event.code === 'ArrowDown';\n        if (!isArrowKey)\n            return;\n        event.preventDefault();\n        const lastItemIndex = ((_b = (_a = this._items) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) - 1;\n        if (lastItemIndex < 0)\n            return;\n        const currentIndex = this.currentIndex;\n        let nextIndex = currentIndex;\n        switch (event.code) {\n            case 'ArrowUp':\n            case 'ArrowLeft':\n                nextIndex = currentIndex > 0 ? currentIndex - 1 : lastItemIndex;\n                break;\n            case 'ArrowDown':\n            case 'ArrowRight':\n                nextIndex = currentIndex < lastItemIndex ? currentIndex + 1 : 0;\n                break;\n        }\n        if (currentIndex === nextIndex)\n            return;\n        if ((_d = (_c = this.state._items) === null || _c === void 0 ? void 0 : _c[nextIndex]) === null || _d === void 0 ? void 0 : _d._disabled)\n            return;\n        this.currentIndex = nextIndex;\n        void ((_e = this.getCurrentToolbarItem(nextIndex)) === null || _e === void 0 ? void 0 : _e.kolFocus());\n    }\n    handleBlur(event) {\n        if (event.target === this.host)\n            this.setFirstEnabledItemIndex();\n    }\n    componentWillLoad() {\n        this.validateLabel(this._label);\n        this.validateItems(this._items);\n        this.setFirstEnabledItemIndex();\n    }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_label\": [\"validateLabel\"],\n        \"_items\": [\"validateItems\"]\n    }; }\n};\nKolToolbar.style = {\n    default: KolToolbarDefaultStyle0\n};\n\nexport { KolToolbar as kol_toolbar };\n\n//# sourceMappingURL=kol-toolbar.entry.js.map"],"names":["validateToolbarItems","component","value","emptyStringByArrayHandler","objectObjectHandler","parseJson","items","isObject","setState","defaultStyleCss","KolToolbarDefaultStyle0","TOOLBAR_ITEM_TAG_NAME","KolToolbar","hostRef","registerInstance","raw","index","element","tabIndex","props","catchRef","el","h","KolLinkWcTag","KolButtonWcTag","item","_icons","_disabled","rest","__rest","Host","validateLabel","_a","event","_b","_c","_d","_e","lastItemIndex","currentIndex","nextIndex","getElement"],"mappings":"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"}

package/dist/assets/{kol-tooltip-wc.entry-B8lCMx51.js → kol-tooltip-wc.entry-shpLpKZQ.js}

@@ -1,2 +1,2 @@
-import{r as n,P as a,h as l,d as h,H as d,m as r,t as u}from"./index-CuVaZDbz.js";import{b as c,a as p}from"./align-floating-elements-a7a489c8-jEWG-o6W.js";import{t as v,a as m}from"./tooltip-open-tracking-23a84b19-DRkgcff2.js";import{v as E}from"./badge-text-553534d4-3JQx_Yw5.js";import{v as f}from"./align-f3101425-pxLvIy2b.js";import{v as g}from"./label-7d1ce375-BtKh8zOM.js";const b=(e,t)=>{u(e,"_id",t)},o=new Set;function T(e){o.forEach(t=>{t.style.setProperty("z-index","999")}),o.add(e),e.style.setProperty("z-index","1000")}function L(e){if(o.delete(e),o.size>0){const t=Array.from(o).pop();t&&t.style.setProperty("z-index","1000")}}const F=class{constructor(e){n(this,e),this.hasFocusIn=!1,this.hasMouseIn=!1,this.showTooltip=()=>{if(this.previousSibling&&this.tooltipElement){T(this.tooltipElement),v(),this.tooltipElement.classList.remove("hide"),this.tooltipElement.classList.add("show"),this.tooltipElement.style.setProperty("display","block"),a().addEventListener("keyup",this.hideTooltipByEscape,{once:!0});const t=this.previousSibling,i=this.tooltipElement;this.cleanupAutoPositioning=c(t,i,()=>{this.alignTooltip()})}},this.hideTooltip=()=>{this.tooltipElement&&(L(this.tooltipElement),m(),this.tooltipElement.classList.remove("show"),this.tooltipElement.classList.add("hide"),this.cleanupAutoPositioning&&(this.cleanupAutoPositioning(),this.cleanupAutoPositioning=void 0)),a().removeEventListener("keyup",this.hideTooltipByEscape)},this.hideTooltipByEscape=t=>{t.key==="Escape"&&this.hideTooltip()},this.handleMouseEnter=()=>{this.hasMouseIn=!0,this.showOrHideTooltip()},this.handleMouseleave=t=>{var i,s;this.hasMouseIn=(s=(i=this.tooltipElement)===null||i===void 0?void 0:i.contains(t.relatedTarget))!==null&&s!==void 0?s:!1,this.showOrHideTooltip()},this.handleFocusIn=()=>{this.hasFocusIn=!0,this.showOrHideTooltip()},this.handleFocusout=()=>{this.hasFocusIn=!1,this.showOrHideTooltip()},this.addListeners=t=>{t.addEventListener("mouseenter",this.handleMouseEnter),t.addEventListener("mouseleave",this.handleMouseleave),t.addEventListener("focusin",this.handleFocusIn),t.addEventListener("focusout",this.handleFocusout)},this.removeListeners=t=>{t.removeEventListener("mouseenter",this.handleMouseEnter),t.removeEventListener("mouseleave",this.handleMouseleave),t.removeEventListener("focusin",this.handleFocusIn),t.removeEventListener("focusout",this.handleFocusout)},this.resyncListeners=(t,i,s=!1)=>{t&&this.removeListeners(t),i&&(s&&(this.previousSibling=i),this.addListeners(i))},this.catchTooltipElement=t=>{this.tooltipElement=t},this.catchArrowElement=t=>{this.arrowElement=t},this.showOrHideTooltip=()=>{clearTimeout(this.overFocusTimeout),this.overFocusTimeout=setTimeout(()=>{this.hasMouseIn||this.hasFocusIn?this.showTooltip():this.hideTooltip()},300)},this._badgeText=void 0,this._align="top",this._id=void 0,this._label=void 0,this.state={_align:"top",_label:""}}async alignTooltip(){this.tooltipElement&&this.previousSibling&&await p({align:this._align,referenceElement:this.previousSibling,arrowElement:this.arrowElement,floatingElement:this.tooltipElement})}render(){return l(d,{key:"092069a1b40726d8b5a7a63b07d91a8caaece955",class:"kol-tooltip-wc"},this.state._label!==""&&l("div",{key:"3eb1f5e75eacf2d2fd8e63341f316c3bb7495345",class:"tooltip-floating",ref:this.catchTooltipElement},l("div",{key:"a51ca1cb502de1bad2e7c1a5defd1d846529fe06",class:"tooltip-area tooltip-arrow",ref:this.catchArrowElement}),l(h,{key:"a0bd94af84f1a054cd73d03b960fbcda6bfa31a6",class:"tooltip-area tooltip-content",id:this.state._id,_badgeText:this._badgeText,_label:this.state._label})))}validateBadgeText(e){E(this,e)}validateAlign(e){f(this,e)}validateId(e){b(this,e)}validateLabel(e){g(this,e,{required:!0})}componentWillLoad(){this.validateBadgeText(this._badgeText),this.validateAlign(this._align),this.validateId(this._id),this.validateLabel(this._label)}handleEventListeners(){var e,t;const i=(t=(e=this.host)===null||e===void 0?void 0:e.previousElementSibling)!==null&&t!==void 0?t:null;this.resyncListeners(this.previousSibling,i,!0),this.resyncListeners(this.tooltipElement,this.tooltipElement)}connectedCallback(){var e,t;this.previousSibling=(t=(e=this.host)===null||e===void 0?void 0:e.previousElementSibling)!==null&&t!==void 0?t:null}componentDidRender(){this.handleEventListeners()}disconnectedCallback(){this.previousSibling&&(this.removeListeners(this.previousSibling),this.previousSibling=void 0),this.tooltipElement&&this.removeListeners(this.tooltipElement),this.cleanupAutoPositioning&&this.cleanupAutoPositioning()}get host(){return r(this)}static get watchers(){return{_badgeText:["validateBadgeText"],_align:["validateAlign"],_id:["validateId"],_label:["validateLabel"]}}};export{F as kol_tooltip_wc};
-//# sourceMappingURL=kol-tooltip-wc.entry-B8lCMx51.js.map
+import{r as a,P as n,h as l,d as h,H as r,m as d,t as c}from"./index-BnWQwThm.js";import{b as u,a as p}from"./align-floating-elements-a7a489c8-DGPzHHqU.js";import{t as v,a as m}from"./tooltip-open-tracking-23a84b19-DRkgcff2.js";import{v as f}from"./badge-text-553534d4-B0uOyCAQ.js";import{v as E}from"./align-f3101425-QQ9Y8SbR.js";import{v as g}from"./label-7d1ce375-jnwIcbOt.js";const b=(e,t)=>{c(e,"_id",t)},o=new Set;function T(e){o.forEach(t=>{t.style.setProperty("z-index","999")}),o.add(e),e.style.setProperty("z-index","1000")}function L(e){if(o.delete(e),o.size>0){const t=Array.from(o).pop();t&&t.style.setProperty("z-index","1000")}}const F=class{constructor(e){a(this,e),this.hasFocusIn=!1,this.hasMouseIn=!1,this.showTooltip=()=>{if(this.previousSibling&&this.tooltipElement){T(this.tooltipElement),v(),this.tooltipElement.classList.remove("hide"),this.tooltipElement.classList.add("show"),this.tooltipElement.style.setProperty("display","block"),n().addEventListener("keyup",this.hideTooltipByEscape,{once:!0});const t=this.previousSibling,i=this.tooltipElement;this.cleanupAutoPositioning=u(t,i,()=>{this.alignTooltip()})}},this.hideTooltip=()=>{this.tooltipElement&&(L(this.tooltipElement),m(),this.tooltipElement.classList.remove("show"),this.tooltipElement.classList.add("hide"),this.cleanupAutoPositioning&&(this.cleanupAutoPositioning(),this.cleanupAutoPositioning=void 0)),n().removeEventListener("keyup",this.hideTooltipByEscape)},this.hideTooltipByEscape=t=>{t.key==="Escape"&&this.hideTooltip()},this.handleMouseEnter=()=>{this.hasMouseIn=!0,this.showOrHideTooltip()},this.handleMouseleave=t=>{var i,s;this.hasMouseIn=(s=(i=this.tooltipElement)===null||i===void 0?void 0:i.contains(t.relatedTarget))!==null&&s!==void 0?s:!1,this.showOrHideTooltip()},this.handleFocusIn=()=>{this.hasFocusIn=!0,this.showOrHideTooltip()},this.handleFocusout=()=>{this.hasFocusIn=!1,this.showOrHideTooltip()},this.addListeners=t=>{t.addEventListener("mouseenter",this.handleMouseEnter),t.addEventListener("mouseleave",this.handleMouseleave),t.addEventListener("focusin",this.handleFocusIn),t.addEventListener("focusout",this.handleFocusout)},this.removeListeners=t=>{t.removeEventListener("mouseenter",this.handleMouseEnter),t.removeEventListener("mouseleave",this.handleMouseleave),t.removeEventListener("focusin",this.handleFocusIn),t.removeEventListener("focusout",this.handleFocusout)},this.resyncListeners=(t,i,s=!1)=>{t&&this.removeListeners(t),i&&(s&&(this.previousSibling=i),this.addListeners(i))},this.catchTooltipElement=t=>{this.tooltipElement=t},this.catchArrowElement=t=>{this.arrowElement=t},this.showOrHideTooltip=()=>{clearTimeout(this.overFocusTimeout),this.overFocusTimeout=setTimeout(()=>{this.hasMouseIn||this.hasFocusIn?this.showTooltip():this.hideTooltip()},300)},this._badgeText=void 0,this._align="top",this._id=void 0,this._label=void 0,this.state={_align:"top",_label:""}}async alignTooltip(){this.tooltipElement&&this.previousSibling&&await p({align:this._align,referenceElement:this.previousSibling,arrowElement:this.arrowElement,floatingElement:this.tooltipElement})}render(){return l(r,{key:"9e4d556350fe633cbc4698acdab9af4137260144",class:"kol-tooltip-wc"},this.state._label!==""&&l("div",{key:"80400a2fbb5da8e5e9318466fbdf1f63eb290320",class:"tooltip-floating",ref:this.catchTooltipElement},l("div",{key:"4c817d25203a649f778fa98c5c97e27a5259ad4f",class:"tooltip-area tooltip-arrow",ref:this.catchArrowElement}),l(h,{key:"97dc74f5efc3841c338efe4ca61f9de9094195a3",class:"tooltip-area tooltip-content",id:this.state._id,_badgeText:this._badgeText,_label:this.state._label})))}validateBadgeText(e){f(this,e)}validateAlign(e){E(this,e)}validateId(e){b(this,e)}validateLabel(e){g(this,e,{required:!0})}componentWillLoad(){this.validateBadgeText(this._badgeText),this.validateAlign(this._align),this.validateId(this._id),this.validateLabel(this._label)}handleEventListeners(){var e,t;const i=(t=(e=this.host)===null||e===void 0?void 0:e.previousElementSibling)!==null&&t!==void 0?t:null;this.resyncListeners(this.previousSibling,i,!0),this.resyncListeners(this.tooltipElement,this.tooltipElement)}connectedCallback(){var e,t;this.previousSibling=(t=(e=this.host)===null||e===void 0?void 0:e.previousElementSibling)!==null&&t!==void 0?t:null}componentDidRender(){this.handleEventListeners()}disconnectedCallback(){this.previousSibling&&(this.removeListeners(this.previousSibling),this.previousSibling=void 0),this.tooltipElement&&this.removeListeners(this.tooltipElement),this.cleanupAutoPositioning&&this.cleanupAutoPositioning()}get host(){return d(this)}static get watchers(){return{_badgeText:["validateBadgeText"],_align:["validateAlign"],_id:["validateId"],_label:["validateLabel"]}}};export{F as kol_tooltip_wc};
+//# sourceMappingURL=kol-tooltip-wc.entry-shpLpKZQ.js.map

package/dist/assets/{kol-tooltip-wc.entry-B8lCMx51.js.map → kol-tooltip-wc.entry-shpLpKZQ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-tooltip-wc.entry-B8lCMx51.js","sources":["../../../../components/dist/esm/kol-tooltip-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host, g as getElement } from './index-baac09c0.js';\nimport { b as autoUpdate, a as alignFloatingElements } from './align-floating-elements-a7a489c8.js';\nimport { y as watchString, g as getDocument } from './index-7a63e9eb.js';\nimport { f as KolSpanWcTag } from './component-names-4cb1c62b.js';\nimport { t as tooltipOpened, a as tooltipClosed } from './tooltip-open-tracking-23a84b19.js';\nimport { v as validateBadgeText } from './badge-text-553534d4.js';\nimport { a as validateAlign } from './align-f3101425.js';\nimport { v as validateLabel } from './label-7d1ce375.js';\n\nconst validateId = (component, value) => {\n    watchString(component, '_id', value);\n};\n\nconst VISIBLE_OVERLAYS = new Set();\nfunction showOverlay(overlay) {\n    VISIBLE_OVERLAYS.forEach((visibleOverlay) => {\n        visibleOverlay.style.setProperty('z-index', '999');\n    });\n    VISIBLE_OVERLAYS.add(overlay);\n    overlay.style.setProperty('z-index', '1000');\n}\nfunction hideOverlay(overlay) {\n    VISIBLE_OVERLAYS.delete(overlay);\n    if (VISIBLE_OVERLAYS.size > 0) {\n        const last = Array.from(VISIBLE_OVERLAYS).pop();\n        if (last) {\n            last.style.setProperty('z-index', '1000');\n        }\n    }\n}\n\nconst KolTooltipWc = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.hasFocusIn = false;\n        this.hasMouseIn = false;\n        this.showTooltip = () => {\n            if (this.previousSibling && this.tooltipElement) {\n                showOverlay(this.tooltipElement);\n                tooltipOpened();\n                this.tooltipElement.classList.remove('hide');\n                this.tooltipElement.classList.add('show');\n                this.tooltipElement.style.setProperty('display', 'block');\n                getDocument().addEventListener('keyup', this.hideTooltipByEscape, {\n                    once: true,\n                });\n                const target = this.previousSibling;\n                const tooltipEl = this.tooltipElement;\n                this.cleanupAutoPositioning = autoUpdate(target, tooltipEl, () => {\n                    void this.alignTooltip();\n                });\n            }\n        };\n        this.hideTooltip = () => {\n            if (this.tooltipElement) {\n                hideOverlay(this.tooltipElement);\n                tooltipClosed();\n                this.tooltipElement.classList.remove('show');\n                this.tooltipElement.classList.add('hide');\n                if (this.cleanupAutoPositioning) {\n                    this.cleanupAutoPositioning();\n                    this.cleanupAutoPositioning = undefined;\n                }\n            }\n            getDocument().removeEventListener('keyup', this.hideTooltipByEscape);\n        };\n        this.hideTooltipByEscape = (event) => {\n            if (event.key === 'Escape') {\n                this.hideTooltip();\n            }\n        };\n        this.handleMouseEnter = () => {\n            this.hasMouseIn = true;\n            this.showOrHideTooltip();\n        };\n        this.handleMouseleave = (event) => {\n            var _a, _b;\n            this.hasMouseIn = (_b = (_a = this.tooltipElement) === null || _a === void 0 ? void 0 : _a.contains(event.relatedTarget)) !== null && _b !== void 0 ? _b : false;\n            this.showOrHideTooltip();\n        };\n        this.handleFocusIn = () => {\n            this.hasFocusIn = true;\n            this.showOrHideTooltip();\n        };\n        this.handleFocusout = () => {\n            this.hasFocusIn = false;\n            this.showOrHideTooltip();\n        };\n        this.addListeners = (el) => {\n            el.addEventListener('mouseenter', this.handleMouseEnter);\n            el.addEventListener('mouseleave', this.handleMouseleave);\n            el.addEventListener('focusin', this.handleFocusIn);\n            el.addEventListener('focusout', this.handleFocusout);\n        };\n        this.removeListeners = (el) => {\n            el.removeEventListener('mouseenter', this.handleMouseEnter);\n            el.removeEventListener('mouseleave', this.handleMouseleave);\n            el.removeEventListener('focusin', this.handleFocusIn);\n            el.removeEventListener('focusout', this.handleFocusout);\n        };\n        this.resyncListeners = (last, next, replacePreviousSibling = false) => {\n            if (last) {\n                this.removeListeners(last);\n            }\n            if (next) {\n                if (replacePreviousSibling) {\n                    this.previousSibling = next;\n                }\n                this.addListeners(next);\n            }\n        };\n        this.catchTooltipElement = (el) => {\n            this.tooltipElement = el;\n        };\n        this.catchArrowElement = (element) => {\n            this.arrowElement = element;\n        };\n        this.showOrHideTooltip = () => {\n            clearTimeout(this.overFocusTimeout);\n            this.overFocusTimeout = setTimeout(() => {\n                if (this.hasMouseIn || this.hasFocusIn) {\n                    this.showTooltip();\n                }\n                else {\n                    this.hideTooltip();\n                }\n            }, 300);\n        };\n        this._badgeText = undefined;\n        this._align = 'top';\n        this._id = undefined;\n        this._label = undefined;\n        this.state = {\n            _align: 'top',\n            _label: '',\n        };\n    }\n    async alignTooltip() {\n        if (this.tooltipElement && this.previousSibling) {\n            await alignFloatingElements({\n                align: this._align,\n                referenceElement: this.previousSibling,\n                arrowElement: this.arrowElement,\n                floatingElement: this.tooltipElement,\n            });\n        }\n    }\n    render() {\n        return (h(Host, { key: '092069a1b40726d8b5a7a63b07d91a8caaece955', class: \"kol-tooltip-wc\" }, this.state._label !== '' && (h(\"div\", { key: '3eb1f5e75eacf2d2fd8e63341f316c3bb7495345', class: \"tooltip-floating\", ref: this.catchTooltipElement }, h(\"div\", { key: 'a51ca1cb502de1bad2e7c1a5defd1d846529fe06', class: \"tooltip-area tooltip-arrow\", ref: this.catchArrowElement }), h(KolSpanWcTag, { key: 'a0bd94af84f1a054cd73d03b960fbcda6bfa31a6', class: \"tooltip-area tooltip-content\", id: this.state._id, _badgeText: this._badgeText, _label: this.state._label })))));\n    }\n    validateBadgeText(value) {\n        validateBadgeText(this, value);\n    }\n    validateAlign(value) {\n        validateAlign(this, value);\n    }\n    validateId(value) {\n        validateId(this, value);\n    }\n    validateLabel(value) {\n        validateLabel(this, value, {\n            required: true,\n        });\n    }\n    componentWillLoad() {\n        this.validateBadgeText(this._badgeText);\n        this.validateAlign(this._align);\n        this.validateId(this._id);\n        this.validateLabel(this._label);\n    }\n    handleEventListeners() {\n        var _a, _b;\n        const nextSibling = (_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.previousElementSibling) !== null && _b !== void 0 ? _b : null;\n        this.resyncListeners(this.previousSibling, nextSibling, true);\n        this.resyncListeners(this.tooltipElement, this.tooltipElement);\n    }\n    connectedCallback() {\n        var _a, _b;\n        this.previousSibling = (_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.previousElementSibling) !== null && _b !== void 0 ? _b : null;\n    }\n    componentDidRender() {\n        this.handleEventListeners();\n    }\n    disconnectedCallback() {\n        if (this.previousSibling) {\n            this.removeListeners(this.previousSibling);\n            this.previousSibling = undefined;\n        }\n        if (this.tooltipElement) {\n            this.removeListeners(this.tooltipElement);\n        }\n        if (this.cleanupAutoPositioning) {\n            this.cleanupAutoPositioning();\n        }\n    }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_badgeText\": [\"validateBadgeText\"],\n        \"_align\": [\"validateAlign\"],\n        \"_id\": [\"validateId\"],\n        \"_label\": [\"validateLabel\"]\n    }; }\n};\n\nexport { KolTooltipWc as kol_tooltip_wc };\n\n//# sourceMappingURL=kol-tooltip-wc.entry.js.map"],"names":["validateId","component","value","watchString","VISIBLE_OVERLAYS","showOverlay","overlay","visibleOverlay","hideOverlay","last","KolTooltipWc","hostRef","registerInstance","tooltipOpened","getDocument","target","tooltipEl","autoUpdate","tooltipClosed","event","_a","_b","el","next","replacePreviousSibling","element","alignFloatingElements","h","Host","KolSpanWcTag","validateBadgeText","validateAlign","validateLabel","nextSibling","getElement"],"mappings":"4XAYA,MAAMA,EAAa,CAACC,EAAWC,IAAU,CACrCC,EAAYF,EAAW,MAAOC,CAAK,CACvC,EAEME,EAAmB,IAAI,IAC7B,SAASC,EAAYC,EAAS,CAC1BF,EAAiB,QAASG,GAAmB,CACzCA,EAAe,MAAM,YAAY,UAAW,KAAK,CACrD,CAAC,EACDH,EAAiB,IAAIE,CAAO,EAC5BA,EAAQ,MAAM,YAAY,UAAW,MAAM,CAC/C,CACA,SAASE,EAAYF,EAAS,CAE1B,GADAF,EAAiB,OAAOE,CAAO,EAC3BF,EAAiB,KAAO,EAAG,CAC3B,MAAMK,EAAO,MAAM,KAAKL,CAAgB,EAAE,IAAG,EACzCK,GACAA,EAAK,MAAM,YAAY,UAAW,MAAM,CAEhD,CACJ,CAEK,MAACC,EAAe,KAAM,CACvB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,WAAa,GAClB,KAAK,WAAa,GAClB,KAAK,YAAc,IAAM,CACrB,GAAI,KAAK,iBAAmB,KAAK,eAAgB,CAC7CN,EAAY,KAAK,cAAc,EAC/BQ,EAAa,EACb,KAAK,eAAe,UAAU,OAAO,MAAM,EAC3C,KAAK,eAAe,UAAU,IAAI,MAAM,EACxC,KAAK,eAAe,MAAM,YAAY,UAAW,OAAO,EACxDC,EAAW,EAAG,iBAAiB,QAAS,KAAK,oBAAqB,CAC9D,KAAM,EAC1B,CAAiB,EACD,MAAMC,EAAS,KAAK,gBACdC,EAAY,KAAK,eACvB,KAAK,uBAAyBC,EAAWF,EAAQC,EAAW,IAAM,CACzD,KAAK,aAAY,CAC1B,CAAC,CACL,CACJ,EACA,KAAK,YAAc,IAAM,CACjB,KAAK,iBACLR,EAAY,KAAK,cAAc,EAC/BU,EAAa,EACb,KAAK,eAAe,UAAU,OAAO,MAAM,EAC3C,KAAK,eAAe,UAAU,IAAI,MAAM,EACpC,KAAK,yBACL,KAAK,uBAAsB,EAC3B,KAAK,uBAAyB,SAGtCJ,EAAW,EAAG,oBAAoB,QAAS,KAAK,mBAAmB,CACvE,EACA,KAAK,oBAAuBK,GAAU,CAC9BA,EAAM,MAAQ,UACd,KAAK,YAAW,CAExB,EACA,KAAK,iBAAmB,IAAM,CAC1B,KAAK,WAAa,GAClB,KAAK,kBAAiB,CAC1B,EACA,KAAK,iBAAoBA,GAAU,CAC/B,IAAIC,EAAIC,EACR,KAAK,YAAcA,GAAMD,EAAK,KAAK,kBAAoB,MAAQA,IAAO,OAAS,OAASA,EAAG,SAASD,EAAM,aAAa,KAAO,MAAQE,IAAO,OAASA,EAAK,GAC3J,KAAK,kBAAiB,CAC1B,EACA,KAAK,cAAgB,IAAM,CACvB,KAAK,WAAa,GAClB,KAAK,kBAAiB,CAC1B,EACA,KAAK,eAAiB,IAAM,CACxB,KAAK,WAAa,GAClB,KAAK,kBAAiB,CAC1B,EACA,KAAK,aAAgBC,GAAO,CACxBA,EAAG,iBAAiB,aAAc,KAAK,gBAAgB,EACvDA,EAAG,iBAAiB,aAAc,KAAK,gBAAgB,EACvDA,EAAG,iBAAiB,UAAW,KAAK,aAAa,EACjDA,EAAG,iBAAiB,WAAY,KAAK,cAAc,CACvD,EACA,KAAK,gBAAmBA,GAAO,CAC3BA,EAAG,oBAAoB,aAAc,KAAK,gBAAgB,EAC1DA,EAAG,oBAAoB,aAAc,KAAK,gBAAgB,EAC1DA,EAAG,oBAAoB,UAAW,KAAK,aAAa,EACpDA,EAAG,oBAAoB,WAAY,KAAK,cAAc,CAC1D,EACA,KAAK,gBAAkB,CAACb,EAAMc,EAAMC,EAAyB,KAAU,CAC/Df,GACA,KAAK,gBAAgBA,CAAI,EAEzBc,IACIC,IACA,KAAK,gBAAkBD,GAE3B,KAAK,aAAaA,CAAI,EAE9B,EACA,KAAK,oBAAuBD,GAAO,CAC/B,KAAK,eAAiBA,CAC1B,EACA,KAAK,kBAAqBG,GAAY,CAClC,KAAK,aAAeA,CACxB,EACA,KAAK,kBAAoB,IAAM,CAC3B,aAAa,KAAK,gBAAgB,EAClC,KAAK,iBAAmB,WAAW,IAAM,CACjC,KAAK,YAAc,KAAK,WACxB,KAAK,YAAW,EAGhB,KAAK,YAAW,CAExB,EAAG,GAAG,CACV,EACA,KAAK,WAAa,OAClB,KAAK,OAAS,MACd,KAAK,IAAM,OACX,KAAK,OAAS,OACd,KAAK,MAAQ,CACT,OAAQ,MACR,OAAQ,EACpB,CACI,CACA,MAAM,cAAe,CACb,KAAK,gBAAkB,KAAK,iBAC5B,MAAMC,EAAsB,CACxB,MAAO,KAAK,OACZ,iBAAkB,KAAK,gBACvB,aAAc,KAAK,aACnB,gBAAiB,KAAK,cACtC,CAAa,CAET,CACA,QAAS,CACL,OAAQC,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,gBAAgB,EAAI,KAAK,MAAM,SAAW,IAAOD,EAAE,MAAO,CAAE,IAAK,2CAA4C,MAAO,mBAAoB,IAAK,KAAK,mBAAmB,EAAIA,EAAE,MAAO,CAAE,IAAK,2CAA4C,MAAO,6BAA8B,IAAK,KAAK,iBAAiB,CAAE,EAAGA,EAAEE,EAAc,CAAE,IAAK,2CAA4C,MAAO,+BAAgC,GAAI,KAAK,MAAM,IAAK,WAAY,KAAK,WAAY,OAAQ,KAAK,MAAM,MAAM,CAAE,CAAC,CAAE,CACjjB,CACA,kBAAkB3B,EAAO,CACrB4B,EAAkB,KAAM5B,CAAK,CACjC,CACA,cAAcA,EAAO,CACjB6B,EAAc,KAAM7B,CAAK,CAC7B,CACA,WAAWA,EAAO,CACdF,EAAW,KAAME,CAAK,CAC1B,CACA,cAAcA,EAAO,CACjB8B,EAAc,KAAM9B,EAAO,CACvB,SAAU,EACtB,CAAS,CACL,CACA,mBAAoB,CAChB,KAAK,kBAAkB,KAAK,UAAU,EACtC,KAAK,cAAc,KAAK,MAAM,EAC9B,KAAK,WAAW,KAAK,GAAG,EACxB,KAAK,cAAc,KAAK,MAAM,CAClC,CACA,sBAAuB,CACnB,IAAIkB,EAAIC,EACR,MAAMY,GAAeZ,GAAMD,EAAK,KAAK,QAAU,MAAQA,IAAO,OAAS,OAASA,EAAG,0BAA4B,MAAQC,IAAO,OAASA,EAAK,KAC5I,KAAK,gBAAgB,KAAK,gBAAiBY,EAAa,EAAI,EAC5D,KAAK,gBAAgB,KAAK,eAAgB,KAAK,cAAc,CACjE,CACA,mBAAoB,CAChB,IAAIb,EAAIC,EACR,KAAK,iBAAmBA,GAAMD,EAAK,KAAK,QAAU,MAAQA,IAAO,OAAS,OAASA,EAAG,0BAA4B,MAAQC,IAAO,OAASA,EAAK,IACnJ,CACA,oBAAqB,CACjB,KAAK,qBAAoB,CAC7B,CACA,sBAAuB,CACf,KAAK,kBACL,KAAK,gBAAgB,KAAK,eAAe,EACzC,KAAK,gBAAkB,QAEvB,KAAK,gBACL,KAAK,gBAAgB,KAAK,cAAc,EAExC,KAAK,wBACL,KAAK,uBAAsB,CAEnC,CACA,IAAI,MAAO,CAAE,OAAOa,EAAW,IAAI,CAAG,CACtC,WAAW,UAAW,CAAE,MAAO,CAC3B,WAAc,CAAC,mBAAmB,EAClC,OAAU,CAAC,eAAe,EAC1B,IAAO,CAAC,YAAY,EACpB,OAAU,CAAC,eAAe,CAClC,CAAO,CACP"}
+{"version":3,"file":"kol-tooltip-wc.entry-shpLpKZQ.js","sources":["../../../../components/dist/esm/kol-tooltip-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host, g as getElement } from './index-efad7e81.js';\nimport { b as autoUpdate, a as alignFloatingElements } from './align-floating-elements-a7a489c8.js';\nimport { y as watchString, g as getDocument } from './index-7a63e9eb.js';\nimport { f as KolSpanWcTag } from './component-names-ad1568d0.js';\nimport { t as tooltipOpened, a as tooltipClosed } from './tooltip-open-tracking-23a84b19.js';\nimport { v as validateBadgeText } from './badge-text-553534d4.js';\nimport { a as validateAlign } from './align-f3101425.js';\nimport { v as validateLabel } from './label-7d1ce375.js';\n\nconst validateId = (component, value) => {\n    watchString(component, '_id', value);\n};\n\nconst VISIBLE_OVERLAYS = new Set();\nfunction showOverlay(overlay) {\n    VISIBLE_OVERLAYS.forEach((visibleOverlay) => {\n        visibleOverlay.style.setProperty('z-index', '999');\n    });\n    VISIBLE_OVERLAYS.add(overlay);\n    overlay.style.setProperty('z-index', '1000');\n}\nfunction hideOverlay(overlay) {\n    VISIBLE_OVERLAYS.delete(overlay);\n    if (VISIBLE_OVERLAYS.size > 0) {\n        const last = Array.from(VISIBLE_OVERLAYS).pop();\n        if (last) {\n            last.style.setProperty('z-index', '1000');\n        }\n    }\n}\n\nconst KolTooltipWc = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.hasFocusIn = false;\n        this.hasMouseIn = false;\n        this.showTooltip = () => {\n            if (this.previousSibling && this.tooltipElement) {\n                showOverlay(this.tooltipElement);\n                tooltipOpened();\n                this.tooltipElement.classList.remove('hide');\n                this.tooltipElement.classList.add('show');\n                this.tooltipElement.style.setProperty('display', 'block');\n                getDocument().addEventListener('keyup', this.hideTooltipByEscape, {\n                    once: true,\n                });\n                const target = this.previousSibling;\n                const tooltipEl = this.tooltipElement;\n                this.cleanupAutoPositioning = autoUpdate(target, tooltipEl, () => {\n                    void this.alignTooltip();\n                });\n            }\n        };\n        this.hideTooltip = () => {\n            if (this.tooltipElement) {\n                hideOverlay(this.tooltipElement);\n                tooltipClosed();\n                this.tooltipElement.classList.remove('show');\n                this.tooltipElement.classList.add('hide');\n                if (this.cleanupAutoPositioning) {\n                    this.cleanupAutoPositioning();\n                    this.cleanupAutoPositioning = undefined;\n                }\n            }\n            getDocument().removeEventListener('keyup', this.hideTooltipByEscape);\n        };\n        this.hideTooltipByEscape = (event) => {\n            if (event.key === 'Escape') {\n                this.hideTooltip();\n            }\n        };\n        this.handleMouseEnter = () => {\n            this.hasMouseIn = true;\n            this.showOrHideTooltip();\n        };\n        this.handleMouseleave = (event) => {\n            var _a, _b;\n            this.hasMouseIn = (_b = (_a = this.tooltipElement) === null || _a === void 0 ? void 0 : _a.contains(event.relatedTarget)) !== null && _b !== void 0 ? _b : false;\n            this.showOrHideTooltip();\n        };\n        this.handleFocusIn = () => {\n            this.hasFocusIn = true;\n            this.showOrHideTooltip();\n        };\n        this.handleFocusout = () => {\n            this.hasFocusIn = false;\n            this.showOrHideTooltip();\n        };\n        this.addListeners = (el) => {\n            el.addEventListener('mouseenter', this.handleMouseEnter);\n            el.addEventListener('mouseleave', this.handleMouseleave);\n            el.addEventListener('focusin', this.handleFocusIn);\n            el.addEventListener('focusout', this.handleFocusout);\n        };\n        this.removeListeners = (el) => {\n            el.removeEventListener('mouseenter', this.handleMouseEnter);\n            el.removeEventListener('mouseleave', this.handleMouseleave);\n            el.removeEventListener('focusin', this.handleFocusIn);\n            el.removeEventListener('focusout', this.handleFocusout);\n        };\n        this.resyncListeners = (last, next, replacePreviousSibling = false) => {\n            if (last) {\n                this.removeListeners(last);\n            }\n            if (next) {\n                if (replacePreviousSibling) {\n                    this.previousSibling = next;\n                }\n                this.addListeners(next);\n            }\n        };\n        this.catchTooltipElement = (el) => {\n            this.tooltipElement = el;\n        };\n        this.catchArrowElement = (element) => {\n            this.arrowElement = element;\n        };\n        this.showOrHideTooltip = () => {\n            clearTimeout(this.overFocusTimeout);\n            this.overFocusTimeout = setTimeout(() => {\n                if (this.hasMouseIn || this.hasFocusIn) {\n                    this.showTooltip();\n                }\n                else {\n                    this.hideTooltip();\n                }\n            }, 300);\n        };\n        this._badgeText = undefined;\n        this._align = 'top';\n        this._id = undefined;\n        this._label = undefined;\n        this.state = {\n            _align: 'top',\n            _label: '',\n        };\n    }\n    async alignTooltip() {\n        if (this.tooltipElement && this.previousSibling) {\n            await alignFloatingElements({\n                align: this._align,\n                referenceElement: this.previousSibling,\n                arrowElement: this.arrowElement,\n                floatingElement: this.tooltipElement,\n            });\n        }\n    }\n    render() {\n        return (h(Host, { key: '9e4d556350fe633cbc4698acdab9af4137260144', class: \"kol-tooltip-wc\" }, this.state._label !== '' && (h(\"div\", { key: '80400a2fbb5da8e5e9318466fbdf1f63eb290320', class: \"tooltip-floating\", ref: this.catchTooltipElement }, h(\"div\", { key: '4c817d25203a649f778fa98c5c97e27a5259ad4f', class: \"tooltip-area tooltip-arrow\", ref: this.catchArrowElement }), h(KolSpanWcTag, { key: '97dc74f5efc3841c338efe4ca61f9de9094195a3', class: \"tooltip-area tooltip-content\", id: this.state._id, _badgeText: this._badgeText, _label: this.state._label })))));\n    }\n    validateBadgeText(value) {\n        validateBadgeText(this, value);\n    }\n    validateAlign(value) {\n        validateAlign(this, value);\n    }\n    validateId(value) {\n        validateId(this, value);\n    }\n    validateLabel(value) {\n        validateLabel(this, value, {\n            required: true,\n        });\n    }\n    componentWillLoad() {\n        this.validateBadgeText(this._badgeText);\n        this.validateAlign(this._align);\n        this.validateId(this._id);\n        this.validateLabel(this._label);\n    }\n    handleEventListeners() {\n        var _a, _b;\n        const nextSibling = (_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.previousElementSibling) !== null && _b !== void 0 ? _b : null;\n        this.resyncListeners(this.previousSibling, nextSibling, true);\n        this.resyncListeners(this.tooltipElement, this.tooltipElement);\n    }\n    connectedCallback() {\n        var _a, _b;\n        this.previousSibling = (_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.previousElementSibling) !== null && _b !== void 0 ? _b : null;\n    }\n    componentDidRender() {\n        this.handleEventListeners();\n    }\n    disconnectedCallback() {\n        if (this.previousSibling) {\n            this.removeListeners(this.previousSibling);\n            this.previousSibling = undefined;\n        }\n        if (this.tooltipElement) {\n            this.removeListeners(this.tooltipElement);\n        }\n        if (this.cleanupAutoPositioning) {\n            this.cleanupAutoPositioning();\n        }\n    }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_badgeText\": [\"validateBadgeText\"],\n        \"_align\": [\"validateAlign\"],\n        \"_id\": [\"validateId\"],\n        \"_label\": [\"validateLabel\"]\n    }; }\n};\n\nexport { KolTooltipWc as kol_tooltip_wc };\n\n//# sourceMappingURL=kol-tooltip-wc.entry.js.map"],"names":["validateId","component","value","watchString","VISIBLE_OVERLAYS","showOverlay","overlay","visibleOverlay","hideOverlay","last","KolTooltipWc","hostRef","registerInstance","tooltipOpened","getDocument","target","tooltipEl","autoUpdate","tooltipClosed","event","_a","_b","el","next","replacePreviousSibling","element","alignFloatingElements","h","Host","KolSpanWcTag","validateBadgeText","validateAlign","validateLabel","nextSibling","getElement"],"mappings":"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"}

package/dist/assets/{kol-tree-item-wc.entry-CFyzSXcy.js → kol-tree-item-wc.entry-D2OSUJfn.js}

@@ -1,2 +1,2 @@
-import{r as o,h as a,n as h,e as c,H as d,am as r,m as f,q as v}from"./index-CuVaZDbz.js";import{n as p}from"./dev.utils-47c3024f-C4J3ELKO.js";import{v as _}from"./label-7d1ce375-BtKh8zOM.js";import{v as b}from"./open-74ada92d-hGILWOwm.js";import{v as u}from"./href-3ee53c2c-BnY9k9xg.js";const m=(e,t,s)=>{v(e,"_active",t,s)},O=class{constructor(e){o(this,e),this.groupId=`tree-group-${p()}`,this.level=void 0,this.state={_active:!1,_hasChildren:!1,_href:"",_label:"",_open:!1},this._active=void 0,this._label=void 0,this._open=void 0,this._href=void 0}render(){const{_href:e,_active:t,_hasChildren:s,_open:i,_label:n}=this.state;return a(d,{key:"7138fb8c723f2bf3e3a06fbb6aea211534068f36",onSlotchange:this.handleSlotchange.bind(this),class:"kol-tree-item-wc"},a("li",{key:"f790d81d295f070457e39b6591de5c58cbe95b09",class:"tree-item",style:{"--level":`${this.level}`}},a(h,{key:"77d589d030b3eae35b1e7810fdc225f169e6bb4c",class:{"tree-link":!0,"first-level":this.level===0,active:!!t},_href:e,_label:"",_role:"treeitem",_tabIndex:t?0:-1,_ariaExpanded:s?i:void 0,_ariaOwns:s?this.groupId:void 0,ref:l=>this.linkElement=l},a("span",{key:"cdc688eb4d867dd1c7f4629139e38c471e02c23f",class:"tree-link-inner",slot:"expert"},s?a("span",{class:"toggle-button",onClick:l=>i?void this.handleCollapseClick(l):void this.handleExpandClick(l)},a(c,{class:"toggle-button-icon",_icons:`codicon codicon-${i?"chevron-down":"chevron-right"}`,_label:""})):a("span",{class:"toggle-button-placeholder"}),a("span",{key:"f2147ae17873f9a96221aef13dda7953ac7f592c",class:"text"},n))),a("ul",{key:"1020c40614da618527a53c460f9d974ed575da6f",hidden:!s||!i,role:"group",id:this.groupId},a("slot",{key:"d73bfce093bfbb5ff28758e82888a6d449b28c88"}))))}validateActive(e){m(this,e||!1)}validateLabel(e){_(this,e)}validateOpen(e){b(this,e)}validateHref(e){u(this,e)}componentWillLoad(){this.validateActive(this._active),this.validateLabel(this._label),this.validateOpen(this._open),this.validateHref(this._href),this.checkForChildren(),this.determineTreeItemDepth()}determineTreeItemDepth(){let e=0,t=this.host.parentNode.host.parentNode;for(;t!==null&&t.tagName.toLowerCase()!==r&&t!==document.body;)t=t.parentElement,e+=1;this.level=e}handleSlotchange(){this.checkForChildren()}checkForChildren(){var e,t;this.state=Object.assign(Object.assign({},this.state),{_hasChildren:!!(!((t=(e=this.host.querySelector("slot"))===null||e===void 0?void 0:e.assignedElements)===null||t===void 0)&&t.call(e).length)})}async focusLink(){await this.linkElement.kolFocus()}async handleExpandClick(e){e.preventDefault(),await this.linkElement.kolFocus(),await this.expand()}async expand(){this.state._hasChildren&&(this.state=Object.assign(Object.assign({},this.state),{_open:!0}))}async handleCollapseClick(e){e.preventDefault(),this.linkElement.focus(),await this.collapse()}async collapse(){this.state._hasChildren&&(this.state=Object.assign(Object.assign({},this.state),{_open:!1}))}async isOpen(){var e;return(e=this.state._open)!==null&&e!==void 0?e:!1}get host(){return f(this)}static get watchers(){return{_active:["validateActive"],_label:["validateLabel"],_open:["validateOpen"],_href:["validateHref"]}}};export{O as kol_tree_item_wc};
-//# sourceMappingURL=kol-tree-item-wc.entry-CFyzSXcy.js.map
+import{r as o,h as a,n as h,e as c,H as d,am as r,m as f,q as v}from"./index-BnWQwThm.js";import{n as p}from"./dev.utils-49eee6de-r4sFKo2j.js";import{v as b}from"./label-7d1ce375-jnwIcbOt.js";import{v as _}from"./open-74ada92d-BY84SggN.js";import{v as u}from"./href-3ee53c2c-C1IWkBTX.js";const m=(e,t,s)=>{v(e,"_active",t,s)},O=class{constructor(e){o(this,e),this.groupId=`tree-group-${p()}`,this.level=void 0,this.state={_active:!1,_hasChildren:!1,_href:"",_label:"",_open:!1},this._active=void 0,this._label=void 0,this._open=void 0,this._href=void 0}render(){const{_href:e,_active:t,_hasChildren:s,_open:i,_label:n}=this.state;return a(d,{key:"1181be8d7250b750cf064480ef9941c2d99fe2d0",onSlotchange:this.handleSlotchange.bind(this),class:"kol-tree-item-wc"},a("li",{key:"3349d65ca244c70fa6fa82403f45bb521f88d2d5",class:"tree-item",style:{"--level":`${this.level}`}},a(h,{key:"7387e1ffd5327583f1e9dc8733b0835c2248070e",class:{"tree-link":!0,"first-level":this.level===0,active:!!t},_href:e,_label:"",_role:"treeitem",_tabIndex:t?0:-1,_ariaExpanded:s?i:void 0,_ariaOwns:s?this.groupId:void 0,ref:l=>this.linkElement=l},a("span",{key:"456e0b79433f48e81811f6e4e635d2e1281b4e6b",class:"tree-link-inner",slot:"expert"},s?a("span",{class:"toggle-button",onClick:l=>i?void this.handleCollapseClick(l):void this.handleExpandClick(l)},a(c,{class:"toggle-button-icon",_icons:`codicon codicon-${i?"chevron-down":"chevron-right"}`,_label:""})):a("span",{class:"toggle-button-placeholder"}),a("span",{key:"074816a9371ebf5cb3a49b3460c5a368bc36465d",class:"text"},n))),a("ul",{key:"b073f00265bc39c0b44f38b6e48de75f57418ceb",hidden:!s||!i,role:"group",id:this.groupId},a("slot",{key:"79717d641b1cbf39ad956e19224ffed46ecee014"}))))}validateActive(e){m(this,e||!1)}validateLabel(e){b(this,e)}validateOpen(e){_(this,e)}validateHref(e){u(this,e)}componentWillLoad(){this.validateActive(this._active),this.validateLabel(this._label),this.validateOpen(this._open),this.validateHref(this._href),this.checkForChildren(),this.determineTreeItemDepth()}determineTreeItemDepth(){let e=0,t=this.host.parentNode.host.parentNode;for(;t!==null&&t.tagName.toLowerCase()!==r&&t!==document.body;)t=t.parentElement,e+=1;this.level=e}handleSlotchange(){this.checkForChildren()}checkForChildren(){var e,t;this.state=Object.assign(Object.assign({},this.state),{_hasChildren:!!(!((t=(e=this.host.querySelector("slot"))===null||e===void 0?void 0:e.assignedElements)===null||t===void 0)&&t.call(e).length)})}async focusLink(){await this.linkElement.kolFocus()}async handleExpandClick(e){e.preventDefault(),await this.linkElement.kolFocus(),await this.expand()}async expand(){this.state._hasChildren&&(this.state=Object.assign(Object.assign({},this.state),{_open:!0}))}async handleCollapseClick(e){e.preventDefault(),this.linkElement.focus(),await this.collapse()}async collapse(){this.state._hasChildren&&(this.state=Object.assign(Object.assign({},this.state),{_open:!1}))}async isOpen(){var e;return(e=this.state._open)!==null&&e!==void 0?e:!1}get host(){return f(this)}static get watchers(){return{_active:["validateActive"],_label:["validateLabel"],_open:["validateOpen"],_href:["validateHref"]}}};export{O as kol_tree_item_wc};
+//# sourceMappingURL=kol-tree-item-wc.entry-D2OSUJfn.js.map