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

package/dist/assets/{kol-input-text.entry-DhkExS2h.js → kol-input-text.entry-C1IOobXd.js}

@@ -1,4 +1,4 @@
-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-CJwtOLCA.js";import{n as f}from"./dev.utils-3a332b59-DBi0Ex3b.js";import{p as m}from"./controller-87dfc9ee-CBhFhawW.js";import{g as _}from"./controller-4fa871d2-DxJzFlE4.js";import{I as y}from"./InternalUnderlinedBadgeText-4b7bd697-nUTktt7o.js";import{a as b}from"./controller-cfa11279-CCbXuYkq.js";import"./debounce-112fa67e-BEEH9E_o.js";import"./events-29e84d75-BhxFwhXP.js";import"./associated.controller-3dab1e00-BHMiQ5Kb.js";import"./access-and-short-key-a34a0af0-BJWpCbQN.js";import"./hide-label-2b46168f-E2ZtYcU8.js";import"./label-51d66c9d-CT4N_dB0.js";import"./tooltip-align-de415afb-B-bR3uVi.js";import"./align-bc8d98ac-DfD8j5LE.js";import"./controller-8ace9659-k7blkktf.js";import"./controller-icon-811adcf4-BcNia3Yb.js";import"./icons-d29928c3-C82OB1oh.js";import"./spell-check-5b365d45-C7iJC8j9.js";import"./suggestions-7e70d4e3-DNj0P-Sg.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-BUU9OKG2.js";import{n as f}from"./dev.utils-b8746379-D5WwAw2a.js";import{p as m}from"./controller-08b97a5b-Cn5D9Vyy.js";import{g as _}from"./controller-17a2fd4e-BhsjUey0.js";import{I as y}from"./InternalUnderlinedBadgeText-7619b016-DEbLVQDK.js";import{a as b}from"./controller-f2dc1020-ihPS1fYz.js";import"./debounce-87469330-4H5yiwU1.js";import"./events-29e84d75-BhxFwhXP.js";import"./associated.controller-7e8760a4-DqNqw4i6.js";import"./access-and-short-key-360ff997-B_yDvq-L.js";import"./hide-label-6f1ea82b-QGSjf0P7.js";import"./label-2d7e2d68-BaoWgDXa.js";import"./tooltip-align-6c3169e7-2_9Ohh8c.js";import"./align-ef25bf72-DQjfye0x.js";import"./controller-ea3c27ba-BSBV165d.js";import"./controller-icon-faf40010-CzhmI8SL.js";import"./icons-26be7462-uidcKO6S.js";import"./spell-check-0db58373-DE41gR2N.js";import"./suggestions-68834329-Cg7DCel8.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const v=(t,e)=>{p(t,"_alert",e)},g=`/*
  * This file contains all rules for accessibility.
@@ -9,13 +9,13 @@ 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}fro
      * Minimum size of interactive elements.
      */
     --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));
+    color: black;
     /*
      * No element should be used without a background and font color whose contrast ratio has
      * not been checked. By initially setting the background color to white and the font color
      * to black, the contrast ratio is ensured and explicit adjustment is forced.
      */
     background-color: white;
-    color: black;
     /*
      * Verdana is an accessible font that can be used without requiring additional loading time.
      */
@@ -46,11 +46,10 @@ 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}fro
   /* option, */
   /* select, */
   /* textarea, */
-  [role=button],
-  button:not([role=link]),
+  button,
   .kol-input .input {
-    min-height: var(--a11y-min-size);
     min-width: var(--a11y-min-size);
+    min-height: var(--a11y-min-size);
   }
   /*
    * Some interactive elements should not inherit the font-family and font-size.
@@ -96,7 +95,6 @@ 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}fro
     height: 1px;
     overflow: hidden;
     white-space: nowrap;
-    clip: rect(0 0 0 0);
     clip-path: inset(50%);
   }
 }
@@ -107,10 +105,10 @@ 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}fro
    */
   :is(a, button) {
     background-color: transparent;
-    border: none;
+    width: 100%; /* 100% needed for custom width from outside */
     margin: 0;
     padding: 0;
-    width: 100%; /* 100% needed for custom width from outside */
+    border: none;
   }
   /*
    * Ensure elements with hidden attribute to be actually not visible
@@ -122,12 +120,12 @@ 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}fro
 }
 @layer kol-global {
   :host {
-    font-size: calc(16rem / var(--kolibri-root-font-size, 16));
     /*
      * The max-width is needed to prevent the table from overflowing the
      * parent node, if the table is wider than the parent node.
      */
     max-width: 100%;
+    font-size: calc(16rem / var(--kolibri-root-font-size, 16));
   }
   * {
     /*
@@ -163,17 +161,17 @@ 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}fro
   [aria-disabled=true]:focus,
   [disabled],
   [disabled]:focus {
-    cursor: not-allowed;
     opacity: 0.5;
     outline: none;
+    cursor: not-allowed;
   }
   [aria-disabled=true]:focus .kol-span-wc,
   [disabled]:focus .kol-span-wc {
     outline: none !important;
   }
   .badge-text-hint {
-    background-color: lightgray;
     color: black;
+    background-color: lightgray;
   }
 }
 @layer kol-component {
@@ -187,32 +185,32 @@ 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}fro
     contain: layout;
   }
   .kol-tooltip-wc .tooltip-floating {
-    animation-duration: 0.25s;
-    animation-iteration-count: 1;
-    animation-name: fadeInOpacity;
-    animation-timing-function: ease-in;
     display: none;
     position: fixed;
-    visibility: hidden;
     /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */
     top: 0;
     left: 0;
-    max-width: 90vw;
-    max-height: 90vh;
     /* Can be used to specify the tooltip-width from the outside. Unset by default.  */
     width: var(--kol-tooltip-width);
+    max-width: 90vw;
+    max-height: 90vh;
+    visibility: hidden;
+    animation-duration: 0.25s;
+    animation-iteration-count: 1;
+    animation-name: fadeInOpacity;
+    animation-timing-function: ease-in;
   }
   /* Shared between content and arrow */
   .kol-tooltip-wc .tooltip-area {
-    background-color: #fff;
     color: #000;
+    background-color: #fff;
   }
   .kol-tooltip-wc .tooltip-arrow {
-    height: calc(10rem / var(--kolibri-root-font-size, 16));
-    position: absolute;
     transform: rotate(45deg);
-    width: calc(10rem / var(--kolibri-root-font-size, 16));
+    position: absolute;
     z-index: 999;
+    width: calc(10rem / var(--kolibri-root-font-size, 16));
+    height: calc(10rem / var(--kolibri-root-font-size, 16));
   }
   .kol-tooltip-wc .tooltip-content {
     position: relative;
@@ -310,10 +308,10 @@ 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}fro
     outline: 0;
   }
   .input {
-    align-items: center;
     background-color: white;
-    cursor: pointer;
     display: flex;
+    align-items: center;
+    cursor: pointer;
   }
   button:not([role=link]) {
     min-height: auto;
@@ -325,5 +323,5 @@ 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}fro
   .kol-input.required .input-tooltip .span-label::after {
     content: "*";
   }
-}`,k=g,w=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:"0589a7c26d609cbfd8a558823337595b786dc7e2",class:{"has-value":this.state._hasValue,"kol-input-text":!0}},i(s,{key:"683fdcbf6d18f55934c467160cb24ff8b5fb9c77",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:"91054ddb0072e2f640cb20f40ba29c942f88a8c3",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:"045478c632017b140113e56395139a95f906b94a",slot:"input"},i("input",Object.assign({key:"cc0c43d8cc2963c930fd8353cb21275243811e44",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"]}}};w.style={default:k};export{w as kol_input_text};
-//# sourceMappingURL=kol-input-text.entry-DhkExS2h.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:"0589a7c26d609cbfd8a558823337595b786dc7e2",class:{"has-value":this.state._hasValue,"kol-input-text":!0}},i(s,{key:"683fdcbf6d18f55934c467160cb24ff8b5fb9c77",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:"91054ddb0072e2f640cb20f40ba29c942f88a8c3",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:"045478c632017b140113e56395139a95f906b94a",slot:"input"},i("input",Object.assign({key:"cc0c43d8cc2963c930fd8353cb21275243811e44",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-C1IOobXd.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kol-input-text.entry-C1IOobXd.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-546fd190.js';\nimport { j as watchBoolean, A as buildBadgeTextString, m as setState, B as showExpertSlot } from './index-50898179.js';\nimport { l as KolInputTag } from './component-names-4cb1c62b.js';\nimport { n as nonce } from './dev.utils-b8746379.js';\nimport { p as propagateSubmitEventToForm } from './controller-08b97a5b.js';\nimport { g as getRenderStates } from './controller-17a2fd4e.js';\nimport { I as InternalUnderlinedBadgeText } from './InternalUnderlinedBadgeText-7619b016.js';\nimport { a as InputTextController } from './controller-f2dc1020.js';\nimport './events-29e84d75.js';\nimport './associated.controller-7e8760a4.js';\nimport './access-and-short-key-360ff997.js';\nimport './hide-label-6f1ea82b.js';\nimport './label-2d7e2d68.js';\nimport './tooltip-align-6c3169e7.js';\nimport './align-ef25bf72.js';\nimport './controller-ea3c27ba.js';\nimport './controller-icon-faf40010.js';\nimport './icons-26be7462.js';\nimport './debounce-87469330.js';\nimport './spell-check-0db58373.js';\nimport './suggestions-68834329.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    color: black;\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: absolute;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%; /* 100% needed for custom width from outside */\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n  .kol-span-wc {\\n    display: grid;\\n    place-items: center;\\n  }\\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  .kol-span-wc > span {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  /* This is the text label. */\\n  .hide-label > .kol-span-wc > span > span {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span-wc,\\n  [disabled]:focus .kol-span-wc {\\n    outline: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: block;\\n  }\\n}\\n@layer kol-component {\\n  .kol-tooltip-wc {\\n    display: contents;\\n    contain: layout;\\n  }\\n  .kol-tooltip-wc .tooltip-floating {\\n    display: none;\\n    position: fixed;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width);\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    visibility: hidden;\\n    animation-duration: 0.25s;\\n    animation-iteration-count: 1;\\n    animation-name: fadeInOpacity;\\n    animation-timing-function: ease-in;\\n  }\\n  /* Shared between content and arrow */\\n  .kol-tooltip-wc .tooltip-area {\\n    color: #000;\\n    background-color: #fff;\\n  }\\n  .kol-tooltip-wc .tooltip-arrow {\\n    transform: rotate(45deg);\\n    position: absolute;\\n    z-index: 999;\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-tooltip-wc .tooltip-content {\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes 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  }\\n  .kol-alert-wc .heading > div {\\n    flex-grow: 1;\\n  }\\n  .close {\\n    /* Visible with forced colors */\\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\\n  }\\n}\\n@layer kol-component {\\n  .kol-input {\\n    display: grid;\\n  }\\n  .kol-input .input-slot {\\n    flex-grow: 1;\\n  }\\n  input:focus,\\n  option:focus,\\n  select:focus,\\n  textarea:focus {\\n    outline: 0;\\n  }\\n  .input {\\n    background-color: white;\\n    display: flex;\\n    align-items: center;\\n    cursor: pointer;\\n  }\\n  button:not([role=link]) {\\n    min-height: auto;\\n  }\\n  .input > .kol-icon {\\n    display: grid;\\n    place-items: center;\\n  }\\n  .kol-input.required .input-tooltip .span-label::after {\\n    content: \\\"*\\\";\\n  }\\n}\";\nconst 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: '0589a7c26d609cbfd8a558823337595b786dc7e2', class: {\n                'has-value': this.state._hasValue,\n                'kol-input-text': true,\n            } }, h(KolInputTag, { key: '683fdcbf6d18f55934c467160cb24ff8b5fb9c77', 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: '91054ddb0072e2f640cb20f40ba29c942f88a8c3', 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: '045478c632017b140113e56395139a95f906b94a', slot: \"input\" }, h(\"input\", Object.assign({ key: 'cc0c43d8cc2963c930fd8353cb21275243811e44', 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-C_pWO9IM.js → kol-input.entry-DaQkzUqp.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 g,c as N,H as I,m as K}from"./index-CJwtOLCA.js";import{c as M}from"./clsx-09a06a12-BT_IL7Fz.js";import{t as b}from"./i18n-820d85c7-BH6ws-IX.js";import{F as S}from"./FormFieldMsg-ac98caad-CbRac5GP.js";import"./tslib.es6-1173d062-BAJoBDh7.js";import"./Alert-ea5205e8-CXVwjimO.js";/*!
+import{r as v,ak as k,v as L,h as t,F as B,K as x,e as g,c as N,H as I,m as K}from"./index-BUU9OKG2.js";import{c as M}from"./clsx-09a06a12-BT_IL7Fz.js";import{t as b}from"./i18n-b4507b80-Ky9eA4Kp.js";import{F as S}from"./FormFieldMsg-359b0d1b-DXM8EzHW.js";import"./tslib.es6-1173d062-BAJoBDh7.js";import"./Alert-549b32f9-CC4Ln-VL.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,d,l,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:"97a275ca1a9441bbc2b08647a9f7bb15422abe39",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:"f9840afaadb54e828df2360b35206bd474d6e6ae",class:"input-label",id:f?void 0:`${this._id}-label`,hidden:f,htmlFor:this._id},t("span",{key:"b9a24b60ba19d4af9018c4c0b0974c1976634683",class:"input-label-span"},t("slot",{key:"6dd64696bf929479eb707d3380301251e1d83457",name:"label"}))),p&&t("span",{key:"8957e1a38b7ab3e4e1b79308ac21cce40c1b87c9",class:"hint",id:`${this._id}-hint`},this._hint),t("div",{key:"4830f1ea34aba0d7affe33bb4416b1ef1d0365dd",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"}},((d=this._icons)===null||d===void 0?void 0:d.left)&&t(g,{key:"3afaeb25f8bf25451dc92e32021742df0280ac5f",_label:"",_icons:((l=this._icons)===null||l===void 0?void 0:l.left).icon,style:this.getIconStyles((h=this._icons)===null||h===void 0?void 0:h.left)}),t("div",{key:"132a91efcb02a2e9f554df8d202078787de2fdc7",ref:this.catchInputSlot,id:this.slotName,class:"input-slot"}),typeof this._smartButton=="object"&&this._smartButton!==null&&t(N,{key:"eae26e05ed4265ccd3d22d0ab59da0b374d352a6",_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(g,{key:"4975557b0114b0e7901148a6159d3d28ee56fada",_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:"6d5f028bd4ca6930fe0127ee292ca225e5dad8d4","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:"1ad8ac23b1bff22f8a29edfd0a58d0f192eec80c",_alert:this._alert,_hideError:this._hideError,_msg:this._msg,_id:this._id}),Array.isArray(this._suggestions)&&this._suggestions.length>0&&t("datalist",{key:"79af0e327c2e1bb571e43587478188a38899a647",id:`${this._id}-list`},this._suggestions.map(y=>t("option",{value:y}))),this._hasCounter&&t(B,null,t("span",{key:"416b8380d001dea36f8e087633ecd1d6fe523ba8",class:"counter","aria-hidden":"true","data-testid":"input-counter"},this._currentLength,this._maxLength&&`/${this._maxLength}`," ",b("kol-characters")),t("span",{key:"6fed61b8e5a0e8b01ce392f500e8f47b9b9cab45","aria-live":"polite","aria-atomic":"true",class:"visually-hidden","data-testid":"input-counter-aria"},this._currentLengthDebounced,this._maxLength&&` ${b("kol-of")} ${this._maxLength}`," ",b("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-C_pWO9IM.js.map
+//# sourceMappingURL=kol-input.entry-DaQkzUqp.js.map

package/dist/assets/{kol-input.entry-C_pWO9IM.js.map → kol-input.entry-DaQkzUqp.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kol-input.entry-C_pWO9IM.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-1766e6f4.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-ac98caad.js';\nimport './i18n-b14e6088.js';\nimport './Alert-ea5205e8.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: '97a275ca1a9441bbc2b08647a9f7bb15422abe39', 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: 'f9840afaadb54e828df2360b35206bd474d6e6ae', class: \"input-label\", id: !useTooltopInsteadOfLabel ? `${this._id}-label` : undefined, hidden: useTooltopInsteadOfLabel, htmlFor: this._id }, h(\"span\", { key: 'b9a24b60ba19d4af9018c4c0b0974c1976634683', class: \"input-label-span\" }, h(\"slot\", { key: '6dd64696bf929479eb707d3380301251e1d83457', name: \"label\" }))), hasHint && (h(\"span\", { key: '8957e1a38b7ab3e4e1b79308ac21cce40c1b87c9', class: \"hint\", id: `${this._id}-hint` }, this._hint)), h(\"div\", { key: '4830f1ea34aba0d7affe33bb4416b1ef1d0365dd', 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: '3afaeb25f8bf25451dc92e32021742df0280ac5f', _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: '132a91efcb02a2e9f554df8d202078787de2fdc7', ref: this.catchInputSlot, id: this.slotName, class: \"input-slot\" }), typeof this._smartButton === 'object' && this._smartButton !== null && (h(KolButtonWcTag, { key: 'eae26e05ed4265ccd3d22d0ab59da0b374d352a6', _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: '4975557b0114b0e7901148a6159d3d28ee56fada', _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: '6d5f028bd4ca6930fe0127ee292ca225e5dad8d4', \"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: '1ad8ac23b1bff22f8a29edfd0a58d0f192eec80c', _alert: this._alert, _hideError: this._hideError, _msg: this._msg, _id: this._id }), Array.isArray(this._suggestions) && this._suggestions.length > 0 && (h(\"datalist\", { key: '79af0e327c2e1bb571e43587478188a38899a647', id: `${this._id}-list` }, this._suggestions.map((option) => (h(\"option\", { value: option }))))), this._hasCounter && (h(Fragment, null, h(\"span\", { key: '416b8380d001dea36f8e087633ecd1d6fe523ba8', class: \"counter\", \"aria-hidden\": \"true\", \"data-testid\": \"input-counter\" }, this._currentLength, this._maxLength && `/${this._maxLength}`, \" \", translate('kol-characters')), h(\"span\", { key: '6fed61b8e5a0e8b01ce392f500e8f47b9b9cab45', \"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-DaQkzUqp.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-546fd190.js';\nimport { c as clsx } from './clsx-09a06a12.js';\nimport { Q as handleSlotContent, B as showExpertSlot } from './index-50898179.js';\nimport { t as translate } from './i18n-b4507b80.js';\nimport { a as KolTooltipWcTag, g as KolIconTag, c as KolButtonWcTag } from './component-names-4cb1c62b.js';\nimport { F as FormFieldMsgFc } from './FormFieldMsg-359b0d1b.js';\nimport './i18n-b14e6088.js';\nimport './Alert-549b32f9.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: '97a275ca1a9441bbc2b08647a9f7bb15422abe39', 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: 'f9840afaadb54e828df2360b35206bd474d6e6ae', class: \"input-label\", id: !useTooltopInsteadOfLabel ? `${this._id}-label` : undefined, hidden: useTooltopInsteadOfLabel, htmlFor: this._id }, h(\"span\", { key: 'b9a24b60ba19d4af9018c4c0b0974c1976634683', class: \"input-label-span\" }, h(\"slot\", { key: '6dd64696bf929479eb707d3380301251e1d83457', name: \"label\" }))), hasHint && (h(\"span\", { key: '8957e1a38b7ab3e4e1b79308ac21cce40c1b87c9', class: \"hint\", id: `${this._id}-hint` }, this._hint)), h(\"div\", { key: '4830f1ea34aba0d7affe33bb4416b1ef1d0365dd', 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: '3afaeb25f8bf25451dc92e32021742df0280ac5f', _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: '132a91efcb02a2e9f554df8d202078787de2fdc7', ref: this.catchInputSlot, id: this.slotName, class: \"input-slot\" }), typeof this._smartButton === 'object' && this._smartButton !== null && (h(KolButtonWcTag, { key: 'eae26e05ed4265ccd3d22d0ab59da0b374d352a6', _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: '4975557b0114b0e7901148a6159d3d28ee56fada', _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: '6d5f028bd4ca6930fe0127ee292ca225e5dad8d4', \"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: '1ad8ac23b1bff22f8a29edfd0a58d0f192eec80c', _alert: this._alert, _hideError: this._hideError, _msg: this._msg, _id: this._id }), Array.isArray(this._suggestions) && this._suggestions.length > 0 && (h(\"datalist\", { key: '79af0e327c2e1bb571e43587478188a38899a647', id: `${this._id}-list` }, this._suggestions.map((option) => (h(\"option\", { value: option }))))), this._hasCounter && (h(Fragment, null, h(\"span\", { key: '416b8380d001dea36f8e087633ecd1d6fe523ba8', class: \"counter\", \"aria-hidden\": \"true\", \"data-testid\": \"input-counter\" }, this._currentLength, this._maxLength && `/${this._maxLength}`, \" \", translate('kol-characters')), h(\"span\", { key: '6fed61b8e5a0e8b01ce392f500e8f47b9b9cab45', \"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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"}

package/dist/assets/{kol-kolibri.entry-BsbJi6KU.js → kol-kolibri.entry-Bms5Oe5L.js}

@@ -1,4 +1,4 @@
-import{r as a,C as l,h as e,H as r,q as s}from"./index-CJwtOLCA.js";import{t as d}from"./i18n-820d85c7-BH6ws-IX.js";import{c,v as h}from"./color-a464afb7-DVoiVnQ-.js";/*!
+import{r as a,C as l,h as e,H as r,q as s}from"./index-BUU9OKG2.js";import{t as d}from"./i18n-b4507b80-Ky9eA4Kp.js";import{c,v as h}from"./color-0c64809c-48TO2sYM.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const b=`/*
  * This file contains all rules for accessibility.
@@ -9,13 +9,13 @@ import{r as a,C as l,h as e,H as r,q as s}from"./index-CJwtOLCA.js";import{t as
      * Minimum size of interactive elements.
      */
     --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));
+    color: black;
     /*
      * No element should be used without a background and font color whose contrast ratio has
      * not been checked. By initially setting the background color to white and the font color
      * to black, the contrast ratio is ensured and explicit adjustment is forced.
      */
     background-color: white;
-    color: black;
     /*
      * Verdana is an accessible font that can be used without requiring additional loading time.
      */
@@ -46,11 +46,10 @@ import{r as a,C as l,h as e,H as r,q as s}from"./index-CJwtOLCA.js";import{t as
   /* option, */
   /* select, */
   /* textarea, */
-  [role=button],
-  button:not([role=link]),
+  button,
   .kol-input .input {
-    min-height: var(--a11y-min-size);
     min-width: var(--a11y-min-size);
+    min-height: var(--a11y-min-size);
   }
   /*
    * Some interactive elements should not inherit the font-family and font-size.
@@ -96,7 +95,6 @@ import{r as a,C as l,h as e,H as r,q as s}from"./index-CJwtOLCA.js";import{t as
     height: 1px;
     overflow: hidden;
     white-space: nowrap;
-    clip: rect(0 0 0 0);
     clip-path: inset(50%);
   }
 }
@@ -107,10 +105,10 @@ import{r as a,C as l,h as e,H as r,q as s}from"./index-CJwtOLCA.js";import{t as
    */
   :is(a, button) {
     background-color: transparent;
-    border: none;
+    width: 100%; /* 100% needed for custom width from outside */
     margin: 0;
     padding: 0;
-    width: 100%; /* 100% needed for custom width from outside */
+    border: none;
   }
   /*
    * Ensure elements with hidden attribute to be actually not visible
@@ -122,12 +120,12 @@ import{r as a,C as l,h as e,H as r,q as s}from"./index-CJwtOLCA.js";import{t as
 }
 @layer kol-global {
   :host {
-    font-size: calc(16rem / var(--kolibri-root-font-size, 16));
     /*
      * The max-width is needed to prevent the table from overflowing the
      * parent node, if the table is wider than the parent node.
      */
     max-width: 100%;
+    font-size: calc(16rem / var(--kolibri-root-font-size, 16));
   }
   * {
     /*
@@ -163,17 +161,17 @@ import{r as a,C as l,h as e,H as r,q as s}from"./index-CJwtOLCA.js";import{t as
   [aria-disabled=true]:focus,
   [disabled],
   [disabled]:focus {
-    cursor: not-allowed;
     opacity: 0.5;
     outline: none;
+    cursor: not-allowed;
   }
   [aria-disabled=true]:focus .kol-span-wc,
   [disabled]:focus .kol-span-wc {
     outline: none !important;
   }
   .badge-text-hint {
-    background-color: lightgray;
     color: black;
+    background-color: lightgray;
   }
 }
 @layer kol-component {
@@ -189,4 +187,4 @@ import{r as a,C as l,h as e,H as r,q as s}from"./index-CJwtOLCA.js";import{t as
     max-height: 100%;
   }
 }`,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:"d6b28053214b3db88ffe73f002bff63d4b7ed6b6",class:"kol-kolibri"},e("svg",{key:"77a38f9cff5c4f708ce40260438ce621ab771826",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:"3c52e2798eef27de8c16c326e1d5da0c2c65c3ee",d:"M353 322L213 304V434L353 322Z"}),e("path",{key:"a182ec4c97daa4f48633cde95ae8e3556cfae338",d:"M209 564V304L149 434L209 564Z"}),e("path",{key:"e95f8cb5d3ab502bc66048010678618ae6d51aef",d:"M357 316L417 250L361 210L275 244L357 316Z"}),e("path",{key:"e69b894a54c051ba43f83436ecc72a620af50b45",d:"M329 218L237 92L250 222L272 241L329 218Z"}),e("path",{key:"db53142aed93c5fdbc2c6d0b2af924ba7e6b444c",d:"M353 318L35 36L213 300L353 318Z"}),e("path",{key:"28a961c943698c2bd28b3e3d6605362a9b10ce9c",d:"M391 286L565 272L421 252L391 286Z"}),this.state._labeled===!0&&e("text",{key:"d24faf032bf07683f1c6cf20a9a3233853d0f9aa",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-BsbJi6KU.js.map
+//# sourceMappingURL=kol-kolibri.entry-Bms5Oe5L.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kol-kolibri.entry-Bms5Oe5L.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-546fd190.js';\nimport { C as devHint, j as watchBoolean } from './index-50898179.js';\nimport { t as translate } from './i18n-b4507b80.js';\nimport { c as colorRgba, v as validateColor } from './color-0c64809c.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    color: black;\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  button,\\n  .kol-input .input {\\n    min-width: var(--a11y-min-size);\\n    min-height: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /**\\n  * Sometimes we need the semantic element for accessibility reasons,\\n  * but we don't want to show it.\\n  *\\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\\n  */\\n  .visually-hidden {\\n    position: absolute;\\n    width: 1px;\\n    height: 1px;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    clip-path: inset(50%);\\n  }\\n}\\n@layer kol-global {\\n  /*\\n   * Dieses CSS stellt sicher, dass der Standard-Style\\n   * von A und Button resettet werden.\\n   */\\n  :is(a, button) {\\n    background-color: transparent;\\n    width: 100%; /* 100% needed for custom width from outside */\\n    margin: 0;\\n    padding: 0;\\n    border: none;\\n  }\\n  /*\\n   * Ensure elements with hidden attribute to be actually not visible\\n   * @see https://meowni.ca/hidden.is.a.lie.html\\n   */\\n  [hidden] {\\n    display: none !important;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    /*\\n     * The max-width is needed to prevent the table from overflowing the\\n     * parent node, if the table is wider than the parent node.\\n     */\\n    max-width: 100%;\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\n  }\\n  * {\\n    /*\\n     * We prefer to box-sizing: border-box for all elements.\\n     */\\n    box-sizing: border-box;\\n  }\\n  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\\n  .kol-span-wc {\\n    display: grid;\\n    place-items: center;\\n  }\\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\\n  .kol-span-wc > span {\\n    display: flex;\\n    place-items: center;\\n  }\\n  a,\\n  button {\\n    cursor: pointer;\\n  }\\n  /* This is the text label. */\\n  .hide-label > .kol-span-wc > span > span {\\n    display: none;\\n  }\\n  /* Reset browser agent style. */\\n  button:disabled {\\n    color: unset;\\n  }\\n  .disabled label,\\n  .disabled:focus-within label,\\n  [aria-disabled=true],\\n  [aria-disabled=true]:focus,\\n  [disabled],\\n  [disabled]:focus {\\n    opacity: 0.5;\\n    outline: none;\\n    cursor: not-allowed;\\n  }\\n  [aria-disabled=true]:focus .kol-span-wc,\\n  [disabled]:focus .kol-span-wc {\\n    outline: none !important;\\n  }\\n  .badge-text-hint {\\n    color: black;\\n    background-color: lightgray;\\n  }\\n}\\n@layer kol-component {\\n  :host {\\n    display: 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: 'd6b28053214b3db88ffe73f002bff63d4b7ed6b6', class: \"kol-kolibri\" }, h(\"svg\", { key: '77a38f9cff5c4f708ce40260438ce621ab771826', 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: '3c52e2798eef27de8c16c326e1d5da0c2c65c3ee', d: \"M353 322L213 304V434L353 322Z\" }), h(\"path\", { key: 'a182ec4c97daa4f48633cde95ae8e3556cfae338', d: \"M209 564V304L149 434L209 564Z\" }), h(\"path\", { key: 'e95f8cb5d3ab502bc66048010678618ae6d51aef', d: \"M357 316L417 250L361 210L275 244L357 316Z\" }), h(\"path\", { key: 'e69b894a54c051ba43f83436ecc72a620af50b45', d: \"M329 218L237 92L250 222L272 241L329 218Z\" }), h(\"path\", { key: 'db53142aed93c5fdbc2c6d0b2af924ba7e6b444c', d: \"M353 318L35 36L213 300L353 318Z\" }), h(\"path\", { key: '28a961c943698c2bd28b3e3d6605362a9b10ce9c', d: \"M391 286L565 272L421 252L391 286Z\" }), this.state._labeled === true && (h(\"text\", { key: 'd24faf032bf07683f1c6cf20a9a3233853d0f9aa', 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-D0ZdF2ZI.js → kol-link-button.entry-QVbK9Nrr.js}

@@ -1,4 +1,4 @@
-import{r as i,h as e,n as o,H as a}from"./index-CJwtOLCA.js";/*!
+import{r as i,h as e,n as o,H as a}from"./index-BUU9OKG2.js";/*!
  * KoliBri - The accessible HTML-Standard
  */const s=`@charset "UTF-8";
 /*
@@ -10,13 +10,13 @@ import{r as i,h as e,n as o,H as a}from"./index-CJwtOLCA.js";/*!
      * Minimum size of interactive elements.
      */
     --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));
+    color: black;
     /*
      * No element should be used without a background and font color whose contrast ratio has
      * not been checked. By initially setting the background color to white and the font color
      * to black, the contrast ratio is ensured and explicit adjustment is forced.
      */
     background-color: white;
-    color: black;
     /*
      * Verdana is an accessible font that can be used without requiring additional loading time.
      */
@@ -47,11 +47,10 @@ import{r as i,h as e,n as o,H as a}from"./index-CJwtOLCA.js";/*!
   /* option, */
   /* select, */
   /* textarea, */
-  [role=button],
-  button:not([role=link]),
+  button,
   .kol-input .input {
-    min-height: var(--a11y-min-size);
     min-width: var(--a11y-min-size);
+    min-height: var(--a11y-min-size);
   }
   /*
    * Some interactive elements should not inherit the font-family and font-size.
@@ -97,7 +96,6 @@ import{r as i,h as e,n as o,H as a}from"./index-CJwtOLCA.js";/*!
     height: 1px;
     overflow: hidden;
     white-space: nowrap;
-    clip: rect(0 0 0 0);
     clip-path: inset(50%);
   }
 }
@@ -108,10 +106,10 @@ import{r as i,h as e,n as o,H as a}from"./index-CJwtOLCA.js";/*!
    */
   :is(a, button) {
     background-color: transparent;
-    border: none;
+    width: 100%; /* 100% needed for custom width from outside */
     margin: 0;
     padding: 0;
-    width: 100%; /* 100% needed for custom width from outside */
+    border: none;
   }
   /*
    * Ensure elements with hidden attribute to be actually not visible
@@ -123,12 +121,12 @@ import{r as i,h as e,n as o,H as a}from"./index-CJwtOLCA.js";/*!
 }
 @layer kol-global {
   :host {
-    font-size: calc(16rem / var(--kolibri-root-font-size, 16));
     /*
      * The max-width is needed to prevent the table from overflowing the
      * parent node, if the table is wider than the parent node.
      */
     max-width: 100%;
+    font-size: calc(16rem / var(--kolibri-root-font-size, 16));
   }
   * {
     /*
@@ -164,17 +162,17 @@ import{r as i,h as e,n as o,H as a}from"./index-CJwtOLCA.js";/*!
   [aria-disabled=true]:focus,
   [disabled],
   [disabled]:focus {
-    cursor: not-allowed;
     opacity: 0.5;
     outline: none;
+    cursor: not-allowed;
   }
   [aria-disabled=true]:focus .kol-span-wc,
   [disabled]:focus .kol-span-wc {
     outline: none !important;
   }
   .badge-text-hint {
-    background-color: lightgray;
     color: black;
+    background-color: lightgray;
   }
 }
 @layer kol-component {
@@ -183,32 +181,32 @@ import{r as i,h as e,n as o,H as a}from"./index-CJwtOLCA.js";/*!
     contain: layout;
   }
   .kol-tooltip-wc .tooltip-floating {
-    animation-duration: 0.25s;
-    animation-iteration-count: 1;
-    animation-name: fadeInOpacity;
-    animation-timing-function: ease-in;
     display: none;
     position: fixed;
-    visibility: hidden;
     /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */
     top: 0;
     left: 0;
-    max-width: 90vw;
-    max-height: 90vh;
     /* Can be used to specify the tooltip-width from the outside. Unset by default.  */
     width: var(--kol-tooltip-width);
+    max-width: 90vw;
+    max-height: 90vh;
+    visibility: hidden;
+    animation-duration: 0.25s;
+    animation-iteration-count: 1;
+    animation-name: fadeInOpacity;
+    animation-timing-function: ease-in;
   }
   /* Shared between content and arrow */
   .kol-tooltip-wc .tooltip-area {
-    background-color: #fff;
     color: #000;
+    background-color: #fff;
   }
   .kol-tooltip-wc .tooltip-arrow {
-    height: calc(10rem / var(--kolibri-root-font-size, 16));
-    position: absolute;
     transform: rotate(45deg);
-    width: calc(10rem / var(--kolibri-root-font-size, 16));
+    position: absolute;
     z-index: 999;
+    width: calc(10rem / var(--kolibri-root-font-size, 16));
+    height: calc(10rem / var(--kolibri-root-font-size, 16));
   }
   .kol-tooltip-wc .tooltip-content {
     position: relative;
@@ -239,8 +237,8 @@ import{r as i,h as e,n as o,H as a}from"./index-CJwtOLCA.js";/*!
   }
   /* TODO: Why we need this? */
   :is(a, button) > .kol-span-wc {
-    margin: auto;
     width: 100%;
+    margin: auto;
   }
-}`,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:"6d487fb585b6611f00f61eee36078393626e47fc",class:"kol-link-button"},e(o,{key:"5a3ab8f611497d42189e02012cb4c6cfef9bdbf8",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:"2b25f2ddd6b7f49dca9f3f90f359736d3a888789",name:"expert",slot:"expert"})))}static get delegatesFocus(){return!0}};r.style={default:l};export{r as kol_link_button};
-//# sourceMappingURL=kol-link-button.entry-D0ZdF2ZI.js.map
+}`,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:"6d487fb585b6611f00f61eee36078393626e47fc",class:"kol-link-button"},e(o,{key:"79fcc7ec08bea51d91e2eaa63136937e066cfd8e",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,_shortKey:this._shortKey,_tabIndex:this._tabIndex,_target:this._target,_tooltipAlign:this._tooltipAlign,_variant:this._variant},e("slot",{key:"dae8e678732a9860afa4d84d0a37932e5a604dd7",name:"expert",slot:"expert"})))}static get delegatesFocus(){return!0}};r.style={default:l};export{r as kol_link_button};
+//# sourceMappingURL=kol-link-button.entry-QVbK9Nrr.js.map