@public-ui/hydrate 1.7.7 → 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: ',',
@@ -9538,16 +9538,21 @@ const initMeta = () => {
         console.warn(`You can only initialize DEV_MODE and COLOR_CONTRAST_ANALYSIS once.`);
     }
 };
-const KoliBri = {};
-Object.defineProperty(window, 'KoliBri', {
-    get: function () {
-        return KoliBri;
-    },
-});
+const getKoliBri = () => {
+    let kolibri = getWindow$1().KoliBri;
+    if (kolibri === undefined) {
+        kolibri = {};
+        Object.defineProperty(getWindow$1(), 'KoliBri', {
+            value: kolibri,
+            writable: false,
+        });
+    }
+    return kolibri;
+};
 const initKoliBri = () => {
-    if (KoliBri.Modal === undefined) {
+    if (getKoliBri().Modal === undefined) {
         const Modal = new ModalService();
-        Object.defineProperty(KoliBri, 'Modal', {
+        Object.defineProperty(getKoliBri(), 'Modal', {
             get: function () {
                 return Modal;
             },
@@ -9559,7 +9564,7 @@ const initKoliBri = () => {
 	|  .   '  | .-. | |  | ,--. |  .-.  \\ |  .--' ,--.
 	|  |\\   \\ | '-' | |  | |  | |  '--' / |  |    |  |
 	\`--' \`--´  \`---´  \`--' \`--' \`------´  \`--'    \`--'
-	🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | 1.7.7
+	🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | 1.7.9
 		`, {
             forceLog: true,
         });
@@ -9569,15 +9574,8 @@ const initKoliBri = () => {
     }
 };
 const renderDevAdvice = () => {
-    if (getWindow$1().KoliBri === undefined) {
-        Object.defineProperty(window, 'KoliBri', {
-            get: function () {
-                return KoliBri;
-            },
-        });
-    }
-    if (KoliBri.adviceShown !== true) {
-        Object.defineProperty(KoliBri, 'adviceShown', {
+    if (getKoliBri().adviceShown !== true) {
+        Object.defineProperty(getKoliBri(), 'adviceShown', {
             get: function () {
                 return true;
             },
@@ -9597,15 +9595,15 @@ if (processEnv === 'test') {
 
 const register = async (themes, loaders, options) => {
     var _a, _b;
-    if (KoliBri.I18n === undefined) {
-        Object.defineProperty(KoliBri, 'I18n', {
+    if (getKoliBri().I18n === undefined) {
+        Object.defineProperty(getKoliBri(), 'I18n', {
             value: await I18nextService.createInstance((_b = (_a = options === null || options === void 0 ? void 0 : options.translation) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : 'de', options === null || options === void 0 ? void 0 : options.translations),
             writable: false,
         });
     }
     return await _(themes, loaders, options);
 };
-const getI18nService = () => KoliBri.I18n;
+const getI18nService = () => getKoliBri().I18n;
 
 var appGlobalScript = async () => {
     setMode((elm) => {
@@ -17046,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() {
@@ -17337,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;
@@ -17346,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 })))),
         ]))));
     }
@@ -17355,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);
@@ -17378,7 +17387,7 @@ class KolInputRange {
             if (event.code === 'Enter') {
                 propagateSubmitEventToForm({
                     form: this.host,
-                    ref: this.ref,
+                    ref: this.refInputRange,
                 });
             }
             else {
@@ -17824,13 +17833,6 @@ class KolInputText {
 
 const defaultStyleCss$k = "/*!@:host*/.sc-kol-kolibri-default-h{--a11y-min-size:44px;background-color:white;color:black;font-family:Verdana}/*!@**/*.sc-kol-kolibri-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-kolibri-default,button.sc-kol-kolibri-default:not([role='link']),kol-input.sc-kol-kolibri-default .input.sc-kol-kolibri-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-kolibri-default,button.sc-kol-kolibri-default,h1.sc-kol-kolibri-default,h2.sc-kol-kolibri-default,h3.sc-kol-kolibri-default,h4.sc-kol-kolibri-default,h5.sc-kol-kolibri-default,h6.sc-kol-kolibri-default,input.sc-kol-kolibri-default,option.sc-kol-kolibri-default,select.sc-kol-kolibri-default,textarea.sc-kol-kolibri-default{font-family:inherit;font-size:inherit}/*!@.visually-hidden*/.visually-hidden.sc-kol-kolibri-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-kolibri-default:is(a,button).sc-kol-kolibri-default{background-color:transparent;border:none;margin:0;padding:0;width:100%}/*!@[hidden]*/[hidden].sc-kol-kolibri-default{display:none !important}/*!@:host*/.sc-kol-kolibri-default-h{max-width:100%}/*!@**/*.sc-kol-kolibri-default{box-sizing:border-box}/*!@kol-span-wc*/kol-span-wc.sc-kol-kolibri-default{display:grid;place-items:center}/*!@kol-span-wc > span*/kol-span-wc.sc-kol-kolibri-default>span.sc-kol-kolibri-default{display:flex;place-items:center}/*!@a,\nbutton*/a.sc-kol-kolibri-default,button.sc-kol-kolibri-default{cursor:pointer}/*!@.icon-only > kol-span-wc > span > span*/.icon-only.sc-kol-kolibri-default>kol-span-wc.sc-kol-kolibri-default>span.sc-kol-kolibri-default>span.sc-kol-kolibri-default{display:none}/*!@:host*/.sc-kol-kolibri-default-h{display:inline-block}/*!@text*/text.sc-kol-kolibri-default{font-size:90px;letter-spacing:normal;word-spacing:normal}/*!@svg*/svg.sc-kol-kolibri-default{max-height:100%}";
 
-const max$1 = 360;
-function degreeToRadians(degree) {
-    return (degree * Math.PI) / 180;
-}
-function getColorNumber(degree) {
-    return Math.round(((Math.cos(degreeToRadians(degree)) + 1) / 2) * 225);
-}
 class KolKolibri {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -17847,11 +17849,9 @@ class KolKolibri {
                 devHint(`[KolKolibri] You used the complex color schema. For the KoliBri we use need the color as hex string.`);
             }
         };
-        this._animate = false;
         this._color = '#003c78';
         this._labeled = undefined;
         this.state = {
-            _animate: false,
             _color: {
                 red: 0,
                 green: 60,
@@ -17861,14 +17861,9 @@ class KolKolibri {
         };
     }
     render() {
-        const fillColor = this.state._animate === true
-            ? `rgb(${getColorNumber(this.state._color.red)},${getColorNumber(this.state._color.green)},${getColorNumber(this.state._color.blue)})`
-            : `rgb(${this.state._color.red},${this.state._color.green},${this.state._color.blue})`;
+        const fillColor = `rgb(${this.state._color.red},${this.state._color.green},${this.state._color.blue})`;
         return (hAsync(Host, null, hAsync("svg", { role: "img", "aria-label": translate('kol-kolibri-logo'), xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 600 600", fill: fillColor }, hAsync("path", { d: "M353 322L213 304V434L353 322Z" }), hAsync("path", { d: "M209 564V304L149 434L209 564Z" }), hAsync("path", { d: "M357 316L417 250L361 210L275 244L357 316Z" }), hAsync("path", { d: "M329 218L237 92L250 222L272 241L329 218Z" }), hAsync("path", { d: "M353 318L35 36L213 300L353 318Z" }), hAsync("path", { d: "M391 286L565 272L421 252L391 286Z" }), this.state._labeled === true && (hAsync("text", { x: "250", y: "525", fill: fillColor }, "KoliBri")))));
     }
-    validateAnimate(value) {
-        watchBoolean(this, '_animate', value);
-    }
     validateColor(value) {
         validateColor(this, value, {
             defaultValue: '#003c78',
@@ -17881,27 +17876,10 @@ class KolKolibri {
         watchBoolean(this, '_labeled', value);
     }
     componentWillLoad() {
-        this.validateAnimate(this._animate);
         this.validateColor(this._color);
         this.validateLabeled(this._labeled);
     }
-    componentDidRender() {
-        clearInterval(this.interval);
-        if (this.state._animate) {
-            this.interval = setInterval(() => {
-                this.state = Object.assign(Object.assign({}, this.state), { _color: {
-                        red: (this.state._color.red + 1) % max$1,
-                        green: (this.state._color.green + 2) % max$1,
-                        blue: (this.state._color.blue + 3) % max$1,
-                    } });
-            }, 50);
-        }
-    }
-    disconnectedCallback() {
-        clearInterval(this.interval);
-    }
     static get watchers() { return {
-        "_animate": ["validateAnimate"],
         "_color": ["validateColor"],
         "_labeled": ["validateLabeled"]
     }; }
@@ -17912,7 +17890,6 @@ class KolKolibri {
         "$flags$": 41,
         "$tagName$": "kol-kolibri",
         "$members$": {
-            "_animate": [4],
             "_color": [1],
             "_labeled": [4],
             "state": [32]
@@ -18756,16 +18733,16 @@ class KolModal {
     componentDidRender() {
         if (this.hostElement) {
             if (this.state._activeElement) {
-                KoliBri.Modal.openModal(this.hostElement, this.state._activeElement);
+                getKoliBri().Modal.openModal(this.hostElement, this.state._activeElement);
             }
             else {
-                KoliBri.Modal.closeModal(this.hostElement);
+                getKoliBri().Modal.closeModal(this.hostElement);
             }
         }
     }
     disconnectedCallback() {
         if (this.hostElement) {
-            KoliBri.Modal.closeModal(this.hostElement);
+            getKoliBri().Modal.closeModal(this.hostElement);
         }
     }
     render() {
@@ -35738,7 +35715,7 @@ registerComponents([
 
 function prototypeKoliBri(name, cb) {
     try {
-        Object.defineProperty(KoliBri, name, {
+        Object.defineProperty(getKoliBri(), name, {
             get: function () {
                 return cb;
             },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/hydrate",
-  "version": "1.7.7",
+  "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.7",
+    "@public-ui/components": "1.7.9",
     "rimraf": "3.0.2"
   },
   "peerDependencies": {
-    "@public-ui/components": "1.7.7"
+    "@public-ui/components": "1.7.9"
   },
   "sideEffects": false,
   "type": "commonjs",