@public-ui/components 4.1.2-rc.5 → 4.1.2-rc.7

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as n,r as e,g as t}from"./index-BOCBxrrO.js";import{c as o}from"./clsx-COFh-Vc8.js";import{n as i}from"./dev.utils-C2fl1BE9.js";import{d as l,s as a}from"./element-focus-y2O-Z32P.js";import{p as r}from"./controller-BShVWk74.js";import{a as s}from"./controller-uSwkpkI8.js";import{F as d}from"./FieldControlStateWrapper-Df96njQj.js";import{g as c,i as h,F as f}from"./FormFieldStateWrapper-CQSqcO-4.js";import{_ as p}from"./tslib.es6-CxX45GIN.js";import"./common-BIkdAxr0.js";import{I as m}from"./Input-BArbuEyo.js";import"./component-names-C64MXeC1.js";import"./label-Cw7rCjUo.js";import"./required-Dt9l4wUg.js";import"./orientation-pWOiDBRo.js";import"./component-PkMaDN8_.js";import"./bem-registry-ClssJ_nC.js";import"./component-vO2V8iwo.js";import"./isArray-CcrBs4JM.js";import"./access-and-short-key-CPX70LXd.js";import"./disabled-BdPI9eda.js";import"./hide-label-ByItyHgV.js";import"./tooltip-align-DodV1tEH.js";import"./align-DDUsWnWP.js";import"./events-DHTi_wtD.js";import"./associated.controller-DKliwG01.js";import"./bootstrap-7FNy-lUW.js";import"./i18n-B0tfVPMa.js";import"./isObject-BJgq02Md.js";import"./i18n-DvMeCREp.js";import"./Alert-CqPvVKJP.js";import"./Heading-CdHsieJ-.js";const u=e=>{var{class:t}=e,i=p(e,["class"]);return n(m,Object.assign({class:o("kol-input-radio__input",t)},i,{type:"radio"}))},b=e=>{var{class:t,inputProps:i}=e,l=p(e,["class","inputProps"]);const a={"kol-input-radio--checked":null==i?void 0:i.checked,"kol-input-radio--disabled":Boolean(null==i?void 0:i.disabled),"kol-input-radio--required":Boolean(null==i?void 0:i.required),"kol-input-radio--touched":Boolean(null==i?void 0:i.touched),[`kol-input-radio--${c(null==i?void 0:i.msg)}`]:Boolean(h(null==i?void 0:i.msg,null==i?void 0:i.touched))};return n("label",Object.assign({class:o("kol-input-radio",a,t)},l),n(u,Object.assign({},i)))};function k(n,e={}){const t={id:n._id,hideLabel:n._hideLabel,label:n._label,value:n._value,disabled:n._disabled,name:n._name};return"_required"in n&&(t.required=n._required),"_touched"in n&&(t.touched=n._touched),"_msg"in n&&(t.msg=n._msg),Object.assign(Object.assign({},t),e)}const g=e=>{var{state:t,inputProps:o}=e,i=p(e,["state","inputProps"]);return n(b,Object.assign({inputProps:k(t,o)},i))},y='@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    --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: lightgray;\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    opacity: 0.5;\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=1774619801488"); /* IE9*/\n  src: url("kolicons.eot?t=1774619801488#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1774619801488") format("woff2"), url("kolicons.woff?t=1774619801488") format("woff"), url("kolicons.ttf?t=1774619801488") format("truetype"), url("kolicons.svg?t=1774619801488#kolicons") format("svg"); /* iOS 4.1- */\n}\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\n.kolicon-alert-error::before {\n  content: "\\ea01";\n}\n\n.kolicon-alert-info::before {\n  content: "\\ea02";\n}\n\n.kolicon-alert-success::before {\n  content: "\\ea03";\n}\n\n.kolicon-alert-warning::before {\n  content: "\\ea04";\n}\n\n.kolicon-check::before {\n  content: "\\ea05";\n}\n\n.kolicon-chevron-double-left::before {\n  content: "\\ea06";\n}\n\n.kolicon-chevron-double-right::before {\n  content: "\\ea07";\n}\n\n.kolicon-chevron-down::before {\n  content: "\\ea08";\n}\n\n.kolicon-chevron-left::before {\n  content: "\\ea09";\n}\n\n.kolicon-chevron-right::before {\n  content: "\\ea0a";\n}\n\n.kolicon-chevron-up::before {\n  content: "\\ea0b";\n}\n\n.kolicon-cogwheel::before {\n  content: "\\ea0c";\n}\n\n.kolicon-cross::before {\n  content: "\\ea0d";\n}\n\n.kolicon-eye-closed::before {\n  content: "\\ea0e";\n}\n\n.kolicon-eye::before {\n  content: "\\ea0f";\n}\n\n.kolicon-house::before {\n  content: "\\ea10";\n}\n\n.kolicon-kolibri::before {\n  content: "\\ea11";\n}\n\n.kolicon-link-external::before {\n  content: "\\ea12";\n}\n\n.kolicon-link::before {\n  content: "\\ea13";\n}\n\n.kolicon-minus::before {\n  content: "\\ea14";\n}\n\n.kolicon-plus::before {\n  content: "\\ea15";\n}\n\n.kolicon-settings::before {\n  content: "\\ea16";\n}\n\n.kolicon-sort-asc::before {\n  content: "\\ea17";\n}\n\n.kolicon-sort-desc::before {\n  content: "\\ea18";\n}\n\n.kolicon-sort-neutral::before {\n  content: "\\ea19";\n}\n\n.kolicon-up::before {\n  content: "\\ea1a";\n}\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: #000;\n    background-color: #fff;\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: #000;\n    background-color: #fff;\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-field-control {\n    display: grid;\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    justify-content: left;\n    grid-template-areas: "input label";\n    grid-template-columns: auto 1fr;\n    grid-template-rows: auto;\n  }\n  .kol-field-control:has(.kol-field-control__hint) {\n    grid-template-areas: "input label" "hint hint";\n    grid-template-columns: auto 1fr;\n    grid-template-rows: auto auto;\n  }\n  .kol-field-control--label-align-left:not(.kol-field-control--hide-label) {\n    grid-template-areas: "label input";\n    grid-template-columns: 1fr auto;\n    grid-template-rows: auto;\n  }\n  .kol-field-control--label-align-left:not(.kol-field-control--hide-label):has(.kol-field-control__hint) {\n    grid-template-areas: "label input" "hint hint";\n    grid-template-columns: 1fr auto;\n    grid-template-rows: auto auto;\n  }\n  .kol-field-control__input {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    grid-area: input;\n  }\n  .kol-field-control__label {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    flex-grow: 1;\n    align-items: center;\n    cursor: pointer;\n    grid-area: label;\n  }\n  .kol-field-control__label--visually-hidden {\n    height: 0;\n    margin: 0;\n    padding: 0;\n    visibility: hidden;\n  }\n  .kol-field-control__hint {\n    grid-area: hint;\n  }\n  .kol-field-control--disabled .kol-field-control__label {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n  .kol-field-control--required .kol-field-control__label-text::after {\n    content: "*"/"";\n  }\n  .kol-field-control--required .kol-tooltip .kol-span__label::after {\n    content: "*"/"";\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--disabled .kol-form-field__label {\n    opacity: 0.5;\n  }\n  .kol-form-field--required .kol-form-field__label-text:not(:has(> [name]))::after,\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    content: "*"/"";\n  }\n  .kol-form-field--disabled .kol-form-field__hint {\n    opacity: 0.5;\n  }\n  .kol-input-container {\n    background-color: transparent;\n    display: grid;\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  }\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-form-field {\n    --border-width: 2px;\n    --input-size: 1.5em;\n  }\n  .kol-form-field__label {\n    display: contents;\n  }\n  .kol-form-field__label-text {\n    display: ruby;\n  }\n  .kol-form-field__input {\n    display: flex;\n    flex-direction: column;\n  }\n  .kol-form-field__input--orientation-horizontal {\n    flex-direction: row;\n    flex-wrap: wrap;\n    align-items: flex-start;\n  }\n  .kol-form-field--disabled {\n    opacity: unset;\n  }\n  .kol-input-radio {\n    display: flex;\n    position: relative;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n  }\n  .kol-input-radio__input {\n    border-style: solid;\n    border-radius: 100%;\n    display: flex;\n    width: var(--input-size);\n    min-width: var(--input-size);\n    height: var(--input-size);\n    min-height: var(--input-size);\n    margin: 0;\n    padding: 0;\n    border-width: var(--border-width);\n    appearance: none;\n    cursor: pointer;\n  }\n  .kol-input-radio__input:before {\n    border-radius: 100%;\n    width: calc(var(--input-size) / 2);\n    height: calc(var(--input-size) / 2);\n    margin: auto;\n    content: "";\n  }\n  .kol-input-radio__input:checked:before {\n    background-color: #000;\n  }\n  @media (forced-colors: active) {\n    .kol-input-radio__input:checked:before {\n      /* Give it a visible background in forced colors mode */\n      background-color: selectedItem !important;\n    }\n  }\n  .kol-input-radio__input:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n  .kol-input-radio--disabled {\n    cursor: not-allowed;\n  }\n}',v=class{async getValue(){return this._value}async focus(){return l(this.host,()=>a(this.getFocusableInput()))}getFocusableInput(){const n=this.state._options,e=Boolean(this.state._disabled),t=n.findIndex(n=>n.value===this.state._value&&!e&&!n.disabled);if(-1!==t){const n=this.inputRefs.get(t);if(n)return n}const o=n.findIndex(n=>!e&&!n.disabled);if(-1!==o)return this.inputRefs.get(o)}getFormFieldProps(){return{state:this.state,component:"fieldset",disabled:Boolean(this.state._disabled),class:o("kol-form-field--radio"),formFieldLabelProps:{component:"legend",class:"kol-form-field__label--legend"},formFieldInputProps:{class:`kol-form-field__input--orientation-${this.state._orientation}`},tooltipAlign:this._tooltipAlign,alert:this.showAsAlert(),hideLabel:!1}}render(){return n(f,Object.assign({key:"2a755648592f982cfbf47cfa72c9460425ee7f8a"},this.getFormFieldProps()),this.state._options.map((n,e)=>this.renderOption(n,e)))}calculateDisabled(n){return Boolean(this.state._disabled)||Boolean(n.disabled)}getOptionProps(n,e){return{state:this.state,id:e,hint:n.hint,label:n.label,required:!1,fieldControlLabelProps:{showBadge:!1},disabled:this.calculateDisabled(n)}}getInputProps(n,e,t,o){return{state:this.state,inputProps:Object.assign(Object.assign({id:e,ref:n=>{this.setInputRefByIndex(t)(n),o&&this.setInputRef(n)},"aria-label":this.state._hideLabel&&"string"==typeof n.label?n.label:void 0,type:"radio",name:this.state._name||this.state._id,value:`-${t}`,checked:o,disabled:this.calculateDisabled(n)},this.controller.onFacade),{onChange:this.onChange,onClick:void 0,onInput:this.onInput,onKeyDown:this.onKeyDown.bind(this),onFocus:n=>{this.controller.onFacade.onFocus(n),this.inputHasFocus=!0},onBlur:n=>{this.controller.onFacade.onBlur(n),this.inputHasFocus=!1}})}}renderOption(e,t){const o=`${this.state._id}-${t}`,i=this.state._value===e.value;return n(d,Object.assign({key:o},this.getOptionProps(e,o)),n(g,Object.assign({},this.getInputProps(e,o,t,i))))}constructor(n){e(this,n),this.inputRefs=new Map,this.setInputRef=n=>{this.inputRef=n},this.setInputRefByIndex=n=>e=>{e?this.inputRefs.set(n,e):this.inputRefs.delete(n)},this._disabled=!1,this._hideMsg=!1,this._hideLabel=!1,this._hint="",this._orientation="vertical",this._required=!1,this._tooltipAlign="top",this._touched=!1,this._value=null,this.state={_hideMsg:!1,_id:`id-${i()}`,_label:"",_options:[],_orientation:"vertical"},this.inputHasFocus=!1,this.onInput=n=>{if(n.target instanceof HTMLInputElement){const e=this.controller.getOptionByKey(n.target.value);void 0!==e&&this.controller.onFacade.onInput(n,!0,e.value)}},this.onChange=n=>{if(n.target instanceof HTMLInputElement){const e=this.controller.getOptionByKey(n.target.value);void 0!==e&&(this.controller.onFacade.onChange(n,e.value),this._value=e.value)}},this.onKeyDown=n=>{this.controller.onFacade.onKeyDown(n),"Enter"!==n.code&&"NumpadEnter"!==n.code||r({form:this.host})},this.controller=new s(this,"radio",this.host)}showAsAlert(){return Boolean(this.state._touched)&&!this.inputHasFocus}validateTooltipAlign(n){this.controller.validateTooltipAlign(n)}validateDisabled(n){this.controller.validateDisabled(n)}validateHideLabel(n){this.controller.validateHideLabel(n)}validateHideMsg(n){this.controller.validateHideMsg(n)}validateHint(n){this.controller.validateHint(n)}validateLabel(n){this.controller.validateLabel(n)}validateMsg(n){this.controller.validateMsg(n)}validateName(n){this.controller.validateName(n)}validateOn(n){this.controller.validateOn(n)}validateOptions(n){this.controller.validateOptions(n)}validateOrientation(n){this.controller.validateOrientation(n)}validateRequired(n){this.controller.validateRequired(n)}validateSyncValueBySelector(n){this.controller.validateSyncValueBySelector(n)}validateTouched(n){this.controller.validateTouched(n)}validateValue(n){this.controller.validateValue(n)}componentWillLoad(){this._touched=!0===this._touched,this.controller.componentWillLoad()}get host(){return t(this)}static get watchers(){return{_tooltipAlign:["validateTooltipAlign"],_disabled:["validateDisabled"],_hideLabel:["validateHideLabel"],_hideMsg:["validateHideMsg"],_hint:["validateHint"],_label:["validateLabel"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_options:["validateOptions"],_orientation:["validateOrientation"],_required:["validateRequired"],_syncValueBySelector:["validateSyncValueBySelector"],_touched:["validateTouched"],_value:["validateValue"]}}};v.style={default:y};export{v as kol_input_radio};
+import{h as n,r as e,g as t}from"./index-BPtT34o3.js";import{c as o}from"./clsx-COFh-Vc8.js";import{n as i}from"./dev.utils-CfUO8naH.js";import{d as l,s as a}from"./element-click-BTxuJDNT.js";import{d as r,s}from"./element-focus-BKUtVrWY.js";import{p as d}from"./controller-BOQfHWqN.js";import{a as c}from"./controller-DioBPNwP.js";import{F as h}from"./FieldControlStateWrapper-u5T9Z9S9.js";import{g as f,i as p,F as m}from"./FormFieldStateWrapper-D9-nbrAT.js";import{_ as u}from"./tslib.es6-CxX45GIN.js";import"./common-5ExJH6NU.js";import{I as b}from"./Input-ZDG0uZKh.js";import"./component-names-pgL1e5No.js";import"./label-Cd37SRqu.js";import"./required-Ds8VBM7N.js";import"./orientation-DqJ-qcRZ.js";import"./component-JM2Le9Vy.js";import"./bem-registry-DTQ0cuzY.js";import"./component-CL5w48zL.js";import"./isArray-CcrBs4JM.js";import"./access-and-short-key-BzpC9FZP.js";import"./disabled-Cp_Z3qUn.js";import"./hide-label-BvUdILkE.js";import"./tooltip-align-D0H6p6J-.js";import"./align-BmVteuP6.js";import"./events-DHTi_wtD.js";import"./associated.controller-8xCU8Tb0.js";import"./bootstrap-BFbfb2g4.js";import"./i18n-B2d_exHc.js";import"./isObject-BJgq02Md.js";import"./i18n-CSCkYcOW.js";import"./Alert-BCOTrqr_.js";import"./Heading-CdhA3sYv.js";const k=e=>{var{class:t}=e,i=u(e,["class"]);return n(b,Object.assign({class:o("kol-input-radio__input",t)},i,{type:"radio"}))},g=e=>{var{class:t,inputProps:i}=e,l=u(e,["class","inputProps"]);const a={"kol-input-radio--checked":null==i?void 0:i.checked,"kol-input-radio--disabled":Boolean(null==i?void 0:i.disabled),"kol-input-radio--required":Boolean(null==i?void 0:i.required),"kol-input-radio--touched":Boolean(null==i?void 0:i.touched),[`kol-input-radio--${f(null==i?void 0:i.msg)}`]:Boolean(p(null==i?void 0:i.msg,null==i?void 0:i.touched))};return n("label",Object.assign({class:o("kol-input-radio",a,t)},l),n(k,Object.assign({},i)))};function y(n,e={}){const t={id:n._id,hideLabel:n._hideLabel,label:n._label,value:n._value,disabled:n._disabled,name:n._name};return"_required"in n&&(t.required=n._required),"_touched"in n&&(t.touched=n._touched),"_msg"in n&&(t.msg=n._msg),Object.assign(Object.assign({},t),e)}const v=e=>{var{state:t,inputProps:o}=e,i=u(e,["state","inputProps"]);return n(g,Object.assign({inputProps:y(t,o)},i))},_='@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    --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: lightgray;\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    opacity: 0.5;\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=1774956515321"); /* IE9*/\n  src: url("kolicons.eot?t=1774956515321#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1774956515321") format("woff2"), url("kolicons.woff?t=1774956515321") format("woff"), url("kolicons.ttf?t=1774956515321") format("truetype"), url("kolicons.svg?t=1774956515321#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: #000;\n    background-color: #fff;\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: #000;\n    background-color: #fff;\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-field-control {\n    display: grid;\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    justify-content: left;\n    grid-template-areas: "input label";\n    grid-template-columns: auto 1fr;\n    grid-template-rows: auto;\n  }\n  .kol-field-control:has(.kol-field-control__hint) {\n    grid-template-areas: "input label" "hint hint";\n    grid-template-columns: auto 1fr;\n    grid-template-rows: auto auto;\n  }\n  .kol-field-control--label-align-left:not(.kol-field-control--hide-label) {\n    grid-template-areas: "label input";\n    grid-template-columns: 1fr auto;\n    grid-template-rows: auto;\n  }\n  .kol-field-control--label-align-left:not(.kol-field-control--hide-label):has(.kol-field-control__hint) {\n    grid-template-areas: "label input" "hint hint";\n    grid-template-columns: 1fr auto;\n    grid-template-rows: auto auto;\n  }\n  .kol-field-control__input {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    grid-area: input;\n  }\n  .kol-field-control__label {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    flex-grow: 1;\n    align-items: center;\n    cursor: pointer;\n    grid-area: label;\n  }\n  .kol-field-control__label--visually-hidden {\n    height: 0;\n    margin: 0;\n    padding: 0;\n    visibility: hidden;\n  }\n  .kol-field-control__label-text {\n    flex-flow: row;\n    align-items: flex-start;\n    justify-content: flex-start;\n  }\n  .kol-field-control__hint {\n    grid-area: hint;\n  }\n  .kol-field-control--disabled .kol-field-control__label {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n  .kol-field-control--required .kol-field-control__label-text::after {\n    content: "*"/"";\n  }\n  .kol-field-control--required .kol-tooltip .kol-span__label::after {\n    content: "*"/"";\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--disabled .kol-form-field__label {\n    opacity: 0.5;\n  }\n  .kol-form-field--required .kol-form-field__label-text:not(:has(> [name]))::after,\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    content: "*"/"";\n  }\n  .kol-form-field--disabled .kol-form-field__hint {\n    opacity: 0.5;\n  }\n  .kol-input-container {\n    background-color: transparent;\n    display: grid;\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  }\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-form-field {\n    --border-width: 2px;\n    --input-size: 1.5em;\n  }\n  .kol-form-field__label {\n    display: contents;\n  }\n  .kol-form-field__label-text {\n    display: ruby;\n  }\n  .kol-form-field__input {\n    display: flex;\n    flex-direction: column;\n  }\n  .kol-form-field__input--orientation-horizontal {\n    flex-direction: row;\n    flex-wrap: wrap;\n    align-items: flex-start;\n  }\n  .kol-form-field--disabled {\n    opacity: unset;\n  }\n  .kol-input-radio {\n    display: flex;\n    position: relative;\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n  }\n  .kol-input-radio__input {\n    border-style: solid;\n    border-radius: 100%;\n    display: flex;\n    width: var(--input-size);\n    min-width: var(--input-size);\n    height: var(--input-size);\n    min-height: var(--input-size);\n    margin: 0;\n    padding: 0;\n    border-width: var(--border-width);\n    appearance: none;\n    cursor: pointer;\n  }\n  .kol-input-radio__input:before {\n    border-radius: 100%;\n    width: calc(var(--input-size) / 2);\n    height: calc(var(--input-size) / 2);\n    margin: auto;\n    content: "";\n  }\n  .kol-input-radio__input:checked:before {\n    background-color: #000;\n  }\n  @media (forced-colors: active) {\n    .kol-input-radio__input:checked:before {\n      /* Give it a visible background in forced colors mode */\n      background-color: selectedItem !important;\n    }\n  }\n  .kol-input-radio__input:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n  .kol-input-radio--disabled {\n    cursor: not-allowed;\n  }\n}',w=class{async getValue(){return this._value}async focus(){return r(this.host,()=>s(this.getFocusableInput()))}async click(){return l(this.host,async()=>a(this.inputRef))}getFocusableInput(){const n=this.state._options,e=Boolean(this.state._disabled),t=n.findIndex(n=>n.value===this.state._value&&!e&&!n.disabled);if(-1!==t){const n=this.inputRefs.get(t);if(n)return n}const o=n.findIndex(n=>!e&&!n.disabled);if(-1!==o)return this.inputRefs.get(o)}getFormFieldProps(){return{state:this.state,component:"fieldset",disabled:Boolean(this.state._disabled),class:o("kol-form-field--radio"),formFieldLabelProps:{component:"legend",class:"kol-form-field__label--legend"},formFieldInputProps:{class:`kol-form-field__input--orientation-${this.state._orientation}`},tooltipAlign:this._tooltipAlign,alert:this.showAsAlert(),hideLabel:!1}}render(){return n(m,Object.assign({key:"1e1e04daad6bb20cd01acba0ead0ce1a7354babf"},this.getFormFieldProps()),this.state._options.map((n,e)=>this.renderOption(n,e)))}calculateDisabled(n){return Boolean(this.state._disabled)||Boolean(n.disabled)}getOptionProps(n,e){return{state:this.state,id:e,hint:n.hint,label:n.label,required:!1,fieldControlLabelProps:{showBadge:!1},disabled:this.calculateDisabled(n)}}getInputProps(n,e,t,o){return{state:this.state,inputProps:Object.assign(Object.assign({id:e,ref:n=>{this.setInputRefByIndex(t)(n),o&&this.setInputRef(n)},"aria-label":this.state._hideLabel&&"string"==typeof n.label?n.label:void 0,type:"radio",name:this.state._name||this.state._id,value:`-${t}`,checked:o,disabled:this.calculateDisabled(n)},this.controller.onFacade),{onChange:this.onChange,onClick:void 0,onInput:this.onInput,onKeyDown:this.onKeyDown.bind(this),onFocus:n=>{this.controller.onFacade.onFocus(n),this.inputHasFocus=!0},onBlur:n=>{this.controller.onFacade.onBlur(n),this.inputHasFocus=!1}})}}renderOption(e,t){const o=`${this.state._id}-${t}`,i=this.state._value===e.value;return n(h,Object.assign({key:o},this.getOptionProps(e,o)),n(v,Object.assign({},this.getInputProps(e,o,t,i))))}constructor(n){e(this,n),this.inputRefs=new Map,this.setInputRef=n=>{this.inputRef=n},this.setInputRefByIndex=n=>e=>{e?this.inputRefs.set(n,e):this.inputRefs.delete(n)},this._disabled=!1,this._hideMsg=!1,this._hideLabel=!1,this._hint="",this._orientation="vertical",this._required=!1,this._tooltipAlign="top",this._touched=!1,this._value=null,this.state={_hideMsg:!1,_id:`id-${i()}`,_label:"",_options:[],_orientation:"vertical"},this.inputHasFocus=!1,this.onInput=n=>{if(n.target instanceof HTMLInputElement){const e=this.controller.getOptionByKey(n.target.value);void 0!==e&&this.controller.onFacade.onInput(n,!0,e.value)}},this.onChange=n=>{if(n.target instanceof HTMLInputElement){const e=this.controller.getOptionByKey(n.target.value);void 0!==e&&(this.controller.onFacade.onChange(n,e.value),this._value=e.value)}},this.onKeyDown=n=>{this.controller.onFacade.onKeyDown(n),"Enter"!==n.code&&"NumpadEnter"!==n.code||d({form:this.host})},this.controller=new c(this,"radio",this.host)}showAsAlert(){return Boolean(this.state._touched)&&!this.inputHasFocus}validateTooltipAlign(n){this.controller.validateTooltipAlign(n)}validateDisabled(n){this.controller.validateDisabled(n)}validateHideLabel(n){this.controller.validateHideLabel(n)}validateHideMsg(n){this.controller.validateHideMsg(n)}validateHint(n){this.controller.validateHint(n)}validateLabel(n){this.controller.validateLabel(n)}validateMsg(n){this.controller.validateMsg(n)}validateName(n){this.controller.validateName(n)}validateOn(n){this.controller.validateOn(n)}validateOptions(n){this.controller.validateOptions(n)}validateOrientation(n){this.controller.validateOrientation(n)}validateRequired(n){this.controller.validateRequired(n)}validateSyncValueBySelector(n){this.controller.validateSyncValueBySelector(n)}validateTouched(n){this.controller.validateTouched(n)}validateValue(n){this.controller.validateValue(n)}componentWillLoad(){this._touched=!0===this._touched,this.controller.componentWillLoad()}get host(){return t(this)}static get watchers(){return{_tooltipAlign:["validateTooltipAlign"],_disabled:["validateDisabled"],_hideLabel:["validateHideLabel"],_hideMsg:["validateHideMsg"],_hint:["validateHint"],_label:["validateLabel"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_options:["validateOptions"],_orientation:["validateOrientation"],_required:["validateRequired"],_syncValueBySelector:["validateSyncValueBySelector"],_touched:["validateTouched"],_value:["validateValue"]}}};w.style={default:_};export{w as kol_input_radio};

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

@@ -1 +1 @@
-{"version":3,"names":["h","registerInstance","getElement","clsx","nonce","delegateFocus","setFocus","propagateSubmitEventToForm","InputRadioController","FieldControlStateWrapper","getMsgType","isMsgDefinedAndInputTouched","FormFieldStateWrapper","__rest","InputFc","InputWrapperFc","_a","class","classNames","other","Object","assign","type","RadioFc","inputProps","cssVariants","checked","Boolean","disabled","required","touched","msg","getRadioProps","state","props","id","_id","hideLabel","_hideLabel","label","_label","value","_value","_disabled","name","_name","_required","_touched","_msg","RadioStateWrapper","defaultStyleCss","KolInputRadio","getValue","this","focus","host","getFocusableInput","options","_options","isComponentDisabled","selectedIndex","findIndex","option","input","inputRefs","get","firstEnabledIndex","undefined","getFormFieldProps","component","formFieldLabelProps","formFieldInputProps","_orientation","tooltipAlign","_tooltipAlign","alert","showAsAlert","render","key","map","index","renderOption","calculateDisabled","getOptionProps","hint","fieldControlLabelProps","showBadge","getInputProps","selected","ref","setInputRefByIndex","setInputRef","controller","onFacade","onChange","onClick","onInput","onKeyDown","bind","onFocus","event","inputHasFocus","onBlur","customId","constructor","hostRef","Map","inputRef","set","delete","_hideMsg","_hint","target","HTMLInputElement","getOptionByKey","code","form","validateTooltipAlign","validateDisabled","validateHideLabel","validateHideMsg","validateHint","validateLabel","validateMsg","validateName","validateOn","validateOptions","validateOrientation","validateRequired","validateSyncValueBySelector","validateTouched","validateValue","componentWillLoad","watchers","_on","_syncValueBySelector","style","default"],"sources":["0"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["h","registerInstance","getElement","clsx","nonce","delegateClick","setClick","delegateFocus","setFocus","propagateSubmitEventToForm","InputRadioController","FieldControlStateWrapper","getMsgType","isMsgDefinedAndInputTouched","FormFieldStateWrapper","__rest","InputFc","InputWrapperFc","_a","class","classNames","other","Object","assign","type","RadioFc","inputProps","cssVariants","checked","Boolean","disabled","required","touched","msg","getRadioProps","state","props","id","_id","hideLabel","_hideLabel","label","_label","value","_value","_disabled","name","_name","_required","_touched","_msg","RadioStateWrapper","defaultStyleCss","KolInputRadio","getValue","this","focus","host","getFocusableInput","click","async","inputRef","options","_options","isComponentDisabled","selectedIndex","findIndex","option","input","inputRefs","get","firstEnabledIndex","undefined","getFormFieldProps","component","formFieldLabelProps","formFieldInputProps","_orientation","tooltipAlign","_tooltipAlign","alert","showAsAlert","render","key","map","index","renderOption","calculateDisabled","getOptionProps","hint","fieldControlLabelProps","showBadge","getInputProps","selected","ref","setInputRefByIndex","setInputRef","controller","onFacade","onChange","onClick","onInput","onKeyDown","bind","onFocus","event","inputHasFocus","onBlur","customId","constructor","hostRef","Map","set","delete","_hideMsg","_hint","target","HTMLInputElement","getOptionByKey","code","form","validateTooltipAlign","validateDisabled","validateHideLabel","validateHideMsg","validateHint","validateLabel","validateMsg","validateName","validateOn","validateOptions","validateOrientation","validateRequired","validateSyncValueBySelector","validateTouched","validateValue","componentWillLoad","watchers","_on","_syncValueBySelector","style","default"],"sources":["0"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"kol-input-range.entry.esm.js","sources":["src/components/input-range/controller.ts","src/components/input-range/style.scss?tag=kol-input-range&mode=default&encapsulation=shadow","src/components/input-range/shadow.tsx"],"sourcesContent":["import type { AutoCompletePropType, InputRangeProps, InputRangeWatches, NumberString, SuggestionsPropType } from '../../schema';\nimport { validateSuggestions } from '../../schema';\nimport { validateAutoComplete } from '../../schema/props/auto-complete';\n\nimport { InputIconController } from '../@deprecated/input/controller-icon';\n\nimport type { Generic } from 'adopted-style-sheets';\n\nexport class InputRangeController extends InputIconController implements InputRangeWatches {\n\tprotected readonly component: Generic.Element.Component & InputRangeProps;\n\n\tpublic constructor(component: Generic.Element.Component & InputRangeProps, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic validateAutoComplete(value?: AutoCompletePropType): void {\n\t\tvalidateAutoComplete(this.component, value);\n\t}\n\n\tpublic validateMax(value?: number | NumberString): void {\n\t\tthis.validateNumber('_max', value);\n\t}\n\n\tpublic validateMin(value?: number | NumberString): void {\n\t\tthis.validateNumber('_min', value);\n\t}\n\n\tpublic validateStep(value?: number | NumberString): void {\n\t\tthis.validateNumber('_step', value);\n\t}\n\n\tpublic validateSuggestions(value?: SuggestionsPropType): void {\n\t\tvalidateSuggestions(this.component, value);\n\t}\n\n\tpublic validateValue(value?: number | NumberString): void {\n\t\tthis.validateNumber('_value', value);\n\t\tthis.component._value = value;\n\t\tthis.setFormAssociatedValue(this.component.state._value as string);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateAutoComplete(this.component._autoComplete);\n\t\tthis.validateMax(this.component._max);\n\t\tthis.validateMin(this.component._min);\n\t\tthis.validateStep(this.component._step);\n\t\tthis.validateSuggestions(this.component._suggestions);\n\t\tthis.validateValue(this.component._value);\n\t}\n}\n","@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\t.kol-input-range {\n\t\t&__inputs-wrapper {\n\t\t\tdisplay: flex;\n\t\t\tflex-grow: 1;\n\t\t\tflex-direction: row;\n\t\t\talign-items: center;\n\t\t}\n\n\t\t&__input {\n\t\t\t$input: &;\n\n\t\t\t&--number {\n\t\t\t\twidth: var(--kolibri-input-range--input-number--width);\n\t\t\t}\n\n\t\t\t&--range {\n\t\t\t\tbackground-color: #d3d3d3;\n\t\t\t\tdisplay: inline-block;\n\t\t\t\t/* Design-Hack - related with flex-grow */\n\t\t\t\twidth: 0;\n\t\t\t\theight: to-rem(8);\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0;\n\t\t\t\tflex-grow: 1;\n\n\t\t\t\tline-height: 1.5;\n\t\t\t\tappearance: none;\n\t\t\t\tborder: 1px solid #000;\n\n\t\t\t\t&::-webkit-slider-thumb {\n\t\t\t\t\t@at-root #{$input}:not(:disabled)#{&} {\n\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t}\n\t\t\t\t\tbackground-color: #000;\n\t\t\t\t\tborder-radius: 20px;\n\t\t\t\t\twidth: to-rem(20);\n\t\t\t\t\theight: to-rem(20);\n\t\t\t\t\t-webkit-appearance: none;\n\n\t\t\t\t\t@media (prefers-contrast: more) or (forced-colors: active) {\n\t\t\t\t\t\toutline: 1px solid currentColor;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&::-moz-range-thumb {\n\t\t\t\t\t@at-root #{$input}:not(:disabled)#{&} {\n\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t}\n\t\t\t\t\tbackground-color: #000;\n\t\t\t\t\tborder-radius: 20px;\n\t\t\t\t\twidth: to-rem(20);\n\t\t\t\t\theight: to-rem(20);\n\t\t\t\t\t-moz-appearance: none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\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\tAutoCompletePropType,\n\tDisabledPropType,\n\tFocusableElement,\n\tHideLabelPropType,\n\tHideMsgPropType,\n\tHintPropType,\n\tIconsHorizontalPropType,\n\tInputRangeAPI,\n\tInputRangeStates,\n\tInputTypeOnDefault,\n\tLabelWithExpertSlotPropType,\n\tMsgPropType,\n\tNamePropType,\n\tNumberString,\n\tShortKeyPropType,\n\tStringified,\n\tSuggestionsPropType,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\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 KolSuggestionsFc from '../../functional-components/Suggestions';\nimport { nonce } from '../../utils/dev.utils';\nimport { delegateFocus, setFocus } from '../../utils/element-focus';\nimport { propagateSubmitEventToForm } from '../form/controller';\nimport { InputRangeController } from './controller';\n\n/**\n * The **Range** input type creates a slider control for selecting a numeric value within a defined range. Use the `_min`, `_max`, and `_step` properties to configure the range and step size.\n *\n * @slot - The label of the input field.\n */\n@Component({\n\ttag: 'kol-input-range',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolInputRange implements InputRangeAPI, FocusableElement {\n\t@Element() private readonly host?: HTMLKolInputRangeElement;\n\tprivate refInputNumber?: HTMLInputElement;\n\tprivate refInputRange?: HTMLInputElement;\n\n\t/**\n\t * Sets focus on the internal element.\n\t */\n\t@Method()\n\tpublic async focus() {\n\t\treturn delegateFocus(this.host!, () => setFocus(this.refInputNumber!));\n\t}\n\n\tprivate readonly setInputNumberRef = (element?: HTMLInputElement) => {\n\t\tif (element) {\n\t\t\tthis.refInputNumber = element;\n\t\t\tif (!this._value && this.refInputNumber?.value) {\n\t\t\t\tthis.validateValue(parseFloat(this.refInputNumber.value));\n\t\t\t}\n\t\t}\n\t};\n\n\tprivate readonly setInputRangeRef = (element?: HTMLInputElement) => {\n\t\tif (element) {\n\t\t\tthis.refInputRange = element;\n\t\t}\n\t};\n\n\tprivate getSanitizedFloatValue(value: string): number {\n\t\tconst floatValue = parseFloat(value);\n\t\tif (this.state._max && floatValue > this.state._max) {\n\t\t\treturn this.state._max;\n\t\t}\n\t\tif (this.state._min && floatValue < this.state._min) {\n\t\t\treturn this.state._min;\n\t\t}\n\t\treturn floatValue;\n\t}\n\n\t/**\n\t * Map the value to the initial format. E.g., if the user provided a string initially, return a string.\n\t */\n\tprivate remapValue(value: number): number | NumberString {\n\t\tif (this._initialValueType === 'NumberString') {\n\t\t\treturn String(value) as NumberString;\n\t\t}\n\t\treturn value;\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<number | NumberString | undefined> {\n\t\tif (this.refInputNumber !== undefined) {\n\t\t\tconst value = this.refInputNumber.value;\n\t\t\tconst floatValue = this.getSanitizedFloatValue(value);\n\t\t\treturn this.remapValue(floatValue);\n\t\t}\n\t}\n\n\tprivate readonly onInput = (event: Event) => {\n\t\tconst value = (event.target as HTMLInputElement).value;\n\t\tconst floatValue = this.getSanitizedFloatValue(value);\n\t\tthis.controller.onFacade.onInput(event, true, this.remapValue(floatValue));\n\t};\n\n\tprivate readonly onChange = (event: Event) => {\n\t\tconst value = (event.target as HTMLInputElement).value;\n\t\tconst floatValue = this.getSanitizedFloatValue(value);\n\t\tconst remappedValue = this.remapValue(floatValue);\n\t\tthis.validateValue(remappedValue);\n\t\tthis.controller.onFacade.onChange(event, remappedValue);\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.refInputNumber,\n\t\t\t});\n\t\t}\n\t};\n\n\tcomponentDidLoad() {\n\t\tif (!this._value && this.refInputRange?.value) {\n\t\t\tthis.validateValue(parseFloat(this.refInputRange.value));\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-range', 'range'),\n\t\t\ttooltipAlign: this._tooltipAlign,\n\t\t\talert: this.showAsAlert(),\n\t\t};\n\t}\n\n\tprivate getGenericInputProps() {\n\t\treturn {\n\t\t\tstate: { ...this.state, _suggestions: [] },\n\t\t\t...this.controller.onFacade,\n\t\t\tonChange: this.onChange,\n\t\t\tonInput: this.onInput,\n\t\t\tonFocus: (event: Event) => {\n\t\t\t\tthis.controller.onFacade.onFocus(event);\n\t\t\t\tthis.inputHasFocus = true;\n\t\t\t},\n\t\t\tonBlur: (event: Event) => {\n\t\t\t\tthis.controller.onFacade.onBlur(event);\n\t\t\t\tthis.inputHasFocus = false;\n\t\t\t},\n\t\t};\n\t}\n\n\tprivate get hasSuggestions(): boolean {\n\t\treturn Array.isArray(this.state._suggestions) && this.state._suggestions.length > 0;\n\t}\n\n\tprivate getInputRangeProps(): InputStateWrapperProps {\n\t\treturn {\n\t\t\t...this.getGenericInputProps(),\n\t\t\tname: this.state._name ? `${this.state._name}-range` : undefined,\n\t\t\tlist: this.hasSuggestions ? `${this.state._id}-list` : undefined,\n\t\t\ttype: 'range',\n\t\t\ttabIndex: -1,\n\t\t\tid: undefined,\n\t\t\t'aria-hidden': 'true',\n\t\t\tref: this.setInputRangeRef,\n\t\t};\n\t}\n\n\tprivate getInputNumberProps(): InputStateWrapperProps {\n\t\treturn {\n\t\t\t...this.getGenericInputProps(),\n\t\t\tname: this.state._name ? `${this.state._name}-number` : undefined,\n\t\t\tlist: this.hasSuggestions ? `${this.state._id}-list` : undefined,\n\t\t\ttype: 'number',\n\t\t\tref: this.setInputNumberRef,\n\t\t\tonKeyDown: this.onKeyDown,\n\t\t};\n\t}\n\n\tprivate setInitialValueType(value?: number | NumberString) {\n\t\tif (this.controller.isNumberString(value)) {\n\t\t\tthis._initialValueType = 'NumberString';\n\t\t} else {\n\t\t\tthis._initialValueType = 'number';\n\t\t}\n\t}\n\n\tpublic render(): JSX.Element {\n\t\tconst inputsWrapperStyle = {\n\t\t\t// use number of digits in max value plus some space for the number input arrow buttons\n\t\t\t'--kolibri-input-range--input-number--width': `calc(${String(this.state._max).length}ch + 2em)`,\n\t\t};\n\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<div class=\"kol-input-range__inputs-wrapper\" style={inputsWrapperStyle}>\n\t\t\t\t\t\t<KolInputStateWrapperFc class=\"kol-input-range__input kol-input-range__input--range\" {...this.getInputRangeProps()} />\n\t\t\t\t\t\t<KolInputStateWrapperFc class=\"kol-input-range__input kol-input-range__input--number\" {...this.getInputNumberProps()} />\n\t\t\t\t\t</div>\n\t\t\t\t\t{this.hasSuggestions && <KolSuggestionsFc id={this.state._id} suggestions={this.state._suggestions} />}\n\t\t\t\t</KolInputContainerFc>\n\t\t\t</KolFormFieldStateWrapperFc>\n\t\t);\n\t}\n\n\tprivate readonly controller: InputRangeController;\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?: string;\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 * 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 value of the element.\n\t */\n\t@Prop() public _max?: number | NumberString = 100;\n\n\t/**\n\t * Defines the smallest possible input value.\n\t */\n\t@Prop() public _min?: number | NumberString = 0;\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 * 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 the step size for value changes.\n\t */\n\t@Prop() public _step?: number | NumberString;\n\n\t/**\n\t * Suggestions to provide for the input.\n\t */\n\t@Prop() public _suggestions?: SuggestionsPropType;\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 the value of the element.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _value?: number | NumberString;\n\n\t@State() public state: InputRangeStates = {\n\t\t_hideMsg: false,\n\t\t_id: `id-${nonce()}`,\n\t\t_label: '', // ⚠ required\n\t\t_suggestions: [],\n\t\t_min: 0,\n\t\t_max: 100,\n\t};\n\t@State() private _initialValueType: 'number' | 'NumberString' = 'number';\n\t@State() private inputHasFocus = false;\n\n\tpublic constructor() {\n\t\tthis.controller = new InputRangeController(this, 'range', 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?: string): 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('_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('_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('_max')\n\tpublic validateMax(value?: number | NumberString): void {\n\t\tthis.controller.validateMax(value);\n\t}\n\n\t@Watch('_min')\n\tpublic validateMin(value?: number | NumberString): void {\n\t\tthis.controller.validateMin(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('_shortKey')\n\tpublic validateShortKey(value?: ShortKeyPropType): void {\n\t\tthis.controller.validateShortKey(value);\n\t}\n\n\t@Watch('_step')\n\tpublic validateStep(value?: number | NumberString): void {\n\t\tthis.controller.validateStep(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('_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('_value')\n\tpublic validateValue(value?: number | NumberString): void {\n\t\tthis.controller.validateValue(value);\n\t\tif (value !== undefined) {\n\t\t\tthis.setInitialValueType(value);\n\t\t}\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tif (this._value !== undefined) {\n\t\t\tthis.setInitialValueType(this._value);\n\t\t}\n\t\tthis._touched = this._touched === true;\n\t\tthis.controller.componentWillLoad();\n\t}\n}\n"],"names":["KolFormFieldStateWrapperFc","KolInputContainerFc","KolInputStateWrapperFc","KolSuggestionsFc"],"mappings":"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"}
+{"version":3,"file":"kol-input-range.entry.esm.js","sources":["src/components/input-range/controller.ts","src/components/input-range/style.scss?tag=kol-input-range&mode=default&encapsulation=shadow","src/components/input-range/shadow.tsx"],"sourcesContent":["import type { AutoCompletePropType, InputRangeProps, InputRangeWatches, NumberString, SuggestionsPropType } from '../../schema';\nimport { validateSuggestions } from '../../schema';\nimport { validateAutoComplete } from '../../schema/props/auto-complete';\n\nimport { InputIconController } from '../@deprecated/input/controller-icon';\n\nimport type { Generic } from 'adopted-style-sheets';\n\nexport class InputRangeController extends InputIconController implements InputRangeWatches {\n\tprotected readonly component: Generic.Element.Component & InputRangeProps;\n\n\tpublic constructor(component: Generic.Element.Component & InputRangeProps, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic validateAutoComplete(value?: AutoCompletePropType): void {\n\t\tvalidateAutoComplete(this.component, value);\n\t}\n\n\tpublic validateMax(value?: number | NumberString): void {\n\t\tthis.validateNumber('_max', value);\n\t}\n\n\tpublic validateMin(value?: number | NumberString): void {\n\t\tthis.validateNumber('_min', value);\n\t}\n\n\tpublic validateStep(value?: number | NumberString): void {\n\t\tthis.validateNumber('_step', value);\n\t}\n\n\tpublic validateSuggestions(value?: SuggestionsPropType): void {\n\t\tvalidateSuggestions(this.component, value);\n\t}\n\n\tpublic validateValue(value?: number | NumberString): void {\n\t\tthis.validateNumber('_value', value);\n\t\tthis.component._value = value;\n\t\tthis.setFormAssociatedValue(this.component.state._value as string);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateAutoComplete(this.component._autoComplete);\n\t\tthis.validateMax(this.component._max);\n\t\tthis.validateMin(this.component._min);\n\t\tthis.validateStep(this.component._step);\n\t\tthis.validateSuggestions(this.component._suggestions);\n\t\tthis.validateValue(this.component._value);\n\t}\n}\n","@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\t.kol-input-range {\n\t\t&__inputs-wrapper {\n\t\t\tdisplay: flex;\n\t\t\tflex-grow: 1;\n\t\t\tflex-direction: row;\n\t\t\talign-items: center;\n\t\t}\n\n\t\t&__input {\n\t\t\t$input: &;\n\n\t\t\t&--number {\n\t\t\t\twidth: var(--kolibri-input-range--input-number--width);\n\t\t\t}\n\n\t\t\t&--range {\n\t\t\t\tbackground-color: #d3d3d3;\n\t\t\t\tdisplay: inline-block;\n\t\t\t\t/* Design-Hack - related with flex-grow */\n\t\t\t\twidth: 0;\n\t\t\t\theight: to-rem(8);\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0;\n\t\t\t\tflex-grow: 1;\n\n\t\t\t\tline-height: 1.5;\n\t\t\t\tappearance: none;\n\t\t\t\tborder: 1px solid #000;\n\n\t\t\t\t&::-webkit-slider-thumb {\n\t\t\t\t\t@at-root #{$input}:not(:disabled)#{&} {\n\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t}\n\t\t\t\t\tbackground-color: #000;\n\t\t\t\t\tborder-radius: 20px;\n\t\t\t\t\twidth: to-rem(20);\n\t\t\t\t\theight: to-rem(20);\n\t\t\t\t\t-webkit-appearance: none;\n\n\t\t\t\t\t@media (prefers-contrast: more) or (forced-colors: active) {\n\t\t\t\t\t\toutline: 1px solid currentColor;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&::-moz-range-thumb {\n\t\t\t\t\t@at-root #{$input}:not(:disabled)#{&} {\n\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t}\n\t\t\t\t\tbackground-color: #000;\n\t\t\t\t\tborder-radius: 20px;\n\t\t\t\t\twidth: to-rem(20);\n\t\t\t\t\theight: to-rem(20);\n\t\t\t\t\t-moz-appearance: none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\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\tAutoCompletePropType,\n\tDisabledPropType,\n\tFocusableElement,\n\tHideLabelPropType,\n\tHideMsgPropType,\n\tHintPropType,\n\tIconsHorizontalPropType,\n\tInputRangeAPI,\n\tInputRangeStates,\n\tInputTypeOnDefault,\n\tLabelWithExpertSlotPropType,\n\tMsgPropType,\n\tNamePropType,\n\tNumberString,\n\tShortKeyPropType,\n\tStringified,\n\tSuggestionsPropType,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\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 KolSuggestionsFc from '../../functional-components/Suggestions';\nimport { nonce } from '../../utils/dev.utils';\nimport { delegateClick, setClick } from '../../utils/element-click';\nimport { delegateFocus, setFocus } from '../../utils/element-focus';\nimport { propagateSubmitEventToForm } from '../form/controller';\nimport { InputRangeController } from './controller';\n\n/**\n * The **Range** input type creates a slider control for selecting a numeric value within a defined range. Use the `_min`, `_max`, and `_step` properties to configure the range and step size.\n *\n * @slot - The label of the input field.\n */\n@Component({\n\ttag: 'kol-input-range',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolInputRange implements InputRangeAPI, FocusableElement {\n\t@Element() private readonly host?: HTMLKolInputRangeElement;\n\tprivate refInputNumber?: HTMLInputElement;\n\tprivate refInputRange?: HTMLInputElement;\n\n\t/**\n\t * Sets focus on the internal element.\n\t */\n\t@Method()\n\tpublic async focus() {\n\t\treturn delegateFocus(this.host!, () => setFocus(this.refInputNumber!));\n\t}\n\n\t/**\n\t * Clicks the primary interactive element inside this component.\n\t */\n\t@Method()\n\tpublic async click(): Promise<void> {\n\t\treturn delegateClick(this.host!, async () => setClick(this.refInputNumber!));\n\t}\n\n\tprivate readonly setInputNumberRef = (element?: HTMLInputElement) => {\n\t\tif (element) {\n\t\t\tthis.refInputNumber = element;\n\t\t\tif (!this._value && this.refInputNumber?.value) {\n\t\t\t\tthis.validateValue(parseFloat(this.refInputNumber.value));\n\t\t\t}\n\t\t}\n\t};\n\n\tprivate readonly setInputRangeRef = (element?: HTMLInputElement) => {\n\t\tif (element) {\n\t\t\tthis.refInputRange = element;\n\t\t}\n\t};\n\n\tprivate getSanitizedFloatValue(value: string): number {\n\t\tconst floatValue = parseFloat(value);\n\t\tif (this.state._max && floatValue > this.state._max) {\n\t\t\treturn this.state._max;\n\t\t}\n\t\tif (this.state._min && floatValue < this.state._min) {\n\t\t\treturn this.state._min;\n\t\t}\n\t\treturn floatValue;\n\t}\n\n\t/**\n\t * Map the value to the initial format. E.g., if the user provided a string initially, return a string.\n\t */\n\tprivate remapValue(value: number): number | NumberString {\n\t\tif (this._initialValueType === 'NumberString') {\n\t\t\treturn String(value) as NumberString;\n\t\t}\n\t\treturn value;\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<number | NumberString | undefined> {\n\t\tif (this.refInputNumber !== undefined) {\n\t\t\tconst value = this.refInputNumber.value;\n\t\t\tconst floatValue = this.getSanitizedFloatValue(value);\n\t\t\treturn this.remapValue(floatValue);\n\t\t}\n\t}\n\n\tprivate readonly onInput = (event: Event) => {\n\t\tconst value = (event.target as HTMLInputElement).value;\n\t\tconst floatValue = this.getSanitizedFloatValue(value);\n\t\tthis.controller.onFacade.onInput(event, true, this.remapValue(floatValue));\n\t};\n\n\tprivate readonly onChange = (event: Event) => {\n\t\tconst value = (event.target as HTMLInputElement).value;\n\t\tconst floatValue = this.getSanitizedFloatValue(value);\n\t\tconst remappedValue = this.remapValue(floatValue);\n\t\tthis.validateValue(remappedValue);\n\t\tthis.controller.onFacade.onChange(event, remappedValue);\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.refInputNumber,\n\t\t\t});\n\t\t}\n\t};\n\n\tcomponentDidLoad() {\n\t\tif (!this._value && this.refInputRange?.value) {\n\t\t\tthis.validateValue(parseFloat(this.refInputRange.value));\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-range', 'range'),\n\t\t\ttooltipAlign: this._tooltipAlign,\n\t\t\talert: this.showAsAlert(),\n\t\t};\n\t}\n\n\tprivate getGenericInputProps() {\n\t\treturn {\n\t\t\tstate: { ...this.state, _suggestions: [] },\n\t\t\t...this.controller.onFacade,\n\t\t\tonChange: this.onChange,\n\t\t\tonInput: this.onInput,\n\t\t\tonFocus: (event: Event) => {\n\t\t\t\tthis.controller.onFacade.onFocus(event);\n\t\t\t\tthis.inputHasFocus = true;\n\t\t\t},\n\t\t\tonBlur: (event: Event) => {\n\t\t\t\tthis.controller.onFacade.onBlur(event);\n\t\t\t\tthis.inputHasFocus = false;\n\t\t\t},\n\t\t};\n\t}\n\n\tprivate get hasSuggestions(): boolean {\n\t\treturn Array.isArray(this.state._suggestions) && this.state._suggestions.length > 0;\n\t}\n\n\tprivate getInputRangeProps(): InputStateWrapperProps {\n\t\treturn {\n\t\t\t...this.getGenericInputProps(),\n\t\t\tname: this.state._name ? `${this.state._name}-range` : undefined,\n\t\t\tlist: this.hasSuggestions ? `${this.state._id}-list` : undefined,\n\t\t\ttype: 'range',\n\t\t\ttabIndex: -1,\n\t\t\tid: undefined,\n\t\t\t'aria-hidden': 'true',\n\t\t\tref: this.setInputRangeRef,\n\t\t};\n\t}\n\n\tprivate getInputNumberProps(): InputStateWrapperProps {\n\t\treturn {\n\t\t\t...this.getGenericInputProps(),\n\t\t\tname: this.state._name ? `${this.state._name}-number` : undefined,\n\t\t\tlist: this.hasSuggestions ? `${this.state._id}-list` : undefined,\n\t\t\ttype: 'number',\n\t\t\tref: this.setInputNumberRef,\n\t\t\tonKeyDown: this.onKeyDown,\n\t\t};\n\t}\n\n\tprivate setInitialValueType(value?: number | NumberString) {\n\t\tif (this.controller.isNumberString(value)) {\n\t\t\tthis._initialValueType = 'NumberString';\n\t\t} else {\n\t\t\tthis._initialValueType = 'number';\n\t\t}\n\t}\n\n\tpublic render(): JSX.Element {\n\t\tconst inputsWrapperStyle = {\n\t\t\t// use number of digits in max value plus some space for the number input arrow buttons\n\t\t\t'--kolibri-input-range--input-number--width': `calc(${String(this.state._max).length}ch + 2em)`,\n\t\t};\n\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<div class=\"kol-input-range__inputs-wrapper\" style={inputsWrapperStyle}>\n\t\t\t\t\t\t<KolInputStateWrapperFc class=\"kol-input-range__input kol-input-range__input--range\" {...this.getInputRangeProps()} />\n\t\t\t\t\t\t<KolInputStateWrapperFc class=\"kol-input-range__input kol-input-range__input--number\" {...this.getInputNumberProps()} />\n\t\t\t\t\t</div>\n\t\t\t\t\t{this.hasSuggestions && <KolSuggestionsFc id={this.state._id} suggestions={this.state._suggestions} />}\n\t\t\t\t</KolInputContainerFc>\n\t\t\t</KolFormFieldStateWrapperFc>\n\t\t);\n\t}\n\n\tprivate readonly controller: InputRangeController;\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?: string;\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 * 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 value of the element.\n\t */\n\t@Prop() public _max?: number | NumberString = 100;\n\n\t/**\n\t * Defines the smallest possible input value.\n\t */\n\t@Prop() public _min?: number | NumberString = 0;\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 * 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 the step size for value changes.\n\t */\n\t@Prop() public _step?: number | NumberString;\n\n\t/**\n\t * Suggestions to provide for the input.\n\t */\n\t@Prop() public _suggestions?: SuggestionsPropType;\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 the value of the element.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _value?: number | NumberString;\n\n\t@State() public state: InputRangeStates = {\n\t\t_hideMsg: false,\n\t\t_id: `id-${nonce()}`,\n\t\t_label: '', // ⚠ required\n\t\t_suggestions: [],\n\t\t_min: 0,\n\t\t_max: 100,\n\t};\n\t@State() private _initialValueType: 'number' | 'NumberString' = 'number';\n\t@State() private inputHasFocus = false;\n\n\tpublic constructor() {\n\t\tthis.controller = new InputRangeController(this, 'range', 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?: string): 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('_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('_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('_max')\n\tpublic validateMax(value?: number | NumberString): void {\n\t\tthis.controller.validateMax(value);\n\t}\n\n\t@Watch('_min')\n\tpublic validateMin(value?: number | NumberString): void {\n\t\tthis.controller.validateMin(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('_shortKey')\n\tpublic validateShortKey(value?: ShortKeyPropType): void {\n\t\tthis.controller.validateShortKey(value);\n\t}\n\n\t@Watch('_step')\n\tpublic validateStep(value?: number | NumberString): void {\n\t\tthis.controller.validateStep(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('_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('_value')\n\tpublic validateValue(value?: number | NumberString): void {\n\t\tthis.controller.validateValue(value);\n\t\tif (value !== undefined) {\n\t\t\tthis.setInitialValueType(value);\n\t\t}\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tif (this._value !== undefined) {\n\t\t\tthis.setInitialValueType(this._value);\n\t\t}\n\t\tthis._touched = this._touched === true;\n\t\tthis.controller.componentWillLoad();\n\t}\n}\n"],"names":["KolFormFieldStateWrapperFc","KolInputContainerFc","KolInputStateWrapperFc","KolSuggestionsFc"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as n,r as e,g as t}from"./index-BOCBxrrO.js";import{c as i}from"./clsx-COFh-Vc8.js";import{F as o}from"./FormFieldStateWrapper-CQSqcO-4.js";import{I as a,a as r}from"./controller-icon-Be5G1l9V.js";import{I as l,S as s}from"./InputStateWrapper-DhDCsPkX.js";import{n as c}from"./dev.utils-C2fl1BE9.js";import{d,s as h}from"./element-focus-y2O-Z32P.js";import{p}from"./controller-BShVWk74.js";import"./common-BIkdAxr0.js";import{v as f}from"./auto-complete-69d94cWC.js";import{v as m}from"./suggestions-CAPtcaUM.js";import"./access-and-short-key-CPX70LXd.js";import"./disabled-BdPI9eda.js";import"./hide-label-ByItyHgV.js";import"./label-Cw7rCjUo.js";import"./tooltip-align-DodV1tEH.js";import"./align-DDUsWnWP.js";import"./events-DHTi_wtD.js";import"./associated.controller-DKliwG01.js";import"./bootstrap-7FNy-lUW.js";import"./component-names-C64MXeC1.js";import"./i18n-B0tfVPMa.js";import"./isObject-BJgq02Md.js";import"./isArray-CcrBs4JM.js";import"./tslib.es6-CxX45GIN.js";import"./component-PkMaDN8_.js";import"./bem-registry-ClssJ_nC.js";import"./component-vO2V8iwo.js";import"./i18n-DvMeCREp.js";import"./Alert-CqPvVKJP.js";import"./Heading-CdHsieJ-.js";import"./icons-CmA8Oww0.js";import"./Input-BArbuEyo.js";class u extends a{constructor(n,e,t){super(n,e,t),this.component=n}validateAutoComplete(n){f(this.component,n)}validateMax(n){this.validateNumber("_max",n)}validateMin(n){this.validateNumber("_min",n)}validateStep(n){this.validateNumber("_step",n)}validateSuggestions(n){m(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 b='@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: lightgray;\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    opacity: 0.5;\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=1774619801488"); /* IE9*/\n  src: url("kolicons.eot?t=1774619801488#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1774619801488") format("woff2"), url("kolicons.woff?t=1774619801488") format("woff"), url("kolicons.ttf?t=1774619801488") format("truetype"), url("kolicons.svg?t=1774619801488#kolicons") format("svg"); /* iOS 4.1- */\n}\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\n.kolicon-alert-error::before {\n  content: "\\ea01";\n}\n\n.kolicon-alert-info::before {\n  content: "\\ea02";\n}\n\n.kolicon-alert-success::before {\n  content: "\\ea03";\n}\n\n.kolicon-alert-warning::before {\n  content: "\\ea04";\n}\n\n.kolicon-check::before {\n  content: "\\ea05";\n}\n\n.kolicon-chevron-double-left::before {\n  content: "\\ea06";\n}\n\n.kolicon-chevron-double-right::before {\n  content: "\\ea07";\n}\n\n.kolicon-chevron-down::before {\n  content: "\\ea08";\n}\n\n.kolicon-chevron-left::before {\n  content: "\\ea09";\n}\n\n.kolicon-chevron-right::before {\n  content: "\\ea0a";\n}\n\n.kolicon-chevron-up::before {\n  content: "\\ea0b";\n}\n\n.kolicon-cogwheel::before {\n  content: "\\ea0c";\n}\n\n.kolicon-cross::before {\n  content: "\\ea0d";\n}\n\n.kolicon-eye-closed::before {\n  content: "\\ea0e";\n}\n\n.kolicon-eye::before {\n  content: "\\ea0f";\n}\n\n.kolicon-house::before {\n  content: "\\ea10";\n}\n\n.kolicon-kolibri::before {\n  content: "\\ea11";\n}\n\n.kolicon-link-external::before {\n  content: "\\ea12";\n}\n\n.kolicon-link::before {\n  content: "\\ea13";\n}\n\n.kolicon-minus::before {\n  content: "\\ea14";\n}\n\n.kolicon-plus::before {\n  content: "\\ea15";\n}\n\n.kolicon-settings::before {\n  content: "\\ea16";\n}\n\n.kolicon-sort-asc::before {\n  content: "\\ea17";\n}\n\n.kolicon-sort-desc::before {\n  content: "\\ea18";\n}\n\n.kolicon-sort-neutral::before {\n  content: "\\ea19";\n}\n\n.kolicon-up::before {\n  content: "\\ea1a";\n}\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: #000;\n    background-color: #fff;\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: #000;\n    background-color: #fff;\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--disabled .kol-form-field__label {\n    opacity: 0.5;\n  }\n  .kol-form-field--required .kol-form-field__label-text:not(:has(> [name]))::after,\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    content: "*"/"";\n  }\n  .kol-form-field--disabled .kol-form-field__hint {\n    opacity: 0.5;\n  }\n  .kol-input-container {\n    background-color: transparent;\n    display: grid;\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  }\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: #d3d3d3;\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 #000;\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: #000;\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: #000;\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}',k=class{async focus(){return d(this.host,()=>h(this.refInputNumber))}getSanitizedFloatValue(n){const e=parseFloat(n);return this.state._max&&e>this.state._max?this.state._max:this.state._min&&e<this.state._min?this.state._min:e}remapValue(n){return"NumberString"===this._initialValueType?String(n):n}async getValue(){if(void 0!==this.refInputNumber){const n=this.refInputNumber.value,e=this.getSanitizedFloatValue(n);return this.remapValue(e)}}componentDidLoad(){var n;!this._value&&(null===(n=this.refInputRange)||void 0===n?void 0:n.value)&&this.validateValue(parseFloat(this.refInputRange.value))}getFormFieldProps(){return{state:this.state,class:i("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=!0},onBlur:n=>{this.controller.onFacade.onBlur(n),this.inputHasFocus=!1}})}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`:void 0,list:this.hasSuggestions?`${this.state._id}-list`:void 0,type:"range",tabIndex:-1,id:void 0,"aria-hidden":"true",ref:this.setInputRangeRef})}getInputNumberProps(){return Object.assign(Object.assign({},this.getGenericInputProps()),{name:this.state._name?`${this.state._name}-number`:void 0,list:this.hasSuggestions?`${this.state._id}-list`:void 0,type:"number",ref:this.setInputNumberRef,onKeyDown:this.onKeyDown})}setInitialValueType(n){this.controller.isNumberString(n)?this._initialValueType="NumberString":this._initialValueType="number"}render(){const e={"--kolibri-input-range--input-number--width":`calc(${String(this.state._max).length}ch + 2em)`};return n(o,Object.assign({key:"4996871f5fc7a7f5cbf87a9d9aeec3912b20c369"},this.getFormFieldProps()),n(r,{key:"575f2380fda845f646bbb2017a663380e10dd258",state:this.state},n("div",{key:"12d73eb7eeacd40014dcd95c44b043d1af066b52",class:"kol-input-range__inputs-wrapper",style:e},n(l,Object.assign({key:"0dcc31cf86b16d4eb18d7090a6cbbe13d2224280",class:"kol-input-range__input kol-input-range__input--range"},this.getInputRangeProps())),n(l,Object.assign({key:"96411d8ccabf01f8e0e5a928e568ec7573969845",class:"kol-input-range__input kol-input-range__input--number"},this.getInputNumberProps()))),this.hasSuggestions&&n(s,{key:"dd4ae732b5b6d371301dc8a1b95d8bc184af0ca4",id:this.state._id,suggestions:this.state._suggestions})))}constructor(n){e(this,n),this.setInputNumberRef=n=>{var e;n&&(this.refInputNumber=n,!this._value&&(null===(e=this.refInputNumber)||void 0===e?void 0:e.value)&&this.validateValue(parseFloat(this.refInputNumber.value)))},this.setInputRangeRef=n=>{n&&(this.refInputRange=n)},this.onInput=n=>{const e=n.target.value,t=this.getSanitizedFloatValue(e);this.controller.onFacade.onInput(n,!0,this.remapValue(t))},this.onChange=n=>{const e=n.target.value,t=this.getSanitizedFloatValue(e),o=this.remapValue(t);this.validateValue(o),this.controller.onFacade.onChange(n,o)},this.onKeyDown=n=>{this.controller.onFacade.onKeyDown(n),"Enter"!==n.code&&"NumpadEnter"!==n.code||p({form:this.host})},this._autoComplete="off",this._disabled=!1,this._hideMsg=!1,this._hideLabel=!1,this._hint="",this._max=100,this._min=0,this._tooltipAlign="top",this._touched=!1,this.state={_hideMsg:!1,_id:`id-${c()}`,_label:"",_suggestions:[],_min:0,_max:100},this._initialValueType="number",this.inputHasFocus=!1,this.controller=new u(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),void 0!==n&&this.setInitialValueType(n)}componentWillLoad(){void 0!==this._value&&this.setInitialValueType(this._value),this._touched=!0===this._touched,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"]}}};k.style={default:b};export{k as kol_input_range};
+import{h as n,r as e,g as t}from"./index-BPtT34o3.js";import{c as i}from"./clsx-COFh-Vc8.js";import{F as o}from"./FormFieldStateWrapper-D9-nbrAT.js";import{I as a,a as r}from"./controller-icon-LTaTMYty.js";import{I as l,S as s}from"./InputStateWrapper-BO-OfVb2.js";import{n as c}from"./dev.utils-CfUO8naH.js";import{d,s as h}from"./element-click-BTxuJDNT.js";import{d as p,s as f}from"./element-focus-BKUtVrWY.js";import{p as m}from"./controller-BOQfHWqN.js";import"./common-5ExJH6NU.js";import{v as u}from"./auto-complete-B9cEw7-0.js";import{v as b}from"./suggestions-Bu6noihP.js";import"./access-and-short-key-BzpC9FZP.js";import"./disabled-Cp_Z3qUn.js";import"./hide-label-BvUdILkE.js";import"./label-Cd37SRqu.js";import"./tooltip-align-D0H6p6J-.js";import"./align-BmVteuP6.js";import"./events-DHTi_wtD.js";import"./associated.controller-8xCU8Tb0.js";import"./bootstrap-BFbfb2g4.js";import"./component-names-pgL1e5No.js";import"./i18n-B2d_exHc.js";import"./isObject-BJgq02Md.js";import"./isArray-CcrBs4JM.js";import"./tslib.es6-CxX45GIN.js";import"./component-JM2Le9Vy.js";import"./bem-registry-DTQ0cuzY.js";import"./component-CL5w48zL.js";import"./i18n-CSCkYcOW.js";import"./Alert-BCOTrqr_.js";import"./Heading-CdhA3sYv.js";import"./icons-Cl5Luo4Z.js";import"./Input-ZDG0uZKh.js";class k extends a{constructor(n,e,t){super(n,e,t),this.component=n}validateAutoComplete(n){u(this.component,n)}validateMax(n){this.validateNumber("_max",n)}validateMin(n){this.validateNumber("_min",n)}validateStep(n){this.validateNumber("_step",n)}validateSuggestions(n){b(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 g='@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: lightgray;\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    opacity: 0.5;\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=1774956515321"); /* IE9*/\n  src: url("kolicons.eot?t=1774956515321#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1774956515321") format("woff2"), url("kolicons.woff?t=1774956515321") format("woff"), url("kolicons.ttf?t=1774956515321") format("truetype"), url("kolicons.svg?t=1774956515321#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: #000;\n    background-color: #fff;\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: #000;\n    background-color: #fff;\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--disabled .kol-form-field__label {\n    opacity: 0.5;\n  }\n  .kol-form-field--required .kol-form-field__label-text:not(:has(> [name]))::after,\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    content: "*"/"";\n  }\n  .kol-form-field--disabled .kol-form-field__hint {\n    opacity: 0.5;\n  }\n  .kol-input-container {\n    background-color: transparent;\n    display: grid;\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  }\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: #d3d3d3;\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 #000;\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: #000;\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: #000;\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}',y=class{async focus(){return p(this.host,()=>f(this.refInputNumber))}async click(){return d(this.host,async()=>h(this.refInputNumber))}getSanitizedFloatValue(n){const e=parseFloat(n);return this.state._max&&e>this.state._max?this.state._max:this.state._min&&e<this.state._min?this.state._min:e}remapValue(n){return"NumberString"===this._initialValueType?String(n):n}async getValue(){if(void 0!==this.refInputNumber){const n=this.refInputNumber.value,e=this.getSanitizedFloatValue(n);return this.remapValue(e)}}componentDidLoad(){var n;!this._value&&(null===(n=this.refInputRange)||void 0===n?void 0:n.value)&&this.validateValue(parseFloat(this.refInputRange.value))}getFormFieldProps(){return{state:this.state,class:i("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=!0},onBlur:n=>{this.controller.onFacade.onBlur(n),this.inputHasFocus=!1}})}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`:void 0,list:this.hasSuggestions?`${this.state._id}-list`:void 0,type:"range",tabIndex:-1,id:void 0,"aria-hidden":"true",ref:this.setInputRangeRef})}getInputNumberProps(){return Object.assign(Object.assign({},this.getGenericInputProps()),{name:this.state._name?`${this.state._name}-number`:void 0,list:this.hasSuggestions?`${this.state._id}-list`:void 0,type:"number",ref:this.setInputNumberRef,onKeyDown:this.onKeyDown})}setInitialValueType(n){this.controller.isNumberString(n)?this._initialValueType="NumberString":this._initialValueType="number"}render(){const e={"--kolibri-input-range--input-number--width":`calc(${String(this.state._max).length}ch + 2em)`};return n(o,Object.assign({key:"268b6499f4ed8053555bb1d8b4066121402be3fb"},this.getFormFieldProps()),n(r,{key:"5fa5b85ade2e0182da03fcef304636d5e768f2fa",state:this.state},n("div",{key:"97b960e6d16dec78c1fa65e954370b58270cc46d",class:"kol-input-range__inputs-wrapper",style:e},n(l,Object.assign({key:"b3cd43e14df212f9ec54a36ac5c4155e1a914bc2",class:"kol-input-range__input kol-input-range__input--range"},this.getInputRangeProps())),n(l,Object.assign({key:"430645b42fc48899b31eafda6b826abc05ff664f",class:"kol-input-range__input kol-input-range__input--number"},this.getInputNumberProps()))),this.hasSuggestions&&n(s,{key:"5370d9819d71b8f89af6dc0c501c4aa9cc3e710b",id:this.state._id,suggestions:this.state._suggestions})))}constructor(n){e(this,n),this.setInputNumberRef=n=>{var e;n&&(this.refInputNumber=n,!this._value&&(null===(e=this.refInputNumber)||void 0===e?void 0:e.value)&&this.validateValue(parseFloat(this.refInputNumber.value)))},this.setInputRangeRef=n=>{n&&(this.refInputRange=n)},this.onInput=n=>{const e=n.target.value,t=this.getSanitizedFloatValue(e);this.controller.onFacade.onInput(n,!0,this.remapValue(t))},this.onChange=n=>{const e=n.target.value,t=this.getSanitizedFloatValue(e),o=this.remapValue(t);this.validateValue(o),this.controller.onFacade.onChange(n,o)},this.onKeyDown=n=>{this.controller.onFacade.onKeyDown(n),"Enter"!==n.code&&"NumpadEnter"!==n.code||m({form:this.host})},this._autoComplete="off",this._disabled=!1,this._hideMsg=!1,this._hideLabel=!1,this._hint="",this._max=100,this._min=0,this._tooltipAlign="top",this._touched=!1,this.state={_hideMsg:!1,_id:`id-${c()}`,_label:"",_suggestions:[],_min:0,_max:100},this._initialValueType="number",this.inputHasFocus=!1,this.controller=new k(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),void 0!==n&&this.setInitialValueType(n)}componentWillLoad(){void 0!==this._value&&this.setInitialValueType(this._value),this._touched=!0===this._touched,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"]}}};y.style={default:g};export{y as kol_input_range};

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

@@ -1 +1 @@
-{"version":3,"names":["h","registerInstance","getElement","clsx","FormFieldStateWrapper","InputIconController","InputContainerStateWrapperFc","InputStateWrapper","SuggestionsFc","nonce","delegateFocus","setFocus","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","refInputNumber","getSanitizedFloatValue","floatValue","parseFloat","remapValue","_initialValueType","String","getValue","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","watchers","_accessKey","_icons","_msg","_on","_shortKey","_syncValueBySelector","default"],"sources":["0"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["h","registerInstance","getElement","clsx","FormFieldStateWrapper","InputIconController","InputContainerStateWrapperFc","InputStateWrapper","SuggestionsFc","nonce","delegateClick","setClick","delegateFocus","setFocus","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","refInputNumber","click","async","getSanitizedFloatValue","floatValue","parseFloat","remapValue","_initialValueType","String","getValue","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","watchers","_accessKey","_icons","_msg","_on","_shortKey","_syncValueBySelector","default"],"sources":["0"],"mappings":"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","ignoreList":[]}