@public-ui/hydrate 1.6.1 → 1.6.2

package/dist/index.js

@@ -5267,7 +5267,7 @@ var loglevel = createCommonjsModule(function (module) {
 }));
 });
 
-const STORE="object"==typeof window?window:"object"==typeof global?global:"object"==typeof self?self:{};let lockThemePatching=!0,warrentyWarning=!1;const THEME_NAME_PATTERN=/^[a-z][a-z0-9]{1,}(-[a-z0-9]+)?$/,isThemeNameValid=e=>"string"==typeof e&&THEME_NAME_PATTERN.test(e),validateThemeName=e=>{if(!1===isThemeNameValid(e))throw new Error(`[Theming] The theme identifier "${"string"==typeof e?e:""}" (Type: ${typeof e}) is not valid. Please use only follow this pattern: /^[a-z][a-z0-9]{1,}(-[a-z0-9]+)?$/`)},patchThemeTag=(e,t,o)=>{validateThemeName(e),!0===lockThemePatching&&!1===warrentyWarning&&(warrentyWarning=!0,loglevel.warn(`[Theming] The theme process is locked. This means that the theme "${e}" should not be patched.\n\nimport { register } from '@a11y-ui/core';\nimport { defineCustomElements } from '...';\nimport { THEME } from '...';\n\nregister(THEME, defineCustomElements)\n\t.then(() => {\n\t\tconst htmlDivElement: HTMLElement | null = document.querySelector<HTMLElement>('#my-app');\n    if (htmlDivElement instanceof HTMLElement) {\n      const root = createRoot(htmlDivElement);\n      root.render(<App />);\n    }\n  })\n  .catch(console.warn);`)),"object"==typeof STORE.A11yUi&&null!==STORE.A11yUi||(STORE.A11yUi={}),"object"!=typeof STORE.A11yUi||null===STORE.A11yUi||"object"==typeof STORE.A11yUi.Themes&&null!==STORE.A11yUi.Themes||(STORE.A11yUi.Themes={}),"object"!=typeof STORE.A11yUi||null===STORE.A11yUi||"object"!=typeof STORE.A11yUi.Themes||null===STORE.A11yUi.Themes||"object"==typeof STORE.A11yUi.Themes[e]&&null!==STORE.A11yUi.Themes[e]||(STORE.A11yUi.Themes[e]={}),"object"==typeof STORE.A11yUi&&null!==STORE.A11yUi&&"object"==typeof STORE.A11yUi.Themes&&null!==STORE.A11yUi.Themes&&"object"==typeof STORE.A11yUi.Themes[e]&&null!==STORE.A11yUi.Themes[e]&&(STORE.A11yUi.Themes[e][t]=o);},patchTheme=(e,t)=>{if(validateThemeName(e),"object"==typeof t&&null!==t){Object.getOwnPropertyNames(t).forEach((o=>{const s=t[o];"string"==typeof s&&s.length>0&&patchThemeTag(e,o,s);}));}return e},getThemeNode=e=>{if(e instanceof HTMLElement){if("string"==typeof e.dataset.theme)return e;{let t=e.parentNode;for(;t instanceof ShadowRoot;)t=t.host;return getThemeNode(t)}}return null},getEncroachCss=(e={})=>"false"!==e.themeEncroachCss&&"true"!==e.themeReset&&{mode:"after"===e.themeEncroachCssMode||"before"===e.themeEncroachCssMode?e.themeEncroachCssMode:"before"},isTheCurrentThemeConfigValid=()=>"object"==typeof STORE.A11yUi&&null!==STORE.A11yUi&&"object"==typeof STORE.A11yUi.Theme&&null!==STORE.A11yUi.Theme&&"boolean"==typeof STORE.A11yUi.Theme.cache&&"object"==typeof STORE.A11yUi.Theme.encroachCss&&null!==typeof STORE.A11yUi.Theme.encroachCss&&"string"==typeof STORE.A11yUi.Theme.encroachCss.mode&&"string"==typeof STORE.A11yUi.Theme.name,getThemeDetails=e=>{if(isTheCurrentThemeConfigValid())return STORE.A11yUi.Theme;{const t={cache:!0,encroachCss:getEncroachCss(),loglevel:"silent",name:null},o=getThemeNode(e);return o instanceof HTMLElement&&(t.cache="false"!==o.dataset.themeCache,t.encroachCss=getEncroachCss(o.dataset),t.loglevel="debug"===o.dataset.themeLoglevel?o.dataset.themeLoglevel:"silent",t.name=o.dataset.theme||null),t}},getThemeOptionDefaults=(e,t)=>({cache:!1!==t.cache,detect:"auto"===t.detect?"auto":"fixed",encroachCss:!1!==t.encroachCss&&("object"!=typeof t.encroachCss||null==t.encroachCss||"after"!==t.encroachCss.mode&&"before"!==t.encroachCss.mode?{mode:"before"}:t.encroachCss),loglevel:"debug"===t.loglevel?t.loglevel:"silent",name:"string"==typeof t.name?t.name:e}),setConfigureTheme=(e,t)=>{!1!==isTheCurrentThemeConfigValid()||0!=("object"==typeof STORE.A11yUi&&null!==STORE.A11yUi)&&0!=("object"==typeof STORE.A11yUi.Theme&&null!==STORE.A11yUi.Theme)&&"default"===STORE.A11yUi.Theme.name||"object"==typeof t&&null!==t&&("fixed"===(t=getThemeOptionDefaults(e,t)).detect?(null===t.name&&"string"==typeof e&&(t.name=e),e===t.name&&("object"==typeof STORE.A11yUi&&null!==STORE.A11yUi||(STORE.A11yUi={}),STORE.A11yUi.Theme=t,loglevel.info(`[Theming] Theme "${e}" was set as default theme.`))):loglevel.warn("[Theming] The presetting of theme options is only relevant by using 'fixed' detection mode."));};let registered=!1;const register$1=(e,t,o={})=>{!1===registered&&(registered=!0,lockThemePatching=!1),"function"==typeof e?e=new Set([e]):Array.isArray(e)&&(e=new Set(e)),e instanceof Set&&e.forEach((e=>{"function"==typeof e&&1===e.length?setConfigureTheme(e(patchTheme),{cache:o.theme?.cache,detect:o.theme?.detect,encroachCss:o.theme?.encroachCss,name:o.theme?.name}):loglevel.error("[Theming] Es wurde versucht eine nicht kompatibles Theme zu laden.");})),lockThemePatching=!0,"function"==typeof t?t=new Set([t]):Array.isArray(t)&&(t=new Set(t));const s=[];return t.forEach((e=>s.push(e()))),Promise.all(s)};const STYLING_TASK_QUEUE=new Map,HYDRATED_HISTORY=[],CSS_PROPERTIES_REGISTERED=new Set,CSS_STYLE_CACHE=new Map,REGEX_CSS_PROPERTIES=/--[^;]+/g,REGEX_SPLIT_CSS_PROPERTY=/:/;"object"==typeof STORE.A11yUi&&null!==STORE.A11yUi||(STORE.A11yUi={CSS_STYLE_CACHE:CSS_STYLE_CACHE,HYDRATED_HISTORY:HYDRATED_HISTORY,STYLING_TASK_QUEUE:STYLING_TASK_QUEUE});const extractProperties=(e,t)=>{let o=t.match(REGEX_CSS_PROPERTIES);if(Array.isArray(o)){o=o.filter((e=>REGEX_SPLIT_CSS_PROPERTY.test(e)));const t=document.createElement("style");t.innerHTML=`.${e} {${o.join(";")}}`,document.querySelector("head")?.appendChild(t);}CSS_PROPERTIES_REGISTERED.add(e);},getCssStyle=(e,t)=>"object"==typeof STORE.A11yUi&&null!==STORE.A11yUi&&"object"==typeof STORE.A11yUi.Themes&&null!==STORE.A11yUi.Themes&&"object"==typeof STORE.A11yUi.Themes[e]&&null!==STORE.A11yUi.Themes[e]&&"string"==typeof STORE.A11yUi.Themes[e][t]?STORE.A11yUi.Themes[e][t].replace(/\r?\n/g,""):"",removeStyle=e=>{for(const t of Array.from(e.childNodes)){if(!(t instanceof HTMLStyleElement&&"STYLE"===t.tagName))break;e.removeChild(t);}},patchStyle=(e,t)=>{try{const o=[];t.forEach((e=>{const t=new CSSStyleSheet;t.replaceSync(e),o.push(t);})),e.adoptedStyleSheets=o;}catch(o){t.reverse().forEach((t=>{const o=document.createElement("style");o.innerHTML=t,e.insertBefore(o,e.firstChild);}));}},encroachStyles=(e,t,o)=>{if(!1!==o){const s=[...Array.from(e.childNodes).filter((e=>e instanceof HTMLStyleElement&&"STYLE"===e.tagName))];let r;try{r=[...Array.from(e.adoptedStyleSheets)];}catch(e){r=[];}"before"===o?.mode?(s.reverse().forEach((e=>t.unshift(e.innerHTML))),r.reverse().forEach((e=>t.unshift(Array.from(e.cssRules).map((e=>e.cssText)).join(""))))):"after"===o?.mode&&(s.forEach((e=>t.push(e.innerHTML))),r.forEach((e=>t.push(Array.from(e.cssRules).map((e=>e.cssText)).join("")))));}},setThemeStyleAfterHydrated=(e,t,o)=>{const s=t.name||"default";let r;try{if(null===e.shadowRoot)throw new Error("ShadowRoot is null");r=e.shadowRoot;}catch(t){r=e;}if(CSS_STYLE_CACHE.get(s)?.has(e.tagName))switchStyle(e,r,CSS_STYLE_CACHE.get(s)?.get(e.tagName),o);else {const n=getCssStyle(s,"PROPERTIES"),a=getCssStyle(s,"GLOBAL"),l=getCssStyle(s,e.tagName);!1===CSS_PROPERTIES_REGISTERED.has(s)&&extractProperties(s,a);const i=[n,a,l];encroachStyles(r,i,t.encroachCss),"debug"===t.loglevel&&console.log(e.tagName,i),!0===t.cache&&(!1===CSS_STYLE_CACHE.has(s)&&CSS_STYLE_CACHE.set(s,new Map),CSS_STYLE_CACHE.get(s)?.set(e.tagName,i)),switchStyle(e,r,i,o);}},switchStyle=(e,t,o,s)=>{removeStyle(t),patchStyle(t,o),e.style.display=s;},logHydratedHistory=e=>{"debug"===e.loglevel&&HYDRATED_HISTORY.push({timestamp:Date.now(),numberOfTasks:STYLING_TASK_QUEUE.size});},pushToDoTask=(e,t)=>{STYLING_TASK_QUEUE.set(e,{styleDisplay:e.style.display?`${e.style.display}`:null,themeDetails:t});},loggedPushToDoTask=(e,t)=>{pushToDoTask(e,t),logHydratedHistory(t);},deleteDoneTask=e=>{STYLING_TASK_QUEUE.delete(e);},loggedDeleteDoneTask=(e,t)=>{deleteDoneTask(e),logHydratedHistory(t);},waitForHydrated=e=>{const t=setTimeout((()=>{if(clearTimeout(t),STYLING_TASK_QUEUE.has(e)&&e.classList.contains("hydrated")){const{styleDisplay:t,themeDetails:o}=STYLING_TASK_QUEUE.get(e);setThemeStyleAfterHydrated(e,o,t),loggedDeleteDoneTask(e,o);}else waitForHydrated(e);}),25);},observerCallback=e=>{for(const t of e)if(STYLING_TASK_QUEUE.has(t.target)&&t.target.classList.contains("hydrated")){const{styleDisplay:e,themeDetails:o}=STYLING_TASK_QUEUE.get(t.target);setThemeStyleAfterHydrated(t.target,o,e),loggedDeleteDoneTask(t.target,o);}},observerOptions={attributes:!0,attributeFilter:["class"],childList:!1,subtree:!1};let observer;try{observer=new MutationObserver(observerCallback);}catch(e){observer=null;}const setThemeStyle=(e,t)=>{loggedPushToDoTask(e,t),observer?observer.observe(e,observerOptions):waitForHydrated(e),e.style.display="none";};
+const STORE="object"==typeof window?window:"object"==typeof global?global:"object"==typeof self?self:{};let lockThemePatching=!0,warrentyWarning=!1;const THEME_NAME_PATTERN=/^[a-z][a-z0-9]{1,}(-[a-z0-9]+)?$/,isThemeNameValid=e=>"string"==typeof e&&THEME_NAME_PATTERN.test(e),validateThemeName=e=>{if(!1===isThemeNameValid(e))throw new Error(`[Theming] The theme identifier "${"string"==typeof e?e:""}" (Type: ${typeof e}) is not valid. Please use only follow this pattern: /^[a-z][a-z0-9]{1,}(-[a-z0-9]+)?$/`)},patchThemeTag=(e,t,o)=>{validateThemeName(e),!0===lockThemePatching&&!1===warrentyWarning&&(warrentyWarning=!0,loglevel.warn(`[Theming] The theme process is locked. This means that the theme "${e}" should not be patched.\n\nimport { register } from '@a11y-ui/core';\nimport { defineCustomElements } from '...';\nimport { THEME } from '...';\n\nregister(THEME, defineCustomElements)\n\t.then(() => {\n\t\tconst htmlDivElement: HTMLElement | null = document.querySelector<HTMLElement>('#my-app');\n    if (htmlDivElement instanceof HTMLElement) {\n      const root = createRoot(htmlDivElement);\n      root.render(<App />);\n    }\n  })\n  .catch(console.warn);`)),"object"==typeof STORE.A11yUi&&null!==STORE.A11yUi||(STORE.A11yUi={}),"object"!=typeof STORE.A11yUi||null===STORE.A11yUi||"object"==typeof STORE.A11yUi.Themes&&null!==STORE.A11yUi.Themes||(STORE.A11yUi.Themes={}),"object"!=typeof STORE.A11yUi||null===STORE.A11yUi||"object"!=typeof STORE.A11yUi.Themes||null===STORE.A11yUi.Themes||"object"==typeof STORE.A11yUi.Themes[e]&&null!==STORE.A11yUi.Themes[e]||(STORE.A11yUi.Themes[e]={}),"object"==typeof STORE.A11yUi&&null!==STORE.A11yUi&&"object"==typeof STORE.A11yUi.Themes&&null!==STORE.A11yUi.Themes&&"object"==typeof STORE.A11yUi.Themes[e]&&null!==STORE.A11yUi.Themes[e]&&(STORE.A11yUi.Themes[e][t]=o);},patchTheme=(e,t)=>{if(validateThemeName(e),"object"==typeof t&&null!==t){Object.getOwnPropertyNames(t).forEach((o=>{const s=t[o];"string"==typeof s&&s.length>0&&patchThemeTag(e,o,s);}));}return e},getThemeNode=e=>{if(e instanceof HTMLElement){if("string"==typeof e.dataset.theme)return e;{let t=e.parentNode;for(;t instanceof ShadowRoot;)t=t.host;return getThemeNode(t)}}return null},getEncroachCss=(e={})=>"false"!==e.themeEncroachCss&&"true"!==e.themeReset&&{mode:"after"===e.themeEncroachCssMode||"before"===e.themeEncroachCssMode?e.themeEncroachCssMode:"before"},isTheCurrentThemeConfigValid=()=>"object"==typeof STORE.A11yUi&&null!==STORE.A11yUi&&"object"==typeof STORE.A11yUi.Theme&&null!==STORE.A11yUi.Theme&&"boolean"==typeof STORE.A11yUi.Theme.cache&&"object"==typeof STORE.A11yUi.Theme.encroachCss&&null!==typeof STORE.A11yUi.Theme.encroachCss&&"string"==typeof STORE.A11yUi.Theme.encroachCss.mode&&"string"==typeof STORE.A11yUi.Theme.name,getThemeDetails=e=>{if(isTheCurrentThemeConfigValid())return STORE.A11yUi.Theme;{const t={cache:!0,encroachCss:getEncroachCss(),loglevel:"silent",name:null},o=getThemeNode(e);return o instanceof HTMLElement&&(t.cache="false"!==o.dataset.themeCache,t.encroachCss=getEncroachCss(o.dataset),t.loglevel="debug"===o.dataset.themeLoglevel?o.dataset.themeLoglevel:"silent",t.name=o.dataset.theme||null),t}},getThemeOptionDefaults=(e,t)=>({cache:!1!==t.cache,detect:"auto"===t.detect?"auto":"fixed",encroachCss:!1!==t.encroachCss&&("object"!=typeof t.encroachCss||null==t.encroachCss||"after"!==t.encroachCss.mode&&"before"!==t.encroachCss.mode?{mode:"before"}:t.encroachCss),loglevel:"debug"===t.loglevel?t.loglevel:"silent",name:"string"==typeof t.name?t.name:e}),setConfigureTheme=(e,t)=>{!1!==isTheCurrentThemeConfigValid()||0!=("object"==typeof STORE.A11yUi&&null!==STORE.A11yUi)&&0!=("object"==typeof STORE.A11yUi.Theme&&null!==STORE.A11yUi.Theme)&&"default"===STORE.A11yUi.Theme.name||"object"==typeof t&&null!==t&&("fixed"===(t=getThemeOptionDefaults(e,t)).detect?(null===t.name&&"string"==typeof e&&(t.name=e),e===t.name&&("object"==typeof STORE.A11yUi&&null!==STORE.A11yUi||(STORE.A11yUi={}),STORE.A11yUi.Theme=t,loglevel.info(`[Theming] Theme "${e}" was set as default theme.`))):loglevel.warn("[Theming] The presetting of theme options is only relevant by using 'fixed' detection mode."));};let registered=!1;const register$1=(e,t,o={})=>{!1===registered&&(registered=!0,lockThemePatching=!1),"function"==typeof e?e=new Set([e]):Array.isArray(e)&&(e=new Set(e)),e instanceof Set&&e.forEach((e=>{"function"==typeof e&&1===e.length?setConfigureTheme(e(patchTheme),{cache:o.theme?.cache,detect:o.theme?.detect,encroachCss:o.theme?.encroachCss,name:o.theme?.name}):loglevel.error("[Theming] Es wurde versucht eine nicht kompatibles Theme zu laden.");})),lockThemePatching=!0,"function"==typeof t?t=new Set([t]):Array.isArray(t)&&(t=new Set(t));const s=[];return t.forEach((e=>s.push(e()))),Promise.all(s)};var __defProp$1=Object.defineProperty,__defNormalProp$1=(e,t,o)=>t in e?__defProp$1(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,__publicField$1=(e,t,o)=>(__defNormalProp$1(e,"symbol"!=typeof t?t+"":t,o),o);const _RobustStore=class e{constructor(e,t){__publicField$1(this,"store"),this.store=this.createStore(e,t);}static getInstance(t,o){let s=e.instances.get(t);return void 0===s&&(s=new e(o,t),e.instances.set(t,s)),s}createStore(e,t){return Object.defineProperty(e,t,{enumerable:!1,value:{},writable:!1}),e[t]}recursiveSetItem(t,o,s,r=e.options){let a="object"==typeof s&&null!==s?{}:s;if(Object.defineProperty(t,o,{enumerable:!0===r.enumerable,get:()=>a,set:!0===r.immutable?void 0:e=>a=e}),"object"==typeof s&&null!==s)for(const[e,a]of Object.entries(s))this.recursiveSetItem(t[o],e,a,r);}setItem(t,o,s=e.options){return this.recursiveSetItem(this.store,t,o,s),this}getItem(e){return Array.isArray(e)?e.map((e=>this.getItem(e))):this.store[e]}};__publicField$1(_RobustStore,"options",{enumerable:!1,immutable:!1}),__publicField$1(_RobustStore,"instances",new Map);const STYLING_TASK_QUEUE=new Map,HYDRATED_HISTORY=[],CSS_PROPERTIES_REGISTERED=new Set,CSS_STYLE_CACHE=new Map,REGEX_CSS_PROPERTIES=/--[^;]+/g,REGEX_SPLIT_CSS_PROPERTY=/:/;"object"==typeof STORE.A11yUi&&null!==STORE.A11yUi||(STORE.A11yUi={CSS_STYLE_CACHE:CSS_STYLE_CACHE,HYDRATED_HISTORY:HYDRATED_HISTORY,STYLING_TASK_QUEUE:STYLING_TASK_QUEUE});const extractProperties=(e,t)=>{let o=t.match(REGEX_CSS_PROPERTIES);if(Array.isArray(o)){o=o.filter((e=>REGEX_SPLIT_CSS_PROPERTY.test(e)));const t=document.createElement("style");t.innerHTML=`.${e} {${o.join(";")}}`,document.querySelector("head")?.appendChild(t);}CSS_PROPERTIES_REGISTERED.add(e);},getCssStyle=(e,t)=>"object"==typeof STORE.A11yUi&&null!==STORE.A11yUi&&"object"==typeof STORE.A11yUi.Themes&&null!==STORE.A11yUi.Themes&&"object"==typeof STORE.A11yUi.Themes[e]&&null!==STORE.A11yUi.Themes[e]&&"string"==typeof STORE.A11yUi.Themes[e][t]?STORE.A11yUi.Themes[e][t].replace(/\r?\n/g,""):"",removeStyle=e=>{for(const t of Array.from(e.childNodes)){if(!(t instanceof HTMLStyleElement&&"STYLE"===t.tagName))break;e.removeChild(t);}},patchStyle=(e,t)=>{try{const o=[];t.forEach((e=>{const t=new CSSStyleSheet;t.replaceSync(e),o.push(t);})),e.adoptedStyleSheets=o;}catch(o){t.reverse().forEach((t=>{const o=document.createElement("style");o.innerHTML=t,e.insertBefore(o,e.firstChild);}));}},encroachStyles=(e,t,o)=>{if(!1!==o){const s=[...Array.from(e.childNodes).filter((e=>e instanceof HTMLStyleElement&&"STYLE"===e.tagName))];let r;try{r=[...Array.from(e.adoptedStyleSheets)];}catch(e){r=[];}"before"===o?.mode?(s.reverse().forEach((e=>t.unshift(e.innerHTML))),r.reverse().forEach((e=>t.unshift(Array.from(e.cssRules).map((e=>e.cssText)).join(""))))):"after"===o?.mode&&(s.forEach((e=>t.push(e.innerHTML))),r.forEach((e=>t.push(Array.from(e.cssRules).map((e=>e.cssText)).join("")))));}},setThemeStyleAfterHydrated=(e,t,o)=>{const s=t.name||"default";let r;try{if(null===e.shadowRoot)throw new Error("ShadowRoot is null");r=e.shadowRoot;}catch(t){r=e;}if(CSS_STYLE_CACHE.get(s)?.has(e.tagName))switchStyle(e,r,CSS_STYLE_CACHE.get(s)?.get(e.tagName),o);else {const a=getCssStyle(s,"PROPERTIES"),n=getCssStyle(s,"GLOBAL"),l=getCssStyle(s,e.tagName);!1===CSS_PROPERTIES_REGISTERED.has(s)&&extractProperties(s,n);const i=[a,n,l];encroachStyles(r,i,t.encroachCss),"debug"===t.loglevel&&console.log(e.tagName,i),!0===t.cache&&(!1===CSS_STYLE_CACHE.has(s)&&CSS_STYLE_CACHE.set(s,new Map),CSS_STYLE_CACHE.get(s)?.set(e.tagName,i)),switchStyle(e,r,i,o);}},switchStyle=(e,t,o,s)=>{removeStyle(t),patchStyle(t,o),e.style.display=s;},logHydratedHistory=e=>{"debug"===e.loglevel&&HYDRATED_HISTORY.push({timestamp:Date.now(),numberOfTasks:STYLING_TASK_QUEUE.size});},pushToDoTask=(e,t)=>{STYLING_TASK_QUEUE.set(e,{styleDisplay:e.style.display?`${e.style.display}`:null,themeDetails:t});},loggedPushToDoTask=(e,t)=>{pushToDoTask(e,t),logHydratedHistory(t);},deleteDoneTask=e=>{STYLING_TASK_QUEUE.delete(e);},loggedDeleteDoneTask=(e,t)=>{deleteDoneTask(e),logHydratedHistory(t);},waitForHydrated=e=>{const t=setTimeout((()=>{if(clearTimeout(t),STYLING_TASK_QUEUE.has(e)&&e.classList.contains("hydrated")){const{styleDisplay:t,themeDetails:o}=STYLING_TASK_QUEUE.get(e);setThemeStyleAfterHydrated(e,o,t),loggedDeleteDoneTask(e,o);}else waitForHydrated(e);}),25);},observerCallback=e=>{for(const t of e)if(STYLING_TASK_QUEUE.has(t.target)&&t.target.classList.contains("hydrated")){const{styleDisplay:e,themeDetails:o}=STYLING_TASK_QUEUE.get(t.target);setThemeStyleAfterHydrated(t.target,o,e),loggedDeleteDoneTask(t.target,o);}},observerOptions={attributes:!0,attributeFilter:["class"],childList:!1,subtree:!1};let observer;try{observer=new MutationObserver(observerCallback);}catch(e){observer=null;}const setThemeStyle=(e,t)=>{loggedPushToDoTask(e,t),observer?observer.observe(e,observerOptions):waitForHydrated(e),e.style.display="none";};
 
 const consoleLogger = {
   type: 'logger',
@@ -7799,7 +7799,7 @@ const initKoliBri = () => {
 	|  .   '  | .-. | |  | ,--. |  .-.  \\ |  .--' ,--.
 	|  |\\   \\ | '-' | |  | |  | |  '--' / |  |    |  |
 	\`--' \`--´  \`---´  \`--' \`--' \`------´  \`--'    \`--'
-	🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | 1.6.1
+	🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | 1.6.2
 		`, {
       forceLog: true,
     });
@@ -11241,6 +11241,19 @@ const watchNavLinks = (className, component, value) => {
   uiUxHintMillerscheZahl(className, component.state._links.length);
 };
 
+const UNIQUE_LABELS = new Set();
+function addNavLabel(ariaLabel) {
+  if (UNIQUE_LABELS.has(ariaLabel)) {
+    console.error(`There already is a nav element with the label "${ariaLabel}"`);
+  }
+  else {
+    UNIQUE_LABELS.add(ariaLabel);
+  }
+}
+function removeNavLabel(ariaLabel) {
+  UNIQUE_LABELS.delete(ariaLabel);
+}
+
 const defaultStyleCss$D = "/*!@:host*/.sc-kol-breadcrumb-default-h{--a11y-min-size:44px;font-size:inherit}/*!@**/*.sc-kol-breadcrumb-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-breadcrumb-default,button.sc-kol-breadcrumb-default:not([role='link']),kol-input.sc-kol-breadcrumb-default .input.sc-kol-breadcrumb-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-breadcrumb-default,button.sc-kol-breadcrumb-default,h1.sc-kol-breadcrumb-default,h2.sc-kol-breadcrumb-default,h3.sc-kol-breadcrumb-default,h4.sc-kol-breadcrumb-default,h5.sc-kol-breadcrumb-default,h6.sc-kol-breadcrumb-default,input.sc-kol-breadcrumb-default,option.sc-kol-breadcrumb-default,select.sc-kol-breadcrumb-default,textarea.sc-kol-breadcrumb-default{font-family:inherit;font-size:inherit}/*!@:is(a, button)*/.sc-kol-breadcrumb-default:is(a,button).sc-kol-breadcrumb-default{background-color:transparent;border:none;margin:0;padding:0;width:100%}/*!@:host*/.sc-kol-breadcrumb-default-h{max-width:100%}/*!@**/*.sc-kol-breadcrumb-default{box-sizing:border-box}/*!@kol-span-wc*/kol-span-wc.sc-kol-breadcrumb-default{display:grid;place-items:center}/*!@kol-span-wc > span*/kol-span-wc.sc-kol-breadcrumb-default>span.sc-kol-breadcrumb-default{display:flex;place-items:center}/*!@a,\nbutton*/a.sc-kol-breadcrumb-default,button.sc-kol-breadcrumb-default{cursor:pointer}/*!@button,\ninput,\noption,\nselect,\ntextarea*/button.sc-kol-breadcrumb-default,input.sc-kol-breadcrumb-default,option.sc-kol-breadcrumb-default,select.sc-kol-breadcrumb-default,textarea.sc-kol-breadcrumb-default{font-family:inherit}/*!@.icon-only > kol-span-wc > span > span*/.icon-only.sc-kol-breadcrumb-default>kol-span-wc.sc-kol-breadcrumb-default>span.sc-kol-breadcrumb-default>span.sc-kol-breadcrumb-default{display:none}/*!@li,\nul*/li.sc-kol-breadcrumb-default,ul.sc-kol-breadcrumb-default{margin:0;padding:0;list-style:none;display:flex;gap:0.5em;flex-wrap:wrap;place-items:center}/*!@kol-icon::part(separator)*/kol-icon.sc-kol-breadcrumb-default::part(separator){font-weight:900;font-size:0.7em}/*!@kol-icon::part(separator):before*/kol-icon.sc-kol-breadcrumb-default::part(separator):before{content:'\\f054';font-family:'Font Awesome 6 Free'}";
 
 class KolBreadcrumb {
@@ -11265,17 +11278,24 @@ class KolBreadcrumb {
   validateAriaLabel(value) {
     this.validateLabel(value);
   }
-  validateLabel(value) {
+  validateLabel(value, _oldValue, initial = false) {
+    if (!initial) {
+      removeNavLabel(this.state._label);
+    }
     validateLabel(this, value);
     a11yHintLabelingLandmarks(value);
+    addNavLabel(this.state._label);
   }
   validateLinks(value) {
     watchNavLinks('KolBreadcrumb', this, value);
   }
   componentWillLoad() {
-    this.validateLabel(this._label || this._ariaLabel);
+    this.validateLabel(this._label || this._ariaLabel, undefined, true);
     this.validateLinks(this._links);
   }
+  disconnectedCallback() {
+    removeNavLabel(this.state._label);
+  }
   static get watchers() { return {
     "_ariaLabel": ["validateAriaLabel"],
     "_label": ["validateLabel"],
@@ -12147,7 +12167,7 @@ const validateHasFooter = (component, value) => {
   watchBoolean(component, '_hasFooter', value);
 };
 
-const defaultStyleCss$z = "/*!@:host*/.sc-kol-card-default-h{--a11y-min-size:44px;font-size:inherit}/*!@**/*.sc-kol-card-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-card-default,button.sc-kol-card-default:not([role='link']),kol-input.sc-kol-card-default .input.sc-kol-card-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-card-default,button.sc-kol-card-default,h1.sc-kol-card-default,h2.sc-kol-card-default,h3.sc-kol-card-default,h4.sc-kol-card-default,h5.sc-kol-card-default,h6.sc-kol-card-default,input.sc-kol-card-default,option.sc-kol-card-default,select.sc-kol-card-default,textarea.sc-kol-card-default{font-family:inherit;font-size:inherit}/*!@:is(a, button)*/.sc-kol-card-default:is(a,button).sc-kol-card-default{background-color:transparent;border:none;margin:0;padding:0;width:100%}/*!@:host*/.sc-kol-card-default-h{max-width:100%}/*!@**/*.sc-kol-card-default{box-sizing:border-box}/*!@kol-span-wc*/kol-span-wc.sc-kol-card-default{display:grid;place-items:center}/*!@kol-span-wc > span*/kol-span-wc.sc-kol-card-default>span.sc-kol-card-default{display:flex;place-items:center}/*!@a,\nbutton*/a.sc-kol-card-default,button.sc-kol-card-default{cursor:pointer}/*!@button,\ninput,\noption,\nselect,\ntextarea*/button.sc-kol-card-default,input.sc-kol-card-default,option.sc-kol-card-default,select.sc-kol-card-default,textarea.sc-kol-card-default{font-family:inherit}/*!@.icon-only > kol-span-wc > span > span*/.icon-only.sc-kol-card-default>kol-span-wc.sc-kol-card-default>span.sc-kol-card-default>span.sc-kol-card-default{display:none}/*!@:host > div.card*/.sc-kol-card-default-h>div.card.sc-kol-card-default{align-items:flex-start;display:flex;height:100%}";
+const defaultStyleCss$z = "/*!@:host*/.sc-kol-card-default-h{--a11y-min-size:44px;font-size:inherit}/*!@**/*.sc-kol-card-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-card-default,button.sc-kol-card-default:not([role='link']),kol-input.sc-kol-card-default .input.sc-kol-card-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-card-default,button.sc-kol-card-default,h1.sc-kol-card-default,h2.sc-kol-card-default,h3.sc-kol-card-default,h4.sc-kol-card-default,h5.sc-kol-card-default,h6.sc-kol-card-default,input.sc-kol-card-default,option.sc-kol-card-default,select.sc-kol-card-default,textarea.sc-kol-card-default{font-family:inherit;font-size:inherit}/*!@:is(a, button)*/.sc-kol-card-default:is(a,button).sc-kol-card-default{background-color:transparent;border:none;margin:0;padding:0;width:100%}/*!@:host*/.sc-kol-card-default-h{max-width:100%}/*!@**/*.sc-kol-card-default{box-sizing:border-box}/*!@kol-span-wc*/kol-span-wc.sc-kol-card-default{display:grid;place-items:center}/*!@kol-span-wc > span*/kol-span-wc.sc-kol-card-default>span.sc-kol-card-default{display:flex;place-items:center}/*!@a,\nbutton*/a.sc-kol-card-default,button.sc-kol-card-default{cursor:pointer}/*!@button,\ninput,\noption,\nselect,\ntextarea*/button.sc-kol-card-default,input.sc-kol-card-default,option.sc-kol-card-default,select.sc-kol-card-default,textarea.sc-kol-card-default{font-family:inherit}/*!@.icon-only > kol-span-wc > span > span*/.icon-only.sc-kol-card-default>kol-span-wc.sc-kol-card-default>span.sc-kol-card-default>span.sc-kol-card-default{display:none}/*!@:host > div.card*/.sc-kol-card-default-h>div.card.sc-kol-card-default{height:100%;position:relative}/*!@.close*/.close.sc-kol-card-default{position:absolute;top:0;right:0}";
 
 class KolCard {
   constructor(hostRef) {
@@ -12174,7 +12194,7 @@ class KolCard {
     };
   }
   render() {
-    return (hAsync(Host, null, hAsync("div", { class: "card" }, hAsync("div", { class: "content-container" }, hAsync("div", { class: "header" }, hAsync("kol-heading-wc", { _label: this.state._label, _level: this.state._level }), hAsync("slot", { name: "header" })), hAsync("div", { class: "content" }, hAsync("slot", { name: "content" }), hAsync("slot", null)), this.state._hasFooter && (hAsync("div", { class: "footer" }, hAsync("slot", { name: "footer" })))), this.state._hasCloser && (hAsync("kol-button-wc", { class: "close", _hideLabel: true, _icon: {
+    return (hAsync(Host, null, hAsync("div", { class: "card" }, hAsync("div", { class: "header" }, hAsync("kol-heading-wc", { _label: this.state._label, _level: this.state._level }), hAsync("slot", { name: "header" })), hAsync("div", { class: "content" }, hAsync("slot", { name: "content" }), hAsync("slot", null)), this.state._hasFooter && (hAsync("div", { class: "footer" }, hAsync("slot", { name: "footer" }))), this.state._hasCloser && (hAsync("kol-button-wc", { class: "close", _hideLabel: true, _icon: {
         left: {
           icon: 'codicon codicon-close',
         },
@@ -12725,7 +12745,7 @@ class KolInput {
         input: true,
         'icon-left': typeof ((_a = this._icon) === null || _a === void 0 ? void 0 : _a.left) === 'object',
         'icon-right': typeof ((_b = this._icon) === null || _b === void 0 ? void 0 : _b.right) === 'object',
-      } }, ((_c = this._icon) === null || _c === void 0 ? void 0 : _c.left) && hAsync("kol-icon", { _ariaLabel: "", _icon: this._icon.left.icon }), hAsync("slot", { name: slotName }), typeof this._smartButton === 'object' && this._smartButton !== null && (hAsync("kol-button-wc", { _customClass: this._smartButton._customClass, _disabled: this._smartButton._disabled, _icon: this._smartButton._icon, _hideLabel: true, _id: this._smartButton._id, _label: this._smartButton._label, _on: this._smartButton._on, _tooltipAlign: this._smartButton._tooltipAlign, _variant: this._smartButton._variant })), ((_d = this._icon) === null || _d === void 0 ? void 0 : _d.right) && hAsync("kol-icon", { _ariaLabel: "", _icon: this._icon.right.icon })), hasError && (hAsync("kol-alert", { class: "error", id: `${this._id}-error`, _alert: this._alert, _type: "error", _variant: "msg" }, this._error)), Array.isArray(this._suggestions) && this._suggestions.length > 0 && (hAsync("datalist", { id: `${this._id}-list` }, this._suggestions.map((option) => (hAsync("option", { value: option }))))), this._hasCounter && (hAsync("span", { "aria-atomic": "true", "aria-live": "polite" }, this._currentLength, this._maxLength && (hAsync(Fragment, null, hAsync("span", { "aria-label": translate('kol-of'), role: "img" }, "/"), this._maxLength)), ' ', hAsync("span", null, translate('kol-characters'))))));
+      } }, ((_c = this._icon) === null || _c === void 0 ? void 0 : _c.left) && hAsync("kol-icon", { _ariaLabel: "", _icon: this._icon.left.icon }), hAsync("slot", { name: slotName }), typeof this._smartButton === 'object' && this._smartButton !== null && (hAsync("kol-button-wc", { _customClass: this._smartButton._customClass, _disabled: this._smartButton._disabled, _icon: this._smartButton._icon, _hideLabel: true, _id: this._smartButton._id, _label: this._smartButton._label, _on: this._smartButton._on, _tooltipAlign: this._smartButton._tooltipAlign, _variant: this._smartButton._variant })), ((_d = this._icon) === null || _d === void 0 ? void 0 : _d.right) && hAsync("kol-icon", { _ariaLabel: "", _icon: this._icon.right.icon })), hasError && (hAsync("kol-alert", { class: "error", id: `${this._id}-error`, _alert: this._alert, _type: "error", _variant: "msg" }, this._error)), Array.isArray(this._suggestions) && this._suggestions.length > 0 && (hAsync("datalist", { id: `${this._id}-list` }, this._suggestions.map((option) => (hAsync("option", { value: option }))))), this._hasCounter && (hAsync("span", { class: "counter", "aria-atomic": "true", "aria-live": "polite" }, this._currentLength, this._maxLength && (hAsync(Fragment, null, hAsync("span", { "aria-label": translate('kol-of'), role: "img" }, "/"), this._maxLength)), ' ', hAsync("span", null, translate('kol-characters'))))));
   }
   static get cmpMeta() { return {
     "$flags$": 4,
@@ -13129,7 +13149,7 @@ class InputCheckboxController extends InputCheckboxRadioController {
   }
 }
 
-const defaultStyleCss$t = "/*!@:host*/.sc-kol-input-checkbox-default-h{--a11y-min-size:44px;font-size:inherit}/*!@**/*.sc-kol-input-checkbox-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-checkbox-default,button.sc-kol-input-checkbox-default:not([role='link']),kol-input.sc-kol-input-checkbox-default .input.sc-kol-input-checkbox-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-checkbox-default,button.sc-kol-input-checkbox-default,h1.sc-kol-input-checkbox-default,h2.sc-kol-input-checkbox-default,h3.sc-kol-input-checkbox-default,h4.sc-kol-input-checkbox-default,h5.sc-kol-input-checkbox-default,h6.sc-kol-input-checkbox-default,input.sc-kol-input-checkbox-default,option.sc-kol-input-checkbox-default,select.sc-kol-input-checkbox-default,textarea.sc-kol-input-checkbox-default{font-family:inherit;font-size:inherit}/*!@:is(a, button)*/.sc-kol-input-checkbox-default:is(a,button).sc-kol-input-checkbox-default{background-color:transparent;border:none;margin:0;padding:0;width:100%}/*!@:host*/.sc-kol-input-checkbox-default-h{max-width:100%}/*!@**/*.sc-kol-input-checkbox-default{box-sizing:border-box}/*!@kol-span-wc*/kol-span-wc.sc-kol-input-checkbox-default{display:grid;place-items:center}/*!@kol-span-wc > span*/kol-span-wc.sc-kol-input-checkbox-default>span.sc-kol-input-checkbox-default{display:flex;place-items:center}/*!@a,\nbutton*/a.sc-kol-input-checkbox-default,button.sc-kol-input-checkbox-default{cursor:pointer}/*!@button,\ninput,\noption,\nselect,\ntextarea*/button.sc-kol-input-checkbox-default,input.sc-kol-input-checkbox-default,option.sc-kol-input-checkbox-default,select.sc-kol-input-checkbox-default,textarea.sc-kol-input-checkbox-default{font-family:inherit}/*!@.icon-only > kol-span-wc > span > span*/.icon-only.sc-kol-input-checkbox-default>kol-span-wc.sc-kol-input-checkbox-default>span.sc-kol-input-checkbox-default>span.sc-kol-input-checkbox-default{display:none}/*!@.required label > span::after,\n.required legend > span::after*/.required.sc-kol-input-checkbox-default label.sc-kol-input-checkbox-default>span.sc-kol-input-checkbox-default::after,.required.sc-kol-input-checkbox-default legend.sc-kol-input-checkbox-default>span.sc-kol-input-checkbox-default::after{content:'*'}/*!@:host*/.sc-kol-input-checkbox-default-h{display:block}/*!@input,\ntextarea*/input.sc-kol-input-checkbox-default,textarea.sc-kol-input-checkbox-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-checkbox-default,input[type='color'].sc-kol-input-checkbox-default,input[type='file'].sc-kol-input-checkbox-default,input[type='radio'].sc-kol-input-checkbox-default,input[type='range'].sc-kol-input-checkbox-default,label.sc-kol-input-checkbox-default,option.sc-kol-input-checkbox-default,select.sc-kol-input-checkbox-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:not([multiple]),\nselect[multiple] option,\ntextarea*/input[type='color'].sc-kol-input-checkbox-default,input[type='date'].sc-kol-input-checkbox-default,input[type='datetime-local'].sc-kol-input-checkbox-default,input[type='email'].sc-kol-input-checkbox-default,input[type='file'].sc-kol-input-checkbox-default,input[type='month'].sc-kol-input-checkbox-default,input[type='number'].sc-kol-input-checkbox-default,input[type='password'].sc-kol-input-checkbox-default,input[type='search'].sc-kol-input-checkbox-default,input[type='tel'].sc-kol-input-checkbox-default,input[type='text'].sc-kol-input-checkbox-default,input[type='time'].sc-kol-input-checkbox-default,input[type='url'].sc-kol-input-checkbox-default,input[type='week'].sc-kol-input-checkbox-default,select.sc-kol-input-checkbox-default:not([multiple]),select[multiple].sc-kol-input-checkbox-default option.sc-kol-input-checkbox-default,textarea.sc-kol-input-checkbox-default{font-size:1rem;width:100%}/*!@input[type='file']*/input[type='file'].sc-kol-input-checkbox-default{padding:calc((var(--a11y-min-size) - 1rem) / 10) 0.5em}/*!@select[multiple] option*/select[multiple].sc-kol-input-checkbox-default option.sc-kol-input-checkbox-default{padding:calc((var(--a11y-min-size) - 1rem) / 2) 0.5em}/*!@kol-input.disabled :is(button, input, label, option, select, textarea)*/kol-input.disabled.sc-kol-input-checkbox-default .sc-kol-input-checkbox-default:is(button,input.sc-kol-input-checkbox-default,label.sc-kol-input-checkbox-default,option.sc-kol-input-checkbox-default,select.sc-kol-input-checkbox-default,textarea).sc-kol-input-checkbox-default{cursor:not-allowed;opacity:0.5}/*!@label*/label.sc-kol-input-checkbox-default{cursor:pointer}/*!@kol-input*/kol-input.sc-kol-input-checkbox-default{align-items:center;display:grid;justify-items:left;width:100}/*!@kol-input.default,\nkol-input.switch*/kol-input.default.sc-kol-input-checkbox-default,kol-input.switch.sc-kol-input-checkbox-default{grid-template-columns:auto 1fr}/*!@kol-input .input*/kol-input.sc-kol-input-checkbox-default .input.sc-kol-input-checkbox-default{align-items:center;display:grid;order:1}/*!@kol-input .input div*/kol-input.sc-kol-input-checkbox-default .input.sc-kol-input-checkbox-default div.sc-kol-input-checkbox-default{display:inline-flex}/*!@kol-input .input input*/kol-input.sc-kol-input-checkbox-default .input.sc-kol-input-checkbox-default input.sc-kol-input-checkbox-default{margin:0}/*!@kol-input label*/kol-input.sc-kol-input-checkbox-default label.sc-kol-input-checkbox-default{order:2}/*!@kol-input .hint,\nkol-input.error > kol-alert*/kol-input.sc-kol-input-checkbox-default .hint.sc-kol-input-checkbox-default,kol-input.error.sc-kol-input-checkbox-default>kol-alert.sc-kol-input-checkbox-default{grid-column:span 2}/*!@kol-input kol-alert.error*/kol-input.sc-kol-input-checkbox-default kol-alert.error.sc-kol-input-checkbox-default{order:3}/*!@kol-input .hint*/kol-input.sc-kol-input-checkbox-default .hint.sc-kol-input-checkbox-default{order:4}/*!@input*/input.sc-kol-input-checkbox-default{border-width:2px;border-style:solid;line-height:24px}/*!@input[type='checkbox']*/input[type='checkbox'].sc-kol-input-checkbox-default{appearance:none;background-color:#fff;cursor:pointer;transition:0.5s}/*!@input[type='checkbox'].kol-disabled:before*/input[type='checkbox'].kol-disabled.sc-kol-input-checkbox-default:before{cursor:not-allowed}/*!@input[type='checkbox']:before*/input[type='checkbox'].sc-kol-input-checkbox-default:before{content:'';cursor:pointer}/*!@.default kol-icon,\n.switch kol-icon*/.default.sc-kol-input-checkbox-default kol-icon.sc-kol-input-checkbox-default,.switch.sc-kol-input-checkbox-default kol-icon.sc-kol-input-checkbox-default{display:none}/*!@kol-input.required .tooltip-content .span-label::after*/kol-input.required.sc-kol-input-checkbox-default .tooltip-content.sc-kol-input-checkbox-default .span-label.sc-kol-input-checkbox-default::after{content:'*'}/*!@.button*/.button.sc-kol-input-checkbox-default{cursor:pointer;display:inline-flex;width:auto}/*!@.button input*/.button.sc-kol-input-checkbox-default input.sc-kol-input-checkbox-default{display:none}/*!@.default input[type='checkbox']*/.default.sc-kol-input-checkbox-default input[type='checkbox'].sc-kol-input-checkbox-default{height:1.5em;width:1.5em}/*!@.default input[type='checkbox']:before*/.default.sc-kol-input-checkbox-default input[type='checkbox'].sc-kol-input-checkbox-default:before{display:block;height:1.5em;position:relative;width:1.5em}/*!@.default input[type='checkbox']:checked:before*/.default.sc-kol-input-checkbox-default input[type='checkbox'].sc-kol-input-checkbox-default:checked:before{border-radius:1px;border-style:solid;border-width:0 3px 3px 0;height:0.75em;left:calc(0.375em - 2px);transform:rotate(40deg) translate(-50%, -50%);top:calc(0.7125em - 2px);width:0.375em}/*!@.default input[type='checkbox']:indeterminate:before*/.default.sc-kol-input-checkbox-default input[type='checkbox'].sc-kol-input-checkbox-default:indeterminate:before{background-color:#000;height:0.2em;left:0.24em;top:0.575em;width:0.8em}/*!@.switch input[type='checkbox']*/.switch.sc-kol-input-checkbox-default input[type='checkbox'].sc-kol-input-checkbox-default{display:inline-block;height:1.7em;min-width:3.2em;position:relative;width:3.2em}/*!@.switch input[type='checkbox']:before*/.switch.sc-kol-input-checkbox-default input[type='checkbox'].sc-kol-input-checkbox-default:before{background-color:#000;height:1.2em;left:calc(0.25em - 2px);top:calc(0.25em - 2px);position:absolute;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;transition:0.5s;width:1.2em}/*!@.switch input[type='checkbox']:checked:before*/.switch.sc-kol-input-checkbox-default input[type='checkbox'].sc-kol-input-checkbox-default:checked:before{-webkit-transform:translateX(1.5em);-moz-transform:translateX(1.5em);-ms-transform:translateX(1.5em);transform:translateX(1.5em)}/*!@.switch input[type='checkbox']:indeterminate:before*/.switch.sc-kol-input-checkbox-default input[type='checkbox'].sc-kol-input-checkbox-default:indeterminate:before{transform:translateX(0.75em)}";
+const defaultStyleCss$t = "/*!@:host*/.sc-kol-input-checkbox-default-h{--a11y-min-size:44px;font-size:inherit}/*!@**/*.sc-kol-input-checkbox-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-checkbox-default,button.sc-kol-input-checkbox-default:not([role='link']),kol-input.sc-kol-input-checkbox-default .input.sc-kol-input-checkbox-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-checkbox-default,button.sc-kol-input-checkbox-default,h1.sc-kol-input-checkbox-default,h2.sc-kol-input-checkbox-default,h3.sc-kol-input-checkbox-default,h4.sc-kol-input-checkbox-default,h5.sc-kol-input-checkbox-default,h6.sc-kol-input-checkbox-default,input.sc-kol-input-checkbox-default,option.sc-kol-input-checkbox-default,select.sc-kol-input-checkbox-default,textarea.sc-kol-input-checkbox-default{font-family:inherit;font-size:inherit}/*!@:is(a, button)*/.sc-kol-input-checkbox-default:is(a,button).sc-kol-input-checkbox-default{background-color:transparent;border:none;margin:0;padding:0;width:100%}/*!@:host*/.sc-kol-input-checkbox-default-h{max-width:100%}/*!@**/*.sc-kol-input-checkbox-default{box-sizing:border-box}/*!@kol-span-wc*/kol-span-wc.sc-kol-input-checkbox-default{display:grid;place-items:center}/*!@kol-span-wc > span*/kol-span-wc.sc-kol-input-checkbox-default>span.sc-kol-input-checkbox-default{display:flex;place-items:center}/*!@a,\nbutton*/a.sc-kol-input-checkbox-default,button.sc-kol-input-checkbox-default{cursor:pointer}/*!@button,\ninput,\noption,\nselect,\ntextarea*/button.sc-kol-input-checkbox-default,input.sc-kol-input-checkbox-default,option.sc-kol-input-checkbox-default,select.sc-kol-input-checkbox-default,textarea.sc-kol-input-checkbox-default{font-family:inherit}/*!@.icon-only > kol-span-wc > span > span*/.icon-only.sc-kol-input-checkbox-default>kol-span-wc.sc-kol-input-checkbox-default>span.sc-kol-input-checkbox-default>span.sc-kol-input-checkbox-default{display:none}/*!@.required label > span::after,\n.required legend > span::after*/.required.sc-kol-input-checkbox-default label.sc-kol-input-checkbox-default>span.sc-kol-input-checkbox-default::after,.required.sc-kol-input-checkbox-default legend.sc-kol-input-checkbox-default>span.sc-kol-input-checkbox-default::after{content:'*'}/*!@:host*/.sc-kol-input-checkbox-default-h{display:block}/*!@input,\ntextarea*/input.sc-kol-input-checkbox-default,textarea.sc-kol-input-checkbox-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-checkbox-default,input[type='color'].sc-kol-input-checkbox-default,input[type='file'].sc-kol-input-checkbox-default,input[type='radio'].sc-kol-input-checkbox-default,input[type='range'].sc-kol-input-checkbox-default,label.sc-kol-input-checkbox-default,option.sc-kol-input-checkbox-default,select.sc-kol-input-checkbox-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-checkbox-default,input[type='date'].sc-kol-input-checkbox-default,input[type='datetime-local'].sc-kol-input-checkbox-default,input[type='email'].sc-kol-input-checkbox-default,input[type='file'].sc-kol-input-checkbox-default,input[type='month'].sc-kol-input-checkbox-default,input[type='number'].sc-kol-input-checkbox-default,input[type='password'].sc-kol-input-checkbox-default,input[type='search'].sc-kol-input-checkbox-default,input[type='tel'].sc-kol-input-checkbox-default,input[type='text'].sc-kol-input-checkbox-default,input[type='time'].sc-kol-input-checkbox-default,input[type='url'].sc-kol-input-checkbox-default,input[type='week'].sc-kol-input-checkbox-default,select.sc-kol-input-checkbox-default,select[multiple].sc-kol-input-checkbox-default option.sc-kol-input-checkbox-default,textarea.sc-kol-input-checkbox-default{font-size:1rem;width:100%}/*!@input[type='file']*/input[type='file'].sc-kol-input-checkbox-default{padding:calc((var(--a11y-min-size) - 1rem) / 10) 0.5em}/*!@select[multiple] option*/select[multiple].sc-kol-input-checkbox-default option.sc-kol-input-checkbox-default{padding:calc((var(--a11y-min-size) - 1rem) / 2) 0.5em}/*!@kol-input.disabled :is(button, input, label, option, select, textarea)*/kol-input.disabled.sc-kol-input-checkbox-default .sc-kol-input-checkbox-default:is(button,input.sc-kol-input-checkbox-default,label.sc-kol-input-checkbox-default,option.sc-kol-input-checkbox-default,select.sc-kol-input-checkbox-default,textarea).sc-kol-input-checkbox-default{cursor:not-allowed;opacity:0.5}/*!@label*/label.sc-kol-input-checkbox-default{cursor:pointer}/*!@kol-input*/kol-input.sc-kol-input-checkbox-default{align-items:center;display:grid;justify-items:left;width:100}/*!@kol-input.default,\nkol-input.switch*/kol-input.default.sc-kol-input-checkbox-default,kol-input.switch.sc-kol-input-checkbox-default{grid-template-columns:auto 1fr}/*!@kol-input .input*/kol-input.sc-kol-input-checkbox-default .input.sc-kol-input-checkbox-default{align-items:center;display:grid;order:1}/*!@kol-input .input div*/kol-input.sc-kol-input-checkbox-default .input.sc-kol-input-checkbox-default div.sc-kol-input-checkbox-default{display:inline-flex}/*!@kol-input .input input*/kol-input.sc-kol-input-checkbox-default .input.sc-kol-input-checkbox-default input.sc-kol-input-checkbox-default{margin:0}/*!@kol-input label*/kol-input.sc-kol-input-checkbox-default label.sc-kol-input-checkbox-default{order:2}/*!@kol-input .hint,\nkol-input.error > kol-alert*/kol-input.sc-kol-input-checkbox-default .hint.sc-kol-input-checkbox-default,kol-input.error.sc-kol-input-checkbox-default>kol-alert.sc-kol-input-checkbox-default{grid-column:span 2}/*!@kol-input kol-alert.error*/kol-input.sc-kol-input-checkbox-default kol-alert.error.sc-kol-input-checkbox-default{order:3}/*!@kol-input .hint*/kol-input.sc-kol-input-checkbox-default .hint.sc-kol-input-checkbox-default{order:4}/*!@input*/input.sc-kol-input-checkbox-default{border-width:2px;border-style:solid;line-height:24px}/*!@input[type='checkbox']*/input[type='checkbox'].sc-kol-input-checkbox-default{appearance:none;background-color:#fff;cursor:pointer;transition:0.5s}/*!@input[type='checkbox'].kol-disabled:before*/input[type='checkbox'].kol-disabled.sc-kol-input-checkbox-default:before{cursor:not-allowed}/*!@input[type='checkbox']:before*/input[type='checkbox'].sc-kol-input-checkbox-default:before{content:'';cursor:pointer}/*!@.default kol-icon,\n.switch kol-icon*/.default.sc-kol-input-checkbox-default kol-icon.sc-kol-input-checkbox-default,.switch.sc-kol-input-checkbox-default kol-icon.sc-kol-input-checkbox-default{display:none}/*!@kol-input.required .tooltip-content .span-label::after*/kol-input.required.sc-kol-input-checkbox-default .tooltip-content.sc-kol-input-checkbox-default .span-label.sc-kol-input-checkbox-default::after{content:'*'}/*!@.button*/.button.sc-kol-input-checkbox-default{cursor:pointer;display:inline-flex;width:auto}/*!@.button input*/.button.sc-kol-input-checkbox-default input.sc-kol-input-checkbox-default{display:none}/*!@.default input[type='checkbox']*/.default.sc-kol-input-checkbox-default input[type='checkbox'].sc-kol-input-checkbox-default{height:1.5em;width:1.5em}/*!@.default input[type='checkbox']:before*/.default.sc-kol-input-checkbox-default input[type='checkbox'].sc-kol-input-checkbox-default:before{display:block;height:1.5em;position:relative;width:1.5em}/*!@.default input[type='checkbox']:checked:before*/.default.sc-kol-input-checkbox-default input[type='checkbox'].sc-kol-input-checkbox-default:checked:before{border-radius:1px;border-style:solid;border-width:0 3px 3px 0;height:0.75em;left:calc(0.375em - 2px);transform:rotate(40deg) translate(-50%, -50%);top:calc(0.7125em - 2px);width:0.375em}/*!@.default input[type='checkbox']:indeterminate:before*/.default.sc-kol-input-checkbox-default input[type='checkbox'].sc-kol-input-checkbox-default:indeterminate:before{background-color:#000;height:0.2em;left:0.24em;top:0.575em;width:0.8em}/*!@.switch input[type='checkbox']*/.switch.sc-kol-input-checkbox-default input[type='checkbox'].sc-kol-input-checkbox-default{display:inline-block;height:1.7em;min-width:3.2em;position:relative;width:3.2em}/*!@.switch input[type='checkbox']:before*/.switch.sc-kol-input-checkbox-default input[type='checkbox'].sc-kol-input-checkbox-default:before{background-color:#000;height:1.2em;left:calc(0.25em - 2px);top:calc(0.25em - 2px);position:absolute;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;transition:0.5s;width:1.2em}/*!@.switch input[type='checkbox']:checked:before*/.switch.sc-kol-input-checkbox-default input[type='checkbox'].sc-kol-input-checkbox-default:checked:before{-webkit-transform:translateX(1.5em);-moz-transform:translateX(1.5em);-ms-transform:translateX(1.5em);transform:translateX(1.5em)}/*!@.switch input[type='checkbox']:indeterminate:before*/.switch.sc-kol-input-checkbox-default input[type='checkbox'].sc-kol-input-checkbox-default:indeterminate:before{transform:translateX(0.75em)}";
 
 class KolInputCheckbox {
   render() {
@@ -13395,7 +13415,7 @@ class InputColorController extends InputIconController {
   }
 }
 
-const defaultStyleCss$s = "/*!@:host*/.sc-kol-input-color-default-h{--a11y-min-size:44px;font-size:inherit}/*!@**/*.sc-kol-input-color-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-color-default,button.sc-kol-input-color-default:not([role='link']),kol-input.sc-kol-input-color-default .input.sc-kol-input-color-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-color-default,button.sc-kol-input-color-default,h1.sc-kol-input-color-default,h2.sc-kol-input-color-default,h3.sc-kol-input-color-default,h4.sc-kol-input-color-default,h5.sc-kol-input-color-default,h6.sc-kol-input-color-default,input.sc-kol-input-color-default,option.sc-kol-input-color-default,select.sc-kol-input-color-default,textarea.sc-kol-input-color-default{font-family:inherit;font-size:inherit}/*!@:is(a, button)*/.sc-kol-input-color-default:is(a,button).sc-kol-input-color-default{background-color:transparent;border:none;margin:0;padding:0;width:100%}/*!@:host*/.sc-kol-input-color-default-h{max-width:100%}/*!@**/*.sc-kol-input-color-default{box-sizing:border-box}/*!@kol-span-wc*/kol-span-wc.sc-kol-input-color-default{display:grid;place-items:center}/*!@kol-span-wc > span*/kol-span-wc.sc-kol-input-color-default>span.sc-kol-input-color-default{display:flex;place-items:center}/*!@a,\nbutton*/a.sc-kol-input-color-default,button.sc-kol-input-color-default{cursor:pointer}/*!@button,\ninput,\noption,\nselect,\ntextarea*/button.sc-kol-input-color-default,input.sc-kol-input-color-default,option.sc-kol-input-color-default,select.sc-kol-input-color-default,textarea.sc-kol-input-color-default{font-family:inherit}/*!@.icon-only > kol-span-wc > span > span*/.icon-only.sc-kol-input-color-default>kol-span-wc.sc-kol-input-color-default>span.sc-kol-input-color-default>span.sc-kol-input-color-default{display:none}/*!@.required label > span::after,\n.required legend > span::after*/.required.sc-kol-input-color-default label.sc-kol-input-color-default>span.sc-kol-input-color-default::after,.required.sc-kol-input-color-default legend.sc-kol-input-color-default>span.sc-kol-input-color-default::after{content:'*'}/*!@:host*/.sc-kol-input-color-default-h{display:block}/*!@input,\ntextarea*/input.sc-kol-input-color-default,textarea.sc-kol-input-color-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-color-default,input[type='color'].sc-kol-input-color-default,input[type='file'].sc-kol-input-color-default,input[type='radio'].sc-kol-input-color-default,input[type='range'].sc-kol-input-color-default,label.sc-kol-input-color-default,option.sc-kol-input-color-default,select.sc-kol-input-color-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:not([multiple]),\nselect[multiple] option,\ntextarea*/input[type='color'].sc-kol-input-color-default,input[type='date'].sc-kol-input-color-default,input[type='datetime-local'].sc-kol-input-color-default,input[type='email'].sc-kol-input-color-default,input[type='file'].sc-kol-input-color-default,input[type='month'].sc-kol-input-color-default,input[type='number'].sc-kol-input-color-default,input[type='password'].sc-kol-input-color-default,input[type='search'].sc-kol-input-color-default,input[type='tel'].sc-kol-input-color-default,input[type='text'].sc-kol-input-color-default,input[type='time'].sc-kol-input-color-default,input[type='url'].sc-kol-input-color-default,input[type='week'].sc-kol-input-color-default,select.sc-kol-input-color-default:not([multiple]),select[multiple].sc-kol-input-color-default option.sc-kol-input-color-default,textarea.sc-kol-input-color-default{font-size:1rem;width:100%}/*!@input[type='file']*/input[type='file'].sc-kol-input-color-default{padding:calc((var(--a11y-min-size) - 1rem) / 10) 0.5em}/*!@select[multiple] option*/select[multiple].sc-kol-input-color-default option.sc-kol-input-color-default{padding:calc((var(--a11y-min-size) - 1rem) / 2) 0.5em}/*!@kol-input.disabled :is(button, input, label, option, select, textarea)*/kol-input.disabled.sc-kol-input-color-default .sc-kol-input-color-default:is(button,input.sc-kol-input-color-default,label.sc-kol-input-color-default,option.sc-kol-input-color-default,select.sc-kol-input-color-default,textarea).sc-kol-input-color-default{cursor:not-allowed;opacity:0.5}/*!@kol-input*/kol-input.sc-kol-input-color-default{display:grid}/*!@kol-input [slot='input']*/kol-input.sc-kol-input-color-default [slot='input'].sc-kol-input-color-default{flex-grow:1}/*!@input:not([type='checkbox'], [type='radio']),\nselect:not([multiple], [size])*/input.sc-kol-input-color-default:not([type='checkbox'],[type='radio']).sc-kol-input-color-default,select.sc-kol-input-color-default:not([multiple],[size]).sc-kol-input-color-default{height:2.75em}/*!@input:focus,\noption:focus,\nselect:focus,\ntextarea:focus*/input.sc-kol-input-color-default:focus,option.sc-kol-input-color-default:focus,select.sc-kol-input-color-default:focus,textarea.sc-kol-input-color-default:focus{outline:0}/*!@.input*/.input.sc-kol-input-color-default{display:flex;align-items:center}/*!@.input > kol-icon*/.input.sc-kol-input-color-default>kol-icon.sc-kol-input-color-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-color-default .input-tooltip.sc-kol-input-color-default .span-label.sc-kol-input-color-default::after{content:'*'}/*!@div.input*/div.input.sc-kol-input-color-default{cursor:pointer}";
+const defaultStyleCss$s = "/*!@:host*/.sc-kol-input-color-default-h{--a11y-min-size:44px;font-size:inherit}/*!@**/*.sc-kol-input-color-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-color-default,button.sc-kol-input-color-default:not([role='link']),kol-input.sc-kol-input-color-default .input.sc-kol-input-color-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-color-default,button.sc-kol-input-color-default,h1.sc-kol-input-color-default,h2.sc-kol-input-color-default,h3.sc-kol-input-color-default,h4.sc-kol-input-color-default,h5.sc-kol-input-color-default,h6.sc-kol-input-color-default,input.sc-kol-input-color-default,option.sc-kol-input-color-default,select.sc-kol-input-color-default,textarea.sc-kol-input-color-default{font-family:inherit;font-size:inherit}/*!@:is(a, button)*/.sc-kol-input-color-default:is(a,button).sc-kol-input-color-default{background-color:transparent;border:none;margin:0;padding:0;width:100%}/*!@:host*/.sc-kol-input-color-default-h{max-width:100%}/*!@**/*.sc-kol-input-color-default{box-sizing:border-box}/*!@kol-span-wc*/kol-span-wc.sc-kol-input-color-default{display:grid;place-items:center}/*!@kol-span-wc > span*/kol-span-wc.sc-kol-input-color-default>span.sc-kol-input-color-default{display:flex;place-items:center}/*!@a,\nbutton*/a.sc-kol-input-color-default,button.sc-kol-input-color-default{cursor:pointer}/*!@button,\ninput,\noption,\nselect,\ntextarea*/button.sc-kol-input-color-default,input.sc-kol-input-color-default,option.sc-kol-input-color-default,select.sc-kol-input-color-default,textarea.sc-kol-input-color-default{font-family:inherit}/*!@.icon-only > kol-span-wc > span > span*/.icon-only.sc-kol-input-color-default>kol-span-wc.sc-kol-input-color-default>span.sc-kol-input-color-default>span.sc-kol-input-color-default{display:none}/*!@.required label > span::after,\n.required legend > span::after*/.required.sc-kol-input-color-default label.sc-kol-input-color-default>span.sc-kol-input-color-default::after,.required.sc-kol-input-color-default legend.sc-kol-input-color-default>span.sc-kol-input-color-default::after{content:'*'}/*!@:host*/.sc-kol-input-color-default-h{display:block}/*!@input,\ntextarea*/input.sc-kol-input-color-default,textarea.sc-kol-input-color-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-color-default,input[type='color'].sc-kol-input-color-default,input[type='file'].sc-kol-input-color-default,input[type='radio'].sc-kol-input-color-default,input[type='range'].sc-kol-input-color-default,label.sc-kol-input-color-default,option.sc-kol-input-color-default,select.sc-kol-input-color-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-color-default,input[type='date'].sc-kol-input-color-default,input[type='datetime-local'].sc-kol-input-color-default,input[type='email'].sc-kol-input-color-default,input[type='file'].sc-kol-input-color-default,input[type='month'].sc-kol-input-color-default,input[type='number'].sc-kol-input-color-default,input[type='password'].sc-kol-input-color-default,input[type='search'].sc-kol-input-color-default,input[type='tel'].sc-kol-input-color-default,input[type='text'].sc-kol-input-color-default,input[type='time'].sc-kol-input-color-default,input[type='url'].sc-kol-input-color-default,input[type='week'].sc-kol-input-color-default,select.sc-kol-input-color-default,select[multiple].sc-kol-input-color-default option.sc-kol-input-color-default,textarea.sc-kol-input-color-default{font-size:1rem;width:100%}/*!@input[type='file']*/input[type='file'].sc-kol-input-color-default{padding:calc((var(--a11y-min-size) - 1rem) / 10) 0.5em}/*!@select[multiple] option*/select[multiple].sc-kol-input-color-default option.sc-kol-input-color-default{padding:calc((var(--a11y-min-size) - 1rem) / 2) 0.5em}/*!@kol-input.disabled :is(button, input, label, option, select, textarea)*/kol-input.disabled.sc-kol-input-color-default .sc-kol-input-color-default:is(button,input.sc-kol-input-color-default,label.sc-kol-input-color-default,option.sc-kol-input-color-default,select.sc-kol-input-color-default,textarea).sc-kol-input-color-default{cursor:not-allowed;opacity:0.5}/*!@kol-input*/kol-input.sc-kol-input-color-default{display:grid}/*!@kol-input [slot='input']*/kol-input.sc-kol-input-color-default [slot='input'].sc-kol-input-color-default{flex-grow:1}/*!@input:not([type='checkbox'], [type='radio']),\nselect:not([multiple], [size])*/input.sc-kol-input-color-default:not([type='checkbox'],[type='radio']).sc-kol-input-color-default,select.sc-kol-input-color-default:not([multiple],[size]).sc-kol-input-color-default{height:2.75em}/*!@input:focus,\noption:focus,\nselect:focus,\ntextarea:focus*/input.sc-kol-input-color-default:focus,option.sc-kol-input-color-default:focus,select.sc-kol-input-color-default:focus,textarea.sc-kol-input-color-default:focus{outline:0}/*!@.input*/.input.sc-kol-input-color-default{display:flex;align-items:center}/*!@.input > kol-icon*/.input.sc-kol-input-color-default>kol-icon.sc-kol-input-color-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-color-default .input-tooltip.sc-kol-input-color-default .span-label.sc-kol-input-color-default::after{content:'*'}/*!@div.input*/div.input.sc-kol-input-color-default{cursor:pointer}";
 
 class KolInputColor {
   render() {
@@ -13700,7 +13720,7 @@ InputDateController.isoTimeRegex = /^[0-2]\d:[0-5]\d(:[0-5]\d(?:\.\d+)?)?/;
 InputDateController.isoWeekRegex = /^\d{4}-W(?:[0-4]\d|5[0-3])$/;
 InputDateController.DEFAULT_MAX_DATE = new Date(9999, 11, 31, 23, 59, 59);
 
-const defaultStyleCss$r = "/*!@:host*/.sc-kol-input-date-default-h{--a11y-min-size:44px;font-size:inherit}/*!@**/*.sc-kol-input-date-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-date-default,button.sc-kol-input-date-default:not([role='link']),kol-input.sc-kol-input-date-default .input.sc-kol-input-date-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-date-default,button.sc-kol-input-date-default,h1.sc-kol-input-date-default,h2.sc-kol-input-date-default,h3.sc-kol-input-date-default,h4.sc-kol-input-date-default,h5.sc-kol-input-date-default,h6.sc-kol-input-date-default,input.sc-kol-input-date-default,option.sc-kol-input-date-default,select.sc-kol-input-date-default,textarea.sc-kol-input-date-default{font-family:inherit;font-size:inherit}/*!@:is(a, button)*/.sc-kol-input-date-default:is(a,button).sc-kol-input-date-default{background-color:transparent;border:none;margin:0;padding:0;width:100%}/*!@:host*/.sc-kol-input-date-default-h{max-width:100%}/*!@**/*.sc-kol-input-date-default{box-sizing:border-box}/*!@kol-span-wc*/kol-span-wc.sc-kol-input-date-default{display:grid;place-items:center}/*!@kol-span-wc > span*/kol-span-wc.sc-kol-input-date-default>span.sc-kol-input-date-default{display:flex;place-items:center}/*!@a,\nbutton*/a.sc-kol-input-date-default,button.sc-kol-input-date-default{cursor:pointer}/*!@button,\ninput,\noption,\nselect,\ntextarea*/button.sc-kol-input-date-default,input.sc-kol-input-date-default,option.sc-kol-input-date-default,select.sc-kol-input-date-default,textarea.sc-kol-input-date-default{font-family:inherit}/*!@.icon-only > kol-span-wc > span > span*/.icon-only.sc-kol-input-date-default>kol-span-wc.sc-kol-input-date-default>span.sc-kol-input-date-default>span.sc-kol-input-date-default{display:none}/*!@.required label > span::after,\n.required legend > span::after*/.required.sc-kol-input-date-default label.sc-kol-input-date-default>span.sc-kol-input-date-default::after,.required.sc-kol-input-date-default legend.sc-kol-input-date-default>span.sc-kol-input-date-default::after{content:'*'}/*!@:host*/.sc-kol-input-date-default-h{display:block}/*!@input,\ntextarea*/input.sc-kol-input-date-default,textarea.sc-kol-input-date-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-date-default,input[type='color'].sc-kol-input-date-default,input[type='file'].sc-kol-input-date-default,input[type='radio'].sc-kol-input-date-default,input[type='range'].sc-kol-input-date-default,label.sc-kol-input-date-default,option.sc-kol-input-date-default,select.sc-kol-input-date-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:not([multiple]),\nselect[multiple] option,\ntextarea*/input[type='color'].sc-kol-input-date-default,input[type='date'].sc-kol-input-date-default,input[type='datetime-local'].sc-kol-input-date-default,input[type='email'].sc-kol-input-date-default,input[type='file'].sc-kol-input-date-default,input[type='month'].sc-kol-input-date-default,input[type='number'].sc-kol-input-date-default,input[type='password'].sc-kol-input-date-default,input[type='search'].sc-kol-input-date-default,input[type='tel'].sc-kol-input-date-default,input[type='text'].sc-kol-input-date-default,input[type='time'].sc-kol-input-date-default,input[type='url'].sc-kol-input-date-default,input[type='week'].sc-kol-input-date-default,select.sc-kol-input-date-default:not([multiple]),select[multiple].sc-kol-input-date-default option.sc-kol-input-date-default,textarea.sc-kol-input-date-default{font-size:1rem;width:100%}/*!@input[type='file']*/input[type='file'].sc-kol-input-date-default{padding:calc((var(--a11y-min-size) - 1rem) / 10) 0.5em}/*!@select[multiple] option*/select[multiple].sc-kol-input-date-default option.sc-kol-input-date-default{padding:calc((var(--a11y-min-size) - 1rem) / 2) 0.5em}/*!@kol-input.disabled :is(button, input, label, option, select, textarea)*/kol-input.disabled.sc-kol-input-date-default .sc-kol-input-date-default:is(button,input.sc-kol-input-date-default,label.sc-kol-input-date-default,option.sc-kol-input-date-default,select.sc-kol-input-date-default,textarea).sc-kol-input-date-default{cursor:not-allowed;opacity:0.5}/*!@kol-input*/kol-input.sc-kol-input-date-default{display:grid}/*!@kol-input [slot='input']*/kol-input.sc-kol-input-date-default [slot='input'].sc-kol-input-date-default{flex-grow:1}/*!@input:not([type='checkbox'], [type='radio']),\nselect:not([multiple], [size])*/input.sc-kol-input-date-default:not([type='checkbox'],[type='radio']).sc-kol-input-date-default,select.sc-kol-input-date-default:not([multiple],[size]).sc-kol-input-date-default{height:2.75em}/*!@input:focus,\noption:focus,\nselect:focus,\ntextarea:focus*/input.sc-kol-input-date-default:focus,option.sc-kol-input-date-default:focus,select.sc-kol-input-date-default:focus,textarea.sc-kol-input-date-default:focus{outline:0}/*!@.input*/.input.sc-kol-input-date-default{display:flex;align-items:center}/*!@.input > kol-icon*/.input.sc-kol-input-date-default>kol-icon.sc-kol-input-date-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-date-default .input-tooltip.sc-kol-input-date-default .span-label.sc-kol-input-date-default::after{content:'*'}/*!@kol-input-number*/kol-input-number.sc-kol-input-date-default{display:block}";
+const defaultStyleCss$r = "/*!@:host*/.sc-kol-input-date-default-h{--a11y-min-size:44px;font-size:inherit}/*!@**/*.sc-kol-input-date-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-date-default,button.sc-kol-input-date-default:not([role='link']),kol-input.sc-kol-input-date-default .input.sc-kol-input-date-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-date-default,button.sc-kol-input-date-default,h1.sc-kol-input-date-default,h2.sc-kol-input-date-default,h3.sc-kol-input-date-default,h4.sc-kol-input-date-default,h5.sc-kol-input-date-default,h6.sc-kol-input-date-default,input.sc-kol-input-date-default,option.sc-kol-input-date-default,select.sc-kol-input-date-default,textarea.sc-kol-input-date-default{font-family:inherit;font-size:inherit}/*!@:is(a, button)*/.sc-kol-input-date-default:is(a,button).sc-kol-input-date-default{background-color:transparent;border:none;margin:0;padding:0;width:100%}/*!@:host*/.sc-kol-input-date-default-h{max-width:100%}/*!@**/*.sc-kol-input-date-default{box-sizing:border-box}/*!@kol-span-wc*/kol-span-wc.sc-kol-input-date-default{display:grid;place-items:center}/*!@kol-span-wc > span*/kol-span-wc.sc-kol-input-date-default>span.sc-kol-input-date-default{display:flex;place-items:center}/*!@a,\nbutton*/a.sc-kol-input-date-default,button.sc-kol-input-date-default{cursor:pointer}/*!@button,\ninput,\noption,\nselect,\ntextarea*/button.sc-kol-input-date-default,input.sc-kol-input-date-default,option.sc-kol-input-date-default,select.sc-kol-input-date-default,textarea.sc-kol-input-date-default{font-family:inherit}/*!@.icon-only > kol-span-wc > span > span*/.icon-only.sc-kol-input-date-default>kol-span-wc.sc-kol-input-date-default>span.sc-kol-input-date-default>span.sc-kol-input-date-default{display:none}/*!@.required label > span::after,\n.required legend > span::after*/.required.sc-kol-input-date-default label.sc-kol-input-date-default>span.sc-kol-input-date-default::after,.required.sc-kol-input-date-default legend.sc-kol-input-date-default>span.sc-kol-input-date-default::after{content:'*'}/*!@:host*/.sc-kol-input-date-default-h{display:block}/*!@input,\ntextarea*/input.sc-kol-input-date-default,textarea.sc-kol-input-date-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-date-default,input[type='color'].sc-kol-input-date-default,input[type='file'].sc-kol-input-date-default,input[type='radio'].sc-kol-input-date-default,input[type='range'].sc-kol-input-date-default,label.sc-kol-input-date-default,option.sc-kol-input-date-default,select.sc-kol-input-date-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-date-default,input[type='date'].sc-kol-input-date-default,input[type='datetime-local'].sc-kol-input-date-default,input[type='email'].sc-kol-input-date-default,input[type='file'].sc-kol-input-date-default,input[type='month'].sc-kol-input-date-default,input[type='number'].sc-kol-input-date-default,input[type='password'].sc-kol-input-date-default,input[type='search'].sc-kol-input-date-default,input[type='tel'].sc-kol-input-date-default,input[type='text'].sc-kol-input-date-default,input[type='time'].sc-kol-input-date-default,input[type='url'].sc-kol-input-date-default,input[type='week'].sc-kol-input-date-default,select.sc-kol-input-date-default,select[multiple].sc-kol-input-date-default option.sc-kol-input-date-default,textarea.sc-kol-input-date-default{font-size:1rem;width:100%}/*!@input[type='file']*/input[type='file'].sc-kol-input-date-default{padding:calc((var(--a11y-min-size) - 1rem) / 10) 0.5em}/*!@select[multiple] option*/select[multiple].sc-kol-input-date-default option.sc-kol-input-date-default{padding:calc((var(--a11y-min-size) - 1rem) / 2) 0.5em}/*!@kol-input.disabled :is(button, input, label, option, select, textarea)*/kol-input.disabled.sc-kol-input-date-default .sc-kol-input-date-default:is(button,input.sc-kol-input-date-default,label.sc-kol-input-date-default,option.sc-kol-input-date-default,select.sc-kol-input-date-default,textarea).sc-kol-input-date-default{cursor:not-allowed;opacity:0.5}/*!@kol-input*/kol-input.sc-kol-input-date-default{display:grid}/*!@kol-input [slot='input']*/kol-input.sc-kol-input-date-default [slot='input'].sc-kol-input-date-default{flex-grow:1}/*!@input:not([type='checkbox'], [type='radio']),\nselect:not([multiple], [size])*/input.sc-kol-input-date-default:not([type='checkbox'],[type='radio']).sc-kol-input-date-default,select.sc-kol-input-date-default:not([multiple],[size]).sc-kol-input-date-default{height:2.75em}/*!@input:focus,\noption:focus,\nselect:focus,\ntextarea:focus*/input.sc-kol-input-date-default:focus,option.sc-kol-input-date-default:focus,select.sc-kol-input-date-default:focus,textarea.sc-kol-input-date-default:focus{outline:0}/*!@.input*/.input.sc-kol-input-date-default{display:flex;align-items:center}/*!@.input > kol-icon*/.input.sc-kol-input-date-default>kol-icon.sc-kol-input-date-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-date-default .input-tooltip.sc-kol-input-date-default .span-label.sc-kol-input-date-default::after{content:'*'}/*!@kol-input-number*/kol-input-number.sc-kol-input-date-default{display:block}";
 
 class KolInputDate {
   render() {
@@ -14036,7 +14056,7 @@ class InputEmailController extends InputTextEmailController {
   }
 }
 
-const defaultStyleCss$q = "/*!@:host*/.sc-kol-input-email-default-h{--a11y-min-size:44px;font-size:inherit}/*!@**/*.sc-kol-input-email-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-email-default,button.sc-kol-input-email-default:not([role='link']),kol-input.sc-kol-input-email-default .input.sc-kol-input-email-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-email-default,button.sc-kol-input-email-default,h1.sc-kol-input-email-default,h2.sc-kol-input-email-default,h3.sc-kol-input-email-default,h4.sc-kol-input-email-default,h5.sc-kol-input-email-default,h6.sc-kol-input-email-default,input.sc-kol-input-email-default,option.sc-kol-input-email-default,select.sc-kol-input-email-default,textarea.sc-kol-input-email-default{font-family:inherit;font-size:inherit}/*!@:is(a, button)*/.sc-kol-input-email-default:is(a,button).sc-kol-input-email-default{background-color:transparent;border:none;margin:0;padding:0;width:100%}/*!@:host*/.sc-kol-input-email-default-h{max-width:100%}/*!@**/*.sc-kol-input-email-default{box-sizing:border-box}/*!@kol-span-wc*/kol-span-wc.sc-kol-input-email-default{display:grid;place-items:center}/*!@kol-span-wc > span*/kol-span-wc.sc-kol-input-email-default>span.sc-kol-input-email-default{display:flex;place-items:center}/*!@a,\nbutton*/a.sc-kol-input-email-default,button.sc-kol-input-email-default{cursor:pointer}/*!@button,\ninput,\noption,\nselect,\ntextarea*/button.sc-kol-input-email-default,input.sc-kol-input-email-default,option.sc-kol-input-email-default,select.sc-kol-input-email-default,textarea.sc-kol-input-email-default{font-family:inherit}/*!@.icon-only > kol-span-wc > span > span*/.icon-only.sc-kol-input-email-default>kol-span-wc.sc-kol-input-email-default>span.sc-kol-input-email-default>span.sc-kol-input-email-default{display:none}/*!@.required label > span::after,\n.required legend > span::after*/.required.sc-kol-input-email-default label.sc-kol-input-email-default>span.sc-kol-input-email-default::after,.required.sc-kol-input-email-default legend.sc-kol-input-email-default>span.sc-kol-input-email-default::after{content:'*'}/*!@:host*/.sc-kol-input-email-default-h{display:block}/*!@input,\ntextarea*/input.sc-kol-input-email-default,textarea.sc-kol-input-email-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-email-default,input[type='color'].sc-kol-input-email-default,input[type='file'].sc-kol-input-email-default,input[type='radio'].sc-kol-input-email-default,input[type='range'].sc-kol-input-email-default,label.sc-kol-input-email-default,option.sc-kol-input-email-default,select.sc-kol-input-email-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:not([multiple]),\nselect[multiple] option,\ntextarea*/input[type='color'].sc-kol-input-email-default,input[type='date'].sc-kol-input-email-default,input[type='datetime-local'].sc-kol-input-email-default,input[type='email'].sc-kol-input-email-default,input[type='file'].sc-kol-input-email-default,input[type='month'].sc-kol-input-email-default,input[type='number'].sc-kol-input-email-default,input[type='password'].sc-kol-input-email-default,input[type='search'].sc-kol-input-email-default,input[type='tel'].sc-kol-input-email-default,input[type='text'].sc-kol-input-email-default,input[type='time'].sc-kol-input-email-default,input[type='url'].sc-kol-input-email-default,input[type='week'].sc-kol-input-email-default,select.sc-kol-input-email-default:not([multiple]),select[multiple].sc-kol-input-email-default option.sc-kol-input-email-default,textarea.sc-kol-input-email-default{font-size:1rem;width:100%}/*!@input[type='file']*/input[type='file'].sc-kol-input-email-default{padding:calc((var(--a11y-min-size) - 1rem) / 10) 0.5em}/*!@select[multiple] option*/select[multiple].sc-kol-input-email-default option.sc-kol-input-email-default{padding:calc((var(--a11y-min-size) - 1rem) / 2) 0.5em}/*!@kol-input.disabled :is(button, input, label, option, select, textarea)*/kol-input.disabled.sc-kol-input-email-default .sc-kol-input-email-default:is(button,input.sc-kol-input-email-default,label.sc-kol-input-email-default,option.sc-kol-input-email-default,select.sc-kol-input-email-default,textarea).sc-kol-input-email-default{cursor:not-allowed;opacity:0.5}/*!@kol-input*/kol-input.sc-kol-input-email-default{display:grid}/*!@kol-input [slot='input']*/kol-input.sc-kol-input-email-default [slot='input'].sc-kol-input-email-default{flex-grow:1}/*!@input:not([type='checkbox'], [type='radio']),\nselect:not([multiple], [size])*/input.sc-kol-input-email-default:not([type='checkbox'],[type='radio']).sc-kol-input-email-default,select.sc-kol-input-email-default:not([multiple],[size]).sc-kol-input-email-default{height:2.75em}/*!@input:focus,\noption:focus,\nselect:focus,\ntextarea:focus*/input.sc-kol-input-email-default:focus,option.sc-kol-input-email-default:focus,select.sc-kol-input-email-default:focus,textarea.sc-kol-input-email-default:focus{outline:0}/*!@.input*/.input.sc-kol-input-email-default{display:flex;align-items:center}/*!@.input > kol-icon*/.input.sc-kol-input-email-default>kol-icon.sc-kol-input-email-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-email-default .input-tooltip.sc-kol-input-email-default .span-label.sc-kol-input-email-default::after{content:'*'}";
+const defaultStyleCss$q = "/*!@:host*/.sc-kol-input-email-default-h{--a11y-min-size:44px;font-size:inherit}/*!@**/*.sc-kol-input-email-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-email-default,button.sc-kol-input-email-default:not([role='link']),kol-input.sc-kol-input-email-default .input.sc-kol-input-email-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-email-default,button.sc-kol-input-email-default,h1.sc-kol-input-email-default,h2.sc-kol-input-email-default,h3.sc-kol-input-email-default,h4.sc-kol-input-email-default,h5.sc-kol-input-email-default,h6.sc-kol-input-email-default,input.sc-kol-input-email-default,option.sc-kol-input-email-default,select.sc-kol-input-email-default,textarea.sc-kol-input-email-default{font-family:inherit;font-size:inherit}/*!@:is(a, button)*/.sc-kol-input-email-default:is(a,button).sc-kol-input-email-default{background-color:transparent;border:none;margin:0;padding:0;width:100%}/*!@:host*/.sc-kol-input-email-default-h{max-width:100%}/*!@**/*.sc-kol-input-email-default{box-sizing:border-box}/*!@kol-span-wc*/kol-span-wc.sc-kol-input-email-default{display:grid;place-items:center}/*!@kol-span-wc > span*/kol-span-wc.sc-kol-input-email-default>span.sc-kol-input-email-default{display:flex;place-items:center}/*!@a,\nbutton*/a.sc-kol-input-email-default,button.sc-kol-input-email-default{cursor:pointer}/*!@button,\ninput,\noption,\nselect,\ntextarea*/button.sc-kol-input-email-default,input.sc-kol-input-email-default,option.sc-kol-input-email-default,select.sc-kol-input-email-default,textarea.sc-kol-input-email-default{font-family:inherit}/*!@.icon-only > kol-span-wc > span > span*/.icon-only.sc-kol-input-email-default>kol-span-wc.sc-kol-input-email-default>span.sc-kol-input-email-default>span.sc-kol-input-email-default{display:none}/*!@.required label > span::after,\n.required legend > span::after*/.required.sc-kol-input-email-default label.sc-kol-input-email-default>span.sc-kol-input-email-default::after,.required.sc-kol-input-email-default legend.sc-kol-input-email-default>span.sc-kol-input-email-default::after{content:'*'}/*!@:host*/.sc-kol-input-email-default-h{display:block}/*!@input,\ntextarea*/input.sc-kol-input-email-default,textarea.sc-kol-input-email-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-email-default,input[type='color'].sc-kol-input-email-default,input[type='file'].sc-kol-input-email-default,input[type='radio'].sc-kol-input-email-default,input[type='range'].sc-kol-input-email-default,label.sc-kol-input-email-default,option.sc-kol-input-email-default,select.sc-kol-input-email-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-email-default,input[type='date'].sc-kol-input-email-default,input[type='datetime-local'].sc-kol-input-email-default,input[type='email'].sc-kol-input-email-default,input[type='file'].sc-kol-input-email-default,input[type='month'].sc-kol-input-email-default,input[type='number'].sc-kol-input-email-default,input[type='password'].sc-kol-input-email-default,input[type='search'].sc-kol-input-email-default,input[type='tel'].sc-kol-input-email-default,input[type='text'].sc-kol-input-email-default,input[type='time'].sc-kol-input-email-default,input[type='url'].sc-kol-input-email-default,input[type='week'].sc-kol-input-email-default,select.sc-kol-input-email-default,select[multiple].sc-kol-input-email-default option.sc-kol-input-email-default,textarea.sc-kol-input-email-default{font-size:1rem;width:100%}/*!@input[type='file']*/input[type='file'].sc-kol-input-email-default{padding:calc((var(--a11y-min-size) - 1rem) / 10) 0.5em}/*!@select[multiple] option*/select[multiple].sc-kol-input-email-default option.sc-kol-input-email-default{padding:calc((var(--a11y-min-size) - 1rem) / 2) 0.5em}/*!@kol-input.disabled :is(button, input, label, option, select, textarea)*/kol-input.disabled.sc-kol-input-email-default .sc-kol-input-email-default:is(button,input.sc-kol-input-email-default,label.sc-kol-input-email-default,option.sc-kol-input-email-default,select.sc-kol-input-email-default,textarea).sc-kol-input-email-default{cursor:not-allowed;opacity:0.5}/*!@kol-input*/kol-input.sc-kol-input-email-default{display:grid}/*!@kol-input [slot='input']*/kol-input.sc-kol-input-email-default [slot='input'].sc-kol-input-email-default{flex-grow:1}/*!@input:not([type='checkbox'], [type='radio']),\nselect:not([multiple], [size])*/input.sc-kol-input-email-default:not([type='checkbox'],[type='radio']).sc-kol-input-email-default,select.sc-kol-input-email-default:not([multiple],[size]).sc-kol-input-email-default{height:2.75em}/*!@input:focus,\noption:focus,\nselect:focus,\ntextarea:focus*/input.sc-kol-input-email-default:focus,option.sc-kol-input-email-default:focus,select.sc-kol-input-email-default:focus,textarea.sc-kol-input-email-default:focus{outline:0}/*!@.input*/.input.sc-kol-input-email-default{display:flex;align-items:center}/*!@.input > kol-icon*/.input.sc-kol-input-email-default>kol-icon.sc-kol-input-email-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-email-default .input-tooltip.sc-kol-input-email-default .span-label.sc-kol-input-email-default::after{content:'*'}";
 
 class KolInputEmail {
   render() {
@@ -14291,7 +14311,7 @@ class InputFileController extends InputIconController {
   }
 }
 
-const defaultStyleCss$p = "/*!@:host*/.sc-kol-input-file-default-h{--a11y-min-size:44px;font-size:inherit}/*!@**/*.sc-kol-input-file-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-file-default,button.sc-kol-input-file-default:not([role='link']),kol-input.sc-kol-input-file-default .input.sc-kol-input-file-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-file-default,button.sc-kol-input-file-default,h1.sc-kol-input-file-default,h2.sc-kol-input-file-default,h3.sc-kol-input-file-default,h4.sc-kol-input-file-default,h5.sc-kol-input-file-default,h6.sc-kol-input-file-default,input.sc-kol-input-file-default,option.sc-kol-input-file-default,select.sc-kol-input-file-default,textarea.sc-kol-input-file-default{font-family:inherit;font-size:inherit}/*!@:is(a, button)*/.sc-kol-input-file-default:is(a,button).sc-kol-input-file-default{background-color:transparent;border:none;margin:0;padding:0;width:100%}/*!@:host*/.sc-kol-input-file-default-h{max-width:100%}/*!@**/*.sc-kol-input-file-default{box-sizing:border-box}/*!@kol-span-wc*/kol-span-wc.sc-kol-input-file-default{display:grid;place-items:center}/*!@kol-span-wc > span*/kol-span-wc.sc-kol-input-file-default>span.sc-kol-input-file-default{display:flex;place-items:center}/*!@a,\nbutton*/a.sc-kol-input-file-default,button.sc-kol-input-file-default{cursor:pointer}/*!@button,\ninput,\noption,\nselect,\ntextarea*/button.sc-kol-input-file-default,input.sc-kol-input-file-default,option.sc-kol-input-file-default,select.sc-kol-input-file-default,textarea.sc-kol-input-file-default{font-family:inherit}/*!@.icon-only > kol-span-wc > span > span*/.icon-only.sc-kol-input-file-default>kol-span-wc.sc-kol-input-file-default>span.sc-kol-input-file-default>span.sc-kol-input-file-default{display:none}/*!@.required label > span::after,\n.required legend > span::after*/.required.sc-kol-input-file-default label.sc-kol-input-file-default>span.sc-kol-input-file-default::after,.required.sc-kol-input-file-default legend.sc-kol-input-file-default>span.sc-kol-input-file-default::after{content:'*'}/*!@:host*/.sc-kol-input-file-default-h{display:block}/*!@input,\ntextarea*/input.sc-kol-input-file-default,textarea.sc-kol-input-file-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-file-default,input[type='color'].sc-kol-input-file-default,input[type='file'].sc-kol-input-file-default,input[type='radio'].sc-kol-input-file-default,input[type='range'].sc-kol-input-file-default,label.sc-kol-input-file-default,option.sc-kol-input-file-default,select.sc-kol-input-file-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:not([multiple]),\nselect[multiple] option,\ntextarea*/input[type='color'].sc-kol-input-file-default,input[type='date'].sc-kol-input-file-default,input[type='datetime-local'].sc-kol-input-file-default,input[type='email'].sc-kol-input-file-default,input[type='file'].sc-kol-input-file-default,input[type='month'].sc-kol-input-file-default,input[type='number'].sc-kol-input-file-default,input[type='password'].sc-kol-input-file-default,input[type='search'].sc-kol-input-file-default,input[type='tel'].sc-kol-input-file-default,input[type='text'].sc-kol-input-file-default,input[type='time'].sc-kol-input-file-default,input[type='url'].sc-kol-input-file-default,input[type='week'].sc-kol-input-file-default,select.sc-kol-input-file-default:not([multiple]),select[multiple].sc-kol-input-file-default option.sc-kol-input-file-default,textarea.sc-kol-input-file-default{font-size:1rem;width:100%}/*!@input[type='file']*/input[type='file'].sc-kol-input-file-default{padding:calc((var(--a11y-min-size) - 1rem) / 10) 0.5em}/*!@select[multiple] option*/select[multiple].sc-kol-input-file-default option.sc-kol-input-file-default{padding:calc((var(--a11y-min-size) - 1rem) / 2) 0.5em}/*!@kol-input.disabled :is(button, input, label, option, select, textarea)*/kol-input.disabled.sc-kol-input-file-default .sc-kol-input-file-default:is(button,input.sc-kol-input-file-default,label.sc-kol-input-file-default,option.sc-kol-input-file-default,select.sc-kol-input-file-default,textarea).sc-kol-input-file-default{cursor:not-allowed;opacity:0.5}/*!@kol-input*/kol-input.sc-kol-input-file-default{display:grid}/*!@kol-input [slot='input']*/kol-input.sc-kol-input-file-default [slot='input'].sc-kol-input-file-default{flex-grow:1}/*!@input:not([type='checkbox'], [type='radio']),\nselect:not([multiple], [size])*/input.sc-kol-input-file-default:not([type='checkbox'],[type='radio']).sc-kol-input-file-default,select.sc-kol-input-file-default:not([multiple],[size]).sc-kol-input-file-default{height:2.75em}/*!@input:focus,\noption:focus,\nselect:focus,\ntextarea:focus*/input.sc-kol-input-file-default:focus,option.sc-kol-input-file-default:focus,select.sc-kol-input-file-default:focus,textarea.sc-kol-input-file-default:focus{outline:0}/*!@.input*/.input.sc-kol-input-file-default{display:flex;align-items:center}/*!@.input > kol-icon*/.input.sc-kol-input-file-default>kol-icon.sc-kol-input-file-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-file-default .input-tooltip.sc-kol-input-file-default .span-label.sc-kol-input-file-default::after{content:'*'}/*!@label input[type='file']::-webkit-file-upload-button*/label.sc-kol-input-file-default input[type='file'].sc-kol-input-file-default::-webkit-file-upload-button{display:none}/*!@label input[type='file']:before*/label.sc-kol-input-file-default input[type='file'].sc-kol-input-file-default:before{content:'Datei auswählen'}/*!@label input[multiple]:before*/label.sc-kol-input-file-default input[multiple].sc-kol-input-file-default:before{content:'Dateien auswählen'}/*!@div.input*/div.input.sc-kol-input-file-default{cursor:pointer}";
+const defaultStyleCss$p = "/*!@:host*/.sc-kol-input-file-default-h{--a11y-min-size:44px;font-size:inherit}/*!@**/*.sc-kol-input-file-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-file-default,button.sc-kol-input-file-default:not([role='link']),kol-input.sc-kol-input-file-default .input.sc-kol-input-file-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-file-default,button.sc-kol-input-file-default,h1.sc-kol-input-file-default,h2.sc-kol-input-file-default,h3.sc-kol-input-file-default,h4.sc-kol-input-file-default,h5.sc-kol-input-file-default,h6.sc-kol-input-file-default,input.sc-kol-input-file-default,option.sc-kol-input-file-default,select.sc-kol-input-file-default,textarea.sc-kol-input-file-default{font-family:inherit;font-size:inherit}/*!@:is(a, button)*/.sc-kol-input-file-default:is(a,button).sc-kol-input-file-default{background-color:transparent;border:none;margin:0;padding:0;width:100%}/*!@:host*/.sc-kol-input-file-default-h{max-width:100%}/*!@**/*.sc-kol-input-file-default{box-sizing:border-box}/*!@kol-span-wc*/kol-span-wc.sc-kol-input-file-default{display:grid;place-items:center}/*!@kol-span-wc > span*/kol-span-wc.sc-kol-input-file-default>span.sc-kol-input-file-default{display:flex;place-items:center}/*!@a,\nbutton*/a.sc-kol-input-file-default,button.sc-kol-input-file-default{cursor:pointer}/*!@button,\ninput,\noption,\nselect,\ntextarea*/button.sc-kol-input-file-default,input.sc-kol-input-file-default,option.sc-kol-input-file-default,select.sc-kol-input-file-default,textarea.sc-kol-input-file-default{font-family:inherit}/*!@.icon-only > kol-span-wc > span > span*/.icon-only.sc-kol-input-file-default>kol-span-wc.sc-kol-input-file-default>span.sc-kol-input-file-default>span.sc-kol-input-file-default{display:none}/*!@.required label > span::after,\n.required legend > span::after*/.required.sc-kol-input-file-default label.sc-kol-input-file-default>span.sc-kol-input-file-default::after,.required.sc-kol-input-file-default legend.sc-kol-input-file-default>span.sc-kol-input-file-default::after{content:'*'}/*!@:host*/.sc-kol-input-file-default-h{display:block}/*!@input,\ntextarea*/input.sc-kol-input-file-default,textarea.sc-kol-input-file-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-file-default,input[type='color'].sc-kol-input-file-default,input[type='file'].sc-kol-input-file-default,input[type='radio'].sc-kol-input-file-default,input[type='range'].sc-kol-input-file-default,label.sc-kol-input-file-default,option.sc-kol-input-file-default,select.sc-kol-input-file-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-file-default,input[type='date'].sc-kol-input-file-default,input[type='datetime-local'].sc-kol-input-file-default,input[type='email'].sc-kol-input-file-default,input[type='file'].sc-kol-input-file-default,input[type='month'].sc-kol-input-file-default,input[type='number'].sc-kol-input-file-default,input[type='password'].sc-kol-input-file-default,input[type='search'].sc-kol-input-file-default,input[type='tel'].sc-kol-input-file-default,input[type='text'].sc-kol-input-file-default,input[type='time'].sc-kol-input-file-default,input[type='url'].sc-kol-input-file-default,input[type='week'].sc-kol-input-file-default,select.sc-kol-input-file-default,select[multiple].sc-kol-input-file-default option.sc-kol-input-file-default,textarea.sc-kol-input-file-default{font-size:1rem;width:100%}/*!@input[type='file']*/input[type='file'].sc-kol-input-file-default{padding:calc((var(--a11y-min-size) - 1rem) / 10) 0.5em}/*!@select[multiple] option*/select[multiple].sc-kol-input-file-default option.sc-kol-input-file-default{padding:calc((var(--a11y-min-size) - 1rem) / 2) 0.5em}/*!@kol-input.disabled :is(button, input, label, option, select, textarea)*/kol-input.disabled.sc-kol-input-file-default .sc-kol-input-file-default:is(button,input.sc-kol-input-file-default,label.sc-kol-input-file-default,option.sc-kol-input-file-default,select.sc-kol-input-file-default,textarea).sc-kol-input-file-default{cursor:not-allowed;opacity:0.5}/*!@kol-input*/kol-input.sc-kol-input-file-default{display:grid}/*!@kol-input [slot='input']*/kol-input.sc-kol-input-file-default [slot='input'].sc-kol-input-file-default{flex-grow:1}/*!@input:not([type='checkbox'], [type='radio']),\nselect:not([multiple], [size])*/input.sc-kol-input-file-default:not([type='checkbox'],[type='radio']).sc-kol-input-file-default,select.sc-kol-input-file-default:not([multiple],[size]).sc-kol-input-file-default{height:2.75em}/*!@input:focus,\noption:focus,\nselect:focus,\ntextarea:focus*/input.sc-kol-input-file-default:focus,option.sc-kol-input-file-default:focus,select.sc-kol-input-file-default:focus,textarea.sc-kol-input-file-default:focus{outline:0}/*!@.input*/.input.sc-kol-input-file-default{display:flex;align-items:center}/*!@.input > kol-icon*/.input.sc-kol-input-file-default>kol-icon.sc-kol-input-file-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-file-default .input-tooltip.sc-kol-input-file-default .span-label.sc-kol-input-file-default::after{content:'*'}/*!@label input[type='file']::-webkit-file-upload-button*/label.sc-kol-input-file-default input[type='file'].sc-kol-input-file-default::-webkit-file-upload-button{display:none}/*!@label input[type='file']:before*/label.sc-kol-input-file-default input[type='file'].sc-kol-input-file-default:before{content:'Datei auswählen'}/*!@label input[multiple]:before*/label.sc-kol-input-file-default input[multiple].sc-kol-input-file-default:before{content:'Dateien auswählen'}/*!@div.input*/div.input.sc-kol-input-file-default{cursor:pointer}";
 
 class KolInputFile {
   render() {
@@ -14553,7 +14573,7 @@ class InputNumberController extends InputIconController {
   }
 }
 
-const defaultStyleCss$o = "/*!@:host*/.sc-kol-input-number-default-h{--a11y-min-size:44px;font-size:inherit}/*!@**/*.sc-kol-input-number-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-number-default,button.sc-kol-input-number-default:not([role='link']),kol-input.sc-kol-input-number-default .input.sc-kol-input-number-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-number-default,button.sc-kol-input-number-default,h1.sc-kol-input-number-default,h2.sc-kol-input-number-default,h3.sc-kol-input-number-default,h4.sc-kol-input-number-default,h5.sc-kol-input-number-default,h6.sc-kol-input-number-default,input.sc-kol-input-number-default,option.sc-kol-input-number-default,select.sc-kol-input-number-default,textarea.sc-kol-input-number-default{font-family:inherit;font-size:inherit}/*!@:is(a, button)*/.sc-kol-input-number-default:is(a,button).sc-kol-input-number-default{background-color:transparent;border:none;margin:0;padding:0;width:100%}/*!@:host*/.sc-kol-input-number-default-h{max-width:100%}/*!@**/*.sc-kol-input-number-default{box-sizing:border-box}/*!@kol-span-wc*/kol-span-wc.sc-kol-input-number-default{display:grid;place-items:center}/*!@kol-span-wc > span*/kol-span-wc.sc-kol-input-number-default>span.sc-kol-input-number-default{display:flex;place-items:center}/*!@a,\nbutton*/a.sc-kol-input-number-default,button.sc-kol-input-number-default{cursor:pointer}/*!@button,\ninput,\noption,\nselect,\ntextarea*/button.sc-kol-input-number-default,input.sc-kol-input-number-default,option.sc-kol-input-number-default,select.sc-kol-input-number-default,textarea.sc-kol-input-number-default{font-family:inherit}/*!@.icon-only > kol-span-wc > span > span*/.icon-only.sc-kol-input-number-default>kol-span-wc.sc-kol-input-number-default>span.sc-kol-input-number-default>span.sc-kol-input-number-default{display:none}/*!@.required label > span::after,\n.required legend > span::after*/.required.sc-kol-input-number-default label.sc-kol-input-number-default>span.sc-kol-input-number-default::after,.required.sc-kol-input-number-default legend.sc-kol-input-number-default>span.sc-kol-input-number-default::after{content:'*'}/*!@:host*/.sc-kol-input-number-default-h{display:block}/*!@input,\ntextarea*/input.sc-kol-input-number-default,textarea.sc-kol-input-number-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-number-default,input[type='color'].sc-kol-input-number-default,input[type='file'].sc-kol-input-number-default,input[type='radio'].sc-kol-input-number-default,input[type='range'].sc-kol-input-number-default,label.sc-kol-input-number-default,option.sc-kol-input-number-default,select.sc-kol-input-number-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:not([multiple]),\nselect[multiple] option,\ntextarea*/input[type='color'].sc-kol-input-number-default,input[type='date'].sc-kol-input-number-default,input[type='datetime-local'].sc-kol-input-number-default,input[type='email'].sc-kol-input-number-default,input[type='file'].sc-kol-input-number-default,input[type='month'].sc-kol-input-number-default,input[type='number'].sc-kol-input-number-default,input[type='password'].sc-kol-input-number-default,input[type='search'].sc-kol-input-number-default,input[type='tel'].sc-kol-input-number-default,input[type='text'].sc-kol-input-number-default,input[type='time'].sc-kol-input-number-default,input[type='url'].sc-kol-input-number-default,input[type='week'].sc-kol-input-number-default,select.sc-kol-input-number-default:not([multiple]),select[multiple].sc-kol-input-number-default option.sc-kol-input-number-default,textarea.sc-kol-input-number-default{font-size:1rem;width:100%}/*!@input[type='file']*/input[type='file'].sc-kol-input-number-default{padding:calc((var(--a11y-min-size) - 1rem) / 10) 0.5em}/*!@select[multiple] option*/select[multiple].sc-kol-input-number-default option.sc-kol-input-number-default{padding:calc((var(--a11y-min-size) - 1rem) / 2) 0.5em}/*!@kol-input.disabled :is(button, input, label, option, select, textarea)*/kol-input.disabled.sc-kol-input-number-default .sc-kol-input-number-default:is(button,input.sc-kol-input-number-default,label.sc-kol-input-number-default,option.sc-kol-input-number-default,select.sc-kol-input-number-default,textarea).sc-kol-input-number-default{cursor:not-allowed;opacity:0.5}/*!@kol-input*/kol-input.sc-kol-input-number-default{display:grid}/*!@kol-input [slot='input']*/kol-input.sc-kol-input-number-default [slot='input'].sc-kol-input-number-default{flex-grow:1}/*!@input:not([type='checkbox'], [type='radio']),\nselect:not([multiple], [size])*/input.sc-kol-input-number-default:not([type='checkbox'],[type='radio']).sc-kol-input-number-default,select.sc-kol-input-number-default:not([multiple],[size]).sc-kol-input-number-default{height:2.75em}/*!@input:focus,\noption:focus,\nselect:focus,\ntextarea:focus*/input.sc-kol-input-number-default:focus,option.sc-kol-input-number-default:focus,select.sc-kol-input-number-default:focus,textarea.sc-kol-input-number-default:focus{outline:0}/*!@.input*/.input.sc-kol-input-number-default{display:flex;align-items:center}/*!@.input > kol-icon*/.input.sc-kol-input-number-default>kol-icon.sc-kol-input-number-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-number-default .input-tooltip.sc-kol-input-number-default .span-label.sc-kol-input-number-default::after{content:'*'}";
+const defaultStyleCss$o = "/*!@:host*/.sc-kol-input-number-default-h{--a11y-min-size:44px;font-size:inherit}/*!@**/*.sc-kol-input-number-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-number-default,button.sc-kol-input-number-default:not([role='link']),kol-input.sc-kol-input-number-default .input.sc-kol-input-number-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-number-default,button.sc-kol-input-number-default,h1.sc-kol-input-number-default,h2.sc-kol-input-number-default,h3.sc-kol-input-number-default,h4.sc-kol-input-number-default,h5.sc-kol-input-number-default,h6.sc-kol-input-number-default,input.sc-kol-input-number-default,option.sc-kol-input-number-default,select.sc-kol-input-number-default,textarea.sc-kol-input-number-default{font-family:inherit;font-size:inherit}/*!@:is(a, button)*/.sc-kol-input-number-default:is(a,button).sc-kol-input-number-default{background-color:transparent;border:none;margin:0;padding:0;width:100%}/*!@:host*/.sc-kol-input-number-default-h{max-width:100%}/*!@**/*.sc-kol-input-number-default{box-sizing:border-box}/*!@kol-span-wc*/kol-span-wc.sc-kol-input-number-default{display:grid;place-items:center}/*!@kol-span-wc > span*/kol-span-wc.sc-kol-input-number-default>span.sc-kol-input-number-default{display:flex;place-items:center}/*!@a,\nbutton*/a.sc-kol-input-number-default,button.sc-kol-input-number-default{cursor:pointer}/*!@button,\ninput,\noption,\nselect,\ntextarea*/button.sc-kol-input-number-default,input.sc-kol-input-number-default,option.sc-kol-input-number-default,select.sc-kol-input-number-default,textarea.sc-kol-input-number-default{font-family:inherit}/*!@.icon-only > kol-span-wc > span > span*/.icon-only.sc-kol-input-number-default>kol-span-wc.sc-kol-input-number-default>span.sc-kol-input-number-default>span.sc-kol-input-number-default{display:none}/*!@.required label > span::after,\n.required legend > span::after*/.required.sc-kol-input-number-default label.sc-kol-input-number-default>span.sc-kol-input-number-default::after,.required.sc-kol-input-number-default legend.sc-kol-input-number-default>span.sc-kol-input-number-default::after{content:'*'}/*!@:host*/.sc-kol-input-number-default-h{display:block}/*!@input,\ntextarea*/input.sc-kol-input-number-default,textarea.sc-kol-input-number-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-number-default,input[type='color'].sc-kol-input-number-default,input[type='file'].sc-kol-input-number-default,input[type='radio'].sc-kol-input-number-default,input[type='range'].sc-kol-input-number-default,label.sc-kol-input-number-default,option.sc-kol-input-number-default,select.sc-kol-input-number-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-number-default,input[type='date'].sc-kol-input-number-default,input[type='datetime-local'].sc-kol-input-number-default,input[type='email'].sc-kol-input-number-default,input[type='file'].sc-kol-input-number-default,input[type='month'].sc-kol-input-number-default,input[type='number'].sc-kol-input-number-default,input[type='password'].sc-kol-input-number-default,input[type='search'].sc-kol-input-number-default,input[type='tel'].sc-kol-input-number-default,input[type='text'].sc-kol-input-number-default,input[type='time'].sc-kol-input-number-default,input[type='url'].sc-kol-input-number-default,input[type='week'].sc-kol-input-number-default,select.sc-kol-input-number-default,select[multiple].sc-kol-input-number-default option.sc-kol-input-number-default,textarea.sc-kol-input-number-default{font-size:1rem;width:100%}/*!@input[type='file']*/input[type='file'].sc-kol-input-number-default{padding:calc((var(--a11y-min-size) - 1rem) / 10) 0.5em}/*!@select[multiple] option*/select[multiple].sc-kol-input-number-default option.sc-kol-input-number-default{padding:calc((var(--a11y-min-size) - 1rem) / 2) 0.5em}/*!@kol-input.disabled :is(button, input, label, option, select, textarea)*/kol-input.disabled.sc-kol-input-number-default .sc-kol-input-number-default:is(button,input.sc-kol-input-number-default,label.sc-kol-input-number-default,option.sc-kol-input-number-default,select.sc-kol-input-number-default,textarea).sc-kol-input-number-default{cursor:not-allowed;opacity:0.5}/*!@kol-input*/kol-input.sc-kol-input-number-default{display:grid}/*!@kol-input [slot='input']*/kol-input.sc-kol-input-number-default [slot='input'].sc-kol-input-number-default{flex-grow:1}/*!@input:not([type='checkbox'], [type='radio']),\nselect:not([multiple], [size])*/input.sc-kol-input-number-default:not([type='checkbox'],[type='radio']).sc-kol-input-number-default,select.sc-kol-input-number-default:not([multiple],[size]).sc-kol-input-number-default{height:2.75em}/*!@input:focus,\noption:focus,\nselect:focus,\ntextarea:focus*/input.sc-kol-input-number-default:focus,option.sc-kol-input-number-default:focus,select.sc-kol-input-number-default:focus,textarea.sc-kol-input-number-default:focus{outline:0}/*!@.input*/.input.sc-kol-input-number-default{display:flex;align-items:center}/*!@.input > kol-icon*/.input.sc-kol-input-number-default>kol-icon.sc-kol-input-number-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-number-default .input-tooltip.sc-kol-input-number-default .span-label.sc-kol-input-number-default::after{content:'*'}";
 
 class KolInputNumber {
   render() {
@@ -14781,7 +14801,7 @@ class KolInputNumber {
   }; }
 }
 
-const defaultStyleCss$n = "/*!@:host*/.sc-kol-input-password-default-h{--a11y-min-size:44px;font-size:inherit}/*!@**/*.sc-kol-input-password-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-password-default,button.sc-kol-input-password-default:not([role='link']),kol-input.sc-kol-input-password-default .input.sc-kol-input-password-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-password-default,button.sc-kol-input-password-default,h1.sc-kol-input-password-default,h2.sc-kol-input-password-default,h3.sc-kol-input-password-default,h4.sc-kol-input-password-default,h5.sc-kol-input-password-default,h6.sc-kol-input-password-default,input.sc-kol-input-password-default,option.sc-kol-input-password-default,select.sc-kol-input-password-default,textarea.sc-kol-input-password-default{font-family:inherit;font-size:inherit}/*!@:is(a, button)*/.sc-kol-input-password-default:is(a,button).sc-kol-input-password-default{background-color:transparent;border:none;margin:0;padding:0;width:100%}/*!@:host*/.sc-kol-input-password-default-h{max-width:100%}/*!@**/*.sc-kol-input-password-default{box-sizing:border-box}/*!@kol-span-wc*/kol-span-wc.sc-kol-input-password-default{display:grid;place-items:center}/*!@kol-span-wc > span*/kol-span-wc.sc-kol-input-password-default>span.sc-kol-input-password-default{display:flex;place-items:center}/*!@a,\nbutton*/a.sc-kol-input-password-default,button.sc-kol-input-password-default{cursor:pointer}/*!@button,\ninput,\noption,\nselect,\ntextarea*/button.sc-kol-input-password-default,input.sc-kol-input-password-default,option.sc-kol-input-password-default,select.sc-kol-input-password-default,textarea.sc-kol-input-password-default{font-family:inherit}/*!@.icon-only > kol-span-wc > span > span*/.icon-only.sc-kol-input-password-default>kol-span-wc.sc-kol-input-password-default>span.sc-kol-input-password-default>span.sc-kol-input-password-default{display:none}/*!@.required label > span::after,\n.required legend > span::after*/.required.sc-kol-input-password-default label.sc-kol-input-password-default>span.sc-kol-input-password-default::after,.required.sc-kol-input-password-default legend.sc-kol-input-password-default>span.sc-kol-input-password-default::after{content:'*'}/*!@:host*/.sc-kol-input-password-default-h{display:block}/*!@input,\ntextarea*/input.sc-kol-input-password-default,textarea.sc-kol-input-password-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-password-default,input[type='color'].sc-kol-input-password-default,input[type='file'].sc-kol-input-password-default,input[type='radio'].sc-kol-input-password-default,input[type='range'].sc-kol-input-password-default,label.sc-kol-input-password-default,option.sc-kol-input-password-default,select.sc-kol-input-password-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:not([multiple]),\nselect[multiple] option,\ntextarea*/input[type='color'].sc-kol-input-password-default,input[type='date'].sc-kol-input-password-default,input[type='datetime-local'].sc-kol-input-password-default,input[type='email'].sc-kol-input-password-default,input[type='file'].sc-kol-input-password-default,input[type='month'].sc-kol-input-password-default,input[type='number'].sc-kol-input-password-default,input[type='password'].sc-kol-input-password-default,input[type='search'].sc-kol-input-password-default,input[type='tel'].sc-kol-input-password-default,input[type='text'].sc-kol-input-password-default,input[type='time'].sc-kol-input-password-default,input[type='url'].sc-kol-input-password-default,input[type='week'].sc-kol-input-password-default,select.sc-kol-input-password-default:not([multiple]),select[multiple].sc-kol-input-password-default option.sc-kol-input-password-default,textarea.sc-kol-input-password-default{font-size:1rem;width:100%}/*!@input[type='file']*/input[type='file'].sc-kol-input-password-default{padding:calc((var(--a11y-min-size) - 1rem) / 10) 0.5em}/*!@select[multiple] option*/select[multiple].sc-kol-input-password-default option.sc-kol-input-password-default{padding:calc((var(--a11y-min-size) - 1rem) / 2) 0.5em}/*!@kol-input.disabled :is(button, input, label, option, select, textarea)*/kol-input.disabled.sc-kol-input-password-default .sc-kol-input-password-default:is(button,input.sc-kol-input-password-default,label.sc-kol-input-password-default,option.sc-kol-input-password-default,select.sc-kol-input-password-default,textarea).sc-kol-input-password-default{cursor:not-allowed;opacity:0.5}/*!@kol-input*/kol-input.sc-kol-input-password-default{display:grid}/*!@kol-input [slot='input']*/kol-input.sc-kol-input-password-default [slot='input'].sc-kol-input-password-default{flex-grow:1}/*!@input:not([type='checkbox'], [type='radio']),\nselect:not([multiple], [size])*/input.sc-kol-input-password-default:not([type='checkbox'],[type='radio']).sc-kol-input-password-default,select.sc-kol-input-password-default:not([multiple],[size]).sc-kol-input-password-default{height:2.75em}/*!@input:focus,\noption:focus,\nselect:focus,\ntextarea:focus*/input.sc-kol-input-password-default:focus,option.sc-kol-input-password-default:focus,select.sc-kol-input-password-default:focus,textarea.sc-kol-input-password-default:focus{outline:0}/*!@.input*/.input.sc-kol-input-password-default{display:flex;align-items:center}/*!@.input > kol-icon*/.input.sc-kol-input-password-default>kol-icon.sc-kol-input-password-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-password-default .input-tooltip.sc-kol-input-password-default .span-label.sc-kol-input-password-default::after{content:'*'}";
+const defaultStyleCss$n = "/*!@:host*/.sc-kol-input-password-default-h{--a11y-min-size:44px;font-size:inherit}/*!@**/*.sc-kol-input-password-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-password-default,button.sc-kol-input-password-default:not([role='link']),kol-input.sc-kol-input-password-default .input.sc-kol-input-password-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-password-default,button.sc-kol-input-password-default,h1.sc-kol-input-password-default,h2.sc-kol-input-password-default,h3.sc-kol-input-password-default,h4.sc-kol-input-password-default,h5.sc-kol-input-password-default,h6.sc-kol-input-password-default,input.sc-kol-input-password-default,option.sc-kol-input-password-default,select.sc-kol-input-password-default,textarea.sc-kol-input-password-default{font-family:inherit;font-size:inherit}/*!@:is(a, button)*/.sc-kol-input-password-default:is(a,button).sc-kol-input-password-default{background-color:transparent;border:none;margin:0;padding:0;width:100%}/*!@:host*/.sc-kol-input-password-default-h{max-width:100%}/*!@**/*.sc-kol-input-password-default{box-sizing:border-box}/*!@kol-span-wc*/kol-span-wc.sc-kol-input-password-default{display:grid;place-items:center}/*!@kol-span-wc > span*/kol-span-wc.sc-kol-input-password-default>span.sc-kol-input-password-default{display:flex;place-items:center}/*!@a,\nbutton*/a.sc-kol-input-password-default,button.sc-kol-input-password-default{cursor:pointer}/*!@button,\ninput,\noption,\nselect,\ntextarea*/button.sc-kol-input-password-default,input.sc-kol-input-password-default,option.sc-kol-input-password-default,select.sc-kol-input-password-default,textarea.sc-kol-input-password-default{font-family:inherit}/*!@.icon-only > kol-span-wc > span > span*/.icon-only.sc-kol-input-password-default>kol-span-wc.sc-kol-input-password-default>span.sc-kol-input-password-default>span.sc-kol-input-password-default{display:none}/*!@.required label > span::after,\n.required legend > span::after*/.required.sc-kol-input-password-default label.sc-kol-input-password-default>span.sc-kol-input-password-default::after,.required.sc-kol-input-password-default legend.sc-kol-input-password-default>span.sc-kol-input-password-default::after{content:'*'}/*!@:host*/.sc-kol-input-password-default-h{display:block}/*!@input,\ntextarea*/input.sc-kol-input-password-default,textarea.sc-kol-input-password-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-password-default,input[type='color'].sc-kol-input-password-default,input[type='file'].sc-kol-input-password-default,input[type='radio'].sc-kol-input-password-default,input[type='range'].sc-kol-input-password-default,label.sc-kol-input-password-default,option.sc-kol-input-password-default,select.sc-kol-input-password-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-password-default,input[type='date'].sc-kol-input-password-default,input[type='datetime-local'].sc-kol-input-password-default,input[type='email'].sc-kol-input-password-default,input[type='file'].sc-kol-input-password-default,input[type='month'].sc-kol-input-password-default,input[type='number'].sc-kol-input-password-default,input[type='password'].sc-kol-input-password-default,input[type='search'].sc-kol-input-password-default,input[type='tel'].sc-kol-input-password-default,input[type='text'].sc-kol-input-password-default,input[type='time'].sc-kol-input-password-default,input[type='url'].sc-kol-input-password-default,input[type='week'].sc-kol-input-password-default,select.sc-kol-input-password-default,select[multiple].sc-kol-input-password-default option.sc-kol-input-password-default,textarea.sc-kol-input-password-default{font-size:1rem;width:100%}/*!@input[type='file']*/input[type='file'].sc-kol-input-password-default{padding:calc((var(--a11y-min-size) - 1rem) / 10) 0.5em}/*!@select[multiple] option*/select[multiple].sc-kol-input-password-default option.sc-kol-input-password-default{padding:calc((var(--a11y-min-size) - 1rem) / 2) 0.5em}/*!@kol-input.disabled :is(button, input, label, option, select, textarea)*/kol-input.disabled.sc-kol-input-password-default .sc-kol-input-password-default:is(button,input.sc-kol-input-password-default,label.sc-kol-input-password-default,option.sc-kol-input-password-default,select.sc-kol-input-password-default,textarea).sc-kol-input-password-default{cursor:not-allowed;opacity:0.5}/*!@kol-input*/kol-input.sc-kol-input-password-default{display:grid}/*!@kol-input [slot='input']*/kol-input.sc-kol-input-password-default [slot='input'].sc-kol-input-password-default{flex-grow:1}/*!@input:not([type='checkbox'], [type='radio']),\nselect:not([multiple], [size])*/input.sc-kol-input-password-default:not([type='checkbox'],[type='radio']).sc-kol-input-password-default,select.sc-kol-input-password-default:not([multiple],[size]).sc-kol-input-password-default{height:2.75em}/*!@input:focus,\noption:focus,\nselect:focus,\ntextarea:focus*/input.sc-kol-input-password-default:focus,option.sc-kol-input-password-default:focus,select.sc-kol-input-password-default:focus,textarea.sc-kol-input-password-default:focus{outline:0}/*!@.input*/.input.sc-kol-input-password-default{display:flex;align-items:center}/*!@.input > kol-icon*/.input.sc-kol-input-password-default>kol-icon.sc-kol-input-password-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-password-default .input-tooltip.sc-kol-input-password-default .span-label.sc-kol-input-password-default::after{content:'*'}";
 
 class KolInputPassword {
   render() {
@@ -14995,7 +15015,7 @@ class KolInputPassword {
   }; }
 }
 
-const defaultStyleCss$m = "/*!@:host*/.sc-kol-input-radio-default-h{--a11y-min-size:44px;font-size:inherit}/*!@**/*.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}/*!@: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%}/*!@: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}/*!@button,\ninput,\noption,\nselect,\ntextarea*/button.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}/*!@.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:not([multiple]),\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:not([multiple]),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, label, option, select, textarea)*/kol-input.disabled.sc-kol-input-radio-default .sc-kol-input-radio-default:is(button,input.sc-kol-input-radio-default,label.sc-kol-input-radio-default,option.sc-kol-input-radio-default,select.sc-kol-input-radio-default,textarea).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 [slot='input']*/fieldset.sc-kol-input-radio-default [slot='input'].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:''}";
+const defaultStyleCss$m = "/*!@:host*/.sc-kol-input-radio-default-h{--a11y-min-size:44px;font-size:inherit}/*!@**/*.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}/*!@: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%}/*!@: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}/*!@button,\ninput,\noption,\nselect,\ntextarea*/button.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}/*!@.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, label, option, select, textarea)*/kol-input.disabled.sc-kol-input-radio-default .sc-kol-input-radio-default:is(button,input.sc-kol-input-radio-default,label.sc-kol-input-radio-default,option.sc-kol-input-radio-default,select.sc-kol-input-radio-default,textarea).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 [slot='input']*/fieldset.sc-kol-input-radio-default [slot='input'].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:''}";
 
 class KolInputRadio {
   render() {
@@ -15273,7 +15293,7 @@ class InputRangeController extends InputIconController {
   }
 }
 
-const defaultStyleCss$l = "/*!@:host*/.sc-kol-input-range-default-h{--a11y-min-size:44px;font-size:inherit}/*!@**/*.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}/*!@: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%}/*!@: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}/*!@button,\ninput,\noption,\nselect,\ntextarea*/button.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}/*!@.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:not([multiple]),\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:not([multiple]),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, label, option, select, textarea)*/kol-input.disabled.sc-kol-input-range-default .sc-kol-input-range-default:is(button,input.sc-kol-input-range-default,label.sc-kol-input-range-default,option.sc-kol-input-range-default,select.sc-kol-input-range-default,textarea).sc-kol-input-range-default{cursor:not-allowed;opacity:0.5}/*!@kol-input*/kol-input.sc-kol-input-range-default{display:grid}/*!@kol-input [slot='input']*/kol-input.sc-kol-input-range-default [slot='input'].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}";
+const defaultStyleCss$l = "/*!@:host*/.sc-kol-input-range-default-h{--a11y-min-size:44px;font-size:inherit}/*!@**/*.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}/*!@: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%}/*!@: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}/*!@button,\ninput,\noption,\nselect,\ntextarea*/button.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}/*!@.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, label, option, select, textarea)*/kol-input.disabled.sc-kol-input-range-default .sc-kol-input-range-default:is(button,input.sc-kol-input-range-default,label.sc-kol-input-range-default,option.sc-kol-input-range-default,select.sc-kol-input-range-default,textarea).sc-kol-input-range-default{cursor:not-allowed;opacity:0.5}/*!@kol-input*/kol-input.sc-kol-input-range-default{display:grid}/*!@kol-input [slot='input']*/kol-input.sc-kol-input-range-default [slot='input'].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}";
 
 class KolInputRange {
   render() {
@@ -15487,7 +15507,7 @@ const validateAlert = (component, value) => {
   watchBoolean(component, '_alert', value);
 };
 
-const defaultStyleCss$k = "/*!@:host*/.sc-kol-input-text-default-h{--a11y-min-size:44px;font-size:inherit}/*!@**/*.sc-kol-input-text-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-text-default,button.sc-kol-input-text-default:not([role='link']),kol-input.sc-kol-input-text-default .input.sc-kol-input-text-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-text-default,button.sc-kol-input-text-default,h1.sc-kol-input-text-default,h2.sc-kol-input-text-default,h3.sc-kol-input-text-default,h4.sc-kol-input-text-default,h5.sc-kol-input-text-default,h6.sc-kol-input-text-default,input.sc-kol-input-text-default,option.sc-kol-input-text-default,select.sc-kol-input-text-default,textarea.sc-kol-input-text-default{font-family:inherit;font-size:inherit}/*!@:is(a, button)*/.sc-kol-input-text-default:is(a,button).sc-kol-input-text-default{background-color:transparent;border:none;margin:0;padding:0;width:100%}/*!@:host*/.sc-kol-input-text-default-h{max-width:100%}/*!@**/*.sc-kol-input-text-default{box-sizing:border-box}/*!@kol-span-wc*/kol-span-wc.sc-kol-input-text-default{display:grid;place-items:center}/*!@kol-span-wc > span*/kol-span-wc.sc-kol-input-text-default>span.sc-kol-input-text-default{display:flex;place-items:center}/*!@a,\nbutton*/a.sc-kol-input-text-default,button.sc-kol-input-text-default{cursor:pointer}/*!@button,\ninput,\noption,\nselect,\ntextarea*/button.sc-kol-input-text-default,input.sc-kol-input-text-default,option.sc-kol-input-text-default,select.sc-kol-input-text-default,textarea.sc-kol-input-text-default{font-family:inherit}/*!@.icon-only > kol-span-wc > span > span*/.icon-only.sc-kol-input-text-default>kol-span-wc.sc-kol-input-text-default>span.sc-kol-input-text-default>span.sc-kol-input-text-default{display:none}/*!@.required label > span::after,\n.required legend > span::after*/.required.sc-kol-input-text-default label.sc-kol-input-text-default>span.sc-kol-input-text-default::after,.required.sc-kol-input-text-default legend.sc-kol-input-text-default>span.sc-kol-input-text-default::after{content:'*'}/*!@:host*/.sc-kol-input-text-default-h{display:block}/*!@input,\ntextarea*/input.sc-kol-input-text-default,textarea.sc-kol-input-text-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-text-default,input[type='color'].sc-kol-input-text-default,input[type='file'].sc-kol-input-text-default,input[type='radio'].sc-kol-input-text-default,input[type='range'].sc-kol-input-text-default,label.sc-kol-input-text-default,option.sc-kol-input-text-default,select.sc-kol-input-text-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:not([multiple]),\nselect[multiple] option,\ntextarea*/input[type='color'].sc-kol-input-text-default,input[type='date'].sc-kol-input-text-default,input[type='datetime-local'].sc-kol-input-text-default,input[type='email'].sc-kol-input-text-default,input[type='file'].sc-kol-input-text-default,input[type='month'].sc-kol-input-text-default,input[type='number'].sc-kol-input-text-default,input[type='password'].sc-kol-input-text-default,input[type='search'].sc-kol-input-text-default,input[type='tel'].sc-kol-input-text-default,input[type='text'].sc-kol-input-text-default,input[type='time'].sc-kol-input-text-default,input[type='url'].sc-kol-input-text-default,input[type='week'].sc-kol-input-text-default,select.sc-kol-input-text-default:not([multiple]),select[multiple].sc-kol-input-text-default option.sc-kol-input-text-default,textarea.sc-kol-input-text-default{font-size:1rem;width:100%}/*!@input[type='file']*/input[type='file'].sc-kol-input-text-default{padding:calc((var(--a11y-min-size) - 1rem) / 10) 0.5em}/*!@select[multiple] option*/select[multiple].sc-kol-input-text-default option.sc-kol-input-text-default{padding:calc((var(--a11y-min-size) - 1rem) / 2) 0.5em}/*!@kol-input.disabled :is(button, input, label, option, select, textarea)*/kol-input.disabled.sc-kol-input-text-default .sc-kol-input-text-default:is(button,input.sc-kol-input-text-default,label.sc-kol-input-text-default,option.sc-kol-input-text-default,select.sc-kol-input-text-default,textarea).sc-kol-input-text-default{cursor:not-allowed;opacity:0.5}/*!@kol-input*/kol-input.sc-kol-input-text-default{display:grid}/*!@kol-input [slot='input']*/kol-input.sc-kol-input-text-default [slot='input'].sc-kol-input-text-default{flex-grow:1}/*!@input:not([type='checkbox'], [type='radio']),\nselect:not([multiple], [size])*/input.sc-kol-input-text-default:not([type='checkbox'],[type='radio']).sc-kol-input-text-default,select.sc-kol-input-text-default:not([multiple],[size]).sc-kol-input-text-default{height:2.75em}/*!@input:focus,\noption:focus,\nselect:focus,\ntextarea:focus*/input.sc-kol-input-text-default:focus,option.sc-kol-input-text-default:focus,select.sc-kol-input-text-default:focus,textarea.sc-kol-input-text-default:focus{outline:0}/*!@.input*/.input.sc-kol-input-text-default{display:flex;align-items:center}/*!@.input > kol-icon*/.input.sc-kol-input-text-default>kol-icon.sc-kol-input-text-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-text-default .input-tooltip.sc-kol-input-text-default .span-label.sc-kol-input-text-default::after{content:'*'}";
+const defaultStyleCss$k = "/*!@:host*/.sc-kol-input-text-default-h{--a11y-min-size:44px;font-size:inherit}/*!@**/*.sc-kol-input-text-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-text-default,button.sc-kol-input-text-default:not([role='link']),kol-input.sc-kol-input-text-default .input.sc-kol-input-text-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-text-default,button.sc-kol-input-text-default,h1.sc-kol-input-text-default,h2.sc-kol-input-text-default,h3.sc-kol-input-text-default,h4.sc-kol-input-text-default,h5.sc-kol-input-text-default,h6.sc-kol-input-text-default,input.sc-kol-input-text-default,option.sc-kol-input-text-default,select.sc-kol-input-text-default,textarea.sc-kol-input-text-default{font-family:inherit;font-size:inherit}/*!@:is(a, button)*/.sc-kol-input-text-default:is(a,button).sc-kol-input-text-default{background-color:transparent;border:none;margin:0;padding:0;width:100%}/*!@:host*/.sc-kol-input-text-default-h{max-width:100%}/*!@**/*.sc-kol-input-text-default{box-sizing:border-box}/*!@kol-span-wc*/kol-span-wc.sc-kol-input-text-default{display:grid;place-items:center}/*!@kol-span-wc > span*/kol-span-wc.sc-kol-input-text-default>span.sc-kol-input-text-default{display:flex;place-items:center}/*!@a,\nbutton*/a.sc-kol-input-text-default,button.sc-kol-input-text-default{cursor:pointer}/*!@button,\ninput,\noption,\nselect,\ntextarea*/button.sc-kol-input-text-default,input.sc-kol-input-text-default,option.sc-kol-input-text-default,select.sc-kol-input-text-default,textarea.sc-kol-input-text-default{font-family:inherit}/*!@.icon-only > kol-span-wc > span > span*/.icon-only.sc-kol-input-text-default>kol-span-wc.sc-kol-input-text-default>span.sc-kol-input-text-default>span.sc-kol-input-text-default{display:none}/*!@.required label > span::after,\n.required legend > span::after*/.required.sc-kol-input-text-default label.sc-kol-input-text-default>span.sc-kol-input-text-default::after,.required.sc-kol-input-text-default legend.sc-kol-input-text-default>span.sc-kol-input-text-default::after{content:'*'}/*!@:host*/.sc-kol-input-text-default-h{display:block}/*!@input,\ntextarea*/input.sc-kol-input-text-default,textarea.sc-kol-input-text-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-text-default,input[type='color'].sc-kol-input-text-default,input[type='file'].sc-kol-input-text-default,input[type='radio'].sc-kol-input-text-default,input[type='range'].sc-kol-input-text-default,label.sc-kol-input-text-default,option.sc-kol-input-text-default,select.sc-kol-input-text-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-text-default,input[type='date'].sc-kol-input-text-default,input[type='datetime-local'].sc-kol-input-text-default,input[type='email'].sc-kol-input-text-default,input[type='file'].sc-kol-input-text-default,input[type='month'].sc-kol-input-text-default,input[type='number'].sc-kol-input-text-default,input[type='password'].sc-kol-input-text-default,input[type='search'].sc-kol-input-text-default,input[type='tel'].sc-kol-input-text-default,input[type='text'].sc-kol-input-text-default,input[type='time'].sc-kol-input-text-default,input[type='url'].sc-kol-input-text-default,input[type='week'].sc-kol-input-text-default,select.sc-kol-input-text-default,select[multiple].sc-kol-input-text-default option.sc-kol-input-text-default,textarea.sc-kol-input-text-default{font-size:1rem;width:100%}/*!@input[type='file']*/input[type='file'].sc-kol-input-text-default{padding:calc((var(--a11y-min-size) - 1rem) / 10) 0.5em}/*!@select[multiple] option*/select[multiple].sc-kol-input-text-default option.sc-kol-input-text-default{padding:calc((var(--a11y-min-size) - 1rem) / 2) 0.5em}/*!@kol-input.disabled :is(button, input, label, option, select, textarea)*/kol-input.disabled.sc-kol-input-text-default .sc-kol-input-text-default:is(button,input.sc-kol-input-text-default,label.sc-kol-input-text-default,option.sc-kol-input-text-default,select.sc-kol-input-text-default,textarea).sc-kol-input-text-default{cursor:not-allowed;opacity:0.5}/*!@kol-input*/kol-input.sc-kol-input-text-default{display:grid}/*!@kol-input [slot='input']*/kol-input.sc-kol-input-text-default [slot='input'].sc-kol-input-text-default{flex-grow:1}/*!@input:not([type='checkbox'], [type='radio']),\nselect:not([multiple], [size])*/input.sc-kol-input-text-default:not([type='checkbox'],[type='radio']).sc-kol-input-text-default,select.sc-kol-input-text-default:not([multiple],[size]).sc-kol-input-text-default{height:2.75em}/*!@input:focus,\noption:focus,\nselect:focus,\ntextarea:focus*/input.sc-kol-input-text-default:focus,option.sc-kol-input-text-default:focus,select.sc-kol-input-text-default:focus,textarea.sc-kol-input-text-default:focus{outline:0}/*!@.input*/.input.sc-kol-input-text-default{display:flex;align-items:center}/*!@.input > kol-icon*/.input.sc-kol-input-text-default>kol-icon.sc-kol-input-text-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-text-default .input-tooltip.sc-kol-input-text-default .span-label.sc-kol-input-text-default::after{content:'*'}";
 
 featureHint(`[KolInputText] Pre- und post-Label für Währung usw.`);
 class KolInputText {
@@ -15735,7 +15755,7 @@ class KolInputText {
   }; }
 }
 
-const defaultStyleCss$j = "/*!@:host*/.sc-kol-kolibri-default-h{--a11y-min-size:44px;font-size:inherit}/*!@**/*.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}/*!@: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%}/*!@: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}/*!@button,\ninput,\noption,\nselect,\ntextarea*/button.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}/*!@.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}/*!@text*/text.sc-kol-kolibri-default{font-size:90px;letter-spacing:normal;word-spacing:normal}";
+const defaultStyleCss$j = "/*!@:host*/.sc-kol-kolibri-default-h{--a11y-min-size:44px;font-size:inherit}/*!@**/*.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}/*!@: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%}/*!@: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}/*!@button,\ninput,\noption,\nselect,\ntextarea*/button.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}/*!@.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}/*!@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) {
@@ -16030,8 +16050,12 @@ class KolLinkGroup {
   validateHeading(value) {
     watchString(this, '_heading', value);
   }
-  validateLabel(value) {
+  validateLabel(value, _oldValue, initial = false) {
+    if (!initial) {
+      removeNavLabel(this.state._label);
+    }
     validateLabel(this, value);
+    addNavLabel(this.state._label);
   }
   validateLevel(value) {
     watchHeadingLevel(this, value);
@@ -16074,12 +16098,15 @@ class KolLinkGroup {
   }
   componentWillLoad() {
     this.validateHeading(this._heading);
-    this.validateLabel(this._label || this._ariaLabel);
+    this.validateLabel(this._label || this._ariaLabel, undefined, true);
     this.validateLevel(this._level);
     this.validateListStyleType(this._listStyleType);
     this.validateLinks(this._links);
     this.validateOrientation(this._orientation);
   }
+  disconnectedCallback() {
+    removeNavLabel(this.state._label);
+  }
   static get watchers() { return {
     "_ariaLabel": ["validateAriaLabel"],
     "_heading": ["validateHeading"],
@@ -16566,7 +16593,7 @@ BUND_LOGO_TEXT_MAP.set(Bundesanstalt['Bundesinstitut für Arzneimittel und Mediz
 BUND_LOGO_TEXT_MAP.set(Bundesanstalt['Bundesinstitut für Bevölkerungsforschung'], ['Bundesinstitut', 'für Bevölkerungsforschung']);
 BUND_LOGO_TEXT_MAP.set(Bundesanstalt['Bundesinstitut für Sportwissenschaft'], ['Bundesinstitut', 'für Sportwissenschaft']);
 
-const defaultStyleCss$f = "/*!@:host*/.sc-kol-logo-default-h{--a11y-min-size:44px;font-size:inherit}/*!@**/*.sc-kol-logo-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-logo-default,button.sc-kol-logo-default:not([role='link']),kol-input.sc-kol-logo-default .input.sc-kol-logo-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-logo-default,button.sc-kol-logo-default,h1.sc-kol-logo-default,h2.sc-kol-logo-default,h3.sc-kol-logo-default,h4.sc-kol-logo-default,h5.sc-kol-logo-default,h6.sc-kol-logo-default,input.sc-kol-logo-default,option.sc-kol-logo-default,select.sc-kol-logo-default,textarea.sc-kol-logo-default{font-family:inherit;font-size:inherit}/*!@:is(a, button)*/.sc-kol-logo-default:is(a,button).sc-kol-logo-default{background-color:transparent;border:none;margin:0;padding:0;width:100%}/*!@:host*/.sc-kol-logo-default-h{max-width:100%}/*!@**/*.sc-kol-logo-default{box-sizing:border-box}/*!@kol-span-wc*/kol-span-wc.sc-kol-logo-default{display:grid;place-items:center}/*!@kol-span-wc > span*/kol-span-wc.sc-kol-logo-default>span.sc-kol-logo-default{display:flex;place-items:center}/*!@a,\nbutton*/a.sc-kol-logo-default,button.sc-kol-logo-default{cursor:pointer}/*!@button,\ninput,\noption,\nselect,\ntextarea*/button.sc-kol-logo-default,input.sc-kol-logo-default,option.sc-kol-logo-default,select.sc-kol-logo-default,textarea.sc-kol-logo-default{font-family:inherit}/*!@.icon-only > kol-span-wc > span > span*/.icon-only.sc-kol-logo-default>kol-span-wc.sc-kol-logo-default>span.sc-kol-logo-default>span.sc-kol-logo-default{display:none}/*!@text*/text.sc-kol-logo-default{font-size:16px;letter-spacing:normal;word-spacing:normal}";
+const defaultStyleCss$f = "/*!@:host*/.sc-kol-logo-default-h{--a11y-min-size:44px;font-size:inherit}/*!@**/*.sc-kol-logo-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-logo-default,button.sc-kol-logo-default:not([role='link']),kol-input.sc-kol-logo-default .input.sc-kol-logo-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-logo-default,button.sc-kol-logo-default,h1.sc-kol-logo-default,h2.sc-kol-logo-default,h3.sc-kol-logo-default,h4.sc-kol-logo-default,h5.sc-kol-logo-default,h6.sc-kol-logo-default,input.sc-kol-logo-default,option.sc-kol-logo-default,select.sc-kol-logo-default,textarea.sc-kol-logo-default{font-family:inherit;font-size:inherit}/*!@:is(a, button)*/.sc-kol-logo-default:is(a,button).sc-kol-logo-default{background-color:transparent;border:none;margin:0;padding:0;width:100%}/*!@:host*/.sc-kol-logo-default-h{max-width:100%}/*!@**/*.sc-kol-logo-default{box-sizing:border-box}/*!@kol-span-wc*/kol-span-wc.sc-kol-logo-default{display:grid;place-items:center}/*!@kol-span-wc > span*/kol-span-wc.sc-kol-logo-default>span.sc-kol-logo-default{display:flex;place-items:center}/*!@a,\nbutton*/a.sc-kol-logo-default,button.sc-kol-logo-default{cursor:pointer}/*!@button,\ninput,\noption,\nselect,\ntextarea*/button.sc-kol-logo-default,input.sc-kol-logo-default,option.sc-kol-logo-default,select.sc-kol-logo-default,textarea.sc-kol-logo-default{font-family:inherit}/*!@.icon-only > kol-span-wc > span > span*/.icon-only.sc-kol-logo-default>kol-span-wc.sc-kol-logo-default>span.sc-kol-logo-default>span.sc-kol-logo-default{display:none}/*!@text*/text.sc-kol-logo-default{font-size:16px;letter-spacing:normal;word-spacing:normal}/*!@svg*/svg.sc-kol-logo-default{max-height:100%}";
 
 function enumToArray(enumeration, enumAsMap = new Map()) {
   Object.entries(enumeration).map(([key, value]) => {
@@ -16751,18 +16778,6 @@ const validateHasCompactButton = (component, value) => {
 
 const defaultStyleCss$d = "/*!@:host*/.sc-kol-nav-default-h{--a11y-min-size:44px;font-size:inherit}/*!@**/*.sc-kol-nav-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-nav-default,button.sc-kol-nav-default:not([role='link']),kol-input.sc-kol-nav-default .input.sc-kol-nav-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-nav-default,button.sc-kol-nav-default,h1.sc-kol-nav-default,h2.sc-kol-nav-default,h3.sc-kol-nav-default,h4.sc-kol-nav-default,h5.sc-kol-nav-default,h6.sc-kol-nav-default,input.sc-kol-nav-default,option.sc-kol-nav-default,select.sc-kol-nav-default,textarea.sc-kol-nav-default{font-family:inherit;font-size:inherit}/*!@:is(a, button)*/.sc-kol-nav-default:is(a,button).sc-kol-nav-default{background-color:transparent;border:none;margin:0;padding:0;width:100%}/*!@:host*/.sc-kol-nav-default-h{max-width:100%}/*!@**/*.sc-kol-nav-default{box-sizing:border-box}/*!@kol-span-wc*/kol-span-wc.sc-kol-nav-default{display:grid;place-items:center}/*!@kol-span-wc > span*/kol-span-wc.sc-kol-nav-default>span.sc-kol-nav-default{display:flex;place-items:center}/*!@a,\nbutton*/a.sc-kol-nav-default,button.sc-kol-nav-default{cursor:pointer}/*!@button,\ninput,\noption,\nselect,\ntextarea*/button.sc-kol-nav-default,input.sc-kol-nav-default,option.sc-kol-nav-default,select.sc-kol-nav-default,textarea.sc-kol-nav-default{font-family:inherit}/*!@.icon-only > kol-span-wc > span > span*/.icon-only.sc-kol-nav-default>kol-span-wc.sc-kol-nav-default>span.sc-kol-nav-default>span.sc-kol-nav-default{display:none}/*!@:host > div*/.sc-kol-nav-default-h>div.sc-kol-nav-default{display:grid;place-items:center}/*!@nav*/nav.sc-kol-nav-default{width:100%}/*!@.list*/.list.sc-kol-nav-default{display:flex;list-style:none;margin:0;padding:0}/*!@.list.vertical*/.list.vertical.sc-kol-nav-default{flex-direction:column}/*!@.entry*/.entry.sc-kol-nav-default{display:flex}/*!@.entry kol-button-wc:first-child,\n.entry kol-link-wc,\n.entry kol-span-wc*/.entry.sc-kol-nav-default kol-button-wc.sc-kol-nav-default:first-child,.entry.sc-kol-nav-default kol-link-wc.sc-kol-nav-default,.entry.sc-kol-nav-default kol-span-wc.sc-kol-nav-default{flex-grow:1}/*!@.entry kol-span-wc*/.entry.sc-kol-nav-default kol-span-wc.sc-kol-nav-default{justify-items:start}";
 
-const UNIQUE_ARIA_LABEL = new Set();
-function addAriaLabel(ariaLabel) {
-  if (UNIQUE_ARIA_LABEL.has(ariaLabel)) {
-    console.error(`There already is a kol-nav with the label "${ariaLabel}"`);
-  }
-  else {
-    UNIQUE_ARIA_LABEL.add(ariaLabel);
-  }
-}
-function removeAriaLabel(ariaLabel) {
-  UNIQUE_ARIA_LABEL.delete(ariaLabel);
-}
 class KolNav {
   constructor(hostRef) {
     registerInstance(this, hostRef);
@@ -16803,7 +16818,7 @@ class KolNav {
     };
   }
   entry(collapsible, hideLabel, hasChildren, link, expanded) {
-    return (hAsync("div", { class: "entry" }, hAsync("kol-button-link-text-switch", { _link: Object.assign(Object.assign({}, link), { _hideLabel: hideLabel }) }), hasChildren ? this.expandButton(collapsible, link, expanded) : ''));
+    return (hAsync("div", { class: { entry: true, 'hide-label': hideLabel } }, hAsync("kol-button-link-text-switch", { _link: Object.assign(Object.assign({}, link), { _hideLabel: hideLabel }) }), hasChildren ? this.expandButton(collapsible, link, expanded) : ''));
   }
   expandButton(collapsible, link, expanded) {
     return (hAsync("kol-button-wc", { class: "expand-button", _ariaExpanded: expanded, _disabled: !collapsible, _icon: 'codicon codicon-' + (expanded ? 'remove' : 'add'), _hideLabel: true, _label: `Untermenü zu ${link._label} ${expanded ? 'schließen' : 'öffnen'}`, _on: { onClick: () => this.onClick(link) } }));
@@ -16855,11 +16870,13 @@ class KolNav {
   validateHideLabel(value) {
     validateHideLabel(this, value);
   }
-  validateLabel(value) {
-    removeAriaLabel(this.state._label);
+  validateLabel(value, _oldValue, initial = false) {
+    if (!initial) {
+      removeNavLabel(this.state._label);
+    }
     validateLabel(this, value);
     a11yHintLabelingLandmarks(value);
-    addAriaLabel(this.state._label);
+    addNavLabel(this.state._label);
   }
   validateLinks(value) {
     watchNavLinks('KolNav', this, value);
@@ -16880,13 +16897,13 @@ class KolNav {
     this.validateCollapsible(this._collapsible);
     this.validateHideLabel(this._hideLabel || this._compact);
     this.validateHasCompactButton(this._hasCompactButton);
-    this.validateLabel(this._label || this._ariaLabel);
+    this.validateLabel(this._label || this._ariaLabel, undefined, true);
     this.validateLinks(this._links);
     this.validateOrientation(this._orientation);
     this.validateVariant(this._variant);
   }
   disconnectedCallback() {
-    removeAriaLabel(this.state._label);
+    removeNavLabel(this.state._label);
   }
   static get watchers() { return {
     "_ariaCurrentValue": ["validateAriaCurrentValue"],
@@ -17090,7 +17107,7 @@ class KolPagination {
       }
       else if (ellipsis === true) {
         ellipsis = false;
-        return hAsync("span", { class: "separator", key: `${this.nonce}-el-${page}` });
+        return (hAsync("li", null, hAsync("span", { class: "separator", key: `${this.nonce}-el-${page}`, "aria-hidden": "true" })));
       }
       else {
         return null;
@@ -17101,14 +17118,14 @@ class KolPagination {
       }, _value: [this.state._pageSize] }))));
   }
   getUnselectedPageButton(page) {
-    return (hAsync("kol-button", { exportparts: "icon", key: `${this.nonce}-${page}`, _customClass: this.state._customClass, _label: `${page}`, _on: {
+    return (hAsync("li", null, hAsync("kol-button", { exportparts: "icon", key: `${this.nonce}-${page}`, _customClass: this.state._customClass, _label: `${page}`, _on: {
         onClick: (event) => {
           this.onClick(event, page);
         },
-      }, _variant: this.state._variant }));
+      }, _variant: this.state._variant })));
   }
   getSelectedPageButton(page) {
-    return (hAsync("kol-button-wc", { class: "selected", key: `${this.nonce}-selected`, _customClass: this.state._customClass, _disabled: true, _ariaCurrent: true, _label: `${page}`, _variant: this.state._variant }));
+    return (hAsync("li", null, hAsync("kol-button-wc", { class: "selected", key: `${this.nonce}-selected`, _customClass: this.state._customClass, _disabled: true, _ariaCurrent: true, _label: `${page}`, _variant: this.state._variant })));
   }
   validateBoundaryCount(value) {
     watchNumber(this, '_boundaryCount', Math.max(0, value !== null && value !== void 0 ? value : 1));
@@ -17116,8 +17133,12 @@ class KolPagination {
   validateCustomClass(value) {
     validateCustomClass(this, value);
   }
-  validateLabel(label) {
+  validateLabel(label, _oldValue, initial = false) {
+    if (!initial) {
+      removeNavLabel(this.state._label);
+    }
     validateLabel(this, label);
+    addNavLabel(this.state._label);
   }
   validateHasButtons(value) {
     watchValidator(this, '_hasButtons', (value) => typeof value === 'boolean' || typeof value === 'string' || (typeof value === 'object' && value !== null), new Set(['Boolean', 'PaginationHasButton']), value, {
@@ -17210,7 +17231,7 @@ class KolPagination {
     this.validateBoundaryCount(this._boundaryCount);
     this.validateCustomClass(this._customClass);
     this.validateHasButtons(this._hasButtons);
-    this.validateLabel(this._label);
+    this.validateLabel(this._label, undefined, true);
     this.validateOn(this._on);
     this.validatePage(this._page);
     this.validatePageSize(this._pageSize);
@@ -17221,6 +17242,9 @@ class KolPagination {
     this.validateVariant(this._variant);
     this.validatePage(this._page);
   }
+  disconnectedCallback() {
+    removeNavLabel(this.state._label);
+  }
   static get watchers() { return {
     "_boundaryCount": ["validateBoundaryCount"],
     "_customClass": ["validateCustomClass"],
@@ -19087,7 +19111,7 @@ class SelectController extends InputIconController {
   }
 }
 
-const defaultStyleCss$9 = "/*!@:host*/.sc-kol-select-default-h{--a11y-min-size:44px;font-size:inherit}/*!@**/*.sc-kol-select-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-select-default,button.sc-kol-select-default:not([role='link']),kol-input.sc-kol-select-default .input.sc-kol-select-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-select-default,button.sc-kol-select-default,h1.sc-kol-select-default,h2.sc-kol-select-default,h3.sc-kol-select-default,h4.sc-kol-select-default,h5.sc-kol-select-default,h6.sc-kol-select-default,input.sc-kol-select-default,option.sc-kol-select-default,select.sc-kol-select-default,textarea.sc-kol-select-default{font-family:inherit;font-size:inherit}/*!@:is(a, button)*/.sc-kol-select-default:is(a,button).sc-kol-select-default{background-color:transparent;border:none;margin:0;padding:0;width:100%}/*!@:host*/.sc-kol-select-default-h{max-width:100%}/*!@**/*.sc-kol-select-default{box-sizing:border-box}/*!@kol-span-wc*/kol-span-wc.sc-kol-select-default{display:grid;place-items:center}/*!@kol-span-wc > span*/kol-span-wc.sc-kol-select-default>span.sc-kol-select-default{display:flex;place-items:center}/*!@a,\nbutton*/a.sc-kol-select-default,button.sc-kol-select-default{cursor:pointer}/*!@button,\ninput,\noption,\nselect,\ntextarea*/button.sc-kol-select-default,input.sc-kol-select-default,option.sc-kol-select-default,select.sc-kol-select-default,textarea.sc-kol-select-default{font-family:inherit}/*!@.icon-only > kol-span-wc > span > span*/.icon-only.sc-kol-select-default>kol-span-wc.sc-kol-select-default>span.sc-kol-select-default>span.sc-kol-select-default{display:none}/*!@.required label > span::after,\n.required legend > span::after*/.required.sc-kol-select-default label.sc-kol-select-default>span.sc-kol-select-default::after,.required.sc-kol-select-default legend.sc-kol-select-default>span.sc-kol-select-default::after{content:'*'}/*!@:host*/.sc-kol-select-default-h{display:block}/*!@input,\ntextarea*/input.sc-kol-select-default,textarea.sc-kol-select-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-select-default,input[type='color'].sc-kol-select-default,input[type='file'].sc-kol-select-default,input[type='radio'].sc-kol-select-default,input[type='range'].sc-kol-select-default,label.sc-kol-select-default,option.sc-kol-select-default,select.sc-kol-select-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:not([multiple]),\nselect[multiple] option,\ntextarea*/input[type='color'].sc-kol-select-default,input[type='date'].sc-kol-select-default,input[type='datetime-local'].sc-kol-select-default,input[type='email'].sc-kol-select-default,input[type='file'].sc-kol-select-default,input[type='month'].sc-kol-select-default,input[type='number'].sc-kol-select-default,input[type='password'].sc-kol-select-default,input[type='search'].sc-kol-select-default,input[type='tel'].sc-kol-select-default,input[type='text'].sc-kol-select-default,input[type='time'].sc-kol-select-default,input[type='url'].sc-kol-select-default,input[type='week'].sc-kol-select-default,select.sc-kol-select-default:not([multiple]),select[multiple].sc-kol-select-default option.sc-kol-select-default,textarea.sc-kol-select-default{font-size:1rem;width:100%}/*!@input[type='file']*/input[type='file'].sc-kol-select-default{padding:calc((var(--a11y-min-size) - 1rem) / 10) 0.5em}/*!@select[multiple] option*/select[multiple].sc-kol-select-default option.sc-kol-select-default{padding:calc((var(--a11y-min-size) - 1rem) / 2) 0.5em}/*!@kol-input.disabled :is(button, input, label, option, select, textarea)*/kol-input.disabled.sc-kol-select-default .sc-kol-select-default:is(button,input.sc-kol-select-default,label.sc-kol-select-default,option.sc-kol-select-default,select.sc-kol-select-default,textarea).sc-kol-select-default{cursor:not-allowed;opacity:0.5}/*!@kol-input*/kol-input.sc-kol-select-default{display:grid}/*!@kol-input [slot='input']*/kol-input.sc-kol-select-default [slot='input'].sc-kol-select-default{flex-grow:1}/*!@input:not([type='checkbox'], [type='radio']),\nselect:not([multiple], [size])*/input.sc-kol-select-default:not([type='checkbox'],[type='radio']).sc-kol-select-default,select.sc-kol-select-default:not([multiple],[size]).sc-kol-select-default{height:2.75em}/*!@input:focus,\noption:focus,\nselect:focus,\ntextarea:focus*/input.sc-kol-select-default:focus,option.sc-kol-select-default:focus,select.sc-kol-select-default:focus,textarea.sc-kol-select-default:focus{outline:0}/*!@.input*/.input.sc-kol-select-default{display:flex;align-items:center}/*!@.input > kol-icon*/.input.sc-kol-select-default>kol-icon.sc-kol-select-default{display:grid;height:var(--a11y-min-size);place-items:center}/*!@kol-input.required .input-tooltip .span-label::after*/kol-input.required.sc-kol-select-default .input-tooltip.sc-kol-select-default .span-label.sc-kol-select-default::after{content:'*'}";
+const defaultStyleCss$9 = "/*!@:host*/.sc-kol-select-default-h{--a11y-min-size:44px;font-size:inherit}/*!@**/*.sc-kol-select-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-select-default,button.sc-kol-select-default:not([role='link']),kol-input.sc-kol-select-default .input.sc-kol-select-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-select-default,button.sc-kol-select-default,h1.sc-kol-select-default,h2.sc-kol-select-default,h3.sc-kol-select-default,h4.sc-kol-select-default,h5.sc-kol-select-default,h6.sc-kol-select-default,input.sc-kol-select-default,option.sc-kol-select-default,select.sc-kol-select-default,textarea.sc-kol-select-default{font-family:inherit;font-size:inherit}/*!@:is(a, button)*/.sc-kol-select-default:is(a,button).sc-kol-select-default{background-color:transparent;border:none;margin:0;padding:0;width:100%}/*!@:host*/.sc-kol-select-default-h{max-width:100%}/*!@**/*.sc-kol-select-default{box-sizing:border-box}/*!@kol-span-wc*/kol-span-wc.sc-kol-select-default{display:grid;place-items:center}/*!@kol-span-wc > span*/kol-span-wc.sc-kol-select-default>span.sc-kol-select-default{display:flex;place-items:center}/*!@a,\nbutton*/a.sc-kol-select-default,button.sc-kol-select-default{cursor:pointer}/*!@button,\ninput,\noption,\nselect,\ntextarea*/button.sc-kol-select-default,input.sc-kol-select-default,option.sc-kol-select-default,select.sc-kol-select-default,textarea.sc-kol-select-default{font-family:inherit}/*!@.icon-only > kol-span-wc > span > span*/.icon-only.sc-kol-select-default>kol-span-wc.sc-kol-select-default>span.sc-kol-select-default>span.sc-kol-select-default{display:none}/*!@.required label > span::after,\n.required legend > span::after*/.required.sc-kol-select-default label.sc-kol-select-default>span.sc-kol-select-default::after,.required.sc-kol-select-default legend.sc-kol-select-default>span.sc-kol-select-default::after{content:'*'}/*!@:host*/.sc-kol-select-default-h{display:block}/*!@input,\ntextarea*/input.sc-kol-select-default,textarea.sc-kol-select-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-select-default,input[type='color'].sc-kol-select-default,input[type='file'].sc-kol-select-default,input[type='radio'].sc-kol-select-default,input[type='range'].sc-kol-select-default,label.sc-kol-select-default,option.sc-kol-select-default,select.sc-kol-select-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-select-default,input[type='date'].sc-kol-select-default,input[type='datetime-local'].sc-kol-select-default,input[type='email'].sc-kol-select-default,input[type='file'].sc-kol-select-default,input[type='month'].sc-kol-select-default,input[type='number'].sc-kol-select-default,input[type='password'].sc-kol-select-default,input[type='search'].sc-kol-select-default,input[type='tel'].sc-kol-select-default,input[type='text'].sc-kol-select-default,input[type='time'].sc-kol-select-default,input[type='url'].sc-kol-select-default,input[type='week'].sc-kol-select-default,select.sc-kol-select-default,select[multiple].sc-kol-select-default option.sc-kol-select-default,textarea.sc-kol-select-default{font-size:1rem;width:100%}/*!@input[type='file']*/input[type='file'].sc-kol-select-default{padding:calc((var(--a11y-min-size) - 1rem) / 10) 0.5em}/*!@select[multiple] option*/select[multiple].sc-kol-select-default option.sc-kol-select-default{padding:calc((var(--a11y-min-size) - 1rem) / 2) 0.5em}/*!@kol-input.disabled :is(button, input, label, option, select, textarea)*/kol-input.disabled.sc-kol-select-default .sc-kol-select-default:is(button,input.sc-kol-select-default,label.sc-kol-select-default,option.sc-kol-select-default,select.sc-kol-select-default,textarea).sc-kol-select-default{cursor:not-allowed;opacity:0.5}/*!@kol-input*/kol-input.sc-kol-select-default{display:grid}/*!@kol-input [slot='input']*/kol-input.sc-kol-select-default [slot='input'].sc-kol-select-default{flex-grow:1}/*!@input:not([type='checkbox'], [type='radio']),\nselect:not([multiple], [size])*/input.sc-kol-select-default:not([type='checkbox'],[type='radio']).sc-kol-select-default,select.sc-kol-select-default:not([multiple],[size]).sc-kol-select-default{height:2.75em}/*!@input:focus,\noption:focus,\nselect:focus,\ntextarea:focus*/input.sc-kol-select-default:focus,option.sc-kol-select-default:focus,select.sc-kol-select-default:focus,textarea.sc-kol-select-default:focus{outline:0}/*!@.input*/.input.sc-kol-select-default{display:flex;align-items:center}/*!@.input > kol-icon*/.input.sc-kol-select-default>kol-icon.sc-kol-select-default{display:grid;height:var(--a11y-min-size);place-items:center}/*!@kol-input.required .input-tooltip .span-label::after*/kol-input.required.sc-kol-select-default .input-tooltip.sc-kol-select-default .span-label.sc-kol-select-default::after{content:'*'}";
 
 const isSelected = (valueList, optionValue) => {
   return Array.isArray(valueList) && valueList.includes(optionValue);
@@ -19336,16 +19360,23 @@ class KolSkipNav {
   validateAriaLabel(value) {
     this.validateLabel(value);
   }
-  validateLabel(value) {
+  validateLabel(value, _oldValue, initial = false) {
+    if (!initial) {
+      removeNavLabel(this.state._label);
+    }
     validateLabel(this, value);
+    addNavLabel(this.state._label);
   }
   validateLinks(value) {
     watchNavLinks('KolSkipNav', this, value);
   }
   componentWillLoad() {
-    this.validateLabel(this._label || this._ariaLabel);
+    this.validateLabel(this._label || this._ariaLabel, undefined, true);
     this.validateLinks(this._links);
   }
+  disconnectedCallback() {
+    removeNavLabel(this.state._label);
+  }
   static get watchers() { return {
     "_ariaLabel": ["validateAriaLabel"],
     "_label": ["validateLabel"],
@@ -20601,7 +20632,7 @@ class TextareaController extends InputController {
   }
 }
 
-const defaultStyleCss$2 = "/*!@:host*/.sc-kol-textarea-default-h{--a11y-min-size:44px;font-size:inherit}/*!@**/*.sc-kol-textarea-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-textarea-default,button.sc-kol-textarea-default:not([role='link']),kol-input.sc-kol-textarea-default .input.sc-kol-textarea-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-textarea-default,button.sc-kol-textarea-default,h1.sc-kol-textarea-default,h2.sc-kol-textarea-default,h3.sc-kol-textarea-default,h4.sc-kol-textarea-default,h5.sc-kol-textarea-default,h6.sc-kol-textarea-default,input.sc-kol-textarea-default,option.sc-kol-textarea-default,select.sc-kol-textarea-default,textarea.sc-kol-textarea-default{font-family:inherit;font-size:inherit}/*!@:is(a, button)*/.sc-kol-textarea-default:is(a,button).sc-kol-textarea-default{background-color:transparent;border:none;margin:0;padding:0;width:100%}/*!@:host*/.sc-kol-textarea-default-h{max-width:100%}/*!@**/*.sc-kol-textarea-default{box-sizing:border-box}/*!@kol-span-wc*/kol-span-wc.sc-kol-textarea-default{display:grid;place-items:center}/*!@kol-span-wc > span*/kol-span-wc.sc-kol-textarea-default>span.sc-kol-textarea-default{display:flex;place-items:center}/*!@a,\nbutton*/a.sc-kol-textarea-default,button.sc-kol-textarea-default{cursor:pointer}/*!@button,\ninput,\noption,\nselect,\ntextarea*/button.sc-kol-textarea-default,input.sc-kol-textarea-default,option.sc-kol-textarea-default,select.sc-kol-textarea-default,textarea.sc-kol-textarea-default{font-family:inherit}/*!@.icon-only > kol-span-wc > span > span*/.icon-only.sc-kol-textarea-default>kol-span-wc.sc-kol-textarea-default>span.sc-kol-textarea-default>span.sc-kol-textarea-default{display:none}/*!@.required label > span::after,\n.required legend > span::after*/.required.sc-kol-textarea-default label.sc-kol-textarea-default>span.sc-kol-textarea-default::after,.required.sc-kol-textarea-default legend.sc-kol-textarea-default>span.sc-kol-textarea-default::after{content:'*'}/*!@:host*/.sc-kol-textarea-default-h{display:block}/*!@input,\ntextarea*/input.sc-kol-textarea-default,textarea.sc-kol-textarea-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-textarea-default,input[type='color'].sc-kol-textarea-default,input[type='file'].sc-kol-textarea-default,input[type='radio'].sc-kol-textarea-default,input[type='range'].sc-kol-textarea-default,label.sc-kol-textarea-default,option.sc-kol-textarea-default,select.sc-kol-textarea-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:not([multiple]),\nselect[multiple] option,\ntextarea*/input[type='color'].sc-kol-textarea-default,input[type='date'].sc-kol-textarea-default,input[type='datetime-local'].sc-kol-textarea-default,input[type='email'].sc-kol-textarea-default,input[type='file'].sc-kol-textarea-default,input[type='month'].sc-kol-textarea-default,input[type='number'].sc-kol-textarea-default,input[type='password'].sc-kol-textarea-default,input[type='search'].sc-kol-textarea-default,input[type='tel'].sc-kol-textarea-default,input[type='text'].sc-kol-textarea-default,input[type='time'].sc-kol-textarea-default,input[type='url'].sc-kol-textarea-default,input[type='week'].sc-kol-textarea-default,select.sc-kol-textarea-default:not([multiple]),select[multiple].sc-kol-textarea-default option.sc-kol-textarea-default,textarea.sc-kol-textarea-default{font-size:1rem;width:100%}/*!@input[type='file']*/input[type='file'].sc-kol-textarea-default{padding:calc((var(--a11y-min-size) - 1rem) / 10) 0.5em}/*!@select[multiple] option*/select[multiple].sc-kol-textarea-default option.sc-kol-textarea-default{padding:calc((var(--a11y-min-size) - 1rem) / 2) 0.5em}/*!@kol-input.disabled :is(button, input, label, option, select, textarea)*/kol-input.disabled.sc-kol-textarea-default .sc-kol-textarea-default:is(button,input.sc-kol-textarea-default,label.sc-kol-textarea-default,option.sc-kol-textarea-default,select.sc-kol-textarea-default,textarea).sc-kol-textarea-default{cursor:not-allowed;opacity:0.5}/*!@kol-input*/kol-input.sc-kol-textarea-default{display:grid}/*!@kol-input [slot='input']*/kol-input.sc-kol-textarea-default [slot='input'].sc-kol-textarea-default{flex-grow:1}/*!@input:not([type='checkbox'], [type='radio']),\nselect:not([multiple], [size])*/input.sc-kol-textarea-default:not([type='checkbox'],[type='radio']).sc-kol-textarea-default,select.sc-kol-textarea-default:not([multiple],[size]).sc-kol-textarea-default{height:2.75em}/*!@input:focus,\noption:focus,\nselect:focus,\ntextarea:focus*/input.sc-kol-textarea-default:focus,option.sc-kol-textarea-default:focus,select.sc-kol-textarea-default:focus,textarea.sc-kol-textarea-default:focus{outline:0}/*!@.input*/.input.sc-kol-textarea-default{display:flex;align-items:center}/*!@.input > kol-icon*/.input.sc-kol-textarea-default>kol-icon.sc-kol-textarea-default{display:grid;height:var(--a11y-min-size);place-items:center}/*!@kol-input.required .input-tooltip .span-label::after*/kol-input.required.sc-kol-textarea-default .input-tooltip.sc-kol-textarea-default .span-label.sc-kol-textarea-default::after{content:'*'}";
+const defaultStyleCss$2 = "/*!@:host*/.sc-kol-textarea-default-h{--a11y-min-size:44px;font-size:inherit}/*!@**/*.sc-kol-textarea-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-textarea-default,button.sc-kol-textarea-default:not([role='link']),kol-input.sc-kol-textarea-default .input.sc-kol-textarea-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-textarea-default,button.sc-kol-textarea-default,h1.sc-kol-textarea-default,h2.sc-kol-textarea-default,h3.sc-kol-textarea-default,h4.sc-kol-textarea-default,h5.sc-kol-textarea-default,h6.sc-kol-textarea-default,input.sc-kol-textarea-default,option.sc-kol-textarea-default,select.sc-kol-textarea-default,textarea.sc-kol-textarea-default{font-family:inherit;font-size:inherit}/*!@:is(a, button)*/.sc-kol-textarea-default:is(a,button).sc-kol-textarea-default{background-color:transparent;border:none;margin:0;padding:0;width:100%}/*!@:host*/.sc-kol-textarea-default-h{max-width:100%}/*!@**/*.sc-kol-textarea-default{box-sizing:border-box}/*!@kol-span-wc*/kol-span-wc.sc-kol-textarea-default{display:grid;place-items:center}/*!@kol-span-wc > span*/kol-span-wc.sc-kol-textarea-default>span.sc-kol-textarea-default{display:flex;place-items:center}/*!@a,\nbutton*/a.sc-kol-textarea-default,button.sc-kol-textarea-default{cursor:pointer}/*!@button,\ninput,\noption,\nselect,\ntextarea*/button.sc-kol-textarea-default,input.sc-kol-textarea-default,option.sc-kol-textarea-default,select.sc-kol-textarea-default,textarea.sc-kol-textarea-default{font-family:inherit}/*!@.icon-only > kol-span-wc > span > span*/.icon-only.sc-kol-textarea-default>kol-span-wc.sc-kol-textarea-default>span.sc-kol-textarea-default>span.sc-kol-textarea-default{display:none}/*!@.required label > span::after,\n.required legend > span::after*/.required.sc-kol-textarea-default label.sc-kol-textarea-default>span.sc-kol-textarea-default::after,.required.sc-kol-textarea-default legend.sc-kol-textarea-default>span.sc-kol-textarea-default::after{content:'*'}/*!@:host*/.sc-kol-textarea-default-h{display:block}/*!@input,\ntextarea*/input.sc-kol-textarea-default,textarea.sc-kol-textarea-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-textarea-default,input[type='color'].sc-kol-textarea-default,input[type='file'].sc-kol-textarea-default,input[type='radio'].sc-kol-textarea-default,input[type='range'].sc-kol-textarea-default,label.sc-kol-textarea-default,option.sc-kol-textarea-default,select.sc-kol-textarea-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-textarea-default,input[type='date'].sc-kol-textarea-default,input[type='datetime-local'].sc-kol-textarea-default,input[type='email'].sc-kol-textarea-default,input[type='file'].sc-kol-textarea-default,input[type='month'].sc-kol-textarea-default,input[type='number'].sc-kol-textarea-default,input[type='password'].sc-kol-textarea-default,input[type='search'].sc-kol-textarea-default,input[type='tel'].sc-kol-textarea-default,input[type='text'].sc-kol-textarea-default,input[type='time'].sc-kol-textarea-default,input[type='url'].sc-kol-textarea-default,input[type='week'].sc-kol-textarea-default,select.sc-kol-textarea-default,select[multiple].sc-kol-textarea-default option.sc-kol-textarea-default,textarea.sc-kol-textarea-default{font-size:1rem;width:100%}/*!@input[type='file']*/input[type='file'].sc-kol-textarea-default{padding:calc((var(--a11y-min-size) - 1rem) / 10) 0.5em}/*!@select[multiple] option*/select[multiple].sc-kol-textarea-default option.sc-kol-textarea-default{padding:calc((var(--a11y-min-size) - 1rem) / 2) 0.5em}/*!@kol-input.disabled :is(button, input, label, option, select, textarea)*/kol-input.disabled.sc-kol-textarea-default .sc-kol-textarea-default:is(button,input.sc-kol-textarea-default,label.sc-kol-textarea-default,option.sc-kol-textarea-default,select.sc-kol-textarea-default,textarea).sc-kol-textarea-default{cursor:not-allowed;opacity:0.5}/*!@kol-input*/kol-input.sc-kol-textarea-default{display:grid}/*!@kol-input [slot='input']*/kol-input.sc-kol-textarea-default [slot='input'].sc-kol-textarea-default{flex-grow:1}/*!@input:not([type='checkbox'], [type='radio']),\nselect:not([multiple], [size])*/input.sc-kol-textarea-default:not([type='checkbox'],[type='radio']).sc-kol-textarea-default,select.sc-kol-textarea-default:not([multiple],[size]).sc-kol-textarea-default{height:2.75em}/*!@input:focus,\noption:focus,\nselect:focus,\ntextarea:focus*/input.sc-kol-textarea-default:focus,option.sc-kol-textarea-default:focus,select.sc-kol-textarea-default:focus,textarea.sc-kol-textarea-default:focus{outline:0}/*!@.input*/.input.sc-kol-textarea-default{display:flex;align-items:center}/*!@.input > kol-icon*/.input.sc-kol-textarea-default>kol-icon.sc-kol-textarea-default{display:grid;height:var(--a11y-min-size);place-items:center}/*!@kol-input.required .input-tooltip .span-label::after*/kol-input.required.sc-kol-textarea-default .input-tooltip.sc-kol-textarea-default .span-label.sc-kol-textarea-default::after{content:'*'}";
 
 const increaseTextareaHeight = (el) => {
   el.style.overflow = 'hidden';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@public-ui/hydrate",
-	"version": "1.6.1",
+	"version": "1.6.2",
 	"license": "EUPL-1.2",
 	"homepage": "https://public-ui.github.io",
 	"repository": "https://github.com/public-ui/kolibri",
@@ -45,11 +45,11 @@
 		"prepack": "rimraf dist/package.json"
 	},
 	"devDependencies": {
-		"@public-ui/components": "1.6.1",
+		"@public-ui/components": "1.6.2",
 		"rimraf": "3.0.2"
 	},
 	"peerDependencies": {
-		"@public-ui/components": "1.6.1"
+		"@public-ui/components": "1.6.2"
 	},
 	"sideEffects": false,
 	"type": "commonjs",