@public-ui/components 4.3.0-rc.1 → 4.3.0-rc.3

package/dist/kolibri/kol-input-range.entry.js

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as n,r as e,g as t}from"./index-DqvPZ16l.js";import{_ as i}from"./tslib.es6-QNbPBOk5.js";import{c as o}from"./clsx-COFh-Vc8.js";import{F as a}from"./FormFieldStateWrapper-C31luuWs.js";import{I as r,a as l}from"./controller-icon-D3_aQk9W.js";import{I as s,S as c}from"./InputStateWrapper-CcDZH7W5.js";import{a as d,c as h}from"./dev.utils-Cv9uCwkA.js";import{d as p,a as m,c as u}from"./element-interaction-C5-6aPzz.js";import{p as f}from"./controller-D0y9uwX0.js";import"./common-DEEjER7G.js";import{v as b}from"./auto-complete-CrQJr3SH.js";import{v as k}from"./suggestions-Cnn1r8zc.js";import"./access-and-short-key-CnWGdP5U.js";import"./disabled-CtaJsBT2.js";import"./hide-label-CWFMK5Iz.js";import"./label-Cg7TG_7b.js";import"./tooltip-align-DzHPWEpv.js";import"./align-ChLoh-Dq.js";import"./variant-class-name-CkfE8oGZ.js";import"./events-BhfZTW2e.js";import"./associated.controller-D55JWKjs.js";import"./bootstrap-UOb6OarC.js";import"./component-names-Dy77vq43.js";import"./i18n-B2d_exHc.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";import"./variant-quote-BMV8GZX8.js";import"./normalizers-pgU77mXp.js";import"./component-BFsdrctP.js";import"./component-4RtkhTfb.js";import"./bem-registry-B9CzNnO1.js";import"./component-ijX_kUom.js";import"./controller-oT8Y98Yc.js";import"./align-floating-elements-DTTpkCAK.js";import"./tooltip-open-tracking-D3tCiiGP.js";import"./label-DPd4-fag.js";import"./base-controller-CXhqh4cR.js";import"./i18n-CaL2ODdQ.js";import"./Alert-2bYvhb8i.js";import"./Heading-C9p_CRv4.js";import"./icons-DOGnS2Iv.js";import"./Input-CwcyFZhB.js";import"./element-focus-BQXzaLL9.js";class g extends r{constructor(n,e,t){super(n,e,t);this.component=n}validateAutoComplete(n){b(this.component,n)}validateMax(n){this.validateNumber("_max",n)}validateMin(n){this.validateNumber("_min",n)}validateStep(n){this.validateNumber("_step",n)}validateSuggestions(n){k(this.component,n)}validateValue(n){this.validateNumber("_value",n);this.component._value=n;this.setFormAssociatedValue(this.component.state._value)}componentWillLoad(){super.componentWillLoad();this.validateAutoComplete(this.component._autoComplete);this.validateMax(this.component._max);this.validateMin(this.component._min);this.validateStep(this.component._step);this.validateSuggestions(this.component._suggestions);this.validateValue(this.component._value)}}const y='@charset "UTF-8";\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\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     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\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 to-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 text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\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(16 * 1rem / 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  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1780919027063"); /* IE9*/\n  src: url("kolicons.eot?t=1780919027063#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1780919027063") format("woff2"), url("kolicons.woff?t=1780919027063") format("woff"), url("kolicons.ttf?t=1780919027063") format("truetype"), url("kolicons.svg?t=1780919027063#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: black;\n    background-color: white;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: black;\n    background-color: white;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-alert .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-alert :host {\n    display: inline-block;\n  }\n  .kol-alert .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-alert .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-alert .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    display: grid;\n  }\n  .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\n    cursor: pointer;\n  }\n  .kol-form-field__label-text {\n    flex-flow: row;\n    align-items: flex-start;\n    justify-content: flex-start;\n  }\n  .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden])::after,\n  .kol-form-field--required .kol-tooltip__content .kol-span__label::after {\n    content: "*"/"";\n  }\n  .kol-input-container {\n    background-color: transparent;\n    display: grid;\n    position: relative;\n    width: 100%;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    grid-template-columns: 1fr;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--start) {\n    grid-template-columns: auto 1fr auto;\n  }\n  .kol-input-container__container {\n    position: relative;\n    z-index: 1;\n  }\n  .kol-input-container__adornment {\n    display: flex;\n    align-items: center;\n  }\n  .kol-input-container__adornment .kol-icon {\n    display: grid;\n    min-height: var(--a11y-min-size);\n    place-items: center;\n  }\n  .kol-input {\n    background-color: transparent;\n    width: 100%;\n    min-width: var(--a11y-min-size);\n  }\n  .kol-input:focus {\n    outline: none;\n  }\n  .kol-input-range__inputs-wrapper {\n    display: flex;\n    flex-grow: 1;\n    flex-direction: row;\n    align-items: center;\n  }\n  .kol-input-range__input--number {\n    width: var(--kolibri-input-range--input-number--width);\n  }\n  .kol-input-range__input--range {\n    background-color: white;\n    display: inline-block;\n    /* Design-Hack - related with flex-grow */\n    width: 0;\n    height: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    margin: 0;\n    padding: 0;\n    flex-grow: 1;\n    line-height: 1.5;\n    appearance: none;\n    border: 1px solid black;\n  }\n  .kol-input-range__input:not(:disabled).kol-input-range__input--range::-webkit-slider-thumb {\n    cursor: pointer;\n  }\n  .kol-input-range__input--range::-webkit-slider-thumb {\n    background-color: black;\n    border-radius: 20px;\n    width: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n    -webkit-appearance: none;\n  }\n  @media (prefers-contrast: more) or (forced-colors: active) {\n    .kol-input-range__input--range::-webkit-slider-thumb {\n      outline: 1px solid currentColor;\n    }\n  }\n  .kol-input-range__input:not(:disabled).kol-input-range__input--range::-moz-range-thumb {\n    cursor: pointer;\n  }\n  .kol-input-range__input--range::-moz-range-thumb {\n    background-color: black;\n    border-radius: 20px;\n    width: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n    -moz-appearance: none;\n  }\n}';const v=class{async focus(n){}async click(){}getSanitizedFloatValue(n){const e=parseFloat(n);if(this.state._max&&e>this.state._max){return this.state._max}if(this.state._min&&e<this.state._min){return this.state._min}return e}remapValue(n){if(this._initialValueType==="NumberString"){return String(n)}return n}async getValue(){if(this.ctaRef.el!==undefined){const n=this.ctaRef.el.value;const e=this.getSanitizedFloatValue(n);return this.remapValue(e)}}componentDidLoad(){var n;if(!this._value&&((n=this.refInputRange)===null||n===void 0?void 0:n.value)){this.validateValue(parseFloat(this.refInputRange.value))}}getFormFieldProps(){return{state:this.state,class:o("kol-input-range","range"),tooltipAlign:this._tooltipAlign,alert:this.showAsAlert()}}getGenericInputProps(){return Object.assign(Object.assign({state:Object.assign(Object.assign({},this.state),{_suggestions:[]})},this.controller.onFacade),{onChange:this.onChange,onInput:this.onInput,onFocus:n=>{this.controller.onFacade.onFocus(n);this.inputHasFocus=true},onBlur:n=>{this.controller.onFacade.onBlur(n);this.inputHasFocus=false}})}get hasSuggestions(){return Array.isArray(this.state._suggestions)&&this.state._suggestions.length>0}getInputRangeProps(){return Object.assign(Object.assign({},this.getGenericInputProps()),{name:this.state._name?`${this.state._name}-range`:undefined,list:this.hasSuggestions?d(this.state._id,"list"):undefined,type:"range",tabIndex:-1,id:undefined,"aria-hidden":"true",ref:this.setInputRangeRef})}getInputNumberProps(){return Object.assign(Object.assign({},this.getGenericInputProps()),{name:this.state._name?`${this.state._name}-number`:undefined,list:this.hasSuggestions?d(this.state._id,"list"):undefined,type:"number",ref:this.setInputNumberRef,onKeyDown:this.onKeyDown})}setInitialValueType(n){if(this.controller.isNumberString(n)){this._initialValueType="NumberString"}else{this._initialValueType="number"}}render(){const e={"--kolibri-input-range--input-number--width":`calc(${String(this.state._max).length}ch + 2em)`};return n(a,Object.assign({key:"9d235aa31440e43482cb463b1b475aeb68a9dd94"},this.getFormFieldProps()),n(l,{key:"78e85141f986e8e050d0b274880a9dac5e74b65f",state:this.state},n("div",{key:"f4f9abc28b36455d07f417c57925beda6ae0fb6b",class:"kol-input-range__inputs-wrapper",style:e},n(s,Object.assign({key:"bd3a29d4535ed31fc57604c8a62c9f6380d5b35d",class:"kol-input-range__input kol-input-range__input--range"},this.getInputRangeProps())),n(s,Object.assign({key:"7da3cd0db585db871fb2b95af78be4971a7aa8ff",class:"kol-input-range__input kol-input-range__input--number"},this.getInputNumberProps()))),this.hasSuggestions&&n(c,{key:"fbe44f4147118da156d43d4b8f98843db9325869",id:this.state._id,suggestions:this.state._suggestions})))}constructor(n){e(this,n);this.ctaRef=u();this.setInputNumberRef=n=>{if(n){this.ctaRef(n);if(!this._value&&n.value){this.validateValue(parseFloat(n.value))}}};this.setInputRangeRef=n=>{if(n){this.refInputRange=n}};this.onInput=n=>{const e=n.target.value;const t=this.getSanitizedFloatValue(e);this.controller.onFacade.onInput(n,true,this.remapValue(t))};this.onChange=n=>{const e=n.target.value;const t=this.getSanitizedFloatValue(e);const i=this.remapValue(t);this.validateValue(i);this.controller.onFacade.onChange(n,i)};this.onKeyDown=n=>{this.controller.onFacade.onKeyDown(n);if(n.code==="Enter"||n.code==="NumpadEnter"){f({form:this.host})}};this._autoComplete="off";this._disabled=false;this._hideMsg=false;this._hideLabel=false;this._hint="";this._max=100;this._min=0;this._tooltipAlign="top";this._touched=false;this.state={_hideMsg:false,_id:h("input-range"),_label:"",_suggestions:[],_min:0,_max:100};this._initialValueType="number";this.inputHasFocus=false;this.controller=new g(this,"range",this.host)}showAsAlert(){return Boolean(this.state._touched)&&!this.inputHasFocus}validateAccessKey(n){this.controller.validateAccessKey(n)}validateAutoComplete(n){this.controller.validateAutoComplete(n)}validateDisabled(n){this.controller.validateDisabled(n)}validateHideMsg(n){this.controller.validateHideMsg(n)}validateHideLabel(n){this.controller.validateHideLabel(n)}validateHint(n){this.controller.validateHint(n)}validateIcons(n){this.controller.validateIcons(n)}validateLabel(n){this.controller.validateLabel(n)}validateMax(n){this.controller.validateMax(n)}validateMin(n){this.controller.validateMin(n)}validateMsg(n){this.controller.validateMsg(n)}validateName(n){this.controller.validateName(n)}validateOn(n){this.controller.validateOn(n)}validateShortKey(n){this.controller.validateShortKey(n)}validateStep(n){this.controller.validateStep(n)}validateSuggestions(n){this.controller.validateSuggestions(n)}validateSyncValueBySelector(n){this.controller.validateSyncValueBySelector(n)}validateTouched(n){this.controller.validateTouched(n)}validateValue(n){this.controller.validateValue(n);if(n!==undefined){this.setInitialValueType(n)}}validateVariant(n){this.controller.validateVariant(n)}componentWillLoad(){if(this._value!==undefined){this.setInitialValueType(this._value)}this._touched=this._touched===true;this.controller.componentWillLoad()}get host(){return t(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_autoComplete:["validateAutoComplete"],_disabled:["validateDisabled"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_label:["validateLabel"],_max:["validateMax"],_min:["validateMin"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_shortKey:["validateShortKey"],_step:["validateStep"],_suggestions:["validateSuggestions"],_syncValueBySelector:["validateSyncValueBySelector"],_touched:["validateTouched"],_value:["validateValue"],_variant:["validateVariant"]}}};i([p("ctaRef")],v.prototype,"focus",null);i([m("ctaRef")],v.prototype,"click",null);v.style={default:y};export{v as kol_input_range};
+import{h as n,r as e,g as t}from"./index-CfYfRjdO.js";import{_ as i}from"./tslib.es6-QNbPBOk5.js";import{c as o}from"./clsx-COFh-Vc8.js";import{F as a}from"./FormFieldStateWrapper-DCZ5A-2U.js";import{I as r,a as l}from"./controller-icon-DktA_QxA.js";import{I as s,S as c}from"./InputStateWrapper-C_rqkRKc.js";import{a as d,c as h}from"./dev.utils-CBuLoTMV.js";import{d as p,a as m,c as u}from"./element-interaction-C5-6aPzz.js";import{p as f}from"./controller-9xFQ1gbO.js";import"./common-Cbb6Axov.js";import{v as b}from"./auto-complete-CyU7zRoT.js";import{v as k}from"./suggestions-D4UUoZGS.js";import"./access-and-short-key-DzjVTrop.js";import"./disabled-DfW4ft-F.js";import"./hide-label-BDwvU6I8.js";import"./label-We78Dt9U.js";import"./tooltip-align-LkJ2mgrc.js";import"./align-BdqBkiyq.js";import"./variant-class-name-D8tvX7Qv.js";import"./events-BhfZTW2e.js";import"./associated.controller-yo_yku-m.js";import"./aria-details-Ddidnfeo.js";import"./aria-labelledby-6-ki3akM.js";import"./bootstrap-wNRvSYNh.js";import"./component-names-Dy77vq43.js";import"./i18n-CMA39edx.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";import"./base-web-component-BCIMb9gN.js";import"./normalizers-iLdS6AQE.js";import"./component-BX1n4r9q.js";import"./component-CKSOghiT.js";import"./bem-registry-BRfTMZf0.js";import"./component-DaUkSW3u.js";import"./controller-BUTW5QfH.js";import"./align-floating-elements-Xqbu3THH.js";import"./tooltip-open-tracking-D3tCiiGP.js";import"./label-BwPy2Jd4.js";import"./base-controller-CXhqh4cR.js";import"./i18n-CcjZRTxD.js";import"./Alert-DlY1Cd8i.js";import"./Heading-Bi9MCxAk.js";import"./icons-BGkS8g2K.js";import"./Input-BckuoFWy.js";import"./element-focus-BQXzaLL9.js";class g extends r{constructor(n,e,t){super(n,e,t);this.component=n}validateAutoComplete(n){b(this.component,n)}validateMax(n){this.validateNumber("_max",n)}validateMin(n){this.validateNumber("_min",n)}validateStep(n){this.validateNumber("_step",n)}validateSuggestions(n){k(this.component,n)}validateValue(n){this.validateNumber("_value",n);this.component._value=n;this.setFormAssociatedValue(this.component.state._value)}componentWillLoad(){super.componentWillLoad();this.validateAutoComplete(this.component._autoComplete);this.validateMax(this.component._max);this.validateMin(this.component._min);this.validateStep(this.component._step);this.validateSuggestions(this.component._suggestions);this.validateValue(this.component._value)}}const y='@charset "UTF-8";\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     *\n     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser\'s\n     * rounding, dropping just below the required minimum.\n     */\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\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     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\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 to-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 text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\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(16 * 1rem / 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  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1783496448056"); /* IE9*/\n  src: url("kolicons.eot?t=1783496448056#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1783496448056") format("woff2"), url("kolicons.woff?t=1783496448056") format("woff"), url("kolicons.ttf?t=1783496448056") format("truetype"), url("kolicons.svg?t=1783496448056#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: black;\n    background-color: white;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: black;\n    background-color: white;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-alert .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-alert :host {\n    display: inline-block;\n  }\n  .kol-alert .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-alert .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-alert .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    display: grid;\n  }\n  .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\n    cursor: pointer;\n  }\n  .kol-form-field__label-text {\n    flex-flow: row;\n    align-items: flex-start;\n    justify-content: flex-start;\n  }\n  .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden])::after,\n  .kol-form-field--required .kol-form-field .kol-tooltip__content .kol-span__label::after {\n    content: "*"/"";\n  }\n  .kol-input-container {\n    background-color: transparent;\n    display: grid;\n    position: relative;\n    width: 100%;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    grid-template-columns: 1fr;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--start) {\n    grid-template-columns: auto 1fr auto;\n  }\n  .kol-input-container__container {\n    position: relative;\n    z-index: 1;\n  }\n  .kol-input-container__adornment {\n    display: flex;\n    align-items: center;\n  }\n  .kol-input-container__adornment .kol-icon {\n    display: grid;\n    min-height: var(--a11y-min-size);\n    place-items: center;\n  }\n  .kol-input {\n    background-color: transparent;\n    width: 100%;\n    min-width: var(--a11y-min-size);\n  }\n  .kol-input:focus {\n    outline: none;\n  }\n  .kol-input-range__inputs-wrapper {\n    display: flex;\n    flex-grow: 1;\n    flex-direction: row;\n    flex-wrap: wrap;\n    align-items: center;\n  }\n  .kol-input-range__input--number {\n    width: var(--kolibri-input-range--input-number--width);\n    text-align: right;\n  }\n  .kol-input-range__input--range {\n    background-color: white;\n    display: inline-block;\n    /* Design-Hack - related with flex-grow */\n    width: 0;\n    min-width: calc(128 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    margin: 0;\n    padding: 0;\n    flex-grow: 1;\n    line-height: 1.5;\n    appearance: none;\n    border: 1px solid black;\n  }\n  .kol-input-range__input:not(:disabled).kol-input-range__input--range::-webkit-slider-thumb {\n    cursor: pointer;\n  }\n  .kol-input-range__input--range::-webkit-slider-thumb {\n    background-color: black;\n    border-radius: 20px;\n    width: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n    -webkit-appearance: none;\n  }\n  @media (prefers-contrast: more) or (forced-colors: active) {\n    .kol-input-range__input--range::-webkit-slider-thumb {\n      outline: 1px solid currentColor;\n    }\n  }\n  .kol-input-range__input:not(:disabled).kol-input-range__input--range::-moz-range-thumb {\n    cursor: pointer;\n  }\n  .kol-input-range__input--range::-moz-range-thumb {\n    background-color: black;\n    border-radius: 20px;\n    width: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(20 * 1rem / var(--kolibri-root-font-size, 16));\n    -moz-appearance: none;\n  }\n}';const v=class{async focus(n){}async click(){}getSanitizedFloatValue(n){const e=parseFloat(n);if(this.state._max&&e>this.state._max){return this.state._max}if(this.state._min&&e<this.state._min){return this.state._min}return e}remapValue(n){if(this._initialValueType==="NumberString"){return String(n)}return n}async getValue(){if(this.ctaRef.el!==undefined){const n=this.ctaRef.el.value;const e=this.getSanitizedFloatValue(n);return this.remapValue(e)}}componentDidLoad(){var n;if(!this._value&&((n=this.refInputRange)===null||n===void 0?void 0:n.value)){this.validateValue(parseFloat(this.refInputRange.value))}}getFormFieldProps(){return{state:this.state,class:o("kol-input-range","range"),tooltipAlign:this._tooltipAlign,alert:this.showAsAlert()}}getGenericInputProps(){return Object.assign(Object.assign({state:Object.assign(Object.assign({},this.state),{_suggestions:[]})},this.controller.onFacade),{onChange:this.onChange,onInput:this.onInput,onFocus:n=>{this.controller.onFacade.onFocus(n);this.inputHasFocus=true},onBlur:n=>{this.controller.onFacade.onBlur(n);this.inputHasFocus=false}})}get hasSuggestions(){return Array.isArray(this.state._suggestions)&&this.state._suggestions.length>0}getInputRangeProps(){return Object.assign(Object.assign({},this.getGenericInputProps()),{name:this.state._name?`${this.state._name}-range`:undefined,list:this.hasSuggestions?d(this.state._id,"list"):undefined,type:"range",tabIndex:-1,id:undefined,"aria-hidden":"true",ref:this.setInputRangeRef})}getInputNumberProps(){return Object.assign(Object.assign({},this.getGenericInputProps()),{name:this.state._name?`${this.state._name}-number`:undefined,list:this.hasSuggestions?d(this.state._id,"list"):undefined,type:"number",ref:this.setInputNumberRef,onKeyDown:this.onKeyDown})}setInitialValueType(n){if(this.controller.isNumberString(n)){this._initialValueType="NumberString"}else{this._initialValueType="number"}}render(){var e,t;const i={"--kolibri-input-range--input-number--width":`calc(${Math.max(String((e=this.state._max)!==null&&e!==void 0?e:100).length,String((t=this.state._min)!==null&&t!==void 0?t:0).length,4)}ch + 2em)`};return n(a,Object.assign({key:"976da4c458a376af3ae6f6f103c4d450e05d768d"},this.getFormFieldProps()),n(l,{key:"7e5abf2bd7ea68b8c8955f825483d6624aabb9ed",state:this.state},n("div",{key:"cc49bcec37b1703efdb71aa74ddc536d04b37c8d",class:"kol-input-range__inputs-wrapper",style:i},n(s,Object.assign({key:"f9527d9515d9fb3f3d0e53b6885337c26b400d37",class:"kol-input-range__input kol-input-range__input--range"},this.getInputRangeProps())),n(s,Object.assign({key:"d41e09a3ace1204169e2e2594724ba12cd73f0a7",class:"kol-input-range__input kol-input-range__input--number"},this.getInputNumberProps()))),this.hasSuggestions&&n(c,{key:"f63013002b6d2b504562630df901e7e6a94ccc89",id:this.state._id,suggestions:this.state._suggestions})))}constructor(n){e(this,n);this.ctaRef=u();this.setInputNumberRef=n=>{if(n){this.ctaRef(n);if(!this._value&&n.value){this.validateValue(parseFloat(n.value))}}};this.setInputRangeRef=n=>{if(n){this.refInputRange=n}};this.onInput=n=>{const e=n.target.value;const t=this.getSanitizedFloatValue(e);this.controller.onFacade.onInput(n,true,this.remapValue(t))};this.onChange=n=>{const e=n.target.value;const t=this.getSanitizedFloatValue(e);const i=this.remapValue(t);this.validateValue(i);this.controller.onFacade.onChange(n,i)};this.onKeyDown=n=>{this.controller.onFacade.onKeyDown(n);if(n.code==="Enter"||n.code==="NumpadEnter"){f({form:this.host})}};this._autoComplete="off";this._disabled=false;this._hideMsg=false;this._hideLabel=false;this._hint="";this._max=100;this._min=0;this._tooltipAlign="top";this._touched=false;this.state={_hideMsg:false,_id:h("input-range"),_label:"",_suggestions:[],_min:0,_max:100};this._initialValueType="number";this.inputHasFocus=false;this.controller=new g(this,"range",this.host)}showAsAlert(){return Boolean(this.state._touched)&&!this.inputHasFocus}validateAccessKey(n){this.controller.validateAccessKey(n)}validateAriaDetails(n){this.controller.validateAriaDetails(n)}validateAutoComplete(n){this.controller.validateAutoComplete(n)}validateDisabled(n){this.controller.validateDisabled(n)}validateHideMsg(n){this.controller.validateHideMsg(n)}validateHideLabel(n){this.controller.validateHideLabel(n)}validateHint(n){this.controller.validateHint(n)}validateIcons(n){this.controller.validateIcons(n)}validateLabel(n){this.controller.validateLabel(n)}validateMax(n){this.controller.validateMax(n)}validateMin(n){this.controller.validateMin(n)}validateMsg(n){this.controller.validateMsg(n)}validateName(n){this.controller.validateName(n)}validateOn(n){this.controller.validateOn(n)}validateShortKey(n){this.controller.validateShortKey(n)}validateStep(n){this.controller.validateStep(n)}validateSuggestions(n){this.controller.validateSuggestions(n)}validateSyncValueBySelector(n){this.controller.validateSyncValueBySelector(n)}validateTouched(n){this.controller.validateTouched(n)}validateValue(n){this.controller.validateValue(n);if(n!==undefined){this.setInitialValueType(n)}}validateVariant(n){this.controller.validateVariant(n)}componentWillLoad(){if(this._value!==undefined){this.setInitialValueType(this._value)}this._touched=this._touched===true;this.validateAriaDetails(this._ariaDetails);this.controller.componentWillLoad()}get host(){return t(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_ariaDetails:["validateAriaDetails"],_autoComplete:["validateAutoComplete"],_disabled:["validateDisabled"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_label:["validateLabel"],_max:["validateMax"],_min:["validateMin"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_shortKey:["validateShortKey"],_step:["validateStep"],_suggestions:["validateSuggestions"],_syncValueBySelector:["validateSyncValueBySelector"],_touched:["validateTouched"],_value:["validateValue"],_variant:["validateVariant"]}}};i([p("ctaRef")],v.prototype,"focus",null);i([m("ctaRef")],v.prototype,"click",null);v.style={default:y};export{v as kol_input_range};
 //# sourceMappingURL=kol-input-range.entry.js.map

package/dist/kolibri/kol-input-range.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["h","registerInstance","getElement","__decorate","clsx","FormFieldStateWrapper","InputIconController","InputContainerStateWrapperFc","InputStateWrapper","SuggestionsFc","createRelatedUniqueId","createUniqueId","delegateFocus","delegateClick","createCtaRef","propagateSubmitEventToForm","validateAutoComplete","validateSuggestions","InputRangeController","constructor","component","name","host","super","this","value","validateMax","validateNumber","validateMin","validateStep","validateValue","_value","setFormAssociatedValue","state","componentWillLoad","_autoComplete","_max","_min","_step","_suggestions","defaultStyleCss","KolInputRange","focus","options","click","getSanitizedFloatValue","floatValue","parseFloat","remapValue","_initialValueType","String","getValue","ctaRef","el","undefined","componentDidLoad","_a","refInputRange","getFormFieldProps","class","tooltipAlign","_tooltipAlign","alert","showAsAlert","getGenericInputProps","Object","assign","controller","onFacade","onChange","onInput","onFocus","event","inputHasFocus","onBlur","hasSuggestions","Array","isArray","length","getInputRangeProps","_name","list","_id","type","tabIndex","id","ref","setInputRangeRef","getInputNumberProps","setInputNumberRef","onKeyDown","setInitialValueType","isNumberString","render","inputsWrapperStyle","key","style","suggestions","hostRef","element","target","remappedValue","code","form","_disabled","_hideMsg","_hideLabel","_hint","_touched","_label","Boolean","validateAccessKey","validateDisabled","validateHideMsg","validateHideLabel","validateHint","validateIcons","validateLabel","validateMsg","validateName","validateOn","validateShortKey","validateSyncValueBySelector","validateTouched","validateVariant","watchers","_accessKey","_icons","_msg","_on","_shortKey","_syncValueBySelector","_variant","prototype","default"],"sources":["0"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["h","registerInstance","getElement","__decorate","clsx","FormFieldStateWrapper","InputIconController","InputContainerStateWrapperFc","InputStateWrapper","SuggestionsFc","createRelatedUniqueId","createUniqueId","delegateFocus","delegateClick","createCtaRef","propagateSubmitEventToForm","validateAutoComplete","validateSuggestions","InputRangeController","constructor","component","name","host","super","this","value","validateMax","validateNumber","validateMin","validateStep","validateValue","_value","setFormAssociatedValue","state","componentWillLoad","_autoComplete","_max","_min","_step","_suggestions","defaultStyleCss","KolInputRange","focus","options","click","getSanitizedFloatValue","floatValue","parseFloat","remapValue","_initialValueType","String","getValue","ctaRef","el","undefined","componentDidLoad","_a","refInputRange","getFormFieldProps","class","tooltipAlign","_tooltipAlign","alert","showAsAlert","getGenericInputProps","Object","assign","controller","onFacade","onChange","onInput","onFocus","event","inputHasFocus","onBlur","hasSuggestions","Array","isArray","length","getInputRangeProps","_name","list","_id","type","tabIndex","id","ref","setInputRangeRef","getInputNumberProps","setInputNumberRef","onKeyDown","setInitialValueType","isNumberString","render","_b","inputsWrapperStyle","Math","max","key","style","suggestions","hostRef","element","target","remappedValue","code","form","_disabled","_hideMsg","_hideLabel","_hint","_touched","_label","Boolean","validateAccessKey","validateAriaDetails","validateDisabled","validateHideMsg","validateHideLabel","validateHint","validateIcons","validateLabel","validateMsg","validateName","validateOn","validateShortKey","validateSyncValueBySelector","validateTouched","validateVariant","_ariaDetails","watchers","_accessKey","_icons","_msg","_on","_shortKey","_syncValueBySelector","_variant","prototype","default"],"sources":["0"],"mappings":"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","ignoreList":[]}

package/dist/kolibri/kol-input-text.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"kol-input-text.entry.esm.js","sources":["src/components/input-text/style.scss?tag=kol-input-text&mode=default&encapsulation=shadow","src/components/input-text/shadow.tsx"],"sourcesContent":["@use '../@shared/global' as *;\n@use '../@shared/alert.mixin' as *;\n@use '../@shared/form-field.mixin' as *;\n@use '../@shared/input-container.mixin' as *;\n@use '../@shared/input.mixin' as *;\n@use '../@shared/mixins' as *;\n\n@layer kol-component {\n\t@include kol-alert;\n\t@include kol-form-field;\n\t@include kol-input-container;\n\t@include kol-input;\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Method, Prop, State, Watch } from '@stencil/core';\nimport clsx from '../../utils/clsx';\n\nimport type {\n\tAccessKeyPropType,\n\tAutoCompletePropType,\n\tDisabledPropType,\n\tFocusableElement,\n\tHasCounterPropType,\n\tHideLabelPropType,\n\tHideMsgPropType,\n\tHintPropType,\n\tIconsHorizontalPropType,\n\tInputTextAPI,\n\tInputTextStates,\n\tInputTextTypePropType,\n\tInputTypeOnDefault,\n\tInternalButtonProps,\n\tKolFocusOptions,\n\tLabelWithExpertSlotPropType,\n\tMaxLengthBehaviorPropType,\n\tMsgPropType,\n\tNamePropType,\n\tPlaceholderPropType,\n\tReadOnlyPropType,\n\tRequiredPropType,\n\tShortKeyPropType,\n\tSpellCheckPropType,\n\tStringified,\n\tSuggestionsPropType,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n\tVariantClassNamePropType,\n} from '../../schema';\n\nimport KolFormFieldStateWrapperFc, { type FormFieldStateWrapperProps } from '../../functional-component-wrappers/FormFieldStateWrapper/FormFieldStateWrapper';\nimport KolInputContainerFc from '../../functional-component-wrappers/InputContainerStateWrapper/InputContainerStateWrapper';\nimport KolInputStateWrapperFc, { type InputStateWrapperProps } from '../../functional-component-wrappers/InputStateWrapper/InputStateWrapper';\nimport { createRelatedUniqueId, createUniqueId } from '../../utils/dev.utils';\nimport { createCtaRef, delegateClick, delegateFocus } from '../../utils/element-interaction';\nimport { propagateSubmitEventToForm } from '../form/controller';\nimport { InputTextController } from './controller';\n\n/**\n * The **Text** input type creates an input field for plain text, search terms, URLs, or phone numbers.\n *\n * @slot - The label of the input field.\n */\n@Component({\n\ttag: 'kol-input-text',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolInputText implements InputTextAPI, FocusableElement {\n\t@Element() protected readonly host?: HTMLKolInputTextElement;\n\tprotected readonly ctaRef = createCtaRef<HTMLInputElement>();\n\tprivate oldValue?: string;\n\n\tprivate readonly onBlur = (event: FocusEvent) => {\n\t\tthis.controller.onFacade.onBlur(event);\n\t\tthis.inputHasFocus = false;\n\t};\n\n\tprivate readonly onChange = (event: Event) => {\n\t\tconst value = this.ctaRef.el?.value;\n\n\t\tif (this.oldValue !== value) {\n\t\t\tthis.oldValue = value;\n\t\t}\n\n\t\tthis.controller.onFacade.onChange(event);\n\t};\n\n\tprivate readonly onFocus = (event: FocusEvent) => {\n\t\tthis.controller.onFacade.onFocus(event);\n\t\tthis.inputHasFocus = true;\n\t};\n\n\tprivate readonly onInput = (event: InputEvent) => {\n\t\tthis._value = this.ctaRef.el?.value ?? '';\n\t\tthis.controller.onFacade.onInput(event);\n\t};\n\n\tprivate readonly onKeyDown = (event: KeyboardEvent) => {\n\t\tthis.controller.onFacade.onKeyDown(event);\n\n\t\tif (event.code === 'Enter' || event.code === 'NumpadEnter') {\n\t\t\tpropagateSubmitEventToForm({\n\t\t\t\tform: this.host,\n\t\t\t\tref: this.ctaRef.el,\n\t\t\t});\n\t\t}\n\t};\n\n\t/**\n\t * Returns the current value.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async getValue(): Promise<string | undefined> {\n\t\treturn this.ctaRef.el?.value;\n\t}\n\n\t/**\n\t * Sets focus on the internal element.\n\t */\n\t@Method()\n\t@delegateFocus('ctaRef')\n\t// @ts-expect-error: options parameter will be implemented by the decorator.\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\tpublic async focus(options?: KolFocusOptions): Promise<void> {}\n\n\t/**\n\t * Clicks the primary interactive element inside this component.\n\t */\n\t@Method()\n\t@delegateClick('ctaRef')\n\tpublic async click(): Promise<void> {}\n\n\t/**\n\t * Get selection start of internal element.\n\t */\n\t@Method()\n\tpublic async selectionStart() {\n\t\treturn Promise.resolve(this.ctaRef.el?.selectionStart);\n\t}\n\n\t/**\n\t * Get selection end of internal element.\n\t */\n\t@Method()\n\tpublic async selectionEnd() {\n\t\treturn Promise.resolve(this.ctaRef.el?.selectionEnd);\n\t}\n\n\t/**\n\t * Set selection start and end, and optional in which direction, of internal element; just like https://developer.mozilla.org/docs/Web/API/HTMLInputElement/setSelectionRange\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async setSelectionRange(selectionStart: number, selectionEnd: number, selectionDirection?: 'forward' | 'backward' | 'none') {\n\t\tthis.ctaRef.el?.setSelectionRange(selectionStart, selectionEnd, selectionDirection);\n\t}\n\n\t/**\n\t * Set selection start (and end = start) of internal element.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async setSelectionStart(selectionStart: number) {\n\t\tthis.ctaRef.el?.setSelectionRange(selectionStart, selectionStart);\n\t}\n\n\t/**\n\t * Add string at position of internal element; just like https://developer.mozilla.org/docs/Web/API/HTMLInputElement/setRangeText\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async setRangeText(replacement: string, selectionStart?: number, selectionEnd?: number, selectMode?: 'select' | 'start' | 'end' | 'preserve') {\n\t\tif (selectionStart !== undefined && selectionEnd !== undefined) {\n\t\t\tthis.ctaRef.el?.setRangeText(replacement, selectionStart, selectionEnd, selectMode);\n\t\t} else {\n\t\t\tthis.ctaRef.el?.setRangeText(replacement);\n\t\t}\n\t}\n\n\tprivate getFormFieldProps(): FormFieldStateWrapperProps {\n\t\treturn {\n\t\t\tstate: this.state,\n\t\t\tclass: clsx('kol-input-text', this.state._type as string, {\n\t\t\t\t'has-value': this.state._hasValue,\n\t\t\t\t'kol-form-field--has-counter': this.controller.hasSoftCharacterLimit() || this.controller.hasCounter(),\n\t\t\t}),\n\t\t\ttooltipAlign: this._tooltipAlign,\n\t\t\talert: this.showAsAlert(),\n\t\t};\n\t}\n\n\tprivate getInputProps(): InputStateWrapperProps {\n\t\tconst ariaDescribedBy = typeof this.state._maxLength === 'number' ? [createRelatedUniqueId(this.state._id, 'character-limit-hint')] : undefined; // When a character limit is defined, we provide an additional hint referenced by aria-describedby.\n\n\t\treturn {\n\t\t\tref: this.ctaRef,\n\t\t\tstate: this.state,\n\t\t\tariaDescribedBy,\n\t\t\t...this.controller.onFacade,\n\t\t\tonBlur: this.onBlur,\n\t\t\tonChange: this.onChange,\n\t\t\tonFocus: this.onFocus,\n\t\t\tonInput: this.onInput,\n\t\t\tonKeyDown: this.onKeyDown,\n\t\t};\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<KolFormFieldStateWrapperFc {...this.getFormFieldProps()}>\n\t\t\t\t<KolInputContainerFc state={this.state}>\n\t\t\t\t\t<KolInputStateWrapperFc {...this.getInputProps()} />\n\t\t\t\t</KolInputContainerFc>\n\t\t\t</KolFormFieldStateWrapperFc>\n\t\t);\n\t}\n\n\tprivate readonly controller: InputTextController;\n\n\t/**\n\t * Defines the key combination that can be used to trigger or focus the component's interactive element.\n\t */\n\t@Prop() public _accessKey?: AccessKeyPropType;\n\n\t/**\n\t * Defines whether the input can be auto-completed.\n\t */\n\t@Prop() public _autoComplete?: AutoCompletePropType = 'off';\n\n\t/**\n\t * Shows a character counter for the input element.\n\t */\n\t@Prop() public _hasCounter?: boolean = false;\n\n\t/**\n\t * Defines the behavior when maxLength is set. 'hard' sets the maxlength attribute, 'soft' shows a character counter without preventing input.\n\t */\n\t@Prop() public _maxLengthBehavior?: MaxLengthBehaviorPropType = 'hard';\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t * @TODO: Change type back to `DisabledPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Hides the error message but leaves it in the DOM for the input's aria-describedby.\n\t * @TODO: Change type back to `HideMsgPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideMsg?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Defines the hint text.\n\t */\n\t@Prop() public _hint?: string = '';\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: IconsHorizontalPropType;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t */\n\t@Prop() public _label!: LabelWithExpertSlotPropType;\n\n\t/**\n\t * Defines the maximum number of input characters.\n\t */\n\t@Prop() public _maxLength?: number;\n\n\t/**\n\t * Defines the properties for a message rendered as Alert component.\n\t */\n\t@Prop() public _msg?: Stringified<MsgPropType>;\n\n\t/**\n\t * Defines the technical name of an input field.\n\t */\n\t@Prop() public _name?: NamePropType;\n\n\t/**\n\t * Gibt die EventCallback-Funktionen für das Input-Event an.\n\t */\n\t@Prop() public _on?: InputTypeOnDefault;\n\n\t/**\n\t * Defines a validation pattern for the input field.\n\t */\n\t@Prop() public _pattern?: string;\n\n\t/**\n\t * Defines the placeholder for input field. To be shown when there's no value.\n\t */\n\t@Prop() public _placeholder?: string;\n\n\t/**\n\t * Makes the input element read only.\n\t * @TODO: Change type back to `ReadOnlyPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _readOnly?: boolean = false;\n\n\t/**\n\t * Makes the input element required.\n\t * @TODO: Change type back to `RequiredPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _required?: boolean = false;\n\n\t/**\n\t * Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.\n\t */\n\t@Prop() public _shortKey?: ShortKeyPropType;\n\n\t/**\n\t * Defines whether the browser should check the spelling and grammar.\n\t */\n\t@Prop() public _spellCheck?: SpellCheckPropType;\n\n\t/**\n\t * Suggestions to provide for the input.\n\t */\n\t@Prop() public _suggestions?: SuggestionsPropType;\n\n\t/**\n\t * Allows to add a button with an arbitrary action within the element (_hide-label only).\n\t */\n\t@Prop() public _smartButton?: Stringified<InternalButtonProps>;\n\n\t/**\n\t * Selector for synchronizing the value with another input element.\n\t * @internal\n\t */\n\t@Prop() public _syncValueBySelector?: SyncValueBySelectorPropType;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/**\n\t * Shows if the input was touched by a user.\n\t * @TODO: Change type back to `TouchedPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _touched?: boolean = false;\n\n\t/**\n\t * Defines either the type of the component or of the components interactive element.\n\t */\n\t@Prop() public _type?: InputTextTypePropType = 'text';\n\n\t/**\n\t * Defines the value of the element.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _value?: string;\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: VariantClassNamePropType;\n\n\t@State() public state: InputTextStates = {\n\t\t_currentLength: 0,\n\t\t_currentLengthDebounced: 0,\n\t\t_hasValue: false,\n\t\t_hideMsg: false,\n\t\t_id: createUniqueId('input-text'),\n\t\t_label: '', // ⚠ required\n\t\t_suggestions: [],\n\t\t_type: 'text',\n\t};\n\n\t@State() private inputHasFocus = false;\n\n\tpublic constructor() {\n\t\tthis.controller = new InputTextController(this, 'text', this.host);\n\t}\n\n\tprivate showAsAlert(): boolean {\n\t\treturn Boolean(this.state._touched) && !this.inputHasFocus;\n\t}\n\n\t@Watch('_accessKey')\n\tpublic validateAccessKey(value?: AccessKeyPropType): void {\n\t\tthis.controller.validateAccessKey(value);\n\t}\n\n\t@Watch('_autoComplete')\n\tpublic validateAutoComplete(value?: AutoCompletePropType): void {\n\t\tthis.controller.validateAutoComplete(value);\n\t}\n\n\t@Watch('_maxLengthBehavior')\n\tpublic validateMaxLengthBehavior(value?: MaxLengthBehaviorPropType): void {\n\t\tthis.controller.validateMaxLengthBehavior(value);\n\t}\n\n\t@Watch('_disabled')\n\tpublic validateDisabled(value?: DisabledPropType): void {\n\t\tthis.controller.validateDisabled(value);\n\t}\n\n\t@Watch('_hideMsg')\n\tpublic validateHideMsg(value?: HideMsgPropType): void {\n\t\tthis.controller.validateHideMsg(value);\n\t}\n\n\t@Watch('_hideLabel')\n\tpublic validateHideLabel(value?: HideLabelPropType): void {\n\t\tthis.controller.validateHideLabel(value);\n\t}\n\n\t@Watch('_hasCounter')\n\tpublic validateHasCounter(value?: HasCounterPropType): void {\n\t\tthis.controller.validateHasCounter(value);\n\t}\n\n\t@Watch('_hint')\n\tpublic validateHint(value?: HintPropType): void {\n\t\tthis.controller.validateHint(value);\n\t}\n\n\t@Watch('_icons')\n\tpublic validateIcons(value?: IconsHorizontalPropType): void {\n\t\tthis.controller.validateIcons(value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tthis.controller.validateLabel(value);\n\t}\n\n\t@Watch('_maxLength')\n\tpublic validateMaxLength(value?: number): void {\n\t\tthis.controller.validateMaxLength(value);\n\t}\n\n\t@Watch('_msg')\n\tpublic validateMsg(value?: Stringified<MsgPropType>): void {\n\t\tthis.controller.validateMsg(value);\n\t}\n\n\t@Watch('_name')\n\tpublic validateName(value?: string): void {\n\t\tthis.controller.validateName(value);\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(value?: InputTypeOnDefault): void {\n\t\tthis.controller.validateOn(value);\n\t}\n\n\t@Watch('_pattern')\n\tpublic validatePattern(value?: string): void {\n\t\tthis.controller.validatePattern(value);\n\t}\n\n\t@Watch('_placeholder')\n\tpublic validatePlaceholder(value?: PlaceholderPropType): void {\n\t\tthis.controller.validatePlaceholder(value);\n\t}\n\n\t@Watch('_readOnly')\n\tpublic validateReadOnly(value?: ReadOnlyPropType): void {\n\t\tthis.controller.validateReadOnly(value);\n\t}\n\n\t@Watch('_required')\n\tpublic validateRequired(value?: RequiredPropType): void {\n\t\tthis.controller.validateRequired(value);\n\t}\n\n\t@Watch('_shortKey')\n\tpublic validateShortKey(value?: ShortKeyPropType): void {\n\t\tthis.controller.validateShortKey(value);\n\t}\n\n\t@Watch('_spellCheck')\n\tpublic validateSpellCheck(value?: SpellCheckPropType): void {\n\t\tthis.controller.validateSpellCheck(value);\n\t}\n\n\t@Watch('_suggestions')\n\tpublic validateSuggestions(value?: SuggestionsPropType): void {\n\t\tthis.controller.validateSuggestions(value);\n\t}\n\n\t@Watch('_smartButton')\n\tpublic validateSmartButton(value?: InternalButtonProps | string): void {\n\t\tthis.controller.validateSmartButton(value);\n\t}\n\n\t@Watch('_syncValueBySelector')\n\tpublic validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void {\n\t\tthis.controller.validateSyncValueBySelector(value);\n\t}\n\n\t@Watch('_touched')\n\tpublic validateTouched(value?: boolean): void {\n\t\tthis.controller.validateTouched(value);\n\t}\n\n\t@Watch('_type')\n\tpublic validateType(value?: InputTextTypePropType): void {\n\t\tthis.controller.validateType(value);\n\t}\n\n\t@Watch('_value')\n\tpublic validateValue(value?: string): void {\n\t\tthis.controller.validateValue(value);\n\t\tthis.oldValue = value;\n\t}\n\n\t@Watch('_variant')\n\tpublic validateVariant(value?: VariantClassNamePropType): void {\n\t\tthis.controller.validateVariant(value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis._touched = this._touched === true;\n\t\tthis.oldValue = this._value;\n\t\tthis.controller.componentWillLoad();\n\n\t\tthis.state._hasValue = !!this.state._value;\n\t\tthis.controller.addValueChangeListener((v) => (this.state._hasValue = !!v));\n\t}\n}\n"],"names":["KolFormFieldStateWrapperFc","KolInputContainerFc","KolInputStateWrapperFc"],"mappings":"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"}
+{"version":3,"file":"kol-input-text.entry.esm.js","sources":["src/components/input-text/style.scss?tag=kol-input-text&mode=default&encapsulation=shadow","src/components/input-text/shadow.tsx"],"sourcesContent":["@use '../@shared/global' as *;\n@use '../@shared/alert.mixin' as *;\n@use '../@shared/form-field.mixin' as *;\n@use '../@shared/input-container.mixin' as *;\n@use '../@shared/input.mixin' as *;\n@use '../@shared/mixins' as *;\n\n@layer kol-component {\n\t@include kol-alert;\n\t@include kol-form-field;\n\t@include kol-input-container;\n\t@include kol-input;\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Method, Prop, State, Watch } from '@stencil/core';\nimport clsx from '../../utils/clsx';\n\nimport KolFormFieldStateWrapperFc, { type FormFieldStateWrapperProps } from '../../functional-component-wrappers/FormFieldStateWrapper/FormFieldStateWrapper';\nimport KolInputContainerFc from '../../functional-component-wrappers/InputContainerStateWrapper/InputContainerStateWrapper';\nimport KolInputStateWrapperFc, { type InputStateWrapperProps } from '../../functional-component-wrappers/InputStateWrapper/InputStateWrapper';\nimport type {\n\tAccessKeyPropType,\n\tAriaDetailsPropType,\n\tAutoCompletePropType,\n\tClickableElement,\n\tDisabledPropType,\n\tFocusableElement,\n\tHasCounterPropType,\n\tHideLabelPropType,\n\tHideMsgPropType,\n\tHintPropType,\n\tIconsHorizontalPropType,\n\tInputTextAPI,\n\tInputTextStates,\n\tInputTextTypePropType,\n\tInputTypeOnDefault,\n\tInternalButtonProps,\n\tKolFocusOptions,\n\tLabelWithExpertSlotPropType,\n\tMaxLengthBehaviorPropType,\n\tMsgPropType,\n\tNamePropType,\n\tPlaceholderPropType,\n\tReadOnlyPropType,\n\tRequiredPropType,\n\tShortKeyPropType,\n\tSpellCheckPropType,\n\tStringified,\n\tSuggestionsPropType,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n\tVariantClassNamePropType,\n} from '../../schema';\nimport { createRelatedUniqueId, createUniqueId } from '../../utils/dev.utils';\nimport { createCtaRef, delegateClick, delegateFocus } from '../../utils/element-interaction';\nimport { propagateSubmitEventToForm } from '../form/controller';\nimport { InputTextController } from './controller';\n\n/**\n * The **Text** input type creates an input field for plain text, search terms, URLs, or phone numbers.\n *\n * @slot - The label of the input field.\n */\n@Component({\n\ttag: 'kol-input-text',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolInputText implements ClickableElement, FocusableElement, InputTextAPI {\n\t@Element() protected readonly host?: HTMLKolInputTextElement;\n\tprotected readonly ctaRef = createCtaRef<HTMLInputElement>();\n\tprivate oldValue?: string;\n\n\tprivate readonly onBlur = (event: FocusEvent) => {\n\t\tthis.controller.onFacade.onBlur(event);\n\t\tthis.inputHasFocus = false;\n\t};\n\n\tprivate readonly onChange = (event: Event) => {\n\t\tconst value = this.ctaRef.el?.value;\n\n\t\tif (this.oldValue !== value) {\n\t\t\tthis.oldValue = value;\n\t\t}\n\n\t\tthis.controller.onFacade.onChange(event);\n\t};\n\n\tprivate readonly onFocus = (event: FocusEvent) => {\n\t\tthis.controller.onFacade.onFocus(event);\n\t\tthis.inputHasFocus = true;\n\t};\n\n\tprivate readonly onInput = (event: InputEvent) => {\n\t\tthis._value = this.ctaRef.el?.value ?? '';\n\t\tthis.controller.onFacade.onInput(event);\n\t};\n\n\tprivate readonly onKeyDown = (event: KeyboardEvent) => {\n\t\tthis.controller.onFacade.onKeyDown(event);\n\n\t\tif (event.code === 'Enter' || event.code === 'NumpadEnter') {\n\t\t\tpropagateSubmitEventToForm({\n\t\t\t\tform: this.host,\n\t\t\t\tref: this.ctaRef.el,\n\t\t\t});\n\t\t}\n\t};\n\n\t/**\n\t * Returns the current value.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async getValue(): Promise<string | undefined> {\n\t\treturn this.ctaRef.el?.value;\n\t}\n\n\t/**\n\t * Sets focus on the internal element.\n\t */\n\t@Method()\n\t@delegateFocus('ctaRef')\n\t// @ts-expect-error: options parameter will be implemented by the decorator.\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\tpublic async focus(options?: KolFocusOptions): Promise<void> {}\n\n\t/**\n\t * Clicks the primary interactive element inside this component.\n\t */\n\t@Method()\n\t@delegateClick('ctaRef')\n\tpublic async click(): Promise<void> {}\n\n\t/**\n\t * Get selection start of internal element.\n\t */\n\t@Method()\n\tpublic async selectionStart() {\n\t\treturn Promise.resolve(this.ctaRef.el?.selectionStart);\n\t}\n\n\t/**\n\t * Get selection end of internal element.\n\t */\n\t@Method()\n\tpublic async selectionEnd() {\n\t\treturn Promise.resolve(this.ctaRef.el?.selectionEnd);\n\t}\n\n\t/**\n\t * Set selection start and end, and optional in which direction, of internal element; just like https://developer.mozilla.org/docs/Web/API/HTMLInputElement/setSelectionRange\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async setSelectionRange(selectionStart: number, selectionEnd: number, selectionDirection?: 'forward' | 'backward' | 'none') {\n\t\tthis.ctaRef.el?.setSelectionRange(selectionStart, selectionEnd, selectionDirection);\n\t}\n\n\t/**\n\t * Set selection start (and end = start) of internal element.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async setSelectionStart(selectionStart: number) {\n\t\tthis.ctaRef.el?.setSelectionRange(selectionStart, selectionStart);\n\t}\n\n\t/**\n\t * Add string at position of internal element; just like https://developer.mozilla.org/docs/Web/API/HTMLInputElement/setRangeText\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async setRangeText(replacement: string, selectionStart?: number, selectionEnd?: number, selectMode?: 'select' | 'start' | 'end' | 'preserve') {\n\t\tif (selectionStart !== undefined && selectionEnd !== undefined) {\n\t\t\tthis.ctaRef.el?.setRangeText(replacement, selectionStart, selectionEnd, selectMode);\n\t\t} else {\n\t\t\tthis.ctaRef.el?.setRangeText(replacement);\n\t\t}\n\t}\n\n\tprivate getFormFieldProps(): FormFieldStateWrapperProps {\n\t\treturn {\n\t\t\tstate: this.state,\n\t\t\tclass: clsx('kol-input-text', this.state._type as string, {\n\t\t\t\t'has-value': this.state._hasValue,\n\t\t\t\t'kol-form-field--has-counter': this.controller.hasSoftCharacterLimit() || this.controller.hasCounter(),\n\t\t\t}),\n\t\t\ttooltipAlign: this._tooltipAlign,\n\t\t\talert: this.showAsAlert(),\n\t\t};\n\t}\n\n\tprivate getInputProps(): InputStateWrapperProps {\n\t\tconst ariaDescribedBy = typeof this.state._maxLength === 'number' ? [createRelatedUniqueId(this.state._id, 'character-limit-hint')] : undefined; // When a character limit is defined, we provide an additional hint referenced by aria-describedby.\n\n\t\treturn {\n\t\t\tref: this.ctaRef,\n\t\t\tstate: this.state,\n\t\t\tariaDescribedBy,\n\t\t\t...this.controller.onFacade,\n\t\t\tonBlur: this.onBlur,\n\t\t\tonChange: this.onChange,\n\t\t\tonFocus: this.onFocus,\n\t\t\tonInput: this.onInput,\n\t\t\tonKeyDown: this.onKeyDown,\n\t\t};\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<KolFormFieldStateWrapperFc {...this.getFormFieldProps()}>\n\t\t\t\t<KolInputContainerFc state={this.state}>\n\t\t\t\t\t<KolInputStateWrapperFc {...this.getInputProps()} />\n\t\t\t\t</KolInputContainerFc>\n\t\t\t</KolFormFieldStateWrapperFc>\n\t\t);\n\t}\n\n\tprivate readonly controller: InputTextController;\n\n\t/**\n\t * Defines the key combination that can be used to trigger or focus the component's interactive element.\n\t */\n\t@Prop() public _accessKey?: AccessKeyPropType;\n\n\t/**\n\t * Defines whether the input can be auto-completed.\n\t */\n\t@Prop() public _autoComplete?: AutoCompletePropType = 'off';\n\n\t/**\n\t * References an external element by ID that provides accessible details for this input.\n\t */\n\t@Prop() public _ariaDetails?: AriaDetailsPropType;\n\n\t@Watch('_ariaDetails')\n\tpublic validateAriaDetails(value?: AriaDetailsPropType): void {\n\t\tthis.controller.validateAriaDetails(value);\n\t}\n\n\t/**\n\t * Shows a character counter for the input element.\n\t */\n\t@Prop() public _hasCounter?: boolean = false;\n\n\t/**\n\t * Defines the behavior when maxLength is set. 'hard' sets the maxlength attribute, 'soft' shows a character counter without preventing input.\n\t */\n\t@Prop() public _maxLengthBehavior?: MaxLengthBehaviorPropType = 'hard';\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t * @TODO: Change type back to `DisabledPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Hides the error message but leaves it in the DOM for the input's aria-describedby.\n\t * @TODO: Change type back to `HideMsgPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideMsg?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Defines the hint text.\n\t */\n\t@Prop() public _hint?: string = '';\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: IconsHorizontalPropType;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t */\n\t@Prop() public _label!: LabelWithExpertSlotPropType;\n\n\t/**\n\t * Defines the maximum number of input characters.\n\t */\n\t@Prop() public _maxLength?: number;\n\n\t/**\n\t * Defines the properties for a message rendered as Alert component.\n\t */\n\t@Prop() public _msg?: Stringified<MsgPropType>;\n\n\t/**\n\t * Defines the technical name of an input field.\n\t */\n\t@Prop() public _name?: NamePropType;\n\n\t/**\n\t * Gibt die EventCallback-Funktionen für das Input-Event an.\n\t */\n\t@Prop() public _on?: InputTypeOnDefault;\n\n\t/**\n\t * Defines a validation pattern for the input field.\n\t */\n\t@Prop() public _pattern?: string;\n\n\t/**\n\t * Defines the placeholder for input field. To be shown when there's no value.\n\t */\n\t@Prop() public _placeholder?: string;\n\n\t/**\n\t * Makes the input element read only.\n\t * @TODO: Change type back to `ReadOnlyPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _readOnly?: boolean = false;\n\n\t/**\n\t * Makes the input element required.\n\t * @TODO: Change type back to `RequiredPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _required?: boolean = false;\n\n\t/**\n\t * Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.\n\t */\n\t@Prop() public _shortKey?: ShortKeyPropType;\n\n\t/**\n\t * Defines whether the browser should check the spelling and grammar.\n\t */\n\t@Prop() public _spellCheck?: SpellCheckPropType;\n\n\t/**\n\t * Suggestions to provide for the input.\n\t */\n\t@Prop() public _suggestions?: SuggestionsPropType;\n\n\t/**\n\t * Allows to add a button with an arbitrary action within the element (_hide-label only).\n\t */\n\t@Prop() public _smartButton?: Stringified<InternalButtonProps>;\n\n\t/**\n\t * Selector for synchronizing the value with another input element.\n\t * @internal\n\t */\n\t@Prop() public _syncValueBySelector?: SyncValueBySelectorPropType;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/**\n\t * Shows if the input was touched by a user.\n\t * @TODO: Change type back to `TouchedPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _touched?: boolean = false;\n\n\t/**\n\t * Defines either the type of the component or of the components interactive element.\n\t */\n\t@Prop() public _type?: InputTextTypePropType = 'text';\n\n\t/**\n\t * Defines the value of the element.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _value?: string;\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: VariantClassNamePropType;\n\n\t@State() public state: InputTextStates = {\n\t\t_currentLength: 0,\n\t\t_currentLengthDebounced: 0,\n\t\t_hasValue: false,\n\t\t_hideMsg: false,\n\t\t_id: createUniqueId('input-text'),\n\t\t_label: '', // ⚠ required\n\t\t_suggestions: [],\n\t\t_type: 'text',\n\t};\n\n\t@State() private inputHasFocus = false;\n\n\tpublic constructor() {\n\t\tthis.controller = new InputTextController(this, 'text', this.host);\n\t}\n\n\tprivate showAsAlert(): boolean {\n\t\treturn Boolean(this.state._touched) && !this.inputHasFocus;\n\t}\n\n\t@Watch('_accessKey')\n\tpublic validateAccessKey(value?: AccessKeyPropType): void {\n\t\tthis.controller.validateAccessKey(value);\n\t}\n\n\t@Watch('_autoComplete')\n\tpublic validateAutoComplete(value?: AutoCompletePropType): void {\n\t\tthis.controller.validateAutoComplete(value);\n\t}\n\n\t@Watch('_maxLengthBehavior')\n\tpublic validateMaxLengthBehavior(value?: MaxLengthBehaviorPropType): void {\n\t\tthis.controller.validateMaxLengthBehavior(value);\n\t}\n\n\t@Watch('_disabled')\n\tpublic validateDisabled(value?: DisabledPropType): void {\n\t\tthis.controller.validateDisabled(value);\n\t}\n\n\t@Watch('_hideMsg')\n\tpublic validateHideMsg(value?: HideMsgPropType): void {\n\t\tthis.controller.validateHideMsg(value);\n\t}\n\n\t@Watch('_hideLabel')\n\tpublic validateHideLabel(value?: HideLabelPropType): void {\n\t\tthis.controller.validateHideLabel(value);\n\t}\n\n\t@Watch('_hasCounter')\n\tpublic validateHasCounter(value?: HasCounterPropType): void {\n\t\tthis.controller.validateHasCounter(value);\n\t}\n\n\t@Watch('_hint')\n\tpublic validateHint(value?: HintPropType): void {\n\t\tthis.controller.validateHint(value);\n\t}\n\n\t@Watch('_icons')\n\tpublic validateIcons(value?: IconsHorizontalPropType): void {\n\t\tthis.controller.validateIcons(value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tthis.controller.validateLabel(value);\n\t}\n\n\t@Watch('_maxLength')\n\tpublic validateMaxLength(value?: number): void {\n\t\tthis.controller.validateMaxLength(value);\n\t}\n\n\t@Watch('_msg')\n\tpublic validateMsg(value?: Stringified<MsgPropType>): void {\n\t\tthis.controller.validateMsg(value);\n\t}\n\n\t@Watch('_name')\n\tpublic validateName(value?: string): void {\n\t\tthis.controller.validateName(value);\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(value?: InputTypeOnDefault): void {\n\t\tthis.controller.validateOn(value);\n\t}\n\n\t@Watch('_pattern')\n\tpublic validatePattern(value?: string): void {\n\t\tthis.controller.validatePattern(value);\n\t}\n\n\t@Watch('_placeholder')\n\tpublic validatePlaceholder(value?: PlaceholderPropType): void {\n\t\tthis.controller.validatePlaceholder(value);\n\t}\n\n\t@Watch('_readOnly')\n\tpublic validateReadOnly(value?: ReadOnlyPropType): void {\n\t\tthis.controller.validateReadOnly(value);\n\t}\n\n\t@Watch('_required')\n\tpublic validateRequired(value?: RequiredPropType): void {\n\t\tthis.controller.validateRequired(value);\n\t}\n\n\t@Watch('_shortKey')\n\tpublic validateShortKey(value?: ShortKeyPropType): void {\n\t\tthis.controller.validateShortKey(value);\n\t}\n\n\t@Watch('_spellCheck')\n\tpublic validateSpellCheck(value?: SpellCheckPropType): void {\n\t\tthis.controller.validateSpellCheck(value);\n\t}\n\n\t@Watch('_suggestions')\n\tpublic validateSuggestions(value?: SuggestionsPropType): void {\n\t\tthis.controller.validateSuggestions(value);\n\t}\n\n\t@Watch('_smartButton')\n\tpublic validateSmartButton(value?: InternalButtonProps | string): void {\n\t\tthis.controller.validateSmartButton(value);\n\t}\n\n\t@Watch('_syncValueBySelector')\n\tpublic validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void {\n\t\tthis.controller.validateSyncValueBySelector(value);\n\t}\n\n\t@Watch('_touched')\n\tpublic validateTouched(value?: boolean): void {\n\t\tthis.controller.validateTouched(value);\n\t}\n\n\t@Watch('_type')\n\tpublic validateType(value?: InputTextTypePropType): void {\n\t\tthis.controller.validateType(value);\n\t}\n\n\t@Watch('_value')\n\tpublic validateValue(value?: string): void {\n\t\tthis.controller.validateValue(value);\n\t\tthis.oldValue = value;\n\t}\n\n\t@Watch('_variant')\n\tpublic validateVariant(value?: VariantClassNamePropType): void {\n\t\tthis.controller.validateVariant(value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateAriaDetails(this._ariaDetails);\n\n\t\tthis._touched = this._touched === true;\n\t\tthis.oldValue = this._value;\n\t\tthis.controller.componentWillLoad();\n\n\t\tthis.state._hasValue = !!this.state._value;\n\t\tthis.controller.addValueChangeListener((v) => (this.state._hasValue = !!v));\n\t}\n}\n"],"names":["KolFormFieldStateWrapperFc","KolInputContainerFc","KolInputStateWrapperFc"],"mappings":"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"}

package/dist/kolibri/kol-input-text.entry.js

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as n,r as e,g as t}from"./index-DqvPZ16l.js";import{_ as o}from"./tslib.es6-QNbPBOk5.js";import{c as i}from"./clsx-COFh-Vc8.js";import{F as a}from"./FormFieldStateWrapper-C31luuWs.js";import{a as l}from"./controller-icon-D3_aQk9W.js";import{I as s}from"./InputStateWrapper-CcDZH7W5.js";import{a as r,c}from"./dev.utils-Cv9uCwkA.js";import{d,a as h,c as m}from"./element-interaction-C5-6aPzz.js";import{p}from"./controller-D0y9uwX0.js";import{a as f}from"./controller-B4DO-yV0.js";import"./common-DEEjER7G.js";import"./access-and-short-key-CnWGdP5U.js";import"./disabled-CtaJsBT2.js";import"./hide-label-CWFMK5Iz.js";import"./label-Cg7TG_7b.js";import"./tooltip-align-DzHPWEpv.js";import"./align-ChLoh-Dq.js";import"./variant-class-name-CkfE8oGZ.js";import"./events-BhfZTW2e.js";import"./associated.controller-D55JWKjs.js";import"./bootstrap-UOb6OarC.js";import"./component-names-Dy77vq43.js";import"./i18n-B2d_exHc.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";import"./variant-quote-BMV8GZX8.js";import"./normalizers-pgU77mXp.js";import"./component-BFsdrctP.js";import"./component-4RtkhTfb.js";import"./bem-registry-B9CzNnO1.js";import"./component-ijX_kUom.js";import"./controller-oT8Y98Yc.js";import"./align-floating-elements-DTTpkCAK.js";import"./tooltip-open-tracking-D3tCiiGP.js";import"./label-DPd4-fag.js";import"./base-controller-CXhqh4cR.js";import"./i18n-CaL2ODdQ.js";import"./Alert-2bYvhb8i.js";import"./Heading-C9p_CRv4.js";import"./icons-DOGnS2Iv.js";import"./Input-CwcyFZhB.js";import"./element-focus-BQXzaLL9.js";import"./spell-check-CSnDB95u.js";import"./suggestions-Cnn1r8zc.js";import"./controller-CcrsrzWi.js";import"./auto-complete-CrQJr3SH.js";import"./max-length-behavior-426q5CU6.js";import"./placeholder-CSgrK1Zh.js";import"./read-only-DyuIPHMt.js";import"./required-DAsW5lI1.js";const u='@charset "UTF-8";\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\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     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\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 to-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 text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\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(16 * 1rem / 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  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1780919027063"); /* IE9*/\n  src: url("kolicons.eot?t=1780919027063#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1780919027063") format("woff2"), url("kolicons.woff?t=1780919027063") format("woff"), url("kolicons.ttf?t=1780919027063") format("truetype"), url("kolicons.svg?t=1780919027063#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: black;\n    background-color: white;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: black;\n    background-color: white;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-alert .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-alert :host {\n    display: inline-block;\n  }\n  .kol-alert .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-alert .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-alert .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    display: grid;\n  }\n  .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\n    cursor: pointer;\n  }\n  .kol-form-field__label-text {\n    flex-flow: row;\n    align-items: flex-start;\n    justify-content: flex-start;\n  }\n  .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden])::after,\n  .kol-form-field--required .kol-tooltip__content .kol-span__label::after {\n    content: "*"/"";\n  }\n  .kol-input-container {\n    background-color: transparent;\n    display: grid;\n    position: relative;\n    width: 100%;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    grid-template-columns: 1fr;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--start) {\n    grid-template-columns: auto 1fr auto;\n  }\n  .kol-input-container__container {\n    position: relative;\n    z-index: 1;\n  }\n  .kol-input-container__adornment {\n    display: flex;\n    align-items: center;\n  }\n  .kol-input-container__adornment .kol-icon {\n    display: grid;\n    min-height: var(--a11y-min-size);\n    place-items: center;\n  }\n  .kol-input {\n    background-color: transparent;\n    width: 100%;\n    min-width: var(--a11y-min-size);\n  }\n  .kol-input:focus {\n    outline: none;\n  }\n}';const b=class{async getValue(){var n;return(n=this.ctaRef.el)===null||n===void 0?void 0:n.value}async focus(n){}async click(){}async selectionStart(){var n;return Promise.resolve((n=this.ctaRef.el)===null||n===void 0?void 0:n.selectionStart)}async selectionEnd(){var n;return Promise.resolve((n=this.ctaRef.el)===null||n===void 0?void 0:n.selectionEnd)}async setSelectionRange(n,e,t){var o;(o=this.ctaRef.el)===null||o===void 0?void 0:o.setSelectionRange(n,e,t)}async setSelectionStart(n){var e;(e=this.ctaRef.el)===null||e===void 0?void 0:e.setSelectionRange(n,n)}async setRangeText(n,e,t,o){var i,a;if(e!==undefined&&t!==undefined){(i=this.ctaRef.el)===null||i===void 0?void 0:i.setRangeText(n,e,t,o)}else{(a=this.ctaRef.el)===null||a===void 0?void 0:a.setRangeText(n)}}getFormFieldProps(){return{state:this.state,class:i("kol-input-text",this.state._type,{"has-value":this.state._hasValue,"kol-form-field--has-counter":this.controller.hasSoftCharacterLimit()||this.controller.hasCounter()}),tooltipAlign:this._tooltipAlign,alert:this.showAsAlert()}}getInputProps(){const n=typeof this.state._maxLength==="number"?[r(this.state._id,"character-limit-hint")]:undefined;return Object.assign(Object.assign({ref:this.ctaRef,state:this.state,ariaDescribedBy:n},this.controller.onFacade),{onBlur:this.onBlur,onChange:this.onChange,onFocus:this.onFocus,onInput:this.onInput,onKeyDown:this.onKeyDown})}render(){return n(a,Object.assign({key:"f916b5fc7d8b75363ed424073a1bbc148910baa7"},this.getFormFieldProps()),n(l,{key:"73c4d7e43d2be5a8d14fcd704011f15d98429d48",state:this.state},n(s,Object.assign({key:"f52d7ff366664842dd6b49deeae473945899eac8"},this.getInputProps()))))}constructor(n){e(this,n);this.ctaRef=m();this.onBlur=n=>{this.controller.onFacade.onBlur(n);this.inputHasFocus=false};this.onChange=n=>{var e;const t=(e=this.ctaRef.el)===null||e===void 0?void 0:e.value;if(this.oldValue!==t){this.oldValue=t}this.controller.onFacade.onChange(n)};this.onFocus=n=>{this.controller.onFacade.onFocus(n);this.inputHasFocus=true};this.onInput=n=>{var e,t;this._value=(t=(e=this.ctaRef.el)===null||e===void 0?void 0:e.value)!==null&&t!==void 0?t:"";this.controller.onFacade.onInput(n)};this.onKeyDown=n=>{this.controller.onFacade.onKeyDown(n);if(n.code==="Enter"||n.code==="NumpadEnter"){p({form:this.host})}};this._autoComplete="off";this._hasCounter=false;this._maxLengthBehavior="hard";this._disabled=false;this._hideMsg=false;this._hideLabel=false;this._hint="";this._readOnly=false;this._required=false;this._tooltipAlign="top";this._touched=false;this._type="text";this.state={_currentLength:0,_currentLengthDebounced:0,_hasValue:false,_hideMsg:false,_id:c("input-text"),_label:"",_suggestions:[],_type:"text"};this.inputHasFocus=false;this.controller=new f(this,"text",this.host)}showAsAlert(){return Boolean(this.state._touched)&&!this.inputHasFocus}validateAccessKey(n){this.controller.validateAccessKey(n)}validateAutoComplete(n){this.controller.validateAutoComplete(n)}validateMaxLengthBehavior(n){this.controller.validateMaxLengthBehavior(n)}validateDisabled(n){this.controller.validateDisabled(n)}validateHideMsg(n){this.controller.validateHideMsg(n)}validateHideLabel(n){this.controller.validateHideLabel(n)}validateHasCounter(n){this.controller.validateHasCounter(n)}validateHint(n){this.controller.validateHint(n)}validateIcons(n){this.controller.validateIcons(n)}validateLabel(n){this.controller.validateLabel(n)}validateMaxLength(n){this.controller.validateMaxLength(n)}validateMsg(n){this.controller.validateMsg(n)}validateName(n){this.controller.validateName(n)}validateOn(n){this.controller.validateOn(n)}validatePattern(n){this.controller.validatePattern(n)}validatePlaceholder(n){this.controller.validatePlaceholder(n)}validateReadOnly(n){this.controller.validateReadOnly(n)}validateRequired(n){this.controller.validateRequired(n)}validateShortKey(n){this.controller.validateShortKey(n)}validateSpellCheck(n){this.controller.validateSpellCheck(n)}validateSuggestions(n){this.controller.validateSuggestions(n)}validateSmartButton(n){this.controller.validateSmartButton(n)}validateSyncValueBySelector(n){this.controller.validateSyncValueBySelector(n)}validateTouched(n){this.controller.validateTouched(n)}validateType(n){this.controller.validateType(n)}validateValue(n){this.controller.validateValue(n);this.oldValue=n}validateVariant(n){this.controller.validateVariant(n)}componentWillLoad(){this._touched=this._touched===true;this.oldValue=this._value;this.controller.componentWillLoad();this.state._hasValue=!!this.state._value;this.controller.addValueChangeListener((n=>this.state._hasValue=!!n))}get host(){return t(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_autoComplete:["validateAutoComplete"],_maxLengthBehavior:["validateMaxLengthBehavior"],_disabled:["validateDisabled"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hasCounter:["validateHasCounter"],_hint:["validateHint"],_icons:["validateIcons"],_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"],_touched:["validateTouched"],_type:["validateType"],_value:["validateValue"],_variant:["validateVariant"]}}};o([d("ctaRef")],b.prototype,"focus",null);o([h("ctaRef")],b.prototype,"click",null);b.style={default:u};export{b as kol_input_text};
+import{h as n,r as e,g as t}from"./index-CfYfRjdO.js";import{_ as o}from"./tslib.es6-QNbPBOk5.js";import{c as i}from"./clsx-COFh-Vc8.js";import{F as a}from"./FormFieldStateWrapper-DCZ5A-2U.js";import{a as l}from"./controller-icon-DktA_QxA.js";import{I as r}from"./InputStateWrapper-C_rqkRKc.js";import{a as s,c}from"./dev.utils-CBuLoTMV.js";import{d,a as h,c as m}from"./element-interaction-C5-6aPzz.js";import{p}from"./controller-9xFQ1gbO.js";import{a as f}from"./controller-lZW7O5A_.js";import"./common-Cbb6Axov.js";import"./access-and-short-key-DzjVTrop.js";import"./disabled-DfW4ft-F.js";import"./hide-label-BDwvU6I8.js";import"./label-We78Dt9U.js";import"./tooltip-align-LkJ2mgrc.js";import"./align-BdqBkiyq.js";import"./variant-class-name-D8tvX7Qv.js";import"./events-BhfZTW2e.js";import"./associated.controller-yo_yku-m.js";import"./aria-details-Ddidnfeo.js";import"./aria-labelledby-6-ki3akM.js";import"./bootstrap-wNRvSYNh.js";import"./component-names-Dy77vq43.js";import"./i18n-CMA39edx.js";import"./_Uint8Array-kJHDjtoP.js";import"./isArray-CcrBs4JM.js";import"./base-web-component-BCIMb9gN.js";import"./normalizers-iLdS6AQE.js";import"./component-BX1n4r9q.js";import"./component-CKSOghiT.js";import"./bem-registry-BRfTMZf0.js";import"./component-DaUkSW3u.js";import"./controller-BUTW5QfH.js";import"./align-floating-elements-Xqbu3THH.js";import"./tooltip-open-tracking-D3tCiiGP.js";import"./label-BwPy2Jd4.js";import"./base-controller-CXhqh4cR.js";import"./i18n-CcjZRTxD.js";import"./Alert-DlY1Cd8i.js";import"./Heading-Bi9MCxAk.js";import"./icons-BGkS8g2K.js";import"./Input-BckuoFWy.js";import"./element-focus-BQXzaLL9.js";import"./spell-check-xh2ex2eu.js";import"./suggestions-D4UUoZGS.js";import"./controller-OMZJeKEr.js";import"./auto-complete-CyU7zRoT.js";import"./max-length-behavior-DwaNVm5b.js";import"./placeholder-fpeae7fK.js";import"./read-only-CfWFpOKr.js";import"./required-BYwM0tPO.js";const u='@charset "UTF-8";\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     *\n     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser\'s\n     * rounding, dropping just below the required minimum.\n     */\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\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     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\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 to-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 text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\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(16 * 1rem / 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  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1783496448056"); /* IE9*/\n  src: url("kolicons.eot?t=1783496448056#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1783496448056") format("woff2"), url("kolicons.woff?t=1783496448056") format("woff"), url("kolicons.ttf?t=1783496448056") format("truetype"), url("kolicons.svg?t=1783496448056#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: black;\n    background-color: white;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: black;\n    background-color: white;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-alert .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-alert :host {\n    display: inline-block;\n  }\n  .kol-alert .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-alert .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "​";\n  }\n  .kol-alert .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    display: grid;\n  }\n  .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\n    cursor: pointer;\n  }\n  .kol-form-field__label-text {\n    flex-flow: row;\n    align-items: flex-start;\n    justify-content: flex-start;\n  }\n  .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden])::after,\n  .kol-form-field--required .kol-form-field .kol-tooltip__content .kol-span__label::after {\n    content: "*"/"";\n  }\n  .kol-input-container {\n    background-color: transparent;\n    display: grid;\n    position: relative;\n    width: 100%;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    grid-template-columns: 1fr;\n  }\n  .kol-input-container:has(> .kol-input-container__adornment--start) {\n    grid-template-columns: auto 1fr auto;\n  }\n  .kol-input-container__container {\n    position: relative;\n    z-index: 1;\n  }\n  .kol-input-container__adornment {\n    display: flex;\n    align-items: center;\n  }\n  .kol-input-container__adornment .kol-icon {\n    display: grid;\n    min-height: var(--a11y-min-size);\n    place-items: center;\n  }\n  .kol-input {\n    background-color: transparent;\n    width: 100%;\n    min-width: var(--a11y-min-size);\n  }\n  .kol-input:focus {\n    outline: none;\n  }\n}';const b=class{async getValue(){var n;return(n=this.ctaRef.el)===null||n===void 0?void 0:n.value}async focus(n){}async click(){}async selectionStart(){var n;return Promise.resolve((n=this.ctaRef.el)===null||n===void 0?void 0:n.selectionStart)}async selectionEnd(){var n;return Promise.resolve((n=this.ctaRef.el)===null||n===void 0?void 0:n.selectionEnd)}async setSelectionRange(n,e,t){var o;(o=this.ctaRef.el)===null||o===void 0?void 0:o.setSelectionRange(n,e,t)}async setSelectionStart(n){var e;(e=this.ctaRef.el)===null||e===void 0?void 0:e.setSelectionRange(n,n)}async setRangeText(n,e,t,o){var i,a;if(e!==undefined&&t!==undefined){(i=this.ctaRef.el)===null||i===void 0?void 0:i.setRangeText(n,e,t,o)}else{(a=this.ctaRef.el)===null||a===void 0?void 0:a.setRangeText(n)}}getFormFieldProps(){return{state:this.state,class:i("kol-input-text",this.state._type,{"has-value":this.state._hasValue,"kol-form-field--has-counter":this.controller.hasSoftCharacterLimit()||this.controller.hasCounter()}),tooltipAlign:this._tooltipAlign,alert:this.showAsAlert()}}getInputProps(){const n=typeof this.state._maxLength==="number"?[s(this.state._id,"character-limit-hint")]:undefined;return Object.assign(Object.assign({ref:this.ctaRef,state:this.state,ariaDescribedBy:n},this.controller.onFacade),{onBlur:this.onBlur,onChange:this.onChange,onFocus:this.onFocus,onInput:this.onInput,onKeyDown:this.onKeyDown})}render(){return n(a,Object.assign({key:"ca2182ec192a54f1effab268e269e99d5774947a"},this.getFormFieldProps()),n(l,{key:"b7d6dd863fe609d3d08f51fef0c2621d08c585d0",state:this.state},n(r,Object.assign({key:"d8b302a685f0606666a33d553882b3759a2a400b"},this.getInputProps()))))}validateAriaDetails(n){this.controller.validateAriaDetails(n)}constructor(n){e(this,n);this.ctaRef=m();this.onBlur=n=>{this.controller.onFacade.onBlur(n);this.inputHasFocus=false};this.onChange=n=>{var e;const t=(e=this.ctaRef.el)===null||e===void 0?void 0:e.value;if(this.oldValue!==t){this.oldValue=t}this.controller.onFacade.onChange(n)};this.onFocus=n=>{this.controller.onFacade.onFocus(n);this.inputHasFocus=true};this.onInput=n=>{var e,t;this._value=(t=(e=this.ctaRef.el)===null||e===void 0?void 0:e.value)!==null&&t!==void 0?t:"";this.controller.onFacade.onInput(n)};this.onKeyDown=n=>{this.controller.onFacade.onKeyDown(n);if(n.code==="Enter"||n.code==="NumpadEnter"){p({form:this.host})}};this._autoComplete="off";this._hasCounter=false;this._maxLengthBehavior="hard";this._disabled=false;this._hideMsg=false;this._hideLabel=false;this._hint="";this._readOnly=false;this._required=false;this._tooltipAlign="top";this._touched=false;this._type="text";this.state={_currentLength:0,_currentLengthDebounced:0,_hasValue:false,_hideMsg:false,_id:c("input-text"),_label:"",_suggestions:[],_type:"text"};this.inputHasFocus=false;this.controller=new f(this,"text",this.host)}showAsAlert(){return Boolean(this.state._touched)&&!this.inputHasFocus}validateAccessKey(n){this.controller.validateAccessKey(n)}validateAutoComplete(n){this.controller.validateAutoComplete(n)}validateMaxLengthBehavior(n){this.controller.validateMaxLengthBehavior(n)}validateDisabled(n){this.controller.validateDisabled(n)}validateHideMsg(n){this.controller.validateHideMsg(n)}validateHideLabel(n){this.controller.validateHideLabel(n)}validateHasCounter(n){this.controller.validateHasCounter(n)}validateHint(n){this.controller.validateHint(n)}validateIcons(n){this.controller.validateIcons(n)}validateLabel(n){this.controller.validateLabel(n)}validateMaxLength(n){this.controller.validateMaxLength(n)}validateMsg(n){this.controller.validateMsg(n)}validateName(n){this.controller.validateName(n)}validateOn(n){this.controller.validateOn(n)}validatePattern(n){this.controller.validatePattern(n)}validatePlaceholder(n){this.controller.validatePlaceholder(n)}validateReadOnly(n){this.controller.validateReadOnly(n)}validateRequired(n){this.controller.validateRequired(n)}validateShortKey(n){this.controller.validateShortKey(n)}validateSpellCheck(n){this.controller.validateSpellCheck(n)}validateSuggestions(n){this.controller.validateSuggestions(n)}validateSmartButton(n){this.controller.validateSmartButton(n)}validateSyncValueBySelector(n){this.controller.validateSyncValueBySelector(n)}validateTouched(n){this.controller.validateTouched(n)}validateType(n){this.controller.validateType(n)}validateValue(n){this.controller.validateValue(n);this.oldValue=n}validateVariant(n){this.controller.validateVariant(n)}componentWillLoad(){this.validateAriaDetails(this._ariaDetails);this._touched=this._touched===true;this.oldValue=this._value;this.controller.componentWillLoad();this.state._hasValue=!!this.state._value;this.controller.addValueChangeListener((n=>this.state._hasValue=!!n))}get host(){return t(this)}static get watchers(){return{_ariaDetails:["validateAriaDetails"],_accessKey:["validateAccessKey"],_autoComplete:["validateAutoComplete"],_maxLengthBehavior:["validateMaxLengthBehavior"],_disabled:["validateDisabled"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hasCounter:["validateHasCounter"],_hint:["validateHint"],_icons:["validateIcons"],_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"],_touched:["validateTouched"],_type:["validateType"],_value:["validateValue"],_variant:["validateVariant"]}}};o([d("ctaRef")],b.prototype,"focus",null);o([h("ctaRef")],b.prototype,"click",null);b.style={default:u};export{b as kol_input_text};
 //# sourceMappingURL=kol-input-text.entry.js.map

package/dist/kolibri/kol-input-text.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["h","registerInstance","getElement","__decorate","clsx","FormFieldStateWrapper","InputContainerStateWrapperFc","InputStateWrapper","createRelatedUniqueId","createUniqueId","delegateFocus","delegateClick","createCtaRef","propagateSubmitEventToForm","InputTextController","defaultStyleCss","KolInputText","getValue","_a","this","ctaRef","el","value","focus","options","click","selectionStart","Promise","resolve","selectionEnd","setSelectionRange","selectionDirection","setSelectionStart","setRangeText","replacement","selectMode","_b","undefined","getFormFieldProps","state","class","_type","_hasValue","controller","hasSoftCharacterLimit","hasCounter","tooltipAlign","_tooltipAlign","alert","showAsAlert","getInputProps","ariaDescribedBy","_maxLength","_id","Object","assign","ref","onFacade","onBlur","onChange","onFocus","onInput","onKeyDown","render","key","constructor","hostRef","event","inputHasFocus","oldValue","_value","code","form","host","_autoComplete","_hasCounter","_maxLengthBehavior","_disabled","_hideMsg","_hideLabel","_hint","_readOnly","_required","_touched","_currentLength","_currentLengthDebounced","_label","_suggestions","Boolean","validateAccessKey","validateAutoComplete","validateMaxLengthBehavior","validateDisabled","validateHideMsg","validateHideLabel","validateHasCounter","validateHint","validateIcons","validateLabel","validateMaxLength","validateMsg","validateName","validateOn","validatePattern","validatePlaceholder","validateReadOnly","validateRequired","validateShortKey","validateSpellCheck","validateSuggestions","validateSmartButton","validateSyncValueBySelector","validateTouched","validateType","validateValue","validateVariant","componentWillLoad","addValueChangeListener","v","watchers","_accessKey","_icons","_msg","_name","_on","_pattern","_placeholder","_shortKey","_spellCheck","_smartButton","_syncValueBySelector","_variant","prototype","style","default"],"sources":["0"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["h","registerInstance","getElement","__decorate","clsx","FormFieldStateWrapper","InputContainerStateWrapperFc","InputStateWrapper","createRelatedUniqueId","createUniqueId","delegateFocus","delegateClick","createCtaRef","propagateSubmitEventToForm","InputTextController","defaultStyleCss","KolInputText","getValue","_a","this","ctaRef","el","value","focus","options","click","selectionStart","Promise","resolve","selectionEnd","setSelectionRange","selectionDirection","setSelectionStart","setRangeText","replacement","selectMode","_b","undefined","getFormFieldProps","state","class","_type","_hasValue","controller","hasSoftCharacterLimit","hasCounter","tooltipAlign","_tooltipAlign","alert","showAsAlert","getInputProps","ariaDescribedBy","_maxLength","_id","Object","assign","ref","onFacade","onBlur","onChange","onFocus","onInput","onKeyDown","render","key","validateAriaDetails","constructor","hostRef","event","inputHasFocus","oldValue","_value","code","form","host","_autoComplete","_hasCounter","_maxLengthBehavior","_disabled","_hideMsg","_hideLabel","_hint","_readOnly","_required","_touched","_currentLength","_currentLengthDebounced","_label","_suggestions","Boolean","validateAccessKey","validateAutoComplete","validateMaxLengthBehavior","validateDisabled","validateHideMsg","validateHideLabel","validateHasCounter","validateHint","validateIcons","validateLabel","validateMaxLength","validateMsg","validateName","validateOn","validatePattern","validatePlaceholder","validateReadOnly","validateRequired","validateShortKey","validateSpellCheck","validateSuggestions","validateSmartButton","validateSyncValueBySelector","validateTouched","validateType","validateValue","validateVariant","componentWillLoad","_ariaDetails","addValueChangeListener","v","watchers","_accessKey","_icons","_msg","_name","_on","_pattern","_placeholder","_shortKey","_spellCheck","_smartButton","_syncValueBySelector","_variant","prototype","style","default"],"sources":["0"],"mappings":"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","ignoreList":[]}

package/dist/kolibri/kol-kolibri.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"kol-kolibri.entry.esm.js","sources":["src/components/kolibri/style.scss?tag=kol-kolibri&mode=default&encapsulation=shadow","src/components/kolibri/shadow.tsx"],"sourcesContent":["@use '../@shared/mixins' as *;\n@use '../@shared/global' as *;\n\n@layer kol-component {\n\t.kol-kolibri {\n\t\tdisplay: inline-block;\n\t\tmax-height: 100%;\n\n\t\t&__text {\n\t\t\tfont-size: to-rem(90);\n\t\t\tletter-spacing: normal;\n\t\t\tword-spacing: normal;\n\t\t}\n\t}\n}\n","import { Component, Prop, State, Watch, h } from '@stencil/core';\nimport { devHint, validateColor, watchBoolean } from '../../schema';\n\nimport { translate } from '../../i18n';\n\nimport type { JSX } from '@stencil/core';\nimport type { Generic } from 'adopted-style-sheets';\n\nimport rgba from 'color-rgba';\nimport type { KolibriAPI, KolibriStates, PropColor, Stringified } from '../../schema';\n\n@Component({\n\ttag: 'kol-kolibri',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolKolibri implements KolibriAPI {\n\tprivate readonly translateKolibriLogo = translate('kol-kolibri-logo');\n\tpublic render(): JSX.Element {\n\t\tconst fillColor = `rgb(${this.state._color.red},${this.state._color.green},${this.state._color.blue})`;\n\t\treturn (\n\t\t\t<svg class=\"kol-kolibri\" role=\"img\" aria-label={this.translateKolibriLogo} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 600 600\" fill={fillColor}>\n\t\t\t\t<path d=\"M353 322L213 304V434L353 322Z\" />\n\t\t\t\t<path d=\"M209 564V304L149 434L209 564Z\" />\n\t\t\t\t<path d=\"M357 316L417 250L361 210L275 244L357 316Z\" />\n\t\t\t\t<path d=\"M329 218L237 92L250 222L272 241L329 218Z\" />\n\t\t\t\t<path d=\"M353 318L35 36L213 300L353 318Z\" />\n\t\t\t\t<path d=\"M391 286L565 272L421 252L391 286Z\" />\n\t\t\t\t{this.state._labeled === true && (\n\t\t\t\t\t<text class=\"kol-kolibri__text\" x=\"250\" y=\"525\" fill={fillColor}>\n\t\t\t\t\t\tKoliBri\n\t\t\t\t\t</text>\n\t\t\t\t)}\n\t\t\t</svg>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the color of the logo and label.\n\t */\n\t@Prop() public _color?: Stringified<PropColor> = '#003c78';\n\n\t/**\n\t * Defines whether the component has a label.\n\t */\n\t@Prop() public _labeled?: boolean = true;\n\n\t@State() public state: KolibriStates = {\n\t\t_color: {\n\t\t\tred: 0,\n\t\t\tgreen: 60,\n\t\t\tblue: 120,\n\t\t},\n\t\t_labeled: true,\n\t};\n\n\tprivate handleColorChange: Generic.Element.NextStateHooksCallback = (nextValue: unknown, nextState: Map<string, unknown>): void => {\n\t\tif (typeof nextValue === 'string') {\n\t\t\tconst rgb = rgba(nextValue);\n\t\t\tnextState.set('_color', {\n\t\t\t\tred: rgb[0],\n\t\t\t\tgreen: rgb[1],\n\t\t\t\tblue: rgb[2],\n\t\t\t});\n\t\t} else {\n\t\t\tdevHint(`[KolKolibri] You used the complex color schema. For the KoliBri we use need the color as hex string.`);\n\t\t}\n\t};\n\n\t@Watch('_color')\n\tpublic validateColor(value?: Stringified<PropColor>): void {\n\t\tvalidateColor(this, value, {\n\t\t\tdefaultValue: '#003c78',\n\t\t\thooks: {\n\t\t\t\tbeforePatch: this.handleColorChange,\n\t\t\t},\n\t\t});\n\t}\n\n\t@Watch('_labeled')\n\tpublic validateLabeled(value?: boolean): void {\n\t\twatchBoolean(this, '_labeled', value, {\n\t\t\tdefaultValue: true,\n\t\t});\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateColor(this._color);\n\t\tthis.validateLabeled(this._labeled);\n\t}\n}\n"],"names":[],"mappings":";;;;;;;;;;AAAA,MAAM,eAAe,GAAG,s+KAAs+K;;MCkBj/K,UAAU,GAAA,MAAA;AAPvB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAQkB,QAAA,IAAA,CAAA,oBAAoB,GAAG,SAAS,CAAC,kBAAkB,CAAC;AAuBtD,QAAA,IAAM,CAAA,MAAA,GAA4B,SAAS;AAK3C,QAAA,IAAQ,CAAA,QAAA,GAAa,IAAI;QAExB,IAAA,CAAA,KAAK,GAAkB;AACtC,YAAA,MAAM,EAAE;AACP,gBAAA,GAAG,EAAE,CAAC;AACN,gBAAA,KAAK,EAAE,EAAE;AACT,gBAAA,IAAI,EAAE,GAAG;AACT,aAAA;AACD,YAAA,QAAQ,EAAE,IAAI;SACd;QAEO,IAAA,CAAA,iBAAiB,GAA2C,CAAC,SAAkB,EAAE,SAA+B,KAAU;AACjI,YAAA,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;AAClC,gBAAA,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC;AAC3B,gBAAA,SAAS,CAAC,GAAG,CAAC,QAAQ,EAAE;AACvB,oBAAA,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;AACX,oBAAA,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC;AACb,oBAAA,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC;AACZ,iBAAA,CAAC;;iBACI;gBACN,OAAO,CAAC,CAAsG,oGAAA,CAAA,CAAC;;AAEjH,SAAC;AAuBD;IAxEO,MAAM,GAAA;QACZ,MAAM,SAAS,GAAG,CAAA,IAAA,EAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAA,CAAA,EAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAA,CAAA,EAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAA,CAAA,CAAG;AACtG,QAAA,QACC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,KAAK,EAAA,YAAA,EAAa,IAAI,CAAC,oBAAoB,EAAE,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,aAAa,EAAC,IAAI,EAAE,SAAS,EAAA,EAClJ,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAC,EAAC,+BAA+B,EAAG,CAAA,EAC1C,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAC,EAAC,+BAA+B,EAAG,CAAA,EAC1C,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAC,EAAC,2CAA2C,EAAG,CAAA,EACtD,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAC,EAAC,0CAA0C,EAAG,CAAA,EACrD,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAC,EAAC,iCAAiC,EAAG,CAAA,EAC5C,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAC,EAAC,mCAAmC,EAAG,CAAA,EAC7C,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,IAAI,KAC5B,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mBAAmB,EAAC,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,IAAI,EAAE,SAAS,EAExD,EAAA,SAAA,CAAA,CACP,CACI;;AAqCD,IAAA,aAAa,CAAC,KAA8B,EAAA;AAClD,QAAA,aAAa,CAAC,IAAI,EAAE,KAAK,EAAE;AAC1B,YAAA,YAAY,EAAE,SAAS;AACvB,YAAA,KAAK,EAAE;gBACN,WAAW,EAAE,IAAI,CAAC,iBAAiB;AACnC,aAAA;AACD,SAAA,CAAC;;AAII,IAAA,eAAe,CAAC,KAAe,EAAA;AACrC,QAAA,YAAY,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE;AACrC,YAAA,YAAY,EAAE,IAAI;AAClB,SAAA,CAAC;;IAGI,iBAAiB,GAAA;AACvB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC;AAC/B,QAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC;;;;;;;;;;;;;"}
+{"version":3,"file":"kol-kolibri.entry.esm.js","sources":["src/components/kolibri/style.scss?tag=kol-kolibri&mode=default&encapsulation=shadow","src/components/kolibri/shadow.tsx"],"sourcesContent":["@use '../@shared/mixins' as *;\n@use '../@shared/global' as *;\n\n@layer kol-component {\n\t.kol-kolibri {\n\t\tdisplay: inline-block;\n\t\tmax-height: 100%;\n\n\t\t&__text {\n\t\t\tfont-size: to-rem(90);\n\t\t\tletter-spacing: normal;\n\t\t\tword-spacing: normal;\n\t\t}\n\t}\n}\n","import { Component, Prop, State, Watch, h } from '@stencil/core';\nimport { devHint, validateColor, watchBoolean } from '../../schema';\n\nimport { translate } from '../../i18n';\n\nimport type { JSX } from '@stencil/core';\nimport type { Generic } from 'adopted-style-sheets';\n\nimport rgba from 'color-rgba';\nimport type { KolibriAPI, KolibriStates, PropColor, Stringified } from '../../schema';\n\n@Component({\n\ttag: 'kol-kolibri',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolKolibri implements KolibriAPI {\n\tprivate readonly translateKolibriLogo = translate('kol-kolibri-logo');\n\tpublic render(): JSX.Element {\n\t\tconst fillColor = `rgb(${this.state._color.red},${this.state._color.green},${this.state._color.blue})`;\n\t\treturn (\n\t\t\t<svg class=\"kol-kolibri\" role=\"img\" aria-label={this.translateKolibriLogo} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 600 600\" fill={fillColor}>\n\t\t\t\t<path d=\"M353 322L213 304V434L353 322Z\" />\n\t\t\t\t<path d=\"M209 564V304L149 434L209 564Z\" />\n\t\t\t\t<path d=\"M357 316L417 250L361 210L275 244L357 316Z\" />\n\t\t\t\t<path d=\"M329 218L237 92L250 222L272 241L329 218Z\" />\n\t\t\t\t<path d=\"M353 318L35 36L213 300L353 318Z\" />\n\t\t\t\t<path d=\"M391 286L565 272L421 252L391 286Z\" />\n\t\t\t\t{this.state._labeled === true && (\n\t\t\t\t\t<text class=\"kol-kolibri__text\" x=\"250\" y=\"525\" fill={fillColor}>\n\t\t\t\t\t\tKoliBri\n\t\t\t\t\t</text>\n\t\t\t\t)}\n\t\t\t</svg>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the color of the logo and label.\n\t */\n\t@Prop() public _color?: Stringified<PropColor> = '#003c78';\n\n\t/**\n\t * Defines whether the component has a label.\n\t */\n\t@Prop() public _labeled?: boolean = true;\n\n\t@State() public state: KolibriStates = {\n\t\t_color: {\n\t\t\tred: 0,\n\t\t\tgreen: 60,\n\t\t\tblue: 120,\n\t\t},\n\t\t_labeled: true,\n\t};\n\n\tprivate handleColorChange: Generic.Element.NextStateHooksCallback = (nextValue: unknown, nextState: Map<string, unknown>): void => {\n\t\tif (typeof nextValue === 'string') {\n\t\t\tconst rgb = rgba(nextValue);\n\t\t\tnextState.set('_color', {\n\t\t\t\tred: rgb[0],\n\t\t\t\tgreen: rgb[1],\n\t\t\t\tblue: rgb[2],\n\t\t\t});\n\t\t} else {\n\t\t\tdevHint(`[KolKolibri] You used the complex color schema. For the KoliBri we use need the color as hex string.`);\n\t\t}\n\t};\n\n\t@Watch('_color')\n\tpublic validateColor(value?: Stringified<PropColor>): void {\n\t\tvalidateColor(this, value, {\n\t\t\tdefaultValue: '#003c78',\n\t\t\thooks: {\n\t\t\t\tbeforePatch: this.handleColorChange,\n\t\t\t},\n\t\t});\n\t}\n\n\t@Watch('_labeled')\n\tpublic validateLabeled(value?: boolean): void {\n\t\twatchBoolean(this, '_labeled', value, {\n\t\t\tdefaultValue: true,\n\t\t});\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateColor(this._color);\n\t\tthis.validateLabeled(this._labeled);\n\t}\n}\n"],"names":[],"mappings":";;;;;;;;;;AAAA,MAAM,eAAe,GAAG,4yLAA4yL;;MCkBvzL,UAAU,GAAA,MAAA;AAPvB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAQkB,QAAA,IAAA,CAAA,oBAAoB,GAAG,SAAS,CAAC,kBAAkB,CAAC;AAuBtD,QAAA,IAAM,CAAA,MAAA,GAA4B,SAAS;AAK3C,QAAA,IAAQ,CAAA,QAAA,GAAa,IAAI;QAExB,IAAA,CAAA,KAAK,GAAkB;AACtC,YAAA,MAAM,EAAE;AACP,gBAAA,GAAG,EAAE,CAAC;AACN,gBAAA,KAAK,EAAE,EAAE;AACT,gBAAA,IAAI,EAAE,GAAG;AACT,aAAA;AACD,YAAA,QAAQ,EAAE,IAAI;SACd;QAEO,IAAA,CAAA,iBAAiB,GAA2C,CAAC,SAAkB,EAAE,SAA+B,KAAU;AACjI,YAAA,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;AAClC,gBAAA,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC;AAC3B,gBAAA,SAAS,CAAC,GAAG,CAAC,QAAQ,EAAE;AACvB,oBAAA,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;AACX,oBAAA,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC;AACb,oBAAA,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC;AACZ,iBAAA,CAAC;;iBACI;gBACN,OAAO,CAAC,CAAsG,oGAAA,CAAA,CAAC;;AAEjH,SAAC;AAuBD;IAxEO,MAAM,GAAA;QACZ,MAAM,SAAS,GAAG,CAAA,IAAA,EAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAA,CAAA,EAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAA,CAAA,EAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAA,CAAA,CAAG;AACtG,QAAA,QACC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,KAAK,EAAA,YAAA,EAAa,IAAI,CAAC,oBAAoB,EAAE,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,aAAa,EAAC,IAAI,EAAE,SAAS,EAAA,EAClJ,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAC,EAAC,+BAA+B,EAAG,CAAA,EAC1C,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAC,EAAC,+BAA+B,EAAG,CAAA,EAC1C,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAC,EAAC,2CAA2C,EAAG,CAAA,EACtD,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAC,EAAC,0CAA0C,EAAG,CAAA,EACrD,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAC,EAAC,iCAAiC,EAAG,CAAA,EAC5C,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAC,EAAC,mCAAmC,EAAG,CAAA,EAC7C,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,IAAI,KAC5B,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mBAAmB,EAAC,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,IAAI,EAAE,SAAS,EAExD,EAAA,SAAA,CAAA,CACP,CACI;;AAqCD,IAAA,aAAa,CAAC,KAA8B,EAAA;AAClD,QAAA,aAAa,CAAC,IAAI,EAAE,KAAK,EAAE;AAC1B,YAAA,YAAY,EAAE,SAAS;AACvB,YAAA,KAAK,EAAE;gBACN,WAAW,EAAE,IAAI,CAAC,iBAAiB;AACnC,aAAA;AACD,SAAA,CAAC;;AAII,IAAA,eAAe,CAAC,KAAe,EAAA;AACrC,QAAA,YAAY,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE;AACrC,YAAA,YAAY,EAAE,IAAI;AAClB,SAAA,CAAC;;IAGI,iBAAiB,GAAA;AACvB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC;AAC/B,QAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC;;;;;;;;;;;;;"}

package/dist/kolibri/kol-kolibri.entry.js

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e}from"./index-DqvPZ16l.js";import{j as t,e as o}from"./common-DEEjER7G.js";import{r as i}from"./contrast-C0oqtcfU.js";import{v as l}from"./color-Df2awjVY.js";import{t as a}from"./i18n-CaL2ODdQ.js";import"./i18n-B2d_exHc.js";const r="/* forward the rem function */\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\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     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\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 to-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 text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\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(16 * 1rem / 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  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  .kol-kolibri {\n    display: inline-block;\n    max-height: 100%;\n  }\n  .kol-kolibri__text {\n    font-size: calc(90 * 1rem / var(--kolibri-root-font-size, 16));\n    letter-spacing: normal;\n    word-spacing: normal;\n  }\n}";const s=class{constructor(e){n(this,e);this.translateKolibriLogo=a("kol-kolibri-logo");this._color="#003c78";this._labeled=true;this.state={_color:{red:0,green:60,blue:120},_labeled:true};this.handleColorChange=(n,e)=>{if(typeof n==="string"){const t=i(n);e.set("_color",{red:t[0],green:t[1],blue:t[2]})}else{t(`[KolKolibri] You used the complex color schema. For the KoliBri we use need the color as hex string.`)}}}render(){const n=`rgb(${this.state._color.red},${this.state._color.green},${this.state._color.blue})`;return e("svg",{key:"fb287d59e0565598a879a7d2b0a2c060b4f823c5",class:"kol-kolibri",role:"img","aria-label":this.translateKolibriLogo,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 600 600",fill:n},e("path",{key:"c579830724ffe72342d1753d6815f38ac8487a98",d:"M353 322L213 304V434L353 322Z"}),e("path",{key:"07937d3751c91faa5550f2b680591c8ce1d8c2e6",d:"M209 564V304L149 434L209 564Z"}),e("path",{key:"444060f3b85b5d7d12bd5daa4022be7001d365db",d:"M357 316L417 250L361 210L275 244L357 316Z"}),e("path",{key:"41d95ce3a9cb93b932bb7a33fabe32d53c26e22e",d:"M329 218L237 92L250 222L272 241L329 218Z"}),e("path",{key:"8d35eae37da444a126be0b18703d6c6b962ca69a",d:"M353 318L35 36L213 300L353 318Z"}),e("path",{key:"4a8a7e2ffecf4502c967df9d2449a3fff332ee80",d:"M391 286L565 272L421 252L391 286Z"}),this.state._labeled===true&&e("text",{key:"a8a21eca0b1e15af92b25bbd4d0c468fd511a393",class:"kol-kolibri__text",x:"250",y:"525",fill:n},"KoliBri"))}validateColor(n){l(this,n,{defaultValue:"#003c78",hooks:{beforePatch:this.handleColorChange}})}validateLabeled(n){o(this,"_labeled",n,{defaultValue:true})}componentWillLoad(){this.validateColor(this._color);this.validateLabeled(this._labeled)}static get watchers(){return{_color:["validateColor"],_labeled:["validateLabeled"]}}};s.style={default:r};export{s as kol_kolibri};
+import{r as n,h as e}from"./index-CfYfRjdO.js";import{j as t,e as o}from"./common-Cbb6Axov.js";import{r as i}from"./contrast-D_ZImOya.js";import{v as a}from"./color-CcMLxnr8.js";import{t as l}from"./i18n-CcjZRTxD.js";import"./i18n-CMA39edx.js";const r="@charset \"UTF-8\";\n/* forward the rem function */\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     *\n     * The `max(…, 44px)` floor guarantees the WCAG 2.5.5 (AAA) target size of 44px:\n     * `to-rem(44)` runs the value through a `calc()` rem round-trip which can lose\n     * sub-pixel precision and resolve to e.g. 43.99px depending on the browser's\n     * rounding, dropping just below the required minimum.\n     */\n    --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px);\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\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     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\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 to-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 text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: white;\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(16 * 1rem / 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  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  .kol-kolibri {\n    display: inline-block;\n    max-height: 100%;\n  }\n  .kol-kolibri__text {\n    font-size: calc(90 * 1rem / var(--kolibri-root-font-size, 16));\n    letter-spacing: normal;\n    word-spacing: normal;\n  }\n}";const s=class{constructor(e){n(this,e);this.translateKolibriLogo=l("kol-kolibri-logo");this._color="#003c78";this._labeled=true;this.state={_color:{red:0,green:60,blue:120},_labeled:true};this.handleColorChange=(n,e)=>{if(typeof n==="string"){const t=i(n);e.set("_color",{red:t[0],green:t[1],blue:t[2]})}else{t(`[KolKolibri] You used the complex color schema. For the KoliBri we use need the color as hex string.`)}}}render(){const n=`rgb(${this.state._color.red},${this.state._color.green},${this.state._color.blue})`;return e("svg",{key:"70351f260a6b9c447f845208c5860a984e6d9c1e",class:"kol-kolibri",role:"img","aria-label":this.translateKolibriLogo,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 600 600",fill:n},e("path",{key:"a032a1c94f3f642564e6f26c600ad980a589b6bb",d:"M353 322L213 304V434L353 322Z"}),e("path",{key:"f777f3b36484a2c33a18cd542f10ab54eb96e4e8",d:"M209 564V304L149 434L209 564Z"}),e("path",{key:"1574d2fc8fcb8d9dd029ac9d47ca7943cc091f9d",d:"M357 316L417 250L361 210L275 244L357 316Z"}),e("path",{key:"cbaa1aab5861105eeeb64cb68b017243a6f59fe3",d:"M329 218L237 92L250 222L272 241L329 218Z"}),e("path",{key:"1d3c9ab278a28320dedf7893d18d20434e77a84a",d:"M353 318L35 36L213 300L353 318Z"}),e("path",{key:"1fc3a9c128e97fddf8a2ffe0452072fb2bfb7338",d:"M391 286L565 272L421 252L391 286Z"}),this.state._labeled===true&&e("text",{key:"07f658100130052f51b5117588caf052d28fd93b",class:"kol-kolibri__text",x:"250",y:"525",fill:n},"KoliBri"))}validateColor(n){a(this,n,{defaultValue:"#003c78",hooks:{beforePatch:this.handleColorChange}})}validateLabeled(n){o(this,"_labeled",n,{defaultValue:true})}componentWillLoad(){this.validateColor(this._color);this.validateLabeled(this._labeled)}static get watchers(){return{_color:["validateColor"],_labeled:["validateLabeled"]}}};s.style={default:r};export{s as kol_kolibri};
 //# sourceMappingURL=kol-kolibri.entry.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","devHint","watchBoolean","rgba","validateColor","translate","defaultStyleCss","KolKolibri","constructor","hostRef","this","translateKolibriLogo","_color","_labeled","state","red","green","blue","handleColorChange","nextValue","nextState","rgb","set","render","fillColor","key","class","role","xmlns","viewBox","fill","d","x","y","value","defaultValue","hooks","beforePatch","validateLabeled","componentWillLoad","watchers","style","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,MAAS,kCAC3BC,OAAcC,MAAoB,mCAClCC,MAAY,qCACZC,MAAqB,kCACrBC,MAAiB,2BACxB,qBAEP,MAAMC,EAAkB,u+KAExB,MAAMC,EAAa,MACf,WAAAC,CAAYC,GACRV,EAAiBW,KAAMD,GACvBC,KAAKC,qBAAuBN,EAAU,oBACtCK,KAAKE,OAAS,UACdF,KAAKG,SAAW,KAChBH,KAAKI,MAAQ,CACTF,OAAQ,CACJG,IAAK,EACLC,MAAO,GACPC,KAAM,KAEVJ,SAAU,MAEdH,KAAKQ,kBAAoB,CAACC,EAAWC,KACjC,UAAWD,IAAc,SAAU,CAC/B,MAAME,EAAMlB,EAAKgB,GACjBC,EAAUE,IAAI,SAAU,CACpBP,IAAKM,EAAI,GACTL,MAAOK,EAAI,GACXJ,KAAMI,EAAI,IAElB,KACK,CACDpB,EAAQ,uGACZ,EAER,CACA,MAAAsB,GACI,MAAMC,EAAY,OAAOd,KAAKI,MAAMF,OAAOG,OAAOL,KAAKI,MAAMF,OAAOI,SAASN,KAAKI,MAAMF,OAAOK,QAC/F,OAAQjB,EAAE,MAAO,CAAEyB,IAAK,2CAA4CC,MAAO,cAAeC,KAAM,MAAO,aAAcjB,KAAKC,qBAAsBiB,MAAO,6BAA8BC,QAAS,cAAeC,KAAMN,GAAaxB,EAAE,OAAQ,CAAEyB,IAAK,2CAA4CM,EAAG,kCAAoC/B,EAAE,OAAQ,CAAEyB,IAAK,2CAA4CM,EAAG,kCAAoC/B,EAAE,OAAQ,CAAEyB,IAAK,2CAA4CM,EAAG,8CAAgD/B,EAAE,OAAQ,CAAEyB,IAAK,2CAA4CM,EAAG,6CAA+C/B,EAAE,OAAQ,CAAEyB,IAAK,2CAA4CM,EAAG,oCAAsC/B,EAAE,OAAQ,CAAEyB,IAAK,2CAA4CM,EAAG,sCAAwCrB,KAAKI,MAAMD,WAAa,MAASb,EAAE,OAAQ,CAAEyB,IAAK,2CAA4CC,MAAO,oBAAqBM,EAAG,MAAOC,EAAG,MAAOH,KAAMN,GAAa,WAC1/B,CACA,aAAApB,CAAc8B,GACV9B,EAAcM,KAAMwB,EAAO,CACvBC,aAAc,UACdC,MAAO,CACHC,YAAa3B,KAAKQ,oBAG9B,CACA,eAAAoB,CAAgBJ,GACZhC,EAAaQ,KAAM,WAAYwB,EAAO,CAClCC,aAAc,MAEtB,CACA,iBAAAI,GACI7B,KAAKN,cAAcM,KAAKE,QACxBF,KAAK4B,gBAAgB5B,KAAKG,SAC9B,CACA,mBAAW2B,GAAa,MAAO,CAC3B5B,OAAU,CAAC,iBACXC,SAAY,CAAC,mBACd,GAEPN,EAAWkC,MAAQ,CACfC,QAASpC,UAGJC","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","devHint","watchBoolean","rgba","validateColor","translate","defaultStyleCss","KolKolibri","constructor","hostRef","this","translateKolibriLogo","_color","_labeled","state","red","green","blue","handleColorChange","nextValue","nextState","rgb","set","render","fillColor","key","class","role","xmlns","viewBox","fill","d","x","y","value","defaultValue","hooks","beforePatch","validateLabeled","componentWillLoad","watchers","style","default"],"sources":["0"],"mappings":";;;YAGcA,OAAkBC,MAAS,kCAC3BC,OAAcC,MAAoB,mCAClCC,MAAY,qCACZC,MAAqB,kCACrBC,MAAiB,2BACxB,qBAEP,MAAMC,EAAkB,6yLAExB,MAAMC,EAAa,MACf,WAAAC,CAAYC,GACRV,EAAiBW,KAAMD,GACvBC,KAAKC,qBAAuBN,EAAU,oBACtCK,KAAKE,OAAS,UACdF,KAAKG,SAAW,KAChBH,KAAKI,MAAQ,CACTF,OAAQ,CACJG,IAAK,EACLC,MAAO,GACPC,KAAM,KAEVJ,SAAU,MAEdH,KAAKQ,kBAAoB,CAACC,EAAWC,KACjC,UAAWD,IAAc,SAAU,CAC/B,MAAME,EAAMlB,EAAKgB,GACjBC,EAAUE,IAAI,SAAU,CACpBP,IAAKM,EAAI,GACTL,MAAOK,EAAI,GACXJ,KAAMI,EAAI,IAElB,KACK,CACDpB,EAAQ,uGACZ,EAER,CACA,MAAAsB,GACI,MAAMC,EAAY,OAAOd,KAAKI,MAAMF,OAAOG,OAAOL,KAAKI,MAAMF,OAAOI,SAASN,KAAKI,MAAMF,OAAOK,QAC/F,OAAQjB,EAAE,MAAO,CAAEyB,IAAK,2CAA4CC,MAAO,cAAeC,KAAM,MAAO,aAAcjB,KAAKC,qBAAsBiB,MAAO,6BAA8BC,QAAS,cAAeC,KAAMN,GAAaxB,EAAE,OAAQ,CAAEyB,IAAK,2CAA4CM,EAAG,kCAAoC/B,EAAE,OAAQ,CAAEyB,IAAK,2CAA4CM,EAAG,kCAAoC/B,EAAE,OAAQ,CAAEyB,IAAK,2CAA4CM,EAAG,8CAAgD/B,EAAE,OAAQ,CAAEyB,IAAK,2CAA4CM,EAAG,6CAA+C/B,EAAE,OAAQ,CAAEyB,IAAK,2CAA4CM,EAAG,oCAAsC/B,EAAE,OAAQ,CAAEyB,IAAK,2CAA4CM,EAAG,sCAAwCrB,KAAKI,MAAMD,WAAa,MAASb,EAAE,OAAQ,CAAEyB,IAAK,2CAA4CC,MAAO,oBAAqBM,EAAG,MAAOC,EAAG,MAAOH,KAAMN,GAAa,WAC1/B,CACA,aAAApB,CAAc8B,GACV9B,EAAcM,KAAMwB,EAAO,CACvBC,aAAc,UACdC,MAAO,CACHC,YAAa3B,KAAKQ,oBAG9B,CACA,eAAAoB,CAAgBJ,GACZhC,EAAaQ,KAAM,WAAYwB,EAAO,CAClCC,aAAc,MAEtB,CACA,iBAAAI,GACI7B,KAAKN,cAAcM,KAAKE,QACxBF,KAAK4B,gBAAgB5B,KAAKG,SAC9B,CACA,mBAAW2B,GAAa,MAAO,CAC3B5B,OAAU,CAAC,iBACXC,SAAY,CAAC,mBACd,GAEPN,EAAWkC,MAAQ,CACfC,QAASpC,UAGJC","ignoreList":[]}