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

package/dist/assets/{kol-input-text.entry-CQwcK0ic.js → kol-input-text.entry-CNwadgxR.js}

@@ -1,4 +1,4 @@
-import{v as l,h as a,x as s,F as r,y as o,H as d,r as h,s as c,m as u,q as p}from"./index-ChE0RS-7.js";import{n as f}from"./dev.utils-e4e292d2-BSbUzxZC.js";import{p as m}from"./controller-87dfc9ee-0mTl99rR.js";import{g as _}from"./controller-4fa871d2-DSodGBl7.js";import{I as y}from"./InternalUnderlinedBadgeText-ee968c75-CZn8hbp1.js";import{a as b}from"./controller-cfa11279-119QxoFB.js";import"./debounce-112fa67e-q36Qv-J3.js";import"./events-29e84d75-BhxFwhXP.js";import"./associated.controller-3dab1e00-DeTJHUXc.js";import"./access-and-short-key-a34a0af0-CJXJn1mw.js";import"./hide-label-2b46168f-vo67NYPJ.js";import"./label-51d66c9d-JPyJWROR.js";import"./tooltip-align-de415afb-Hvz71xmh.js";import"./align-bc8d98ac-CEFBBTwy.js";import"./controller-8ace9659-AYSli_DS.js";import"./controller-icon-811adcf4-CZ6Kj684.js";import"./icons-d29928c3-CgABluCT.js";import"./spell-check-5b365d45-DFJT9cvl.js";import"./suggestions-7e70d4e3-1GdSuqje.js";/*!
+import{v as l,h as i,x as s,F as r,y as o,H as d,r as h,s as c,m as u,q as p}from"./index-DqXEOlVh.js";import{n as f}from"./dev.utils-e5207de9-C_EvV1SR.js";import{p as m}from"./controller-87dfc9ee-CB6hf-uv.js";import{g as _}from"./controller-4fa871d2-BzTrqtDN.js";import{I as y}from"./InternalUnderlinedBadgeText-fb9c25ad-BWrnkW-D.js";import{a as b}from"./controller-cfa11279-1kXXf7hX.js";import"./debounce-112fa67e-CFxvskq5.js";import"./events-29e84d75-BhxFwhXP.js";import"./associated.controller-3dab1e00-BqYF22eF.js";import"./access-and-short-key-a34a0af0-C4G9_V20.js";import"./hide-label-2b46168f-CixwJxae.js";import"./label-51d66c9d-5l0E5TCR.js";import"./tooltip-align-de415afb-DvVGrrMs.js";import"./align-bc8d98ac-DcnfNP39.js";import"./controller-8ace9659-CW2391MS.js";import"./controller-icon-811adcf4-C2UQMN0d.js";import"./icons-d29928c3-DhfVW-d1.js";import"./spell-check-5b365d45-DxRpvQhG.js";import"./suggestions-7e70d4e3-B9BBjPtH.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const v=(t,e)=>{p(t,"_alert",e)},g=`/*
  * This file contains all rules for accessibility.
@@ -16,12 +16,6 @@ import{v as l,h as a,x as s,F as r,y as o,H as d,r as h,s as c,m as u,q as p}fro
      */
     background-color: white;
     color: black;
-  }
-  * {
-    /*
-     * This rule enables the word dividing for all texts. That is important for high zoom levels.
-     */
-    hyphens: auto;
     /*
      * Verdana is an accessible font that can be used without requiring additional loading time.
      */
@@ -30,14 +24,20 @@ import{v as l,h as a,x as s,F as r,y as o,H as d,r as h,s as c,m as u,q as p}fro
      * Letter spacing is required for all texts.
      */
     letter-spacing: inherit;
+    /*
+     * Word spacing is required for all texts.
+     */
+    word-spacing: inherit;
+  }
+  * {
     /*
      * This rule enables the word dividing for all texts. That is important for high zoom levels.
      */
-    word-break: break-word;
+    hyphens: auto;
     /*
-     * Word spacing is required for all texts.
+     * This rule enables the word dividing for all texts. That is important for high zoom levels.
      */
-    word-spacing: inherit;
+    word-break: break-word;
   }
   /*
    * All interactive elements should have a minimum size of rem(44).
@@ -75,6 +75,14 @@ import{v as l,h as a,x as s,F as r,y as o,H as d,r as h,s as c,m as u,q as p}fro
      * All elements should inherit the font size from his parent element.
      */
     font-size: inherit;
+    /*
+     * Letter spacing is required for all texts.
+     */
+    letter-spacing: inherit;
+    /*
+     * Word spacing is required for all texts.
+     */
+    word-spacing: inherit;
   }
   /**
   * Sometimes we need the semantic element for accessibility reasons,
@@ -319,5 +327,5 @@ import{v as l,h as a,x as s,F as r,y as o,H as d,r as h,s as c,m as u,q as p}fro
   .kol-input.required .input-tooltip .span-label::after {
     content: "*";
   }
-}`,w=g,k=class{async getValue(){var t;return(t=this.inputRef)===null||t===void 0?void 0:t.value}async focus(){await this.kolFocus()}async kolFocus(){var t;(t=this.inputRef)===null||t===void 0||t.focus()}render(){const{ariaDescribedBy:t}=_(this.state),e=Array.isArray(this.state._suggestions)&&this.state._suggestions.length>0,i=l(this.state._label);return a(d,{key:"daf56fd230207e88659a8a685b9c6fd3dabb58f6",class:{"has-value":this.state._hasValue,"kol-input-text":!0}},a(s,{key:"2a057daf50cdc652fa2143c58c2aee15b7b2add3",class:{[this.state._type]:!0,"hide-label":!!this.state._hideLabel},_accessKey:this.state._accessKey,_alert:this.showAsAlert(),_currentLength:this.state._currentLength,_currentLengthDebounced:this.state._currentLengthDebounced,_disabled:this.state._disabled,_hasCounter:this.state._hasCounter,_hideError:this.state._hideError,_hideLabel:this.state._hideLabel,_hint:this.state._hint,_icons:this.state._icons,_id:this.state._id,_label:this.state._label,_maxLength:this.state._maxLength,_msg:this.state._msg,_readOnly:this.state._readOnly,_required:this.state._required,_shortKey:this.state._shortKey,_smartButton:this.state._smartButton,_suggestions:this.state._suggestions,_tooltipAlign:this._tooltipAlign,_touched:this.state._touched,onClick:()=>{var n;return(n=this.inputRef)===null||n===void 0?void 0:n.focus()},role:"presentation"},a("span",{key:"24d3e814f9d9e8b07ab9eb41a1364826794c935b",slot:"label"},i?a("slot",{name:"expert"}):typeof this.state._accessKey=="string"||typeof this.state._shortKey=="string"?a(r,null,a(y,{badgeText:o(this.state._accessKey,this.state._shortKey),label:this.state._label})," ",a("kbd",{class:"badge-text-hint","aria-hidden":"true"},o(this.state._accessKey,this.state._shortKey))):a("span",null,this.state._label)),a("div",{key:"dcc4e5ce614203a3a2540b4b17012d428faa55f4",slot:"input"},a("input",Object.assign({key:"5ae722b791d73169be5aa00f3eacf29a8fe52d03",ref:this.catchRef,title:"",accessKey:this.state._accessKey,"aria-describedby":t.length>0?t.join(" "):void 0,"aria-label":this.state._hideLabel&&typeof this.state._label=="string"?this.state._label:void 0,autoCapitalize:"off",autoComplete:this.state._autoComplete,autoCorrect:"off",disabled:this.state._disabled,id:this.state._id,list:e?`${this.state._id}-list`:void 0,maxlength:this.state._maxLength,name:this.state._name,pattern:this.state._pattern,placeholder:this.state._placeholder,readOnly:this.state._readOnly,required:this.state._required,spellcheck:this.state._spellCheck,type:this.state._type,value:this.state._value},this.controller.onFacade,{onChange:this.onChange,onInput:this.onInput,onKeyDown:this.onKeyDown,onFocus:n=>{this.controller.onFacade.onFocus(n),this.inputHasFocus=!0},onBlur:n=>{this.controller.onFacade.onBlur(n),this.inputHasFocus=!1}})))))}constructor(t){h(this,t),this.catchRef=e=>{this.inputRef=e},this.onChange=e=>{var i,n;this.oldValue!==((i=this.inputRef)===null||i===void 0?void 0:i.value)&&(this.oldValue=(n=this.inputRef)===null||n===void 0?void 0:n.value,this.controller.onFacade.onChange(e))},this.onInput=e=>{c(this,"_currentLength",e.target.value.length),this.controller.updateCurrentLengthDebounced(e.target.value.length),this.controller.onFacade.onInput(e)},this.onKeyDown=e=>{(e.code==="Enter"||e.code==="NumpadEnter")&&m({form:this.host,ref:this.inputRef})},this._accessKey=void 0,this._alert=void 0,this._autoComplete=void 0,this._disabled=!1,this._error=void 0,this._hasCounter=!1,this._hideError=!1,this._hideLabel=!1,this._hint="",this._icons=void 0,this._id=void 0,this._label=void 0,this._maxLength=void 0,this._msg=void 0,this._name=void 0,this._on=void 0,this._pattern=void 0,this._placeholder=void 0,this._readOnly=!1,this._required=!1,this._shortKey=void 0,this._spellCheck=void 0,this._suggestions=void 0,this._smartButton=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._touched=!1,this._type="text",this._value=void 0,this.state={_autoComplete:"off",_currentLength:0,_currentLengthDebounced:0,_hasValue:!1,_hideError:!1,_id:`id-${f()}`,_label:"",_suggestions:[],_type:"text"},this.inputHasFocus=!1,this.controller=new b(this,"text",this.host)}showAsAlert(){return this.state._alert===void 0?!!this.state._touched&&!this.inputHasFocus:this.state._alert}validateAccessKey(t){this.controller.validateAccessKey(t)}validateAlert(t){v(this,t)}validateAutoComplete(t){this.controller.validateAutoComplete(t)}validateDisabled(t){this.controller.validateDisabled(t)}validateError(t){this.controller.validateError(t)}validateHasCounter(t){this.controller.validateHasCounter(t)}validateHideError(t){this.controller.validateHideError(t)}validateHideLabel(t){this.controller.validateHideLabel(t)}validateHint(t){this.controller.validateHint(t)}validateIcons(t){this.controller.validateIcons(t)}validateId(t){this.controller.validateId(t)}validateLabel(t){this.controller.validateLabel(t)}validateMaxLength(t){this.controller.validateMaxLength(t)}validateMsg(t){this.controller.validateMsg(t)}validateName(t){this.controller.validateName(t)}validateOn(t){this.controller.validateOn(t)}validatePattern(t){this.controller.validatePattern(t)}validatePlaceholder(t){this.controller.validatePlaceholder(t)}validateReadOnly(t){this.controller.validateReadOnly(t)}validateRequired(t){this.controller.validateRequired(t)}validateShortKey(t){this.controller.validateShortKey(t)}validateSpellCheck(t){this.controller.validateSpellCheck(t)}validateSuggestions(t){this.controller.validateSuggestions(t)}validateSmartButton(t){this.controller.validateSmartButton(t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTabIndex(t){this.controller.validateTabIndex(t)}validateTouched(t){this.controller.validateTouched(t)}validateType(t){this.controller.validateType(t)}validateValue(t){this.controller.validateValue(t),this.oldValue=t}componentWillLoad(){this._touched=this._touched===!0,this.oldValue=this._value,this.controller.componentWillLoad(),this.state._hasValue=!!this.state._value,this.controller.addValueChangeListener(t=>this.state._hasValue=!!t)}static get delegatesFocus(){return!0}get host(){return u(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_alert:["validateAlert"],_autoComplete:["validateAutoComplete"],_disabled:["validateDisabled"],_error:["validateError"],_hasCounter:["validateHasCounter"],_hideError:["validateHideError"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_maxLength:["validateMaxLength"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_pattern:["validatePattern"],_placeholder:["validatePlaceholder"],_readOnly:["validateReadOnly"],_required:["validateRequired"],_shortKey:["validateShortKey"],_spellCheck:["validateSpellCheck"],_suggestions:["validateSuggestions"],_smartButton:["validateSmartButton"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_touched:["validateTouched"],_type:["validateType"],_value:["validateValue"]}}};k.style={default:w};export{k as kol_input_text};
-//# sourceMappingURL=kol-input-text.entry-CQwcK0ic.js.map
+}`,w=g,k=class{async getValue(){var t;return(t=this.inputRef)===null||t===void 0?void 0:t.value}async focus(){await this.kolFocus()}async kolFocus(){var t;(t=this.inputRef)===null||t===void 0||t.focus()}render(){const{ariaDescribedBy:t}=_(this.state),e=Array.isArray(this.state._suggestions)&&this.state._suggestions.length>0,a=l(this.state._label);return i(d,{key:"daf56fd230207e88659a8a685b9c6fd3dabb58f6",class:{"has-value":this.state._hasValue,"kol-input-text":!0}},i(s,{key:"2a057daf50cdc652fa2143c58c2aee15b7b2add3",class:{[this.state._type]:!0,"hide-label":!!this.state._hideLabel},_accessKey:this.state._accessKey,_alert:this.showAsAlert(),_currentLength:this.state._currentLength,_currentLengthDebounced:this.state._currentLengthDebounced,_disabled:this.state._disabled,_hasCounter:this.state._hasCounter,_hideError:this.state._hideError,_hideLabel:this.state._hideLabel,_hint:this.state._hint,_icons:this.state._icons,_id:this.state._id,_label:this.state._label,_maxLength:this.state._maxLength,_msg:this.state._msg,_readOnly:this.state._readOnly,_required:this.state._required,_shortKey:this.state._shortKey,_smartButton:this.state._smartButton,_suggestions:this.state._suggestions,_tooltipAlign:this._tooltipAlign,_touched:this.state._touched,onClick:()=>{var n;return(n=this.inputRef)===null||n===void 0?void 0:n.focus()},role:"presentation"},i("span",{key:"24d3e814f9d9e8b07ab9eb41a1364826794c935b",slot:"label"},a?i("slot",{name:"expert"}):typeof this.state._accessKey=="string"||typeof this.state._shortKey=="string"?i(r,null,i(y,{badgeText:o(this.state._accessKey,this.state._shortKey),label:this.state._label})," ",i("kbd",{class:"badge-text-hint","aria-hidden":"true"},o(this.state._accessKey,this.state._shortKey))):i("span",null,this.state._label)),i("div",{key:"dcc4e5ce614203a3a2540b4b17012d428faa55f4",slot:"input"},i("input",Object.assign({key:"5ae722b791d73169be5aa00f3eacf29a8fe52d03",ref:this.catchRef,title:"",accessKey:this.state._accessKey,"aria-describedby":t.length>0?t.join(" "):void 0,"aria-label":this.state._hideLabel&&typeof this.state._label=="string"?this.state._label:void 0,autoCapitalize:"off",autoComplete:this.state._autoComplete,autoCorrect:"off",disabled:this.state._disabled,id:this.state._id,list:e?`${this.state._id}-list`:void 0,maxlength:this.state._maxLength,name:this.state._name,pattern:this.state._pattern,placeholder:this.state._placeholder,readOnly:this.state._readOnly,required:this.state._required,spellcheck:this.state._spellCheck,type:this.state._type,value:this.state._value},this.controller.onFacade,{onChange:this.onChange,onInput:this.onInput,onKeyDown:this.onKeyDown,onFocus:n=>{this.controller.onFacade.onFocus(n),this.inputHasFocus=!0},onBlur:n=>{this.controller.onFacade.onBlur(n),this.inputHasFocus=!1}})))))}constructor(t){h(this,t),this.catchRef=e=>{this.inputRef=e},this.onChange=e=>{var a,n;this.oldValue!==((a=this.inputRef)===null||a===void 0?void 0:a.value)&&(this.oldValue=(n=this.inputRef)===null||n===void 0?void 0:n.value,this.controller.onFacade.onChange(e))},this.onInput=e=>{c(this,"_currentLength",e.target.value.length),this.controller.updateCurrentLengthDebounced(e.target.value.length),this.controller.onFacade.onInput(e)},this.onKeyDown=e=>{(e.code==="Enter"||e.code==="NumpadEnter")&&m({form:this.host,ref:this.inputRef})},this._accessKey=void 0,this._alert=void 0,this._autoComplete=void 0,this._disabled=!1,this._error=void 0,this._hasCounter=!1,this._hideError=!1,this._hideLabel=!1,this._hint="",this._icons=void 0,this._id=void 0,this._label=void 0,this._maxLength=void 0,this._msg=void 0,this._name=void 0,this._on=void 0,this._pattern=void 0,this._placeholder=void 0,this._readOnly=!1,this._required=!1,this._shortKey=void 0,this._spellCheck=void 0,this._suggestions=void 0,this._smartButton=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._touched=!1,this._type="text",this._value=void 0,this.state={_autoComplete:"off",_currentLength:0,_currentLengthDebounced:0,_hasValue:!1,_hideError:!1,_id:`id-${f()}`,_label:"",_suggestions:[],_type:"text"},this.inputHasFocus=!1,this.controller=new b(this,"text",this.host)}showAsAlert(){return this.state._alert===void 0?!!this.state._touched&&!this.inputHasFocus:this.state._alert}validateAccessKey(t){this.controller.validateAccessKey(t)}validateAlert(t){v(this,t)}validateAutoComplete(t){this.controller.validateAutoComplete(t)}validateDisabled(t){this.controller.validateDisabled(t)}validateError(t){this.controller.validateError(t)}validateHasCounter(t){this.controller.validateHasCounter(t)}validateHideError(t){this.controller.validateHideError(t)}validateHideLabel(t){this.controller.validateHideLabel(t)}validateHint(t){this.controller.validateHint(t)}validateIcons(t){this.controller.validateIcons(t)}validateId(t){this.controller.validateId(t)}validateLabel(t){this.controller.validateLabel(t)}validateMaxLength(t){this.controller.validateMaxLength(t)}validateMsg(t){this.controller.validateMsg(t)}validateName(t){this.controller.validateName(t)}validateOn(t){this.controller.validateOn(t)}validatePattern(t){this.controller.validatePattern(t)}validatePlaceholder(t){this.controller.validatePlaceholder(t)}validateReadOnly(t){this.controller.validateReadOnly(t)}validateRequired(t){this.controller.validateRequired(t)}validateShortKey(t){this.controller.validateShortKey(t)}validateSpellCheck(t){this.controller.validateSpellCheck(t)}validateSuggestions(t){this.controller.validateSuggestions(t)}validateSmartButton(t){this.controller.validateSmartButton(t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTabIndex(t){this.controller.validateTabIndex(t)}validateTouched(t){this.controller.validateTouched(t)}validateType(t){this.controller.validateType(t)}validateValue(t){this.controller.validateValue(t),this.oldValue=t}componentWillLoad(){this._touched=this._touched===!0,this.oldValue=this._value,this.controller.componentWillLoad(),this.state._hasValue=!!this.state._value,this.controller.addValueChangeListener(t=>this.state._hasValue=!!t)}static get delegatesFocus(){return!0}get host(){return u(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_alert:["validateAlert"],_autoComplete:["validateAutoComplete"],_disabled:["validateDisabled"],_error:["validateError"],_hasCounter:["validateHasCounter"],_hideError:["validateHideError"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_maxLength:["validateMaxLength"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_pattern:["validatePattern"],_placeholder:["validatePlaceholder"],_readOnly:["validateReadOnly"],_required:["validateRequired"],_shortKey:["validateShortKey"],_spellCheck:["validateSpellCheck"],_suggestions:["validateSuggestions"],_smartButton:["validateSmartButton"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_touched:["validateTouched"],_type:["validateType"],_value:["validateValue"]}}};k.style={default:w};export{k as kol_input_text};
+//# sourceMappingURL=kol-input-text.entry-CNwadgxR.js.map

package/dist/assets/kol-input-text.entry-CNwadgxR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-input-text.entry-CNwadgxR.js","sources":["../../../../components/dist/esm/kol-input-text.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, F as Fragment, H as Host, r as registerInstance, g as getElement } from './index-6c6daeaa.js';\nimport { j as watchBoolean, A as buildBadgeTextString, m as setState, B as showExpertSlot } from './index-4fb06bbb.js';\nimport { l as KolInputTag } from './component-names-4cb1c62b.js';\nimport { n as nonce } from './dev.utils-e5207de9.js';\nimport { p as propagateSubmitEventToForm } from './controller-87dfc9ee.js';\nimport { g as getRenderStates } from './controller-4fa871d2.js';\nimport { I as InternalUnderlinedBadgeText } from './InternalUnderlinedBadgeText-fb9c25ad.js';\nimport { a as InputTextController } from './controller-cfa11279.js';\nimport './events-29e84d75.js';\nimport './associated.controller-3dab1e00.js';\nimport './access-and-short-key-a34a0af0.js';\nimport './hide-label-2b46168f.js';\nimport './label-51d66c9d.js';\nimport './tooltip-align-de415afb.js';\nimport './align-bc8d98ac.js';\nimport './controller-8ace9659.js';\nimport './controller-icon-811adcf4.js';\nimport './icons-d29928c3.js';\nimport './debounce-112fa67e.js';\nimport './spell-check-5b365d45.js';\nimport './suggestions-7e70d4e3.js';\n\nconst validateAlert = (component, value) => {\n    watchBoolean(component, '_alert', value);\n};\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    /*\\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     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  [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     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    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%; /* 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}\\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  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n  .kol-span-wc {\\n    display: grid;\\n    place-items: center;\\n  }\\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  .kol-span-wc > span {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  /* This is the text label. */\\n  .hide-label > .kol-span-wc > span > span {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\n  }\\n  [aria-disabled=true]:focus .kol-span-wc,\\n  [disabled]:focus .kol-span-wc {\\n    outline: none !important;\\n  }\\n  .badge-text-hint {\\n    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: block;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip-wc {\\n    display: contents;\\n    contain: layout;\\n  }\\n  .kol-tooltip-wc .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  /* Shared between content and arrow */\\n  .kol-tooltip-wc .tooltip-area {\\n    background-color: #fff;\\n    color: #000;\\n  }\\n  .kol-tooltip-wc .tooltip-arrow {\\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-wc .tooltip-content {\\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  .required label > span::after,\\n  .required legend > span::after {\\n    content: \\\"*\\\";\\n  }\\n}\\n@layer kol-component {\\n  input,\\n  textarea {\\n    cursor: text;\\n  }\\n  input[type=checkbox],\\n  input[type=color],\\n  input[type=file],\\n  input[type=radio],\\n  input[type=range],\\n  label,\\n  option,\\n  select {\\n    cursor: pointer;\\n  }\\n  /* input[type='checkbox'], */\\n  /* input[type='radio'], */\\n  /* input[type='range'], */\\n  input[type=color],\\n  input[type=date],\\n  input[type=datetime-local],\\n  input[type=email],\\n  input[type=file],\\n  input[type=month],\\n  input[type=number],\\n  input[type=password],\\n  input[type=search],\\n  input[type=tel],\\n  input[type=text],\\n  input[type=time],\\n  input[type=url],\\n  input[type=week],\\n  option,\\n  select,\\n  textarea {\\n    background-color: transparent;\\n    width: 100%;\\n  }\\n  /* needed hack for vertical alignment */\\n  input[type=file] {\\n    padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 10) 0.5em;\\n  }\\n  /* needed hack for vertical alignment */\\n  select[multiple] option {\\n    padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 2) 0.5em;\\n  }\\n}\\n@layer kol-component {\\n  .kol-alert-wc {\\n    display: grid;\\n  }\\n  .kol-alert-wc .heading {\\n    display: flex;\\n    place-items: center;\\n    overflow: hidden;\\n  }\\n  .kol-alert-wc .heading > div {\\n    flex-grow: 1;\\n  }\\n  .close {\\n    /* Visible with forced colors */\\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\\n  }\\n}\\n@layer kol-component {\\n  .kol-input {\\n    display: grid;\\n  }\\n  .kol-input .input-slot {\\n    flex-grow: 1;\\n    overflow: hidden;\\n  }\\n  input:focus,\\n  option:focus,\\n  select:focus,\\n  textarea:focus {\\n    outline: 0;\\n  }\\n  .input {\\n    align-items: center;\\n    background-color: white;\\n    cursor: pointer;\\n    display: flex;\\n  }\\n  button:not([role=link]) {\\n    min-height: auto;\\n  }\\n  .input > .kol-icon {\\n    display: grid;\\n    place-items: center;\\n  }\\n  .kol-input.required .input-tooltip .span-label::after {\\n    content: \\\"*\\\";\\n  }\\n}\";\nconst KolInputTextDefaultStyle0 = defaultStyleCss;\n\nconst KolInputText = class {\n    async getValue() {\n        var _a;\n        return (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.value;\n    }\n    async focus() {\n        await this.kolFocus();\n    }\n    async kolFocus() {\n        var _a;\n        (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();\n    }\n    render() {\n        const { ariaDescribedBy } = getRenderStates(this.state);\n        const hasSuggestions = Array.isArray(this.state._suggestions) && this.state._suggestions.length > 0;\n        const hasExpertSlot = showExpertSlot(this.state._label);\n        return (h(Host, { key: 'daf56fd230207e88659a8a685b9c6fd3dabb58f6', class: {\n                'has-value': this.state._hasValue,\n                'kol-input-text': true,\n            } }, h(KolInputTag, { key: '2a057daf50cdc652fa2143c58c2aee15b7b2add3', class: {\n                [this.state._type]: true,\n                'hide-label': !!this.state._hideLabel,\n            }, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _currentLength: this.state._currentLength, _currentLengthDebounced: this.state._currentLengthDebounced, _disabled: this.state._disabled, _hasCounter: this.state._hasCounter, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _maxLength: this.state._maxLength, _msg: this.state._msg, _readOnly: this.state._readOnly, _required: this.state._required, _shortKey: this.state._shortKey, _smartButton: this.state._smartButton, _suggestions: this.state._suggestions, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus(); }, role: `presentation` }, h(\"span\", { key: '24d3e814f9d9e8b07ab9eb41a1364826794c935b', slot: \"label\" }, hasExpertSlot ? (h(\"slot\", { name: \"expert\" })) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (h(Fragment, null, h(InternalUnderlinedBadgeText, { badgeText: buildBadgeTextString(this.state._accessKey, this.state._shortKey), label: this.state._label }), ' ', h(\"kbd\", { class: \"badge-text-hint\", \"aria-hidden\": \"true\" }, buildBadgeTextString(this.state._accessKey, this.state._shortKey)))) : (h(\"span\", null, this.state._label))), h(\"div\", { key: 'dcc4e5ce614203a3a2540b4b17012d428faa55f4', slot: \"input\" }, h(\"input\", Object.assign({ key: '5ae722b791d73169be5aa00f3eacf29a8fe52d03', ref: this.catchRef, title: \"\", accessKey: this.state._accessKey, \"aria-describedby\": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, \"aria-label\": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: \"off\", autoComplete: this.state._autoComplete, autoCorrect: \"off\", disabled: this.state._disabled, id: this.state._id, list: hasSuggestions ? `${this.state._id}-list` : undefined, maxlength: this.state._maxLength, name: this.state._name, pattern: this.state._pattern, placeholder: this.state._placeholder, readOnly: this.state._readOnly, required: this.state._required, spellcheck: this.state._spellCheck, type: this.state._type, value: this.state._value }, this.controller.onFacade, { onChange: this.onChange, onInput: this.onInput, onKeyDown: this.onKeyDown, 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    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.catchRef = (ref) => {\n            this.inputRef = ref;\n        };\n        this.onChange = (event) => {\n            var _a, _b;\n            if (this.oldValue !== ((_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.value)) {\n                this.oldValue = (_b = this.inputRef) === null || _b === void 0 ? void 0 : _b.value;\n                this.controller.onFacade.onChange(event);\n            }\n        };\n        this.onInput = (event) => {\n            setState(this, '_currentLength', event.target.value.length);\n            this.controller.updateCurrentLengthDebounced(event.target.value.length);\n            this.controller.onFacade.onInput(event);\n        };\n        this.onKeyDown = (event) => {\n            if (event.code === 'Enter' || event.code === 'NumpadEnter') {\n                propagateSubmitEventToForm({\n                    form: this.host,\n                    ref: this.inputRef,\n                });\n            }\n        };\n        this._accessKey = undefined;\n        this._alert = undefined;\n        this._autoComplete = undefined;\n        this._disabled = false;\n        this._error = undefined;\n        this._hasCounter = false;\n        this._hideError = false;\n        this._hideLabel = false;\n        this._hint = '';\n        this._icons = undefined;\n        this._id = undefined;\n        this._label = undefined;\n        this._maxLength = undefined;\n        this._msg = undefined;\n        this._name = undefined;\n        this._on = undefined;\n        this._pattern = undefined;\n        this._placeholder = undefined;\n        this._readOnly = false;\n        this._required = false;\n        this._shortKey = undefined;\n        this._spellCheck = undefined;\n        this._suggestions = undefined;\n        this._smartButton = undefined;\n        this._syncValueBySelector = undefined;\n        this._tabIndex = undefined;\n        this._tooltipAlign = 'top';\n        this._touched = false;\n        this._type = 'text';\n        this._value = undefined;\n        this.state = {\n            _autoComplete: 'off',\n            _currentLength: 0,\n            _currentLengthDebounced: 0,\n            _hasValue: false,\n            _hideError: false,\n            _id: `id-${nonce()}`,\n            _label: '',\n            _suggestions: [],\n            _type: 'text',\n        };\n        this.inputHasFocus = false;\n        this.controller = new InputTextController(this, 'text', this.host);\n    }\n    showAsAlert() {\n        if (this.state._alert === undefined) {\n            return Boolean(this.state._touched) && !this.inputHasFocus;\n        }\n        return this.state._alert;\n    }\n    validateAccessKey(value) {\n        this.controller.validateAccessKey(value);\n    }\n    validateAlert(value) {\n        validateAlert(this, value);\n    }\n    validateAutoComplete(value) {\n        this.controller.validateAutoComplete(value);\n    }\n    validateDisabled(value) {\n        this.controller.validateDisabled(value);\n    }\n    validateError(value) {\n        this.controller.validateError(value);\n    }\n    validateHasCounter(value) {\n        this.controller.validateHasCounter(value);\n    }\n    validateHideError(value) {\n        this.controller.validateHideError(value);\n    }\n    validateHideLabel(value) {\n        this.controller.validateHideLabel(value);\n    }\n    validateHint(value) {\n        this.controller.validateHint(value);\n    }\n    validateIcons(value) {\n        this.controller.validateIcons(value);\n    }\n    validateId(value) {\n        this.controller.validateId(value);\n    }\n    validateLabel(value) {\n        this.controller.validateLabel(value);\n    }\n    validateMaxLength(value) {\n        this.controller.validateMaxLength(value);\n    }\n    validateMsg(value) {\n        this.controller.validateMsg(value);\n    }\n    validateName(value) {\n        this.controller.validateName(value);\n    }\n    validateOn(value) {\n        this.controller.validateOn(value);\n    }\n    validatePattern(value) {\n        this.controller.validatePattern(value);\n    }\n    validatePlaceholder(value) {\n        this.controller.validatePlaceholder(value);\n    }\n    validateReadOnly(value) {\n        this.controller.validateReadOnly(value);\n    }\n    validateRequired(value) {\n        this.controller.validateRequired(value);\n    }\n    validateShortKey(value) {\n        this.controller.validateShortKey(value);\n    }\n    validateSpellCheck(value) {\n        this.controller.validateSpellCheck(value);\n    }\n    validateSuggestions(value) {\n        this.controller.validateSuggestions(value);\n    }\n    validateSmartButton(value) {\n        this.controller.validateSmartButton(value);\n    }\n    validateSyncValueBySelector(value) {\n        this.controller.validateSyncValueBySelector(value);\n    }\n    validateTabIndex(value) {\n        this.controller.validateTabIndex(value);\n    }\n    validateTouched(value) {\n        this.controller.validateTouched(value);\n    }\n    validateType(value) {\n        this.controller.validateType(value);\n    }\n    validateValue(value) {\n        this.controller.validateValue(value);\n        this.oldValue = value;\n    }\n    componentWillLoad() {\n        this._touched = this._touched === true;\n        this.oldValue = this._value;\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        \"_alert\": [\"validateAlert\"],\n        \"_autoComplete\": [\"validateAutoComplete\"],\n        \"_disabled\": [\"validateDisabled\"],\n        \"_error\": [\"validateError\"],\n        \"_hasCounter\": [\"validateHasCounter\"],\n        \"_hideError\": [\"validateHideError\"],\n        \"_hideLabel\": [\"validateHideLabel\"],\n        \"_hint\": [\"validateHint\"],\n        \"_icons\": [\"validateIcons\"],\n        \"_id\": [\"validateId\"],\n        \"_label\": [\"validateLabel\"],\n        \"_maxLength\": [\"validateMaxLength\"],\n        \"_msg\": [\"validateMsg\"],\n        \"_name\": [\"validateName\"],\n        \"_on\": [\"validateOn\"],\n        \"_pattern\": [\"validatePattern\"],\n        \"_placeholder\": [\"validatePlaceholder\"],\n        \"_readOnly\": [\"validateReadOnly\"],\n        \"_required\": [\"validateRequired\"],\n        \"_shortKey\": [\"validateShortKey\"],\n        \"_spellCheck\": [\"validateSpellCheck\"],\n        \"_suggestions\": [\"validateSuggestions\"],\n        \"_smartButton\": [\"validateSmartButton\"],\n        \"_syncValueBySelector\": [\"validateSyncValueBySelector\"],\n        \"_tabIndex\": [\"validateTabIndex\"],\n        \"_touched\": [\"validateTouched\"],\n        \"_type\": [\"validateType\"],\n        \"_value\": [\"validateValue\"]\n    }; }\n};\nKolInputText.style = {\n    default: KolInputTextDefaultStyle0\n};\n\nexport { KolInputText as kol_input_text };\n\n//# sourceMappingURL=kol-input-text.entry.js.map"],"names":["validateAlert","component","value","watchBoolean","defaultStyleCss","KolInputTextDefaultStyle0","KolInputText","_a","ariaDescribedBy","getRenderStates","hasSuggestions","hasExpertSlot","showExpertSlot","h","Host","KolInputTag","Fragment","InternalUnderlinedBadgeText","buildBadgeTextString","event","hostRef","registerInstance","ref","_b","setState","propagateSubmitEventToForm","nonce","InputTextController","v","getElement"],"mappings":"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"}

package/dist/assets/{kol-input.entry-CDPQVey9.js → kol-input.entry-CPuXmX7O.js}

@@ -1,4 +1,4 @@
-import{r as v,ak as k,v as L,h as t,F as B,K as x,e as b,c as N,H as I,m as K}from"./index-ChE0RS-7.js";import{c as M}from"./clsx-09a06a12-BT_IL7Fz.js";import{t as g}from"./i18n-820d85c7-BEJoJePQ.js";import{F as S}from"./FormFieldMsg-f6269075-B24wFQ8x.js";import"./tslib.es6-1173d062-BAJoBDh7.js";import"./Alert-3376ad25-52IAjvIl.js";/*!
+import{r as v,ak as k,v as L,h as t,F as B,K as x,e as b,c as N,H as I,m as K}from"./index-DqXEOlVh.js";import{c as M}from"./clsx-09a06a12-BT_IL7Fz.js";import{t as g}from"./i18n-820d85c7-o606L4xD.js";import{F as S}from"./FormFieldMsg-615e6f85-CMJBKzl0.js";import"./tslib.es6-1173d062-BAJoBDh7.js";import"./Alert-484b34fa-_-ydzoP0.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const w=class{constructor(e){v(this,e),this.slotName="input",this.catchInputSlot=s=>{k(this.host,s,this.slotName)},this._accessKey=void 0,this._alert=!0,this._currentLength=void 0,this._currentLengthDebounced=void 0,this._disabled=!1,this._hasCounter=!1,this._hideError=!1,this._hideLabel=!1,this._hint="",this._icons=void 0,this._id=void 0,this._label=void 0,this._maxLength=void 0,this._msg=void 0,this._readOnly=!1,this._renderNoLabel=!1,this._required=!1,this._shortKey=void 0,this._slotName=void 0,this._suggestions=void 0,this._smartButton=void 0,this._tooltipAlign="top",this._touched=!1}componentWillRender(){this.slotName=this._slotName?this._slotName:"input"}getIconStyles(e){return e&&typeof e=="object"&&e.style?e.style:{}}render(){var e,s,i,a,n,o,l,d,h,r,_,c;const u=typeof this._msg=="object"&&this._msg!==null&&typeof((e=this._msg)===null||e===void 0?void 0:e._description)=="string"&&((s=this._msg)===null||s===void 0?void 0:s._description.length)>0&&(this._touched===!0||((i=this._msg)===null||i===void 0?void 0:i._type)!=="error"),m=L(this._label),p=typeof this._hint=="string"&&this._hint.length>0,f=!m&&this._hideLabel;return t(I,{key:"65e25236006d47c556c287f57522693a775819ef",class:M("kol-input",this.getModifierClassNameByMsgType(u),{disabled:this._disabled===!0,[((a=this._msg)===null||a===void 0?void 0:a._type)||"error"]:u===!0,"read-only":this._readOnly===!0,required:this._required===!0,touched:this._touched===!0,"hidden-error":this._hideError===!0})},t("label",{key:"38b715784bbae9e94589d8a7ed1743de9c92969b",class:"input-label",id:f?void 0:`${this._id}-label`,hidden:f,htmlFor:this._id},t("span",{key:"5934f50ab92196658618fcb334af74447b47bcdb",class:"input-label-span"},t("slot",{key:"8a39a951858a36ccf7774ce7813e62deea8a2e85",name:"label"}))),p&&t("span",{key:"8db0923f2189c5c6e7ea3faf0f6120734e77f1ed",class:"hint",id:`${this._id}-hint`},this._hint),t("div",{key:"49a2bfbfcc153b68ca8b323605b9f9cb80f22900",class:{input:!0,"icon-left":typeof((n=this._icons)===null||n===void 0?void 0:n.left)=="object","icon-right":typeof((o=this._icons)===null||o===void 0?void 0:o.right)=="object"}},((l=this._icons)===null||l===void 0?void 0:l.left)&&t(b,{key:"e7f0db71fab21ae736a66dc02f0c78357e18bf91",_label:"",_icons:((d=this._icons)===null||d===void 0?void 0:d.left).icon,style:this.getIconStyles((h=this._icons)===null||h===void 0?void 0:h.left)}),t("div",{key:"9669a185c1451fc77642c5e062a4c153e70abaca",ref:this.catchInputSlot,id:this.slotName,class:"input-slot"}),typeof this._smartButton=="object"&&this._smartButton!==null&&t(N,{key:"a3d9e730f5e6b026990e697d02d8cf945af5c11c",_customClass:this._smartButton._customClass,_disabled:this._smartButton._disabled,_icons:this._smartButton._icons,_hideLabel:!0,_id:this._smartButton._id,_label:this._smartButton._label,_on:this._smartButton._on,_tooltipAlign:this._smartButton._tooltipAlign,_variant:this._smartButton._variant}),((r=this._icons)===null||r===void 0?void 0:r.right)&&t(b,{key:"f6e6042d20148fb236129588c14cbca5b19dd873",_label:"",_icons:((_=this._icons)===null||_===void 0?void 0:_.right).icon,style:this.getIconStyles((c=this._icons)===null||c===void 0?void 0:c.right)})),f&&t(x,{key:"e08bdf1c1ea0f363e3f3824809ee30d75a7868cc","aria-hidden":"true",class:"input-tooltip",_badgeText:this._accessKey||this._shortKey,_align:this._tooltipAlign,_id:this._hideLabel?`${this._id}-label`:void 0,_label:this._label}),u&&t(S,{key:"4d82ed833659163c1315cd84d644f4022d2fb0ad",_alert:this._alert,_hideError:this._hideError,_msg:this._msg,_id:this._id}),Array.isArray(this._suggestions)&&this._suggestions.length>0&&t("datalist",{key:"bf391ca45c04582bc9e1d1083a3b0777c5ef433c",id:`${this._id}-list`},this._suggestions.map(y=>t("option",{value:y}))),this._hasCounter&&t(B,null,t("span",{key:"6ca742ce2019bfa752590249a3c369418a561de4",class:"counter","aria-hidden":"true","data-testid":"input-counter"},this._currentLength,this._maxLength&&`/${this._maxLength}`," ",g("kol-characters")),t("span",{key:"b26bbe2c1389911e90c709a270a83258f979acbf","aria-live":"polite","aria-atomic":"true",class:"visually-hidden","data-testid":"input-counter-aria"},this._currentLengthDebounced,this._maxLength&&` ${g("kol-of")} ${this._maxLength}`," ",g("kol-characters"))))}getModifierClassNameByMsgType(e){var s,i;if(e&&(!((s=this._msg)===null||s===void 0)&&s._type))return{default:"msg-type-default",info:"msg-type-info",success:"msg-type-success",warning:"msg-type-warning",error:"msg-type-error"}[(i=this._msg)===null||i===void 0?void 0:i._type]}get host(){return K(this)}};export{w as kol_input};
-//# sourceMappingURL=kol-input.entry-CDPQVey9.js.map
+//# sourceMappingURL=kol-input.entry-CPuXmX7O.js.map

package/dist/assets/{kol-input.entry-CDPQVey9.js.map → kol-input.entry-CPuXmX7O.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-input.entry-CDPQVey9.js","sources":["../../../../components/dist/esm/kol-input.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, F as Fragment, H as Host, g as getElement } from './index-9b23879d.js';\nimport { c as clsx } from './clsx-09a06a12.js';\nimport { Q as handleSlotContent, B as showExpertSlot } from './index-4fb06bbb.js';\nimport { t as translate } from './i18n-820d85c7.js';\nimport { a as KolTooltipWcTag, g as KolIconTag, c as KolButtonWcTag } from './component-names-4cb1c62b.js';\nimport { F as FormFieldMsgFc } from './FormFieldMsg-f6269075.js';\nimport './i18n-b14e6088.js';\nimport './Alert-3376ad25.js';\nimport './tslib.es6-1173d062.js';\n\nconst KolInputWc = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.slotName = 'input';\n        this.catchInputSlot = (slot) => {\n            handleSlotContent(this.host, slot, this.slotName);\n        };\n        this._accessKey = undefined;\n        this._alert = true;\n        this._currentLength = undefined;\n        this._currentLengthDebounced = undefined;\n        this._disabled = false;\n        this._hasCounter = false;\n        this._hideError = false;\n        this._hideLabel = false;\n        this._hint = '';\n        this._icons = undefined;\n        this._id = undefined;\n        this._label = undefined;\n        this._maxLength = undefined;\n        this._msg = undefined;\n        this._readOnly = false;\n        this._renderNoLabel = false;\n        this._required = false;\n        this._shortKey = undefined;\n        this._slotName = undefined;\n        this._suggestions = undefined;\n        this._smartButton = undefined;\n        this._tooltipAlign = 'top';\n        this._touched = false;\n    }\n    componentWillRender() {\n        this.slotName = this._slotName ? this._slotName : 'input';\n    }\n    getIconStyles(icon) {\n        return icon && typeof icon === 'object' && icon.style ? icon.style : {};\n    }\n    render() {\n        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;\n        const hasValidMsg = typeof this._msg === 'object' && this._msg !== null && typeof ((_a = this._msg) === null || _a === void 0 ? void 0 : _a._description) === 'string' && ((_b = this._msg) === null || _b === void 0 ? void 0 : _b._description.length) > 0;\n        const showMsg = hasValidMsg && (this._touched === true || ((_c = this._msg) === null || _c === void 0 ? void 0 : _c._type) !== 'error');\n        const hasExpertSlot = showExpertSlot(this._label);\n        const hasHint = typeof this._hint === 'string' && this._hint.length > 0;\n        const useTooltopInsteadOfLabel = !hasExpertSlot && this._hideLabel;\n        return (h(Host, { key: '65e25236006d47c556c287f57522693a775819ef', class: clsx('kol-input', this.getModifierClassNameByMsgType(showMsg), {\n                disabled: this._disabled === true,\n                [((_d = this._msg) === null || _d === void 0 ? void 0 : _d._type) || 'error']: showMsg === true,\n                'read-only': this._readOnly === true,\n                required: this._required === true,\n                touched: this._touched === true,\n                'hidden-error': this._hideError === true,\n            }) }, h(\"label\", { key: '38b715784bbae9e94589d8a7ed1743de9c92969b', class: \"input-label\", id: !useTooltopInsteadOfLabel ? `${this._id}-label` : undefined, hidden: useTooltopInsteadOfLabel, htmlFor: this._id }, h(\"span\", { key: '5934f50ab92196658618fcb334af74447b47bcdb', class: \"input-label-span\" }, h(\"slot\", { key: '8a39a951858a36ccf7774ce7813e62deea8a2e85', name: \"label\" }))), hasHint && (h(\"span\", { key: '8db0923f2189c5c6e7ea3faf0f6120734e77f1ed', class: \"hint\", id: `${this._id}-hint` }, this._hint)), h(\"div\", { key: '49a2bfbfcc153b68ca8b323605b9f9cb80f22900', class: {\n                input: true,\n                'icon-left': typeof ((_e = this._icons) === null || _e === void 0 ? void 0 : _e.left) === 'object',\n                'icon-right': typeof ((_f = this._icons) === null || _f === void 0 ? void 0 : _f.right) === 'object',\n            } }, ((_g = this._icons) === null || _g === void 0 ? void 0 : _g.left) && (h(KolIconTag, { key: 'e7f0db71fab21ae736a66dc02f0c78357e18bf91', _label: \"\", _icons: ((_h = this._icons) === null || _h === void 0 ? void 0 : _h.left).icon, style: this.getIconStyles((_j = this._icons) === null || _j === void 0 ? void 0 : _j.left) })), h(\"div\", { key: '9669a185c1451fc77642c5e062a4c153e70abaca', ref: this.catchInputSlot, id: this.slotName, class: \"input-slot\" }), typeof this._smartButton === 'object' && this._smartButton !== null && (h(KolButtonWcTag, { key: 'a3d9e730f5e6b026990e697d02d8cf945af5c11c', _customClass: this._smartButton._customClass, _disabled: this._smartButton._disabled, _icons: this._smartButton._icons, _hideLabel: true, _id: this._smartButton._id, _label: this._smartButton._label, _on: this._smartButton._on, _tooltipAlign: this._smartButton._tooltipAlign, _variant: this._smartButton._variant })), ((_k = this._icons) === null || _k === void 0 ? void 0 : _k.right) && (h(KolIconTag, { key: 'f6e6042d20148fb236129588c14cbca5b19dd873', _label: \"\", _icons: ((_l = this._icons) === null || _l === void 0 ? void 0 : _l.right).icon, style: this.getIconStyles((_m = this._icons) === null || _m === void 0 ? void 0 : _m.right) }))), useTooltopInsteadOfLabel && (h(KolTooltipWcTag, { key: 'e08bdf1c1ea0f363e3f3824809ee30d75a7868cc', \"aria-hidden\": \"true\", class: \"input-tooltip\", _badgeText: this._accessKey || this._shortKey, _align: this._tooltipAlign, _id: this._hideLabel ? `${this._id}-label` : undefined, _label: this._label })), showMsg && h(FormFieldMsgFc, { key: '4d82ed833659163c1315cd84d644f4022d2fb0ad', _alert: this._alert, _hideError: this._hideError, _msg: this._msg, _id: this._id }), Array.isArray(this._suggestions) && this._suggestions.length > 0 && (h(\"datalist\", { key: 'bf391ca45c04582bc9e1d1083a3b0777c5ef433c', id: `${this._id}-list` }, this._suggestions.map((option) => (h(\"option\", { value: option }))))), this._hasCounter && (h(Fragment, null, h(\"span\", { key: '6ca742ce2019bfa752590249a3c369418a561de4', class: \"counter\", \"aria-hidden\": \"true\", \"data-testid\": \"input-counter\" }, this._currentLength, this._maxLength && `/${this._maxLength}`, \" \", translate('kol-characters')), h(\"span\", { key: 'b26bbe2c1389911e90c709a270a83258f979acbf', \"aria-live\": \"polite\", \"aria-atomic\": \"true\", class: \"visually-hidden\", \"data-testid\": \"input-counter-aria\" }, this._currentLengthDebounced, this._maxLength && ` ${translate('kol-of')} ${this._maxLength}`, \" \", translate('kol-characters'))))));\n    }\n    getModifierClassNameByMsgType(showMsg) {\n        var _a, _b;\n        if (showMsg && ((_a = this._msg) === null || _a === void 0 ? void 0 : _a._type)) {\n            return {\n                default: 'msg-type-default',\n                info: 'msg-type-info',\n                success: 'msg-type-success',\n                warning: 'msg-type-warning',\n                error: 'msg-type-error',\n            }[(_b = this._msg) === null || _b === void 0 ? void 0 : _b._type];\n        }\n    }\n    get host() { return getElement(this); }\n};\n\nexport { KolInputWc as kol_input };\n\n//# sourceMappingURL=kol-input.entry.js.map"],"names":["KolInputWc","hostRef","registerInstance","slot","handleSlotContent","icon","_a","_b","_c","_d","_e","_f","_g","_h","_j","_k","_l","_m","showMsg","hasExpertSlot","showExpertSlot","hasHint","useTooltopInsteadOfLabel","h","Host","clsx","KolIconTag","KolButtonWcTag","KolTooltipWcTag","FormFieldMsgFc","option","Fragment","translate","getElement"],"mappings":"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"}
+{"version":3,"file":"kol-input.entry-CPuXmX7O.js","sources":["../../../../components/dist/esm/kol-input.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, F as Fragment, H as Host, g as getElement } from './index-6c6daeaa.js';\nimport { c as clsx } from './clsx-09a06a12.js';\nimport { Q as handleSlotContent, B as showExpertSlot } from './index-4fb06bbb.js';\nimport { t as translate } from './i18n-820d85c7.js';\nimport { a as KolTooltipWcTag, g as KolIconTag, c as KolButtonWcTag } from './component-names-4cb1c62b.js';\nimport { F as FormFieldMsgFc } from './FormFieldMsg-615e6f85.js';\nimport './i18n-b14e6088.js';\nimport './Alert-484b34fa.js';\nimport './tslib.es6-1173d062.js';\n\nconst KolInputWc = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.slotName = 'input';\n        this.catchInputSlot = (slot) => {\n            handleSlotContent(this.host, slot, this.slotName);\n        };\n        this._accessKey = undefined;\n        this._alert = true;\n        this._currentLength = undefined;\n        this._currentLengthDebounced = undefined;\n        this._disabled = false;\n        this._hasCounter = false;\n        this._hideError = false;\n        this._hideLabel = false;\n        this._hint = '';\n        this._icons = undefined;\n        this._id = undefined;\n        this._label = undefined;\n        this._maxLength = undefined;\n        this._msg = undefined;\n        this._readOnly = false;\n        this._renderNoLabel = false;\n        this._required = false;\n        this._shortKey = undefined;\n        this._slotName = undefined;\n        this._suggestions = undefined;\n        this._smartButton = undefined;\n        this._tooltipAlign = 'top';\n        this._touched = false;\n    }\n    componentWillRender() {\n        this.slotName = this._slotName ? this._slotName : 'input';\n    }\n    getIconStyles(icon) {\n        return icon && typeof icon === 'object' && icon.style ? icon.style : {};\n    }\n    render() {\n        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;\n        const hasValidMsg = typeof this._msg === 'object' && this._msg !== null && typeof ((_a = this._msg) === null || _a === void 0 ? void 0 : _a._description) === 'string' && ((_b = this._msg) === null || _b === void 0 ? void 0 : _b._description.length) > 0;\n        const showMsg = hasValidMsg && (this._touched === true || ((_c = this._msg) === null || _c === void 0 ? void 0 : _c._type) !== 'error');\n        const hasExpertSlot = showExpertSlot(this._label);\n        const hasHint = typeof this._hint === 'string' && this._hint.length > 0;\n        const useTooltopInsteadOfLabel = !hasExpertSlot && this._hideLabel;\n        return (h(Host, { key: '65e25236006d47c556c287f57522693a775819ef', class: clsx('kol-input', this.getModifierClassNameByMsgType(showMsg), {\n                disabled: this._disabled === true,\n                [((_d = this._msg) === null || _d === void 0 ? void 0 : _d._type) || 'error']: showMsg === true,\n                'read-only': this._readOnly === true,\n                required: this._required === true,\n                touched: this._touched === true,\n                'hidden-error': this._hideError === true,\n            }) }, h(\"label\", { key: '38b715784bbae9e94589d8a7ed1743de9c92969b', class: \"input-label\", id: !useTooltopInsteadOfLabel ? `${this._id}-label` : undefined, hidden: useTooltopInsteadOfLabel, htmlFor: this._id }, h(\"span\", { key: '5934f50ab92196658618fcb334af74447b47bcdb', class: \"input-label-span\" }, h(\"slot\", { key: '8a39a951858a36ccf7774ce7813e62deea8a2e85', name: \"label\" }))), hasHint && (h(\"span\", { key: '8db0923f2189c5c6e7ea3faf0f6120734e77f1ed', class: \"hint\", id: `${this._id}-hint` }, this._hint)), h(\"div\", { key: '49a2bfbfcc153b68ca8b323605b9f9cb80f22900', class: {\n                input: true,\n                'icon-left': typeof ((_e = this._icons) === null || _e === void 0 ? void 0 : _e.left) === 'object',\n                'icon-right': typeof ((_f = this._icons) === null || _f === void 0 ? void 0 : _f.right) === 'object',\n            } }, ((_g = this._icons) === null || _g === void 0 ? void 0 : _g.left) && (h(KolIconTag, { key: 'e7f0db71fab21ae736a66dc02f0c78357e18bf91', _label: \"\", _icons: ((_h = this._icons) === null || _h === void 0 ? void 0 : _h.left).icon, style: this.getIconStyles((_j = this._icons) === null || _j === void 0 ? void 0 : _j.left) })), h(\"div\", { key: '9669a185c1451fc77642c5e062a4c153e70abaca', ref: this.catchInputSlot, id: this.slotName, class: \"input-slot\" }), typeof this._smartButton === 'object' && this._smartButton !== null && (h(KolButtonWcTag, { key: 'a3d9e730f5e6b026990e697d02d8cf945af5c11c', _customClass: this._smartButton._customClass, _disabled: this._smartButton._disabled, _icons: this._smartButton._icons, _hideLabel: true, _id: this._smartButton._id, _label: this._smartButton._label, _on: this._smartButton._on, _tooltipAlign: this._smartButton._tooltipAlign, _variant: this._smartButton._variant })), ((_k = this._icons) === null || _k === void 0 ? void 0 : _k.right) && (h(KolIconTag, { key: 'f6e6042d20148fb236129588c14cbca5b19dd873', _label: \"\", _icons: ((_l = this._icons) === null || _l === void 0 ? void 0 : _l.right).icon, style: this.getIconStyles((_m = this._icons) === null || _m === void 0 ? void 0 : _m.right) }))), useTooltopInsteadOfLabel && (h(KolTooltipWcTag, { key: 'e08bdf1c1ea0f363e3f3824809ee30d75a7868cc', \"aria-hidden\": \"true\", class: \"input-tooltip\", _badgeText: this._accessKey || this._shortKey, _align: this._tooltipAlign, _id: this._hideLabel ? `${this._id}-label` : undefined, _label: this._label })), showMsg && h(FormFieldMsgFc, { key: '4d82ed833659163c1315cd84d644f4022d2fb0ad', _alert: this._alert, _hideError: this._hideError, _msg: this._msg, _id: this._id }), Array.isArray(this._suggestions) && this._suggestions.length > 0 && (h(\"datalist\", { key: 'bf391ca45c04582bc9e1d1083a3b0777c5ef433c', id: `${this._id}-list` }, this._suggestions.map((option) => (h(\"option\", { value: option }))))), this._hasCounter && (h(Fragment, null, h(\"span\", { key: '6ca742ce2019bfa752590249a3c369418a561de4', class: \"counter\", \"aria-hidden\": \"true\", \"data-testid\": \"input-counter\" }, this._currentLength, this._maxLength && `/${this._maxLength}`, \" \", translate('kol-characters')), h(\"span\", { key: 'b26bbe2c1389911e90c709a270a83258f979acbf', \"aria-live\": \"polite\", \"aria-atomic\": \"true\", class: \"visually-hidden\", \"data-testid\": \"input-counter-aria\" }, this._currentLengthDebounced, this._maxLength && ` ${translate('kol-of')} ${this._maxLength}`, \" \", translate('kol-characters'))))));\n    }\n    getModifierClassNameByMsgType(showMsg) {\n        var _a, _b;\n        if (showMsg && ((_a = this._msg) === null || _a === void 0 ? void 0 : _a._type)) {\n            return {\n                default: 'msg-type-default',\n                info: 'msg-type-info',\n                success: 'msg-type-success',\n                warning: 'msg-type-warning',\n                error: 'msg-type-error',\n            }[(_b = this._msg) === null || _b === void 0 ? void 0 : _b._type];\n        }\n    }\n    get host() { return getElement(this); }\n};\n\nexport { KolInputWc as kol_input };\n\n//# sourceMappingURL=kol-input.entry.js.map"],"names":["KolInputWc","hostRef","registerInstance","slot","handleSlotContent","icon","_a","_b","_c","_d","_e","_f","_g","_h","_j","_k","_l","_m","showMsg","hasExpertSlot","showExpertSlot","hasHint","useTooltopInsteadOfLabel","h","Host","clsx","KolIconTag","KolButtonWcTag","KolTooltipWcTag","FormFieldMsgFc","option","Fragment","translate","getElement"],"mappings":"8UAAA;AAAA;AAAA,GAaK,MAACA,EAAa,KAAM,CACrB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,SAAW,QAChB,KAAK,eAAkBE,GAAS,CAC5BC,EAAkB,KAAK,KAAMD,EAAM,KAAK,QAAQ,CACnD,EACD,KAAK,WAAa,OAClB,KAAK,OAAS,GACd,KAAK,eAAiB,OACtB,KAAK,wBAA0B,OAC/B,KAAK,UAAY,GACjB,KAAK,YAAc,GACnB,KAAK,WAAa,GAClB,KAAK,WAAa,GAClB,KAAK,MAAQ,GACb,KAAK,OAAS,OACd,KAAK,IAAM,OACX,KAAK,OAAS,OACd,KAAK,WAAa,OAClB,KAAK,KAAO,OACZ,KAAK,UAAY,GACjB,KAAK,eAAiB,GACtB,KAAK,UAAY,GACjB,KAAK,UAAY,OACjB,KAAK,UAAY,OACjB,KAAK,aAAe,OACpB,KAAK,aAAe,OACpB,KAAK,cAAgB,MACrB,KAAK,SAAW,EACxB,CACI,qBAAsB,CAClB,KAAK,SAAW,KAAK,UAAY,KAAK,UAAY,OAC1D,CACI,cAAcE,EAAM,CAChB,OAAOA,GAAQ,OAAOA,GAAS,UAAYA,EAAK,MAAQA,EAAK,MAAQ,CAAE,CAC/E,CACI,QAAS,CACL,IAAIC,EAAIC,EAAIC,EAAIC,EAAIC,EAAIC,EAAIC,EAAIC,EAAIC,EAAIC,EAAIC,EAAIC,EAEhD,MAAMC,EADc,OAAO,KAAK,MAAS,UAAY,KAAK,OAAS,MAAQ,QAASZ,EAAK,KAAK,QAAU,MAAQA,IAAO,OAAS,OAASA,EAAG,eAAkB,YAAcC,EAAK,KAAK,QAAU,MAAQA,IAAO,OAAS,OAASA,EAAG,aAAa,QAAU,IAC3N,KAAK,WAAa,MAAUC,EAAK,KAAK,QAAU,MAAQA,IAAO,OAAS,OAASA,EAAG,SAAW,SACzHW,EAAgBC,EAAe,KAAK,MAAM,EAC1CC,EAAU,OAAO,KAAK,OAAU,UAAY,KAAK,MAAM,OAAS,EAChEC,EAA2B,CAACH,GAAiB,KAAK,WACxD,OAAQI,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAOC,EAAK,YAAa,KAAK,8BAA8BP,CAAO,EAAG,CACjI,SAAU,KAAK,YAAc,GAC7B,GAAGT,EAAK,KAAK,QAAU,MAAQA,IAAO,OAAS,OAASA,EAAG,QAAU,OAAO,EAAGS,IAAY,GAC3F,YAAa,KAAK,YAAc,GAChC,SAAU,KAAK,YAAc,GAC7B,QAAS,KAAK,WAAa,GAC3B,eAAgB,KAAK,aAAe,EACvC,CAAA,CAAG,EAAEK,EAAE,QAAS,CAAE,IAAK,2CAA4C,MAAO,cAAe,GAAKD,EAAiD,OAAtB,GAAG,KAAK,GAAG,SAAsB,OAAQA,EAA0B,QAAS,KAAK,GAAK,EAAEC,EAAE,OAAQ,CAAE,IAAK,2CAA4C,MAAO,kBAAkB,EAAIA,EAAE,OAAQ,CAAE,IAAK,2CAA4C,KAAM,OAAS,CAAA,CAAC,CAAC,EAAGF,GAAYE,EAAE,OAAQ,CAAE,IAAK,2CAA4C,MAAO,OAAQ,GAAI,GAAG,KAAK,GAAG,OAAS,EAAE,KAAK,KAAK,EAAIA,EAAE,MAAO,CAAE,IAAK,2CAA4C,MAAO,CAC5jB,MAAO,GACP,YAAa,QAASb,EAAK,KAAK,UAAY,MAAQA,IAAO,OAAS,OAASA,EAAG,OAAU,SAC1F,aAAc,QAASC,EAAK,KAAK,UAAY,MAAQA,IAAO,OAAS,OAASA,EAAG,QAAW,QAC5G,CAAe,IAAIC,EAAK,KAAK,UAAY,MAAQA,IAAO,OAAS,OAASA,EAAG,OAAUW,EAAEG,EAAY,CAAE,IAAK,2CAA4C,OAAQ,GAAI,SAAUb,EAAK,KAAK,UAAY,MAAQA,IAAO,OAAS,OAASA,EAAG,MAAM,KAAM,MAAO,KAAK,eAAeC,EAAK,KAAK,UAAY,MAAQA,IAAO,OAAS,OAASA,EAAG,IAAI,EAAG,EAAIS,EAAE,MAAO,CAAE,IAAK,2CAA4C,IAAK,KAAK,eAAgB,GAAI,KAAK,SAAU,MAAO,YAAc,CAAA,EAAG,OAAO,KAAK,cAAiB,UAAY,KAAK,eAAiB,MAASA,EAAEI,EAAgB,CAAE,IAAK,2CAA4C,aAAc,KAAK,aAAa,aAAc,UAAW,KAAK,aAAa,UAAW,OAAQ,KAAK,aAAa,OAAQ,WAAY,GAAM,IAAK,KAAK,aAAa,IAAK,OAAQ,KAAK,aAAa,OAAQ,IAAK,KAAK,aAAa,IAAK,cAAe,KAAK,aAAa,cAAe,SAAU,KAAK,aAAa,QAAU,CAAA,IAAMZ,EAAK,KAAK,UAAY,MAAQA,IAAO,OAAS,OAASA,EAAG,QAAWQ,EAAEG,EAAY,CAAE,IAAK,2CAA4C,OAAQ,GAAI,SAAUV,EAAK,KAAK,UAAY,MAAQA,IAAO,OAAS,OAASA,EAAG,OAAO,KAAM,MAAO,KAAK,eAAeC,EAAK,KAAK,UAAY,MAAQA,IAAO,OAAS,OAASA,EAAG,KAAK,CAAC,CAAE,CAAE,EAAGK,GAA6BC,EAAEK,EAAiB,CAAE,IAAK,2CAA4C,cAAe,OAAQ,MAAO,gBAAiB,WAAY,KAAK,YAAc,KAAK,UAAW,OAAQ,KAAK,cAAe,IAAK,KAAK,WAAa,GAAG,KAAK,GAAG,SAAW,OAAW,OAAQ,KAAK,MAAQ,CAAA,EAAIV,GAAWK,EAAEM,EAAgB,CAAE,IAAK,2CAA4C,OAAQ,KAAK,OAAQ,WAAY,KAAK,WAAY,KAAM,KAAK,KAAM,IAAK,KAAK,IAAK,EAAG,MAAM,QAAQ,KAAK,YAAY,GAAK,KAAK,aAAa,OAAS,GAAMN,EAAE,WAAY,CAAE,IAAK,2CAA4C,GAAI,GAAG,KAAK,GAAG,OAAS,EAAE,KAAK,aAAa,IAAKO,GAAYP,EAAE,SAAU,CAAE,MAAOO,CAAM,CAAE,CAAE,CAAC,EAAI,KAAK,aAAgBP,EAAEQ,EAAU,KAAMR,EAAE,OAAQ,CAAE,IAAK,2CAA4C,MAAO,UAAW,cAAe,OAAQ,cAAe,eAAiB,EAAE,KAAK,eAAgB,KAAK,YAAc,IAAI,KAAK,UAAU,GAAI,IAAKS,EAAU,gBAAgB,CAAC,EAAGT,EAAE,OAAQ,CAAE,IAAK,2CAA4C,YAAa,SAAU,cAAe,OAAQ,MAAO,kBAAmB,cAAe,oBAAoB,EAAI,KAAK,wBAAyB,KAAK,YAAc,IAAIS,EAAU,QAAQ,CAAC,IAAI,KAAK,UAAU,GAAI,IAAKA,EAAU,gBAAgB,CAAC,CAAC,CAAE,CACh+E,CACI,8BAA8Bd,EAAS,CACnC,IAAIZ,EAAIC,EACR,GAAIW,IAAa,GAAAZ,EAAK,KAAK,QAAU,MAAQA,IAAO,SAAkBA,EAAG,OACrE,MAAO,CACH,QAAS,mBACT,KAAM,gBACN,QAAS,mBACT,QAAS,mBACT,MAAO,gBACvB,GAAeC,EAAK,KAAK,QAAU,MAAQA,IAAO,OAAS,OAASA,EAAG,KAAK,CAE5E,CACI,IAAI,MAAO,CAAE,OAAO0B,EAAW,IAAI,CAAE,CACzC"}

package/dist/assets/{kol-kolibri.entry-DGhy8mOm.js → kol-kolibri.entry-Di5atSOO.js}

@@ -1,4 +1,4 @@
-import{r as i,C as l,h as e,H as r,q as s}from"./index-ChE0RS-7.js";import{t as d}from"./i18n-820d85c7-BEJoJePQ.js";import{c as h,v as c}from"./color-a464afb7-B6BtRyvE.js";/*!
+import{r as a,C as l,h as e,H as r,q as s}from"./index-DqXEOlVh.js";import{t as d}from"./i18n-820d85c7-o606L4xD.js";import{c,v as h}from"./color-a464afb7-vRfis03z.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const b=`/*
  * This file contains all rules for accessibility.
@@ -16,12 +16,6 @@ import{r as i,C as l,h as e,H as r,q as s}from"./index-ChE0RS-7.js";import{t as
      */
     background-color: white;
     color: black;
-  }
-  * {
-    /*
-     * This rule enables the word dividing for all texts. That is important for high zoom levels.
-     */
-    hyphens: auto;
     /*
      * Verdana is an accessible font that can be used without requiring additional loading time.
      */
@@ -30,14 +24,20 @@ import{r as i,C as l,h as e,H as r,q as s}from"./index-ChE0RS-7.js";import{t as
      * Letter spacing is required for all texts.
      */
     letter-spacing: inherit;
+    /*
+     * Word spacing is required for all texts.
+     */
+    word-spacing: inherit;
+  }
+  * {
     /*
      * This rule enables the word dividing for all texts. That is important for high zoom levels.
      */
-    word-break: break-word;
+    hyphens: auto;
     /*
-     * Word spacing is required for all texts.
+     * This rule enables the word dividing for all texts. That is important for high zoom levels.
      */
-    word-spacing: inherit;
+    word-break: break-word;
   }
   /*
    * All interactive elements should have a minimum size of rem(44).
@@ -75,6 +75,14 @@ import{r as i,C as l,h as e,H as r,q as s}from"./index-ChE0RS-7.js";import{t as
      * All elements should inherit the font size from his parent element.
      */
     font-size: inherit;
+    /*
+     * Letter spacing is required for all texts.
+     */
+    letter-spacing: inherit;
+    /*
+     * Word spacing is required for all texts.
+     */
+    word-spacing: inherit;
   }
   /**
   * Sometimes we need the semantic element for accessibility reasons,
@@ -180,5 +188,5 @@ import{r as i,C as l,h as e,H as r,q as s}from"./index-ChE0RS-7.js";import{t as
   svg {
     max-height: 100%;
   }
-}`,f=b,u=class{constructor(n){i(this,n),this.handleColorChange=(o,a)=>{if(typeof o=="string"){const t=h(o);a.set("_color",{red:t[0],green:t[1],blue:t[2]})}else l("[KolKolibri] You used the complex color schema. For the KoliBri we use need the color as hex string.")},this._color="#003c78",this._labeled=!0,this.state={_color:{red:0,green:60,blue:120},_labeled:!0}}render(){const n=`rgb(${this.state._color.red},${this.state._color.green},${this.state._color.blue})`;return e(r,{key:"f1f56e7011ff6ae4db1c8ad52a3343c9531b7cd6",class:"kol-kolibri"},e("svg",{key:"180fad6a6044a602eb0aac1cba1b3645fea614e5",role:"img","aria-label":d("kol-kolibri-logo"),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 600 600",fill:n},e("path",{key:"ab5b4f2f2f818b2dede111c3cfba335c13a24bd5",d:"M353 322L213 304V434L353 322Z"}),e("path",{key:"71b9f18444c07790a82c05f5aa0def051c5ea4c6",d:"M209 564V304L149 434L209 564Z"}),e("path",{key:"8f4d8749d0686252c46141fd09e77149d7789f55",d:"M357 316L417 250L361 210L275 244L357 316Z"}),e("path",{key:"f23d3bc36245dadf71238f0ae7a3979950c30759",d:"M329 218L237 92L250 222L272 241L329 218Z"}),e("path",{key:"4d1e985c40a089f8321445cbcb0fe5b56112cb2f",d:"M353 318L35 36L213 300L353 318Z"}),e("path",{key:"23f639be684138f56f5cf193f03e6bb29a5a2b9f",d:"M391 286L565 272L421 252L391 286Z"}),this.state._labeled===!0&&e("text",{key:"41b52159554e1254e76024d40aa489bb3ed0a844",x:"250",y:"525",fill:n},"KoliBri")))}validateColor(n){c(this,n,{defaultValue:"#003c78",hooks:{beforePatch:this.handleColorChange}})}validateLabeled(n){s(this,"_labeled",n,{defaultValue:!0})}componentWillLoad(){this.validateColor(this._color),this.validateLabeled(this._labeled)}static get watchers(){return{_color:["validateColor"],_labeled:["validateLabeled"]}}};u.style={default:f};export{u as kol_kolibri};
-//# sourceMappingURL=kol-kolibri.entry-DGhy8mOm.js.map
+}`,f=b,p=class{constructor(n){a(this,n),this.handleColorChange=(o,i)=>{if(typeof o=="string"){const t=c(o);i.set("_color",{red:t[0],green:t[1],blue:t[2]})}else l("[KolKolibri] You used the complex color schema. For the KoliBri we use need the color as hex string.")},this._color="#003c78",this._labeled=!0,this.state={_color:{red:0,green:60,blue:120},_labeled:!0}}render(){const n=`rgb(${this.state._color.red},${this.state._color.green},${this.state._color.blue})`;return e(r,{key:"f1f56e7011ff6ae4db1c8ad52a3343c9531b7cd6",class:"kol-kolibri"},e("svg",{key:"180fad6a6044a602eb0aac1cba1b3645fea614e5",role:"img","aria-label":d("kol-kolibri-logo"),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 600 600",fill:n},e("path",{key:"ab5b4f2f2f818b2dede111c3cfba335c13a24bd5",d:"M353 322L213 304V434L353 322Z"}),e("path",{key:"71b9f18444c07790a82c05f5aa0def051c5ea4c6",d:"M209 564V304L149 434L209 564Z"}),e("path",{key:"8f4d8749d0686252c46141fd09e77149d7789f55",d:"M357 316L417 250L361 210L275 244L357 316Z"}),e("path",{key:"f23d3bc36245dadf71238f0ae7a3979950c30759",d:"M329 218L237 92L250 222L272 241L329 218Z"}),e("path",{key:"4d1e985c40a089f8321445cbcb0fe5b56112cb2f",d:"M353 318L35 36L213 300L353 318Z"}),e("path",{key:"23f639be684138f56f5cf193f03e6bb29a5a2b9f",d:"M391 286L565 272L421 252L391 286Z"}),this.state._labeled===!0&&e("text",{key:"41b52159554e1254e76024d40aa489bb3ed0a844",x:"250",y:"525",fill:n},"KoliBri")))}validateColor(n){h(this,n,{defaultValue:"#003c78",hooks:{beforePatch:this.handleColorChange}})}validateLabeled(n){s(this,"_labeled",n,{defaultValue:!0})}componentWillLoad(){this.validateColor(this._color),this.validateLabeled(this._labeled)}static get watchers(){return{_color:["validateColor"],_labeled:["validateLabeled"]}}};p.style={default:f};export{p as kol_kolibri};
+//# sourceMappingURL=kol-kolibri.entry-Di5atSOO.js.map

package/dist/assets/kol-kolibri.entry-Di5atSOO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-kolibri.entry-Di5atSOO.js","sources":["../../../../components/dist/esm/kol-kolibri.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-6c6daeaa.js';\nimport { C as devHint, j as watchBoolean } from './index-4fb06bbb.js';\nimport { t as translate } from './i18n-820d85c7.js';\nimport { c as colorRgba, v as validateColor } from './color-a464afb7.js';\nimport './i18n-b14e6088.js';\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    /*\\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     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  [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     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    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%; /* 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}\\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  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n  .kol-span-wc {\\n    display: grid;\\n    place-items: center;\\n  }\\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  .kol-span-wc > span {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  /* This is the text label. */\\n  .hide-label > .kol-span-wc > span > span {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\n  }\\n  [aria-disabled=true]:focus .kol-span-wc,\\n  [disabled]:focus .kol-span-wc {\\n    outline: none !important;\\n  }\\n  .badge-text-hint {\\n    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: inline-block;\\n  }\\n  text {\\n    font-size: calc(90rem / var(--kolibri-root-font-size, 16));\\n    letter-spacing: normal;\\n    word-spacing: normal;\\n  }\\n  svg {\\n    max-height: 100%;\\n  }\\n}\";\nconst KolKolibriDefaultStyle0 = defaultStyleCss;\n\nconst KolKolibri = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.handleColorChange = (nextValue, nextState) => {\n            if (typeof nextValue === 'string') {\n                const rgb = colorRgba(nextValue);\n                nextState.set('_color', {\n                    red: rgb[0],\n                    green: rgb[1],\n                    blue: rgb[2],\n                });\n            }\n            else {\n                devHint(`[KolKolibri] You used the complex color schema. For the KoliBri we use need the color as hex string.`);\n            }\n        };\n        this._color = '#003c78';\n        this._labeled = true;\n        this.state = {\n            _color: {\n                red: 0,\n                green: 60,\n                blue: 120,\n            },\n            _labeled: true,\n        };\n    }\n    render() {\n        const fillColor = `rgb(${this.state._color.red},${this.state._color.green},${this.state._color.blue})`;\n        return (h(Host, { key: 'f1f56e7011ff6ae4db1c8ad52a3343c9531b7cd6', class: \"kol-kolibri\" }, h(\"svg\", { key: '180fad6a6044a602eb0aac1cba1b3645fea614e5', role: \"img\", \"aria-label\": translate('kol-kolibri-logo'), xmlns: \"http://www.w3.org/2000/svg\", viewBox: \"0 0 600 600\", fill: fillColor }, h(\"path\", { key: 'ab5b4f2f2f818b2dede111c3cfba335c13a24bd5', d: \"M353 322L213 304V434L353 322Z\" }), h(\"path\", { key: '71b9f18444c07790a82c05f5aa0def051c5ea4c6', d: \"M209 564V304L149 434L209 564Z\" }), h(\"path\", { key: '8f4d8749d0686252c46141fd09e77149d7789f55', d: \"M357 316L417 250L361 210L275 244L357 316Z\" }), h(\"path\", { key: 'f23d3bc36245dadf71238f0ae7a3979950c30759', d: \"M329 218L237 92L250 222L272 241L329 218Z\" }), h(\"path\", { key: '4d1e985c40a089f8321445cbcb0fe5b56112cb2f', d: \"M353 318L35 36L213 300L353 318Z\" }), h(\"path\", { key: '23f639be684138f56f5cf193f03e6bb29a5a2b9f', d: \"M391 286L565 272L421 252L391 286Z\" }), this.state._labeled === true && (h(\"text\", { key: '41b52159554e1254e76024d40aa489bb3ed0a844', x: \"250\", y: \"525\", fill: fillColor }, \"KoliBri\")))));\n    }\n    validateColor(value) {\n        validateColor(this, value, {\n            defaultValue: '#003c78',\n            hooks: {\n                beforePatch: this.handleColorChange,\n            },\n        });\n    }\n    validateLabeled(value) {\n        watchBoolean(this, '_labeled', value, {\n            defaultValue: true,\n        });\n    }\n    componentWillLoad() {\n        this.validateColor(this._color);\n        this.validateLabeled(this._labeled);\n    }\n    static get watchers() { return {\n        \"_color\": [\"validateColor\"],\n        \"_labeled\": [\"validateLabeled\"]\n    }; }\n};\nKolKolibri.style = {\n    default: KolKolibriDefaultStyle0\n};\n\nexport { KolKolibri as kol_kolibri };\n\n//# sourceMappingURL=kol-kolibri.entry.js.map"],"names":["defaultStyleCss","KolKolibriDefaultStyle0","KolKolibri","hostRef","registerInstance","nextValue","nextState","rgb","colorRgba","devHint","fillColor","h","Host","translate","value","validateColor","watchBoolean"],"mappings":"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"}

package/dist/assets/{kol-link-button.entry-BIva9_3R.js → kol-link-button.entry-DiIU8jxV.js}

@@ -1,4 +1,4 @@
-import{r as i,h as e,n as o,H as a}from"./index-ChE0RS-7.js";/*!
+import{r as i,h as e,n as o,H as a}from"./index-DqXEOlVh.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const s=`@charset "UTF-8";
 /*
@@ -17,12 +17,6 @@ import{r as i,h as e,n as o,H as a}from"./index-ChE0RS-7.js";/*!
      */
     background-color: white;
     color: black;
-  }
-  * {
-    /*
-     * This rule enables the word dividing for all texts. That is important for high zoom levels.
-     */
-    hyphens: auto;
     /*
      * Verdana is an accessible font that can be used without requiring additional loading time.
      */
@@ -31,14 +25,20 @@ import{r as i,h as e,n as o,H as a}from"./index-ChE0RS-7.js";/*!
      * Letter spacing is required for all texts.
      */
     letter-spacing: inherit;
+    /*
+     * Word spacing is required for all texts.
+     */
+    word-spacing: inherit;
+  }
+  * {
     /*
      * This rule enables the word dividing for all texts. That is important for high zoom levels.
      */
-    word-break: break-word;
+    hyphens: auto;
     /*
-     * Word spacing is required for all texts.
+     * This rule enables the word dividing for all texts. That is important for high zoom levels.
      */
-    word-spacing: inherit;
+    word-break: break-word;
   }
   /*
    * All interactive elements should have a minimum size of rem(44).
@@ -76,6 +76,14 @@ import{r as i,h as e,n as o,H as a}from"./index-ChE0RS-7.js";/*!
      * All elements should inherit the font size from his parent element.
      */
     font-size: inherit;
+    /*
+     * Letter spacing is required for all texts.
+     */
+    letter-spacing: inherit;
+    /*
+     * Word spacing is required for all texts.
+     */
+    word-spacing: inherit;
   }
   /**
   * Sometimes we need the semantic element for accessibility reasons,
@@ -235,4 +243,4 @@ import{r as i,h as e,n as o,H as a}from"./index-ChE0RS-7.js";/*!
     width: 100%;
   }
 }`,l=s,r=class{constructor(n){i(this,n),this.catchRef=t=>{this.linkWcRef=t},this._accessKey=void 0,this._ariaCurrentValue=void 0,this._ariaDescription=void 0,this._customClass=void 0,this._disabled=!1,this._download=void 0,this._hideLabel=!1,this._href=void 0,this._icons=void 0,this._label=void 0,this._on=void 0,this._role=void 0,this._shortKey=void 0,this._tabIndex=void 0,this._target=void 0,this._tooltipAlign="right",this._variant="normal"}async focus(){await this.kolFocus()}async kolFocus(){var n;await((n=this.linkWcRef)===null||n===void 0?void 0:n.kolFocus())}render(){return e(a,{key:"5515b31825fda11ff66bfa5fe6e37038bb995049",class:"kol-link-button"},e(o,{key:"3502436cf73997d0f31daf01a018c51ea4e7cb03",ref:this.catchRef,class:{button:!0},_accessKey:this._accessKey,_ariaCurrentValue:this._ariaCurrentValue,_ariaDescription:this._ariaDescription,_customClass:this._customClass,_disabled:this._disabled,_download:this._download,_hideLabel:this._hideLabel,_href:this._href,_icons:this._icons,_label:this._label,_on:this._on,_role:"button",_shortKey:this._shortKey,_tabIndex:this._tabIndex,_target:this._target,_tooltipAlign:this._tooltipAlign,_variant:this._variant},e("slot",{key:"aa201686eea94a96a00a5675afe427790a5df2eb",name:"expert",slot:"expert"})))}static get delegatesFocus(){return!0}};r.style={default:l};export{r as kol_link_button};
-//# sourceMappingURL=kol-link-button.entry-BIva9_3R.js.map
+//# sourceMappingURL=kol-link-button.entry-DiIU8jxV.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kol-link-button.entry-DiIU8jxV.js","sources":["../../../../components/dist/esm/kol-link-button.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-6c6daeaa.js';\nimport { j as KolLinkWcTag } from './component-names-4cb1c62b.js';\n\nconst defaultStyleCss = \"@charset \\\"UTF-8\\\";\\n/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    /*\\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     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  [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     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    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%; /* 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}\\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  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n  .kol-span-wc {\\n    display: grid;\\n    place-items: center;\\n  }\\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  .kol-span-wc > span {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  /* This is the text label. */\\n  .hide-label > .kol-span-wc > span > span {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\n  }\\n  [aria-disabled=true]:focus .kol-span-wc,\\n  [disabled]:focus .kol-span-wc {\\n    outline: none !important;\\n  }\\n  .badge-text-hint {\\n    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip-wc {\\n    display: contents;\\n    contain: layout;\\n  }\\n  .kol-tooltip-wc .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  /* Shared between content and arrow */\\n  .kol-tooltip-wc .tooltip-area {\\n    background-color: #fff;\\n    color: #000;\\n  }\\n  .kol-tooltip-wc .tooltip-arrow {\\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-wc .tooltip-content {\\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  :is(a, button) {\\n    display: inline-flex;\\n    place-items: center;\\n    text-align: center;\\n    text-decoration-line: none;\\n  }\\n  :is(a, button)::before {\\n    /* Render zero-width character as first element to set the baseline correctly. */\\n    content: \\\"​\\\";\\n  }\\n  /* TODO: Why we need this? */\\n  :is(a, button) > .kol-span-wc {\\n    margin: auto;\\n    width: 100%;\\n  }\\n}\";\nconst KolLinkButtonDefaultStyle0 = defaultStyleCss;\n\nconst KolLinkButton = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.catchRef = (ref) => {\n            this.linkWcRef = ref;\n        };\n        this._accessKey = undefined;\n        this._ariaCurrentValue = undefined;\n        this._ariaDescription = undefined;\n        this._customClass = undefined;\n        this._disabled = false;\n        this._download = undefined;\n        this._hideLabel = false;\n        this._href = undefined;\n        this._icons = undefined;\n        this._label = undefined;\n        this._on = undefined;\n        this._role = undefined;\n        this._shortKey = undefined;\n        this._tabIndex = undefined;\n        this._target = undefined;\n        this._tooltipAlign = 'right';\n        this._variant = 'normal';\n    }\n    async focus() {\n        await this.kolFocus();\n    }\n    async kolFocus() {\n        var _a;\n        await ((_a = this.linkWcRef) === null || _a === void 0 ? void 0 : _a.kolFocus());\n    }\n    render() {\n        return (h(Host, { key: '5515b31825fda11ff66bfa5fe6e37038bb995049', class: \"kol-link-button\" }, h(KolLinkWcTag, { key: '3502436cf73997d0f31daf01a018c51ea4e7cb03', ref: this.catchRef, class: {\n                button: true,\n            }, _accessKey: this._accessKey, _ariaCurrentValue: this._ariaCurrentValue, _ariaDescription: this._ariaDescription, _customClass: this._customClass, _disabled: this._disabled, _download: this._download, _hideLabel: this._hideLabel, _href: this._href, _icons: this._icons, _label: this._label, _on: this._on, _role: \"button\", _shortKey: this._shortKey, _tabIndex: this._tabIndex, _target: this._target, _tooltipAlign: this._tooltipAlign, _variant: this._variant }, h(\"slot\", { key: 'aa201686eea94a96a00a5675afe427790a5df2eb', name: \"expert\", slot: \"expert\" }))));\n    }\n    static get delegatesFocus() { return true; }\n};\nKolLinkButton.style = {\n    default: KolLinkButtonDefaultStyle0\n};\n\nexport { KolLinkButton as kol_link_button };\n\n//# sourceMappingURL=kol-link-button.entry.js.map"],"names":["defaultStyleCss","KolLinkButtonDefaultStyle0","KolLinkButton","hostRef","registerInstance","ref","_a","h","Host","KolLinkWcTag"],"mappings":"6DAAA;AAAA;AAAA,GAMA,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAClBC,EAA6BD,EAE7BE,EAAgB,KAAM,CACxB,YAAYC,EAAS,CACjBC,EAAiB,KAAMD,CAAO,EAC9B,KAAK,SAAYE,GAAQ,CACrB,KAAK,UAAYA,CACpB,EACD,KAAK,WAAa,OAClB,KAAK,kBAAoB,OACzB,KAAK,iBAAmB,OACxB,KAAK,aAAe,OACpB,KAAK,UAAY,GACjB,KAAK,UAAY,OACjB,KAAK,WAAa,GAClB,KAAK,MAAQ,OACb,KAAK,OAAS,OACd,KAAK,OAAS,OACd,KAAK,IAAM,OACX,KAAK,MAAQ,OACb,KAAK,UAAY,OACjB,KAAK,UAAY,OACjB,KAAK,QAAU,OACf,KAAK,cAAgB,QACrB,KAAK,SAAW,QACxB,CACI,MAAM,OAAQ,CACV,MAAM,KAAK,SAAU,CAC7B,CACI,MAAM,UAAW,CACb,IAAIC,EACJ,OAAQA,EAAK,KAAK,aAAe,MAAQA,IAAO,OAAS,OAASA,EAAG,WAC7E,CACI,QAAS,CACL,OAAQC,EAAEC,EAAM,CAAE,IAAK,2CAA4C,MAAO,iBAAmB,EAAED,EAAEE,EAAc,CAAE,IAAK,2CAA4C,IAAK,KAAK,SAAU,MAAO,CACrL,OAAQ,EACX,EAAE,WAAY,KAAK,WAAY,kBAAmB,KAAK,kBAAmB,iBAAkB,KAAK,iBAAkB,aAAc,KAAK,aAAc,UAAW,KAAK,UAAW,UAAW,KAAK,UAAW,WAAY,KAAK,WAAY,MAAO,KAAK,MAAO,OAAQ,KAAK,OAAQ,OAAQ,KAAK,OAAQ,IAAK,KAAK,IAAK,MAAO,SAAU,UAAW,KAAK,UAAW,UAAW,KAAK,UAAW,QAAS,KAAK,QAAS,cAAe,KAAK,cAAe,SAAU,KAAK,QAAQ,EAAIF,EAAE,OAAQ,CAAE,IAAK,2CAA4C,KAAM,SAAU,KAAM,QAAQ,CAAE,CAAC,CAAC,CAC3jB,CACI,WAAW,gBAAiB,CAAE,MAAO,EAAK,CAC9C,EACAL,EAAc,MAAQ,CAClB,QAASD,CACb"}

package/dist/assets/{kol-link-group.entry-CtDwfmjG.js → kol-link-group.entry-B55RDQ4b.js}

@@ -1,4 +1,4 @@
-import{r as s,h as t,H as r,w as l,g as d}from"./index-ChE0RS-7.js";import{r as o,a as h}from"./unique-nav-labels-917eec2b-BSG95p7U.js";import{w as c}from"./validation-db4e7b56-BIEap5F6.js";import{v as u}from"./label-51d66c9d-JPyJWROR.js";/*!
+import{r as s,h as t,H as r,w as l,g as d}from"./index-DqXEOlVh.js";import{r as o,a as h}from"./unique-nav-labels-917eec2b-DOL9iU7l.js";import{w as c}from"./validation-db4e7b56-BCmCB0w2.js";import{v as u}from"./label-51d66c9d-5l0E5TCR.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const p=`/*
  * This file contains all rules for accessibility.
@@ -16,12 +16,6 @@ import{r as s,h as t,H as r,w as l,g as d}from"./index-ChE0RS-7.js";import{r as
      */
     background-color: white;
     color: black;
-  }
-  * {
-    /*
-     * This rule enables the word dividing for all texts. That is important for high zoom levels.
-     */
-    hyphens: auto;
     /*
      * Verdana is an accessible font that can be used without requiring additional loading time.
      */
@@ -30,14 +24,20 @@ import{r as s,h as t,H as r,w as l,g as d}from"./index-ChE0RS-7.js";import{r as
      * Letter spacing is required for all texts.
      */
     letter-spacing: inherit;
+    /*
+     * Word spacing is required for all texts.
+     */
+    word-spacing: inherit;
+  }
+  * {
     /*
      * This rule enables the word dividing for all texts. That is important for high zoom levels.
      */
-    word-break: break-word;
+    hyphens: auto;
     /*
-     * Word spacing is required for all texts.
+     * This rule enables the word dividing for all texts. That is important for high zoom levels.
      */
-    word-spacing: inherit;
+    word-break: break-word;
   }
   /*
    * All interactive elements should have a minimum size of rem(44).
@@ -75,6 +75,14 @@ import{r as s,h as t,H as r,w as l,g as d}from"./index-ChE0RS-7.js";import{r as
      * All elements should inherit the font size from his parent element.
      */
     font-size: inherit;
+    /*
+     * Letter spacing is required for all texts.
+     */
+    letter-spacing: inherit;
+    /*
+     * Word spacing is required for all texts.
+     */
+    word-spacing: inherit;
   }
   /**
   * Sometimes we need the semantic element for accessibility reasons,
@@ -197,4 +205,4 @@ import{r as s,h as t,H as r,w as l,g as d}from"./index-ChE0RS-7.js";import{r as
     margin-left: 0;
   }
 }`,b=p,m=n=>{const e=[];return n.links.map((i,a)=>{e.push(t("li",{key:a,class:{ident:a>0&&n.orientation==="vertical","list-none":a===0&&n.orientation==="horizontal"},style:{listStyleType:n.listStyleType}},t(d,Object.assign({},i))))}),e},f=class{constructor(n){s(this,n),this.isUl=!0,this._listStyleType=void 0,this._label=void 0,this._links=void 0,this._orientation="vertical",this.state={_listStyleType:"disc",_links:[],_orientation:"vertical"}}render(){const n=this.isUl?"ul":"ol";return t(r,{key:"f022377c671dd28a32301b5b70a6f99e5e695a95",class:"kol-link-group"},t(n,{key:"daee992a78bd6bf425c211fdde871de3a487f994","aria-label":this.state._label,class:{vertical:this.state._orientation==="vertical",horizontal:this.state._orientation==="horizontal"}},t(m,{key:"d1b2ef6b3af0b8d7c96f006cf0020ba82b97ae37",links:this.state._links,orientation:this.state._orientation,listStyleType:this.state._listStyleType})))}validateLabel(n,e,i=!1){!i&&this.state._label&&o(this.state._label),u(this,n),this.state._label&&h(this.state._label)}validateListStyleType(n){l(this,"_listStyleType",e=>{switch(e){case"disc":case"circle":case"square":case"none":return this.isUl=!0,!0;case"decimal":case"decimal-leading-zero":case"lower-alpha":case"lower-latin":case"lower-greek":case"lower-roman":case"upper-alpha":case"upper-latin":case"upper-roman":return this.isUl=!1,!0;default:return!1}},new Set(["https://www.w3schools.com/tags/tag_ol.asp"]),n,{defaultValue:"disc"})}validateLinks(n){c("KolLinkGroup",this,n)}validateOrientation(n){l(this,"_orientation",e=>e==="horizontal"||e==="vertical",new Set(["Orientation {horizontal, vertical}"]),n,{defaultValue:"vertical"})}componentWillLoad(){this.validateLabel(this._label,void 0,!0),this.validateListStyleType(this._listStyleType),this.validateLinks(this._links),this.validateOrientation(this._orientation)}disconnectedCallback(){this.state._label&&o(this.state._label)}static get watchers(){return{_label:["validateLabel"],_listStyleType:["validateListStyleType"],_links:["validateLinks"],_orientation:["validateOrientation"]}}};f.style={default:b};export{f as kol_link_group};
-//# sourceMappingURL=kol-link-group.entry-CtDwfmjG.js.map
+//# sourceMappingURL=kol-link-group.entry-B55RDQ4b.js.map

package/dist/assets/kol-link-group.entry-B55RDQ4b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-link-group.entry-B55RDQ4b.js","sources":["../../../../components/dist/esm/kol-link-group.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h, H as Host } from './index-6c6daeaa.js';\nimport { w as watchValidator } from './index-4fb06bbb.js';\nimport { r as removeNavLabel, a as addNavLabel } from './unique-nav-labels-917eec2b.js';\nimport { w as watchNavLinks } from './validation-db4e7b56.js';\nimport { h as KolLinkTag } from './component-names-4cb1c62b.js';\nimport { v as validateLabel } from './label-51d66c9d.js';\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-a11y {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    /*\\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     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  [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     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    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%; /* 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}\\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  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n  .kol-span-wc {\\n    display: grid;\\n    place-items: center;\\n  }\\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  .kol-span-wc > span {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  /* This is the text label. */\\n  .hide-label > .kol-span-wc > span > span {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\n  }\\n  [aria-disabled=true]:focus .kol-span-wc,\\n  [disabled]:focus .kol-span-wc {\\n    outline: none !important;\\n  }\\n  .badge-text-hint {\\n    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-component {\\n  ul {\\n    list-style: none;\\n    margin: 0;\\n    padding: 0;\\n  }\\n  :is(ol, ul).horizontal {\\n    display: flex;\\n    flex-wrap: wrap;\\n  }\\n  :is(ol, ul).horizontal li {\\n    margin-left: calc(20rem / var(--kolibri-root-font-size, 16));\\n    margin-right: calc(4rem / var(--kolibri-root-font-size, 16));\\n  }\\n  :is(ol, ul).horizontal li:first-child {\\n    margin-left: 0;\\n  }\\n  :is(ol, ul).horizontal li:last-child {\\n    margin-right: 0;\\n  }\\n  :is(ol, ul).vertical li {\\n    margin-left: calc(28rem / var(--kolibri-root-font-size, 16));\\n    margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\\n  }\\n  li.list-none {\\n    list-style-type: none !important;\\n    margin-left: 0;\\n  }\\n}\";\nconst KolLinkGroupDefaultStyle0 = defaultStyleCss;\n\nconst ListItem = (props) => {\n    const list = [];\n    props.links.map((link, index) => {\n        list.push((h(\"li\", { key: index, class: {\n                ident: index > 0 && props.orientation === 'vertical',\n                'list-none': index === 0 && props.orientation === 'horizontal',\n            }, style: {\n                listStyleType: props.listStyleType,\n            } }, h(KolLinkTag, Object.assign({}, link)))));\n    });\n    return list;\n};\nconst KolLinkGroup = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.isUl = true;\n        this._listStyleType = undefined;\n        this._label = undefined;\n        this._links = undefined;\n        this._orientation = 'vertical';\n        this.state = {\n            _listStyleType: 'disc',\n            _links: [],\n            _orientation: 'vertical',\n        };\n    }\n    render() {\n        const ListTag = this.isUl ? 'ul' : 'ol';\n        return (h(Host, { key: 'f022377c671dd28a32301b5b70a6f99e5e695a95', class: \"kol-link-group\" }, h(ListTag, { key: 'daee992a78bd6bf425c211fdde871de3a487f994', \"aria-label\": this.state._label, class: {\n                vertical: this.state._orientation === 'vertical',\n                horizontal: this.state._orientation === 'horizontal',\n            } }, h(ListItem, { key: 'd1b2ef6b3af0b8d7c96f006cf0020ba82b97ae37', links: this.state._links, orientation: this.state._orientation, listStyleType: this.state._listStyleType }))));\n    }\n    validateLabel(value, _oldValue, initial = false) {\n        if (!initial && this.state._label) {\n            removeNavLabel(this.state._label);\n        }\n        validateLabel(this, value);\n        this.state._label && addNavLabel(this.state._label);\n    }\n    validateListStyleType(value) {\n        watchValidator(this, '_listStyleType', (value) => {\n            switch (value) {\n                case 'disc':\n                case 'circle':\n                case 'square':\n                case 'none':\n                    this.isUl = true;\n                    return true;\n                case 'decimal':\n                case 'decimal-leading-zero':\n                case 'lower-alpha':\n                case 'lower-latin':\n                case 'lower-greek':\n                case 'lower-roman':\n                case 'upper-alpha':\n                case 'upper-latin':\n                case 'upper-roman':\n                    this.isUl = false;\n                    return true;\n                default:\n                    return false;\n            }\n        }, new Set(['https://www.w3schools.com/tags/tag_ol.asp']), value, { defaultValue: 'disc' });\n    }\n    validateLinks(value) {\n        watchNavLinks('KolLinkGroup', this, value);\n    }\n    validateOrientation(value) {\n        watchValidator(this, '_orientation', (value) => value === 'horizontal' || value === 'vertical', new Set(['Orientation {horizontal, vertical}']), value, {\n            defaultValue: 'vertical',\n        });\n    }\n    componentWillLoad() {\n        this.validateLabel(this._label, undefined, true);\n        this.validateListStyleType(this._listStyleType);\n        this.validateLinks(this._links);\n        this.validateOrientation(this._orientation);\n    }\n    disconnectedCallback() {\n        this.state._label && removeNavLabel(this.state._label);\n    }\n    static get watchers() { return {\n        \"_label\": [\"validateLabel\"],\n        \"_listStyleType\": [\"validateListStyleType\"],\n        \"_links\": [\"validateLinks\"],\n        \"_orientation\": [\"validateOrientation\"]\n    }; }\n};\nKolLinkGroup.style = {\n    default: KolLinkGroupDefaultStyle0\n};\n\nexport { KolLinkGroup as kol_link_group };\n\n//# sourceMappingURL=kol-link-group.entry.js.map"],"names":["defaultStyleCss","KolLinkGroupDefaultStyle0","ListItem","props","list","link","index","h","KolLinkTag","KolLinkGroup","hostRef","registerInstance","ListTag","Host","value","_oldValue","initial","removeNavLabel","validateLabel","addNavLabel","watchValidator","watchNavLinks"],"mappings":"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"}

package/dist/assets/{kol-link-wc.entry-D-eoEyOW.js → kol-link-wc.entry-BgiSefuD.js}

@@ -1,4 +1,4 @@
-import{r as c,a0 as _,C as v,v as f,h as i,K as u,d as b,e as p,H as g,al as y,w as m,t as l}from"./index-ChE0RS-7.js";import{p as C}from"./events-29e84d75-BhxFwhXP.js";import{n as A}from"./dev.utils-e4e292d2-BSbUzxZC.js";import{t as o}from"./i18n-820d85c7-BEJoJePQ.js";import{v as k,a as n,b as x,c as K}from"./access-and-short-key-a34a0af0-CJXJn1mw.js";import{v as w}from"./href-823c69d8-4OvpaLKk.js";import{v as L,a as D,b as V,c as T}from"./button-variant-fe0f7f45-CA1lVB5x.js";import{v as O}from"./custom-class-6eaba98d-C27f-x18.js";import{v as I}from"./disabled-f923601e-BOaZj8z0.js";import{v as E}from"./hide-label-2b46168f-vo67NYPJ.js";import{v as S}from"./icons-d29928c3-CgABluCT.js";import{a as H}from"./label-51d66c9d-JPyJWROR.js";import{v as R}from"./tooltip-align-de415afb-Hvz71xmh.js";import"./align-bc8d98ac-CEFBBTwy.js";/*!
+import{r as c,a0 as _,C as v,v as f,h as i,K as u,d as b,e as p,H as g,al as y,w as m,t as l}from"./index-DqXEOlVh.js";import{p as C}from"./events-29e84d75-BhxFwhXP.js";import{n as A}from"./dev.utils-e5207de9-C_EvV1SR.js";import{t as o}from"./i18n-820d85c7-o606L4xD.js";import{v as k,a as n,b as x,c as K}from"./access-and-short-key-a34a0af0-C4G9_V20.js";import{v as w}from"./href-823c69d8-DLZ6AllQ.js";import{v as L,a as D,b as V,c as T}from"./button-variant-fe0f7f45-DkCCkqBD.js";import{v as O}from"./custom-class-6eaba98d-Dyn3Jq1J.js";import{v as I}from"./disabled-f923601e-B8yDVT5D.js";import{v as E}from"./hide-label-2b46168f-CixwJxae.js";import{v as S}from"./icons-d29928c3-DhfVW-d1.js";import{a as H}from"./label-51d66c9d-5l0E5TCR.js";import{v as R}from"./tooltip-align-de415afb-DvVGrrMs.js";import"./align-bc8d98ac-DcnfNP39.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const h=["date","location","page","step","time","true","false"],j=(t,a)=>{m(t,"_ariaCurrentValue",e=>typeof e=="string"&&h.includes(e),new Set([`AriaCurrentValue {${h.join(", ")}`]),a,{defaultValue:"page"})},B=(t,a)=>{l(t,"_ariaOwns",a,{defaultValue:void 0})},W=(t,a)=>{l(t,"_download",a)},P=(t,a)=>{typeof a=="object"&&typeof(a==null?void 0:a.onClick)=="function"&&(t.state=Object.assign(Object.assign({},t.state),{_on:a}))},$=(t,a)=>{l(t,"_target",a)},et=class{constructor(t){c(this,t),this.internalDescriptionById=A(),this.catchRef=a=>{this.anchorRef=a},this.onClick=a=>{var e,s;this.state._disabled===!0?C(a):typeof((e=this.state._on)===null||e===void 0?void 0:e.onClick)=="function"&&(a.preventDefault(),a.stopPropagation(),_(a,this.anchorRef),(s=this.state._on)===null||s===void 0||s.onClick(a,this.state._href))},this.getRenderValues=()=>{const a=typeof this.state._target=="string"&&this.state._target!=="_self",e={href:typeof this.state._href=="string"&&this.state._href.length>0?this.state._href:"javascript:void(0);",target:typeof this.state._target=="string"&&this.state._target.length>0?this.state._target:void 0,rel:a?"noopener":void 0,download:typeof this.state._download=="string"?this.state._download:void 0};return this.state._hideLabel===!0&&!this.state._label&&v("[KolLink] An aria-label must be set when _hide-label is set."),{isExternal:a,tagAttrs:e}},this._accessKey=void 0,this._ariaCurrentValue=void 0,this._ariaDescription=void 0,this._ariaExpanded=void 0,this._ariaOwns=void 0,this._customClass=void 0,this._disabled=!1,this._download=void 0,this._hideLabel=!1,this._href=void 0,this._icons=void 0,this._label=void 0,this._on=void 0,this._role=void 0,this._shortKey=void 0,this._tabIndex=void 0,this._target=void 0,this._tooltipAlign="right",this._variant="normal",this.state={_ariaCurrentValue:"page",_href:"",_icons:{}}}async kolFocus(){var t;(t=this.anchorRef)===null||t===void 0||t.focus()}render(){var t,a;const{isExternal:e,tagAttrs:s}=this.getRenderValues(),d=f(this.state._label),r=!!(!((a=(t=this.state._ariaDescription)===null||t===void 0?void 0:t.trim())===null||a===void 0)&&a.length);return i(g,{key:"4011aa3740f617c14264561ce359f46b8586afa0",class:"kol-link-wc"},i("a",Object.assign({key:"a61b597d680411401c46814878b26e139eed9697",ref:this.catchRef},s,{accessKey:this.state._accessKey,"aria-current":this.state._ariaCurrent,"aria-describedby":r?this.internalDescriptionById:void 0,"aria-disabled":this.state._disabled?"true":void 0,"aria-expanded":typeof this.state._ariaExpanded=="boolean"?String(this.state._ariaExpanded):void 0,"aria-owns":this.state._ariaOwns,"aria-label":this.state._hideLabel&&typeof this.state._label=="string"?`${this.state._label}${e?` (${o("kol-open-link-in-tab")})`:""}`:void 0,class:{disabled:this.state._disabled===!0,"external-link":e,"hide-label":this.state._hideLabel===!0,[this.state._variant]:this.state._variant!=="custom",[this.state._customClass]:this.state._variant==="custom"&&typeof this.state._customClass=="string"&&this.state._customClass.length>0}},this.state._on,{onClick:this.onClick,onKeyPress:this.onClick,role:this.state._role,tabIndex:this.state._disabled?-1:this.state._tabIndex}),i(b,{key:"773ebf129b72ed270f5f8f3865c0b6619436d9f2",_badgeText:this.state._accessKey||this.state._shortKey,_icons:this.state._icons,_hideLabel:this.state._hideLabel,_label:d?"":this.state._label||this.state._href},i("slot",{key:"cca8433cb097db84097b7ebb2aedc07551836acd",name:"expert",slot:"expert"})),e&&i(p,{key:"8619621e2f9281125c9fddaa166aa13e3c952fb6",class:"external-link-icon",_label:this.state._hideLabel?"":o("kol-open-link-in-tab"),_icons:"codicon codicon-link-external","aria-hidden":this.state._hideLabel})),i(u,{key:"1f64b26e4eaac5834a47a5da961ed0de3d4ec56a","aria-hidden":"true",hidden:d||!this.state._hideLabel,_badgeText:this.state._accessKey||this.state._shortKey,_align:this.state._tooltipAlign,_label:this.state._label||this.state._href}),r&&i("span",{key:"1046ae03c2907a7ceefd359c2fd00f46398b8d6f",class:"visually-hidden",id:this.internalDescriptionById},this.state._ariaDescription))}validateAccessKey(t){k(this,t),n(t,this._shortKey)}validateAriaCurrentValue(t){j(this,t)}validateAriaDescription(t){L(this,t)}validateAriaExpanded(t){D(this,t)}validateAriaOwns(t){B(this,t)}validateCustomClass(t){O(this,t)}validateDisabled(t){I(this,t)}validateDownload(t){W(this,t)}validateHideLabel(t){E(this,t)}validateHref(t){w(this,t,{required:!0})}validateIcons(t){S(this,t)}validateLabel(t){H(this,t)}validateOn(t){P(this,t)}validateRole(t){V(this,t)}validateShortKey(t){x(this,t),n(this._accessKey,t)}validateTabIndex(t){K(this,t)}validateTarget(t){$(this,t)}validateTooltipAlign(t){R(this,t)}validateVariant(t){T(this,t)}componentWillLoad(){this.validateAccessKey(this._accessKey),this.validateAriaCurrentValue(this._ariaCurrentValue),this.validateAriaDescription(this._ariaDescription),this.validateAriaExpanded(this._ariaExpanded),this.validateAriaOwns(this._ariaOwns),this.validateCustomClass(this._customClass),this.validateDisabled(this._disabled),this.validateDownload(this._download),this.validateHideLabel(this._hideLabel),this.validateHref(this._href),this.validateIcons(this._icons),this.validateLabel(this._label),this.validateOn(this._on),this.validateRole(this._role),this.validateShortKey(this._shortKey),this.validateTabIndex(this._tabIndex),this.validateTarget(this._target),this.validateTooltipAlign(this._tooltipAlign),this.validateVariant(this._variant),this.unsubscribeOnLocationChange=y(t=>{this.state._ariaCurrent=t===this.state._href?this.state._ariaCurrentValue:void 0}),n(this._accessKey,this._shortKey)}disconnectedCallback(){this.unsubscribeOnLocationChange&&this.unsubscribeOnLocationChange()}static get watchers(){return{_accessKey:["validateAccessKey"],_ariaCurrentValue:["validateAriaCurrentValue"],_ariaDescription:["validateAriaDescription"],_ariaExpanded:["validateAriaExpanded"],_ariaOwns:["validateAriaOwns"],_customClass:["validateCustomClass"],_disabled:["validateDisabled"],_download:["validateDownload"],_hideLabel:["validateHideLabel"],_href:["validateHref"],_icons:["validateIcons"],_label:["validateLabel"],_on:["validateOn"],_role:["validateRole"],_shortKey:["validateShortKey"],_tabIndex:["validateTabIndex"],_target:["validateTarget"],_tooltipAlign:["validateTooltipAlign"],_variant:["validateVariant"]}}};export{et as kol_link_wc};
-//# sourceMappingURL=kol-link-wc.entry-D-eoEyOW.js.map
+//# sourceMappingURL=kol-link-wc.entry-BgiSefuD.js.map