@public-ui/sample-react 2.2.12 → 2.2.13-rc.0

package/dist/assets/kol-input-text.entry-C44Qfapr.js

@@ -0,0 +1,323 @@
+import{u as l,h as i,v as s,F as r,x as o,H as d,r as h,s as c,l as u,n as p}from"./index-Bvb9XsoR.js";import{n as f}from"./dev.utils-ca6328e7-CHU4njpz.js";import{p as m}from"./controller-5c44e017-BBGztty6.js";import{g as _}from"./controller-d9005336-AEpbs-Uq.js";import{I as b}from"./InternalUnderlinedBadgeText-5c3ce08a-B2s62pih.js";import{a as y}from"./controller-e284d179-FPEkGcg2.js";import"./events-29e84d75-BhxFwhXP.js";import"./associated.controller-2ad4f930-YNkB_bYO.js";import"./access-and-short-key-25e651f4-CO7t6jfN.js";import"./hide-label-e3ae2cf6-Cn_YU1L2.js";import"./label-c2f427ab-CqjOOKaa.js";import"./tooltip-align-86e888fb-CTMgUNsU.js";import"./align-d80dfc19-BPR7NM6-.js";import"./controller-cbb66178-BPEJVmqC.js";import"./controller-icon-22e2a4c6-DOqkvSAP.js";import"./icons-e36b4959-D4AYWGyH.js";import"./has-counter-451a5ec0-D32j5JiB.js";import"./spell-check-99498ed1-BgRiBK3B.js";import"./suggestions-3d93a5ce-sG8bkPPU.js";/*!
+ * KoliBri - The accessible HTML-Standard
+ */const v=(t,e)=>{p(t,"_alert",e)},g=`/*
+ * This file contains all rules for accessibility.
+ */
+@layer kol-global {
+  :host {
+    /*
+     * Minimum size of interactive elements.
+     */
+    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));
+    /*
+     * 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;
+  }
+  * {
+    /*
+     * 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.
+     */
+    font-family: Verdana;
+    /*
+     * Letter spacing is required for all texts.
+     */
+    letter-spacing: inherit;
+    /*
+     * This rule enables the word dividing for all texts. That is important for high zoom levels.
+     */
+    word-break: break-word;
+    /*
+     * Word spacing is required for all texts.
+     */
+    word-spacing: inherit;
+  }
+  /*
+   * All interactive elements should have a minimum size of rem(44).
+   */
+  /* input:not([type='checkbox'], [type='radio'], [type='range']), */
+  /* option, */
+  /* select, */
+  /* textarea, */
+  [role=button],
+  button:not([role=link]),
+  .kol-input .input {
+    min-height: var(--a11y-min-size);
+    min-width: var(--a11y-min-size);
+  }
+  /*
+   * Some interactive elements should not inherit the font-family and font-size.
+   */
+  a,
+  button,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  input,
+  option,
+  select,
+  textarea {
+    /*
+     * All elements should inherit the font family from his parent element.
+     */
+    font-family: inherit;
+    /*
+     * All elements should inherit the font size from his parent element.
+     */
+    font-size: inherit;
+  }
+}
+/**
+ * Sometimes we need the semantic element for accessibility reasons,
+ * but we don't want to show it.
+ *
+ * - https://www.a11yproject.com/posts/how-to-hide-content/
+ */
+.visually-hidden {
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}
+
+@layer kol-global {
+  /*
+   * Dieses CSS stellt sicher, dass der Standard-Style
+   * von A und Button resettet werden.
+   */
+  :is(a, button) {
+    background-color: transparent;
+    border: none;
+    margin: 0;
+    padding: 0;
+    width: 100%; /* 100% needed for custom width from outside */
+  }
+  /*
+   * Ensure elements with hidden attribute to be actually not visible
+   * @see https://meowni.ca/hidden.is.a.lie.html
+   */
+  [hidden] {
+    display: none !important;
+  }
+}
+@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%;
+  }
+  * {
+    /*
+     * We prefer to box-sizing: border-box for all elements.
+     */
+    box-sizing: border-box;
+  }
+  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */
+  .kol-span-wc {
+    display: grid;
+    place-items: center;
+  }
+  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */
+  .kol-span-wc > span {
+    display: flex;
+    place-items: center;
+  }
+  a,
+  button {
+    cursor: pointer;
+  }
+  /* This is the text label. */
+  .hide-label > .kol-span-wc > span > span {
+    display: none;
+  }
+  /* Reset browser agent style. */
+  button:disabled {
+    color: unset;
+  }
+  .disabled label,
+  .disabled:focus-within label,
+  [aria-disabled=true],
+  [aria-disabled=true]:focus,
+  [disabled],
+  [disabled]:focus {
+    cursor: not-allowed;
+    opacity: 0.5;
+    outline: none;
+  }
+  [aria-disabled=true]:focus .kol-span-wc,
+  [disabled]:focus .kol-span-wc {
+    outline: none !important;
+  }
+  .badge-text-hint {
+    background-color: lightgray;
+    color: black;
+  }
+}
+@layer kol-component {
+  :host {
+    display: block;
+  }
+}
+@layer kol-component {
+  .kol-tooltip-wc {
+    display: contents;
+  }
+  .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);
+  }
+  /* Shared between content and arrow */
+  .kol-tooltip-wc .tooltip-area {
+    background-color: #fff;
+    color: #000;
+  }
+  .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));
+    z-index: 999;
+  }
+  .kol-tooltip-wc .tooltip-content {
+    position: relative;
+    z-index: 1000;
+  }
+  @keyframes fadeInOpacity {
+    0% {
+      opacity: 0;
+    }
+    100% {
+      opacity: 1;
+    }
+  }
+}
+@layer kol-component {
+  .required label > span::after,
+  .required legend > span::after {
+    content: "*";
+  }
+}
+@layer kol-component {
+  input,
+  textarea {
+    cursor: text;
+  }
+  input[type=checkbox],
+  input[type=color],
+  input[type=file],
+  input[type=radio],
+  input[type=range],
+  label,
+  option,
+  select {
+    cursor: pointer;
+  }
+  /* input[type='checkbox'], */
+  /* input[type='radio'], */
+  /* input[type='range'], */
+  input[type=color],
+  input[type=date],
+  input[type=datetime-local],
+  input[type=email],
+  input[type=file],
+  input[type=month],
+  input[type=number],
+  input[type=password],
+  input[type=search],
+  input[type=tel],
+  input[type=text],
+  input[type=time],
+  input[type=url],
+  input[type=week],
+  option,
+  select,
+  textarea {
+    background-color: transparent;
+    width: 100%;
+  }
+  /* needed hack for vertical alignment */
+  input[type=file] {
+    padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 10) 0.5em;
+  }
+  /* needed hack for vertical alignment */
+  select[multiple] option {
+    padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 2) 0.5em;
+  }
+}
+@layer kol-component {
+  .kol-alert-wc {
+    display: grid;
+  }
+  .kol-alert-wc .heading {
+    display: flex;
+    place-items: center;
+    overflow: hidden;
+  }
+  .kol-alert-wc .heading > div {
+    flex-grow: 1;
+  }
+  .close {
+    /* Visible with forced colors */
+    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));
+  }
+}
+@layer kol-component {
+  .kol-input {
+    display: grid;
+  }
+  .kol-input .input-slot {
+    flex-grow: 1;
+    overflow: hidden;
+  }
+  input:focus,
+  option:focus,
+  select:focus,
+  textarea:focus {
+    outline: 0;
+  }
+  .input {
+    align-items: center;
+    background-color: white;
+    cursor: pointer;
+    display: flex;
+  }
+  button:not([role=link]) {
+    min-height: auto;
+  }
+  .input > .kol-icon {
+    display: grid;
+    place-items: center;
+  }
+  .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,a=l(this.state._label);return i(d,{key:"727cf67342a485f44aabd47a66ef7c0b014e13d6",class:{"has-value":this.state._hasValue,"kol-input-text":!0}},i(s,{key:"b139ab0e80ef9b24de81461a6530c642582cf20e",class:{[this.state._type]:!0,"hide-label":!!this.state._hideLabel},_accessKey:this.state._accessKey,_alert:this.showAsAlert(),_currentLength:this.state._currentLength,_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:"696714aebfc9d399b5a651fca0a29d65b7b6228e",slot:"label"},a?i("slot",{name:"expert"}):typeof this.state._accessKey=="string"||typeof this.state._shortKey=="string"?i(r,null,i(b,{badgeText:o(this.state._accessKey,this.state._shortKey),label:this.state._label})," ",i("span",{class:"badge-text-hint","aria-hidden":"true"},o(this.state._accessKey,this.state._shortKey))):i("span",null,this.state._label)),i("div",{key:"5cd093503bc6b05c892befce6ff09b3cda8fde4a",slot:"input"},i("input",Object.assign({key:"cbfc8a07c95d791bad53a1d09bc11ee69369228a",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.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,_hasValue:!1,_hideError:!1,_id:`id-${f()}`,_label:"",_suggestions:[],_type:"text"},this.inputHasFocus=!1,this.controller=new y(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-C44Qfapr.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kol-input-text.entry-C44Qfapr.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-3be16660.js';\nimport { i as watchBoolean, z as buildBadgeTextString, l as setState, A as showExpertSlot } from './index-e32279bc.js';\nimport { l as KolInputTag } from './component-names-4cb1c62b.js';\nimport { n as nonce } from './dev.utils-ca6328e7.js';\nimport { p as propagateSubmitEventToForm } from './controller-5c44e017.js';\nimport { g as getRenderStates } from './controller-d9005336.js';\nimport { I as InternalUnderlinedBadgeText } from './InternalUnderlinedBadgeText-5c3ce08a.js';\nimport { a as InputTextController } from './controller-e284d179.js';\nimport './events-29e84d75.js';\nimport './associated.controller-2ad4f930.js';\nimport './access-and-short-key-25e651f4.js';\nimport './hide-label-e3ae2cf6.js';\nimport './label-c2f427ab.js';\nimport './tooltip-align-86e888fb.js';\nimport './align-d80dfc19.js';\nimport './controller-cbb66178.js';\nimport './controller-icon-22e2a4c6.js';\nimport './icons-e36b4959.js';\nimport './has-counter-451a5ec0.js';\nimport './spell-check-99498ed1.js';\nimport './suggestions-3d93a5ce.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-global {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    color: black;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n  }\\n}\\n/**\\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  }\\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: '727cf67342a485f44aabd47a66ef7c0b014e13d6', class: {\n                'has-value': this.state._hasValue,\n                'kol-input-text': true,\n            } }, h(KolInputTag, { key: 'b139ab0e80ef9b24de81461a6530c642582cf20e', class: {\n                [this.state._type]: true,\n                'hide-label': !!this.state._hideLabel,\n            }, _accessKey: this.state._accessKey, _alert: this.showAsAlert(), _currentLength: this.state._currentLength, _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: '696714aebfc9d399b5a651fca0a29d65b7b6228e', 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(\"span\", { class: \"badge-text-hint\", \"aria-hidden\": \"true\" }, buildBadgeTextString(this.state._accessKey, this.state._shortKey)))) : (h(\"span\", null, this.state._label))), h(\"div\", { key: '5cd093503bc6b05c892befce6ff09b3cda8fde4a', slot: \"input\" }, h(\"input\", Object.assign({ key: 'cbfc8a07c95d791bad53a1d09bc11ee69369228a', 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.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            _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-utrZPG-l.js

@@ -0,0 +1,4 @@
+import{r as v,ak as k,u as B,h as t,F as L,K as N,e as b,c as I,H as K,l as x}from"./index-Bvb9XsoR.js";import{c as M}from"./clsx-09a06a12-BT_IL7Fz.js";import{t as g}from"./i18n-0835cc3b-DKpqqbhz.js";import{F as S}from"./FormFieldMsg-40c5fb14-D4xK3XLd.js";import"./tslib.es6-1173d062-BAJoBDh7.js";import"./Alert-a6848745-ChrZEM69.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._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,o,l,n,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=B(this._label),p=typeof this._hint=="string"&&this._hint.length>0,f=!m&&this._hideLabel;return t(K,{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((o=this._icons)===null||o===void 0?void 0:o.left)=="object","icon-right":typeof((l=this._icons)===null||l===void 0?void 0:l.right)=="object"}},((n=this._icons)===null||n===void 0?void 0:n.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(I,{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(N,{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("span",{key:"f6a3f6d6a14dddc4963c9a9f862899a0d7c3a9ab",class:"counter","aria-atomic":"true","aria-live":"polite","data-testid":"input-counter"},this._currentLength,this._maxLength&&t(L,null,t("span",{key:"6d407c7b633fcb3f2c0fcb6901b37f8659abb808","aria-label":g("kol-of"),role:"img"},"/"),this._maxLength)," ",t("span",{key:"c1fa9f7a068669b0802b3ad69fb1f4c7927869f1"},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 x(this)}};export{W as kol_input};
+//# sourceMappingURL=kol-input.entry-utrZPG-l.js.map

package/dist/assets/kol-input.entry-utrZPG-l.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-input.entry-utrZPG-l.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-3be16660.js';\nimport { c as clsx } from './clsx-09a06a12.js';\nimport { Q as handleSlotContent, A as showExpertSlot } from './index-e32279bc.js';\nimport { t as translate } from './i18n-0835cc3b.js';\nimport { a as KolTooltipWcTag, g as KolIconTag, c as KolButtonWcTag } from './component-names-4cb1c62b.js';\nimport { F as FormFieldMsgFc } from './FormFieldMsg-40c5fb14.js';\nimport './i18n-eef4b287.js';\nimport './Alert-a6848745.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._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(\"span\", { key: 'f6a3f6d6a14dddc4963c9a9f862899a0d7c3a9ab', class: \"counter\", \"aria-atomic\": \"true\", \"aria-live\": \"polite\", \"data-testid\": \"input-counter\" }, this._currentLength, this._maxLength && (h(Fragment, null, h(\"span\", { key: '6d407c7b633fcb3f2c0fcb6901b37f8659abb808', \"aria-label\": translate('kol-of'), role: \"img\" }, \"/\"), this._maxLength)), ' ', h(\"span\", { key: 'c1fa9f7a068669b0802b3ad69fb1f4c7927869f1' }, 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-Vk3aSeuU.js

@@ -0,0 +1,185 @@
+import{r as i,B as l,h as e,H as r,n as s}from"./index-Bvb9XsoR.js";import{t as d}from"./i18n-0835cc3b-DKpqqbhz.js";import{c,v as h}from"./color-9352cce1-BKBlEBTi.js";/*!
+ * KoliBri - The accessible HTML-Standard
+ */const b=`/*
+ * This file contains all rules for accessibility.
+ */
+@layer kol-global {
+  :host {
+    /*
+     * Minimum size of interactive elements.
+     */
+    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));
+    /*
+     * 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;
+  }
+  * {
+    /*
+     * 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.
+     */
+    font-family: Verdana;
+    /*
+     * Letter spacing is required for all texts.
+     */
+    letter-spacing: inherit;
+    /*
+     * This rule enables the word dividing for all texts. That is important for high zoom levels.
+     */
+    word-break: break-word;
+    /*
+     * Word spacing is required for all texts.
+     */
+    word-spacing: inherit;
+  }
+  /*
+   * All interactive elements should have a minimum size of rem(44).
+   */
+  /* input:not([type='checkbox'], [type='radio'], [type='range']), */
+  /* option, */
+  /* select, */
+  /* textarea, */
+  [role=button],
+  button:not([role=link]),
+  .kol-input .input {
+    min-height: var(--a11y-min-size);
+    min-width: var(--a11y-min-size);
+  }
+  /*
+   * Some interactive elements should not inherit the font-family and font-size.
+   */
+  a,
+  button,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  input,
+  option,
+  select,
+  textarea {
+    /*
+     * All elements should inherit the font family from his parent element.
+     */
+    font-family: inherit;
+    /*
+     * All elements should inherit the font size from his parent element.
+     */
+    font-size: inherit;
+  }
+}
+/**
+ * Sometimes we need the semantic element for accessibility reasons,
+ * but we don't want to show it.
+ *
+ * - https://www.a11yproject.com/posts/how-to-hide-content/
+ */
+.visually-hidden {
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}
+
+@layer kol-global {
+  /*
+   * Dieses CSS stellt sicher, dass der Standard-Style
+   * von A und Button resettet werden.
+   */
+  :is(a, button) {
+    background-color: transparent;
+    border: none;
+    margin: 0;
+    padding: 0;
+    width: 100%; /* 100% needed for custom width from outside */
+  }
+  /*
+   * Ensure elements with hidden attribute to be actually not visible
+   * @see https://meowni.ca/hidden.is.a.lie.html
+   */
+  [hidden] {
+    display: none !important;
+  }
+}
+@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%;
+  }
+  * {
+    /*
+     * We prefer to box-sizing: border-box for all elements.
+     */
+    box-sizing: border-box;
+  }
+  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */
+  .kol-span-wc {
+    display: grid;
+    place-items: center;
+  }
+  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */
+  .kol-span-wc > span {
+    display: flex;
+    place-items: center;
+  }
+  a,
+  button {
+    cursor: pointer;
+  }
+  /* This is the text label. */
+  .hide-label > .kol-span-wc > span > span {
+    display: none;
+  }
+  /* Reset browser agent style. */
+  button:disabled {
+    color: unset;
+  }
+  .disabled label,
+  .disabled:focus-within label,
+  [aria-disabled=true],
+  [aria-disabled=true]:focus,
+  [disabled],
+  [disabled]:focus {
+    cursor: not-allowed;
+    opacity: 0.5;
+    outline: none;
+  }
+  [aria-disabled=true]:focus .kol-span-wc,
+  [disabled]:focus .kol-span-wc {
+    outline: none !important;
+  }
+  .badge-text-hint {
+    background-color: lightgray;
+    color: black;
+  }
+}
+@layer kol-component {
+  :host {
+    display: inline-block;
+  }
+  text {
+    font-size: calc(90rem / var(--kolibri-root-font-size, 16));
+    letter-spacing: normal;
+    word-spacing: normal;
+  }
+  svg {
+    max-height: 100%;
+  }
+}`,f=b,u=class{constructor(n){i(this,n),this.handleColorChange=(o,a)=>{if(typeof o=="string"){const t=c(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:"121ff52acc3463c30aa52b4c8a668bc288b60d7a",class:"kol-kolibri"},e("svg",{key:"c162ca80478f3968931aa6bc17110ae3417bbe11",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:"bb693c5feebfd80684441fbf10cc17cd6c39a377",d:"M353 322L213 304V434L353 322Z"}),e("path",{key:"c5956d3944b8ecc474e1ec319cdff95d0616b357",d:"M209 564V304L149 434L209 564Z"}),e("path",{key:"fadeaf7e185a41101bd8c4d52980c4dc02f97c1c",d:"M357 316L417 250L361 210L275 244L357 316Z"}),e("path",{key:"434ef9b4942da225534aee67609a05eeaa218692",d:"M329 218L237 92L250 222L272 241L329 218Z"}),e("path",{key:"457463be25eeb2eba85d867f3925340caf52a2db",d:"M353 318L35 36L213 300L353 318Z"}),e("path",{key:"2b2814cabf36d6d377e7e9dac18e873fc63dee9d",d:"M391 286L565 272L421 252L391 286Z"}),this.state._labeled===!0&&e("text",{key:"001a0cc4bd4eda5f17a808ff4a709fea8a97fab5",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"]}}};u.style={default:f};export{u as kol_kolibri};
+//# sourceMappingURL=kol-kolibri.entry-Vk3aSeuU.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kol-kolibri.entry-Vk3aSeuU.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-3be16660.js';\nimport { C as devHint, i as watchBoolean } from './index-e32279bc.js';\nimport { t as translate } from './i18n-0835cc3b.js';\nimport { c as colorRgba, v as validateColor } from './color-9352cce1.js';\nimport './i18n-eef4b287.js';\n\nconst defaultStyleCss = \"/*\\n * This file contains all rules for accessibility.\\n */\\n@layer kol-global {\\n  :host {\\n    /*\\n     * Minimum size of interactive elements.\\n     */\\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    color: black;\\n  }\\n  * {\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    hyphens: auto;\\n    /*\\n     * Verdana is an accessible font that can be used without requiring additional loading time.\\n     */\\n    font-family: Verdana;\\n    /*\\n     * Letter spacing is required for all texts.\\n     */\\n    letter-spacing: inherit;\\n    /*\\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\\n     */\\n    word-break: break-word;\\n    /*\\n     * Word spacing is required for all texts.\\n     */\\n    word-spacing: inherit;\\n  }\\n  /*\\n   * All interactive elements should have a minimum size of rem(44).\\n   */\\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\\n  /* option, */\\n  /* select, */\\n  /* textarea, */\\n  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: var(--a11y-min-size);\\n  }\\n  /*\\n   * Some interactive elements should not inherit the font-family and font-size.\\n   */\\n  a,\\n  button,\\n  h1,\\n  h2,\\n  h3,\\n  h4,\\n  h5,\\n  h6,\\n  input,\\n  option,\\n  select,\\n  textarea {\\n    /*\\n     * All elements should inherit the font family from his parent element.\\n     */\\n    font-family: inherit;\\n    /*\\n     * All elements should inherit the font size from his parent element.\\n     */\\n    font-size: inherit;\\n  }\\n}\\n/**\\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: '121ff52acc3463c30aa52b4c8a668bc288b60d7a', class: \"kol-kolibri\" }, h(\"svg\", { key: 'c162ca80478f3968931aa6bc17110ae3417bbe11', 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: 'bb693c5feebfd80684441fbf10cc17cd6c39a377', d: \"M353 322L213 304V434L353 322Z\" }), h(\"path\", { key: 'c5956d3944b8ecc474e1ec319cdff95d0616b357', d: \"M209 564V304L149 434L209 564Z\" }), h(\"path\", { key: 'fadeaf7e185a41101bd8c4d52980c4dc02f97c1c', d: \"M357 316L417 250L361 210L275 244L357 316Z\" }), h(\"path\", { key: '434ef9b4942da225534aee67609a05eeaa218692', d: \"M329 218L237 92L250 222L272 241L329 218Z\" }), h(\"path\", { key: '457463be25eeb2eba85d867f3925340caf52a2db', d: \"M353 318L35 36L213 300L353 318Z\" }), h(\"path\", { key: '2b2814cabf36d6d377e7e9dac18e873fc63dee9d', d: \"M391 286L565 272L421 252L391 286Z\" }), this.state._labeled === true && (h(\"text\", { key: '001a0cc4bd4eda5f17a808ff4a709fea8a97fab5', 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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"}