@public-ui/hydrate 1.7.8 → 1.7.9

package/dist/index.js

@@ -8775,7 +8775,7 @@ function get() {
     },
     interpolation: {
       escapeValue: true,
-      format: (value, format, lng, options) => value,
+      format: value => value,
       prefix: '{{',
       suffix: '}}',
       formatSeparator: ',',
@@ -9564,7 +9564,7 @@ const initKoliBri = () => {
 	|  .   '  | .-. | |  | ,--. |  .-.  \\ |  .--' ,--.
 	|  |\\   \\ | '-' | |  | |  | |  '--' / |  |    |  |
 	\`--' \`--´  \`---´  \`--' \`--' \`------´  \`--'    \`--'
-	🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | 1.7.8
+	🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | 1.7.9
 		`, {
             forceLog: true,
         });
@@ -17044,7 +17044,7 @@ class KolInputPassword {
     }; }
 }
 
-const defaultStyleCss$n = "/*!@:host*/.sc-kol-input-radio-default-h{--a11y-min-size:44px;background-color:white;color:black;font-family:Verdana}/*!@**/*.sc-kol-input-radio-default{hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}/*!@[role='button'],\nbutton:not([role='link']),\nkol-input .input*/[role='button'].sc-kol-input-radio-default,button.sc-kol-input-radio-default:not([role='link']),kol-input.sc-kol-input-radio-default .input.sc-kol-input-radio-default{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}/*!@a,\nbutton,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\ninput,\noption,\nselect,\ntextarea*/a.sc-kol-input-radio-default,button.sc-kol-input-radio-default,h1.sc-kol-input-radio-default,h2.sc-kol-input-radio-default,h3.sc-kol-input-radio-default,h4.sc-kol-input-radio-default,h5.sc-kol-input-radio-default,h6.sc-kol-input-radio-default,input.sc-kol-input-radio-default,option.sc-kol-input-radio-default,select.sc-kol-input-radio-default,textarea.sc-kol-input-radio-default{font-family:inherit;font-size:inherit}/*!@.visually-hidden*/.visually-hidden.sc-kol-input-radio-default{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}/*!@:is(a, button)*/.sc-kol-input-radio-default:is(a,button).sc-kol-input-radio-default{background-color:transparent;border:none;margin:0;padding:0;width:100%}/*!@[hidden]*/[hidden].sc-kol-input-radio-default{display:none !important}/*!@:host*/.sc-kol-input-radio-default-h{max-width:100%}/*!@**/*.sc-kol-input-radio-default{box-sizing:border-box}/*!@kol-span-wc*/kol-span-wc.sc-kol-input-radio-default{display:grid;place-items:center}/*!@kol-span-wc > span*/kol-span-wc.sc-kol-input-radio-default>span.sc-kol-input-radio-default{display:flex;place-items:center}/*!@a,\nbutton*/a.sc-kol-input-radio-default,button.sc-kol-input-radio-default{cursor:pointer}/*!@.icon-only > kol-span-wc > span > span*/.icon-only.sc-kol-input-radio-default>kol-span-wc.sc-kol-input-radio-default>span.sc-kol-input-radio-default>span.sc-kol-input-radio-default{display:none}/*!@.required label > span::after,\n.required legend > span::after*/.required.sc-kol-input-radio-default label.sc-kol-input-radio-default>span.sc-kol-input-radio-default::after,.required.sc-kol-input-radio-default legend.sc-kol-input-radio-default>span.sc-kol-input-radio-default::after{content:'*'}/*!@:host*/.sc-kol-input-radio-default-h{display:block}/*!@input,\ntextarea*/input.sc-kol-input-radio-default,textarea.sc-kol-input-radio-default{cursor:text}/*!@input[type='checkbox'],\ninput[type='color'],\ninput[type='file'],\ninput[type='radio'],\ninput[type='range'],\nlabel,\noption,\nselect*/input[type='checkbox'].sc-kol-input-radio-default,input[type='color'].sc-kol-input-radio-default,input[type='file'].sc-kol-input-radio-default,input[type='radio'].sc-kol-input-radio-default,input[type='range'].sc-kol-input-radio-default,label.sc-kol-input-radio-default,option.sc-kol-input-radio-default,select.sc-kol-input-radio-default{cursor:pointer}/*!@input[type='color'],\ninput[type='date'],\ninput[type='datetime-local'],\ninput[type='email'],\ninput[type='file'],\ninput[type='month'],\ninput[type='number'],\ninput[type='password'],\ninput[type='search'],\ninput[type='tel'],\ninput[type='text'],\ninput[type='time'],\ninput[type='url'],\ninput[type='week'],\nselect,\nselect[multiple] option,\ntextarea*/input[type='color'].sc-kol-input-radio-default,input[type='date'].sc-kol-input-radio-default,input[type='datetime-local'].sc-kol-input-radio-default,input[type='email'].sc-kol-input-radio-default,input[type='file'].sc-kol-input-radio-default,input[type='month'].sc-kol-input-radio-default,input[type='number'].sc-kol-input-radio-default,input[type='password'].sc-kol-input-radio-default,input[type='search'].sc-kol-input-radio-default,input[type='tel'].sc-kol-input-radio-default,input[type='text'].sc-kol-input-radio-default,input[type='time'].sc-kol-input-radio-default,input[type='url'].sc-kol-input-radio-default,input[type='week'].sc-kol-input-radio-default,select.sc-kol-input-radio-default,select[multiple].sc-kol-input-radio-default option.sc-kol-input-radio-default,textarea.sc-kol-input-radio-default{font-size:1rem;width:100%}/*!@input[type='file']*/input[type='file'].sc-kol-input-radio-default{padding:calc((var(--a11y-min-size) - 1rem) / 10) 0.5em}/*!@select[multiple] option*/select[multiple].sc-kol-input-radio-default option.sc-kol-input-radio-default{padding:calc((var(--a11y-min-size) - 1rem) / 2) 0.5em}/*!@kol-input.disabled :is(button, input, option, select, textarea, .input-label)*/kol-input.disabled.sc-kol-input-radio-default .sc-kol-input-radio-default:is(button,input.sc-kol-input-radio-default,option.sc-kol-input-radio-default,select.sc-kol-input-radio-default,textarea.sc-kol-input-radio-default,.input-label).sc-kol-input-radio-default{cursor:not-allowed;opacity:0.5}/*!@:host*/.sc-kol-input-radio-default-h{--border-width:2px;--input-size:1.5em}/*!@kol-input .icons*/kol-input.sc-kol-input-radio-default .icons.sc-kol-input-radio-default{display:none}/*!@label*/label.sc-kol-input-radio-default{cursor:pointer}/*!@input*/input.sc-kol-input-radio-default{appearance:none;border-width:var(--border-width);border-style:solid;border-radius:100%;cursor:pointer;display:flex;height:var(--input-size);margin:0;min-height:var(--input-size);min-width:var(--input-size);padding:0;width:var(--input-size)}/*!@input:before*/input.sc-kol-input-radio-default:before{border-radius:100%;content:'';margin:auto;height:calc(var(--input-size) / 2);width:calc(var(--input-size) / 2)}/*!@input:checked:before*/input.sc-kol-input-radio-default:checked:before{background-color:#000}/*!@fieldset*/fieldset.sc-kol-input-radio-default{display:flex}/*!@fieldset.vertical*/fieldset.vertical.sc-kol-input-radio-default{flex-direction:column}/*!@fieldset .input-slot*/fieldset.sc-kol-input-radio-default .input-slot.sc-kol-input-radio-default{align-items:center;display:flex}/*!@.required label > span::after*/.required.sc-kol-input-radio-default label.sc-kol-input-radio-default>span.sc-kol-input-radio-default::after{content:''}/*!@.error.hidden*/.error.hidden.sc-kol-input-radio-default{display:none}";
+const defaultStyleCss$n = "/*!@:host*/.sc-kol-input-radio-default-h{--a11y-min-size:44px;background-color:white;color:black;font-family:Verdana}/*!@**/*.sc-kol-input-radio-default{hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}/*!@[role='button'],\nbutton:not([role='link']),\nkol-input .input*/[role='button'].sc-kol-input-radio-default,button.sc-kol-input-radio-default:not([role='link']),kol-input.sc-kol-input-radio-default .input.sc-kol-input-radio-default{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}/*!@a,\nbutton,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\ninput,\noption,\nselect,\ntextarea*/a.sc-kol-input-radio-default,button.sc-kol-input-radio-default,h1.sc-kol-input-radio-default,h2.sc-kol-input-radio-default,h3.sc-kol-input-radio-default,h4.sc-kol-input-radio-default,h5.sc-kol-input-radio-default,h6.sc-kol-input-radio-default,input.sc-kol-input-radio-default,option.sc-kol-input-radio-default,select.sc-kol-input-radio-default,textarea.sc-kol-input-radio-default{font-family:inherit;font-size:inherit}/*!@.visually-hidden*/.visually-hidden.sc-kol-input-radio-default{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}/*!@:is(a, button)*/.sc-kol-input-radio-default:is(a,button).sc-kol-input-radio-default{background-color:transparent;border:none;margin:0;padding:0;width:100%}/*!@[hidden]*/[hidden].sc-kol-input-radio-default{display:none !important}/*!@:host*/.sc-kol-input-radio-default-h{max-width:100%}/*!@**/*.sc-kol-input-radio-default{box-sizing:border-box}/*!@kol-span-wc*/kol-span-wc.sc-kol-input-radio-default{display:grid;place-items:center}/*!@kol-span-wc > span*/kol-span-wc.sc-kol-input-radio-default>span.sc-kol-input-radio-default{display:flex;place-items:center}/*!@a,\nbutton*/a.sc-kol-input-radio-default,button.sc-kol-input-radio-default{cursor:pointer}/*!@.icon-only > kol-span-wc > span > span*/.icon-only.sc-kol-input-radio-default>kol-span-wc.sc-kol-input-radio-default>span.sc-kol-input-radio-default>span.sc-kol-input-radio-default{display:none}/*!@.required label > span::after,\n.required legend > span::after*/.required.sc-kol-input-radio-default label.sc-kol-input-radio-default>span.sc-kol-input-radio-default::after,.required.sc-kol-input-radio-default legend.sc-kol-input-radio-default>span.sc-kol-input-radio-default::after{content:'*'}/*!@:host*/.sc-kol-input-radio-default-h{display:block}/*!@input,\ntextarea*/input.sc-kol-input-radio-default,textarea.sc-kol-input-radio-default{cursor:text}/*!@input[type='checkbox'],\ninput[type='color'],\ninput[type='file'],\ninput[type='radio'],\ninput[type='range'],\nlabel,\noption,\nselect*/input[type='checkbox'].sc-kol-input-radio-default,input[type='color'].sc-kol-input-radio-default,input[type='file'].sc-kol-input-radio-default,input[type='radio'].sc-kol-input-radio-default,input[type='range'].sc-kol-input-radio-default,label.sc-kol-input-radio-default,option.sc-kol-input-radio-default,select.sc-kol-input-radio-default{cursor:pointer}/*!@input[type='color'],\ninput[type='date'],\ninput[type='datetime-local'],\ninput[type='email'],\ninput[type='file'],\ninput[type='month'],\ninput[type='number'],\ninput[type='password'],\ninput[type='search'],\ninput[type='tel'],\ninput[type='text'],\ninput[type='time'],\ninput[type='url'],\ninput[type='week'],\nselect,\nselect[multiple] option,\ntextarea*/input[type='color'].sc-kol-input-radio-default,input[type='date'].sc-kol-input-radio-default,input[type='datetime-local'].sc-kol-input-radio-default,input[type='email'].sc-kol-input-radio-default,input[type='file'].sc-kol-input-radio-default,input[type='month'].sc-kol-input-radio-default,input[type='number'].sc-kol-input-radio-default,input[type='password'].sc-kol-input-radio-default,input[type='search'].sc-kol-input-radio-default,input[type='tel'].sc-kol-input-radio-default,input[type='text'].sc-kol-input-radio-default,input[type='time'].sc-kol-input-radio-default,input[type='url'].sc-kol-input-radio-default,input[type='week'].sc-kol-input-radio-default,select.sc-kol-input-radio-default,select[multiple].sc-kol-input-radio-default option.sc-kol-input-radio-default,textarea.sc-kol-input-radio-default{font-size:1rem;width:100%}/*!@input[type='file']*/input[type='file'].sc-kol-input-radio-default{padding:calc((var(--a11y-min-size) - 1rem) / 10) 0.5em}/*!@select[multiple] option*/select[multiple].sc-kol-input-radio-default option.sc-kol-input-radio-default{padding:calc((var(--a11y-min-size) - 1rem) / 2) 0.5em}/*!@kol-input.disabled :is(button, input, option, select, textarea, .input-label)*/kol-input.disabled.sc-kol-input-radio-default .sc-kol-input-radio-default:is(button,input.sc-kol-input-radio-default,option.sc-kol-input-radio-default,select.sc-kol-input-radio-default,textarea.sc-kol-input-radio-default,.input-label).sc-kol-input-radio-default{cursor:not-allowed;opacity:0.5}/*!@:host*/.sc-kol-input-radio-default-h{--border-width:2px;--input-size:1.5em}/*!@kol-input .icons*/kol-input.sc-kol-input-radio-default .icons.sc-kol-input-radio-default{display:none}/*!@label*/label.sc-kol-input-radio-default{cursor:pointer}/*!@input*/input.sc-kol-input-radio-default{appearance:none;border-width:var(--border-width);border-style:solid;border-radius:100%;cursor:pointer;display:flex;height:var(--input-size);margin:0;min-height:var(--input-size);min-width:var(--input-size);padding:0;width:var(--input-size)}/*!@input:before*/input.sc-kol-input-radio-default:before{border-radius:100%;content:'';margin:auto;height:calc(var(--input-size) / 2);width:calc(var(--input-size) / 2)}/*!@input:checked:before*/input.sc-kol-input-radio-default:checked:before{background-color:#000}@media (forced-colors: active){/*!@input:checked:before*/input.sc-kol-input-radio-default:checked:before{background:highlight !important}}/*!@fieldset*/fieldset.sc-kol-input-radio-default{display:flex}/*!@fieldset.vertical*/fieldset.vertical.sc-kol-input-radio-default{flex-direction:column}/*!@fieldset .input-slot*/fieldset.sc-kol-input-radio-default .input-slot.sc-kol-input-radio-default{align-items:center;display:flex}/*!@.required label > span::after*/.required.sc-kol-input-radio-default label.sc-kol-input-radio-default>span.sc-kol-input-radio-default::after{content:''}/*!@.error.hidden*/.error.hidden.sc-kol-input-radio-default{display:none}";
 
 class KolInputRadio {
     render() {
@@ -17335,6 +17335,12 @@ class InputRangeController extends InputIconController {
 const defaultStyleCss$m = "/*!@:host*/.sc-kol-input-range-default-h{--a11y-min-size:44px;background-color:white;color:black;font-family:Verdana}/*!@**/*.sc-kol-input-range-default{hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}/*!@[role='button'],\nbutton:not([role='link']),\nkol-input .input*/[role='button'].sc-kol-input-range-default,button.sc-kol-input-range-default:not([role='link']),kol-input.sc-kol-input-range-default .input.sc-kol-input-range-default{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}/*!@a,\nbutton,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\ninput,\noption,\nselect,\ntextarea*/a.sc-kol-input-range-default,button.sc-kol-input-range-default,h1.sc-kol-input-range-default,h2.sc-kol-input-range-default,h3.sc-kol-input-range-default,h4.sc-kol-input-range-default,h5.sc-kol-input-range-default,h6.sc-kol-input-range-default,input.sc-kol-input-range-default,option.sc-kol-input-range-default,select.sc-kol-input-range-default,textarea.sc-kol-input-range-default{font-family:inherit;font-size:inherit}/*!@.visually-hidden*/.visually-hidden.sc-kol-input-range-default{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}/*!@:is(a, button)*/.sc-kol-input-range-default:is(a,button).sc-kol-input-range-default{background-color:transparent;border:none;margin:0;padding:0;width:100%}/*!@[hidden]*/[hidden].sc-kol-input-range-default{display:none !important}/*!@:host*/.sc-kol-input-range-default-h{max-width:100%}/*!@**/*.sc-kol-input-range-default{box-sizing:border-box}/*!@kol-span-wc*/kol-span-wc.sc-kol-input-range-default{display:grid;place-items:center}/*!@kol-span-wc > span*/kol-span-wc.sc-kol-input-range-default>span.sc-kol-input-range-default{display:flex;place-items:center}/*!@a,\nbutton*/a.sc-kol-input-range-default,button.sc-kol-input-range-default{cursor:pointer}/*!@.icon-only > kol-span-wc > span > span*/.icon-only.sc-kol-input-range-default>kol-span-wc.sc-kol-input-range-default>span.sc-kol-input-range-default>span.sc-kol-input-range-default{display:none}/*!@.required label > span::after,\n.required legend > span::after*/.required.sc-kol-input-range-default label.sc-kol-input-range-default>span.sc-kol-input-range-default::after,.required.sc-kol-input-range-default legend.sc-kol-input-range-default>span.sc-kol-input-range-default::after{content:'*'}/*!@:host*/.sc-kol-input-range-default-h{display:block}/*!@input,\ntextarea*/input.sc-kol-input-range-default,textarea.sc-kol-input-range-default{cursor:text}/*!@input[type='checkbox'],\ninput[type='color'],\ninput[type='file'],\ninput[type='radio'],\ninput[type='range'],\nlabel,\noption,\nselect*/input[type='checkbox'].sc-kol-input-range-default,input[type='color'].sc-kol-input-range-default,input[type='file'].sc-kol-input-range-default,input[type='radio'].sc-kol-input-range-default,input[type='range'].sc-kol-input-range-default,label.sc-kol-input-range-default,option.sc-kol-input-range-default,select.sc-kol-input-range-default{cursor:pointer}/*!@input[type='color'],\ninput[type='date'],\ninput[type='datetime-local'],\ninput[type='email'],\ninput[type='file'],\ninput[type='month'],\ninput[type='number'],\ninput[type='password'],\ninput[type='search'],\ninput[type='tel'],\ninput[type='text'],\ninput[type='time'],\ninput[type='url'],\ninput[type='week'],\nselect,\nselect[multiple] option,\ntextarea*/input[type='color'].sc-kol-input-range-default,input[type='date'].sc-kol-input-range-default,input[type='datetime-local'].sc-kol-input-range-default,input[type='email'].sc-kol-input-range-default,input[type='file'].sc-kol-input-range-default,input[type='month'].sc-kol-input-range-default,input[type='number'].sc-kol-input-range-default,input[type='password'].sc-kol-input-range-default,input[type='search'].sc-kol-input-range-default,input[type='tel'].sc-kol-input-range-default,input[type='text'].sc-kol-input-range-default,input[type='time'].sc-kol-input-range-default,input[type='url'].sc-kol-input-range-default,input[type='week'].sc-kol-input-range-default,select.sc-kol-input-range-default,select[multiple].sc-kol-input-range-default option.sc-kol-input-range-default,textarea.sc-kol-input-range-default{font-size:1rem;width:100%}/*!@input[type='file']*/input[type='file'].sc-kol-input-range-default{padding:calc((var(--a11y-min-size) - 1rem) / 10) 0.5em}/*!@select[multiple] option*/select[multiple].sc-kol-input-range-default option.sc-kol-input-range-default{padding:calc((var(--a11y-min-size) - 1rem) / 2) 0.5em}/*!@kol-input.disabled :is(button, input, option, select, textarea, .input-label)*/kol-input.disabled.sc-kol-input-range-default .sc-kol-input-range-default:is(button,input.sc-kol-input-range-default,option.sc-kol-input-range-default,select.sc-kol-input-range-default,textarea.sc-kol-input-range-default,.input-label).sc-kol-input-range-default{cursor:not-allowed;opacity:0.5}/*!@kol-input*/kol-input.sc-kol-input-range-default{display:grid}/*!@kol-input .input-slot*/kol-input.sc-kol-input-range-default .input-slot.sc-kol-input-range-default{flex-grow:1}/*!@input:not([type='checkbox'], [type='radio']),\nselect:not([multiple], [size])*/input.sc-kol-input-range-default:not([type='checkbox'],[type='radio']).sc-kol-input-range-default,select.sc-kol-input-range-default:not([multiple],[size]).sc-kol-input-range-default{height:2.75em}/*!@input:focus,\noption:focus,\nselect:focus,\ntextarea:focus*/input.sc-kol-input-range-default:focus,option.sc-kol-input-range-default:focus,select.sc-kol-input-range-default:focus,textarea.sc-kol-input-range-default:focus{outline:0}/*!@.input*/.input.sc-kol-input-range-default{display:flex;align-items:center}/*!@.input > kol-icon*/.input.sc-kol-input-range-default>kol-icon.sc-kol-input-range-default{display:grid;height:var(--a11y-min-size);place-items:center}/*!@kol-input.required .input-tooltip .span-label::after*/kol-input.required.sc-kol-input-range-default .input-tooltip.sc-kol-input-range-default .span-label.sc-kol-input-range-default::after{content:'*'}/*!@.inputs-wrapper*/.inputs-wrapper.sc-kol-input-range-default{align-items:center;display:flex;flex-direction:row}/*!@input[type='number']*/input[type='number'].sc-kol-input-range-default{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size);width:var(--kolibri-input-range--input-number--width)}/*!@input[type='range']*/input[type='range'].sc-kol-input-range-default{appearance:none;background-color:#d3d3d3;border:1px solid #000;display:inline-block;flex-grow:1;height:0.5rem;line-height:1.5em;padding:0;margin:0;width:0}/*!@input[type='range']::-webkit-slider-thumb*/input[type='range'].sc-kol-input-range-default::-webkit-slider-thumb{box-sizing:border-box;background-color:#000;height:20px;width:20px;border-radius:20px;cursor:pointer;-webkit-appearance:none}/*!@input[type='range']::-moz-range-thumb*/input[type='range'].sc-kol-input-range-default::-moz-range-thumb{box-sizing:border-box;background-color:#000;height:20px;width:20px;border-radius:20px;cursor:pointer;-moz-appearance:none}/*!@.error.hidden*/.error.hidden.sc-kol-input-range-default{display:none}@media (prefers-contrast: more){/*!@::-webkit-slider-thumb*/.sc-kol-input-range-default::-webkit-slider-thumb{outline:1px solid currentColor}}";
 
 class KolInputRange {
+    componentDidLoad() {
+        var _a;
+        if (!this._value && ((_a = this.refInputRange) === null || _a === void 0 ? void 0 : _a.value)) {
+            this.validateValue(parseFloat(this.refInputRange.value));
+        }
+    }
     render() {
         const { ariaDescribedBy } = getRenderStates(this.state);
         const hasSuggestions = Array.isArray(this.state._suggestions) && this.state._suggestions.length > 0;
@@ -17344,7 +17350,7 @@ class KolInputRange {
                 'hide-label': !!this.state._hideLabel,
             }, _disabled: this.state._disabled, _error: this.state._error, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched }, hAsync("span", { slot: "label" }, hasExpertSlot ? hAsync("slot", null) : this.state._label), hAsync("div", { slot: "input" }, hAsync("div", { class: "inputs-wrapper", style: {
                 '--kolibri-input-range--input-number--width': `${this.state._max}`.length + 0.5 + 'em',
-            } }, hAsync("input", Object.assign({ title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, list: hasSuggestions ? `${this.state._id}-list` : undefined, max: this.state._max, min: this.state._min, name: this.state._name ? `${this.state._name}-range` : undefined, spellcheck: "false", step: this.state._step, tabIndex: -1, type: "range", value: this.state._value }, this.controller.onFacade, { onChange: this.onChange })), hAsync("input", Object.assign({ ref: this.catchInputNumberRef, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, list: hasSuggestions ? `${this.state._id}-list` : undefined, max: this.state._max, min: this.state._min, name: this.state._name ? `${this.state._name}-number` : undefined, step: this.state._step, type: "number", value: this.state._value }, this.controller.onFacade, { onKeyUp: this.onKeyUp, onChange: this.onChange }))), hasSuggestions && [
+            } }, hAsync("input", Object.assign({ ref: this.catchInputRangeRef, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, "aria-hidden": "true", autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, list: hasSuggestions ? `${this.state._id}-list` : undefined, max: this.state._max, min: this.state._min, name: this.state._name ? `${this.state._name}-range` : undefined, spellcheck: "false", step: this.state._step, tabIndex: -1, type: "range", value: this.state._value }, this.controller.onFacade, { onChange: this.onChange })), hAsync("input", Object.assign({ ref: this.catchInputNumberRef, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, list: hasSuggestions ? `${this.state._id}-list` : undefined, max: this.state._max, min: this.state._min, name: this.state._name ? `${this.state._name}-number` : undefined, step: this.state._step, type: "number", value: this.state._value }, this.controller.onFacade, { onKeyUp: this.onKeyUp, onChange: this.onChange }))), hasSuggestions && [
             hAsync("datalist", { id: `${this.state._id}-list` }, this.state._suggestions.map((option) => (hAsync("option", { value: option })))),
         ]))));
     }
@@ -17353,13 +17359,18 @@ class KolInputRange {
         this.catchInputNumberRef = (element) => {
             var _a;
             if (element) {
-                this.ref = element;
+                this.refInputNumber = element;
                 propagateFocus(this.host, element);
-                if (!this._value && ((_a = this.ref) === null || _a === void 0 ? void 0 : _a.value)) {
-                    this.validateValue(parseFloat(this.ref.value));
+                if (!this._value && ((_a = this.refInputNumber) === null || _a === void 0 ? void 0 : _a.value)) {
+                    this.validateValue(parseFloat(this.refInputNumber.value));
                 }
             }
         };
+        this.catchInputRangeRef = (element) => {
+            if (element) {
+                this.refInputRange = element;
+            }
+        };
         this.onChange = (event) => {
             var _a, _b;
             let value = parseFloat(event.target.value);
@@ -17376,7 +17387,7 @@ class KolInputRange {
             if (event.code === 'Enter') {
                 propagateSubmitEventToForm({
                     form: this.host,
-                    ref: this.ref,
+                    ref: this.refInputRange,
                 });
             }
             else {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/hydrate",
-  "version": "1.7.8",
+  "version": "1.7.9",
   "license": "EUPL-1.2",
   "homepage": "https://public-ui.github.io",
   "repository": "https://github.com/public-ui/kolibri",
@@ -42,11 +42,11 @@
     "hydrate"
   ],
   "devDependencies": {
-    "@public-ui/components": "1.7.8",
+    "@public-ui/components": "1.7.9",
     "rimraf": "3.0.2"
   },
   "peerDependencies": {
-    "@public-ui/components": "1.7.8"
+    "@public-ui/components": "1.7.9"
   },
   "sideEffects": false,
   "type": "commonjs",