@public-ui/sample-react 3.0.2 → 3.0.3-rc.0

package/dist/assets/{kol-textarea.entry-By-ibV6N.js → kol-textarea.entry-Bu_OCw7m.js}

@@ -1,10 +1,10 @@
-import{h as o,r as k,g as x,z as w,n as d,m as h,w as L}from"./index-CwbOeeUa.js";import{c as u}from"./clsx-eK3rPvPS-BT_IL7Fz.js";import{n as z}from"./dev.utils-BLpsI3cb-hwcgzcdb.js";import{F as R,g as S,c as C,a as H,e as B}from"./getRenderStates-Ct1857E--B6d54oZd.js";import{_ as p}from"./Heading-D6jsofJr-6ShWJHU7.js";import{I as M,a as O}from"./controller-icon-DLoMVTU--DZ70eL_b.js";import{a as A,v as F}from"./max-length-behavior-Dz2KB_23-DqW279b1.js";import{v as T}from"./rows-DyB9epqs-BewocuaU.js";import{v as j}from"./spell-check-CMcp2-Ad-DcmJyx9n.js";import"./isObject-DvSELytj-B0RigBxT.js";import"./Alert-MdLk8vsK-BgV-ohmB.js";import"./i18n-H9CUbi---CvgIEMJB.js";import"./access-and-short-key-CykHF9HL-BQilGac5.js";import"./hide-label-DYRsvAHX-CPkRRJDH.js";import"./label-D3d1qqIG-ur2RbYqf.js";import"./tooltip-align-5cqqmpu7-CMrIiFmx.js";import"./align-tkanisJ7-LqvDBlxi.js";import"./associated.controller-ClhjBSrR-hLZVI2Zv.js";import"./InternalUnderlinedBadgeText-rVGYkk8O-D815tsC-.js";import"./Icon-kJHHEk6R-CX1TcTAq.js";import"./icons-BVOoMgA0-vDzDqQsr.js";/*!
+import{h as o,r as b,g as y,n as k,w as x}from"./index-ccK9smvC.js";import{c as d}from"./clsx-eK3rPvPS-BT_IL7Fz.js";import{F as w,g as L,c as R,a as z,e as S}from"./FormFieldStateWrapper-DfpB93Pm-CcC6K3RX.js";import{I as C,a as H}from"./controller-icon-DVf-MnSw-EEIBtP9n.js";import{_ as h}from"./Heading-BTtiPVot-gXBqDUrq.js";import{n as B}from"./dev.utils-CXs0T-g8-KmBOPa4z.js";import{a as M,v as O,b as A}from"./max-length-behavior-CMskcscF-B1Y2sLdn.js";import{v as T}from"./placeholder-Ckc98Cd4-BhgN8AAQ.js";import{v as F}from"./read-only-BYMER4Lx-BGqEVxSD.js";import{v as V}from"./required-BQuX6tq7-sv4iDEdw.js";import{v as j}from"./rows-1ZtGG1p3-BD7aqE_b.js";import{v as q}from"./spell-check-BmrXkQ_h-CSxOkxgz.js";import"./isObject-DvSELytj-B0RigBxT.js";import"./Alert-ByNfG8nN-CpBof2j3.js";import"./i18n-CS5bfbb5-DF8lULrE.js";import"./access-and-short-key-sBSrfgCm-Cgpv8qRY.js";import"./disabled-Djp3yxc7-DbSWKVPU.js";import"./hide-label-BRUryqo4-qHzRe48k.js";import"./label-CyF697aK-Ck5S24j2.js";import"./tooltip-align-Crku-TvZ-D_a2AzJV.js";import"./align-DrcZAyfz-F2OAWnxX.js";import"./associated.controller-CPLCdcn6-DzMDeRqa.js";import"./InternalUnderlinedBadgeText-CFT7WIRl-7lKK20QX.js";import"./Icon-BqBfvzxD-l20Pmw7C.js";import"./icons-Rho8fw5B-Ccn5rEuA.js";/*!
  * KoliBri - The accessible HTML-Standard
- */const c=["vertical","none"],V=e=>{const{class:t,msg:n,touched:a,readonly:l,disabled:i,required:s,ariaDescribedBy:m,hideLabel:v,label:f}=e,_=p(e,["class","msg","touched","readonly","disabled","required","ariaDescribedBy","hideLabel","label"]),g=H(n,a),b={"kol-textarea--disabled":!!i,"kol-textarea--required":!!s,"kol-textarea--touched":!!a,"kol-textarea--readonly":!!l,[`kol-textarea--${(n==null?void 0:n.type)||"error"}`]:g},y=Object.assign(Object.assign({class:u("kol-textarea",b,t),required:s,disabled:i,readonly:l},B({ariaDescribedBy:m,hideLabel:v,label:f})),_);return o("textarea",Object.assign({},y))};function q(e,t){var n;const l=[...S(e).ariaDescribedBy,...(n=t.ariaDescribedBy)!==null&&n!==void 0?n:[]],i=Object.assign(Object.assign({id:e._id,hideLabel:e._hideLabel,label:e._label,value:e._value,accessKey:e._accessKey,disabled:e._disabled,name:e._name,rows:e._rows,readonly:e._readOnly,required:e._required,placeholder:e._placeholder,touched:e._touched,msg:C(e._msg)},t),{ariaDescribedBy:l});return"_maxLength"in e&&"_maxLengthBehavior"in e&&e._maxLengthBehavior==="hard"&&(i.maxLength=e._maxLength),i}const I=e=>{var{state:t}=e,n=p(e,["state"]);return o(V,Object.assign({},q(t,n)))};class D extends O{constructor(t,n,a){super(t,n,a),this.afterSyncCharCounter=()=>{typeof this.component._value=="string"&&(this.component.state._currentLength=this.component._value.length,this.updateCurrentLengthDebounced(this.component._value.length))},this.component=t}validateHasCounter(t){A(this.component,t)}validateMaxLengthBehavior(t){F(this.component,t)}validateMaxLength(t){w(this.component,"_maxLength",t,{min:0})}validatePlaceholder(t){d(this.component,"_placeholder",t)}validateReadOnly(t){h(this.component,"_readOnly",t)}validateResize(t){L(this.component,"_resize",n=>typeof n=="string"&&c.includes(n),new Set(`String {${c.join(", ")}`),t,{defaultValue:"vertical"})}validateRequired(t){h(this.component,"_required",t)}validateRows(t){T(this.component,t)}validateSpellCheck(t){j(this.component,t)}validateValue(t){d(this.component,"_value",t,{hooks:{afterPatch:this.afterSyncCharCounter}}),this.setFormAssociatedValue(this.component._value)}componentWillLoad(){super.componentWillLoad(),this.validateHasCounter(this.component._hasCounter),this.validateMaxLengthBehavior(this.component._maxLengthBehavior),this.validateMaxLength(this.component._maxLength),this.validatePlaceholder(this.component._placeholder),this.validateReadOnly(this.component._readOnly),this.validateRequired(this.component._required),this.validateResize(this.component._resize),this.validateRows(this.component._rows),this.validateSpellCheck(this.component._spellCheck),this.validateValue(this.component._value)}}const P=`/* forward the rem function */
+ */const c=["vertical","none"],I=e=>typeof e=="string"&&c.includes(e),P=(e,t)=>{x(e,"_resize",I,new Set(c),t,{defaultValue:"vertical"})},D=e=>{const{class:t,msg:n,touched:a,readonly:l,disabled:i,required:s,ariaDescribedBy:u,hideLabel:p,label:m}=e,v=h(e,["class","msg","touched","readonly","disabled","required","ariaDescribedBy","hideLabel","label"]),f=z(n,a),_={"kol-textarea--disabled":!!i,"kol-textarea--required":!!s,"kol-textarea--touched":!!a,"kol-textarea--readonly":!!l,[`kol-textarea--${(n==null?void 0:n.type)||"error"}`]:f},g=Object.assign(Object.assign({class:d("kol-textarea",_,t),required:s,disabled:i,readonly:l},S({ariaDescribedBy:u,hideLabel:p,label:m})),v);return o("textarea",Object.assign({},g))};function K(e,t){var n;const l=[...L(e).ariaDescribedBy,...(n=t.ariaDescribedBy)!==null&&n!==void 0?n:[]],i=Object.assign(Object.assign({id:e._id,hideLabel:e._hideLabel,label:e._label,value:e._value,accessKey:e._accessKey,disabled:e._disabled,name:e._name,rows:e._rows,readonly:e._readOnly,required:e._required,placeholder:e._placeholder,touched:e._touched,msg:R(e._msg)},t),{ariaDescribedBy:l});return"_maxLength"in e&&"_maxLengthBehavior"in e&&e._maxLengthBehavior==="hard"&&(i.maxLength=e._maxLength),i}const W=e=>{var{state:t}=e,n=h(e,["state"]);return o(D,Object.assign({},K(t,n)))};class N extends H{constructor(t,n,a){super(t,n,a),this.afterSyncCharCounter=()=>{typeof this.component._value=="string"&&(this.component.state._currentLength=this.component._value.length,this.updateCurrentLengthDebounced(this.component._value.length))},this.component=t}validateHasCounter(t){M(this.component,t)}validateMaxLengthBehavior(t){O(this.component,t)}validateMaxLength(t){A(this.component,t,{hooks:{afterPatch:this.afterSyncCharCounter}})}validatePlaceholder(t){T(this.component,t)}validateReadOnly(t){F(this.component,t)}validateResize(t){P(this.component,t)}validateRequired(t){V(this.component,t)}validateRows(t){j(this.component,t)}validateSpellCheck(t){q(this.component,t)}validateValue(t){k(this.component,"_value",t,{hooks:{afterPatch:this.afterSyncCharCounter}}),this.setFormAssociatedValue(this.component._value)}componentWillLoad(){super.componentWillLoad(),this.validateHasCounter(this.component._hasCounter),this.validateMaxLengthBehavior(this.component._maxLengthBehavior),this.validateMaxLength(this.component._maxLength),this.validatePlaceholder(this.component._placeholder),this.validateReadOnly(this.component._readOnly),this.validateRequired(this.component._required),this.validateResize(this.component._resize),this.validateRows(this.component._rows),this.validateSpellCheck(this.component._spellCheck),this.validateValue(this.component._value)}}const E=`/* forward the rem function */
 /*
  * This file contains all rules for accessibility.
  */
-@layer kol-global {
+@layer kol-a11y {
   :host {
     /*
      * Minimum size of interactive elements.
@@ -77,23 +77,22 @@ import{h as o,r as k,g as x,z as w,n as d,m as h,w as L}from"./index-CwbOeeUa.js
      */
     font-size: inherit;
   }
+  /**
+  * Sometimes we need the semantic element for accessibility reasons,
+  * but we don't want to show it.
+  *
+  * - https://www.a11yproject.com/posts/how-to-hide-content/
+  */
+  .visually-hidden {
+    clip: rect(0 0 0 0);
+    clip-path: inset(50%);
+    height: 1px;
+    overflow: hidden;
+    position: absolute;
+    white-space: nowrap;
+    width: 1px;
+  }
 }
-/**
- * Sometimes we need the semantic element for accessibility reasons,
- * but we don't want to show it.
- *
- * - https://www.a11yproject.com/posts/how-to-hide-content/
- */
-.visually-hidden {
-  clip: rect(0 0 0 0);
-  clip-path: inset(50%);
-  height: 1px;
-  overflow: hidden;
-  position: absolute;
-  white-space: nowrap;
-  width: 1px;
-}
-
 @layer kol-global {
   /*
    * Dieses CSS stellt sicher, dass der Standard-Style
@@ -295,5 +294,5 @@ import{h as o,r as k,g as x,z as w,n as d,m as h,w as L}from"./index-CwbOeeUa.js
   .kol-textarea:focus {
     outline: none;
   }
-}`,r=e=>{e.style.overflow="hidden";const t=e.rows,n=e.clientHeight/t;e.rows=1;const a=Math.round(e.scrollHeight/n);return e.rows=t,a},K=class{async getValue(){var e;return(e=this.textareaRef)===null||e===void 0?void 0:e.value}async kolFocus(){var e;(e=this.textareaRef)===null||e===void 0||e.focus()}getFormFieldProps(){return{state:this.state,class:u("kol-form-field-textarea",{"kol-form-field--has-value":this.state._hasValue,"kol-form-field--has-counter":this.controller.hasSoftCharacterLimit()||this.controller.hasCounter()}),tooltipAlign:this._tooltipAlign,onClick:()=>{var e;return(e=this.textareaRef)===null||e===void 0?void 0:e.focus()},alert:this.showAsAlert()}}getTextAreaProps(){const e=typeof this.state._maxLength=="number"?[`${this.state._id}-character-limit-hint`]:void 0;return Object.assign(Object.assign({ref:this.catchRef,state:this.state,style:{resize:this.state._resize},ariaDescribedBy:e},this.controller.onFacade),{onInput:this.onInput,onFocus:t=>{this.controller.onFacade.onFocus(t),this.inputHasFocus=!0},onBlur:t=>{this.controller.onFacade.onBlur(t),this.inputHasFocus=!1}})}render(){return o(R,Object.assign({key:"d70fcb1056fcce48befa90908b2cf96355b96173"},this.getFormFieldProps()),o(M,{key:"fafbca555a1e6b63da8dcd901dd551018e19dbf2",state:this.state},o(I,Object.assign({key:"24cd96e314f0aed7f1998b3bd9d0ee40fcebe1c0"},this.getTextAreaProps()))))}constructor(e){k(this,e),this.catchRef=t=>{this.textareaRef=t},this._adjustHeight=!1,this._disabled=!1,this._hideMsg=!1,this._hideLabel=!1,this._hint="",this._hasCounter=!1,this._maxLengthBehavior="hard",this._readOnly=!1,this._resize="vertical",this._required=!1,this._tooltipAlign="top",this._touched=!1,this.state={_adjustHeight:!1,_currentLength:0,_currentLengthDebounced:0,_hasValue:!1,_hideMsg:!1,_id:`id-${z()}`,_label:"",_resize:"vertical"},this.inputHasFocus=!1,this.onInput=t=>{this.textareaRef instanceof HTMLTextAreaElement&&(this._value=this.textareaRef.value,this.state._adjustHeight&&(this._rows=r(this.textareaRef)),this.controller.onFacade.onInput(t))},this.controller=new D(this,"textarea",this.host)}showAsAlert(){return!!this.state._touched&&!this.inputHasFocus}validateAccessKey(e){this.controller.validateAccessKey(e)}validateAdjustHeight(e){this.controller.validateAdjustHeight(e)}validateDisabled(e){this.controller.validateDisabled(e)}validateHideMsg(e){this.controller.validateHideMsg(e)}validateHideLabel(e){this.controller.validateHideLabel(e)}validateHasCounter(e){this.controller.validateHasCounter(e)}validateHint(e){this.controller.validateHint(e)}validateIcons(e){this.controller.validateIcons(e)}validateId(e){this.controller.validateId(e)}validateLabel(e){this.controller.validateLabel(e)}validateMaxLength(e){this.controller.validateMaxLength(e)}validateMaxLengthBehavior(e){this.controller.validateMaxLengthBehavior(e)}validateMsg(e){this.controller.validateMsg(e)}validateName(e){this.controller.validateName(e)}validateOn(e){this.controller.validateOn(e)}validatePlaceholder(e){this.controller.validatePlaceholder(e)}validateReadOnly(e){this.controller.validateReadOnly(e)}validateResize(e){this.controller.validateResize(e)}validateRequired(e){this.controller.validateRequired(e)}validateRows(e){this.controller.validateRows(e)}validateShortKey(e){this.controller.validateShortKey(e)}validateSpellCheck(e){this.controller.validateSpellCheck(e)}validateSyncValueBySelector(e){this.controller.validateSyncValueBySelector(e)}validateTouched(e){this.controller.validateTouched(e)}validateValue(e){this.controller.validateValue(e)}componentDidLoad(){setTimeout(()=>{var e;this._adjustHeight===!0&&this.textareaRef?this._rows=!((e=this.state)===null||e===void 0)&&e._rows&&this.state._rows>r(this.textareaRef)?this.state._rows:r(this.textareaRef):this._rows||(this._rows=1)},0)}componentWillLoad(){this._touched=this._touched===!0,this.controller.componentWillLoad(),this.state._hasValue=!!this.state._value,this.controller.addValueChangeListener(e=>this.state._hasValue=!!e)}static get delegatesFocus(){return!0}get host(){return x(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_adjustHeight:["validateAdjustHeight"],_disabled:["validateDisabled"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hasCounter:["validateHasCounter"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_maxLength:["validateMaxLength"],_maxLengthBehavior:["validateMaxLengthBehavior"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_placeholder:["validatePlaceholder"],_readOnly:["validateReadOnly"],_resize:["validateResize"],_required:["validateRequired"],_rows:["validateRows"],_shortKey:["validateShortKey"],_spellCheck:["validateSpellCheck"],_syncValueBySelector:["validateSyncValueBySelector"],_touched:["validateTouched"],_value:["validateValue"]}}};K.style={default:P};export{K as kol_textarea};
-//# sourceMappingURL=kol-textarea.entry-By-ibV6N.js.map
+}`,r=e=>{e.style.overflow="hidden";const t=e.rows,n=e.clientHeight/t;e.rows=1;const a=Math.round(e.scrollHeight/n);return e.rows=t,a},$=class{async getValue(){var e;return(e=this.textareaRef)===null||e===void 0?void 0:e.value}async kolFocus(){var e;(e=this.textareaRef)===null||e===void 0||e.focus()}getFormFieldProps(){return{state:this.state,class:d("kol-form-field-textarea",{"kol-form-field--has-value":this.state._hasValue,"kol-form-field--has-counter":this.controller.hasSoftCharacterLimit()||this.controller.hasCounter()}),tooltipAlign:this._tooltipAlign,onClick:()=>{var e;return(e=this.textareaRef)===null||e===void 0?void 0:e.focus()},alert:this.showAsAlert()}}getTextAreaProps(){const e=typeof this.state._maxLength=="number"?[`${this.state._id}-character-limit-hint`]:void 0;return Object.assign(Object.assign({ref:this.catchRef,state:this.state,style:{resize:this.state._resize},ariaDescribedBy:e},this.controller.onFacade),{onInput:this.onInput,onFocus:t=>{this.controller.onFacade.onFocus(t),this.inputHasFocus=!0},onBlur:t=>{this.controller.onFacade.onBlur(t),this.inputHasFocus=!1}})}render(){return o(w,Object.assign({key:"a04967ea2fecb1a7c6f238600d52f2d4d4b4cc72"},this.getFormFieldProps()),o(C,{key:"db4f3ed0dfa745c109a3a21346df79722b0f7595",state:this.state},o(W,Object.assign({key:"71376e1ff01a524c589632fff16023da5bb9774b"},this.getTextAreaProps()))))}constructor(e){b(this,e),this.catchRef=t=>{this.textareaRef=t},this._adjustHeight=!1,this._disabled=!1,this._hideMsg=!1,this._hideLabel=!1,this._hint="",this._hasCounter=!1,this._maxLengthBehavior="hard",this._readOnly=!1,this._resize="vertical",this._required=!1,this._tooltipAlign="top",this._touched=!1,this.state={_adjustHeight:!1,_currentLength:0,_currentLengthDebounced:0,_hasValue:!1,_hideMsg:!1,_id:`id-${B()}`,_label:"",_resize:"vertical"},this.inputHasFocus=!1,this.onInput=t=>{this.textareaRef instanceof HTMLTextAreaElement&&(this._value=this.textareaRef.value,this.state._adjustHeight&&(this._rows=r(this.textareaRef)),this.controller.onFacade.onInput(t))},this.controller=new N(this,"textarea",this.host)}showAsAlert(){return!!this.state._touched&&!this.inputHasFocus}validateAccessKey(e){this.controller.validateAccessKey(e)}validateAdjustHeight(e){this.controller.validateAdjustHeight(e)}validateDisabled(e){this.controller.validateDisabled(e)}validateHideMsg(e){this.controller.validateHideMsg(e)}validateHideLabel(e){this.controller.validateHideLabel(e)}validateHasCounter(e){this.controller.validateHasCounter(e)}validateHint(e){this.controller.validateHint(e)}validateIcons(e){this.controller.validateIcons(e)}validateId(e){this.controller.validateId(e)}validateLabel(e){this.controller.validateLabel(e)}validateMaxLength(e){this.controller.validateMaxLength(e)}validateMaxLengthBehavior(e){this.controller.validateMaxLengthBehavior(e)}validateMsg(e){this.controller.validateMsg(e)}validateName(e){this.controller.validateName(e)}validateOn(e){this.controller.validateOn(e)}validatePlaceholder(e){this.controller.validatePlaceholder(e)}validateReadOnly(e){this.controller.validateReadOnly(e)}validateResize(e){this.controller.validateResize(e)}validateRequired(e){this.controller.validateRequired(e)}validateRows(e){this.controller.validateRows(e)}validateShortKey(e){this.controller.validateShortKey(e)}validateSpellCheck(e){this.controller.validateSpellCheck(e)}validateSyncValueBySelector(e){this.controller.validateSyncValueBySelector(e)}validateTouched(e){this.controller.validateTouched(e)}validateValue(e){this.controller.validateValue(e)}componentDidLoad(){setTimeout(()=>{var e;this._adjustHeight===!0&&this.textareaRef?this._rows=!((e=this.state)===null||e===void 0)&&e._rows&&this.state._rows>r(this.textareaRef)?this.state._rows:r(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"],_disabled:["validateDisabled"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hasCounter:["validateHasCounter"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_maxLength:["validateMaxLength"],_maxLengthBehavior:["validateMaxLengthBehavior"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_placeholder:["validatePlaceholder"],_readOnly:["validateReadOnly"],_resize:["validateResize"],_required:["validateRequired"],_rows:["validateRows"],_shortKey:["validateShortKey"],_spellCheck:["validateSpellCheck"],_syncValueBySelector:["validateSyncValueBySelector"],_touched:["validateTouched"],_value:["validateValue"]}}};$.style={default:E};export{$ as kol_textarea};
+//# sourceMappingURL=kol-textarea.entry-Bu_OCw7m.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kol-textarea.entry-Bu_OCw7m.js","sources":["../../../../components/dist/esm/kol-textarea.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, r as registerInstance, g as getElement } from './index-CGVuC_LX.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport { e as getDefaultProps, c as checkHasMsg, g as getRenderStates, a as convertMsgToInternMsg, F as FormFieldStateWrapper } from './FormFieldStateWrapper-DfpB93Pm.js';\nimport { I as InputIconController, a as InputContainerStateWrapperFc } from './controller-icon-DVf-MnSw.js';\nimport { _ as __rest } from './Heading-BTtiPVot.js';\nimport { w as watchValidator, e as watchString } from './common-CveT8b8y.js';\nimport { n as nonce } from './dev.utils-CXs0T-g8.js';\nimport { a as validateHasCounter, v as validateMaxLengthBehavior, b as validateMaxLength } from './max-length-behavior-CMskcscF.js';\nimport { v as validatePlaceholder } from './placeholder-Ckc98Cd4.js';\nimport { v as validateReadOnly } from './read-only-BYMER4Lx.js';\nimport { v as validateRequired } from './required-BQuX6tq7.js';\nimport { v as validateRows } from './rows-1ZtGG1p3.js';\nimport { v as validateSpellCheck } from './spell-check-BmrXkQ_h.js';\nimport './access-and-short-key-sBSrfgCm.js';\nimport './disabled-Djp3yxc7.js';\nimport './hide-label-BRUryqo4.js';\nimport './label-CyF697aK.js';\nimport './tooltip-align-Crku-TvZ.js';\nimport './align-DrcZAyfz.js';\nimport './events-CoPFQEiC.js';\nimport './associated.controller-CPLCdcn6.js';\nimport './bootstrap-CSTuXkk8.js';\nimport './component-names-CkE54Ym7.js';\nimport './i18n-CjhRejiw.js';\nimport './isObject-DvSELytj.js';\nimport './Alert-ByNfG8nN.js';\nimport './i18n-CS5bfbb5.js';\nimport './bem-1mR-cDMU.js';\nimport './browser-Ccum-Et3.js';\nimport './InternalUnderlinedBadgeText-CFT7WIRl.js';\nimport './Icon-BqBfvzxD.js';\nimport './icons-Rho8fw5B.js';\n\nconst textareaResizeOptions = ['vertical', 'none'];\nconst isTextareaResizePropType = (value) => {\n    return typeof value === 'string' && textareaResizeOptions.includes(value);\n};\nconst validateResizeTextarea = (component, value) => {\n    watchValidator(component, '_resize', isTextareaResizePropType, new Set(textareaResizeOptions), value, {\n        defaultValue: 'vertical',\n    });\n};\n\nconst TextAreaFc = (props) => {\n    const { class: classNames, msg, touched, readonly, disabled, required, ariaDescribedBy, hideLabel, label } = props, other = __rest(props, [\"class\", \"msg\", \"touched\", \"readonly\", \"disabled\", \"required\", \"ariaDescribedBy\", \"hideLabel\", \"label\"]);\n    const showMsg = checkHasMsg(msg, touched);\n    const stateCssClasses = {\n        ['kol-textarea--disabled']: Boolean(disabled),\n        ['kol-textarea--required']: Boolean(required),\n        ['kol-textarea--touched']: Boolean(touched),\n        ['kol-textarea--readonly']: Boolean(readonly),\n        [`kol-textarea--${(msg === null || msg === void 0 ? void 0 : msg.type) || 'error'}`]: showMsg,\n    };\n    const inputProps = Object.assign(Object.assign({ class: clsx('kol-textarea', stateCssClasses, classNames), required: required, disabled: disabled, readonly: readonly }, getDefaultProps({ ariaDescribedBy, hideLabel, label })), other);\n    return h(\"textarea\", Object.assign({}, inputProps));\n};\n\nfunction getTextAreaProps(state, other) {\n    var _a;\n    const renderStates = getRenderStates(state);\n    const ariaDescribedBy = [...renderStates.ariaDescribedBy, ...((_a = other.ariaDescribedBy) !== null && _a !== void 0 ? _a : [])];\n    const props = Object.assign(Object.assign({ id: state._id, hideLabel: state._hideLabel, label: state._label, value: state._value, accessKey: state._accessKey, disabled: state._disabled, name: state._name, rows: state._rows, readonly: state._readOnly, required: state._required, placeholder: state._placeholder, touched: state._touched, msg: convertMsgToInternMsg(state._msg) }, other), { ariaDescribedBy });\n    if ('_maxLength' in state && '_maxLengthBehavior' in state && state._maxLengthBehavior === 'hard') {\n        props.maxLength = state._maxLength;\n    }\n    return props;\n}\nconst TextAreaStateWrapper = (_a) => {\n    var { state } = _a, other = __rest(_a, [\"state\"]);\n    return h(TextAreaFc, Object.assign({}, getTextAreaProps(state, other)));\n};\n\nclass TextareaController extends InputIconController {\n    constructor(component, name, host) {\n        super(component, name, host);\n        this.afterSyncCharCounter = () => {\n            if (typeof this.component._value === 'string') {\n                this.component.state._currentLength = this.component._value.length;\n                this.updateCurrentLengthDebounced(this.component._value.length);\n            }\n        };\n        this.component = component;\n    }\n    validateHasCounter(value) {\n        validateHasCounter(this.component, value);\n    }\n    validateMaxLengthBehavior(value) {\n        validateMaxLengthBehavior(this.component, value);\n    }\n    validateMaxLength(value) {\n        validateMaxLength(this.component, value, {\n            hooks: { afterPatch: this.afterSyncCharCounter },\n        });\n    }\n    validatePlaceholder(value) {\n        validatePlaceholder(this.component, value);\n    }\n    validateReadOnly(value) {\n        validateReadOnly(this.component, value);\n    }\n    validateResize(value) {\n        validateResizeTextarea(this.component, value);\n    }\n    validateRequired(value) {\n        validateRequired(this.component, 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.validateMaxLengthBehavior(this.component._maxLengthBehavior);\n        this.validateMaxLength(this.component._maxLength);\n        this.validatePlaceholder(this.component._placeholder);\n        this.validateReadOnly(this.component._readOnly);\n        this.validateRequired(this.component._required);\n        this.validateResize(this.component._resize);\n        this.validateRows(this.component._rows);\n        this.validateSpellCheck(this.component._spellCheck);\n        this.validateValue(this.component._value);\n    }\n}\n\nconst defaultStyleCss = \"/* forward the rem function */\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    color: black;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of to-rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    clip: rect(0 0 0 0);\\n    clip-path: inset(50%);\\n    height: 1px;\\n    overflow: hidden;\\n    position: absolute;\\n    white-space: nowrap;\\n    width: 1px;\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: grid;\\n    place-items: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: block;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip {\\n    contain: layout;\\n    display: contents;\\n  }\\n  .kol-tooltip__floating {\\n    animation-duration: 0.25s;\\n    animation-iteration-count: 1;\\n    animation-name: fadeInOpacity;\\n    animation-timing-function: ease-in;\\n    display: none;\\n    position: fixed;\\n    visibility: hidden;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width);\\n  }\\n  .kol-tooltip__arrow {\\n    background-color: #fff;\\n    color: #000;\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n    position: absolute;\\n    transform: rotate(45deg);\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    z-index: 999;\\n  }\\n  .kol-tooltip__content {\\n    background-color: #fff;\\n    color: #000;\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes fadeInOpacity {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  .kol-alert {\\n    display: grid;\\n  }\\n  .kol-alert__container {\\n    place-items: center;\\n    display: flex;\\n  }\\n  .kol-alert__container-content {\\n    flex-grow: 1;\\n  }\\n  .kol-alert__closer {\\n    /* Visible with forced colors */\\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\\n  }\\n}\\n@layer kol-component {\\n  .kol-form-field {\\n    display: grid;\\n  }\\n  .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\\n    cursor: pointer;\\n  }\\n  .kol-form-field--disabled .kol-form-field__label {\\n    opacity: 0.5;\\n  }\\n  .kol-form-field--required .kol-form-field__label-text::after {\\n    content: \\\"*\\\";\\n  }\\n  .kol-form-field--disabled .kol-form-field__hint {\\n    opacity: 0.5;\\n  }\\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\\n    content: \\\"*\\\";\\n  }\\n}\\n@layer kol-component {\\n  .kol-input-container {\\n    align-items: center;\\n    background-color: white;\\n    display: grid;\\n    grid-template-columns: 1fr;\\n    min-height: var(--a11y-min-size);\\n    min-width: var(--a11y-min-size);\\n    width: 100%;\\n  }\\n  .kol-input-container:has(> .kol-input-container__adornment--start) {\\n    grid-template-columns: auto 1fr;\\n  }\\n  .kol-input-container:has(> .kol-input-container__adornment--end) {\\n    grid-template-columns: 1fr auto;\\n  }\\n  .kol-input-container:has(> .kol-input-container__adornment--start):has(> .kol-input-container__adornment--end) {\\n    grid-template-columns: auto 1fr auto;\\n  }\\n  .kol-input-container__container {\\n    position: relative;\\n  }\\n  .kol-input-container__adornment {\\n    display: flex;\\n    align-items: center;\\n  }\\n  .kol-input-container__adornment .kol-icon {\\n    display: grid;\\n    height: var(--a11y-min-size);\\n    place-items: center;\\n  }\\n}\\n@layer kol-component {\\n  .kol-textarea {\\n    width: 100%;\\n  }\\n  .kol-textarea:focus {\\n    outline: none;\\n  }\\n}\";\n\nconst increaseTextareaHeight = (el) => {\n    el.style.overflow = 'hidden';\n    const currentRows = el.rows;\n    const rowHeight = el.clientHeight / currentRows;\n    el.rows = 1;\n    const nextRows = Math.round(el.scrollHeight / rowHeight);\n    el.rows = currentRows;\n    return nextRows;\n};\nconst KolTextarea = class {\n    async getValue() {\n        var _a;\n        return (_a = this.textareaRef) === null || _a === void 0 ? void 0 : _a.value;\n    }\n    async kolFocus() {\n        var _a;\n        (_a = this.textareaRef) === null || _a === void 0 ? void 0 : _a.focus();\n    }\n    getFormFieldProps() {\n        return {\n            state: this.state,\n            class: clsx('kol-form-field-textarea', {\n                'kol-form-field--has-value': this.state._hasValue,\n                'kol-form-field--has-counter': this.controller.hasSoftCharacterLimit() || this.controller.hasCounter(),\n            }),\n            tooltipAlign: this._tooltipAlign,\n            onClick: () => { var _a; return (_a = this.textareaRef) === null || _a === void 0 ? void 0 : _a.focus(); },\n            alert: this.showAsAlert(),\n        };\n    }\n    getTextAreaProps() {\n        const ariaDescribedBy = typeof this.state._maxLength === 'number' ? [`${this.state._id}-character-limit-hint`] : undefined;\n        return Object.assign(Object.assign({ ref: this.catchRef, state: this.state, style: {\n                resize: this.state._resize,\n            }, ariaDescribedBy }, this.controller.onFacade), { onInput: this.onInput, onFocus: (event) => {\n                this.controller.onFacade.onFocus(event);\n                this.inputHasFocus = true;\n            }, onBlur: (event) => {\n                this.controller.onFacade.onBlur(event);\n                this.inputHasFocus = false;\n            } });\n    }\n    render() {\n        return (h(FormFieldStateWrapper, Object.assign({ key: 'a04967ea2fecb1a7c6f238600d52f2d4d4b4cc72' }, this.getFormFieldProps()), h(InputContainerStateWrapperFc, { key: 'db4f3ed0dfa745c109a3a21346df79722b0f7595', state: this.state }, h(TextAreaStateWrapper, Object.assign({ key: '71376e1ff01a524c589632fff16023da5bb9774b' }, this.getTextAreaProps())))));\n    }\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.catchRef = (ref) => {\n            this.textareaRef = ref;\n        };\n        this._adjustHeight = false;\n        this._disabled = false;\n        this._hideMsg = false;\n        this._hideLabel = false;\n        this._hint = '';\n        this._hasCounter = false;\n        this._maxLengthBehavior = 'hard';\n        this._readOnly = false;\n        this._resize = 'vertical';\n        this._required = false;\n        this._tooltipAlign = 'top';\n        this._touched = false;\n        this.state = {\n            _adjustHeight: false,\n            _currentLength: 0,\n            _currentLengthDebounced: 0,\n            _hasValue: false,\n            _hideMsg: false,\n            _id: `id-${nonce()}`,\n            _label: '',\n            _resize: 'vertical',\n        };\n        this.inputHasFocus = false;\n        this.onInput = (event) => {\n            if (this.textareaRef instanceof HTMLTextAreaElement) {\n                this._value = this.textareaRef.value;\n                if (this.state._adjustHeight) {\n                    this._rows = increaseTextareaHeight(this.textareaRef);\n                }\n                this.controller.onFacade.onInput(event);\n            }\n        };\n        this.controller = new TextareaController(this, 'textarea', this.host);\n    }\n    showAsAlert() {\n        return Boolean(this.state._touched) && !this.inputHasFocus;\n    }\n    validateAccessKey(value) {\n        this.controller.validateAccessKey(value);\n    }\n    validateAdjustHeight(value) {\n        this.controller.validateAdjustHeight(value);\n    }\n    validateDisabled(value) {\n        this.controller.validateDisabled(value);\n    }\n    validateHideMsg(value) {\n        this.controller.validateHideMsg(value);\n    }\n    validateHideLabel(value) {\n        this.controller.validateHideLabel(value);\n    }\n    validateHasCounter(value) {\n        this.controller.validateHasCounter(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    validateMaxLengthBehavior(value) {\n        this.controller.validateMaxLengthBehavior(value);\n    }\n    validateMsg(value) {\n        this.controller.validateMsg(value);\n    }\n    validateName(value) {\n        this.controller.validateName(value);\n    }\n    validateOn(value) {\n        this.controller.validateOn(value);\n    }\n    validatePlaceholder(value) {\n        this.controller.validatePlaceholder(value);\n    }\n    validateReadOnly(value) {\n        this.controller.validateReadOnly(value);\n    }\n    validateResize(value) {\n        this.controller.validateResize(value);\n    }\n    validateRequired(value) {\n        this.controller.validateRequired(value);\n    }\n    validateRows(value) {\n        this.controller.validateRows(value);\n    }\n    validateShortKey(value) {\n        this.controller.validateShortKey(value);\n    }\n    validateSpellCheck(value) {\n        this.controller.validateSpellCheck(value);\n    }\n    validateSyncValueBySelector(value) {\n        this.controller.validateSyncValueBySelector(value);\n    }\n    validateTouched(value) {\n        this.controller.validateTouched(value);\n    }\n    validateValue(value) {\n        this.controller.validateValue(value);\n    }\n    componentDidLoad() {\n        setTimeout(() => {\n            var _a;\n            if (this._adjustHeight === true && this.textareaRef) {\n                this._rows =\n                    ((_a = this.state) === null || _a === void 0 ? void 0 : _a._rows) && this.state._rows > increaseTextareaHeight(this.textareaRef) ? this.state._rows : increaseTextareaHeight(this.textareaRef);\n            }\n            else if (!this._rows) {\n                this._rows = 1;\n            }\n        }, 0);\n    }\n    componentWillLoad() {\n        this._touched = this._touched === true;\n        this.controller.componentWillLoad();\n        this.state._hasValue = !!this.state._value;\n        this.controller.addValueChangeListener((v) => (this.state._hasValue = !!v));\n    }\n    static get delegatesFocus() { return true; }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_accessKey\": [\"validateAccessKey\"],\n        \"_adjustHeight\": [\"validateAdjustHeight\"],\n        \"_disabled\": [\"validateDisabled\"],\n        \"_hideMsg\": [\"validateHideMsg\"],\n        \"_hideLabel\": [\"validateHideLabel\"],\n        \"_hasCounter\": [\"validateHasCounter\"],\n        \"_hint\": [\"validateHint\"],\n        \"_icons\": [\"validateIcons\"],\n        \"_id\": [\"validateId\"],\n        \"_label\": [\"validateLabel\"],\n        \"_maxLength\": [\"validateMaxLength\"],\n        \"_maxLengthBehavior\": [\"validateMaxLengthBehavior\"],\n        \"_msg\": [\"validateMsg\"],\n        \"_name\": [\"validateName\"],\n        \"_on\": [\"validateOn\"],\n        \"_placeholder\": [\"validatePlaceholder\"],\n        \"_readOnly\": [\"validateReadOnly\"],\n        \"_resize\": [\"validateResize\"],\n        \"_required\": [\"validateRequired\"],\n        \"_rows\": [\"validateRows\"],\n        \"_shortKey\": [\"validateShortKey\"],\n        \"_spellCheck\": [\"validateSpellCheck\"],\n        \"_syncValueBySelector\": [\"validateSyncValueBySelector\"],\n        \"_touched\": [\"validateTouched\"],\n        \"_value\": [\"validateValue\"]\n    }; }\n};\nKolTextarea.style = {\n    default: defaultStyleCss\n};\n\nexport { KolTextarea as kol_textarea };\n//# sourceMappingURL=kol-textarea.entry.js.map\n\n//# sourceMappingURL=kol-textarea.entry.js.map"],"names":["textareaResizeOptions","isTextareaResizePropType","value","validateResizeTextarea","component","watchValidator","TextAreaFc","props","classNames","msg","touched","readonly","disabled","required","ariaDescribedBy","hideLabel","label","other","__rest","showMsg","checkHasMsg","stateCssClasses","inputProps","clsx","getDefaultProps","h","getTextAreaProps","state","_a","getRenderStates","convertMsgToInternMsg","TextAreaStateWrapper","TextareaController","InputIconController","name","host","validateHasCounter","validateMaxLengthBehavior","validateMaxLength","validatePlaceholder","validateReadOnly","validateRequired","validateRows","validateSpellCheck","watchString","defaultStyleCss","increaseTextareaHeight","el","currentRows","rowHeight","nextRows","KolTextarea","event","FormFieldStateWrapper","InputContainerStateWrapperFc","hostRef","registerInstance","ref","nonce","v","getElement"],"mappings":"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"}

package/dist/assets/{kol-toast-container.entry-kKsbNhZ0.js → kol-toast-container.entry-BL9GEShK.js}

@@ -1,10 +1,10 @@
-import{r as h,h as s,af as u,H as b}from"./index-CwbOeeUa.js";import{t as m}from"./i18n-H9CUbi---CvgIEMJB.js";import{n as p}from"./dev.utils-BLpsI3cb-hwcgzcdb.js";import{K as f}from"./Alert-MdLk8vsK-BgV-ohmB.js";import"./markdown-vxO4XBWP-ep1UnK9e.js";import{_ as g}from"./Heading-D6jsofJr-6ShWJHU7.js";import{c as k}from"./clsx-eK3rPvPS-BT_IL7Fz.js";/*!
+import{r as h,h as s,ae as u,H as m}from"./index-ccK9smvC.js";import{t as p}from"./i18n-CS5bfbb5-DF8lULrE.js";import{n as b}from"./dev.utils-CXs0T-g8-KmBOPa4z.js";import{K as f}from"./Alert-ByNfG8nN-CpBof2j3.js";import"./markdown-BitmMy0q-CFBGgQMz.js";import{_ as g}from"./Heading-BTtiPVot-gXBqDUrq.js";import{c as k}from"./clsx-eK3rPvPS-BT_IL7Fz.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const y=n=>{var{status:t,toast:e,onClose:o}=n,i=g(n,["status","toast","onClose"]);const{type:l,label:r,description:d,variant:c}=e;return s("div",{class:k("kol-toast-item",`kol-toast-item--${t}`)},s(f,{class:"kol-toast-item__alert",alert:!0,label:r,level:0,hasCloser:!0,type:l,variant:c||"card",onCloserClick:o},s("div",Object.assign({},i),d)))},w=`/* forward the rem function */
 /*
  * This file contains all rules for accessibility.
  */
-@layer kol-global {
+@layer kol-a11y {
   :host {
     /*
      * Minimum size of interactive elements.
@@ -77,23 +77,22 @@ import{r as h,h as s,af as u,H as b}from"./index-CwbOeeUa.js";import{t as m}from
      */
     font-size: inherit;
   }
+  /**
+  * Sometimes we need the semantic element for accessibility reasons,
+  * but we don't want to show it.
+  *
+  * - https://www.a11yproject.com/posts/how-to-hide-content/
+  */
+  .visually-hidden {
+    clip: rect(0 0 0 0);
+    clip-path: inset(50%);
+    height: 1px;
+    overflow: hidden;
+    position: absolute;
+    white-space: nowrap;
+    width: 1px;
+  }
 }
-/**
- * Sometimes we need the semantic element for accessibility reasons,
- * but we don't want to show it.
- *
- * - https://www.a11yproject.com/posts/how-to-hide-content/
- */
-.visually-hidden {
-  clip: rect(0 0 0 0);
-  clip-path: inset(50%);
-  height: 1px;
-  overflow: hidden;
-  position: absolute;
-  white-space: nowrap;
-  width: 1px;
-}
-
 @layer kol-global {
   /*
    * Dieses CSS stellt sicher, dass der Standard-Style
@@ -246,5 +245,5 @@ import{r as h,h as s,af as u,H as b}from"./index-CwbOeeUa.js";import{t as m}from
   .kol-toast-container__close-all {
     align-self: flex-end;
   }
-}`,a=300,_=class{constructor(n){h(this,n),this.state={_toastStates:[]},this.translateToastCloseAll=m("kol-toast-close-all"),this.knownRenderFunctions=new Set}async enqueue(n){const t={toast:n,status:"adding",id:`toast-${p()}`};return this.state=Object.assign(Object.assign({},this.state),{_toastStates:[t,...this.state._toastStates]}),setTimeout(()=>{this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.map(e=>e.id===t.id&&e.status!=="removing"?Object.assign(Object.assign({},e),{status:"settled"}):e)})},a),()=>{this.handleClose(t)}}handleClose(n){this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.map(t=>(t.id===n.id&&(t.status="removing"),t))}),setTimeout(()=>{var t,e;this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.filter(o=>o.id!==n.id)}),(e=(t=n.toast).onClose)===null||e===void 0||e.call(t)},a)}async closeAll(n=!1){if(n)this.state=Object.assign(Object.assign({},this.state),{_toastStates:[]});else{const t=[...this.state._toastStates];this.state=Object.assign(Object.assign({},this.state),{_toastStates:t.map(e=>Object.assign(Object.assign({},e),{status:"removing"}))}),setTimeout(()=>{this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.filter(e=>t.every(o=>o.id!==e.id))}),t.forEach(e=>{var o,i;(i=(o=e.toast).onClose)===null||i===void 0||i.call(o)})},a)}}handleToastRef(n,t){t&&typeof n.toast.render=="function"&&!this.knownRenderFunctions.has(n.toast.render)&&(this.knownRenderFunctions.add(n.toast.render),n.toast.render(t,{close:()=>this.handleClose(n)}))}render(){return s(b,{key:"67c44f67381a4d6a0441e7be0eabef6bda0b9b4c",class:"kol-toast-container"},this.state._toastStates.length>1&&s(u,{key:"46d18a92c600a933dee49a81c3b1946c54d210ae",_label:this.translateToastCloseAll,class:"kol-toast-container__button-close-all",_on:{onClick:()=>{this.closeAll()}}}),this.state._toastStates.map(n=>s(y,{key:n.id,onClose:()=>this.handleClose(n),ref:t=>this.handleToastRef(n,t),toast:n.toast,status:n.status})))}};_.style={default:w};export{_ as kol_toast_container};
-//# sourceMappingURL=kol-toast-container.entry-kKsbNhZ0.js.map
+}`,a=300,_=class{constructor(n){h(this,n),this.state={_toastStates:[]},this.translateToastCloseAll=p("kol-toast-close-all"),this.knownRenderFunctions=new Set}async enqueue(n){const t={toast:n,status:"adding",id:`toast-${b()}`};return this.state=Object.assign(Object.assign({},this.state),{_toastStates:[t,...this.state._toastStates]}),setTimeout(()=>{this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.map(e=>e.id===t.id&&e.status!=="removing"?Object.assign(Object.assign({},e),{status:"settled"}):e)})},a),()=>{this.handleClose(t)}}handleClose(n){this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.map(t=>(t.id===n.id&&(t.status="removing"),t))}),setTimeout(()=>{var t,e;this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.filter(o=>o.id!==n.id)}),(e=(t=n.toast).onClose)===null||e===void 0||e.call(t)},a)}async closeAll(n=!1){if(n)this.state=Object.assign(Object.assign({},this.state),{_toastStates:[]});else{const t=[...this.state._toastStates];this.state=Object.assign(Object.assign({},this.state),{_toastStates:t.map(e=>Object.assign(Object.assign({},e),{status:"removing"}))}),setTimeout(()=>{this.state=Object.assign(Object.assign({},this.state),{_toastStates:this.state._toastStates.filter(e=>t.every(o=>o.id!==e.id))}),t.forEach(e=>{var o,i;(i=(o=e.toast).onClose)===null||i===void 0||i.call(o)})},a)}}handleToastRef(n,t){t&&typeof n.toast.render=="function"&&!this.knownRenderFunctions.has(n.toast.render)&&(this.knownRenderFunctions.add(n.toast.render),n.toast.render(t,{close:()=>this.handleClose(n)}))}render(){return s(m,{key:"e6841e1a26bc8c24de441ed1d444175021f8d7b5",class:"kol-toast-container"},this.state._toastStates.length>1&&s(u,{key:"938ab38123fd91e356eb63b4c315d1884eb37197",_label:this.translateToastCloseAll,class:"kol-toast-container__button-close-all",_on:{onClick:()=>{this.closeAll()}}}),this.state._toastStates.map(n=>s(y,{key:n.id,onClose:()=>this.handleClose(n),ref:t=>this.handleToastRef(n,t),toast:n.toast,status:n.status})))}};_.style={default:w};export{_ as kol_toast_container};
+//# sourceMappingURL=kol-toast-container.entry-BL9GEShK.js.map

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

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

package/dist/assets/{kol-toolbar.entry-Da_xUcBj.js → kol-toolbar.entry-k_OJTvQG.js}

@@ -1,11 +1,11 @@
-import{r as c,h as d,j as h,e as b,g as m,ac as p,o as f,p as u,s as y}from"./index-CwbOeeUa.js";import{v as w}from"./label-D3d1qqIG-ur2RbYqf.js";import{v as g}from"./orientation-D3xx-ujZ-CeZq5c8q.js";import{K as i}from"./keyboard-D6PoWr38-Bn_Qh8Bq.js";/*!
+import{r as c,h as d,j as h,e as b,g as m,ab as p,o as f,p as u,s as y}from"./index-ccK9smvC.js";import{v as w}from"./label-CyF697aK-Ck5S24j2.js";import{v as g}from"./orientation-BnjezYH2-BjyiDu9M.js";import{K as i}from"./keyboard-D6PoWr38-Bn_Qh8Bq.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const k=(t,n)=>{p(n,()=>{f(n,()=>{typeof n>"u"&&(n=[]);try{n=u(n)}catch{}Array.isArray(n)&&n.every(e=>typeof e=="object"&&e!==null)&&y(t,"_items",n)})})},x=`@charset "UTF-8";
 /* forward the rem function */
 /*
  * This file contains all rules for accessibility.
  */
-@layer kol-global {
+@layer kol-a11y {
   :host {
     /*
      * Minimum size of interactive elements.
@@ -78,23 +78,22 @@ import{r as c,h as d,j as h,e as b,g as m,ac as p,o as f,p as u,s as y}from"./in
      */
     font-size: inherit;
   }
+  /**
+  * Sometimes we need the semantic element for accessibility reasons,
+  * but we don't want to show it.
+  *
+  * - https://www.a11yproject.com/posts/how-to-hide-content/
+  */
+  .visually-hidden {
+    clip: rect(0 0 0 0);
+    clip-path: inset(50%);
+    height: 1px;
+    overflow: hidden;
+    position: absolute;
+    white-space: nowrap;
+    width: 1px;
+  }
 }
-/**
- * Sometimes we need the semantic element for accessibility reasons,
- * but we don't want to show it.
- *
- * - https://www.a11yproject.com/posts/how-to-hide-content/
- */
-.visually-hidden {
-  clip: rect(0 0 0 0);
-  clip-path: inset(50%);
-  height: 1px;
-  overflow: hidden;
-  position: absolute;
-  white-space: nowrap;
-  width: 1px;
-}
-
 @layer kol-global {
   /*
    * Dieses CSS stellt sicher, dass der Standard-Style
@@ -251,4 +250,4 @@ import{r as c,h as d,j as h,e as b,g as m,ac as p,o as f,p as u,s as y}from"./in
     outline-offset: 2px;
   }
 }`,v=class{constructor(t){c(this,t),this.state={_label:"",_items:[]},this.currentIndex=0,this.indexToElement=new Map,this.renderItem=(n,e)=>{const l=e===this.currentIndex&&!(n!=null&&n._disabled)?0:-1,s={key:e,class:"button normal kol-toolbar__item",_tabIndex:l},r=o=>{o&&this.indexToElement.set(e,o)};return"_href"in n?d(h,Object.assign({},n,s,{ref:r,_role:"button"})):d(b,Object.assign({},n,s,{ref:r}))}}render(){return d("div",{key:"db8a0f35bc8bc3a3b4c1539bd3440dd2c317d7fc",class:`kol-toolbar kol-toolbar--orientation-${this.state._orientation}`,role:"toolbar","aria-label":this.state._label},this.state._items.map(this.renderItem))}validateLabel(t){w(this,t)}validateItems(t){k(this,t)}validateOrientation(t){g(this,t)}getCurrentToolbarItem(t){return typeof t=="number"?this.indexToElement.get(t):void 0}setFirstEnabledItemIndex(){var t;this.currentIndex=(t=this.state._items)===null||t===void 0?void 0:t.findIndex(n=>!n._disabled)}handleKeyDown(t){var n,e;const l=t.code;if(![i.ArrowUp,i.ArrowDown,i.ArrowRight,i.ArrowLeft].includes(l))return;t.preventDefault();const r=((n=this._items)===null||n===void 0?void 0:n.length)-1,o=this.currentIndex;let a=0;switch(l){case i.ArrowUp:case i.ArrowLeft:a=o!==a?o-1:r;break;case i.ArrowDown:case i.ArrowRight:r!==o&&(a=o+1);break}o!==a&&(this.currentIndex=a,(e=this.getCurrentToolbarItem(a))===null||e===void 0||e.kolFocus())}handleBlur(t){t.target===this.host&&this.setFirstEnabledItemIndex()}componentWillLoad(){this.validateLabel(this._label),this.validateItems(this._items),this.validateOrientation(this._orientation),this.setFirstEnabledItemIndex()}get host(){return m(this)}static get watchers(){return{_label:["validateLabel"],_items:["validateItems"],_orientation:["validateOrientation"]}}};v.style={default:x};export{v as kol_toolbar};
-//# sourceMappingURL=kol-toolbar.entry-Da_xUcBj.js.map
+//# sourceMappingURL=kol-toolbar.entry-k_OJTvQG.js.map

package/dist/assets/kol-toolbar.entry-k_OJTvQG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-toolbar.entry-k_OJTvQG.js","sources":["../../../../components/dist/esm/kol-toolbar.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, g as getElement } from './index-CGVuC_LX.js';\nimport { O as emptyStringByArrayHandler, o as objectObjectHandler, p as parseJson, s as setState } from './common-CveT8b8y.js';\nimport { v as validateLabel } from './label-CyF697aK.js';\nimport { f as KolLinkWcTag, d as KolButtonWcTag } from './component-names-CkE54Ym7.js';\nimport { v as validateOrientation } from './orientation-BnjezYH2.js';\nimport { K as KeyboardKey } from './keyboard-D6PoWr38.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) => typeof items === 'object' && items !== null)) {\n                setState(component, '_items', value);\n            }\n        });\n    });\n};\n\nconst defaultStyleCss = \"@charset \\\"UTF-8\\\";\\n/* forward the rem function */\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    color: black;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of to-rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    clip: rect(0 0 0 0);\\n    clip-path: inset(50%);\\n    height: 1px;\\n    overflow: hidden;\\n    position: absolute;\\n    white-space: nowrap;\\n    width: 1px;\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: grid;\\n    place-items: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip {\\n    contain: layout;\\n    display: contents;\\n  }\\n  .kol-tooltip__floating {\\n    animation-duration: 0.25s;\\n    animation-iteration-count: 1;\\n    animation-name: fadeInOpacity;\\n    animation-timing-function: ease-in;\\n    display: none;\\n    position: fixed;\\n    visibility: hidden;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width);\\n  }\\n  .kol-tooltip__arrow {\\n    background-color: #fff;\\n    color: #000;\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n    position: absolute;\\n    transform: rotate(45deg);\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    z-index: 999;\\n  }\\n  .kol-tooltip__content {\\n    background-color: #fff;\\n    color: #000;\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes fadeInOpacity {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: inline-block;\\n  }\\n  .kol-link {\\n    font-style: calc(16rem / var(--kolibri-root-font-size, 16));\\n    display: inline-flex;\\n    place-items: center;\\n    text-align: center;\\n    text-decoration-line: none;\\n  }\\n  .kol-link::before {\\n    /* Render zero-width character as first element to set the baseline correctly. */\\n    content: \\\"​\\\";\\n  }\\n  .kol-link__text {\\n    margin: auto;\\n    width: 100%;\\n  }\\n}\\n@layer kol-component {\\n  .kol-toolbar {\\n    align-items: center;\\n    display: flex;\\n    flex-wrap: wrap;\\n  }\\n  .kol-toolbar--orientation-vertical {\\n    align-items: stretch;\\n    flex-direction: column;\\n  }\\n  .kol-toolbar:focus-within {\\n    outline: 1px solid;\\n    outline-offset: 2px;\\n  }\\n}\";\n\nconst KolToolbar = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.state = {\n            _label: '',\n            _items: [],\n        };\n        this.currentIndex = 0;\n        this.indexToElement = new Map();\n        this.renderItem = (element, index) => {\n            const tabIndex = index === this.currentIndex && !(element === null || element === void 0 ? void 0 : element._disabled) ? 0 : -1;\n            const props = {\n                key: index,\n                class: 'button normal kol-toolbar__item',\n                _tabIndex: tabIndex,\n            };\n            const catchRef = (element) => {\n                element && this.indexToElement.set(index, element);\n            };\n            return '_href' in element ? (h(KolLinkWcTag, Object.assign({}, element, props, { ref: catchRef, _role: \"button\" }))) : (h(KolButtonWcTag, Object.assign({}, element, props, { ref: catchRef })));\n        };\n    }\n    render() {\n        return (h(\"div\", { key: 'db8a0f35bc8bc3a3b4c1539bd3440dd2c317d7fc', class: `kol-toolbar kol-toolbar--orientation-${this.state._orientation}`, 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    }\n    validateOrientation(value) {\n        validateOrientation(this, value);\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;\n        const pressedKey = event.code;\n        const isArrowKey = [KeyboardKey.ArrowUp, KeyboardKey.ArrowDown, KeyboardKey.ArrowRight, KeyboardKey.ArrowLeft].includes(pressedKey);\n        if (!isArrowKey)\n            return;\n        event.preventDefault();\n        const lastItemIndex = ((_a = this._items) === null || _a === void 0 ? void 0 : _a.length) - 1;\n        const currentIndex = this.currentIndex;\n        let nextIndex = 0;\n        switch (pressedKey) {\n            case KeyboardKey.ArrowUp:\n            case KeyboardKey.ArrowLeft:\n                nextIndex = currentIndex !== nextIndex ? currentIndex - 1 : lastItemIndex;\n                break;\n            case KeyboardKey.ArrowDown:\n            case KeyboardKey.ArrowRight:\n                if (lastItemIndex !== currentIndex)\n                    nextIndex = currentIndex + 1;\n                break;\n        }\n        if (currentIndex === nextIndex)\n            return;\n        this.currentIndex = nextIndex;\n        void ((_b = this.getCurrentToolbarItem(nextIndex)) === null || _b === void 0 ? void 0 : _b.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.validateOrientation(this._orientation);\n        this.setFirstEnabledItemIndex();\n    }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_label\": [\"validateLabel\"],\n        \"_items\": [\"validateItems\"],\n        \"_orientation\": [\"validateOrientation\"]\n    }; }\n};\nKolToolbar.style = {\n    default: defaultStyleCss\n};\n\nexport { KolToolbar as kol_toolbar };\n//# sourceMappingURL=kol-toolbar.entry.js.map\n\n//# sourceMappingURL=kol-toolbar.entry.js.map"],"names":["validateToolbarItems","component","value","emptyStringByArrayHandler","objectObjectHandler","parseJson","items","setState","defaultStyleCss","KolToolbar","hostRef","registerInstance","element","index","tabIndex","props","catchRef","h","KolLinkWcTag","KolButtonWcTag","validateLabel","validateOrientation","_a","item","event","_b","pressedKey","KeyboardKey","lastItemIndex","currentIndex","nextIndex","getElement"],"mappings":"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"}

package/dist/assets/{kol-tooltip-wc.entry-BJhlsMFw.js → kol-tooltip-wc.entry-KV58f2Lu.js}

@@ -1,4 +1,4 @@
-import{r,P as l,h as s,H as d,g as p,n as a}from"./index-CwbOeeUa.js";import{b as c,a as u}from"./align-floating-elements-op7c4od4-ChdRFUvH.js";import{v as m}from"./align-tkanisJ7-LqvDBlxi.js";import{v}from"./label-D3d1qqIG-ur2RbYqf.js";import"./Alert-MdLk8vsK-BgV-ohmB.js";import{K as b}from"./Span-C25Uca7r-DazybaQc.js";import"./i18n-H9CUbi---CvgIEMJB.js";import"./Heading-D6jsofJr-6ShWJHU7.js";import"./markdown-vxO4XBWP-ep1UnK9e.js";import"./isObject-DvSELytj-B0RigBxT.js";import"./clsx-eK3rPvPS-BT_IL7Fz.js";import"./Icon-kJHHEk6R-CX1TcTAq.js";import"./InternalUnderlinedBadgeText-rVGYkk8O-D815tsC-.js";/*!
+import{r,O as l,h as s,H as d,g as p,n as a}from"./index-ccK9smvC.js";import{b as c,a as u}from"./align-floating-elements-CS5tDVty-NrXG4EEB.js";import{v as m}from"./align-DrcZAyfz-F2OAWnxX.js";import{v}from"./label-CyF697aK-Ck5S24j2.js";import"./Alert-ByNfG8nN-CpBof2j3.js";import{K as E}from"./Span-CHPCQ33k-BZS_rNP3.js";import"./i18n-CS5bfbb5-DF8lULrE.js";import"./Heading-BTtiPVot-gXBqDUrq.js";import"./markdown-BitmMy0q-CFBGgQMz.js";import"./isObject-DvSELytj-B0RigBxT.js";import"./clsx-eK3rPvPS-BT_IL7Fz.js";import"./Icon-BqBfvzxD-l20Pmw7C.js";import"./InternalUnderlinedBadgeText-CFT7WIRl-7lKK20QX.js";/*!
  * KoliBri - The accessible HTML-Standard
- */const E=(i,t)=>{a(i,"_badgeText",t)},g=(i,t)=>{a(i,"_id",t)},o=new Set;function T(i){o.forEach(t=>{t.style.setProperty("z-index","999")}),o.add(i),i.style.setProperty("z-index","1000")}function f(i){if(o.delete(i),o.size>0){const t=Array.from(o).pop();t&&t.style.setProperty("z-index","1000")}}const n=300,W=class{constructor(i){r(this,i),this.showTooltip=()=>{if(this.previousSibling&&this.tooltipElement){T(this.tooltipElement),this.tooltipElement.style.setProperty("display","block"),l().addEventListener("keyup",this.hideTooltipByEscape);const t=this.previousSibling,e=this.tooltipElement;this.cleanupAutoPositioning=c(t,e,()=>{this.alignTooltip()})}},this.showTooltipWithDelay=()=>{clearTimeout(this.hideTooltipTimeout),clearTimeout(this.showTooltipTimeout),this.showTooltipTimeout=setTimeout(()=>{this.showTooltip()},n)},this.hideTooltipWithDelay=()=>{clearTimeout(this.hideTooltipTimeout),this.hideTooltipTimeout=setTimeout(()=>{this.hideTooltip()},n)},this.hideTooltipByEscape=t=>{t.key==="Escape"&&this.hideTooltip()},this.addListeners=t=>{t.addEventListener("mouseenter",this.handleMouseEnter.bind(this)),t.addEventListener("mouseleave",this.handleMouseleave.bind(this)),t.addEventListener("focusin",this.handleFocusIn.bind(this)),t.addEventListener("focusout",this.handleFocusout.bind(this))},this.removeListeners=t=>{t.removeEventListener("mouseenter",this.handleMouseEnter.bind(this)),t.removeEventListener("mouseleave",this.handleMouseleave.bind(this)),t.removeEventListener("focusin",this.handleFocusIn.bind(this)),t.removeEventListener("focusout",this.handleFocusout.bind(this))},this.resyncListeners=(t,e,h=!1)=>{t&&this.removeListeners(t),e&&(h&&(this.previousSibling=e),this.addListeners(e))},this.catchTooltipElement=t=>{this.tooltipElement=t},this.catchArrowElement=t=>{this.arrowElement=t},this._align="top",this.state={_align:"top",_label:""}}async alignTooltip(){this.tooltipElement&&this.previousSibling&&await u({align:this._align,referenceElement:this.previousSibling,arrowElement:this.arrowElement,floatingElement:this.tooltipElement})}async hideTooltip(){clearTimeout(this.showTooltipTimeout),this.tooltipElement&&(f(this.tooltipElement),this.tooltipElement.style.setProperty("display","none"),this.tooltipElement.style.setProperty("visibility","hidden"),this.cleanupAutoPositioning&&(this.cleanupAutoPositioning(),this.cleanupAutoPositioning=void 0)),l().removeEventListener("keyup",this.hideTooltipByEscape)}handleMouseEnter(){this.showTooltipWithDelay()}handleMouseleave(){this.hideTooltipWithDelay()}handleFocusIn(){this.showTooltipWithDelay()}handleFocusout(){this.hideTooltipWithDelay()}render(){return s(d,{key:"53ae8e010540191be6cc9ab13dbfa152294380f8",class:"kol-tooltip"},this.state._label!==""&&s("div",{key:"44eac30269bd8359a288a2e2725617fbcdd9eacb",class:"kol-tooltip__floating",ref:this.catchTooltipElement},s("div",{key:"cab0e1614bd9860c130f0a5d7b16de99b2e97dfe",class:"kol-tooltip__arrow",ref:this.catchArrowElement}),s(b,{key:"5c64fcb6588fe164525dd06022f44a4e2f9de98b",class:"kol-tooltip__content",id:this.state._id,badgeText:this._badgeText,label:this.state._label})))}validateBadgeText(i){E(this,i)}validateAlign(i){m(this,i)}validateId(i){g(this,i)}validateLabel(i){v(this,i,{required:!0})}componentWillLoad(){this.validateBadgeText(this._badgeText),this.validateAlign(this._align),this.validateId(this._id),this.validateLabel(this._label)}handleEventListeners(){var i;this.resyncListeners(this.previousSibling,(i=this.host)===null||i===void 0?void 0:i.previousElementSibling,!0),this.resyncListeners(this.tooltipElement,this.tooltipElement)}connectedCallback(){var i;this.previousSibling=(i=this.host)===null||i===void 0?void 0:i.previousElementSibling}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 p(this)}static get watchers(){return{_badgeText:["validateBadgeText"],_align:["validateAlign"],_id:["validateId"],_label:["validateLabel"]}}};export{W as kol_tooltip_wc};
-//# sourceMappingURL=kol-tooltip-wc.entry-BJhlsMFw.js.map
+ */const b=(i,t)=>{a(i,"_badgeText",t)},g=(i,t)=>{a(i,"_id",t)},o=new Set;function T(i){o.forEach(t=>{t.style.setProperty("z-index","999")}),o.add(i),i.style.setProperty("z-index","1000")}function f(i){if(o.delete(i),o.size>0){const t=Array.from(o).pop();t&&t.style.setProperty("z-index","1000")}}const n=300,W=class{constructor(i){r(this,i),this.showTooltip=()=>{if(this.previousSibling&&this.tooltipElement){T(this.tooltipElement),this.tooltipElement.style.setProperty("display","block"),l().addEventListener("keyup",this.hideTooltipByEscape);const t=this.previousSibling,e=this.tooltipElement;this.cleanupAutoPositioning=c(t,e,()=>{this.alignTooltip()})}},this.showTooltipWithDelay=()=>{clearTimeout(this.hideTooltipTimeout),clearTimeout(this.showTooltipTimeout),this.showTooltipTimeout=setTimeout(()=>{this.showTooltip()},n)},this.hideTooltipWithDelay=()=>{clearTimeout(this.hideTooltipTimeout),this.hideTooltipTimeout=setTimeout(()=>{this.hideTooltip()},n)},this.hideTooltipByEscape=t=>{t.key==="Escape"&&this.hideTooltip()},this.addListeners=t=>{t.addEventListener("mouseenter",this.handleMouseEnter.bind(this)),t.addEventListener("mouseleave",this.handleMouseleave.bind(this)),t.addEventListener("focusin",this.handleFocusIn.bind(this)),t.addEventListener("focusout",this.handleFocusout.bind(this))},this.removeListeners=t=>{t.removeEventListener("mouseenter",this.handleMouseEnter.bind(this)),t.removeEventListener("mouseleave",this.handleMouseleave.bind(this)),t.removeEventListener("focusin",this.handleFocusIn.bind(this)),t.removeEventListener("focusout",this.handleFocusout.bind(this))},this.resyncListeners=(t,e,h=!1)=>{t&&this.removeListeners(t),e&&(h&&(this.previousSibling=e),this.addListeners(e))},this.catchTooltipElement=t=>{this.tooltipElement=t},this.catchArrowElement=t=>{this.arrowElement=t},this._align="top",this.state={_align:"top",_label:""}}async alignTooltip(){this.tooltipElement&&this.previousSibling&&await u({align:this._align,referenceElement:this.previousSibling,arrowElement:this.arrowElement,floatingElement:this.tooltipElement})}async hideTooltip(){clearTimeout(this.showTooltipTimeout),this.tooltipElement&&(f(this.tooltipElement),this.tooltipElement.style.setProperty("display","none"),this.tooltipElement.style.setProperty("visibility","hidden"),this.cleanupAutoPositioning&&(this.cleanupAutoPositioning(),this.cleanupAutoPositioning=void 0)),l().removeEventListener("keyup",this.hideTooltipByEscape)}handleMouseEnter(){this.showTooltipWithDelay()}handleMouseleave(){this.hideTooltipWithDelay()}handleFocusIn(){this.showTooltipWithDelay()}handleFocusout(){this.hideTooltipWithDelay()}render(){return s(d,{key:"60be1bd258bc5ae2b0ecce9374607d11476071b1",class:"kol-tooltip"},this.state._label!==""&&s("div",{key:"2af044756ca7d87c5b789181da84556a517c0ee4",class:"kol-tooltip__floating",ref:this.catchTooltipElement},s("div",{key:"057fc2de5c87f0f82e9477568992048bf3918e77",class:"kol-tooltip__arrow",ref:this.catchArrowElement}),s(E,{key:"1ba456fb877c04c0dc1e93431f90db07f2e90b47",class:"kol-tooltip__content",id:this.state._id,badgeText:this._badgeText,label:this.state._label})))}validateBadgeText(i){b(this,i)}validateAlign(i){m(this,i)}validateId(i){g(this,i)}validateLabel(i){v(this,i,{required:!0})}componentWillLoad(){this.validateBadgeText(this._badgeText),this.validateAlign(this._align),this.validateId(this._id),this.validateLabel(this._label)}handleEventListeners(){var i;this.resyncListeners(this.previousSibling,(i=this.host)===null||i===void 0?void 0:i.previousElementSibling,!0),this.resyncListeners(this.tooltipElement,this.tooltipElement)}connectedCallback(){var i;this.previousSibling=(i=this.host)===null||i===void 0?void 0:i.previousElementSibling}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 p(this)}static get watchers(){return{_badgeText:["validateBadgeText"],_align:["validateAlign"],_id:["validateId"],_label:["validateLabel"]}}};export{W as kol_tooltip_wc};
+//# sourceMappingURL=kol-tooltip-wc.entry-KV58f2Lu.js.map

package/dist/assets/kol-tooltip-wc.entry-KV58f2Lu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-tooltip-wc.entry-KV58f2Lu.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-CGVuC_LX.js';\nimport { b as autoUpdate, a as alignFloatingElements } from './align-floating-elements-CS5tDVty.js';\nimport { e as watchString, A as getDocument } from './common-CveT8b8y.js';\nimport { v as validateAlign } from './align-DrcZAyfz.js';\nimport { v as validateLabel } from './label-CyF697aK.js';\nimport './Alert-ByNfG8nN.js';\nimport { K as KolSpanFc } from './Span-CHPCQ33k.js';\nimport './i18n-CS5bfbb5.js';\nimport './Heading-BTtiPVot.js';\nimport './clsx-eK3rPvPS.js';\nimport './component-names-CkE54Ym7.js';\nimport './bem-1mR-cDMU.js';\nimport './browser-Ccum-Et3.js';\nimport './Icon-BqBfvzxD.js';\nimport './markdown-BitmMy0q.js';\nimport './InternalUnderlinedBadgeText-CFT7WIRl.js';\nimport './isObject-DvSELytj.js';\nimport './i18n-CjhRejiw.js';\n\nconst validateBadgeText = (component, value) => {\n    watchString(component, '_badgeText', value);\n};\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 TOOLTIP_DELAY = 300;\nconst KolTooltipWc = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.showTooltip = () => {\n            if (this.previousSibling && this.tooltipElement) {\n                showOverlay(this.tooltipElement);\n                this.tooltipElement.style.setProperty('display', 'block');\n                getDocument().addEventListener('keyup', this.hideTooltipByEscape);\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.showTooltipWithDelay = () => {\n            clearTimeout(this.hideTooltipTimeout);\n            clearTimeout(this.showTooltipTimeout);\n            this.showTooltipTimeout = setTimeout(() => {\n                this.showTooltip();\n            }, TOOLTIP_DELAY);\n        };\n        this.hideTooltipWithDelay = () => {\n            clearTimeout(this.hideTooltipTimeout);\n            this.hideTooltipTimeout = setTimeout(() => {\n                void this.hideTooltip();\n            }, TOOLTIP_DELAY);\n        };\n        this.hideTooltipByEscape = (event) => {\n            if (event.key === 'Escape') {\n                void this.hideTooltip();\n            }\n        };\n        this.addListeners = (el) => {\n            el.addEventListener('mouseenter', this.handleMouseEnter.bind(this));\n            el.addEventListener('mouseleave', this.handleMouseleave.bind(this));\n            el.addEventListener('focusin', this.handleFocusIn.bind(this));\n            el.addEventListener('focusout', this.handleFocusout.bind(this));\n        };\n        this.removeListeners = (el) => {\n            el.removeEventListener('mouseenter', this.handleMouseEnter.bind(this));\n            el.removeEventListener('mouseleave', this.handleMouseleave.bind(this));\n            el.removeEventListener('focusin', this.handleFocusIn.bind(this));\n            el.removeEventListener('focusout', this.handleFocusout.bind(this));\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._align = 'top';\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    async hideTooltip() {\n        clearTimeout(this.showTooltipTimeout);\n        if (this.tooltipElement) {\n            hideOverlay(this.tooltipElement);\n            this.tooltipElement.style.setProperty('display', 'none');\n            this.tooltipElement.style.setProperty('visibility', 'hidden');\n            if (this.cleanupAutoPositioning) {\n                this.cleanupAutoPositioning();\n                this.cleanupAutoPositioning = undefined;\n            }\n        }\n        getDocument().removeEventListener('keyup', this.hideTooltipByEscape);\n    }\n    handleMouseEnter() {\n        this.showTooltipWithDelay();\n    }\n    handleMouseleave() {\n        this.hideTooltipWithDelay();\n    }\n    handleFocusIn() {\n        this.showTooltipWithDelay();\n    }\n    handleFocusout() {\n        this.hideTooltipWithDelay();\n    }\n    render() {\n        return (h(Host, { key: '60be1bd258bc5ae2b0ecce9374607d11476071b1', class: \"kol-tooltip\" }, this.state._label !== '' && (h(\"div\", { key: '2af044756ca7d87c5b789181da84556a517c0ee4', class: \"kol-tooltip__floating\", ref: this.catchTooltipElement }, h(\"div\", { key: '057fc2de5c87f0f82e9477568992048bf3918e77', class: \"kol-tooltip__arrow\", ref: this.catchArrowElement }), h(KolSpanFc, { key: '1ba456fb877c04c0dc1e93431f90db07f2e90b47', class: \"kol-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;\n        this.resyncListeners(this.previousSibling, (_a = this.host) === null || _a === void 0 ? void 0 : _a.previousElementSibling, true);\n        this.resyncListeners(this.tooltipElement, this.tooltipElement);\n    }\n    connectedCallback() {\n        var _a;\n        this.previousSibling = (_a = this.host) === null || _a === void 0 ? void 0 : _a.previousElementSibling;\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//# sourceMappingURL=kol-tooltip-wc.entry.js.map\n\n//# sourceMappingURL=kol-tooltip-wc.entry.js.map"],"names":["validateBadgeText","component","value","watchString","validateId","VISIBLE_OVERLAYS","showOverlay","overlay","visibleOverlay","hideOverlay","last","TOOLTIP_DELAY","KolTooltipWc","hostRef","registerInstance","getDocument","target","tooltipEl","autoUpdate","event","el","next","replacePreviousSibling","element","alignFloatingElements","h","Host","KolSpanFc","validateAlign","validateLabel","_a","getElement"],"mappings":"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"}

package/dist/assets/{kol-tree-item-wc.entry-CbB8Z8V8.js → kol-tree-item-wc.entry-DWyraixD.js}

@@ -1,4 +1,4 @@
-import{r as o,h as a,j as r,i as c,H as h,as as d,g as _,m as f}from"./index-CwbOeeUa.js";import{v}from"./href-BKuPIzvr-DvY7ceNJ.js";import{v as p}from"./label-D3d1qqIG-ur2RbYqf.js";import{v as m}from"./open-8iQ59IbX-CP5pez_4.js";import{n as k}from"./dev.utils-BLpsI3cb-hwcgzcdb.js";import{c as b}from"./clsx-eK3rPvPS-BT_IL7Fz.js";/*!
+import{r as o,h as a,j as r,i as c,H as h,ar as d,g as _,m as f}from"./index-ccK9smvC.js";import{v}from"./href-3FWCEGoX-CROfBYoF.js";import{v as p}from"./label-CyF697aK-Ck5S24j2.js";import{v as m}from"./open-CdzTY4wX-Brgi8ysD.js";import{n as k}from"./dev.utils-CXs0T-g8-KmBOPa4z.js";import{c as b}from"./clsx-eK3rPvPS-BT_IL7Fz.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const g=(e,t,i)=>{f(e,"_active",t,i)},E=class{constructor(e){o(this,e),this.groupId=`tree-group-${k()}`,this.state={_active:!1,_hasChildren:!1,_href:"",_label:"",_open:!1}}render(){const{_href:e,_active:t,_hasChildren:i,_open:l,_label:n}=this.state;return a(h,{key:"e8cebee52ed0f115c3aa30e82e2e3ccf5d09e626",onSlotchange:this.handleSlotchange.bind(this)},a("li",{key:"c4b1d56ae69f55ca57ad8d863df02fe0d7ff4f00",class:"kol-tree-item",style:{"--level":`${this.level}`}},a(r,{key:"8e87e00dae2d0e6dcad5602e28b5642bc31702f5",class:b("kol-tree-item__link",{"kol-tree-item__link--first-level":this.level===0,"kol-tree-item__link--active":t}),_href:e,_label:"",_role:"treeitem",_tabIndex:t?0:-1,_ariaExpanded:i?l:void 0,_ariaOwns:i?this.groupId:void 0,ref:s=>this.linkElement=s},a("span",{key:"2375f5ff6abe59419b5d4ef28e5e0f104034fef3",class:"kol-tree-item__link-inner",slot:"expert"},i?a("span",{class:"kol-tree-item__toggle-button",onClick:s=>l?void this.handleCollapseClick(s):void this.handleExpandClick(s)},a(c,{class:"kol-tree-item__toggle-button-icon",_icons:`codicon codicon-${l?"chevron-down":"chevron-right"}`,_label:""})):a("span",{class:"kol-tree-item__toggle-button-placeholder"}),a("span",{key:"39c07661723143bfafcc6ee8e96e51bd88daa940",class:"kol-tree-item__text"},n))),a("ul",{key:"2bd2e3a880b4d1946f00e46784f476e69508441b",class:"kol-tree-item__children",hidden:!i||!l,role:"group",id:this.groupId},a("slot",{key:"472cc53e288b84a99a0190a82be67e04ce851f99"}))))}validateActive(e){g(this,e||!1)}validateLabel(e){p(this,e)}validateOpen(e){m(this,e)}validateHref(e){v(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()!==d&&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 _(this)}static get watchers(){return{_active:["validateActive"],_label:["validateLabel"],_open:["validateOpen"],_href:["validateHref"]}}};export{E as kol_tree_item_wc};
-//# sourceMappingURL=kol-tree-item-wc.entry-CbB8Z8V8.js.map
+//# sourceMappingURL=kol-tree-item-wc.entry-DWyraixD.js.map

package/dist/assets/kol-tree-item-wc.entry-DWyraixD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-tree-item-wc.entry-DWyraixD.js","sources":["../../../../components/dist/esm/kol-tree-item-wc.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host, g as getElement } from './index-CGVuC_LX.js';\nimport { d as watchBoolean } from './common-CveT8b8y.js';\nimport { v as validateHref } from './href-3FWCEGoX.js';\nimport { v as validateLabel } from './label-CyF697aK.js';\nimport { v as validateOpen } from './open-CdzTY4wX.js';\nimport { f as KolLinkWcTag, e as KolIconTag, x as KolTreeTag } from './component-names-CkE54Ym7.js';\nimport { n as nonce } from './dev.utils-CXs0T-g8.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\n\nconst validateActive = (component, value, options) => {\n    watchBoolean(component, '_active', value, options);\n};\n\nconst KolTreeItemWc = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.groupId = `tree-group-${nonce()}`;\n        this.state = {\n            _active: false,\n            _hasChildren: false,\n            _href: '',\n            _label: '',\n            _open: false,\n        };\n    }\n    render() {\n        const { _href, _active, _hasChildren, _open, _label } = this.state;\n        return (h(Host, { key: 'e8cebee52ed0f115c3aa30e82e2e3ccf5d09e626', onSlotchange: this.handleSlotchange.bind(this) }, h(\"li\", { key: 'c4b1d56ae69f55ca57ad8d863df02fe0d7ff4f00', class: \"kol-tree-item\", style: {\n                '--level': `${this.level}`,\n            } }, h(KolLinkWcTag, { key: '8e87e00dae2d0e6dcad5602e28b5642bc31702f5', class: clsx('kol-tree-item__link', {\n                'kol-tree-item__link--first-level': this.level === 0,\n                'kol-tree-item__link--active': _active,\n            }), _href: _href, _label: \"\", _role: \"treeitem\", _tabIndex: _active ? 0 : -1, _ariaExpanded: _hasChildren ? _open : undefined, _ariaOwns: _hasChildren ? this.groupId : undefined, ref: (element) => (this.linkElement = element) }, h(\"span\", { key: '2375f5ff6abe59419b5d4ef28e5e0f104034fef3', class: \"kol-tree-item__link-inner\", slot: \"expert\" }, _hasChildren ? (h(\"span\", { class: \"kol-tree-item__toggle-button\", onClick: (event) => (_open ? void this.handleCollapseClick(event) : void this.handleExpandClick(event)) }, h(KolIconTag, { class: \"kol-tree-item__toggle-button-icon\", _icons: `codicon codicon-${_open ? 'chevron-down' : 'chevron-right'}`, _label: '' }))) : (h(\"span\", { class: \"kol-tree-item__toggle-button-placeholder\" })), h(\"span\", { key: '39c07661723143bfafcc6ee8e96e51bd88daa940', class: \"kol-tree-item__text\" }, _label))), h(\"ul\", { key: '2bd2e3a880b4d1946f00e46784f476e69508441b', class: \"kol-tree-item__children\", hidden: !_hasChildren || !_open, role: \"group\", id: this.groupId }, h(\"slot\", { key: '472cc53e288b84a99a0190a82be67e04ce851f99' })))));\n    }\n    validateActive(value) {\n        validateActive(this, value || false);\n    }\n    validateLabel(value) {\n        validateLabel(this, value);\n    }\n    validateOpen(value) {\n        validateOpen(this, value);\n    }\n    validateHref(value) {\n        validateHref(this, value);\n    }\n    componentWillLoad() {\n        this.validateActive(this._active);\n        this.validateLabel(this._label);\n        this.validateOpen(this._open);\n        this.validateHref(this._href);\n        this.checkForChildren();\n        this.determineTreeItemDepth();\n    }\n    determineTreeItemDepth() {\n        let level = 0;\n        let traverseItem = this.host.parentNode.host.parentNode;\n        while (traverseItem !== null && traverseItem.tagName.toLowerCase() !== KolTreeTag && traverseItem !== document.body) {\n            traverseItem = traverseItem.parentElement;\n            level += 1;\n        }\n        this.level = level;\n    }\n    handleSlotchange() {\n        this.checkForChildren();\n    }\n    checkForChildren() {\n        var _a, _b;\n        this.state = Object.assign(Object.assign({}, this.state), { _hasChildren: Boolean((_b = (_a = this.host.querySelector('slot')) === null || _a === void 0 ? void 0 : _a.assignedElements) === null || _b === void 0 ? void 0 : _b.call(_a).length) });\n    }\n    async focusLink() {\n        await this.linkElement.kolFocus();\n    }\n    async handleExpandClick(event) {\n        event.preventDefault();\n        await this.linkElement.kolFocus();\n        await this.expand();\n    }\n    async expand() {\n        if (this.state._hasChildren) {\n            this.state = Object.assign(Object.assign({}, this.state), { _open: true });\n        }\n    }\n    async handleCollapseClick(event) {\n        event.preventDefault();\n        this.linkElement.focus();\n        await this.collapse();\n    }\n    async collapse() {\n        if (this.state._hasChildren) {\n            this.state = Object.assign(Object.assign({}, this.state), { _open: false });\n        }\n    }\n    async isOpen() {\n        var _a;\n        return (_a = this.state._open) !== null && _a !== void 0 ? _a : false;\n    }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_active\": [\"validateActive\"],\n        \"_label\": [\"validateLabel\"],\n        \"_open\": [\"validateOpen\"],\n        \"_href\": [\"validateHref\"]\n    }; }\n};\n\nexport { KolTreeItemWc as kol_tree_item_wc };\n//# sourceMappingURL=kol-tree-item-wc.entry.js.map\n\n//# sourceMappingURL=kol-tree-item-wc.entry.js.map"],"names":["validateActive","component","value","options","watchBoolean","KolTreeItemWc","hostRef","registerInstance","nonce","_href","_active","_hasChildren","_open","_label","h","Host","KolLinkWcTag","clsx","element","event","KolIconTag","validateLabel","validateOpen","validateHref","level","traverseItem","KolTreeTag","_a","_b","getElement"],"mappings":"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"}

package/dist/assets/{kol-tree-item.entry-BU6Y3JPW.js → kol-tree-item.entry-B-IGYSQi.js}

@@ -1,10 +1,10 @@
-import{r as i,h as t,ah as o}from"./index-CwbOeeUa.js";/*!
+import{r as i,h as t,ag as o}from"./index-ccK9smvC.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const a=`/* forward the rem function */
 /*
  * This file contains all rules for accessibility.
  */
-@layer kol-global {
+@layer kol-a11y {
   :host {
     /*
      * Minimum size of interactive elements.
@@ -77,23 +77,22 @@ import{r as i,h as t,ah as o}from"./index-CwbOeeUa.js";/*!
      */
     font-size: inherit;
   }
+  /**
+  * Sometimes we need the semantic element for accessibility reasons,
+  * but we don't want to show it.
+  *
+  * - https://www.a11yproject.com/posts/how-to-hide-content/
+  */
+  .visually-hidden {
+    clip: rect(0 0 0 0);
+    clip-path: inset(50%);
+    height: 1px;
+    overflow: hidden;
+    position: absolute;
+    white-space: nowrap;
+    width: 1px;
+  }
 }
-/**
- * Sometimes we need the semantic element for accessibility reasons,
- * but we don't want to show it.
- *
- * - https://www.a11yproject.com/posts/how-to-hide-content/
- */
-.visually-hidden {
-  clip: rect(0 0 0 0);
-  clip-path: inset(50%);
-  height: 1px;
-  overflow: hidden;
-  position: absolute;
-  white-space: nowrap;
-  width: 1px;
-}
-
 @layer kol-global {
   /*
    * Dieses CSS stellt sicher, dass der Standard-Style
@@ -207,5 +206,5 @@ import{r as i,h as t,ah as o}from"./index-CwbOeeUa.js";/*!
   .kol-tree-item__text {
     text-decoration: underline;
   }
-}`,l=class{constructor(n){i(this,n)}async focusLink(){this.element&&await this.element.focusLink()}async expand(){this.element&&await this.element.expand()}async collapse(){this.element&&await this.element.collapse()}async isOpen(){var n,e;return(e=await((n=this.element)===null||n===void 0?void 0:n.isOpen()))!==null&&e!==void 0?e:!1}render(){return t(o,{key:"59e322059558664a9ca5d03a7a98bafa9b84cb98",_active:this._active,_label:this._label,_open:this._open,_href:this._href,ref:n=>this.element=n},t("slot",{key:"728328010d981a229607662273528d35587ef1e4"}))}};l.style={default:a};export{l as kol_tree_item};
-//# sourceMappingURL=kol-tree-item.entry-BU6Y3JPW.js.map
+}`,l=class{constructor(n){i(this,n)}async focusLink(){this.element&&await this.element.focusLink()}async expand(){this.element&&await this.element.expand()}async collapse(){this.element&&await this.element.collapse()}async isOpen(){var n,e;return(e=await((n=this.element)===null||n===void 0?void 0:n.isOpen()))!==null&&e!==void 0?e:!1}render(){return t(o,{key:"7bb3a408013bea8c9d87e7911df20651f5230f10",_active:this._active,_label:this._label,_open:this._open,_href:this._href,ref:n=>this.element=n},t("slot",{key:"f7e7f98c562a887973733fd19268d7c8efdda8d8"}))}};l.style={default:a};export{l as kol_tree_item};
+//# sourceMappingURL=kol-tree-item.entry-B-IGYSQi.js.map

package/dist/assets/kol-tree-item.entry-B-IGYSQi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-tree-item.entry-B-IGYSQi.js","sources":["../../../../components/dist/esm/kol-tree-item.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-CGVuC_LX.js';\nimport { p as KolTreeItemWcTag } from './component-names-CkE54Ym7.js';\nimport './common-CveT8b8y.js';\n\nconst defaultStyleCss = \"/* forward the rem function */\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    color: black;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of to-rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    clip: rect(0 0 0 0);\\n    clip-path: inset(50%);\\n    height: 1px;\\n    overflow: hidden;\\n    position: absolute;\\n    white-space: nowrap;\\n    width: 1px;\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%;\\n    /* 100% needed for custom width from outside */\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n  .badge-text-hint {\\n    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  .kol-span {\\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n    display: grid;\\n    place-items: center;\\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  }\\n  .kol-span__container {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  .kol-span .kol-span__label--hide-label .kol-span__label {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\n  }\\n  [aria-disabled=true]:focus .kol-span,\\n  [disabled]:focus .kol-span {\\n    outline: none !important;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tree-item {\\n    --indentation: var(--tree-item-indentation, calc(10rem / var(--kolibri-root-font-size, 16)));\\n  }\\n  .kol-tree-item__link .kol-link {\\n    align-items: center;\\n    display: inline-flex;\\n    min-height: var(--a11y-min-size);\\n    padding-left: max(var(--indentation) * var(--level) + (8rem / var(--kolibri-root-font-size, 16)), 8rem / var(--kolibri-root-font-size, 16));\\n    padding-right: calc(6rem / var(--kolibri-root-font-size, 16));\\n    text-decoration: none;\\n  }\\n  .kol-tree-item__link--first-level .kol-link {\\n    padding-left: calc(6rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-tree-item__link-inner {\\n    display: flex;\\n    align-items: center;\\n  }\\n  .kol-tree-item__children {\\n    margin: 0;\\n    padding: 0;\\n    list-style: none;\\n  }\\n  .kol-tree-item .kol-span {\\n    place-items: unset;\\n  }\\n  .kol-tree-item__toggle-button, .kol-tree-item__toggle-button-placeholder {\\n    width: var(--a11y-min-size);\\n    height: var(--a11y-min-size);\\n    display: inline-flex;\\n    justify-content: center;\\n    align-items: center;\\n  }\\n  .kol-tree-item__text {\\n    text-decoration: underline;\\n  }\\n}\";\n\nconst KolTreeItem = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n    }\n    async focusLink() {\n        if (this.element) {\n            await this.element.focusLink();\n        }\n    }\n    async expand() {\n        if (this.element) {\n            await this.element.expand();\n        }\n    }\n    async collapse() {\n        if (this.element) {\n            await this.element.collapse();\n        }\n    }\n    async isOpen() {\n        var _a, _b;\n        return (_b = (await ((_a = this.element) === null || _a === void 0 ? void 0 : _a.isOpen()))) !== null && _b !== void 0 ? _b : false;\n    }\n    render() {\n        return (h(KolTreeItemWcTag, { key: '7bb3a408013bea8c9d87e7911df20651f5230f10', _active: this._active, _label: this._label, _open: this._open, _href: this._href, ref: (element) => (this.element = element) }, h(\"slot\", { key: 'f7e7f98c562a887973733fd19268d7c8efdda8d8' })));\n    }\n};\nKolTreeItem.style = {\n    default: defaultStyleCss\n};\n\nexport { KolTreeItem as kol_tree_item };\n//# sourceMappingURL=kol-tree-item.entry.js.map\n\n//# sourceMappingURL=kol-tree-item.entry.js.map"],"names":["defaultStyleCss","KolTreeItem","hostRef","registerInstance","_a","_b","h","KolTreeItemWcTag","element"],"mappings":"uDAAA;AAAA;AAAA,GAOA,MAAMA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAElBC,EAAc,KAAM,CACtB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,CACtC,CACI,MAAM,WAAY,CACV,KAAK,SACL,MAAM,KAAK,QAAQ,UAAW,CAE1C,CACI,MAAM,QAAS,CACP,KAAK,SACL,MAAM,KAAK,QAAQ,OAAQ,CAEvC,CACI,MAAM,UAAW,CACT,KAAK,SACL,MAAM,KAAK,QAAQ,SAAU,CAEzC,CACI,MAAM,QAAS,CACX,IAAIE,EAAIC,EACR,OAAQA,EAAM,OAAQD,EAAK,KAAK,WAAa,MAAQA,IAAO,OAAS,OAASA,EAAG,OAAM,MAAU,MAAQC,IAAO,OAASA,EAAK,EACtI,CACI,QAAS,CACL,OAAQC,EAAEC,EAAkB,CAAE,IAAK,2CAA4C,QAAS,KAAK,QAAS,OAAQ,KAAK,OAAQ,MAAO,KAAK,MAAO,MAAO,KAAK,MAAO,IAAMC,GAAa,KAAK,QAAUA,CAAU,EAAEF,EAAE,OAAQ,CAAE,IAAK,0CAA4C,CAAA,CAAC,CACrR,CACA,EACAL,EAAY,MAAQ,CAChB,QAASD,CACb"}