@public-ui/hydrate 2.0.0-rc.3 → 2.0.0-rc.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/index.js +169 -221
  2. package/package.json +3 -3
package/dist/index.js CHANGED
@@ -6,7 +6,7 @@
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
8
  /*!
9
- Stencil Mock Doc v4.5.0 | MIT Licensed | https://stenciljs.com
9
+ Stencil Mock Doc v4.6.0 | MIT Licensed | https://stenciljs.com
10
10
  */
11
11
  const CONTENT_REF_ID = 'r';
12
12
  const ORG_LOCATION_ID = 'o';
@@ -7649,15 +7649,19 @@ class ModalService {
7649
7649
  lockedElements.forEach(this.unlockElement.bind(this));
7650
7650
  }
7651
7651
  lockFocus(hostElement, excludeElement) {
7652
- if (hostElement !== excludeElement && (hostElement instanceof HTMLElement || hostElement instanceof ShadowRoot)) {
7653
- if (hostElement instanceof HTMLElement) {
7654
- this.lockElement(hostElement);
7655
- this.lockFocus(hostElement.shadowRoot, excludeElement);
7656
- }
7657
- for (let i = 0; i < hostElement.children.length; i++) {
7658
- this.lockFocus(hostElement.children[i], excludeElement);
7652
+ try {
7653
+ if (hostElement !== excludeElement && (hostElement instanceof HTMLElement || hostElement instanceof ShadowRoot)) {
7654
+ if (hostElement instanceof HTMLElement) {
7655
+ this.lockElement(hostElement);
7656
+ this.lockFocus(hostElement.shadowRoot, excludeElement);
7657
+ }
7658
+ for (let i = 0; i < hostElement.children.length; i++) {
7659
+ this.lockFocus(hostElement.children[i], excludeElement);
7660
+ }
7659
7661
  }
7660
7662
  }
7663
+ catch (error) {
7664
+ }
7661
7665
  }
7662
7666
  renderModalIfExists(activeElement) {
7663
7667
  if (activeElement instanceof HTMLElement) {
@@ -7846,7 +7850,7 @@ const initKoliBri = () => {
7846
7850
  | . ' | .-. | | | ,--. | .-. \\ | .--' ,--.
7847
7851
  | |\\ \\ | '-' | | | | | | '--' / | | | |
7848
7852
  \`--' \`--´ \`---´ \`--' \`--' \`------´ \`--' \`--'
7849
- 🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | 2.0.0-rc.3
7853
+ 🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | 2.0.0-rc.4
7850
7854
  `, {
7851
7855
  forceLog: true,
7852
7856
  });
@@ -7884,8 +7888,12 @@ if (processEnv === 'test') {
7884
7888
 
7885
7889
  var appGlobalScript = async () => {
7886
7890
  setMode((elm) => {
7887
- if (elm.shadowRoot instanceof ShadowRoot) {
7888
- setThemeStyle(elm, getThemeDetails(elm));
7891
+ try {
7892
+ if (elm.shadowRoot instanceof ShadowRoot) {
7893
+ setThemeStyle(elm, getThemeDetails(elm));
7894
+ }
7895
+ }
7896
+ catch (error) {
7889
7897
  }
7890
7898
  return 'default';
7891
7899
  });
@@ -7938,7 +7946,7 @@ function hydrateApp(e, t, o, n, s) {
7938
7946
  let p, h = !1;
7939
7947
  try {
7940
7948
  function u() {
7941
- return g(this);
7949
+ return L(this);
7942
7950
  }
7943
7951
  function f(e) {
7944
7952
  if (isValidComponent(e, t) && !getHostRef(e)) {
@@ -7982,7 +7990,14 @@ function hydrateApp(e, t, o, n, s) {
7982
7990
  }(e, t.cmpMeta));
7983
7991
  }
7984
7992
  }
7985
- function g(n) {
7993
+ function g(e) {
7994
+ if (null != e && 1 === e.nodeType) {
7995
+ f(e);
7996
+ const t = e.children;
7997
+ for (let e = 0, o = t.length; e < o; e++) g(t[e]);
7998
+ }
7999
+ }
8000
+ function L(n) {
7986
8001
  return i.delete(n), isValidComponent(n, t) && o.hydratedCount < t.maxHydrateCount && !r.has(n) && shouldHydrate(n) ? (r.add(n),
7987
8002
  async function s(e, t, o, n, l) {
7988
8003
  o = o.toLowerCase();
@@ -8008,29 +8023,24 @@ function hydrateApp(e, t, o, n, s) {
8008
8023
  }
8009
8024
  }(e, o, n.nodeName, n, d)) : m;
8010
8025
  }
8026
+ function y() {
8027
+ const e = Array.from(i).filter((e => e.parentElement));
8028
+ return e.length > 0 ? Promise.all(e.map(L)).then(y) : m;
8029
+ }
8011
8030
  e.document.createElement = function t(o) {
8012
8031
  const n = c.call(e.document, o);
8013
8032
  return f(n), n;
8014
8033
  }, e.document.createElementNS = function t(o, n) {
8015
8034
  const s = $.call(e.document, o, n);
8016
8035
  return f(s), s;
8017
- }, p = global.setTimeout((function L() {
8036
+ }, p = global.setTimeout((function D() {
8018
8037
  a(`Hydrate exceeded timeout${function e(t) {
8019
8038
  return Array.from(t).map(waitingOnElementMsg);
8020
8039
  }(d)}`);
8021
8040
  }), t.timeout), plt.$resourcesUrl$ = new URL(t.resourcesUrl || "./", doc.baseURI).href,
8022
- globalScripts(), function e(t) {
8023
- if (null != t && 1 === t.nodeType) {
8024
- f(t);
8025
- const o = t.children;
8026
- for (let t = 0, n = o.length; t < n; t++) e(o[t]);
8027
- }
8028
- }(e.document.body), function e() {
8029
- const t = Array.from(i).filter((e => e.parentElement));
8030
- return t.length > 0 ? Promise.all(t.map(g)).then(e) : m;
8031
- }().then(l).catch(a);
8032
- } catch (y) {
8033
- a(y);
8041
+ globalScripts(), g(e.document.body), y().then(l).catch(a);
8042
+ } catch (I) {
8043
+ a(I);
8034
8044
  }
8035
8045
  }
8036
8046
 
@@ -10070,7 +10080,7 @@ const validateTooltipAlign = (component, value) => {
10070
10080
  validateAlignment(component, '_tooltipAlign', value);
10071
10081
  };
10072
10082
 
10073
- const defaultStyleCss$J = "@layer kol-global {\n\t\n\t.sc-kol-abbr-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-abbr-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-abbr-default-h > abbr {\n\t\tcursor: help;\n\t}\n}";
10083
+ const defaultStyleCss$I = "@layer kol-global {\n\t\n\t.sc-kol-abbr-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-abbr-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-abbr-default-h > abbr {\n\t\tcursor: help;\n\t}\n}";
10074
10084
 
10075
10085
  class KolAbbr {
10076
10086
  constructor(hostRef) {
@@ -10101,7 +10111,7 @@ class KolAbbr {
10101
10111
  "_tooltipAlign": ["validateTooltipAlign"]
10102
10112
  }; }
10103
10113
  static get style() { return {
10104
- default: defaultStyleCss$J
10114
+ default: defaultStyleCss$I
10105
10115
  }; }
10106
10116
  static get cmpMeta() { return {
10107
10117
  "$flags$": 41,
@@ -10130,7 +10140,7 @@ const watchHeadingLevel = (component, value) => {
10130
10140
  });
10131
10141
  };
10132
10142
 
10133
- const defaultStyleCss$I = "@layer kol-global {\n\t\n\t.sc-kol-accordion-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-accordion-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-accordion-default-h {\n\t\tdisplay: block;\n\t}\n}\n\n@layer kol-component {\n\t\n\t.wrapper {\n\t\tdisplay: grid;\n\t\tgrid-template-rows: 0fr;\n\t\toverflow: hidden;\n\t\ttransition: grid-template-rows 0.3s;\n\t}\n\n\t.accordion.open .wrapper {\n\t\tgrid-template-rows: 1fr;\n\t}\n\n\t.animation-wrapper {\n\t\tmin-height: 0;\n\t\ttransition: visibility 0.3s;\n\t\t\n\t\tvisibility: hidden;\n\t}\n\n\t.accordion.open .animation-wrapper {\n\t\tvisibility: visible;\n\t}\n\n\t@media (prefers-reduced-motion) {\n\t\t.animation-wrapper,\n\t\t.wrapper {\n\t\t\ttransition-duration: 0s;\n\t\t}\n\t} \n\t.accordion kol-heading-wc kol-button-wc button kol-span-wc {\n\t\tjustify-items: start;\n\t}\n}";
10143
+ const defaultStyleCss$H = "@layer kol-global {\n\t\n\t.sc-kol-accordion-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-accordion-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-accordion-default-h {\n\t\tdisplay: block;\n\t}\n}\n\n@layer kol-component {\n\t\n\t.wrapper {\n\t\tdisplay: grid;\n\t\tgrid-template-rows: 0fr;\n\t\toverflow: hidden;\n\t\ttransition: grid-template-rows 0.3s;\n\t}\n\n\t.accordion.open .wrapper {\n\t\tgrid-template-rows: 1fr;\n\t}\n\n\t.animation-wrapper {\n\t\tmin-height: 0;\n\t\ttransition: visibility 0.3s;\n\t\t\n\t\tvisibility: hidden;\n\t}\n\n\t.accordion.open .animation-wrapper {\n\t\tvisibility: visible;\n\t}\n\n\t@media (prefers-reduced-motion) {\n\t\t.animation-wrapper,\n\t\t.wrapper {\n\t\t\ttransition-duration: 0s;\n\t\t}\n\t} \n\t.accordion kol-heading-wc kol-button-wc button kol-span-wc {\n\t\tjustify-items: start;\n\t}\n}";
10134
10144
 
10135
10145
  featureHint(`[KolAccordion] Anfrage nach einer KolAccordionGroup bei dem immer nur ein Accordion geöffnet ist.
10136
10146
 
@@ -10193,7 +10203,7 @@ class KolAccordion {
10193
10203
  "_open": ["validateOpen"]
10194
10204
  }; }
10195
10205
  static get style() { return {
10196
- default: defaultStyleCss$I
10206
+ default: defaultStyleCss$H
10197
10207
  }; }
10198
10208
  static get cmpMeta() { return {
10199
10209
  "$flags$": 41,
@@ -10211,7 +10221,7 @@ class KolAccordion {
10211
10221
  }; }
10212
10222
  }
10213
10223
 
10214
- const defaultStyleCss$H = "@layer kol-global {\n\t\n\t.sc-kol-alert-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-alert-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-alert-default-h {\n\t\tdisplay: block;\n\t}\n}\n\n@layer kol-component {\n\tkol-alert-wc {\n\t\tdisplay: grid;\n\t}\n\n\tkol-alert-wc .heading {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\tkol-alert-wc .heading > div {\n\t\tflex-grow: 1;\n\t}\n}";
10224
+ const defaultStyleCss$G = "@layer kol-global {\n\t\n\t.sc-kol-alert-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-alert-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-alert-default-h {\n\t\tdisplay: block;\n\t}\n}\n\n@layer kol-component {\n\tkol-alert-wc {\n\t\tdisplay: grid;\n\t}\n\n\tkol-alert-wc .heading {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\tkol-alert-wc .heading > div {\n\t\tflex-grow: 1;\n\t}\n}";
10215
10225
 
10216
10226
  class KolAlert {
10217
10227
  constructor(hostRef) {
@@ -10231,7 +10241,7 @@ class KolAlert {
10231
10241
  return (hAsync(Host, null, hAsync("kol-alert-wc", { _alert: this._alert, _hasCloser: this._hasCloser, _label: this._label, _level: this._level, _on: this._on, _type: this._type, _variant: this._variant }, hAsync("slot", null))));
10232
10242
  }
10233
10243
  static get style() { return {
10234
- default: defaultStyleCss$H
10244
+ default: defaultStyleCss$G
10235
10245
  }; }
10236
10246
  static get cmpMeta() { return {
10237
10247
  "$flags$": 41,
@@ -10479,7 +10489,7 @@ class KolAlertWc {
10479
10489
  }; }
10480
10490
  }
10481
10491
 
10482
- const defaultStyleCss$G = "@layer kol-global {\n\t\n\t.sc-kol-avatar-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-avatar-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-avatar-default-h {\n\t\tdisplay: block;\n\t}\n}\n\n@layer kol-component {\n\t.container {\n\t\tborder-radius: 50%;\n\t\toverflow: hidden;\n\t\t\n\t\twidth: 100px;\n\t\theight: 100px;\n\t}\n\n\t.image {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\n\t.initials {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\t\n\t\tbackground: #d3d3d3;\n\t\tfont-size: 2rem;\n\t}\n}";
10492
+ const defaultStyleCss$F = "@layer kol-global {\n\t\n\t.sc-kol-avatar-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-avatar-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-avatar-default-h {\n\t\tdisplay: block;\n\t}\n}\n\n@layer kol-component {\n\t.container {\n\t\tborder-radius: 50%;\n\t\toverflow: hidden;\n\t\t\n\t\twidth: 100px;\n\t\theight: 100px;\n\t}\n\n\t.image {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\n\t.initials {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\t\n\t\tbackground: #d3d3d3;\n\t\tfont-size: 2rem;\n\t}\n}";
10483
10493
 
10484
10494
  class KolAvatar {
10485
10495
  constructor(hostRef) {
@@ -10491,7 +10501,7 @@ class KolAvatar {
10491
10501
  return (hAsync(Host, null, hAsync("kol-avatar-wc", { _src: this._src, _label: this._label })));
10492
10502
  }
10493
10503
  static get style() { return {
10494
- default: defaultStyleCss$G
10504
+ default: defaultStyleCss$F
10495
10505
  }; }
10496
10506
  static get cmpMeta() { return {
10497
10507
  "$flags$": 41,
@@ -11089,7 +11099,7 @@ const handleColorChange = (value) => {
11089
11099
  };
11090
11100
  };
11091
11101
 
11092
- const defaultStyleCss$F = "@layer kol-global {\n\t\n\t.sc-kol-badge-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-badge-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-badge-default-h > span {\n\t\tdisplay: inline-flex;\n\t\tplace-items: center;\n\t}\n\n\t.sc-kol-badge-default-h > span > kol-button-wc button {\n\t\tcolor: inherit;\n\t}\n}";
11102
+ const defaultStyleCss$E = "@layer kol-global {\n\t\n\t.sc-kol-badge-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-badge-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-badge-default-h > span {\n\t\tdisplay: inline-flex;\n\t\tplace-items: center;\n\t}\n\n\t.sc-kol-badge-default-h > span > kol-button-wc button {\n\t\tcolor: inherit;\n\t}\n}";
11093
11103
 
11094
11104
  featureHint(`[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).`);
11095
11105
  class KolBadge {
@@ -11153,7 +11163,7 @@ class KolBadge {
11153
11163
  "_smartButton": ["validateSmartButton"]
11154
11164
  }; }
11155
11165
  static get style() { return {
11156
- default: defaultStyleCss$F
11166
+ default: defaultStyleCss$E
11157
11167
  }; }
11158
11168
  static get cmpMeta() { return {
11159
11169
  "$flags$": 41,
@@ -11189,7 +11199,7 @@ const watchNavLinks = (className, component, value) => {
11189
11199
  uiUxHintMillerscheZahl(className, component.state._links.length);
11190
11200
  };
11191
11201
 
11192
- const defaultStyleCss$E = "@layer kol-global {\n\t\n\t.sc-kol-breadcrumb-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-breadcrumb-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\tli,\n\tul {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tlist-style: none;\n\t\tdisplay: flex;\n\t\tgap: 0.5em;\n\t\tflex-wrap: wrap;\n\t\tplace-items: center;\n\t}\n\n\tkol-icon::part(separator) {\n\t\tfont-weight: 900;\n\t\tfont-size: 0.7em;\n\t}\n\n\tkol-icon::part(separator):before {\n\t\tcontent: '\\f054';\n\t\tfont-family: 'Font Awesome 6 Free';\n\t}\n}";
11202
+ const defaultStyleCss$D = "@layer kol-global {\n\t\n\t.sc-kol-breadcrumb-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-breadcrumb-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\tli,\n\tul {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tlist-style: none;\n\t\tdisplay: flex;\n\t\tgap: 0.5em;\n\t\tflex-wrap: wrap;\n\t\tplace-items: center;\n\t}\n\n\tkol-icon::part(separator) {\n\t\tfont-weight: 900;\n\t\tfont-size: 0.7em;\n\t}\n\n\tkol-icon::part(separator):before {\n\t\tcontent: '\\f054';\n\t\tfont-family: 'Font Awesome 6 Free';\n\t}\n}";
11193
11203
 
11194
11204
  class KolBreadcrumb {
11195
11205
  constructor(hostRef) {
@@ -11231,7 +11241,7 @@ class KolBreadcrumb {
11231
11241
  "_links": ["validateLinks"]
11232
11242
  }; }
11233
11243
  static get style() { return {
11234
- default: defaultStyleCss$E
11244
+ default: defaultStyleCss$D
11235
11245
  }; }
11236
11246
  static get cmpMeta() { return {
11237
11247
  "$flags$": 41,
@@ -11247,7 +11257,7 @@ class KolBreadcrumb {
11247
11257
  }; }
11248
11258
  }
11249
11259
 
11250
- const defaultStyleCss$D = "@layer kol-global {\n\t\n\t.sc-kol-button-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-button-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-button-default-h {\n\t\tdisplay: inline-block;\n\t}\n\t:is(a, button) {\n\t\tdisplay: inline-flex;\n\t\tplace-items: center;\n\t\ttext-align: center;\n\t\ttext-decoration-line: none;\n\t}\n\t\n\t:is(a, button) > kol-span-wc {\n\t\tmargin: auto;\n\t\twidth: 100%;\n\t}\n\t:is(button):disabled {\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n}";
11260
+ const defaultStyleCss$C = "@layer kol-global {\n\t\n\t.sc-kol-button-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-button-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-button-default-h {\n\t\tdisplay: inline-block;\n\t}\n\t:is(a, button) {\n\t\tdisplay: inline-flex;\n\t\tplace-items: center;\n\t\ttext-align: center;\n\t\ttext-decoration-line: none;\n\t}\n\t\n\t:is(a, button) > kol-span-wc {\n\t\tmargin: auto;\n\t\twidth: 100%;\n\t}\n\t:is(button):disabled {\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n}";
11251
11261
 
11252
11262
  class KolButton {
11253
11263
  constructor(hostRef) {
@@ -11284,7 +11294,7 @@ class KolButton {
11284
11294
  }
11285
11295
  get host() { return getElement(this); }
11286
11296
  static get style() { return {
11287
- default: defaultStyleCss$D
11297
+ default: defaultStyleCss$C
11288
11298
  }; }
11289
11299
  static get cmpMeta() { return {
11290
11300
  "$flags$": 41,
@@ -11315,7 +11325,7 @@ class KolButton {
11315
11325
  }; }
11316
11326
  }
11317
11327
 
11318
- const defaultStyleCss$C = "@layer kol-global {\n\t\n\t.sc-kol-button-group-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-button-group-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-button-group-default-h > kol-button-group-wc {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t}\n}";
11328
+ const defaultStyleCss$B = "@layer kol-global {\n\t\n\t.sc-kol-button-group-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-button-group-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-button-group-default-h > kol-button-group-wc {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t}\n}";
11319
11329
 
11320
11330
  class KolButtonGroup {
11321
11331
  constructor(hostRef) {
@@ -11325,7 +11335,7 @@ class KolButtonGroup {
11325
11335
  return (hAsync(Host, null, hAsync("kol-button-group-wc", null, hAsync("slot", null))));
11326
11336
  }
11327
11337
  static get style() { return {
11328
- default: defaultStyleCss$C
11338
+ default: defaultStyleCss$B
11329
11339
  }; }
11330
11340
  static get cmpMeta() { return {
11331
11341
  "$flags$": 41,
@@ -11357,7 +11367,7 @@ class KolButtonGroupWc {
11357
11367
  }; }
11358
11368
  }
11359
11369
 
11360
- const defaultStyleCss$B = "@layer kol-global {\n\t\n\t.sc-kol-button-link-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-button-link-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-button-link-default-h {\n\t\tdisplay: inline-block;\n\t}\n\n\t:is(a, button) {\n\t\talign-items: baseline;\n\t\tdisplay: inline-flex;\n\t\tplace-items: center;\n\t\ttext-align: left;\n\t\ttext-decoration-line: underline;\n\t}\n\n\t:is(a, button):is(:focus, :hover) {\n\t\ttext-decoration-thickness: 0.2em;\n\t}\n\n\t.hidden {\n\t\tdisplay: none;\n\t\tvisibility: hidden;\n\t}\n\n\t.skip {\n\t\tleft: -99999px;\n\t\toverflow: hidden;\n\t\tposition: absolute;\n\t\tz-index: 9999999;\n\t\tline-height: 1em;\n\t}\n\n\t.skip:focus {\n\t\tbackground-color: #fff;\n\t\tleft: unset;\n\t\tpadding: 1em;\n\t\tposition: unset;\n\t}\n\n\tkol-icon.external-link-icon {\n\t\tdisplay: inline-flex;\n\t}\n}";
11370
+ const defaultStyleCss$A = "@layer kol-global {\n\t\n\t.sc-kol-button-link-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-button-link-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-button-link-default-h {\n\t\tdisplay: inline-block;\n\t}\n\n\t:is(a, button) {\n\t\talign-items: baseline;\n\t\tdisplay: inline-flex;\n\t\tplace-items: center;\n\t\ttext-align: left;\n\t\ttext-decoration-line: underline;\n\t}\n\n\t:is(a, button):is(:focus, :hover) {\n\t\ttext-decoration-thickness: 0.2em;\n\t}\n\n\t.hidden {\n\t\tdisplay: none;\n\t\tvisibility: hidden;\n\t}\n\n\t.skip {\n\t\tleft: -99999px;\n\t\toverflow: hidden;\n\t\tposition: absolute;\n\t\tz-index: 9999999;\n\t\tline-height: 1em;\n\t}\n\n\t.skip:focus {\n\t\tbackground-color: #fff;\n\t\tleft: unset;\n\t\tpadding: 1em;\n\t\tposition: unset;\n\t}\n\n\tkol-icon.external-link-icon {\n\t\tdisplay: inline-flex;\n\t}\n}";
11361
11371
 
11362
11372
  class KolButtonLink {
11363
11373
  constructor(hostRef) {
@@ -11388,7 +11398,7 @@ class KolButtonLink {
11388
11398
  }
11389
11399
  get host() { return getElement(this); }
11390
11400
  static get style() { return {
11391
- default: defaultStyleCss$B
11401
+ default: defaultStyleCss$A
11392
11402
  }; }
11393
11403
  static get cmpMeta() { return {
11394
11404
  "$flags$": 41,
@@ -11606,22 +11616,24 @@ const searchFormElement = (el) => {
11606
11616
  console.log(el);
11607
11617
  }
11608
11618
  while (el instanceof HTMLElement && el.tagName !== 'FORM' && el.tagName !== 'KOL-FORM') {
11609
- if (el.parentElement instanceof HTMLElement) {
11610
- el = el.parentElement;
11611
- }
11612
- else if (el.parentNode instanceof ShadowRoot) {
11613
- el = el.parentNode.host;
11619
+ try {
11620
+ if (el.parentElement instanceof HTMLElement) {
11621
+ el = el.parentElement;
11622
+ }
11623
+ else if (el.parentNode instanceof ShadowRoot) {
11624
+ el = el.parentNode.host;
11625
+ }
11626
+ else {
11627
+ el = null;
11628
+ }
11614
11629
  }
11615
- else {
11616
- el = null;
11630
+ catch (error) {
11617
11631
  }
11618
11632
  if (getExperimentalMode()) {
11619
11633
  console.log(el);
11634
+ devHint(`↑ Search form element finished.`);
11620
11635
  }
11621
11636
  }
11622
- if (getExperimentalMode()) {
11623
- devHint(`↑ Search form element finished.`);
11624
- }
11625
11637
  return el;
11626
11638
  };
11627
11639
  const propagateResetEventToForm = (options = {}) => {
@@ -11657,6 +11669,7 @@ const propagateSubmitEventToForm = (options = {}) => {
11657
11669
  if (form.tagName === 'FORM') {
11658
11670
  setEventTarget(event, form);
11659
11671
  form.dispatchEvent(event);
11672
+ form.submit();
11660
11673
  }
11661
11674
  else if (form.tagName === 'KOL-FORM') {
11662
11675
  setEventTarget(event, KoliBriDevHelper.querySelector('form', form));
@@ -11815,11 +11828,12 @@ class KolButtonWc {
11815
11828
  render() {
11816
11829
  const hasExpertSlot = showExpertSlot(this.state._label);
11817
11830
  return (hAsync(Host, null, hAsync("button", Object.assign({ ref: this.catchRef, "aria-controls": this.state._ariaControls, "aria-expanded": mapBoolean2String(this.state._ariaExpanded), "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, "aria-selected": mapStringOrBoolean2String(this.state._ariaSelected), class: {
11831
+ button: true,
11818
11832
  [this.state._variant]: this.state._variant !== 'custom',
11819
11833
  [this.state._customClass]: this.state._variant === 'custom' && typeof this.state._customClass === 'string' && this.state._customClass.length > 0,
11820
11834
  'icon-only': this.state._hideLabel === true,
11821
11835
  'hide-label': this.state._hideLabel === true,
11822
- }, disabled: this.state._disabled, id: this.state._id, name: this.state._name }, this.state._on, { onClick: this.onClick, role: this.state._role, tabIndex: this.state._tabIndex, type: this.state._type }), hAsync("kol-span-wc", { _icons: this.state._icons, _hideLabel: this.state._hideLabel, _label: hasExpertSlot ? '' : this.state._label }, hAsync("slot", { name: "expert", slot: "expert" }))), hAsync("kol-tooltip-wc", { "aria-hidden": "true", hidden: hasExpertSlot || !this.state._hideLabel, _align: this.state._tooltipAlign, _label: typeof this.state._label === 'string' ? this.state._label : '' })));
11836
+ }, disabled: this.state._disabled, id: this.state._id, name: this.state._name }, this.state._on, { onClick: this.onClick, role: this.state._role, tabIndex: this.state._tabIndex, type: this.state._type }), hAsync("kol-span-wc", { class: "button-inner", _icons: this.state._icons, _hideLabel: this.state._hideLabel, _label: hasExpertSlot ? '' : this.state._label }, hAsync("slot", { name: "expert", slot: "expert" }))), hAsync("kol-tooltip-wc", { "aria-hidden": "true", hidden: hasExpertSlot || !this.state._hideLabel, _align: this.state._tooltipAlign, _label: typeof this.state._label === 'string' ? this.state._label : '' })));
11823
11837
  }
11824
11838
  constructor(hostRef) {
11825
11839
  registerInstance(this, hostRef);
@@ -12007,7 +12021,7 @@ class KolButtonWc {
12007
12021
  }; }
12008
12022
  }
12009
12023
 
12010
- const defaultStyleCss$A = "@layer kol-global {\n\t\n\t.sc-kol-card-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-card-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-card-default-h > div.card {\n\t\theight: 100%;\n\t\tposition: relative;\n\t}\n\n\t.close {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tright: 0;\n\t}\n}";
12024
+ const defaultStyleCss$z = "@layer kol-global {\n\t\n\t.sc-kol-card-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-card-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-card-default-h > div.card {\n\t\theight: 100%;\n\t\tposition: relative;\n\t}\n\n\t.close {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tright: 0;\n\t}\n}";
12011
12025
 
12012
12026
  class KolCard {
12013
12027
  constructor(hostRef) {
@@ -12066,7 +12080,7 @@ class KolCard {
12066
12080
  "_level": ["validateLevel"]
12067
12081
  }; }
12068
12082
  static get style() { return {
12069
- default: defaultStyleCss$A
12083
+ default: defaultStyleCss$z
12070
12084
  }; }
12071
12085
  static get cmpMeta() { return {
12072
12086
  "$flags$": 41,
@@ -12150,7 +12164,7 @@ class DetailsAnimationController {
12150
12164
  }
12151
12165
  }
12152
12166
 
12153
- const defaultStyleCss$z = "@layer kol-global {\n\t\n\t.sc-kol-details-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-details-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-details-default-h {\n\t\tdisplay: block;\n\t}\n}\n\n@layer kol-component {\n\tdetails {\n\t\tdisplay: grid;\n\t}\n\n\tdetails > summary {\n\t\tcursor: pointer;\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\tdetails > summary > span {\n\t\tborder-bottom-color: grey;\n\t\tborder-bottom-style: solid;\n\t}\n\n\tdetails > summary:focus > span,\n\tdetails > summary:hover > span,\n\tdetails[open] > summary > span {\n\t\tborder-bottom-color: #000;\n\t}\n\n\tdetails > kol-indented-text {\n\t\tmargin: 0.25em 0 0 0.5em;\n\t}\n}\n/*!@.icon.is-open::part(icon)*/.icon.is-open.sc-kol-details-default::part(icon) {\n\ttransform: rotate(90deg);\n}";
12167
+ const defaultStyleCss$y = "@layer kol-global {\n\t\n\t.sc-kol-details-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-details-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-details-default-h {\n\t\tdisplay: block;\n\t}\n}\n\n@layer kol-component {\n\tdetails {\n\t\tdisplay: grid;\n\t}\n\n\tdetails > summary {\n\t\tcursor: pointer;\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\tdetails > summary > span {\n\t\tborder-bottom-color: grey;\n\t\tborder-bottom-style: solid;\n\t}\n\n\tdetails > summary:focus > span,\n\tdetails > summary:hover > span,\n\tdetails[open] > summary > span {\n\t\tborder-bottom-color: #000;\n\t}\n\n\tdetails > kol-indented-text {\n\t\tmargin: 0.25em 0 0 0.5em;\n\t}\n}\n/*!@.icon.is-open::part(icon)*/.icon.is-open.sc-kol-details-default::part(icon) {\n\ttransform: rotate(90deg);\n}";
12154
12168
 
12155
12169
  class KolDetails {
12156
12170
  constructor(hostRef) {
@@ -12213,7 +12227,7 @@ class KolDetails {
12213
12227
  "_open": ["validateOpen"]
12214
12228
  }; }
12215
12229
  static get style() { return {
12216
- default: defaultStyleCss$z
12230
+ default: defaultStyleCss$y
12217
12231
  }; }
12218
12232
  static get cmpMeta() { return {
12219
12233
  "$flags$": 41,
@@ -12291,7 +12305,7 @@ class KolForm {
12291
12305
  }; }
12292
12306
  }
12293
12307
 
12294
- const defaultStyleCss$y = "@layer kol-global {\n\t\n\t.sc-kol-heading-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-heading-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-heading-default-h > kol-heading-wc {\n\t\tdisplay: grid;\n\t}\n\n\t.sc-kol-heading-default-h > kol-heading-wc > .overline {\n\t\torder: 1;\n\t}\n\n\t.sc-kol-heading-default-h > kol-heading-wc > .headline {\n\t\torder: 2;\n\t}\n}";
12308
+ const defaultStyleCss$x = "@layer kol-global {\n\t\n\t.sc-kol-heading-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-heading-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-heading-default-h > kol-heading-wc {\n\t\tdisplay: grid;\n\t}\n\n\t.sc-kol-heading-default-h > kol-heading-wc > .overline {\n\t\torder: 1;\n\t}\n\n\t.sc-kol-heading-default-h > kol-heading-wc > .headline {\n\t\torder: 2;\n\t}\n}";
12295
12309
 
12296
12310
  class KolHeading {
12297
12311
  constructor(hostRef) {
@@ -12304,7 +12318,7 @@ class KolHeading {
12304
12318
  return (hAsync("kol-heading-wc", { _label: this._label, _level: this._level, _secondaryHeadline: this._secondaryHeadline }, hAsync("slot", null)));
12305
12319
  }
12306
12320
  static get style() { return {
12307
- default: defaultStyleCss$y
12321
+ default: defaultStyleCss$x
12308
12322
  }; }
12309
12323
  static get cmpMeta() { return {
12310
12324
  "$flags$": 41,
@@ -12404,7 +12418,7 @@ class KolHeadingWc {
12404
12418
  }; }
12405
12419
  }
12406
12420
 
12407
- const defaultStyleCss$x = "@font-face {\n\tfont-family: \"codicon\";\n\tfont-display: block;\n\tsrc: url(\"./codicon.ttf?0e5b0adf625a37fbcd638d31f0fe72aa\") format(\"truetype\");\n}\n\n/*!@.codicon[class*='codicon-']*/.codicon[class*='codicon-'].sc-kol-icon-default {\n\tfont: normal normal normal 16px/1 codicon;\n\tdisplay: inline-block;\n\ttext-decoration: none;\n\ttext-rendering: auto;\n\ttext-align: center;\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n\tuser-select: none;\n\t-webkit-user-select: none;\n\t-ms-user-select: none;\n}\n\n\n\n@keyframes codicon-spin {\n\t100% {\n\t\ttransform:rotate(360deg);\n\t}\n}\n\n/*!@.codicon-sync.codicon-modifier-spin,\n.codicon-loading.codicon-modifier-spin,\n.codicon-gear.codicon-modifier-spin*/.codicon-sync.codicon-modifier-spin.sc-kol-icon-default, .codicon-loading.codicon-modifier-spin.sc-kol-icon-default, .codicon-gear.codicon-modifier-spin.sc-kol-icon-default {\n\t\n\tanimation: codicon-spin 1.5s steps(30) infinite;\n}\n\n/*!@.codicon-modifier-disabled*/.codicon-modifier-disabled.sc-kol-icon-default {\n\topacity: 0.5;\n}\n\n/*!@.codicon-modifier-hidden*/.codicon-modifier-hidden.sc-kol-icon-default {\n\topacity: 0;\n}\n\n\n/*!@.codicon-loading*/.codicon-loading.sc-kol-icon-default {\n\tanimation-duration: 1s !important;\n\tanimation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67) !important;\n}\n\n\n\n/*!@.codicon-add:before*/.codicon-add.sc-kol-icon-default:before { content: \"\\ea60\" }\n/*!@.codicon-plus:before*/.codicon-plus.sc-kol-icon-default:before { content: \"\\ea60\" }\n/*!@.codicon-gist-new:before*/.codicon-gist-new.sc-kol-icon-default:before { content: \"\\ea60\" }\n/*!@.codicon-repo-create:before*/.codicon-repo-create.sc-kol-icon-default:before { content: \"\\ea60\" }\n/*!@.codicon-lightbulb:before*/.codicon-lightbulb.sc-kol-icon-default:before { content: \"\\ea61\" }\n/*!@.codicon-light-bulb:before*/.codicon-light-bulb.sc-kol-icon-default:before { content: \"\\ea61\" }\n/*!@.codicon-repo:before*/.codicon-repo.sc-kol-icon-default:before { content: \"\\ea62\" }\n/*!@.codicon-repo-delete:before*/.codicon-repo-delete.sc-kol-icon-default:before { content: \"\\ea62\" }\n/*!@.codicon-gist-fork:before*/.codicon-gist-fork.sc-kol-icon-default:before { content: \"\\ea63\" }\n/*!@.codicon-repo-forked:before*/.codicon-repo-forked.sc-kol-icon-default:before { content: \"\\ea63\" }\n/*!@.codicon-git-pull-request:before*/.codicon-git-pull-request.sc-kol-icon-default:before { content: \"\\ea64\" }\n/*!@.codicon-git-pull-request-abandoned:before*/.codicon-git-pull-request-abandoned.sc-kol-icon-default:before { content: \"\\ea64\" }\n/*!@.codicon-record-keys:before*/.codicon-record-keys.sc-kol-icon-default:before { content: \"\\ea65\" }\n/*!@.codicon-keyboard:before*/.codicon-keyboard.sc-kol-icon-default:before { content: \"\\ea65\" }\n/*!@.codicon-tag:before*/.codicon-tag.sc-kol-icon-default:before { content: \"\\ea66\" }\n/*!@.codicon-tag-add:before*/.codicon-tag-add.sc-kol-icon-default:before { content: \"\\ea66\" }\n/*!@.codicon-tag-remove:before*/.codicon-tag-remove.sc-kol-icon-default:before { content: \"\\ea66\" }\n/*!@.codicon-person:before*/.codicon-person.sc-kol-icon-default:before { content: \"\\ea67\" }\n/*!@.codicon-person-follow:before*/.codicon-person-follow.sc-kol-icon-default:before { content: \"\\ea67\" }\n/*!@.codicon-person-outline:before*/.codicon-person-outline.sc-kol-icon-default:before { content: \"\\ea67\" }\n/*!@.codicon-person-filled:before*/.codicon-person-filled.sc-kol-icon-default:before { content: \"\\ea67\" }\n/*!@.codicon-git-branch:before*/.codicon-git-branch.sc-kol-icon-default:before { content: \"\\ea68\" }\n/*!@.codicon-git-branch-create:before*/.codicon-git-branch-create.sc-kol-icon-default:before { content: \"\\ea68\" }\n/*!@.codicon-git-branch-delete:before*/.codicon-git-branch-delete.sc-kol-icon-default:before { content: \"\\ea68\" }\n/*!@.codicon-source-control:before*/.codicon-source-control.sc-kol-icon-default:before { content: \"\\ea68\" }\n/*!@.codicon-mirror:before*/.codicon-mirror.sc-kol-icon-default:before { content: \"\\ea69\" }\n/*!@.codicon-mirror-public:before*/.codicon-mirror-public.sc-kol-icon-default:before { content: \"\\ea69\" }\n/*!@.codicon-star:before*/.codicon-star.sc-kol-icon-default:before { content: \"\\ea6a\" }\n/*!@.codicon-star-add:before*/.codicon-star-add.sc-kol-icon-default:before { content: \"\\ea6a\" }\n/*!@.codicon-star-delete:before*/.codicon-star-delete.sc-kol-icon-default:before { content: \"\\ea6a\" }\n/*!@.codicon-star-empty:before*/.codicon-star-empty.sc-kol-icon-default:before { content: \"\\ea6a\" }\n/*!@.codicon-comment:before*/.codicon-comment.sc-kol-icon-default:before { content: \"\\ea6b\" }\n/*!@.codicon-comment-add:before*/.codicon-comment-add.sc-kol-icon-default:before { content: \"\\ea6b\" }\n/*!@.codicon-alert:before*/.codicon-alert.sc-kol-icon-default:before { content: \"\\ea6c\" }\n/*!@.codicon-warning:before*/.codicon-warning.sc-kol-icon-default:before { content: \"\\ea6c\" }\n/*!@.codicon-search:before*/.codicon-search.sc-kol-icon-default:before { content: \"\\ea6d\" }\n/*!@.codicon-search-save:before*/.codicon-search-save.sc-kol-icon-default:before { content: \"\\ea6d\" }\n/*!@.codicon-log-out:before*/.codicon-log-out.sc-kol-icon-default:before { content: \"\\ea6e\" }\n/*!@.codicon-sign-out:before*/.codicon-sign-out.sc-kol-icon-default:before { content: \"\\ea6e\" }\n/*!@.codicon-log-in:before*/.codicon-log-in.sc-kol-icon-default:before { content: \"\\ea6f\" }\n/*!@.codicon-sign-in:before*/.codicon-sign-in.sc-kol-icon-default:before { content: \"\\ea6f\" }\n/*!@.codicon-eye:before*/.codicon-eye.sc-kol-icon-default:before { content: \"\\ea70\" }\n/*!@.codicon-eye-unwatch:before*/.codicon-eye-unwatch.sc-kol-icon-default:before { content: \"\\ea70\" }\n/*!@.codicon-eye-watch:before*/.codicon-eye-watch.sc-kol-icon-default:before { content: \"\\ea70\" }\n/*!@.codicon-circle-filled:before*/.codicon-circle-filled.sc-kol-icon-default:before { content: \"\\ea71\" }\n/*!@.codicon-primitive-dot:before*/.codicon-primitive-dot.sc-kol-icon-default:before { content: \"\\ea71\" }\n/*!@.codicon-close-dirty:before*/.codicon-close-dirty.sc-kol-icon-default:before { content: \"\\ea71\" }\n/*!@.codicon-debug-breakpoint:before*/.codicon-debug-breakpoint.sc-kol-icon-default:before { content: \"\\ea71\" }\n/*!@.codicon-debug-breakpoint-disabled:before*/.codicon-debug-breakpoint-disabled.sc-kol-icon-default:before { content: \"\\ea71\" }\n/*!@.codicon-debug-hint:before*/.codicon-debug-hint.sc-kol-icon-default:before { content: \"\\ea71\" }\n/*!@.codicon-primitive-square:before*/.codicon-primitive-square.sc-kol-icon-default:before { content: \"\\ea72\" }\n/*!@.codicon-edit:before*/.codicon-edit.sc-kol-icon-default:before { content: \"\\ea73\" }\n/*!@.codicon-pencil:before*/.codicon-pencil.sc-kol-icon-default:before { content: \"\\ea73\" }\n/*!@.codicon-info:before*/.codicon-info.sc-kol-icon-default:before { content: \"\\ea74\" }\n/*!@.codicon-issue-opened:before*/.codicon-issue-opened.sc-kol-icon-default:before { content: \"\\ea74\" }\n/*!@.codicon-gist-private:before*/.codicon-gist-private.sc-kol-icon-default:before { content: \"\\ea75\" }\n/*!@.codicon-git-fork-private:before*/.codicon-git-fork-private.sc-kol-icon-default:before { content: \"\\ea75\" }\n/*!@.codicon-lock:before*/.codicon-lock.sc-kol-icon-default:before { content: \"\\ea75\" }\n/*!@.codicon-mirror-private:before*/.codicon-mirror-private.sc-kol-icon-default:before { content: \"\\ea75\" }\n/*!@.codicon-close:before*/.codicon-close.sc-kol-icon-default:before { content: \"\\ea76\" }\n/*!@.codicon-remove-close:before*/.codicon-remove-close.sc-kol-icon-default:before { content: \"\\ea76\" }\n/*!@.codicon-x:before*/.codicon-x.sc-kol-icon-default:before { content: \"\\ea76\" }\n/*!@.codicon-repo-sync:before*/.codicon-repo-sync.sc-kol-icon-default:before { content: \"\\ea77\" }\n/*!@.codicon-sync:before*/.codicon-sync.sc-kol-icon-default:before { content: \"\\ea77\" }\n/*!@.codicon-clone:before*/.codicon-clone.sc-kol-icon-default:before { content: \"\\ea78\" }\n/*!@.codicon-desktop-download:before*/.codicon-desktop-download.sc-kol-icon-default:before { content: \"\\ea78\" }\n/*!@.codicon-beaker:before*/.codicon-beaker.sc-kol-icon-default:before { content: \"\\ea79\" }\n/*!@.codicon-microscope:before*/.codicon-microscope.sc-kol-icon-default:before { content: \"\\ea79\" }\n/*!@.codicon-vm:before*/.codicon-vm.sc-kol-icon-default:before { content: \"\\ea7a\" }\n/*!@.codicon-device-desktop:before*/.codicon-device-desktop.sc-kol-icon-default:before { content: \"\\ea7a\" }\n/*!@.codicon-file:before*/.codicon-file.sc-kol-icon-default:before { content: \"\\ea7b\" }\n/*!@.codicon-file-text:before*/.codicon-file-text.sc-kol-icon-default:before { content: \"\\ea7b\" }\n/*!@.codicon-more:before*/.codicon-more.sc-kol-icon-default:before { content: \"\\ea7c\" }\n/*!@.codicon-ellipsis:before*/.codicon-ellipsis.sc-kol-icon-default:before { content: \"\\ea7c\" }\n/*!@.codicon-kebab-horizontal:before*/.codicon-kebab-horizontal.sc-kol-icon-default:before { content: \"\\ea7c\" }\n/*!@.codicon-mail-reply:before*/.codicon-mail-reply.sc-kol-icon-default:before { content: \"\\ea7d\" }\n/*!@.codicon-reply:before*/.codicon-reply.sc-kol-icon-default:before { content: \"\\ea7d\" }\n/*!@.codicon-organization:before*/.codicon-organization.sc-kol-icon-default:before { content: \"\\ea7e\" }\n/*!@.codicon-organization-filled:before*/.codicon-organization-filled.sc-kol-icon-default:before { content: \"\\ea7e\" }\n/*!@.codicon-organization-outline:before*/.codicon-organization-outline.sc-kol-icon-default:before { content: \"\\ea7e\" }\n/*!@.codicon-new-file:before*/.codicon-new-file.sc-kol-icon-default:before { content: \"\\ea7f\" }\n/*!@.codicon-file-add:before*/.codicon-file-add.sc-kol-icon-default:before { content: \"\\ea7f\" }\n/*!@.codicon-new-folder:before*/.codicon-new-folder.sc-kol-icon-default:before { content: \"\\ea80\" }\n/*!@.codicon-file-directory-create:before*/.codicon-file-directory-create.sc-kol-icon-default:before { content: \"\\ea80\" }\n/*!@.codicon-trash:before*/.codicon-trash.sc-kol-icon-default:before { content: \"\\ea81\" }\n/*!@.codicon-trashcan:before*/.codicon-trashcan.sc-kol-icon-default:before { content: \"\\ea81\" }\n/*!@.codicon-history:before*/.codicon-history.sc-kol-icon-default:before { content: \"\\ea82\" }\n/*!@.codicon-clock:before*/.codicon-clock.sc-kol-icon-default:before { content: \"\\ea82\" }\n/*!@.codicon-folder:before*/.codicon-folder.sc-kol-icon-default:before { content: \"\\ea83\" }\n/*!@.codicon-file-directory:before*/.codicon-file-directory.sc-kol-icon-default:before { content: \"\\ea83\" }\n/*!@.codicon-symbol-folder:before*/.codicon-symbol-folder.sc-kol-icon-default:before { content: \"\\ea83\" }\n/*!@.codicon-logo-github:before*/.codicon-logo-github.sc-kol-icon-default:before { content: \"\\ea84\" }\n/*!@.codicon-mark-github:before*/.codicon-mark-github.sc-kol-icon-default:before { content: \"\\ea84\" }\n/*!@.codicon-github:before*/.codicon-github.sc-kol-icon-default:before { content: \"\\ea84\" }\n/*!@.codicon-terminal:before*/.codicon-terminal.sc-kol-icon-default:before { content: \"\\ea85\" }\n/*!@.codicon-console:before*/.codicon-console.sc-kol-icon-default:before { content: \"\\ea85\" }\n/*!@.codicon-repl:before*/.codicon-repl.sc-kol-icon-default:before { content: \"\\ea85\" }\n/*!@.codicon-zap:before*/.codicon-zap.sc-kol-icon-default:before { content: \"\\ea86\" }\n/*!@.codicon-symbol-event:before*/.codicon-symbol-event.sc-kol-icon-default:before { content: \"\\ea86\" }\n/*!@.codicon-error:before*/.codicon-error.sc-kol-icon-default:before { content: \"\\ea87\" }\n/*!@.codicon-stop:before*/.codicon-stop.sc-kol-icon-default:before { content: \"\\ea87\" }\n/*!@.codicon-variable:before*/.codicon-variable.sc-kol-icon-default:before { content: \"\\ea88\" }\n/*!@.codicon-symbol-variable:before*/.codicon-symbol-variable.sc-kol-icon-default:before { content: \"\\ea88\" }\n/*!@.codicon-array:before*/.codicon-array.sc-kol-icon-default:before { content: \"\\ea8a\" }\n/*!@.codicon-symbol-array:before*/.codicon-symbol-array.sc-kol-icon-default:before { content: \"\\ea8a\" }\n/*!@.codicon-symbol-module:before*/.codicon-symbol-module.sc-kol-icon-default:before { content: \"\\ea8b\" }\n/*!@.codicon-symbol-package:before*/.codicon-symbol-package.sc-kol-icon-default:before { content: \"\\ea8b\" }\n/*!@.codicon-symbol-namespace:before*/.codicon-symbol-namespace.sc-kol-icon-default:before { content: \"\\ea8b\" }\n/*!@.codicon-symbol-object:before*/.codicon-symbol-object.sc-kol-icon-default:before { content: \"\\ea8b\" }\n/*!@.codicon-symbol-method:before*/.codicon-symbol-method.sc-kol-icon-default:before { content: \"\\ea8c\" }\n/*!@.codicon-symbol-function:before*/.codicon-symbol-function.sc-kol-icon-default:before { content: \"\\ea8c\" }\n/*!@.codicon-symbol-constructor:before*/.codicon-symbol-constructor.sc-kol-icon-default:before { content: \"\\ea8c\" }\n/*!@.codicon-symbol-boolean:before*/.codicon-symbol-boolean.sc-kol-icon-default:before { content: \"\\ea8f\" }\n/*!@.codicon-symbol-null:before*/.codicon-symbol-null.sc-kol-icon-default:before { content: \"\\ea8f\" }\n/*!@.codicon-symbol-numeric:before*/.codicon-symbol-numeric.sc-kol-icon-default:before { content: \"\\ea90\" }\n/*!@.codicon-symbol-number:before*/.codicon-symbol-number.sc-kol-icon-default:before { content: \"\\ea90\" }\n/*!@.codicon-symbol-structure:before*/.codicon-symbol-structure.sc-kol-icon-default:before { content: \"\\ea91\" }\n/*!@.codicon-symbol-struct:before*/.codicon-symbol-struct.sc-kol-icon-default:before { content: \"\\ea91\" }\n/*!@.codicon-symbol-parameter:before*/.codicon-symbol-parameter.sc-kol-icon-default:before { content: \"\\ea92\" }\n/*!@.codicon-symbol-type-parameter:before*/.codicon-symbol-type-parameter.sc-kol-icon-default:before { content: \"\\ea92\" }\n/*!@.codicon-symbol-key:before*/.codicon-symbol-key.sc-kol-icon-default:before { content: \"\\ea93\" }\n/*!@.codicon-symbol-text:before*/.codicon-symbol-text.sc-kol-icon-default:before { content: \"\\ea93\" }\n/*!@.codicon-symbol-reference:before*/.codicon-symbol-reference.sc-kol-icon-default:before { content: \"\\ea94\" }\n/*!@.codicon-go-to-file:before*/.codicon-go-to-file.sc-kol-icon-default:before { content: \"\\ea94\" }\n/*!@.codicon-symbol-enum:before*/.codicon-symbol-enum.sc-kol-icon-default:before { content: \"\\ea95\" }\n/*!@.codicon-symbol-value:before*/.codicon-symbol-value.sc-kol-icon-default:before { content: \"\\ea95\" }\n/*!@.codicon-symbol-ruler:before*/.codicon-symbol-ruler.sc-kol-icon-default:before { content: \"\\ea96\" }\n/*!@.codicon-symbol-unit:before*/.codicon-symbol-unit.sc-kol-icon-default:before { content: \"\\ea96\" }\n/*!@.codicon-activate-breakpoints:before*/.codicon-activate-breakpoints.sc-kol-icon-default:before { content: \"\\ea97\" }\n/*!@.codicon-archive:before*/.codicon-archive.sc-kol-icon-default:before { content: \"\\ea98\" }\n/*!@.codicon-arrow-both:before*/.codicon-arrow-both.sc-kol-icon-default:before { content: \"\\ea99\" }\n/*!@.codicon-arrow-down:before*/.codicon-arrow-down.sc-kol-icon-default:before { content: \"\\ea9a\" }\n/*!@.codicon-arrow-left:before*/.codicon-arrow-left.sc-kol-icon-default:before { content: \"\\ea9b\" }\n/*!@.codicon-arrow-right:before*/.codicon-arrow-right.sc-kol-icon-default:before { content: \"\\ea9c\" }\n/*!@.codicon-arrow-small-down:before*/.codicon-arrow-small-down.sc-kol-icon-default:before { content: \"\\ea9d\" }\n/*!@.codicon-arrow-small-left:before*/.codicon-arrow-small-left.sc-kol-icon-default:before { content: \"\\ea9e\" }\n/*!@.codicon-arrow-small-right:before*/.codicon-arrow-small-right.sc-kol-icon-default:before { content: \"\\ea9f\" }\n/*!@.codicon-arrow-small-up:before*/.codicon-arrow-small-up.sc-kol-icon-default:before { content: \"\\eaa0\" }\n/*!@.codicon-arrow-up:before*/.codicon-arrow-up.sc-kol-icon-default:before { content: \"\\eaa1\" }\n/*!@.codicon-bell:before*/.codicon-bell.sc-kol-icon-default:before { content: \"\\eaa2\" }\n/*!@.codicon-bold:before*/.codicon-bold.sc-kol-icon-default:before { content: \"\\eaa3\" }\n/*!@.codicon-book:before*/.codicon-book.sc-kol-icon-default:before { content: \"\\eaa4\" }\n/*!@.codicon-bookmark:before*/.codicon-bookmark.sc-kol-icon-default:before { content: \"\\eaa5\" }\n/*!@.codicon-debug-breakpoint-conditional-unverified:before*/.codicon-debug-breakpoint-conditional-unverified.sc-kol-icon-default:before { content: \"\\eaa6\" }\n/*!@.codicon-debug-breakpoint-conditional:before*/.codicon-debug-breakpoint-conditional.sc-kol-icon-default:before { content: \"\\eaa7\" }\n/*!@.codicon-debug-breakpoint-conditional-disabled:before*/.codicon-debug-breakpoint-conditional-disabled.sc-kol-icon-default:before { content: \"\\eaa7\" }\n/*!@.codicon-debug-breakpoint-data-unverified:before*/.codicon-debug-breakpoint-data-unverified.sc-kol-icon-default:before { content: \"\\eaa8\" }\n/*!@.codicon-debug-breakpoint-data:before*/.codicon-debug-breakpoint-data.sc-kol-icon-default:before { content: \"\\eaa9\" }\n/*!@.codicon-debug-breakpoint-data-disabled:before*/.codicon-debug-breakpoint-data-disabled.sc-kol-icon-default:before { content: \"\\eaa9\" }\n/*!@.codicon-debug-breakpoint-log-unverified:before*/.codicon-debug-breakpoint-log-unverified.sc-kol-icon-default:before { content: \"\\eaaa\" }\n/*!@.codicon-debug-breakpoint-log:before*/.codicon-debug-breakpoint-log.sc-kol-icon-default:before { content: \"\\eaab\" }\n/*!@.codicon-debug-breakpoint-log-disabled:before*/.codicon-debug-breakpoint-log-disabled.sc-kol-icon-default:before { content: \"\\eaab\" }\n/*!@.codicon-briefcase:before*/.codicon-briefcase.sc-kol-icon-default:before { content: \"\\eaac\" }\n/*!@.codicon-broadcast:before*/.codicon-broadcast.sc-kol-icon-default:before { content: \"\\eaad\" }\n/*!@.codicon-browser:before*/.codicon-browser.sc-kol-icon-default:before { content: \"\\eaae\" }\n/*!@.codicon-bug:before*/.codicon-bug.sc-kol-icon-default:before { content: \"\\eaaf\" }\n/*!@.codicon-calendar:before*/.codicon-calendar.sc-kol-icon-default:before { content: \"\\eab0\" }\n/*!@.codicon-case-sensitive:before*/.codicon-case-sensitive.sc-kol-icon-default:before { content: \"\\eab1\" }\n/*!@.codicon-check:before*/.codicon-check.sc-kol-icon-default:before { content: \"\\eab2\" }\n/*!@.codicon-checklist:before*/.codicon-checklist.sc-kol-icon-default:before { content: \"\\eab3\" }\n/*!@.codicon-chevron-down:before*/.codicon-chevron-down.sc-kol-icon-default:before { content: \"\\eab4\" }\n/*!@.codicon-chevron-left:before*/.codicon-chevron-left.sc-kol-icon-default:before { content: \"\\eab5\" }\n/*!@.codicon-chevron-right:before*/.codicon-chevron-right.sc-kol-icon-default:before { content: \"\\eab6\" }\n/*!@.codicon-chevron-up:before*/.codicon-chevron-up.sc-kol-icon-default:before { content: \"\\eab7\" }\n/*!@.codicon-chrome-close:before*/.codicon-chrome-close.sc-kol-icon-default:before { content: \"\\eab8\" }\n/*!@.codicon-chrome-maximize:before*/.codicon-chrome-maximize.sc-kol-icon-default:before { content: \"\\eab9\" }\n/*!@.codicon-chrome-minimize:before*/.codicon-chrome-minimize.sc-kol-icon-default:before { content: \"\\eaba\" }\n/*!@.codicon-chrome-restore:before*/.codicon-chrome-restore.sc-kol-icon-default:before { content: \"\\eabb\" }\n/*!@.codicon-circle-outline:before*/.codicon-circle-outline.sc-kol-icon-default:before { content: \"\\eabc\" }\n/*!@.codicon-debug-breakpoint-unverified:before*/.codicon-debug-breakpoint-unverified.sc-kol-icon-default:before { content: \"\\eabc\" }\n/*!@.codicon-circle-slash:before*/.codicon-circle-slash.sc-kol-icon-default:before { content: \"\\eabd\" }\n/*!@.codicon-circuit-board:before*/.codicon-circuit-board.sc-kol-icon-default:before { content: \"\\eabe\" }\n/*!@.codicon-clear-all:before*/.codicon-clear-all.sc-kol-icon-default:before { content: \"\\eabf\" }\n/*!@.codicon-clippy:before*/.codicon-clippy.sc-kol-icon-default:before { content: \"\\eac0\" }\n/*!@.codicon-close-all:before*/.codicon-close-all.sc-kol-icon-default:before { content: \"\\eac1\" }\n/*!@.codicon-cloud-download:before*/.codicon-cloud-download.sc-kol-icon-default:before { content: \"\\eac2\" }\n/*!@.codicon-cloud-upload:before*/.codicon-cloud-upload.sc-kol-icon-default:before { content: \"\\eac3\" }\n/*!@.codicon-code:before*/.codicon-code.sc-kol-icon-default:before { content: \"\\eac4\" }\n/*!@.codicon-collapse-all:before*/.codicon-collapse-all.sc-kol-icon-default:before { content: \"\\eac5\" }\n/*!@.codicon-color-mode:before*/.codicon-color-mode.sc-kol-icon-default:before { content: \"\\eac6\" }\n/*!@.codicon-comment-discussion:before*/.codicon-comment-discussion.sc-kol-icon-default:before { content: \"\\eac7\" }\n/*!@.codicon-credit-card:before*/.codicon-credit-card.sc-kol-icon-default:before { content: \"\\eac9\" }\n/*!@.codicon-dash:before*/.codicon-dash.sc-kol-icon-default:before { content: \"\\eacc\" }\n/*!@.codicon-dashboard:before*/.codicon-dashboard.sc-kol-icon-default:before { content: \"\\eacd\" }\n/*!@.codicon-database:before*/.codicon-database.sc-kol-icon-default:before { content: \"\\eace\" }\n/*!@.codicon-debug-continue:before*/.codicon-debug-continue.sc-kol-icon-default:before { content: \"\\eacf\" }\n/*!@.codicon-debug-disconnect:before*/.codicon-debug-disconnect.sc-kol-icon-default:before { content: \"\\ead0\" }\n/*!@.codicon-debug-pause:before*/.codicon-debug-pause.sc-kol-icon-default:before { content: \"\\ead1\" }\n/*!@.codicon-debug-restart:before*/.codicon-debug-restart.sc-kol-icon-default:before { content: \"\\ead2\" }\n/*!@.codicon-debug-start:before*/.codicon-debug-start.sc-kol-icon-default:before { content: \"\\ead3\" }\n/*!@.codicon-debug-step-into:before*/.codicon-debug-step-into.sc-kol-icon-default:before { content: \"\\ead4\" }\n/*!@.codicon-debug-step-out:before*/.codicon-debug-step-out.sc-kol-icon-default:before { content: \"\\ead5\" }\n/*!@.codicon-debug-step-over:before*/.codicon-debug-step-over.sc-kol-icon-default:before { content: \"\\ead6\" }\n/*!@.codicon-debug-stop:before*/.codicon-debug-stop.sc-kol-icon-default:before { content: \"\\ead7\" }\n/*!@.codicon-debug:before*/.codicon-debug.sc-kol-icon-default:before { content: \"\\ead8\" }\n/*!@.codicon-device-camera-video:before*/.codicon-device-camera-video.sc-kol-icon-default:before { content: \"\\ead9\" }\n/*!@.codicon-device-camera:before*/.codicon-device-camera.sc-kol-icon-default:before { content: \"\\eada\" }\n/*!@.codicon-device-mobile:before*/.codicon-device-mobile.sc-kol-icon-default:before { content: \"\\eadb\" }\n/*!@.codicon-diff-added:before*/.codicon-diff-added.sc-kol-icon-default:before { content: \"\\eadc\" }\n/*!@.codicon-diff-ignored:before*/.codicon-diff-ignored.sc-kol-icon-default:before { content: \"\\eadd\" }\n/*!@.codicon-diff-modified:before*/.codicon-diff-modified.sc-kol-icon-default:before { content: \"\\eade\" }\n/*!@.codicon-diff-removed:before*/.codicon-diff-removed.sc-kol-icon-default:before { content: \"\\eadf\" }\n/*!@.codicon-diff-renamed:before*/.codicon-diff-renamed.sc-kol-icon-default:before { content: \"\\eae0\" }\n/*!@.codicon-diff:before*/.codicon-diff.sc-kol-icon-default:before { content: \"\\eae1\" }\n/*!@.codicon-discard:before*/.codicon-discard.sc-kol-icon-default:before { content: \"\\eae2\" }\n/*!@.codicon-editor-layout:before*/.codicon-editor-layout.sc-kol-icon-default:before { content: \"\\eae3\" }\n/*!@.codicon-empty-window:before*/.codicon-empty-window.sc-kol-icon-default:before { content: \"\\eae4\" }\n/*!@.codicon-exclude:before*/.codicon-exclude.sc-kol-icon-default:before { content: \"\\eae5\" }\n/*!@.codicon-extensions:before*/.codicon-extensions.sc-kol-icon-default:before { content: \"\\eae6\" }\n/*!@.codicon-eye-closed:before*/.codicon-eye-closed.sc-kol-icon-default:before { content: \"\\eae7\" }\n/*!@.codicon-file-binary:before*/.codicon-file-binary.sc-kol-icon-default:before { content: \"\\eae8\" }\n/*!@.codicon-file-code:before*/.codicon-file-code.sc-kol-icon-default:before { content: \"\\eae9\" }\n/*!@.codicon-file-media:before*/.codicon-file-media.sc-kol-icon-default:before { content: \"\\eaea\" }\n/*!@.codicon-file-pdf:before*/.codicon-file-pdf.sc-kol-icon-default:before { content: \"\\eaeb\" }\n/*!@.codicon-file-submodule:before*/.codicon-file-submodule.sc-kol-icon-default:before { content: \"\\eaec\" }\n/*!@.codicon-file-symlink-directory:before*/.codicon-file-symlink-directory.sc-kol-icon-default:before { content: \"\\eaed\" }\n/*!@.codicon-file-symlink-file:before*/.codicon-file-symlink-file.sc-kol-icon-default:before { content: \"\\eaee\" }\n/*!@.codicon-file-zip:before*/.codicon-file-zip.sc-kol-icon-default:before { content: \"\\eaef\" }\n/*!@.codicon-files:before*/.codicon-files.sc-kol-icon-default:before { content: \"\\eaf0\" }\n/*!@.codicon-filter:before*/.codicon-filter.sc-kol-icon-default:before { content: \"\\eaf1\" }\n/*!@.codicon-flame:before*/.codicon-flame.sc-kol-icon-default:before { content: \"\\eaf2\" }\n/*!@.codicon-fold-down:before*/.codicon-fold-down.sc-kol-icon-default:before { content: \"\\eaf3\" }\n/*!@.codicon-fold-up:before*/.codicon-fold-up.sc-kol-icon-default:before { content: \"\\eaf4\" }\n/*!@.codicon-fold:before*/.codicon-fold.sc-kol-icon-default:before { content: \"\\eaf5\" }\n/*!@.codicon-folder-active:before*/.codicon-folder-active.sc-kol-icon-default:before { content: \"\\eaf6\" }\n/*!@.codicon-folder-opened:before*/.codicon-folder-opened.sc-kol-icon-default:before { content: \"\\eaf7\" }\n/*!@.codicon-gear:before*/.codicon-gear.sc-kol-icon-default:before { content: \"\\eaf8\" }\n/*!@.codicon-gift:before*/.codicon-gift.sc-kol-icon-default:before { content: \"\\eaf9\" }\n/*!@.codicon-gist-secret:before*/.codicon-gist-secret.sc-kol-icon-default:before { content: \"\\eafa\" }\n/*!@.codicon-gist:before*/.codicon-gist.sc-kol-icon-default:before { content: \"\\eafb\" }\n/*!@.codicon-git-commit:before*/.codicon-git-commit.sc-kol-icon-default:before { content: \"\\eafc\" }\n/*!@.codicon-git-compare:before*/.codicon-git-compare.sc-kol-icon-default:before { content: \"\\eafd\" }\n/*!@.codicon-compare-changes:before*/.codicon-compare-changes.sc-kol-icon-default:before { content: \"\\eafd\" }\n/*!@.codicon-git-merge:before*/.codicon-git-merge.sc-kol-icon-default:before { content: \"\\eafe\" }\n/*!@.codicon-github-action:before*/.codicon-github-action.sc-kol-icon-default:before { content: \"\\eaff\" }\n/*!@.codicon-github-alt:before*/.codicon-github-alt.sc-kol-icon-default:before { content: \"\\eb00\" }\n/*!@.codicon-globe:before*/.codicon-globe.sc-kol-icon-default:before { content: \"\\eb01\" }\n/*!@.codicon-grabber:before*/.codicon-grabber.sc-kol-icon-default:before { content: \"\\eb02\" }\n/*!@.codicon-graph:before*/.codicon-graph.sc-kol-icon-default:before { content: \"\\eb03\" }\n/*!@.codicon-gripper:before*/.codicon-gripper.sc-kol-icon-default:before { content: \"\\eb04\" }\n/*!@.codicon-heart:before*/.codicon-heart.sc-kol-icon-default:before { content: \"\\eb05\" }\n/*!@.codicon-home:before*/.codicon-home.sc-kol-icon-default:before { content: \"\\eb06\" }\n/*!@.codicon-horizontal-rule:before*/.codicon-horizontal-rule.sc-kol-icon-default:before { content: \"\\eb07\" }\n/*!@.codicon-hubot:before*/.codicon-hubot.sc-kol-icon-default:before { content: \"\\eb08\" }\n/*!@.codicon-inbox:before*/.codicon-inbox.sc-kol-icon-default:before { content: \"\\eb09\" }\n/*!@.codicon-issue-reopened:before*/.codicon-issue-reopened.sc-kol-icon-default:before { content: \"\\eb0b\" }\n/*!@.codicon-issues:before*/.codicon-issues.sc-kol-icon-default:before { content: \"\\eb0c\" }\n/*!@.codicon-italic:before*/.codicon-italic.sc-kol-icon-default:before { content: \"\\eb0d\" }\n/*!@.codicon-jersey:before*/.codicon-jersey.sc-kol-icon-default:before { content: \"\\eb0e\" }\n/*!@.codicon-json:before*/.codicon-json.sc-kol-icon-default:before { content: \"\\eb0f\" }\n/*!@.codicon-kebab-vertical:before*/.codicon-kebab-vertical.sc-kol-icon-default:before { content: \"\\eb10\" }\n/*!@.codicon-key:before*/.codicon-key.sc-kol-icon-default:before { content: \"\\eb11\" }\n/*!@.codicon-law:before*/.codicon-law.sc-kol-icon-default:before { content: \"\\eb12\" }\n/*!@.codicon-lightbulb-autofix:before*/.codicon-lightbulb-autofix.sc-kol-icon-default:before { content: \"\\eb13\" }\n/*!@.codicon-link-external:before*/.codicon-link-external.sc-kol-icon-default:before { content: \"\\eb14\" }\n/*!@.codicon-link:before*/.codicon-link.sc-kol-icon-default:before { content: \"\\eb15\" }\n/*!@.codicon-list-ordered:before*/.codicon-list-ordered.sc-kol-icon-default:before { content: \"\\eb16\" }\n/*!@.codicon-list-unordered:before*/.codicon-list-unordered.sc-kol-icon-default:before { content: \"\\eb17\" }\n/*!@.codicon-live-share:before*/.codicon-live-share.sc-kol-icon-default:before { content: \"\\eb18\" }\n/*!@.codicon-loading:before*/.codicon-loading.sc-kol-icon-default:before { content: \"\\eb19\" }\n/*!@.codicon-location:before*/.codicon-location.sc-kol-icon-default:before { content: \"\\eb1a\" }\n/*!@.codicon-mail-read:before*/.codicon-mail-read.sc-kol-icon-default:before { content: \"\\eb1b\" }\n/*!@.codicon-mail:before*/.codicon-mail.sc-kol-icon-default:before { content: \"\\eb1c\" }\n/*!@.codicon-markdown:before*/.codicon-markdown.sc-kol-icon-default:before { content: \"\\eb1d\" }\n/*!@.codicon-megaphone:before*/.codicon-megaphone.sc-kol-icon-default:before { content: \"\\eb1e\" }\n/*!@.codicon-mention:before*/.codicon-mention.sc-kol-icon-default:before { content: \"\\eb1f\" }\n/*!@.codicon-milestone:before*/.codicon-milestone.sc-kol-icon-default:before { content: \"\\eb20\" }\n/*!@.codicon-mortar-board:before*/.codicon-mortar-board.sc-kol-icon-default:before { content: \"\\eb21\" }\n/*!@.codicon-move:before*/.codicon-move.sc-kol-icon-default:before { content: \"\\eb22\" }\n/*!@.codicon-multiple-windows:before*/.codicon-multiple-windows.sc-kol-icon-default:before { content: \"\\eb23\" }\n/*!@.codicon-mute:before*/.codicon-mute.sc-kol-icon-default:before { content: \"\\eb24\" }\n/*!@.codicon-no-newline:before*/.codicon-no-newline.sc-kol-icon-default:before { content: \"\\eb25\" }\n/*!@.codicon-note:before*/.codicon-note.sc-kol-icon-default:before { content: \"\\eb26\" }\n/*!@.codicon-octoface:before*/.codicon-octoface.sc-kol-icon-default:before { content: \"\\eb27\" }\n/*!@.codicon-open-preview:before*/.codicon-open-preview.sc-kol-icon-default:before { content: \"\\eb28\" }\n/*!@.codicon-package:before*/.codicon-package.sc-kol-icon-default:before { content: \"\\eb29\" }\n/*!@.codicon-paintcan:before*/.codicon-paintcan.sc-kol-icon-default:before { content: \"\\eb2a\" }\n/*!@.codicon-pin:before*/.codicon-pin.sc-kol-icon-default:before { content: \"\\eb2b\" }\n/*!@.codicon-play:before*/.codicon-play.sc-kol-icon-default:before { content: \"\\eb2c\" }\n/*!@.codicon-run:before*/.codicon-run.sc-kol-icon-default:before { content: \"\\eb2c\" }\n/*!@.codicon-plug:before*/.codicon-plug.sc-kol-icon-default:before { content: \"\\eb2d\" }\n/*!@.codicon-preserve-case:before*/.codicon-preserve-case.sc-kol-icon-default:before { content: \"\\eb2e\" }\n/*!@.codicon-preview:before*/.codicon-preview.sc-kol-icon-default:before { content: \"\\eb2f\" }\n/*!@.codicon-project:before*/.codicon-project.sc-kol-icon-default:before { content: \"\\eb30\" }\n/*!@.codicon-pulse:before*/.codicon-pulse.sc-kol-icon-default:before { content: \"\\eb31\" }\n/*!@.codicon-question:before*/.codicon-question.sc-kol-icon-default:before { content: \"\\eb32\" }\n/*!@.codicon-quote:before*/.codicon-quote.sc-kol-icon-default:before { content: \"\\eb33\" }\n/*!@.codicon-radio-tower:before*/.codicon-radio-tower.sc-kol-icon-default:before { content: \"\\eb34\" }\n/*!@.codicon-reactions:before*/.codicon-reactions.sc-kol-icon-default:before { content: \"\\eb35\" }\n/*!@.codicon-references:before*/.codicon-references.sc-kol-icon-default:before { content: \"\\eb36\" }\n/*!@.codicon-refresh:before*/.codicon-refresh.sc-kol-icon-default:before { content: \"\\eb37\" }\n/*!@.codicon-regex:before*/.codicon-regex.sc-kol-icon-default:before { content: \"\\eb38\" }\n/*!@.codicon-remote-explorer:before*/.codicon-remote-explorer.sc-kol-icon-default:before { content: \"\\eb39\" }\n/*!@.codicon-remote:before*/.codicon-remote.sc-kol-icon-default:before { content: \"\\eb3a\" }\n/*!@.codicon-remove:before*/.codicon-remove.sc-kol-icon-default:before { content: \"\\eb3b\" }\n/*!@.codicon-replace-all:before*/.codicon-replace-all.sc-kol-icon-default:before { content: \"\\eb3c\" }\n/*!@.codicon-replace:before*/.codicon-replace.sc-kol-icon-default:before { content: \"\\eb3d\" }\n/*!@.codicon-repo-clone:before*/.codicon-repo-clone.sc-kol-icon-default:before { content: \"\\eb3e\" }\n/*!@.codicon-repo-force-push:before*/.codicon-repo-force-push.sc-kol-icon-default:before { content: \"\\eb3f\" }\n/*!@.codicon-repo-pull:before*/.codicon-repo-pull.sc-kol-icon-default:before { content: \"\\eb40\" }\n/*!@.codicon-repo-push:before*/.codicon-repo-push.sc-kol-icon-default:before { content: \"\\eb41\" }\n/*!@.codicon-report:before*/.codicon-report.sc-kol-icon-default:before { content: \"\\eb42\" }\n/*!@.codicon-request-changes:before*/.codicon-request-changes.sc-kol-icon-default:before { content: \"\\eb43\" }\n/*!@.codicon-rocket:before*/.codicon-rocket.sc-kol-icon-default:before { content: \"\\eb44\" }\n/*!@.codicon-root-folder-opened:before*/.codicon-root-folder-opened.sc-kol-icon-default:before { content: \"\\eb45\" }\n/*!@.codicon-root-folder:before*/.codicon-root-folder.sc-kol-icon-default:before { content: \"\\eb46\" }\n/*!@.codicon-rss:before*/.codicon-rss.sc-kol-icon-default:before { content: \"\\eb47\" }\n/*!@.codicon-ruby:before*/.codicon-ruby.sc-kol-icon-default:before { content: \"\\eb48\" }\n/*!@.codicon-save-all:before*/.codicon-save-all.sc-kol-icon-default:before { content: \"\\eb49\" }\n/*!@.codicon-save-as:before*/.codicon-save-as.sc-kol-icon-default:before { content: \"\\eb4a\" }\n/*!@.codicon-save:before*/.codicon-save.sc-kol-icon-default:before { content: \"\\eb4b\" }\n/*!@.codicon-screen-full:before*/.codicon-screen-full.sc-kol-icon-default:before { content: \"\\eb4c\" }\n/*!@.codicon-screen-normal:before*/.codicon-screen-normal.sc-kol-icon-default:before { content: \"\\eb4d\" }\n/*!@.codicon-search-stop:before*/.codicon-search-stop.sc-kol-icon-default:before { content: \"\\eb4e\" }\n/*!@.codicon-server:before*/.codicon-server.sc-kol-icon-default:before { content: \"\\eb50\" }\n/*!@.codicon-settings-gear:before*/.codicon-settings-gear.sc-kol-icon-default:before { content: \"\\eb51\" }\n/*!@.codicon-settings:before*/.codicon-settings.sc-kol-icon-default:before { content: \"\\eb52\" }\n/*!@.codicon-shield:before*/.codicon-shield.sc-kol-icon-default:before { content: \"\\eb53\" }\n/*!@.codicon-smiley:before*/.codicon-smiley.sc-kol-icon-default:before { content: \"\\eb54\" }\n/*!@.codicon-sort-precedence:before*/.codicon-sort-precedence.sc-kol-icon-default:before { content: \"\\eb55\" }\n/*!@.codicon-split-horizontal:before*/.codicon-split-horizontal.sc-kol-icon-default:before { content: \"\\eb56\" }\n/*!@.codicon-split-vertical:before*/.codicon-split-vertical.sc-kol-icon-default:before { content: \"\\eb57\" }\n/*!@.codicon-squirrel:before*/.codicon-squirrel.sc-kol-icon-default:before { content: \"\\eb58\" }\n/*!@.codicon-star-full:before*/.codicon-star-full.sc-kol-icon-default:before { content: \"\\eb59\" }\n/*!@.codicon-star-half:before*/.codicon-star-half.sc-kol-icon-default:before { content: \"\\eb5a\" }\n/*!@.codicon-symbol-class:before*/.codicon-symbol-class.sc-kol-icon-default:before { content: \"\\eb5b\" }\n/*!@.codicon-symbol-color:before*/.codicon-symbol-color.sc-kol-icon-default:before { content: \"\\eb5c\" }\n/*!@.codicon-symbol-constant:before*/.codicon-symbol-constant.sc-kol-icon-default:before { content: \"\\eb5d\" }\n/*!@.codicon-symbol-enum-member:before*/.codicon-symbol-enum-member.sc-kol-icon-default:before { content: \"\\eb5e\" }\n/*!@.codicon-symbol-field:before*/.codicon-symbol-field.sc-kol-icon-default:before { content: \"\\eb5f\" }\n/*!@.codicon-symbol-file:before*/.codicon-symbol-file.sc-kol-icon-default:before { content: \"\\eb60\" }\n/*!@.codicon-symbol-interface:before*/.codicon-symbol-interface.sc-kol-icon-default:before { content: \"\\eb61\" }\n/*!@.codicon-symbol-keyword:before*/.codicon-symbol-keyword.sc-kol-icon-default:before { content: \"\\eb62\" }\n/*!@.codicon-symbol-misc:before*/.codicon-symbol-misc.sc-kol-icon-default:before { content: \"\\eb63\" }\n/*!@.codicon-symbol-operator:before*/.codicon-symbol-operator.sc-kol-icon-default:before { content: \"\\eb64\" }\n/*!@.codicon-symbol-property:before*/.codicon-symbol-property.sc-kol-icon-default:before { content: \"\\eb65\" }\n/*!@.codicon-wrench:before*/.codicon-wrench.sc-kol-icon-default:before { content: \"\\eb65\" }\n/*!@.codicon-wrench-subaction:before*/.codicon-wrench-subaction.sc-kol-icon-default:before { content: \"\\eb65\" }\n/*!@.codicon-symbol-snippet:before*/.codicon-symbol-snippet.sc-kol-icon-default:before { content: \"\\eb66\" }\n/*!@.codicon-tasklist:before*/.codicon-tasklist.sc-kol-icon-default:before { content: \"\\eb67\" }\n/*!@.codicon-telescope:before*/.codicon-telescope.sc-kol-icon-default:before { content: \"\\eb68\" }\n/*!@.codicon-text-size:before*/.codicon-text-size.sc-kol-icon-default:before { content: \"\\eb69\" }\n/*!@.codicon-three-bars:before*/.codicon-three-bars.sc-kol-icon-default:before { content: \"\\eb6a\" }\n/*!@.codicon-thumbsdown:before*/.codicon-thumbsdown.sc-kol-icon-default:before { content: \"\\eb6b\" }\n/*!@.codicon-thumbsup:before*/.codicon-thumbsup.sc-kol-icon-default:before { content: \"\\eb6c\" }\n/*!@.codicon-tools:before*/.codicon-tools.sc-kol-icon-default:before { content: \"\\eb6d\" }\n/*!@.codicon-triangle-down:before*/.codicon-triangle-down.sc-kol-icon-default:before { content: \"\\eb6e\" }\n/*!@.codicon-triangle-left:before*/.codicon-triangle-left.sc-kol-icon-default:before { content: \"\\eb6f\" }\n/*!@.codicon-triangle-right:before*/.codicon-triangle-right.sc-kol-icon-default:before { content: \"\\eb70\" }\n/*!@.codicon-triangle-up:before*/.codicon-triangle-up.sc-kol-icon-default:before { content: \"\\eb71\" }\n/*!@.codicon-twitter:before*/.codicon-twitter.sc-kol-icon-default:before { content: \"\\eb72\" }\n/*!@.codicon-unfold:before*/.codicon-unfold.sc-kol-icon-default:before { content: \"\\eb73\" }\n/*!@.codicon-unlock:before*/.codicon-unlock.sc-kol-icon-default:before { content: \"\\eb74\" }\n/*!@.codicon-unmute:before*/.codicon-unmute.sc-kol-icon-default:before { content: \"\\eb75\" }\n/*!@.codicon-unverified:before*/.codicon-unverified.sc-kol-icon-default:before { content: \"\\eb76\" }\n/*!@.codicon-verified:before*/.codicon-verified.sc-kol-icon-default:before { content: \"\\eb77\" }\n/*!@.codicon-versions:before*/.codicon-versions.sc-kol-icon-default:before { content: \"\\eb78\" }\n/*!@.codicon-vm-active:before*/.codicon-vm-active.sc-kol-icon-default:before { content: \"\\eb79\" }\n/*!@.codicon-vm-outline:before*/.codicon-vm-outline.sc-kol-icon-default:before { content: \"\\eb7a\" }\n/*!@.codicon-vm-running:before*/.codicon-vm-running.sc-kol-icon-default:before { content: \"\\eb7b\" }\n/*!@.codicon-watch:before*/.codicon-watch.sc-kol-icon-default:before { content: \"\\eb7c\" }\n/*!@.codicon-whitespace:before*/.codicon-whitespace.sc-kol-icon-default:before { content: \"\\eb7d\" }\n/*!@.codicon-whole-word:before*/.codicon-whole-word.sc-kol-icon-default:before { content: \"\\eb7e\" }\n/*!@.codicon-window:before*/.codicon-window.sc-kol-icon-default:before { content: \"\\eb7f\" }\n/*!@.codicon-word-wrap:before*/.codicon-word-wrap.sc-kol-icon-default:before { content: \"\\eb80\" }\n/*!@.codicon-zoom-in:before*/.codicon-zoom-in.sc-kol-icon-default:before { content: \"\\eb81\" }\n/*!@.codicon-zoom-out:before*/.codicon-zoom-out.sc-kol-icon-default:before { content: \"\\eb82\" }\n/*!@.codicon-list-filter:before*/.codicon-list-filter.sc-kol-icon-default:before { content: \"\\eb83\" }\n/*!@.codicon-list-flat:before*/.codicon-list-flat.sc-kol-icon-default:before { content: \"\\eb84\" }\n/*!@.codicon-list-selection:before*/.codicon-list-selection.sc-kol-icon-default:before { content: \"\\eb85\" }\n/*!@.codicon-selection:before*/.codicon-selection.sc-kol-icon-default:before { content: \"\\eb85\" }\n/*!@.codicon-list-tree:before*/.codicon-list-tree.sc-kol-icon-default:before { content: \"\\eb86\" }\n/*!@.codicon-debug-breakpoint-function-unverified:before*/.codicon-debug-breakpoint-function-unverified.sc-kol-icon-default:before { content: \"\\eb87\" }\n/*!@.codicon-debug-breakpoint-function:before*/.codicon-debug-breakpoint-function.sc-kol-icon-default:before { content: \"\\eb88\" }\n/*!@.codicon-debug-breakpoint-function-disabled:before*/.codicon-debug-breakpoint-function-disabled.sc-kol-icon-default:before { content: \"\\eb88\" }\n/*!@.codicon-debug-stackframe-active:before*/.codicon-debug-stackframe-active.sc-kol-icon-default:before { content: \"\\eb89\" }\n/*!@.codicon-circle-small-filled:before*/.codicon-circle-small-filled.sc-kol-icon-default:before { content: \"\\eb8a\" }\n/*!@.codicon-debug-stackframe-dot:before*/.codicon-debug-stackframe-dot.sc-kol-icon-default:before { content: \"\\eb8a\" }\n/*!@.codicon-debug-stackframe:before*/.codicon-debug-stackframe.sc-kol-icon-default:before { content: \"\\eb8b\" }\n/*!@.codicon-debug-stackframe-focused:before*/.codicon-debug-stackframe-focused.sc-kol-icon-default:before { content: \"\\eb8b\" }\n/*!@.codicon-debug-breakpoint-unsupported:before*/.codicon-debug-breakpoint-unsupported.sc-kol-icon-default:before { content: \"\\eb8c\" }\n/*!@.codicon-symbol-string:before*/.codicon-symbol-string.sc-kol-icon-default:before { content: \"\\eb8d\" }\n/*!@.codicon-debug-reverse-continue:before*/.codicon-debug-reverse-continue.sc-kol-icon-default:before { content: \"\\eb8e\" }\n/*!@.codicon-debug-step-back:before*/.codicon-debug-step-back.sc-kol-icon-default:before { content: \"\\eb8f\" }\n/*!@.codicon-debug-restart-frame:before*/.codicon-debug-restart-frame.sc-kol-icon-default:before { content: \"\\eb90\" }\n/*!@.codicon-debug-alt:before*/.codicon-debug-alt.sc-kol-icon-default:before { content: \"\\eb91\" }\n/*!@.codicon-call-incoming:before*/.codicon-call-incoming.sc-kol-icon-default:before { content: \"\\eb92\" }\n/*!@.codicon-call-outgoing:before*/.codicon-call-outgoing.sc-kol-icon-default:before { content: \"\\eb93\" }\n/*!@.codicon-menu:before*/.codicon-menu.sc-kol-icon-default:before { content: \"\\eb94\" }\n/*!@.codicon-expand-all:before*/.codicon-expand-all.sc-kol-icon-default:before { content: \"\\eb95\" }\n/*!@.codicon-feedback:before*/.codicon-feedback.sc-kol-icon-default:before { content: \"\\eb96\" }\n/*!@.codicon-group-by-ref-type:before*/.codicon-group-by-ref-type.sc-kol-icon-default:before { content: \"\\eb97\" }\n/*!@.codicon-ungroup-by-ref-type:before*/.codicon-ungroup-by-ref-type.sc-kol-icon-default:before { content: \"\\eb98\" }\n/*!@.codicon-account:before*/.codicon-account.sc-kol-icon-default:before { content: \"\\eb99\" }\n/*!@.codicon-bell-dot:before*/.codicon-bell-dot.sc-kol-icon-default:before { content: \"\\eb9a\" }\n/*!@.codicon-debug-console:before*/.codicon-debug-console.sc-kol-icon-default:before { content: \"\\eb9b\" }\n/*!@.codicon-library:before*/.codicon-library.sc-kol-icon-default:before { content: \"\\eb9c\" }\n/*!@.codicon-output:before*/.codicon-output.sc-kol-icon-default:before { content: \"\\eb9d\" }\n/*!@.codicon-run-all:before*/.codicon-run-all.sc-kol-icon-default:before { content: \"\\eb9e\" }\n/*!@.codicon-sync-ignored:before*/.codicon-sync-ignored.sc-kol-icon-default:before { content: \"\\eb9f\" }\n/*!@.codicon-pinned:before*/.codicon-pinned.sc-kol-icon-default:before { content: \"\\eba0\" }\n/*!@.codicon-github-inverted:before*/.codicon-github-inverted.sc-kol-icon-default:before { content: \"\\eba1\" }\n/*!@.codicon-server-process:before*/.codicon-server-process.sc-kol-icon-default:before { content: \"\\eba2\" }\n/*!@.codicon-server-environment:before*/.codicon-server-environment.sc-kol-icon-default:before { content: \"\\eba3\" }\n/*!@.codicon-pass:before*/.codicon-pass.sc-kol-icon-default:before { content: \"\\eba4\" }\n/*!@.codicon-issue-closed:before*/.codicon-issue-closed.sc-kol-icon-default:before { content: \"\\eba4\" }\n/*!@.codicon-stop-circle:before*/.codicon-stop-circle.sc-kol-icon-default:before { content: \"\\eba5\" }\n/*!@.codicon-play-circle:before*/.codicon-play-circle.sc-kol-icon-default:before { content: \"\\eba6\" }\n/*!@.codicon-record:before*/.codicon-record.sc-kol-icon-default:before { content: \"\\eba7\" }\n/*!@.codicon-debug-alt-small:before*/.codicon-debug-alt-small.sc-kol-icon-default:before { content: \"\\eba8\" }\n/*!@.codicon-vm-connect:before*/.codicon-vm-connect.sc-kol-icon-default:before { content: \"\\eba9\" }\n/*!@.codicon-cloud:before*/.codicon-cloud.sc-kol-icon-default:before { content: \"\\ebaa\" }\n/*!@.codicon-merge:before*/.codicon-merge.sc-kol-icon-default:before { content: \"\\ebab\" }\n/*!@.codicon-export:before*/.codicon-export.sc-kol-icon-default:before { content: \"\\ebac\" }\n/*!@.codicon-graph-left:before*/.codicon-graph-left.sc-kol-icon-default:before { content: \"\\ebad\" }\n/*!@.codicon-magnet:before*/.codicon-magnet.sc-kol-icon-default:before { content: \"\\ebae\" }\n/*!@.codicon-notebook:before*/.codicon-notebook.sc-kol-icon-default:before { content: \"\\ebaf\" }\n/*!@.codicon-redo:before*/.codicon-redo.sc-kol-icon-default:before { content: \"\\ebb0\" }\n/*!@.codicon-check-all:before*/.codicon-check-all.sc-kol-icon-default:before { content: \"\\ebb1\" }\n/*!@.codicon-pinned-dirty:before*/.codicon-pinned-dirty.sc-kol-icon-default:before { content: \"\\ebb2\" }\n/*!@.codicon-pass-filled:before*/.codicon-pass-filled.sc-kol-icon-default:before { content: \"\\ebb3\" }\n/*!@.codicon-circle-large-filled:before*/.codicon-circle-large-filled.sc-kol-icon-default:before { content: \"\\ebb4\" }\n/*!@.codicon-circle-large-outline:before*/.codicon-circle-large-outline.sc-kol-icon-default:before { content: \"\\ebb5\" }\n/*!@.codicon-combine:before*/.codicon-combine.sc-kol-icon-default:before { content: \"\\ebb6\" }\n/*!@.codicon-gather:before*/.codicon-gather.sc-kol-icon-default:before { content: \"\\ebb6\" }\n/*!@.codicon-table:before*/.codicon-table.sc-kol-icon-default:before { content: \"\\ebb7\" }\n/*!@.codicon-variable-group:before*/.codicon-variable-group.sc-kol-icon-default:before { content: \"\\ebb8\" }\n/*!@.codicon-type-hierarchy:before*/.codicon-type-hierarchy.sc-kol-icon-default:before { content: \"\\ebb9\" }\n/*!@.codicon-type-hierarchy-sub:before*/.codicon-type-hierarchy-sub.sc-kol-icon-default:before { content: \"\\ebba\" }\n/*!@.codicon-type-hierarchy-super:before*/.codicon-type-hierarchy-super.sc-kol-icon-default:before { content: \"\\ebbb\" }\n/*!@.codicon-git-pull-request-create:before*/.codicon-git-pull-request-create.sc-kol-icon-default:before { content: \"\\ebbc\" }\n/*!@.codicon-run-above:before*/.codicon-run-above.sc-kol-icon-default:before { content: \"\\ebbd\" }\n/*!@.codicon-run-below:before*/.codicon-run-below.sc-kol-icon-default:before { content: \"\\ebbe\" }\n/*!@.codicon-notebook-template:before*/.codicon-notebook-template.sc-kol-icon-default:before { content: \"\\ebbf\" }\n/*!@.codicon-debug-rerun:before*/.codicon-debug-rerun.sc-kol-icon-default:before { content: \"\\ebc0\" }\n/*!@.codicon-workspace-trusted:before*/.codicon-workspace-trusted.sc-kol-icon-default:before { content: \"\\ebc1\" }\n/*!@.codicon-workspace-untrusted:before*/.codicon-workspace-untrusted.sc-kol-icon-default:before { content: \"\\ebc2\" }\n/*!@.codicon-workspace-unknown:before*/.codicon-workspace-unknown.sc-kol-icon-default:before { content: \"\\ebc3\" }\n/*!@.codicon-terminal-cmd:before*/.codicon-terminal-cmd.sc-kol-icon-default:before { content: \"\\ebc4\" }\n/*!@.codicon-terminal-debian:before*/.codicon-terminal-debian.sc-kol-icon-default:before { content: \"\\ebc5\" }\n/*!@.codicon-terminal-linux:before*/.codicon-terminal-linux.sc-kol-icon-default:before { content: \"\\ebc6\" }\n/*!@.codicon-terminal-powershell:before*/.codicon-terminal-powershell.sc-kol-icon-default:before { content: \"\\ebc7\" }\n/*!@.codicon-terminal-tmux:before*/.codicon-terminal-tmux.sc-kol-icon-default:before { content: \"\\ebc8\" }\n/*!@.codicon-terminal-ubuntu:before*/.codicon-terminal-ubuntu.sc-kol-icon-default:before { content: \"\\ebc9\" }\n/*!@.codicon-terminal-bash:before*/.codicon-terminal-bash.sc-kol-icon-default:before { content: \"\\ebca\" }\n/*!@.codicon-arrow-swap:before*/.codicon-arrow-swap.sc-kol-icon-default:before { content: \"\\ebcb\" }\n/*!@.codicon-copy:before*/.codicon-copy.sc-kol-icon-default:before { content: \"\\ebcc\" }\n/*!@.codicon-person-add:before*/.codicon-person-add.sc-kol-icon-default:before { content: \"\\ebcd\" }\n/*!@.codicon-filter-filled:before*/.codicon-filter-filled.sc-kol-icon-default:before { content: \"\\ebce\" }\n/*!@.codicon-wand:before*/.codicon-wand.sc-kol-icon-default:before { content: \"\\ebcf\" }\n/*!@.codicon-debug-line-by-line:before*/.codicon-debug-line-by-line.sc-kol-icon-default:before { content: \"\\ebd0\" }\n/*!@.codicon-inspect:before*/.codicon-inspect.sc-kol-icon-default:before { content: \"\\ebd1\" }\n/*!@.codicon-layers:before*/.codicon-layers.sc-kol-icon-default:before { content: \"\\ebd2\" }\n/*!@.codicon-layers-dot:before*/.codicon-layers-dot.sc-kol-icon-default:before { content: \"\\ebd3\" }\n/*!@.codicon-layers-active:before*/.codicon-layers-active.sc-kol-icon-default:before { content: \"\\ebd4\" }\n/*!@.codicon-compass:before*/.codicon-compass.sc-kol-icon-default:before { content: \"\\ebd5\" }\n/*!@.codicon-compass-dot:before*/.codicon-compass-dot.sc-kol-icon-default:before { content: \"\\ebd6\" }\n/*!@.codicon-compass-active:before*/.codicon-compass-active.sc-kol-icon-default:before { content: \"\\ebd7\" }\n/*!@.codicon-azure:before*/.codicon-azure.sc-kol-icon-default:before { content: \"\\ebd8\" }\n/*!@.codicon-issue-draft:before*/.codicon-issue-draft.sc-kol-icon-default:before { content: \"\\ebd9\" }\n/*!@.codicon-git-pull-request-closed:before*/.codicon-git-pull-request-closed.sc-kol-icon-default:before { content: \"\\ebda\" }\n/*!@.codicon-git-pull-request-draft:before*/.codicon-git-pull-request-draft.sc-kol-icon-default:before { content: \"\\ebdb\" }\n/*!@.codicon-debug-all:before*/.codicon-debug-all.sc-kol-icon-default:before { content: \"\\ebdc\" }\n/*!@.codicon-debug-coverage:before*/.codicon-debug-coverage.sc-kol-icon-default:before { content: \"\\ebdd\" }\n/*!@.codicon-run-errors:before*/.codicon-run-errors.sc-kol-icon-default:before { content: \"\\ebde\" }\n/*!@.codicon-folder-library:before*/.codicon-folder-library.sc-kol-icon-default:before { content: \"\\ebdf\" }\n/*!@.codicon-debug-continue-small:before*/.codicon-debug-continue-small.sc-kol-icon-default:before { content: \"\\ebe0\" }\n/*!@.codicon-beaker-stop:before*/.codicon-beaker-stop.sc-kol-icon-default:before { content: \"\\ebe1\" }\n/*!@.codicon-graph-line:before*/.codicon-graph-line.sc-kol-icon-default:before { content: \"\\ebe2\" }\n/*!@.codicon-graph-scatter:before*/.codicon-graph-scatter.sc-kol-icon-default:before { content: \"\\ebe3\" }\n/*!@.codicon-pie-chart:before*/.codicon-pie-chart.sc-kol-icon-default:before { content: \"\\ebe4\" }\n/*!@.codicon-bracket:before*/.codicon-bracket.sc-kol-icon-default:before { content: \"\\eb0f\" }\n/*!@.codicon-bracket-dot:before*/.codicon-bracket-dot.sc-kol-icon-default:before { content: \"\\ebe5\" }\n/*!@.codicon-bracket-error:before*/.codicon-bracket-error.sc-kol-icon-default:before { content: \"\\ebe6\" }\n/*!@.codicon-lock-small:before*/.codicon-lock-small.sc-kol-icon-default:before { content: \"\\ebe7\" }\n/*!@.codicon-azure-devops:before*/.codicon-azure-devops.sc-kol-icon-default:before { content: \"\\ebe8\" }\n/*!@.codicon-verified-filled:before*/.codicon-verified-filled.sc-kol-icon-default:before { content: \"\\ebe9\" }\n/*!@.codicon-newline:before*/.codicon-newline.sc-kol-icon-default:before { content: \"\\ebea\" }\n/*!@.codicon-layout:before*/.codicon-layout.sc-kol-icon-default:before { content: \"\\ebeb\" }\n/*!@.codicon-layout-activitybar-left:before*/.codicon-layout-activitybar-left.sc-kol-icon-default:before { content: \"\\ebec\" }\n/*!@.codicon-layout-activitybar-right:before*/.codicon-layout-activitybar-right.sc-kol-icon-default:before { content: \"\\ebed\" }\n/*!@.codicon-layout-panel-left:before*/.codicon-layout-panel-left.sc-kol-icon-default:before { content: \"\\ebee\" }\n/*!@.codicon-layout-panel-center:before*/.codicon-layout-panel-center.sc-kol-icon-default:before { content: \"\\ebef\" }\n/*!@.codicon-layout-panel-justify:before*/.codicon-layout-panel-justify.sc-kol-icon-default:before { content: \"\\ebf0\" }\n/*!@.codicon-layout-panel-right:before*/.codicon-layout-panel-right.sc-kol-icon-default:before { content: \"\\ebf1\" }\n/*!@.codicon-layout-panel:before*/.codicon-layout-panel.sc-kol-icon-default:before { content: \"\\ebf2\" }\n/*!@.codicon-layout-sidebar-left:before*/.codicon-layout-sidebar-left.sc-kol-icon-default:before { content: \"\\ebf3\" }\n/*!@.codicon-layout-sidebar-right:before*/.codicon-layout-sidebar-right.sc-kol-icon-default:before { content: \"\\ebf4\" }\n/*!@.codicon-layout-statusbar:before*/.codicon-layout-statusbar.sc-kol-icon-default:before { content: \"\\ebf5\" }\n/*!@.codicon-layout-menubar:before*/.codicon-layout-menubar.sc-kol-icon-default:before { content: \"\\ebf6\" }\n/*!@.codicon-layout-centered:before*/.codicon-layout-centered.sc-kol-icon-default:before { content: \"\\ebf7\" }\n/*!@.codicon-target:before*/.codicon-target.sc-kol-icon-default:before { content: \"\\ebf8\" }\n/*!@.codicon-indent:before*/.codicon-indent.sc-kol-icon-default:before { content: \"\\ebf9\" }\n/*!@.codicon-record-small:before*/.codicon-record-small.sc-kol-icon-default:before { content: \"\\ebfa\" }\n/*!@.codicon-error-small:before*/.codicon-error-small.sc-kol-icon-default:before { content: \"\\ebfb\" }\n/*!@.codicon-arrow-circle-down:before*/.codicon-arrow-circle-down.sc-kol-icon-default:before { content: \"\\ebfc\" }\n/*!@.codicon-arrow-circle-left:before*/.codicon-arrow-circle-left.sc-kol-icon-default:before { content: \"\\ebfd\" }\n/*!@.codicon-arrow-circle-right:before*/.codicon-arrow-circle-right.sc-kol-icon-default:before { content: \"\\ebfe\" }\n/*!@.codicon-arrow-circle-up:before*/.codicon-arrow-circle-up.sc-kol-icon-default:before { content: \"\\ebff\" }\n/*!@.codicon-layout-sidebar-right-off:before*/.codicon-layout-sidebar-right-off.sc-kol-icon-default:before { content: \"\\ec00\" }\n/*!@.codicon-layout-panel-off:before*/.codicon-layout-panel-off.sc-kol-icon-default:before { content: \"\\ec01\" }\n/*!@.codicon-layout-sidebar-left-off:before*/.codicon-layout-sidebar-left-off.sc-kol-icon-default:before { content: \"\\ec02\" }\n/*!@.codicon-blank:before*/.codicon-blank.sc-kol-icon-default:before { content: \"\\ec03\" }\n/*!@.codicon-heart-filled:before*/.codicon-heart-filled.sc-kol-icon-default:before { content: \"\\ec04\" }\n/*!@.codicon-map:before*/.codicon-map.sc-kol-icon-default:before { content: \"\\ec05\" }\n/*!@.codicon-map-filled:before*/.codicon-map-filled.sc-kol-icon-default:before { content: \"\\ec06\" }\n/*!@.codicon-circle-small:before*/.codicon-circle-small.sc-kol-icon-default:before { content: \"\\ec07\" }\n/*!@.codicon-bell-slash:before*/.codicon-bell-slash.sc-kol-icon-default:before { content: \"\\ec08\" }\n/*!@.codicon-bell-slash-dot:before*/.codicon-bell-slash-dot.sc-kol-icon-default:before { content: \"\\ec09\" }\n/*!@.codicon-comment-unresolved:before*/.codicon-comment-unresolved.sc-kol-icon-default:before { content: \"\\ec0a\" }\n/*!@.codicon-git-pull-request-go-to-changes:before*/.codicon-git-pull-request-go-to-changes.sc-kol-icon-default:before { content: \"\\ec0b\" }\n/*!@.codicon-git-pull-request-new-changes:before*/.codicon-git-pull-request-new-changes.sc-kol-icon-default:before { content: \"\\ec0c\" }\n\n@layer kol-component {\n\t.sc-kol-icon-default-h {\n\t\tcolor: inherit;\n\t\tdisplay: contents;\n\t\theight: 1em;\n\t\tline-height: inherit;\n\t\twidth: 1em;\n\t}\n\n\t.sc-kol-icon-default-h > i {\n\t\theight: 1em;\n\t\twidth: 1em;\n\t}\n\n\t\n\t.sc-kol-icon-default-h > i,\n\t.sc-kol-icon-default-h > i:before {\n\t\tfont-size: inherit !important;\n\t}\n}";
12421
+ const defaultStyleCss$w = "@font-face {\n\tfont-family: \"codicon\";\n\tfont-display: block;\n\tsrc: url(\"./codicon.ttf?0e5b0adf625a37fbcd638d31f0fe72aa\") format(\"truetype\");\n}\n\n/*!@.codicon[class*='codicon-']*/.codicon[class*='codicon-'].sc-kol-icon-default {\n\tfont: normal normal normal 16px/1 codicon;\n\tdisplay: inline-block;\n\ttext-decoration: none;\n\ttext-rendering: auto;\n\ttext-align: center;\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n\tuser-select: none;\n\t-webkit-user-select: none;\n\t-ms-user-select: none;\n}\n\n\n\n@keyframes codicon-spin {\n\t100% {\n\t\ttransform:rotate(360deg);\n\t}\n}\n\n/*!@.codicon-sync.codicon-modifier-spin,\n.codicon-loading.codicon-modifier-spin,\n.codicon-gear.codicon-modifier-spin*/.codicon-sync.codicon-modifier-spin.sc-kol-icon-default, .codicon-loading.codicon-modifier-spin.sc-kol-icon-default, .codicon-gear.codicon-modifier-spin.sc-kol-icon-default {\n\t\n\tanimation: codicon-spin 1.5s steps(30) infinite;\n}\n\n/*!@.codicon-modifier-disabled*/.codicon-modifier-disabled.sc-kol-icon-default {\n\topacity: 0.5;\n}\n\n/*!@.codicon-modifier-hidden*/.codicon-modifier-hidden.sc-kol-icon-default {\n\topacity: 0;\n}\n\n\n/*!@.codicon-loading*/.codicon-loading.sc-kol-icon-default {\n\tanimation-duration: 1s !important;\n\tanimation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67) !important;\n}\n\n\n\n/*!@.codicon-add:before*/.codicon-add.sc-kol-icon-default:before { content: \"\\ea60\" }\n/*!@.codicon-plus:before*/.codicon-plus.sc-kol-icon-default:before { content: \"\\ea60\" }\n/*!@.codicon-gist-new:before*/.codicon-gist-new.sc-kol-icon-default:before { content: \"\\ea60\" }\n/*!@.codicon-repo-create:before*/.codicon-repo-create.sc-kol-icon-default:before { content: \"\\ea60\" }\n/*!@.codicon-lightbulb:before*/.codicon-lightbulb.sc-kol-icon-default:before { content: \"\\ea61\" }\n/*!@.codicon-light-bulb:before*/.codicon-light-bulb.sc-kol-icon-default:before { content: \"\\ea61\" }\n/*!@.codicon-repo:before*/.codicon-repo.sc-kol-icon-default:before { content: \"\\ea62\" }\n/*!@.codicon-repo-delete:before*/.codicon-repo-delete.sc-kol-icon-default:before { content: \"\\ea62\" }\n/*!@.codicon-gist-fork:before*/.codicon-gist-fork.sc-kol-icon-default:before { content: \"\\ea63\" }\n/*!@.codicon-repo-forked:before*/.codicon-repo-forked.sc-kol-icon-default:before { content: \"\\ea63\" }\n/*!@.codicon-git-pull-request:before*/.codicon-git-pull-request.sc-kol-icon-default:before { content: \"\\ea64\" }\n/*!@.codicon-git-pull-request-abandoned:before*/.codicon-git-pull-request-abandoned.sc-kol-icon-default:before { content: \"\\ea64\" }\n/*!@.codicon-record-keys:before*/.codicon-record-keys.sc-kol-icon-default:before { content: \"\\ea65\" }\n/*!@.codicon-keyboard:before*/.codicon-keyboard.sc-kol-icon-default:before { content: \"\\ea65\" }\n/*!@.codicon-tag:before*/.codicon-tag.sc-kol-icon-default:before { content: \"\\ea66\" }\n/*!@.codicon-tag-add:before*/.codicon-tag-add.sc-kol-icon-default:before { content: \"\\ea66\" }\n/*!@.codicon-tag-remove:before*/.codicon-tag-remove.sc-kol-icon-default:before { content: \"\\ea66\" }\n/*!@.codicon-person:before*/.codicon-person.sc-kol-icon-default:before { content: \"\\ea67\" }\n/*!@.codicon-person-follow:before*/.codicon-person-follow.sc-kol-icon-default:before { content: \"\\ea67\" }\n/*!@.codicon-person-outline:before*/.codicon-person-outline.sc-kol-icon-default:before { content: \"\\ea67\" }\n/*!@.codicon-person-filled:before*/.codicon-person-filled.sc-kol-icon-default:before { content: \"\\ea67\" }\n/*!@.codicon-git-branch:before*/.codicon-git-branch.sc-kol-icon-default:before { content: \"\\ea68\" }\n/*!@.codicon-git-branch-create:before*/.codicon-git-branch-create.sc-kol-icon-default:before { content: \"\\ea68\" }\n/*!@.codicon-git-branch-delete:before*/.codicon-git-branch-delete.sc-kol-icon-default:before { content: \"\\ea68\" }\n/*!@.codicon-source-control:before*/.codicon-source-control.sc-kol-icon-default:before { content: \"\\ea68\" }\n/*!@.codicon-mirror:before*/.codicon-mirror.sc-kol-icon-default:before { content: \"\\ea69\" }\n/*!@.codicon-mirror-public:before*/.codicon-mirror-public.sc-kol-icon-default:before { content: \"\\ea69\" }\n/*!@.codicon-star:before*/.codicon-star.sc-kol-icon-default:before { content: \"\\ea6a\" }\n/*!@.codicon-star-add:before*/.codicon-star-add.sc-kol-icon-default:before { content: \"\\ea6a\" }\n/*!@.codicon-star-delete:before*/.codicon-star-delete.sc-kol-icon-default:before { content: \"\\ea6a\" }\n/*!@.codicon-star-empty:before*/.codicon-star-empty.sc-kol-icon-default:before { content: \"\\ea6a\" }\n/*!@.codicon-comment:before*/.codicon-comment.sc-kol-icon-default:before { content: \"\\ea6b\" }\n/*!@.codicon-comment-add:before*/.codicon-comment-add.sc-kol-icon-default:before { content: \"\\ea6b\" }\n/*!@.codicon-alert:before*/.codicon-alert.sc-kol-icon-default:before { content: \"\\ea6c\" }\n/*!@.codicon-warning:before*/.codicon-warning.sc-kol-icon-default:before { content: \"\\ea6c\" }\n/*!@.codicon-search:before*/.codicon-search.sc-kol-icon-default:before { content: \"\\ea6d\" }\n/*!@.codicon-search-save:before*/.codicon-search-save.sc-kol-icon-default:before { content: \"\\ea6d\" }\n/*!@.codicon-log-out:before*/.codicon-log-out.sc-kol-icon-default:before { content: \"\\ea6e\" }\n/*!@.codicon-sign-out:before*/.codicon-sign-out.sc-kol-icon-default:before { content: \"\\ea6e\" }\n/*!@.codicon-log-in:before*/.codicon-log-in.sc-kol-icon-default:before { content: \"\\ea6f\" }\n/*!@.codicon-sign-in:before*/.codicon-sign-in.sc-kol-icon-default:before { content: \"\\ea6f\" }\n/*!@.codicon-eye:before*/.codicon-eye.sc-kol-icon-default:before { content: \"\\ea70\" }\n/*!@.codicon-eye-unwatch:before*/.codicon-eye-unwatch.sc-kol-icon-default:before { content: \"\\ea70\" }\n/*!@.codicon-eye-watch:before*/.codicon-eye-watch.sc-kol-icon-default:before { content: \"\\ea70\" }\n/*!@.codicon-circle-filled:before*/.codicon-circle-filled.sc-kol-icon-default:before { content: \"\\ea71\" }\n/*!@.codicon-primitive-dot:before*/.codicon-primitive-dot.sc-kol-icon-default:before { content: \"\\ea71\" }\n/*!@.codicon-close-dirty:before*/.codicon-close-dirty.sc-kol-icon-default:before { content: \"\\ea71\" }\n/*!@.codicon-debug-breakpoint:before*/.codicon-debug-breakpoint.sc-kol-icon-default:before { content: \"\\ea71\" }\n/*!@.codicon-debug-breakpoint-disabled:before*/.codicon-debug-breakpoint-disabled.sc-kol-icon-default:before { content: \"\\ea71\" }\n/*!@.codicon-debug-hint:before*/.codicon-debug-hint.sc-kol-icon-default:before { content: \"\\ea71\" }\n/*!@.codicon-primitive-square:before*/.codicon-primitive-square.sc-kol-icon-default:before { content: \"\\ea72\" }\n/*!@.codicon-edit:before*/.codicon-edit.sc-kol-icon-default:before { content: \"\\ea73\" }\n/*!@.codicon-pencil:before*/.codicon-pencil.sc-kol-icon-default:before { content: \"\\ea73\" }\n/*!@.codicon-info:before*/.codicon-info.sc-kol-icon-default:before { content: \"\\ea74\" }\n/*!@.codicon-issue-opened:before*/.codicon-issue-opened.sc-kol-icon-default:before { content: \"\\ea74\" }\n/*!@.codicon-gist-private:before*/.codicon-gist-private.sc-kol-icon-default:before { content: \"\\ea75\" }\n/*!@.codicon-git-fork-private:before*/.codicon-git-fork-private.sc-kol-icon-default:before { content: \"\\ea75\" }\n/*!@.codicon-lock:before*/.codicon-lock.sc-kol-icon-default:before { content: \"\\ea75\" }\n/*!@.codicon-mirror-private:before*/.codicon-mirror-private.sc-kol-icon-default:before { content: \"\\ea75\" }\n/*!@.codicon-close:before*/.codicon-close.sc-kol-icon-default:before { content: \"\\ea76\" }\n/*!@.codicon-remove-close:before*/.codicon-remove-close.sc-kol-icon-default:before { content: \"\\ea76\" }\n/*!@.codicon-x:before*/.codicon-x.sc-kol-icon-default:before { content: \"\\ea76\" }\n/*!@.codicon-repo-sync:before*/.codicon-repo-sync.sc-kol-icon-default:before { content: \"\\ea77\" }\n/*!@.codicon-sync:before*/.codicon-sync.sc-kol-icon-default:before { content: \"\\ea77\" }\n/*!@.codicon-clone:before*/.codicon-clone.sc-kol-icon-default:before { content: \"\\ea78\" }\n/*!@.codicon-desktop-download:before*/.codicon-desktop-download.sc-kol-icon-default:before { content: \"\\ea78\" }\n/*!@.codicon-beaker:before*/.codicon-beaker.sc-kol-icon-default:before { content: \"\\ea79\" }\n/*!@.codicon-microscope:before*/.codicon-microscope.sc-kol-icon-default:before { content: \"\\ea79\" }\n/*!@.codicon-vm:before*/.codicon-vm.sc-kol-icon-default:before { content: \"\\ea7a\" }\n/*!@.codicon-device-desktop:before*/.codicon-device-desktop.sc-kol-icon-default:before { content: \"\\ea7a\" }\n/*!@.codicon-file:before*/.codicon-file.sc-kol-icon-default:before { content: \"\\ea7b\" }\n/*!@.codicon-file-text:before*/.codicon-file-text.sc-kol-icon-default:before { content: \"\\ea7b\" }\n/*!@.codicon-more:before*/.codicon-more.sc-kol-icon-default:before { content: \"\\ea7c\" }\n/*!@.codicon-ellipsis:before*/.codicon-ellipsis.sc-kol-icon-default:before { content: \"\\ea7c\" }\n/*!@.codicon-kebab-horizontal:before*/.codicon-kebab-horizontal.sc-kol-icon-default:before { content: \"\\ea7c\" }\n/*!@.codicon-mail-reply:before*/.codicon-mail-reply.sc-kol-icon-default:before { content: \"\\ea7d\" }\n/*!@.codicon-reply:before*/.codicon-reply.sc-kol-icon-default:before { content: \"\\ea7d\" }\n/*!@.codicon-organization:before*/.codicon-organization.sc-kol-icon-default:before { content: \"\\ea7e\" }\n/*!@.codicon-organization-filled:before*/.codicon-organization-filled.sc-kol-icon-default:before { content: \"\\ea7e\" }\n/*!@.codicon-organization-outline:before*/.codicon-organization-outline.sc-kol-icon-default:before { content: \"\\ea7e\" }\n/*!@.codicon-new-file:before*/.codicon-new-file.sc-kol-icon-default:before { content: \"\\ea7f\" }\n/*!@.codicon-file-add:before*/.codicon-file-add.sc-kol-icon-default:before { content: \"\\ea7f\" }\n/*!@.codicon-new-folder:before*/.codicon-new-folder.sc-kol-icon-default:before { content: \"\\ea80\" }\n/*!@.codicon-file-directory-create:before*/.codicon-file-directory-create.sc-kol-icon-default:before { content: \"\\ea80\" }\n/*!@.codicon-trash:before*/.codicon-trash.sc-kol-icon-default:before { content: \"\\ea81\" }\n/*!@.codicon-trashcan:before*/.codicon-trashcan.sc-kol-icon-default:before { content: \"\\ea81\" }\n/*!@.codicon-history:before*/.codicon-history.sc-kol-icon-default:before { content: \"\\ea82\" }\n/*!@.codicon-clock:before*/.codicon-clock.sc-kol-icon-default:before { content: \"\\ea82\" }\n/*!@.codicon-folder:before*/.codicon-folder.sc-kol-icon-default:before { content: \"\\ea83\" }\n/*!@.codicon-file-directory:before*/.codicon-file-directory.sc-kol-icon-default:before { content: \"\\ea83\" }\n/*!@.codicon-symbol-folder:before*/.codicon-symbol-folder.sc-kol-icon-default:before { content: \"\\ea83\" }\n/*!@.codicon-logo-github:before*/.codicon-logo-github.sc-kol-icon-default:before { content: \"\\ea84\" }\n/*!@.codicon-mark-github:before*/.codicon-mark-github.sc-kol-icon-default:before { content: \"\\ea84\" }\n/*!@.codicon-github:before*/.codicon-github.sc-kol-icon-default:before { content: \"\\ea84\" }\n/*!@.codicon-terminal:before*/.codicon-terminal.sc-kol-icon-default:before { content: \"\\ea85\" }\n/*!@.codicon-console:before*/.codicon-console.sc-kol-icon-default:before { content: \"\\ea85\" }\n/*!@.codicon-repl:before*/.codicon-repl.sc-kol-icon-default:before { content: \"\\ea85\" }\n/*!@.codicon-zap:before*/.codicon-zap.sc-kol-icon-default:before { content: \"\\ea86\" }\n/*!@.codicon-symbol-event:before*/.codicon-symbol-event.sc-kol-icon-default:before { content: \"\\ea86\" }\n/*!@.codicon-error:before*/.codicon-error.sc-kol-icon-default:before { content: \"\\ea87\" }\n/*!@.codicon-stop:before*/.codicon-stop.sc-kol-icon-default:before { content: \"\\ea87\" }\n/*!@.codicon-variable:before*/.codicon-variable.sc-kol-icon-default:before { content: \"\\ea88\" }\n/*!@.codicon-symbol-variable:before*/.codicon-symbol-variable.sc-kol-icon-default:before { content: \"\\ea88\" }\n/*!@.codicon-array:before*/.codicon-array.sc-kol-icon-default:before { content: \"\\ea8a\" }\n/*!@.codicon-symbol-array:before*/.codicon-symbol-array.sc-kol-icon-default:before { content: \"\\ea8a\" }\n/*!@.codicon-symbol-module:before*/.codicon-symbol-module.sc-kol-icon-default:before { content: \"\\ea8b\" }\n/*!@.codicon-symbol-package:before*/.codicon-symbol-package.sc-kol-icon-default:before { content: \"\\ea8b\" }\n/*!@.codicon-symbol-namespace:before*/.codicon-symbol-namespace.sc-kol-icon-default:before { content: \"\\ea8b\" }\n/*!@.codicon-symbol-object:before*/.codicon-symbol-object.sc-kol-icon-default:before { content: \"\\ea8b\" }\n/*!@.codicon-symbol-method:before*/.codicon-symbol-method.sc-kol-icon-default:before { content: \"\\ea8c\" }\n/*!@.codicon-symbol-function:before*/.codicon-symbol-function.sc-kol-icon-default:before { content: \"\\ea8c\" }\n/*!@.codicon-symbol-constructor:before*/.codicon-symbol-constructor.sc-kol-icon-default:before { content: \"\\ea8c\" }\n/*!@.codicon-symbol-boolean:before*/.codicon-symbol-boolean.sc-kol-icon-default:before { content: \"\\ea8f\" }\n/*!@.codicon-symbol-null:before*/.codicon-symbol-null.sc-kol-icon-default:before { content: \"\\ea8f\" }\n/*!@.codicon-symbol-numeric:before*/.codicon-symbol-numeric.sc-kol-icon-default:before { content: \"\\ea90\" }\n/*!@.codicon-symbol-number:before*/.codicon-symbol-number.sc-kol-icon-default:before { content: \"\\ea90\" }\n/*!@.codicon-symbol-structure:before*/.codicon-symbol-structure.sc-kol-icon-default:before { content: \"\\ea91\" }\n/*!@.codicon-symbol-struct:before*/.codicon-symbol-struct.sc-kol-icon-default:before { content: \"\\ea91\" }\n/*!@.codicon-symbol-parameter:before*/.codicon-symbol-parameter.sc-kol-icon-default:before { content: \"\\ea92\" }\n/*!@.codicon-symbol-type-parameter:before*/.codicon-symbol-type-parameter.sc-kol-icon-default:before { content: \"\\ea92\" }\n/*!@.codicon-symbol-key:before*/.codicon-symbol-key.sc-kol-icon-default:before { content: \"\\ea93\" }\n/*!@.codicon-symbol-text:before*/.codicon-symbol-text.sc-kol-icon-default:before { content: \"\\ea93\" }\n/*!@.codicon-symbol-reference:before*/.codicon-symbol-reference.sc-kol-icon-default:before { content: \"\\ea94\" }\n/*!@.codicon-go-to-file:before*/.codicon-go-to-file.sc-kol-icon-default:before { content: \"\\ea94\" }\n/*!@.codicon-symbol-enum:before*/.codicon-symbol-enum.sc-kol-icon-default:before { content: \"\\ea95\" }\n/*!@.codicon-symbol-value:before*/.codicon-symbol-value.sc-kol-icon-default:before { content: \"\\ea95\" }\n/*!@.codicon-symbol-ruler:before*/.codicon-symbol-ruler.sc-kol-icon-default:before { content: \"\\ea96\" }\n/*!@.codicon-symbol-unit:before*/.codicon-symbol-unit.sc-kol-icon-default:before { content: \"\\ea96\" }\n/*!@.codicon-activate-breakpoints:before*/.codicon-activate-breakpoints.sc-kol-icon-default:before { content: \"\\ea97\" }\n/*!@.codicon-archive:before*/.codicon-archive.sc-kol-icon-default:before { content: \"\\ea98\" }\n/*!@.codicon-arrow-both:before*/.codicon-arrow-both.sc-kol-icon-default:before { content: \"\\ea99\" }\n/*!@.codicon-arrow-down:before*/.codicon-arrow-down.sc-kol-icon-default:before { content: \"\\ea9a\" }\n/*!@.codicon-arrow-left:before*/.codicon-arrow-left.sc-kol-icon-default:before { content: \"\\ea9b\" }\n/*!@.codicon-arrow-right:before*/.codicon-arrow-right.sc-kol-icon-default:before { content: \"\\ea9c\" }\n/*!@.codicon-arrow-small-down:before*/.codicon-arrow-small-down.sc-kol-icon-default:before { content: \"\\ea9d\" }\n/*!@.codicon-arrow-small-left:before*/.codicon-arrow-small-left.sc-kol-icon-default:before { content: \"\\ea9e\" }\n/*!@.codicon-arrow-small-right:before*/.codicon-arrow-small-right.sc-kol-icon-default:before { content: \"\\ea9f\" }\n/*!@.codicon-arrow-small-up:before*/.codicon-arrow-small-up.sc-kol-icon-default:before { content: \"\\eaa0\" }\n/*!@.codicon-arrow-up:before*/.codicon-arrow-up.sc-kol-icon-default:before { content: \"\\eaa1\" }\n/*!@.codicon-bell:before*/.codicon-bell.sc-kol-icon-default:before { content: \"\\eaa2\" }\n/*!@.codicon-bold:before*/.codicon-bold.sc-kol-icon-default:before { content: \"\\eaa3\" }\n/*!@.codicon-book:before*/.codicon-book.sc-kol-icon-default:before { content: \"\\eaa4\" }\n/*!@.codicon-bookmark:before*/.codicon-bookmark.sc-kol-icon-default:before { content: \"\\eaa5\" }\n/*!@.codicon-debug-breakpoint-conditional-unverified:before*/.codicon-debug-breakpoint-conditional-unverified.sc-kol-icon-default:before { content: \"\\eaa6\" }\n/*!@.codicon-debug-breakpoint-conditional:before*/.codicon-debug-breakpoint-conditional.sc-kol-icon-default:before { content: \"\\eaa7\" }\n/*!@.codicon-debug-breakpoint-conditional-disabled:before*/.codicon-debug-breakpoint-conditional-disabled.sc-kol-icon-default:before { content: \"\\eaa7\" }\n/*!@.codicon-debug-breakpoint-data-unverified:before*/.codicon-debug-breakpoint-data-unverified.sc-kol-icon-default:before { content: \"\\eaa8\" }\n/*!@.codicon-debug-breakpoint-data:before*/.codicon-debug-breakpoint-data.sc-kol-icon-default:before { content: \"\\eaa9\" }\n/*!@.codicon-debug-breakpoint-data-disabled:before*/.codicon-debug-breakpoint-data-disabled.sc-kol-icon-default:before { content: \"\\eaa9\" }\n/*!@.codicon-debug-breakpoint-log-unverified:before*/.codicon-debug-breakpoint-log-unverified.sc-kol-icon-default:before { content: \"\\eaaa\" }\n/*!@.codicon-debug-breakpoint-log:before*/.codicon-debug-breakpoint-log.sc-kol-icon-default:before { content: \"\\eaab\" }\n/*!@.codicon-debug-breakpoint-log-disabled:before*/.codicon-debug-breakpoint-log-disabled.sc-kol-icon-default:before { content: \"\\eaab\" }\n/*!@.codicon-briefcase:before*/.codicon-briefcase.sc-kol-icon-default:before { content: \"\\eaac\" }\n/*!@.codicon-broadcast:before*/.codicon-broadcast.sc-kol-icon-default:before { content: \"\\eaad\" }\n/*!@.codicon-browser:before*/.codicon-browser.sc-kol-icon-default:before { content: \"\\eaae\" }\n/*!@.codicon-bug:before*/.codicon-bug.sc-kol-icon-default:before { content: \"\\eaaf\" }\n/*!@.codicon-calendar:before*/.codicon-calendar.sc-kol-icon-default:before { content: \"\\eab0\" }\n/*!@.codicon-case-sensitive:before*/.codicon-case-sensitive.sc-kol-icon-default:before { content: \"\\eab1\" }\n/*!@.codicon-check:before*/.codicon-check.sc-kol-icon-default:before { content: \"\\eab2\" }\n/*!@.codicon-checklist:before*/.codicon-checklist.sc-kol-icon-default:before { content: \"\\eab3\" }\n/*!@.codicon-chevron-down:before*/.codicon-chevron-down.sc-kol-icon-default:before { content: \"\\eab4\" }\n/*!@.codicon-chevron-left:before*/.codicon-chevron-left.sc-kol-icon-default:before { content: \"\\eab5\" }\n/*!@.codicon-chevron-right:before*/.codicon-chevron-right.sc-kol-icon-default:before { content: \"\\eab6\" }\n/*!@.codicon-chevron-up:before*/.codicon-chevron-up.sc-kol-icon-default:before { content: \"\\eab7\" }\n/*!@.codicon-chrome-close:before*/.codicon-chrome-close.sc-kol-icon-default:before { content: \"\\eab8\" }\n/*!@.codicon-chrome-maximize:before*/.codicon-chrome-maximize.sc-kol-icon-default:before { content: \"\\eab9\" }\n/*!@.codicon-chrome-minimize:before*/.codicon-chrome-minimize.sc-kol-icon-default:before { content: \"\\eaba\" }\n/*!@.codicon-chrome-restore:before*/.codicon-chrome-restore.sc-kol-icon-default:before { content: \"\\eabb\" }\n/*!@.codicon-circle-outline:before*/.codicon-circle-outline.sc-kol-icon-default:before { content: \"\\eabc\" }\n/*!@.codicon-debug-breakpoint-unverified:before*/.codicon-debug-breakpoint-unverified.sc-kol-icon-default:before { content: \"\\eabc\" }\n/*!@.codicon-circle-slash:before*/.codicon-circle-slash.sc-kol-icon-default:before { content: \"\\eabd\" }\n/*!@.codicon-circuit-board:before*/.codicon-circuit-board.sc-kol-icon-default:before { content: \"\\eabe\" }\n/*!@.codicon-clear-all:before*/.codicon-clear-all.sc-kol-icon-default:before { content: \"\\eabf\" }\n/*!@.codicon-clippy:before*/.codicon-clippy.sc-kol-icon-default:before { content: \"\\eac0\" }\n/*!@.codicon-close-all:before*/.codicon-close-all.sc-kol-icon-default:before { content: \"\\eac1\" }\n/*!@.codicon-cloud-download:before*/.codicon-cloud-download.sc-kol-icon-default:before { content: \"\\eac2\" }\n/*!@.codicon-cloud-upload:before*/.codicon-cloud-upload.sc-kol-icon-default:before { content: \"\\eac3\" }\n/*!@.codicon-code:before*/.codicon-code.sc-kol-icon-default:before { content: \"\\eac4\" }\n/*!@.codicon-collapse-all:before*/.codicon-collapse-all.sc-kol-icon-default:before { content: \"\\eac5\" }\n/*!@.codicon-color-mode:before*/.codicon-color-mode.sc-kol-icon-default:before { content: \"\\eac6\" }\n/*!@.codicon-comment-discussion:before*/.codicon-comment-discussion.sc-kol-icon-default:before { content: \"\\eac7\" }\n/*!@.codicon-credit-card:before*/.codicon-credit-card.sc-kol-icon-default:before { content: \"\\eac9\" }\n/*!@.codicon-dash:before*/.codicon-dash.sc-kol-icon-default:before { content: \"\\eacc\" }\n/*!@.codicon-dashboard:before*/.codicon-dashboard.sc-kol-icon-default:before { content: \"\\eacd\" }\n/*!@.codicon-database:before*/.codicon-database.sc-kol-icon-default:before { content: \"\\eace\" }\n/*!@.codicon-debug-continue:before*/.codicon-debug-continue.sc-kol-icon-default:before { content: \"\\eacf\" }\n/*!@.codicon-debug-disconnect:before*/.codicon-debug-disconnect.sc-kol-icon-default:before { content: \"\\ead0\" }\n/*!@.codicon-debug-pause:before*/.codicon-debug-pause.sc-kol-icon-default:before { content: \"\\ead1\" }\n/*!@.codicon-debug-restart:before*/.codicon-debug-restart.sc-kol-icon-default:before { content: \"\\ead2\" }\n/*!@.codicon-debug-start:before*/.codicon-debug-start.sc-kol-icon-default:before { content: \"\\ead3\" }\n/*!@.codicon-debug-step-into:before*/.codicon-debug-step-into.sc-kol-icon-default:before { content: \"\\ead4\" }\n/*!@.codicon-debug-step-out:before*/.codicon-debug-step-out.sc-kol-icon-default:before { content: \"\\ead5\" }\n/*!@.codicon-debug-step-over:before*/.codicon-debug-step-over.sc-kol-icon-default:before { content: \"\\ead6\" }\n/*!@.codicon-debug-stop:before*/.codicon-debug-stop.sc-kol-icon-default:before { content: \"\\ead7\" }\n/*!@.codicon-debug:before*/.codicon-debug.sc-kol-icon-default:before { content: \"\\ead8\" }\n/*!@.codicon-device-camera-video:before*/.codicon-device-camera-video.sc-kol-icon-default:before { content: \"\\ead9\" }\n/*!@.codicon-device-camera:before*/.codicon-device-camera.sc-kol-icon-default:before { content: \"\\eada\" }\n/*!@.codicon-device-mobile:before*/.codicon-device-mobile.sc-kol-icon-default:before { content: \"\\eadb\" }\n/*!@.codicon-diff-added:before*/.codicon-diff-added.sc-kol-icon-default:before { content: \"\\eadc\" }\n/*!@.codicon-diff-ignored:before*/.codicon-diff-ignored.sc-kol-icon-default:before { content: \"\\eadd\" }\n/*!@.codicon-diff-modified:before*/.codicon-diff-modified.sc-kol-icon-default:before { content: \"\\eade\" }\n/*!@.codicon-diff-removed:before*/.codicon-diff-removed.sc-kol-icon-default:before { content: \"\\eadf\" }\n/*!@.codicon-diff-renamed:before*/.codicon-diff-renamed.sc-kol-icon-default:before { content: \"\\eae0\" }\n/*!@.codicon-diff:before*/.codicon-diff.sc-kol-icon-default:before { content: \"\\eae1\" }\n/*!@.codicon-discard:before*/.codicon-discard.sc-kol-icon-default:before { content: \"\\eae2\" }\n/*!@.codicon-editor-layout:before*/.codicon-editor-layout.sc-kol-icon-default:before { content: \"\\eae3\" }\n/*!@.codicon-empty-window:before*/.codicon-empty-window.sc-kol-icon-default:before { content: \"\\eae4\" }\n/*!@.codicon-exclude:before*/.codicon-exclude.sc-kol-icon-default:before { content: \"\\eae5\" }\n/*!@.codicon-extensions:before*/.codicon-extensions.sc-kol-icon-default:before { content: \"\\eae6\" }\n/*!@.codicon-eye-closed:before*/.codicon-eye-closed.sc-kol-icon-default:before { content: \"\\eae7\" }\n/*!@.codicon-file-binary:before*/.codicon-file-binary.sc-kol-icon-default:before { content: \"\\eae8\" }\n/*!@.codicon-file-code:before*/.codicon-file-code.sc-kol-icon-default:before { content: \"\\eae9\" }\n/*!@.codicon-file-media:before*/.codicon-file-media.sc-kol-icon-default:before { content: \"\\eaea\" }\n/*!@.codicon-file-pdf:before*/.codicon-file-pdf.sc-kol-icon-default:before { content: \"\\eaeb\" }\n/*!@.codicon-file-submodule:before*/.codicon-file-submodule.sc-kol-icon-default:before { content: \"\\eaec\" }\n/*!@.codicon-file-symlink-directory:before*/.codicon-file-symlink-directory.sc-kol-icon-default:before { content: \"\\eaed\" }\n/*!@.codicon-file-symlink-file:before*/.codicon-file-symlink-file.sc-kol-icon-default:before { content: \"\\eaee\" }\n/*!@.codicon-file-zip:before*/.codicon-file-zip.sc-kol-icon-default:before { content: \"\\eaef\" }\n/*!@.codicon-files:before*/.codicon-files.sc-kol-icon-default:before { content: \"\\eaf0\" }\n/*!@.codicon-filter:before*/.codicon-filter.sc-kol-icon-default:before { content: \"\\eaf1\" }\n/*!@.codicon-flame:before*/.codicon-flame.sc-kol-icon-default:before { content: \"\\eaf2\" }\n/*!@.codicon-fold-down:before*/.codicon-fold-down.sc-kol-icon-default:before { content: \"\\eaf3\" }\n/*!@.codicon-fold-up:before*/.codicon-fold-up.sc-kol-icon-default:before { content: \"\\eaf4\" }\n/*!@.codicon-fold:before*/.codicon-fold.sc-kol-icon-default:before { content: \"\\eaf5\" }\n/*!@.codicon-folder-active:before*/.codicon-folder-active.sc-kol-icon-default:before { content: \"\\eaf6\" }\n/*!@.codicon-folder-opened:before*/.codicon-folder-opened.sc-kol-icon-default:before { content: \"\\eaf7\" }\n/*!@.codicon-gear:before*/.codicon-gear.sc-kol-icon-default:before { content: \"\\eaf8\" }\n/*!@.codicon-gift:before*/.codicon-gift.sc-kol-icon-default:before { content: \"\\eaf9\" }\n/*!@.codicon-gist-secret:before*/.codicon-gist-secret.sc-kol-icon-default:before { content: \"\\eafa\" }\n/*!@.codicon-gist:before*/.codicon-gist.sc-kol-icon-default:before { content: \"\\eafb\" }\n/*!@.codicon-git-commit:before*/.codicon-git-commit.sc-kol-icon-default:before { content: \"\\eafc\" }\n/*!@.codicon-git-compare:before*/.codicon-git-compare.sc-kol-icon-default:before { content: \"\\eafd\" }\n/*!@.codicon-compare-changes:before*/.codicon-compare-changes.sc-kol-icon-default:before { content: \"\\eafd\" }\n/*!@.codicon-git-merge:before*/.codicon-git-merge.sc-kol-icon-default:before { content: \"\\eafe\" }\n/*!@.codicon-github-action:before*/.codicon-github-action.sc-kol-icon-default:before { content: \"\\eaff\" }\n/*!@.codicon-github-alt:before*/.codicon-github-alt.sc-kol-icon-default:before { content: \"\\eb00\" }\n/*!@.codicon-globe:before*/.codicon-globe.sc-kol-icon-default:before { content: \"\\eb01\" }\n/*!@.codicon-grabber:before*/.codicon-grabber.sc-kol-icon-default:before { content: \"\\eb02\" }\n/*!@.codicon-graph:before*/.codicon-graph.sc-kol-icon-default:before { content: \"\\eb03\" }\n/*!@.codicon-gripper:before*/.codicon-gripper.sc-kol-icon-default:before { content: \"\\eb04\" }\n/*!@.codicon-heart:before*/.codicon-heart.sc-kol-icon-default:before { content: \"\\eb05\" }\n/*!@.codicon-home:before*/.codicon-home.sc-kol-icon-default:before { content: \"\\eb06\" }\n/*!@.codicon-horizontal-rule:before*/.codicon-horizontal-rule.sc-kol-icon-default:before { content: \"\\eb07\" }\n/*!@.codicon-hubot:before*/.codicon-hubot.sc-kol-icon-default:before { content: \"\\eb08\" }\n/*!@.codicon-inbox:before*/.codicon-inbox.sc-kol-icon-default:before { content: \"\\eb09\" }\n/*!@.codicon-issue-reopened:before*/.codicon-issue-reopened.sc-kol-icon-default:before { content: \"\\eb0b\" }\n/*!@.codicon-issues:before*/.codicon-issues.sc-kol-icon-default:before { content: \"\\eb0c\" }\n/*!@.codicon-italic:before*/.codicon-italic.sc-kol-icon-default:before { content: \"\\eb0d\" }\n/*!@.codicon-jersey:before*/.codicon-jersey.sc-kol-icon-default:before { content: \"\\eb0e\" }\n/*!@.codicon-json:before*/.codicon-json.sc-kol-icon-default:before { content: \"\\eb0f\" }\n/*!@.codicon-kebab-vertical:before*/.codicon-kebab-vertical.sc-kol-icon-default:before { content: \"\\eb10\" }\n/*!@.codicon-key:before*/.codicon-key.sc-kol-icon-default:before { content: \"\\eb11\" }\n/*!@.codicon-law:before*/.codicon-law.sc-kol-icon-default:before { content: \"\\eb12\" }\n/*!@.codicon-lightbulb-autofix:before*/.codicon-lightbulb-autofix.sc-kol-icon-default:before { content: \"\\eb13\" }\n/*!@.codicon-link-external:before*/.codicon-link-external.sc-kol-icon-default:before { content: \"\\eb14\" }\n/*!@.codicon-link:before*/.codicon-link.sc-kol-icon-default:before { content: \"\\eb15\" }\n/*!@.codicon-list-ordered:before*/.codicon-list-ordered.sc-kol-icon-default:before { content: \"\\eb16\" }\n/*!@.codicon-list-unordered:before*/.codicon-list-unordered.sc-kol-icon-default:before { content: \"\\eb17\" }\n/*!@.codicon-live-share:before*/.codicon-live-share.sc-kol-icon-default:before { content: \"\\eb18\" }\n/*!@.codicon-loading:before*/.codicon-loading.sc-kol-icon-default:before { content: \"\\eb19\" }\n/*!@.codicon-location:before*/.codicon-location.sc-kol-icon-default:before { content: \"\\eb1a\" }\n/*!@.codicon-mail-read:before*/.codicon-mail-read.sc-kol-icon-default:before { content: \"\\eb1b\" }\n/*!@.codicon-mail:before*/.codicon-mail.sc-kol-icon-default:before { content: \"\\eb1c\" }\n/*!@.codicon-markdown:before*/.codicon-markdown.sc-kol-icon-default:before { content: \"\\eb1d\" }\n/*!@.codicon-megaphone:before*/.codicon-megaphone.sc-kol-icon-default:before { content: \"\\eb1e\" }\n/*!@.codicon-mention:before*/.codicon-mention.sc-kol-icon-default:before { content: \"\\eb1f\" }\n/*!@.codicon-milestone:before*/.codicon-milestone.sc-kol-icon-default:before { content: \"\\eb20\" }\n/*!@.codicon-mortar-board:before*/.codicon-mortar-board.sc-kol-icon-default:before { content: \"\\eb21\" }\n/*!@.codicon-move:before*/.codicon-move.sc-kol-icon-default:before { content: \"\\eb22\" }\n/*!@.codicon-multiple-windows:before*/.codicon-multiple-windows.sc-kol-icon-default:before { content: \"\\eb23\" }\n/*!@.codicon-mute:before*/.codicon-mute.sc-kol-icon-default:before { content: \"\\eb24\" }\n/*!@.codicon-no-newline:before*/.codicon-no-newline.sc-kol-icon-default:before { content: \"\\eb25\" }\n/*!@.codicon-note:before*/.codicon-note.sc-kol-icon-default:before { content: \"\\eb26\" }\n/*!@.codicon-octoface:before*/.codicon-octoface.sc-kol-icon-default:before { content: \"\\eb27\" }\n/*!@.codicon-open-preview:before*/.codicon-open-preview.sc-kol-icon-default:before { content: \"\\eb28\" }\n/*!@.codicon-package:before*/.codicon-package.sc-kol-icon-default:before { content: \"\\eb29\" }\n/*!@.codicon-paintcan:before*/.codicon-paintcan.sc-kol-icon-default:before { content: \"\\eb2a\" }\n/*!@.codicon-pin:before*/.codicon-pin.sc-kol-icon-default:before { content: \"\\eb2b\" }\n/*!@.codicon-play:before*/.codicon-play.sc-kol-icon-default:before { content: \"\\eb2c\" }\n/*!@.codicon-run:before*/.codicon-run.sc-kol-icon-default:before { content: \"\\eb2c\" }\n/*!@.codicon-plug:before*/.codicon-plug.sc-kol-icon-default:before { content: \"\\eb2d\" }\n/*!@.codicon-preserve-case:before*/.codicon-preserve-case.sc-kol-icon-default:before { content: \"\\eb2e\" }\n/*!@.codicon-preview:before*/.codicon-preview.sc-kol-icon-default:before { content: \"\\eb2f\" }\n/*!@.codicon-project:before*/.codicon-project.sc-kol-icon-default:before { content: \"\\eb30\" }\n/*!@.codicon-pulse:before*/.codicon-pulse.sc-kol-icon-default:before { content: \"\\eb31\" }\n/*!@.codicon-question:before*/.codicon-question.sc-kol-icon-default:before { content: \"\\eb32\" }\n/*!@.codicon-quote:before*/.codicon-quote.sc-kol-icon-default:before { content: \"\\eb33\" }\n/*!@.codicon-radio-tower:before*/.codicon-radio-tower.sc-kol-icon-default:before { content: \"\\eb34\" }\n/*!@.codicon-reactions:before*/.codicon-reactions.sc-kol-icon-default:before { content: \"\\eb35\" }\n/*!@.codicon-references:before*/.codicon-references.sc-kol-icon-default:before { content: \"\\eb36\" }\n/*!@.codicon-refresh:before*/.codicon-refresh.sc-kol-icon-default:before { content: \"\\eb37\" }\n/*!@.codicon-regex:before*/.codicon-regex.sc-kol-icon-default:before { content: \"\\eb38\" }\n/*!@.codicon-remote-explorer:before*/.codicon-remote-explorer.sc-kol-icon-default:before { content: \"\\eb39\" }\n/*!@.codicon-remote:before*/.codicon-remote.sc-kol-icon-default:before { content: \"\\eb3a\" }\n/*!@.codicon-remove:before*/.codicon-remove.sc-kol-icon-default:before { content: \"\\eb3b\" }\n/*!@.codicon-replace-all:before*/.codicon-replace-all.sc-kol-icon-default:before { content: \"\\eb3c\" }\n/*!@.codicon-replace:before*/.codicon-replace.sc-kol-icon-default:before { content: \"\\eb3d\" }\n/*!@.codicon-repo-clone:before*/.codicon-repo-clone.sc-kol-icon-default:before { content: \"\\eb3e\" }\n/*!@.codicon-repo-force-push:before*/.codicon-repo-force-push.sc-kol-icon-default:before { content: \"\\eb3f\" }\n/*!@.codicon-repo-pull:before*/.codicon-repo-pull.sc-kol-icon-default:before { content: \"\\eb40\" }\n/*!@.codicon-repo-push:before*/.codicon-repo-push.sc-kol-icon-default:before { content: \"\\eb41\" }\n/*!@.codicon-report:before*/.codicon-report.sc-kol-icon-default:before { content: \"\\eb42\" }\n/*!@.codicon-request-changes:before*/.codicon-request-changes.sc-kol-icon-default:before { content: \"\\eb43\" }\n/*!@.codicon-rocket:before*/.codicon-rocket.sc-kol-icon-default:before { content: \"\\eb44\" }\n/*!@.codicon-root-folder-opened:before*/.codicon-root-folder-opened.sc-kol-icon-default:before { content: \"\\eb45\" }\n/*!@.codicon-root-folder:before*/.codicon-root-folder.sc-kol-icon-default:before { content: \"\\eb46\" }\n/*!@.codicon-rss:before*/.codicon-rss.sc-kol-icon-default:before { content: \"\\eb47\" }\n/*!@.codicon-ruby:before*/.codicon-ruby.sc-kol-icon-default:before { content: \"\\eb48\" }\n/*!@.codicon-save-all:before*/.codicon-save-all.sc-kol-icon-default:before { content: \"\\eb49\" }\n/*!@.codicon-save-as:before*/.codicon-save-as.sc-kol-icon-default:before { content: \"\\eb4a\" }\n/*!@.codicon-save:before*/.codicon-save.sc-kol-icon-default:before { content: \"\\eb4b\" }\n/*!@.codicon-screen-full:before*/.codicon-screen-full.sc-kol-icon-default:before { content: \"\\eb4c\" }\n/*!@.codicon-screen-normal:before*/.codicon-screen-normal.sc-kol-icon-default:before { content: \"\\eb4d\" }\n/*!@.codicon-search-stop:before*/.codicon-search-stop.sc-kol-icon-default:before { content: \"\\eb4e\" }\n/*!@.codicon-server:before*/.codicon-server.sc-kol-icon-default:before { content: \"\\eb50\" }\n/*!@.codicon-settings-gear:before*/.codicon-settings-gear.sc-kol-icon-default:before { content: \"\\eb51\" }\n/*!@.codicon-settings:before*/.codicon-settings.sc-kol-icon-default:before { content: \"\\eb52\" }\n/*!@.codicon-shield:before*/.codicon-shield.sc-kol-icon-default:before { content: \"\\eb53\" }\n/*!@.codicon-smiley:before*/.codicon-smiley.sc-kol-icon-default:before { content: \"\\eb54\" }\n/*!@.codicon-sort-precedence:before*/.codicon-sort-precedence.sc-kol-icon-default:before { content: \"\\eb55\" }\n/*!@.codicon-split-horizontal:before*/.codicon-split-horizontal.sc-kol-icon-default:before { content: \"\\eb56\" }\n/*!@.codicon-split-vertical:before*/.codicon-split-vertical.sc-kol-icon-default:before { content: \"\\eb57\" }\n/*!@.codicon-squirrel:before*/.codicon-squirrel.sc-kol-icon-default:before { content: \"\\eb58\" }\n/*!@.codicon-star-full:before*/.codicon-star-full.sc-kol-icon-default:before { content: \"\\eb59\" }\n/*!@.codicon-star-half:before*/.codicon-star-half.sc-kol-icon-default:before { content: \"\\eb5a\" }\n/*!@.codicon-symbol-class:before*/.codicon-symbol-class.sc-kol-icon-default:before { content: \"\\eb5b\" }\n/*!@.codicon-symbol-color:before*/.codicon-symbol-color.sc-kol-icon-default:before { content: \"\\eb5c\" }\n/*!@.codicon-symbol-constant:before*/.codicon-symbol-constant.sc-kol-icon-default:before { content: \"\\eb5d\" }\n/*!@.codicon-symbol-enum-member:before*/.codicon-symbol-enum-member.sc-kol-icon-default:before { content: \"\\eb5e\" }\n/*!@.codicon-symbol-field:before*/.codicon-symbol-field.sc-kol-icon-default:before { content: \"\\eb5f\" }\n/*!@.codicon-symbol-file:before*/.codicon-symbol-file.sc-kol-icon-default:before { content: \"\\eb60\" }\n/*!@.codicon-symbol-interface:before*/.codicon-symbol-interface.sc-kol-icon-default:before { content: \"\\eb61\" }\n/*!@.codicon-symbol-keyword:before*/.codicon-symbol-keyword.sc-kol-icon-default:before { content: \"\\eb62\" }\n/*!@.codicon-symbol-misc:before*/.codicon-symbol-misc.sc-kol-icon-default:before { content: \"\\eb63\" }\n/*!@.codicon-symbol-operator:before*/.codicon-symbol-operator.sc-kol-icon-default:before { content: \"\\eb64\" }\n/*!@.codicon-symbol-property:before*/.codicon-symbol-property.sc-kol-icon-default:before { content: \"\\eb65\" }\n/*!@.codicon-wrench:before*/.codicon-wrench.sc-kol-icon-default:before { content: \"\\eb65\" }\n/*!@.codicon-wrench-subaction:before*/.codicon-wrench-subaction.sc-kol-icon-default:before { content: \"\\eb65\" }\n/*!@.codicon-symbol-snippet:before*/.codicon-symbol-snippet.sc-kol-icon-default:before { content: \"\\eb66\" }\n/*!@.codicon-tasklist:before*/.codicon-tasklist.sc-kol-icon-default:before { content: \"\\eb67\" }\n/*!@.codicon-telescope:before*/.codicon-telescope.sc-kol-icon-default:before { content: \"\\eb68\" }\n/*!@.codicon-text-size:before*/.codicon-text-size.sc-kol-icon-default:before { content: \"\\eb69\" }\n/*!@.codicon-three-bars:before*/.codicon-three-bars.sc-kol-icon-default:before { content: \"\\eb6a\" }\n/*!@.codicon-thumbsdown:before*/.codicon-thumbsdown.sc-kol-icon-default:before { content: \"\\eb6b\" }\n/*!@.codicon-thumbsup:before*/.codicon-thumbsup.sc-kol-icon-default:before { content: \"\\eb6c\" }\n/*!@.codicon-tools:before*/.codicon-tools.sc-kol-icon-default:before { content: \"\\eb6d\" }\n/*!@.codicon-triangle-down:before*/.codicon-triangle-down.sc-kol-icon-default:before { content: \"\\eb6e\" }\n/*!@.codicon-triangle-left:before*/.codicon-triangle-left.sc-kol-icon-default:before { content: \"\\eb6f\" }\n/*!@.codicon-triangle-right:before*/.codicon-triangle-right.sc-kol-icon-default:before { content: \"\\eb70\" }\n/*!@.codicon-triangle-up:before*/.codicon-triangle-up.sc-kol-icon-default:before { content: \"\\eb71\" }\n/*!@.codicon-twitter:before*/.codicon-twitter.sc-kol-icon-default:before { content: \"\\eb72\" }\n/*!@.codicon-unfold:before*/.codicon-unfold.sc-kol-icon-default:before { content: \"\\eb73\" }\n/*!@.codicon-unlock:before*/.codicon-unlock.sc-kol-icon-default:before { content: \"\\eb74\" }\n/*!@.codicon-unmute:before*/.codicon-unmute.sc-kol-icon-default:before { content: \"\\eb75\" }\n/*!@.codicon-unverified:before*/.codicon-unverified.sc-kol-icon-default:before { content: \"\\eb76\" }\n/*!@.codicon-verified:before*/.codicon-verified.sc-kol-icon-default:before { content: \"\\eb77\" }\n/*!@.codicon-versions:before*/.codicon-versions.sc-kol-icon-default:before { content: \"\\eb78\" }\n/*!@.codicon-vm-active:before*/.codicon-vm-active.sc-kol-icon-default:before { content: \"\\eb79\" }\n/*!@.codicon-vm-outline:before*/.codicon-vm-outline.sc-kol-icon-default:before { content: \"\\eb7a\" }\n/*!@.codicon-vm-running:before*/.codicon-vm-running.sc-kol-icon-default:before { content: \"\\eb7b\" }\n/*!@.codicon-watch:before*/.codicon-watch.sc-kol-icon-default:before { content: \"\\eb7c\" }\n/*!@.codicon-whitespace:before*/.codicon-whitespace.sc-kol-icon-default:before { content: \"\\eb7d\" }\n/*!@.codicon-whole-word:before*/.codicon-whole-word.sc-kol-icon-default:before { content: \"\\eb7e\" }\n/*!@.codicon-window:before*/.codicon-window.sc-kol-icon-default:before { content: \"\\eb7f\" }\n/*!@.codicon-word-wrap:before*/.codicon-word-wrap.sc-kol-icon-default:before { content: \"\\eb80\" }\n/*!@.codicon-zoom-in:before*/.codicon-zoom-in.sc-kol-icon-default:before { content: \"\\eb81\" }\n/*!@.codicon-zoom-out:before*/.codicon-zoom-out.sc-kol-icon-default:before { content: \"\\eb82\" }\n/*!@.codicon-list-filter:before*/.codicon-list-filter.sc-kol-icon-default:before { content: \"\\eb83\" }\n/*!@.codicon-list-flat:before*/.codicon-list-flat.sc-kol-icon-default:before { content: \"\\eb84\" }\n/*!@.codicon-list-selection:before*/.codicon-list-selection.sc-kol-icon-default:before { content: \"\\eb85\" }\n/*!@.codicon-selection:before*/.codicon-selection.sc-kol-icon-default:before { content: \"\\eb85\" }\n/*!@.codicon-list-tree:before*/.codicon-list-tree.sc-kol-icon-default:before { content: \"\\eb86\" }\n/*!@.codicon-debug-breakpoint-function-unverified:before*/.codicon-debug-breakpoint-function-unverified.sc-kol-icon-default:before { content: \"\\eb87\" }\n/*!@.codicon-debug-breakpoint-function:before*/.codicon-debug-breakpoint-function.sc-kol-icon-default:before { content: \"\\eb88\" }\n/*!@.codicon-debug-breakpoint-function-disabled:before*/.codicon-debug-breakpoint-function-disabled.sc-kol-icon-default:before { content: \"\\eb88\" }\n/*!@.codicon-debug-stackframe-active:before*/.codicon-debug-stackframe-active.sc-kol-icon-default:before { content: \"\\eb89\" }\n/*!@.codicon-circle-small-filled:before*/.codicon-circle-small-filled.sc-kol-icon-default:before { content: \"\\eb8a\" }\n/*!@.codicon-debug-stackframe-dot:before*/.codicon-debug-stackframe-dot.sc-kol-icon-default:before { content: \"\\eb8a\" }\n/*!@.codicon-debug-stackframe:before*/.codicon-debug-stackframe.sc-kol-icon-default:before { content: \"\\eb8b\" }\n/*!@.codicon-debug-stackframe-focused:before*/.codicon-debug-stackframe-focused.sc-kol-icon-default:before { content: \"\\eb8b\" }\n/*!@.codicon-debug-breakpoint-unsupported:before*/.codicon-debug-breakpoint-unsupported.sc-kol-icon-default:before { content: \"\\eb8c\" }\n/*!@.codicon-symbol-string:before*/.codicon-symbol-string.sc-kol-icon-default:before { content: \"\\eb8d\" }\n/*!@.codicon-debug-reverse-continue:before*/.codicon-debug-reverse-continue.sc-kol-icon-default:before { content: \"\\eb8e\" }\n/*!@.codicon-debug-step-back:before*/.codicon-debug-step-back.sc-kol-icon-default:before { content: \"\\eb8f\" }\n/*!@.codicon-debug-restart-frame:before*/.codicon-debug-restart-frame.sc-kol-icon-default:before { content: \"\\eb90\" }\n/*!@.codicon-debug-alt:before*/.codicon-debug-alt.sc-kol-icon-default:before { content: \"\\eb91\" }\n/*!@.codicon-call-incoming:before*/.codicon-call-incoming.sc-kol-icon-default:before { content: \"\\eb92\" }\n/*!@.codicon-call-outgoing:before*/.codicon-call-outgoing.sc-kol-icon-default:before { content: \"\\eb93\" }\n/*!@.codicon-menu:before*/.codicon-menu.sc-kol-icon-default:before { content: \"\\eb94\" }\n/*!@.codicon-expand-all:before*/.codicon-expand-all.sc-kol-icon-default:before { content: \"\\eb95\" }\n/*!@.codicon-feedback:before*/.codicon-feedback.sc-kol-icon-default:before { content: \"\\eb96\" }\n/*!@.codicon-group-by-ref-type:before*/.codicon-group-by-ref-type.sc-kol-icon-default:before { content: \"\\eb97\" }\n/*!@.codicon-ungroup-by-ref-type:before*/.codicon-ungroup-by-ref-type.sc-kol-icon-default:before { content: \"\\eb98\" }\n/*!@.codicon-account:before*/.codicon-account.sc-kol-icon-default:before { content: \"\\eb99\" }\n/*!@.codicon-bell-dot:before*/.codicon-bell-dot.sc-kol-icon-default:before { content: \"\\eb9a\" }\n/*!@.codicon-debug-console:before*/.codicon-debug-console.sc-kol-icon-default:before { content: \"\\eb9b\" }\n/*!@.codicon-library:before*/.codicon-library.sc-kol-icon-default:before { content: \"\\eb9c\" }\n/*!@.codicon-output:before*/.codicon-output.sc-kol-icon-default:before { content: \"\\eb9d\" }\n/*!@.codicon-run-all:before*/.codicon-run-all.sc-kol-icon-default:before { content: \"\\eb9e\" }\n/*!@.codicon-sync-ignored:before*/.codicon-sync-ignored.sc-kol-icon-default:before { content: \"\\eb9f\" }\n/*!@.codicon-pinned:before*/.codicon-pinned.sc-kol-icon-default:before { content: \"\\eba0\" }\n/*!@.codicon-github-inverted:before*/.codicon-github-inverted.sc-kol-icon-default:before { content: \"\\eba1\" }\n/*!@.codicon-server-process:before*/.codicon-server-process.sc-kol-icon-default:before { content: \"\\eba2\" }\n/*!@.codicon-server-environment:before*/.codicon-server-environment.sc-kol-icon-default:before { content: \"\\eba3\" }\n/*!@.codicon-pass:before*/.codicon-pass.sc-kol-icon-default:before { content: \"\\eba4\" }\n/*!@.codicon-issue-closed:before*/.codicon-issue-closed.sc-kol-icon-default:before { content: \"\\eba4\" }\n/*!@.codicon-stop-circle:before*/.codicon-stop-circle.sc-kol-icon-default:before { content: \"\\eba5\" }\n/*!@.codicon-play-circle:before*/.codicon-play-circle.sc-kol-icon-default:before { content: \"\\eba6\" }\n/*!@.codicon-record:before*/.codicon-record.sc-kol-icon-default:before { content: \"\\eba7\" }\n/*!@.codicon-debug-alt-small:before*/.codicon-debug-alt-small.sc-kol-icon-default:before { content: \"\\eba8\" }\n/*!@.codicon-vm-connect:before*/.codicon-vm-connect.sc-kol-icon-default:before { content: \"\\eba9\" }\n/*!@.codicon-cloud:before*/.codicon-cloud.sc-kol-icon-default:before { content: \"\\ebaa\" }\n/*!@.codicon-merge:before*/.codicon-merge.sc-kol-icon-default:before { content: \"\\ebab\" }\n/*!@.codicon-export:before*/.codicon-export.sc-kol-icon-default:before { content: \"\\ebac\" }\n/*!@.codicon-graph-left:before*/.codicon-graph-left.sc-kol-icon-default:before { content: \"\\ebad\" }\n/*!@.codicon-magnet:before*/.codicon-magnet.sc-kol-icon-default:before { content: \"\\ebae\" }\n/*!@.codicon-notebook:before*/.codicon-notebook.sc-kol-icon-default:before { content: \"\\ebaf\" }\n/*!@.codicon-redo:before*/.codicon-redo.sc-kol-icon-default:before { content: \"\\ebb0\" }\n/*!@.codicon-check-all:before*/.codicon-check-all.sc-kol-icon-default:before { content: \"\\ebb1\" }\n/*!@.codicon-pinned-dirty:before*/.codicon-pinned-dirty.sc-kol-icon-default:before { content: \"\\ebb2\" }\n/*!@.codicon-pass-filled:before*/.codicon-pass-filled.sc-kol-icon-default:before { content: \"\\ebb3\" }\n/*!@.codicon-circle-large-filled:before*/.codicon-circle-large-filled.sc-kol-icon-default:before { content: \"\\ebb4\" }\n/*!@.codicon-circle-large-outline:before*/.codicon-circle-large-outline.sc-kol-icon-default:before { content: \"\\ebb5\" }\n/*!@.codicon-combine:before*/.codicon-combine.sc-kol-icon-default:before { content: \"\\ebb6\" }\n/*!@.codicon-gather:before*/.codicon-gather.sc-kol-icon-default:before { content: \"\\ebb6\" }\n/*!@.codicon-table:before*/.codicon-table.sc-kol-icon-default:before { content: \"\\ebb7\" }\n/*!@.codicon-variable-group:before*/.codicon-variable-group.sc-kol-icon-default:before { content: \"\\ebb8\" }\n/*!@.codicon-type-hierarchy:before*/.codicon-type-hierarchy.sc-kol-icon-default:before { content: \"\\ebb9\" }\n/*!@.codicon-type-hierarchy-sub:before*/.codicon-type-hierarchy-sub.sc-kol-icon-default:before { content: \"\\ebba\" }\n/*!@.codicon-type-hierarchy-super:before*/.codicon-type-hierarchy-super.sc-kol-icon-default:before { content: \"\\ebbb\" }\n/*!@.codicon-git-pull-request-create:before*/.codicon-git-pull-request-create.sc-kol-icon-default:before { content: \"\\ebbc\" }\n/*!@.codicon-run-above:before*/.codicon-run-above.sc-kol-icon-default:before { content: \"\\ebbd\" }\n/*!@.codicon-run-below:before*/.codicon-run-below.sc-kol-icon-default:before { content: \"\\ebbe\" }\n/*!@.codicon-notebook-template:before*/.codicon-notebook-template.sc-kol-icon-default:before { content: \"\\ebbf\" }\n/*!@.codicon-debug-rerun:before*/.codicon-debug-rerun.sc-kol-icon-default:before { content: \"\\ebc0\" }\n/*!@.codicon-workspace-trusted:before*/.codicon-workspace-trusted.sc-kol-icon-default:before { content: \"\\ebc1\" }\n/*!@.codicon-workspace-untrusted:before*/.codicon-workspace-untrusted.sc-kol-icon-default:before { content: \"\\ebc2\" }\n/*!@.codicon-workspace-unknown:before*/.codicon-workspace-unknown.sc-kol-icon-default:before { content: \"\\ebc3\" }\n/*!@.codicon-terminal-cmd:before*/.codicon-terminal-cmd.sc-kol-icon-default:before { content: \"\\ebc4\" }\n/*!@.codicon-terminal-debian:before*/.codicon-terminal-debian.sc-kol-icon-default:before { content: \"\\ebc5\" }\n/*!@.codicon-terminal-linux:before*/.codicon-terminal-linux.sc-kol-icon-default:before { content: \"\\ebc6\" }\n/*!@.codicon-terminal-powershell:before*/.codicon-terminal-powershell.sc-kol-icon-default:before { content: \"\\ebc7\" }\n/*!@.codicon-terminal-tmux:before*/.codicon-terminal-tmux.sc-kol-icon-default:before { content: \"\\ebc8\" }\n/*!@.codicon-terminal-ubuntu:before*/.codicon-terminal-ubuntu.sc-kol-icon-default:before { content: \"\\ebc9\" }\n/*!@.codicon-terminal-bash:before*/.codicon-terminal-bash.sc-kol-icon-default:before { content: \"\\ebca\" }\n/*!@.codicon-arrow-swap:before*/.codicon-arrow-swap.sc-kol-icon-default:before { content: \"\\ebcb\" }\n/*!@.codicon-copy:before*/.codicon-copy.sc-kol-icon-default:before { content: \"\\ebcc\" }\n/*!@.codicon-person-add:before*/.codicon-person-add.sc-kol-icon-default:before { content: \"\\ebcd\" }\n/*!@.codicon-filter-filled:before*/.codicon-filter-filled.sc-kol-icon-default:before { content: \"\\ebce\" }\n/*!@.codicon-wand:before*/.codicon-wand.sc-kol-icon-default:before { content: \"\\ebcf\" }\n/*!@.codicon-debug-line-by-line:before*/.codicon-debug-line-by-line.sc-kol-icon-default:before { content: \"\\ebd0\" }\n/*!@.codicon-inspect:before*/.codicon-inspect.sc-kol-icon-default:before { content: \"\\ebd1\" }\n/*!@.codicon-layers:before*/.codicon-layers.sc-kol-icon-default:before { content: \"\\ebd2\" }\n/*!@.codicon-layers-dot:before*/.codicon-layers-dot.sc-kol-icon-default:before { content: \"\\ebd3\" }\n/*!@.codicon-layers-active:before*/.codicon-layers-active.sc-kol-icon-default:before { content: \"\\ebd4\" }\n/*!@.codicon-compass:before*/.codicon-compass.sc-kol-icon-default:before { content: \"\\ebd5\" }\n/*!@.codicon-compass-dot:before*/.codicon-compass-dot.sc-kol-icon-default:before { content: \"\\ebd6\" }\n/*!@.codicon-compass-active:before*/.codicon-compass-active.sc-kol-icon-default:before { content: \"\\ebd7\" }\n/*!@.codicon-azure:before*/.codicon-azure.sc-kol-icon-default:before { content: \"\\ebd8\" }\n/*!@.codicon-issue-draft:before*/.codicon-issue-draft.sc-kol-icon-default:before { content: \"\\ebd9\" }\n/*!@.codicon-git-pull-request-closed:before*/.codicon-git-pull-request-closed.sc-kol-icon-default:before { content: \"\\ebda\" }\n/*!@.codicon-git-pull-request-draft:before*/.codicon-git-pull-request-draft.sc-kol-icon-default:before { content: \"\\ebdb\" }\n/*!@.codicon-debug-all:before*/.codicon-debug-all.sc-kol-icon-default:before { content: \"\\ebdc\" }\n/*!@.codicon-debug-coverage:before*/.codicon-debug-coverage.sc-kol-icon-default:before { content: \"\\ebdd\" }\n/*!@.codicon-run-errors:before*/.codicon-run-errors.sc-kol-icon-default:before { content: \"\\ebde\" }\n/*!@.codicon-folder-library:before*/.codicon-folder-library.sc-kol-icon-default:before { content: \"\\ebdf\" }\n/*!@.codicon-debug-continue-small:before*/.codicon-debug-continue-small.sc-kol-icon-default:before { content: \"\\ebe0\" }\n/*!@.codicon-beaker-stop:before*/.codicon-beaker-stop.sc-kol-icon-default:before { content: \"\\ebe1\" }\n/*!@.codicon-graph-line:before*/.codicon-graph-line.sc-kol-icon-default:before { content: \"\\ebe2\" }\n/*!@.codicon-graph-scatter:before*/.codicon-graph-scatter.sc-kol-icon-default:before { content: \"\\ebe3\" }\n/*!@.codicon-pie-chart:before*/.codicon-pie-chart.sc-kol-icon-default:before { content: \"\\ebe4\" }\n/*!@.codicon-bracket:before*/.codicon-bracket.sc-kol-icon-default:before { content: \"\\eb0f\" }\n/*!@.codicon-bracket-dot:before*/.codicon-bracket-dot.sc-kol-icon-default:before { content: \"\\ebe5\" }\n/*!@.codicon-bracket-error:before*/.codicon-bracket-error.sc-kol-icon-default:before { content: \"\\ebe6\" }\n/*!@.codicon-lock-small:before*/.codicon-lock-small.sc-kol-icon-default:before { content: \"\\ebe7\" }\n/*!@.codicon-azure-devops:before*/.codicon-azure-devops.sc-kol-icon-default:before { content: \"\\ebe8\" }\n/*!@.codicon-verified-filled:before*/.codicon-verified-filled.sc-kol-icon-default:before { content: \"\\ebe9\" }\n/*!@.codicon-newline:before*/.codicon-newline.sc-kol-icon-default:before { content: \"\\ebea\" }\n/*!@.codicon-layout:before*/.codicon-layout.sc-kol-icon-default:before { content: \"\\ebeb\" }\n/*!@.codicon-layout-activitybar-left:before*/.codicon-layout-activitybar-left.sc-kol-icon-default:before { content: \"\\ebec\" }\n/*!@.codicon-layout-activitybar-right:before*/.codicon-layout-activitybar-right.sc-kol-icon-default:before { content: \"\\ebed\" }\n/*!@.codicon-layout-panel-left:before*/.codicon-layout-panel-left.sc-kol-icon-default:before { content: \"\\ebee\" }\n/*!@.codicon-layout-panel-center:before*/.codicon-layout-panel-center.sc-kol-icon-default:before { content: \"\\ebef\" }\n/*!@.codicon-layout-panel-justify:before*/.codicon-layout-panel-justify.sc-kol-icon-default:before { content: \"\\ebf0\" }\n/*!@.codicon-layout-panel-right:before*/.codicon-layout-panel-right.sc-kol-icon-default:before { content: \"\\ebf1\" }\n/*!@.codicon-layout-panel:before*/.codicon-layout-panel.sc-kol-icon-default:before { content: \"\\ebf2\" }\n/*!@.codicon-layout-sidebar-left:before*/.codicon-layout-sidebar-left.sc-kol-icon-default:before { content: \"\\ebf3\" }\n/*!@.codicon-layout-sidebar-right:before*/.codicon-layout-sidebar-right.sc-kol-icon-default:before { content: \"\\ebf4\" }\n/*!@.codicon-layout-statusbar:before*/.codicon-layout-statusbar.sc-kol-icon-default:before { content: \"\\ebf5\" }\n/*!@.codicon-layout-menubar:before*/.codicon-layout-menubar.sc-kol-icon-default:before { content: \"\\ebf6\" }\n/*!@.codicon-layout-centered:before*/.codicon-layout-centered.sc-kol-icon-default:before { content: \"\\ebf7\" }\n/*!@.codicon-target:before*/.codicon-target.sc-kol-icon-default:before { content: \"\\ebf8\" }\n/*!@.codicon-indent:before*/.codicon-indent.sc-kol-icon-default:before { content: \"\\ebf9\" }\n/*!@.codicon-record-small:before*/.codicon-record-small.sc-kol-icon-default:before { content: \"\\ebfa\" }\n/*!@.codicon-error-small:before*/.codicon-error-small.sc-kol-icon-default:before { content: \"\\ebfb\" }\n/*!@.codicon-arrow-circle-down:before*/.codicon-arrow-circle-down.sc-kol-icon-default:before { content: \"\\ebfc\" }\n/*!@.codicon-arrow-circle-left:before*/.codicon-arrow-circle-left.sc-kol-icon-default:before { content: \"\\ebfd\" }\n/*!@.codicon-arrow-circle-right:before*/.codicon-arrow-circle-right.sc-kol-icon-default:before { content: \"\\ebfe\" }\n/*!@.codicon-arrow-circle-up:before*/.codicon-arrow-circle-up.sc-kol-icon-default:before { content: \"\\ebff\" }\n/*!@.codicon-layout-sidebar-right-off:before*/.codicon-layout-sidebar-right-off.sc-kol-icon-default:before { content: \"\\ec00\" }\n/*!@.codicon-layout-panel-off:before*/.codicon-layout-panel-off.sc-kol-icon-default:before { content: \"\\ec01\" }\n/*!@.codicon-layout-sidebar-left-off:before*/.codicon-layout-sidebar-left-off.sc-kol-icon-default:before { content: \"\\ec02\" }\n/*!@.codicon-blank:before*/.codicon-blank.sc-kol-icon-default:before { content: \"\\ec03\" }\n/*!@.codicon-heart-filled:before*/.codicon-heart-filled.sc-kol-icon-default:before { content: \"\\ec04\" }\n/*!@.codicon-map:before*/.codicon-map.sc-kol-icon-default:before { content: \"\\ec05\" }\n/*!@.codicon-map-filled:before*/.codicon-map-filled.sc-kol-icon-default:before { content: \"\\ec06\" }\n/*!@.codicon-circle-small:before*/.codicon-circle-small.sc-kol-icon-default:before { content: \"\\ec07\" }\n/*!@.codicon-bell-slash:before*/.codicon-bell-slash.sc-kol-icon-default:before { content: \"\\ec08\" }\n/*!@.codicon-bell-slash-dot:before*/.codicon-bell-slash-dot.sc-kol-icon-default:before { content: \"\\ec09\" }\n/*!@.codicon-comment-unresolved:before*/.codicon-comment-unresolved.sc-kol-icon-default:before { content: \"\\ec0a\" }\n/*!@.codicon-git-pull-request-go-to-changes:before*/.codicon-git-pull-request-go-to-changes.sc-kol-icon-default:before { content: \"\\ec0b\" }\n/*!@.codicon-git-pull-request-new-changes:before*/.codicon-git-pull-request-new-changes.sc-kol-icon-default:before { content: \"\\ec0c\" }\n\n@layer kol-component {\n\t.sc-kol-icon-default-h {\n\t\tcolor: inherit;\n\t\tdisplay: contents;\n\t\theight: 1em;\n\t\tline-height: inherit;\n\t\twidth: 1em;\n\t}\n\n\t.sc-kol-icon-default-h > i {\n\t\theight: 1em;\n\t\twidth: 1em;\n\t}\n\n\t\n\t.sc-kol-icon-default-h > i,\n\t.sc-kol-icon-default-h > i:before {\n\t\tfont-size: inherit !important;\n\t}\n}";
12408
12422
 
12409
12423
  class KolIcon {
12410
12424
  constructor(hostRef) {
@@ -12435,7 +12449,7 @@ class KolIcon {
12435
12449
  "_label": ["validateLabel"]
12436
12450
  }; }
12437
12451
  static get style() { return {
12438
- default: defaultStyleCss$x
12452
+ default: defaultStyleCss$w
12439
12453
  }; }
12440
12454
  static get cmpMeta() { return {
12441
12455
  "$flags$": 41,
@@ -12456,7 +12470,7 @@ function validateLoading(component, value) {
12456
12470
  watchValidator(component, '_loading', (value) => value === 'eager' || value === 'lazy', AVAILABLE_LOADING_VALUES, value);
12457
12471
  }
12458
12472
 
12459
- const defaultStyleCss$w = "@layer kol-component {\n\timg {\n\t\tmax-height: 100%;\n\t\tmax-width: 100%;\n\t}\n}";
12473
+ const defaultStyleCss$v = "@layer kol-component {\n\timg {\n\t\tmax-height: 100%;\n\t\tmax-width: 100%;\n\t}\n}";
12460
12474
 
12461
12475
  class KolImage {
12462
12476
  constructor(hostRef) {
@@ -12509,7 +12523,7 @@ class KolImage {
12509
12523
  "_srcset": ["validateSrcset"]
12510
12524
  }; }
12511
12525
  static get style() { return {
12512
- default: defaultStyleCss$w
12526
+ default: defaultStyleCss$v
12513
12527
  }; }
12514
12528
  static get cmpMeta() { return {
12515
12529
  "$flags$": 41,
@@ -12528,7 +12542,7 @@ class KolImage {
12528
12542
  }; }
12529
12543
  }
12530
12544
 
12531
- const defaultStyleCss$v = "@layer kol-global {\n\t\n\t.sc-kol-indented-text-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-indented-text-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-indented-text-default-h {\n\t\tdisplay: block;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-indented-text-default-h > div {\n\t\tborder-left-style: solid;\n\t\tpadding-left: 0.5em;\n\t}\n}";
12545
+ const defaultStyleCss$u = "@layer kol-global {\n\t\n\t.sc-kol-indented-text-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-indented-text-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-indented-text-default-h {\n\t\tdisplay: block;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-indented-text-default-h > div {\n\t\tborder-left-style: solid;\n\t\tpadding-left: 0.5em;\n\t}\n}";
12532
12546
 
12533
12547
  class KolIndentedText {
12534
12548
  constructor(hostRef) {
@@ -12539,7 +12553,7 @@ class KolIndentedText {
12539
12553
  return (hAsync(Host, null, hAsync("div", null, hAsync("slot", null))));
12540
12554
  }
12541
12555
  static get style() { return {
12542
- default: defaultStyleCss$v
12556
+ default: defaultStyleCss$u
12543
12557
  }; }
12544
12558
  static get cmpMeta() { return {
12545
12559
  "$flags$": 41,
@@ -13018,7 +13032,7 @@ class InputCheckboxController extends InputCheckboxRadioController {
13018
13032
  }
13019
13033
  }
13020
13034
 
13021
- const defaultStyleCss$u = "@layer kol-global {\n\t\n\t.sc-kol-input-checkbox-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-input-checkbox-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.required label > span::after,\n\t.required legend > span::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-input-checkbox-default-h {\n\t\tdisplay: block;\n\t}\n}\n\n@layer kol-component {\n\tinput,\n\ttextarea {\n\t\tcursor: text;\n\t}\n\n\tinput[type='checkbox'],\n\tinput[type='color'],\n\tinput[type='file'],\n\tinput[type='radio'],\n\tinput[type='range'],\n\tlabel,\n\toption,\n\tselect {\n\t\tcursor: pointer;\n\t}\n\n\t\n\t\n\t\n\tinput[type='color'],\n\tinput[type='date'],\n\tinput[type='datetime-local'],\n\tinput[type='email'],\n\tinput[type='file'],\n\tinput[type='month'],\n\tinput[type='number'],\n\tinput[type='password'],\n\tinput[type='search'],\n\tinput[type='tel'],\n\tinput[type='text'],\n\tinput[type='time'],\n\tinput[type='url'],\n\tinput[type='week'],\n\tselect,\n\tselect[multiple] option,\n\ttextarea {\n\t\tfont-size: 1rem;\n\t\twidth: 100%;\n\t}\n\n\t\n\tinput[type='file'] {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 10) 0.5em;\n\t}\n\n\t\n\tselect[multiple] option {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 2) 0.5em;\n\t}\n\n\tkol-input.disabled :is(button, input, label, option, select, textarea) {\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n}\n\n@layer kol-component {\n\tlabel {\n\t\tcursor: pointer;\n\t}\n\n\tkol-input {\n\t\talign-items: center;\n\t\tdisplay: grid;\n\t\tjustify-items: left;\n\t}\n\n\tkol-input.default,\n\tkol-input.switch {\n\t\tgrid-template-columns: auto 1fr;\n\t}\n\n\tkol-input .input {\n\t\talign-items: center;\n\t\tdisplay: grid;\n\t\torder: 1;\n\t}\n\n\tkol-input .input div {\n\t\tdisplay: inline-flex;\n\t}\n\n\tkol-input .input input {\n\t\tmargin: 0;\n\t}\n\n\tkol-input label {\n\t\torder: 2;\n\t}\n\n\tkol-input .hint,\n\tkol-input.error > kol-alert {\n\t\tgrid-column: span 2;\n\t}\n\n\tkol-input kol-alert.error {\n\t\torder: 3;\n\t}\n\n\tkol-input .hint {\n\t\torder: 4;\n\t}\n\n\t.error.hidden {\n\t\tdisplay: none;\n\t}\n\n\tinput {\n\t\tborder-style: solid;\n\t\tborder-width: 2px;\n\t\tline-height: 24px;\n\t}\n\n\tinput[type='checkbox'] {\n\t\tappearance: none;\n\t\tbackground-color: #fff;\n\t\tcursor: pointer;\n\t\ttransition: 0.5s;\n\t}\n\n\tinput[type='checkbox'].kol-disabled:before {\n\t\tcursor: not-allowed;\n\t}\n\n\tinput[type='checkbox']:before {\n\t\tcontent: '';\n\t\tcursor: pointer;\n\t}\n\n\t.default kol-icon {\n\t\tdisplay: none;\n\t}\n\n\tkol-input.required .tooltip-content .span-label::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t.button {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: var(--a11y-min-size) auto;\n\t\tgrid-template-areas: 'error error' 'input label' 'hint hint';\n\t}\n\n\t.button[tabindex]:focus {\n\t\t\n\t\tcursor: inherit;\n\t}\n\n\t.button input {\n\t\tdisplay: none;\n\t}\n\n\t.button > .error {\n\t\tgrid-area: error;\n\t}\n\n\t.button > label {\n\t\tgrid-area: label;\n\t}\n\n\t.button > .input {\n\t\tgrid-area: input;\n\t}\n\n\t.button > .hint {\n\t\tgrid-area: hint;\n\t}\n\n\t.button .icon {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twidth: var(--a11y-min-size);\n\t\theight: var(--a11y-min-size);\n\t}\n}\n\n@layer kol-component {\n\t.default input[type='checkbox'] {\n\t\theight: 1.5em;\n\t\twidth: 1.5em;\n\t}\n\n\t.default input[type='checkbox']:before {\n\t\tdisplay: block;\n\t\theight: 1.5em;\n\t\tposition: relative;\n\t\twidth: 1.5em;\n\t}\n\n\t.default input[type='checkbox']:checked:before {\n\t\tborder-radius: 1px;\n\t\tborder-style: solid;\n\t\tborder-width: 0 3px 3px 0;\n\t\theight: 0.75em;\n\t\tleft: calc(0.375em - 2px);\n\t\ttransform: rotate(40deg) translate(-50%, -50%);\n\t\ttop: calc(0.7125em - 2px);\n\t\twidth: 0.375em;\n\t}\n\n\t.default input[type='checkbox']:indeterminate:before {\n\t\tbackground-color: #000;\n\t\theight: 0.2em;\n\t\tleft: 0.24em;\n\t\ttop: 0.575em;\n\t\twidth: 0.8em;\n\t}\n}\n\n@layer kol-component {\n\t.switch .input {\n\t\tposition: relative;\n\t}\n\n\t.switch input[type='checkbox'] {\n\t\tdisplay: inline-block;\n\t\theight: 1.7em;\n\t\tmin-width: 3.2em;\n\t\tposition: relative;\n\t\twidth: 3.2em;\n\t}\n\n\t.switch input[type='checkbox']::before {\n\t\tbackground-color: #000;\n\t\theight: 1.2em;\n\t\tleft: calc(0.25em - 2px);\n\t\ttop: calc(0.25em - 2px);\n\t\tposition: absolute;\n\t\ttransition: 0.5s;\n\t\twidth: 1.2em;\n\t}\n\n\t.switch input[type='checkbox']:checked::before {\n\t\ttransform: translateX(1.5em);\n\t}\n\n\t.switch input[type='checkbox']:indeterminate::before {\n\t\ttransform: translateX(0.75em);\n\t}\n\n\t.switch .icon {\n\t\tcursor: pointer;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twidth: 1.2em;\n\t\theight: 1.2em;\n\t\tposition: absolute;\n\t\tz-index: 1;\n\t\ttop: 50%;\n\t\tleft: 4px;\n\t\ttransform: translate(0, -50%);\n\t\ttransition: 0.5s;\n\t\tcolor: #000;\n\t}\n\n\t.switch:has(input:checked) .icon {\n\t\ttransform: translate(1.5em, -50%);\n\t}\n\n\t.switch:has(input:indeterminate) .icon {\n\t\ttransform: translate(0.75em, -50%);\n\t}\n}";
13035
+ const defaultStyleCss$t = "@layer kol-global {\n\t\n\t.sc-kol-input-checkbox-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-input-checkbox-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.required label > span::after,\n\t.required legend > span::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-input-checkbox-default-h {\n\t\tdisplay: block;\n\t}\n}\n\n@layer kol-component {\n\tinput,\n\ttextarea {\n\t\tcursor: text;\n\t}\n\n\tinput[type='checkbox'],\n\tinput[type='color'],\n\tinput[type='file'],\n\tinput[type='radio'],\n\tinput[type='range'],\n\tlabel,\n\toption,\n\tselect {\n\t\tcursor: pointer;\n\t}\n\n\t\n\t\n\t\n\tinput[type='color'],\n\tinput[type='date'],\n\tinput[type='datetime-local'],\n\tinput[type='email'],\n\tinput[type='file'],\n\tinput[type='month'],\n\tinput[type='number'],\n\tinput[type='password'],\n\tinput[type='search'],\n\tinput[type='tel'],\n\tinput[type='text'],\n\tinput[type='time'],\n\tinput[type='url'],\n\tinput[type='week'],\n\tselect,\n\tselect[multiple] option,\n\ttextarea {\n\t\tfont-size: 1rem;\n\t\twidth: 100%;\n\t}\n\n\t\n\tinput[type='file'] {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 10) 0.5em;\n\t}\n\n\t\n\tselect[multiple] option {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 2) 0.5em;\n\t}\n\n\tkol-input.disabled :is(button, input, label, option, select, textarea) {\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n}\n\n@layer kol-component {\n\tlabel {\n\t\tcursor: pointer;\n\t}\n\n\tkol-input {\n\t\talign-items: center;\n\t\tdisplay: grid;\n\t\tjustify-items: left;\n\t}\n\n\tkol-input.default,\n\tkol-input.switch {\n\t\tgrid-template-columns: auto 1fr;\n\t}\n\n\tkol-input .input {\n\t\talign-items: center;\n\t\tdisplay: grid;\n\t\torder: 1;\n\t}\n\n\tkol-input .input div {\n\t\tdisplay: inline-flex;\n\t}\n\n\tkol-input .input input {\n\t\tmargin: 0;\n\t}\n\n\tkol-input label {\n\t\torder: 2;\n\t}\n\n\tkol-input .hint,\n\tkol-input.error > kol-alert {\n\t\tgrid-column: span 2;\n\t}\n\n\tkol-input kol-alert.error {\n\t\torder: 3;\n\t}\n\n\tkol-input .hint {\n\t\torder: 4;\n\t}\n\n\t.error.hidden {\n\t\tdisplay: none;\n\t}\n\n\tinput {\n\t\tborder-style: solid;\n\t\tborder-width: 2px;\n\t\tline-height: 24px;\n\t}\n\n\tinput[type='checkbox'] {\n\t\tappearance: none;\n\t\tbackground-color: #fff;\n\t\tcursor: pointer;\n\t\ttransition: 0.5s;\n\t}\n\n\tinput[type='checkbox'].kol-disabled:before {\n\t\tcursor: not-allowed;\n\t}\n\n\tinput[type='checkbox']:before {\n\t\tcontent: '';\n\t\tcursor: pointer;\n\t}\n\n\t.default kol-icon {\n\t\tdisplay: none;\n\t}\n\n\tkol-input.required .tooltip-content .span-label::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t.button {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: var(--a11y-min-size) auto;\n\t\tgrid-template-areas: 'error error' 'input label' 'hint hint';\n\t}\n\n\t.button[tabindex]:focus {\n\t\t\n\t\tcursor: inherit;\n\t}\n\n\t.button input {\n\t\tdisplay: none;\n\t}\n\n\t.button > .error {\n\t\tgrid-area: error;\n\t}\n\n\t.button > label {\n\t\tgrid-area: label;\n\t}\n\n\t.button > .input {\n\t\tgrid-area: input;\n\t}\n\n\t.button > .hint {\n\t\tgrid-area: hint;\n\t}\n\n\t.button .icon {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twidth: var(--a11y-min-size);\n\t\theight: var(--a11y-min-size);\n\t}\n}\n\n@layer kol-component {\n\t.default input[type='checkbox'] {\n\t\theight: 1.5em;\n\t\twidth: 1.5em;\n\t}\n\n\t.default input[type='checkbox']:before {\n\t\tdisplay: block;\n\t\theight: 1.5em;\n\t\tposition: relative;\n\t\twidth: 1.5em;\n\t}\n\n\t.default input[type='checkbox']:checked:before {\n\t\tborder-radius: 1px;\n\t\tborder-style: solid;\n\t\tborder-width: 0 3px 3px 0;\n\t\theight: 0.75em;\n\t\tleft: calc(0.375em - 2px);\n\t\ttransform: rotate(40deg) translate(-50%, -50%);\n\t\ttop: calc(0.7125em - 2px);\n\t\twidth: 0.375em;\n\t}\n\n\t.default input[type='checkbox']:indeterminate:before {\n\t\tbackground-color: #000;\n\t\theight: 0.2em;\n\t\tleft: 0.24em;\n\t\ttop: 0.575em;\n\t\twidth: 0.8em;\n\t}\n}\n\n@layer kol-component {\n\t.switch .input {\n\t\tposition: relative;\n\t}\n\n\t.switch input[type='checkbox'] {\n\t\tdisplay: inline-block;\n\t\theight: 1.7em;\n\t\tmin-width: 3.2em;\n\t\tposition: relative;\n\t\twidth: 3.2em;\n\t}\n\n\t.switch input[type='checkbox']::before {\n\t\tbackground-color: #000;\n\t\theight: 1.2em;\n\t\tleft: calc(0.25em - 2px);\n\t\ttop: calc(0.25em - 2px);\n\t\tposition: absolute;\n\t\ttransition: 0.5s;\n\t\twidth: 1.2em;\n\t}\n\n\t.switch input[type='checkbox']:checked::before {\n\t\ttransform: translateX(1.5em);\n\t}\n\n\t.switch input[type='checkbox']:indeterminate::before {\n\t\ttransform: translateX(0.75em);\n\t}\n\n\t.switch .icon {\n\t\tcursor: pointer;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twidth: 1.2em;\n\t\theight: 1.2em;\n\t\tposition: absolute;\n\t\tz-index: 1;\n\t\ttop: 50%;\n\t\tleft: 4px;\n\t\ttransform: translate(0, -50%);\n\t\ttransition: 0.5s;\n\t\tcolor: #000;\n\t}\n\n\t.switch:has(input:checked) .icon {\n\t\ttransform: translate(1.5em, -50%);\n\t}\n\n\t.switch:has(input:indeterminate) .icon {\n\t\ttransform: translate(0.75em, -50%);\n\t}\n}";
13022
13036
 
13023
13037
  class KolInputCheckbox {
13024
13038
  render() {
@@ -13180,7 +13194,7 @@ class KolInputCheckbox {
13180
13194
  "_variant": ["validateVariant"]
13181
13195
  }; }
13182
13196
  static get style() { return {
13183
- default: defaultStyleCss$u
13197
+ default: defaultStyleCss$t
13184
13198
  }; }
13185
13199
  static get cmpMeta() { return {
13186
13200
  "$flags$": 41,
@@ -13305,7 +13319,7 @@ class InputColorController extends InputIconController {
13305
13319
  }
13306
13320
  }
13307
13321
 
13308
- const defaultStyleCss$t = "@layer kol-global {\n\t\n\t.sc-kol-input-color-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-input-color-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.required label > span::after,\n\t.required legend > span::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-input-color-default-h {\n\t\tdisplay: block;\n\t}\n}\n\n@layer kol-component {\n\tinput,\n\ttextarea {\n\t\tcursor: text;\n\t}\n\n\tinput[type='checkbox'],\n\tinput[type='color'],\n\tinput[type='file'],\n\tinput[type='radio'],\n\tinput[type='range'],\n\tlabel,\n\toption,\n\tselect {\n\t\tcursor: pointer;\n\t}\n\n\t\n\t\n\t\n\tinput[type='color'],\n\tinput[type='date'],\n\tinput[type='datetime-local'],\n\tinput[type='email'],\n\tinput[type='file'],\n\tinput[type='month'],\n\tinput[type='number'],\n\tinput[type='password'],\n\tinput[type='search'],\n\tinput[type='tel'],\n\tinput[type='text'],\n\tinput[type='time'],\n\tinput[type='url'],\n\tinput[type='week'],\n\tselect,\n\tselect[multiple] option,\n\ttextarea {\n\t\tfont-size: 1rem;\n\t\twidth: 100%;\n\t}\n\n\t\n\tinput[type='file'] {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 10) 0.5em;\n\t}\n\n\t\n\tselect[multiple] option {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 2) 0.5em;\n\t}\n\n\tkol-input.disabled :is(button, input, label, option, select, textarea) {\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n}\n\n@layer kol-component {\n\tkol-input {\n\t\tdisplay: grid;\n\t}\n\n\tkol-input .input-slot {\n\t\tflex-grow: 1;\n\t}\n\n\tinput:not([type='checkbox'], [type='radio']),\n\tselect:not([multiple], [size]) {\n\t\theight: 2.75em;\n\t}\n\n\tinput:focus,\n\toption:focus,\n\tselect:focus,\n\ttextarea:focus {\n\t\toutline: 0;\n\t}\n\n\t.input {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t.input > kol-icon {\n\t\tdisplay: grid;\n\t\theight: var(--a11y-min-size);\n\t\tplace-items: center;\n\t}\n\n\tkol-input.required .input-tooltip .span-label::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\tdiv.input {\n\t\tcursor: pointer;\n\t}\n\n\t.error.hidden {\n\t\tdisplay: none;\n\t}\n}";
13322
+ const defaultStyleCss$s = "@layer kol-global {\n\t\n\t.sc-kol-input-color-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-input-color-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.required label > span::after,\n\t.required legend > span::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-input-color-default-h {\n\t\tdisplay: block;\n\t}\n}\n\n@layer kol-component {\n\tinput,\n\ttextarea {\n\t\tcursor: text;\n\t}\n\n\tinput[type='checkbox'],\n\tinput[type='color'],\n\tinput[type='file'],\n\tinput[type='radio'],\n\tinput[type='range'],\n\tlabel,\n\toption,\n\tselect {\n\t\tcursor: pointer;\n\t}\n\n\t\n\t\n\t\n\tinput[type='color'],\n\tinput[type='date'],\n\tinput[type='datetime-local'],\n\tinput[type='email'],\n\tinput[type='file'],\n\tinput[type='month'],\n\tinput[type='number'],\n\tinput[type='password'],\n\tinput[type='search'],\n\tinput[type='tel'],\n\tinput[type='text'],\n\tinput[type='time'],\n\tinput[type='url'],\n\tinput[type='week'],\n\tselect,\n\tselect[multiple] option,\n\ttextarea {\n\t\tfont-size: 1rem;\n\t\twidth: 100%;\n\t}\n\n\t\n\tinput[type='file'] {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 10) 0.5em;\n\t}\n\n\t\n\tselect[multiple] option {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 2) 0.5em;\n\t}\n\n\tkol-input.disabled :is(button, input, label, option, select, textarea) {\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n}\n\n@layer kol-component {\n\tkol-input {\n\t\tdisplay: grid;\n\t}\n\n\tkol-input .input-slot {\n\t\tflex-grow: 1;\n\t}\n\n\tinput:not([type='checkbox'], [type='radio']),\n\tselect:not([multiple], [size]) {\n\t\theight: 2.75em;\n\t}\n\n\tinput:focus,\n\toption:focus,\n\tselect:focus,\n\ttextarea:focus {\n\t\toutline: 0;\n\t}\n\n\t.input {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t.input > kol-icon {\n\t\tdisplay: grid;\n\t\theight: var(--a11y-min-size);\n\t\tplace-items: center;\n\t}\n\n\tkol-input.required .input-tooltip .span-label::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\tdiv.input {\n\t\tcursor: pointer;\n\t}\n\n\t.error.hidden {\n\t\tdisplay: none;\n\t}\n}";
13309
13323
 
13310
13324
  class KolInputColor {
13311
13325
  render() {
@@ -13437,7 +13451,7 @@ class KolInputColor {
13437
13451
  "_value": ["validateValue"]
13438
13452
  }; }
13439
13453
  static get style() { return {
13440
- default: defaultStyleCss$t
13454
+ default: defaultStyleCss$s
13441
13455
  }; }
13442
13456
  static get cmpMeta() { return {
13443
13457
  "$flags$": 41,
@@ -13622,7 +13636,7 @@ InputDateController.isoTimeRegex = /^[0-2]\d:[0-5]\d(:[0-5]\d(?:\.\d+)?)?/;
13622
13636
  InputDateController.isoWeekRegex = /^\d{4}-W(?:[0-4]\d|5[0-3])$/;
13623
13637
  InputDateController.DEFAULT_MAX_DATE = new Date(9999, 11, 31, 23, 59, 59);
13624
13638
 
13625
- const defaultStyleCss$s = "@layer kol-global {\n\t\n\t.sc-kol-input-date-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-input-date-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.required label > span::after,\n\t.required legend > span::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-input-date-default-h {\n\t\tdisplay: block;\n\t}\n}\n\n@layer kol-component {\n\tinput,\n\ttextarea {\n\t\tcursor: text;\n\t}\n\n\tinput[type='checkbox'],\n\tinput[type='color'],\n\tinput[type='file'],\n\tinput[type='radio'],\n\tinput[type='range'],\n\tlabel,\n\toption,\n\tselect {\n\t\tcursor: pointer;\n\t}\n\n\t\n\t\n\t\n\tinput[type='color'],\n\tinput[type='date'],\n\tinput[type='datetime-local'],\n\tinput[type='email'],\n\tinput[type='file'],\n\tinput[type='month'],\n\tinput[type='number'],\n\tinput[type='password'],\n\tinput[type='search'],\n\tinput[type='tel'],\n\tinput[type='text'],\n\tinput[type='time'],\n\tinput[type='url'],\n\tinput[type='week'],\n\tselect,\n\tselect[multiple] option,\n\ttextarea {\n\t\tfont-size: 1rem;\n\t\twidth: 100%;\n\t}\n\n\t\n\tinput[type='file'] {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 10) 0.5em;\n\t}\n\n\t\n\tselect[multiple] option {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 2) 0.5em;\n\t}\n\n\tkol-input.disabled :is(button, input, label, option, select, textarea) {\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n}\n\n@layer kol-component {\n\tkol-input {\n\t\tdisplay: grid;\n\t}\n\n\tkol-input .input-slot {\n\t\tflex-grow: 1;\n\t}\n\n\tinput:not([type='checkbox'], [type='radio']),\n\tselect:not([multiple], [size]) {\n\t\theight: 2.75em;\n\t}\n\n\tinput:focus,\n\toption:focus,\n\tselect:focus,\n\ttextarea:focus {\n\t\toutline: 0;\n\t}\n\n\t.input {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t.input > kol-icon {\n\t\tdisplay: grid;\n\t\theight: var(--a11y-min-size);\n\t\tplace-items: center;\n\t}\n\n\tkol-input.required .input-tooltip .span-label::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\tkol-input-number {\n\t\tdisplay: block;\n\t}\n\n\t.error.hidden {\n\t\tdisplay: none;\n\t}\n}";
13639
+ const defaultStyleCss$r = "@layer kol-global {\n\t\n\t.sc-kol-input-date-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-input-date-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.required label > span::after,\n\t.required legend > span::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-input-date-default-h {\n\t\tdisplay: block;\n\t}\n}\n\n@layer kol-component {\n\tinput,\n\ttextarea {\n\t\tcursor: text;\n\t}\n\n\tinput[type='checkbox'],\n\tinput[type='color'],\n\tinput[type='file'],\n\tinput[type='radio'],\n\tinput[type='range'],\n\tlabel,\n\toption,\n\tselect {\n\t\tcursor: pointer;\n\t}\n\n\t\n\t\n\t\n\tinput[type='color'],\n\tinput[type='date'],\n\tinput[type='datetime-local'],\n\tinput[type='email'],\n\tinput[type='file'],\n\tinput[type='month'],\n\tinput[type='number'],\n\tinput[type='password'],\n\tinput[type='search'],\n\tinput[type='tel'],\n\tinput[type='text'],\n\tinput[type='time'],\n\tinput[type='url'],\n\tinput[type='week'],\n\tselect,\n\tselect[multiple] option,\n\ttextarea {\n\t\tfont-size: 1rem;\n\t\twidth: 100%;\n\t}\n\n\t\n\tinput[type='file'] {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 10) 0.5em;\n\t}\n\n\t\n\tselect[multiple] option {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 2) 0.5em;\n\t}\n\n\tkol-input.disabled :is(button, input, label, option, select, textarea) {\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n}\n\n@layer kol-component {\n\tkol-input {\n\t\tdisplay: grid;\n\t}\n\n\tkol-input .input-slot {\n\t\tflex-grow: 1;\n\t}\n\n\tinput:not([type='checkbox'], [type='radio']),\n\tselect:not([multiple], [size]) {\n\t\theight: 2.75em;\n\t}\n\n\tinput:focus,\n\toption:focus,\n\tselect:focus,\n\ttextarea:focus {\n\t\toutline: 0;\n\t}\n\n\t.input {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t.input > kol-icon {\n\t\tdisplay: grid;\n\t\theight: var(--a11y-min-size);\n\t\tplace-items: center;\n\t}\n\n\tkol-input.required .input-tooltip .span-label::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\tkol-input-number {\n\t\tdisplay: block;\n\t}\n\n\t.error.hidden {\n\t\tdisplay: none;\n\t}\n}";
13626
13640
 
13627
13641
  class KolInputDate {
13628
13642
  render() {
@@ -13803,7 +13817,7 @@ class KolInputDate {
13803
13817
  "_value": ["validateValue"]
13804
13818
  }; }
13805
13819
  static get style() { return {
13806
- default: defaultStyleCss$s
13820
+ default: defaultStyleCss$r
13807
13821
  }; }
13808
13822
  static get cmpMeta() { return {
13809
13823
  "$flags$": 41,
@@ -13988,7 +14002,7 @@ class InputEmailController extends InputTextEmailController {
13988
14002
  }
13989
14003
  }
13990
14004
 
13991
- const defaultStyleCss$r = "@layer kol-global {\n\t\n\t.sc-kol-input-email-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-input-email-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.required label > span::after,\n\t.required legend > span::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-input-email-default-h {\n\t\tdisplay: block;\n\t}\n}\n\n@layer kol-component {\n\tinput,\n\ttextarea {\n\t\tcursor: text;\n\t}\n\n\tinput[type='checkbox'],\n\tinput[type='color'],\n\tinput[type='file'],\n\tinput[type='radio'],\n\tinput[type='range'],\n\tlabel,\n\toption,\n\tselect {\n\t\tcursor: pointer;\n\t}\n\n\t\n\t\n\t\n\tinput[type='color'],\n\tinput[type='date'],\n\tinput[type='datetime-local'],\n\tinput[type='email'],\n\tinput[type='file'],\n\tinput[type='month'],\n\tinput[type='number'],\n\tinput[type='password'],\n\tinput[type='search'],\n\tinput[type='tel'],\n\tinput[type='text'],\n\tinput[type='time'],\n\tinput[type='url'],\n\tinput[type='week'],\n\tselect,\n\tselect[multiple] option,\n\ttextarea {\n\t\tfont-size: 1rem;\n\t\twidth: 100%;\n\t}\n\n\t\n\tinput[type='file'] {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 10) 0.5em;\n\t}\n\n\t\n\tselect[multiple] option {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 2) 0.5em;\n\t}\n\n\tkol-input.disabled :is(button, input, label, option, select, textarea) {\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n}\n\n@layer kol-component {\n\tkol-input {\n\t\tdisplay: grid;\n\t}\n\n\tkol-input .input-slot {\n\t\tflex-grow: 1;\n\t}\n\n\tinput:not([type='checkbox'], [type='radio']),\n\tselect:not([multiple], [size]) {\n\t\theight: 2.75em;\n\t}\n\n\tinput:focus,\n\toption:focus,\n\tselect:focus,\n\ttextarea:focus {\n\t\toutline: 0;\n\t}\n\n\t.input {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t.input > kol-icon {\n\t\tdisplay: grid;\n\t\theight: var(--a11y-min-size);\n\t\tplace-items: center;\n\t}\n\n\tkol-input.required .input-tooltip .span-label::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t.error.hidden {\n\t\tdisplay: none;\n\t}\n}";
14005
+ const defaultStyleCss$q = "@layer kol-global {\n\t\n\t.sc-kol-input-email-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-input-email-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.required label > span::after,\n\t.required legend > span::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-input-email-default-h {\n\t\tdisplay: block;\n\t}\n}\n\n@layer kol-component {\n\tinput,\n\ttextarea {\n\t\tcursor: text;\n\t}\n\n\tinput[type='checkbox'],\n\tinput[type='color'],\n\tinput[type='file'],\n\tinput[type='radio'],\n\tinput[type='range'],\n\tlabel,\n\toption,\n\tselect {\n\t\tcursor: pointer;\n\t}\n\n\t\n\t\n\t\n\tinput[type='color'],\n\tinput[type='date'],\n\tinput[type='datetime-local'],\n\tinput[type='email'],\n\tinput[type='file'],\n\tinput[type='month'],\n\tinput[type='number'],\n\tinput[type='password'],\n\tinput[type='search'],\n\tinput[type='tel'],\n\tinput[type='text'],\n\tinput[type='time'],\n\tinput[type='url'],\n\tinput[type='week'],\n\tselect,\n\tselect[multiple] option,\n\ttextarea {\n\t\tfont-size: 1rem;\n\t\twidth: 100%;\n\t}\n\n\t\n\tinput[type='file'] {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 10) 0.5em;\n\t}\n\n\t\n\tselect[multiple] option {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 2) 0.5em;\n\t}\n\n\tkol-input.disabled :is(button, input, label, option, select, textarea) {\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n}\n\n@layer kol-component {\n\tkol-input {\n\t\tdisplay: grid;\n\t}\n\n\tkol-input .input-slot {\n\t\tflex-grow: 1;\n\t}\n\n\tinput:not([type='checkbox'], [type='radio']),\n\tselect:not([multiple], [size]) {\n\t\theight: 2.75em;\n\t}\n\n\tinput:focus,\n\toption:focus,\n\tselect:focus,\n\ttextarea:focus {\n\t\toutline: 0;\n\t}\n\n\t.input {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t.input > kol-icon {\n\t\tdisplay: grid;\n\t\theight: var(--a11y-min-size);\n\t\tplace-items: center;\n\t}\n\n\tkol-input.required .input-tooltip .span-label::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t.error.hidden {\n\t\tdisplay: none;\n\t}\n}";
13992
14006
 
13993
14007
  class KolInputEmail {
13994
14008
  render() {
@@ -14170,7 +14184,7 @@ class KolInputEmail {
14170
14184
  "_value": ["validateValue"]
14171
14185
  }; }
14172
14186
  static get style() { return {
14173
- default: defaultStyleCss$r
14187
+ default: defaultStyleCss$q
14174
14188
  }; }
14175
14189
  static get cmpMeta() { return {
14176
14190
  "$flags$": 41,
@@ -14250,7 +14264,7 @@ class InputFileController extends InputIconController {
14250
14264
  }
14251
14265
  }
14252
14266
 
14253
- const defaultStyleCss$q = "@layer kol-global {\n\t\n\t.sc-kol-input-file-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-input-file-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.required label > span::after,\n\t.required legend > span::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-input-file-default-h {\n\t\tdisplay: block;\n\t}\n}\n\n@layer kol-component {\n\tinput,\n\ttextarea {\n\t\tcursor: text;\n\t}\n\n\tinput[type='checkbox'],\n\tinput[type='color'],\n\tinput[type='file'],\n\tinput[type='radio'],\n\tinput[type='range'],\n\tlabel,\n\toption,\n\tselect {\n\t\tcursor: pointer;\n\t}\n\n\t\n\t\n\t\n\tinput[type='color'],\n\tinput[type='date'],\n\tinput[type='datetime-local'],\n\tinput[type='email'],\n\tinput[type='file'],\n\tinput[type='month'],\n\tinput[type='number'],\n\tinput[type='password'],\n\tinput[type='search'],\n\tinput[type='tel'],\n\tinput[type='text'],\n\tinput[type='time'],\n\tinput[type='url'],\n\tinput[type='week'],\n\tselect,\n\tselect[multiple] option,\n\ttextarea {\n\t\tfont-size: 1rem;\n\t\twidth: 100%;\n\t}\n\n\t\n\tinput[type='file'] {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 10) 0.5em;\n\t}\n\n\t\n\tselect[multiple] option {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 2) 0.5em;\n\t}\n\n\tkol-input.disabled :is(button, input, label, option, select, textarea) {\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n}\n\n@layer kol-component {\n\tkol-input {\n\t\tdisplay: grid;\n\t}\n\n\tkol-input .input-slot {\n\t\tflex-grow: 1;\n\t}\n\n\tinput:not([type='checkbox'], [type='radio']),\n\tselect:not([multiple], [size]) {\n\t\theight: 2.75em;\n\t}\n\n\tinput:focus,\n\toption:focus,\n\tselect:focus,\n\ttextarea:focus {\n\t\toutline: 0;\n\t}\n\n\t.input {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t.input > kol-icon {\n\t\tdisplay: grid;\n\t\theight: var(--a11y-min-size);\n\t\tplace-items: center;\n\t}\n\n\tkol-input.required .input-tooltip .span-label::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\tlabel input[type='file']::-webkit-file-upload-button {\n\t\tdisplay: none;\n\t}\n\n\tlabel input[type='file']:before {\n\t\tcontent: 'Datei auswählen';\n\t}\n\n\tlabel input[multiple]:before {\n\t\tcontent: 'Dateien auswählen';\n\t}\n\n\tdiv.input {\n\t\tcursor: pointer;\n\t}\n\n\t.error.hidden {\n\t\tdisplay: none;\n\t}\n}";
14267
+ const defaultStyleCss$p = "@layer kol-global {\n\t\n\t.sc-kol-input-file-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-input-file-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.required label > span::after,\n\t.required legend > span::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-input-file-default-h {\n\t\tdisplay: block;\n\t}\n}\n\n@layer kol-component {\n\tinput,\n\ttextarea {\n\t\tcursor: text;\n\t}\n\n\tinput[type='checkbox'],\n\tinput[type='color'],\n\tinput[type='file'],\n\tinput[type='radio'],\n\tinput[type='range'],\n\tlabel,\n\toption,\n\tselect {\n\t\tcursor: pointer;\n\t}\n\n\t\n\t\n\t\n\tinput[type='color'],\n\tinput[type='date'],\n\tinput[type='datetime-local'],\n\tinput[type='email'],\n\tinput[type='file'],\n\tinput[type='month'],\n\tinput[type='number'],\n\tinput[type='password'],\n\tinput[type='search'],\n\tinput[type='tel'],\n\tinput[type='text'],\n\tinput[type='time'],\n\tinput[type='url'],\n\tinput[type='week'],\n\tselect,\n\tselect[multiple] option,\n\ttextarea {\n\t\tfont-size: 1rem;\n\t\twidth: 100%;\n\t}\n\n\t\n\tinput[type='file'] {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 10) 0.5em;\n\t}\n\n\t\n\tselect[multiple] option {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 2) 0.5em;\n\t}\n\n\tkol-input.disabled :is(button, input, label, option, select, textarea) {\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n}\n\n@layer kol-component {\n\tkol-input {\n\t\tdisplay: grid;\n\t}\n\n\tkol-input .input-slot {\n\t\tflex-grow: 1;\n\t}\n\n\tinput:not([type='checkbox'], [type='radio']),\n\tselect:not([multiple], [size]) {\n\t\theight: 2.75em;\n\t}\n\n\tinput:focus,\n\toption:focus,\n\tselect:focus,\n\ttextarea:focus {\n\t\toutline: 0;\n\t}\n\n\t.input {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t.input > kol-icon {\n\t\tdisplay: grid;\n\t\theight: var(--a11y-min-size);\n\t\tplace-items: center;\n\t}\n\n\tkol-input.required .input-tooltip .span-label::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\tlabel input[type='file']::-webkit-file-upload-button {\n\t\tdisplay: none;\n\t}\n\n\tlabel input[type='file']:before {\n\t\tcontent: 'Datei auswählen';\n\t}\n\n\tlabel input[multiple]:before {\n\t\tcontent: 'Dateien auswählen';\n\t}\n\n\tdiv.input {\n\t\tcursor: pointer;\n\t}\n\n\t.error.hidden {\n\t\tdisplay: none;\n\t}\n}";
14254
14268
 
14255
14269
  class KolInputFile {
14256
14270
  render() {
@@ -14396,7 +14410,7 @@ class KolInputFile {
14396
14410
  "_value": ["validateValue"]
14397
14411
  }; }
14398
14412
  static get style() { return {
14399
- default: defaultStyleCss$q
14413
+ default: defaultStyleCss$p
14400
14414
  }; }
14401
14415
  static get cmpMeta() { return {
14402
14416
  "$flags$": 41,
@@ -14525,7 +14539,7 @@ class InputNumberController extends InputIconController {
14525
14539
  }
14526
14540
  }
14527
14541
 
14528
- const defaultStyleCss$p = "@layer kol-global {\n\t\n\t.sc-kol-input-number-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-input-number-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.required label > span::after,\n\t.required legend > span::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-input-number-default-h {\n\t\tdisplay: block;\n\t}\n}\n\n@layer kol-component {\n\tinput,\n\ttextarea {\n\t\tcursor: text;\n\t}\n\n\tinput[type='checkbox'],\n\tinput[type='color'],\n\tinput[type='file'],\n\tinput[type='radio'],\n\tinput[type='range'],\n\tlabel,\n\toption,\n\tselect {\n\t\tcursor: pointer;\n\t}\n\n\t\n\t\n\t\n\tinput[type='color'],\n\tinput[type='date'],\n\tinput[type='datetime-local'],\n\tinput[type='email'],\n\tinput[type='file'],\n\tinput[type='month'],\n\tinput[type='number'],\n\tinput[type='password'],\n\tinput[type='search'],\n\tinput[type='tel'],\n\tinput[type='text'],\n\tinput[type='time'],\n\tinput[type='url'],\n\tinput[type='week'],\n\tselect,\n\tselect[multiple] option,\n\ttextarea {\n\t\tfont-size: 1rem;\n\t\twidth: 100%;\n\t}\n\n\t\n\tinput[type='file'] {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 10) 0.5em;\n\t}\n\n\t\n\tselect[multiple] option {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 2) 0.5em;\n\t}\n\n\tkol-input.disabled :is(button, input, label, option, select, textarea) {\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n}\n\n@layer kol-component {\n\tkol-input {\n\t\tdisplay: grid;\n\t}\n\n\tkol-input .input-slot {\n\t\tflex-grow: 1;\n\t}\n\n\tinput:not([type='checkbox'], [type='radio']),\n\tselect:not([multiple], [size]) {\n\t\theight: 2.75em;\n\t}\n\n\tinput:focus,\n\toption:focus,\n\tselect:focus,\n\ttextarea:focus {\n\t\toutline: 0;\n\t}\n\n\t.input {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t.input > kol-icon {\n\t\tdisplay: grid;\n\t\theight: var(--a11y-min-size);\n\t\tplace-items: center;\n\t}\n\n\tkol-input.required .input-tooltip .span-label::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t.error.hidden {\n\t\tdisplay: none;\n\t}\n}";
14542
+ const defaultStyleCss$o = "@layer kol-global {\n\t\n\t.sc-kol-input-number-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-input-number-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.required label > span::after,\n\t.required legend > span::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-input-number-default-h {\n\t\tdisplay: block;\n\t}\n}\n\n@layer kol-component {\n\tinput,\n\ttextarea {\n\t\tcursor: text;\n\t}\n\n\tinput[type='checkbox'],\n\tinput[type='color'],\n\tinput[type='file'],\n\tinput[type='radio'],\n\tinput[type='range'],\n\tlabel,\n\toption,\n\tselect {\n\t\tcursor: pointer;\n\t}\n\n\t\n\t\n\t\n\tinput[type='color'],\n\tinput[type='date'],\n\tinput[type='datetime-local'],\n\tinput[type='email'],\n\tinput[type='file'],\n\tinput[type='month'],\n\tinput[type='number'],\n\tinput[type='password'],\n\tinput[type='search'],\n\tinput[type='tel'],\n\tinput[type='text'],\n\tinput[type='time'],\n\tinput[type='url'],\n\tinput[type='week'],\n\tselect,\n\tselect[multiple] option,\n\ttextarea {\n\t\tfont-size: 1rem;\n\t\twidth: 100%;\n\t}\n\n\t\n\tinput[type='file'] {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 10) 0.5em;\n\t}\n\n\t\n\tselect[multiple] option {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 2) 0.5em;\n\t}\n\n\tkol-input.disabled :is(button, input, label, option, select, textarea) {\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n}\n\n@layer kol-component {\n\tkol-input {\n\t\tdisplay: grid;\n\t}\n\n\tkol-input .input-slot {\n\t\tflex-grow: 1;\n\t}\n\n\tinput:not([type='checkbox'], [type='radio']),\n\tselect:not([multiple], [size]) {\n\t\theight: 2.75em;\n\t}\n\n\tinput:focus,\n\toption:focus,\n\tselect:focus,\n\ttextarea:focus {\n\t\toutline: 0;\n\t}\n\n\t.input {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t.input > kol-icon {\n\t\tdisplay: grid;\n\t\theight: var(--a11y-min-size);\n\t\tplace-items: center;\n\t}\n\n\tkol-input.required .input-tooltip .span-label::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t.error.hidden {\n\t\tdisplay: none;\n\t}\n}";
14529
14543
 
14530
14544
  class KolInputNumber {
14531
14545
  render() {
@@ -14707,7 +14721,7 @@ class KolInputNumber {
14707
14721
  "_value": ["validateValue"]
14708
14722
  }; }
14709
14723
  static get style() { return {
14710
- default: defaultStyleCss$p
14724
+ default: defaultStyleCss$o
14711
14725
  }; }
14712
14726
  static get cmpMeta() { return {
14713
14727
  "$flags$": 41,
@@ -14747,7 +14761,7 @@ class KolInputNumber {
14747
14761
  }; }
14748
14762
  }
14749
14763
 
14750
- const defaultStyleCss$o = "@layer kol-global {\n\t\n\t.sc-kol-input-password-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-input-password-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.required label > span::after,\n\t.required legend > span::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-input-password-default-h {\n\t\tdisplay: block;\n\t}\n}\n\n@layer kol-component {\n\tinput,\n\ttextarea {\n\t\tcursor: text;\n\t}\n\n\tinput[type='checkbox'],\n\tinput[type='color'],\n\tinput[type='file'],\n\tinput[type='radio'],\n\tinput[type='range'],\n\tlabel,\n\toption,\n\tselect {\n\t\tcursor: pointer;\n\t}\n\n\t\n\t\n\t\n\tinput[type='color'],\n\tinput[type='date'],\n\tinput[type='datetime-local'],\n\tinput[type='email'],\n\tinput[type='file'],\n\tinput[type='month'],\n\tinput[type='number'],\n\tinput[type='password'],\n\tinput[type='search'],\n\tinput[type='tel'],\n\tinput[type='text'],\n\tinput[type='time'],\n\tinput[type='url'],\n\tinput[type='week'],\n\tselect,\n\tselect[multiple] option,\n\ttextarea {\n\t\tfont-size: 1rem;\n\t\twidth: 100%;\n\t}\n\n\t\n\tinput[type='file'] {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 10) 0.5em;\n\t}\n\n\t\n\tselect[multiple] option {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 2) 0.5em;\n\t}\n\n\tkol-input.disabled :is(button, input, label, option, select, textarea) {\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n}\n\n@layer kol-component {\n\tkol-input {\n\t\tdisplay: grid;\n\t}\n\n\tkol-input .input-slot {\n\t\tflex-grow: 1;\n\t}\n\n\tinput:not([type='checkbox'], [type='radio']),\n\tselect:not([multiple], [size]) {\n\t\theight: 2.75em;\n\t}\n\n\tinput:focus,\n\toption:focus,\n\tselect:focus,\n\ttextarea:focus {\n\t\toutline: 0;\n\t}\n\n\t.input {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t.input > kol-icon {\n\t\tdisplay: grid;\n\t\theight: var(--a11y-min-size);\n\t\tplace-items: center;\n\t}\n\n\tkol-input.required .input-tooltip .span-label::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t.error.hidden {\n\t\tdisplay: none;\n\t}\n}";
14764
+ const defaultStyleCss$n = "@layer kol-global {\n\t\n\t.sc-kol-input-password-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-input-password-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.required label > span::after,\n\t.required legend > span::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-input-password-default-h {\n\t\tdisplay: block;\n\t}\n}\n\n@layer kol-component {\n\tinput,\n\ttextarea {\n\t\tcursor: text;\n\t}\n\n\tinput[type='checkbox'],\n\tinput[type='color'],\n\tinput[type='file'],\n\tinput[type='radio'],\n\tinput[type='range'],\n\tlabel,\n\toption,\n\tselect {\n\t\tcursor: pointer;\n\t}\n\n\t\n\t\n\t\n\tinput[type='color'],\n\tinput[type='date'],\n\tinput[type='datetime-local'],\n\tinput[type='email'],\n\tinput[type='file'],\n\tinput[type='month'],\n\tinput[type='number'],\n\tinput[type='password'],\n\tinput[type='search'],\n\tinput[type='tel'],\n\tinput[type='text'],\n\tinput[type='time'],\n\tinput[type='url'],\n\tinput[type='week'],\n\tselect,\n\tselect[multiple] option,\n\ttextarea {\n\t\tfont-size: 1rem;\n\t\twidth: 100%;\n\t}\n\n\t\n\tinput[type='file'] {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 10) 0.5em;\n\t}\n\n\t\n\tselect[multiple] option {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 2) 0.5em;\n\t}\n\n\tkol-input.disabled :is(button, input, label, option, select, textarea) {\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n}\n\n@layer kol-component {\n\tkol-input {\n\t\tdisplay: grid;\n\t}\n\n\tkol-input .input-slot {\n\t\tflex-grow: 1;\n\t}\n\n\tinput:not([type='checkbox'], [type='radio']),\n\tselect:not([multiple], [size]) {\n\t\theight: 2.75em;\n\t}\n\n\tinput:focus,\n\toption:focus,\n\tselect:focus,\n\ttextarea:focus {\n\t\toutline: 0;\n\t}\n\n\t.input {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t.input > kol-icon {\n\t\tdisplay: grid;\n\t\theight: var(--a11y-min-size);\n\t\tplace-items: center;\n\t}\n\n\tkol-input.required .input-tooltip .span-label::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t.error.hidden {\n\t\tdisplay: none;\n\t}\n}";
14751
14765
 
14752
14766
  class KolInputPassword {
14753
14767
  render() {
@@ -14923,7 +14937,7 @@ class KolInputPassword {
14923
14937
  "_value": ["validateValue"]
14924
14938
  }; }
14925
14939
  static get style() { return {
14926
- default: defaultStyleCss$o
14940
+ default: defaultStyleCss$n
14927
14941
  }; }
14928
14942
  static get cmpMeta() { return {
14929
14943
  "$flags$": 41,
@@ -14962,7 +14976,7 @@ class KolInputPassword {
14962
14976
  }; }
14963
14977
  }
14964
14978
 
14965
- const defaultStyleCss$n = "@layer kol-global {\n\t\n\t.sc-kol-input-radio-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-input-radio-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.required label > span::after,\n\t.required legend > span::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-input-radio-default-h {\n\t\tdisplay: block;\n\t}\n}\n\n@layer kol-component {\n\tinput,\n\ttextarea {\n\t\tcursor: text;\n\t}\n\n\tinput[type='checkbox'],\n\tinput[type='color'],\n\tinput[type='file'],\n\tinput[type='radio'],\n\tinput[type='range'],\n\tlabel,\n\toption,\n\tselect {\n\t\tcursor: pointer;\n\t}\n\n\t\n\t\n\t\n\tinput[type='color'],\n\tinput[type='date'],\n\tinput[type='datetime-local'],\n\tinput[type='email'],\n\tinput[type='file'],\n\tinput[type='month'],\n\tinput[type='number'],\n\tinput[type='password'],\n\tinput[type='search'],\n\tinput[type='tel'],\n\tinput[type='text'],\n\tinput[type='time'],\n\tinput[type='url'],\n\tinput[type='week'],\n\tselect,\n\tselect[multiple] option,\n\ttextarea {\n\t\tfont-size: 1rem;\n\t\twidth: 100%;\n\t}\n\n\t\n\tinput[type='file'] {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 10) 0.5em;\n\t}\n\n\t\n\tselect[multiple] option {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 2) 0.5em;\n\t}\n\n\tkol-input.disabled :is(button, input, label, option, select, textarea) {\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-input-radio-default-h {\n\t\t--border-width: 2px;\n\t\t--input-size: 1.5em;\n\t}\n\n\tkol-input .icons {\n\t\tdisplay: none;\n\t}\n\n\tlabel {\n\t\tcursor: pointer;\n\t}\n\n\tinput {\n\t\tappearance: none;\n\t\tborder-width: var(--border-width);\n\t\tborder-style: solid;\n\t\tborder-radius: 100%;\n\t\tcursor: pointer;\n\t\tdisplay: flex;\n\t\theight: var(--input-size);\n\t\tmargin: 0;\n\t\tmin-height: var(--input-size);\n\t\tmin-width: var(--input-size);\n\t\tpadding: 0;\n\t\twidth: var(--input-size);\n\t}\n\n\tinput:before {\n\t\tborder-radius: 100%;\n\t\tcontent: '';\n\t\tmargin: auto;\n\t\theight: calc(var(--input-size) / 2);\n\t\twidth: calc(var(--input-size) / 2);\n\t}\n\n\tinput:checked:before {\n\t\tbackground-color: #000;\n\t}\n\n\tfieldset {\n\t\tdisplay: flex;\n\t}\n\n\tfieldset.vertical {\n\t\tflex-direction: column;\n\t}\n\n\tfieldset .input-slot {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t}\n\n\t\n\t.required label > span::after {\n\t\tcontent: '';\n\t}\n\n\t.error.hidden {\n\t\tdisplay: none;\n\t}\n}";
14979
+ const defaultStyleCss$m = "@layer kol-global {\n\t\n\t.sc-kol-input-radio-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-input-radio-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.required label > span::after,\n\t.required legend > span::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-input-radio-default-h {\n\t\tdisplay: block;\n\t}\n}\n\n@layer kol-component {\n\tinput,\n\ttextarea {\n\t\tcursor: text;\n\t}\n\n\tinput[type='checkbox'],\n\tinput[type='color'],\n\tinput[type='file'],\n\tinput[type='radio'],\n\tinput[type='range'],\n\tlabel,\n\toption,\n\tselect {\n\t\tcursor: pointer;\n\t}\n\n\t\n\t\n\t\n\tinput[type='color'],\n\tinput[type='date'],\n\tinput[type='datetime-local'],\n\tinput[type='email'],\n\tinput[type='file'],\n\tinput[type='month'],\n\tinput[type='number'],\n\tinput[type='password'],\n\tinput[type='search'],\n\tinput[type='tel'],\n\tinput[type='text'],\n\tinput[type='time'],\n\tinput[type='url'],\n\tinput[type='week'],\n\tselect,\n\tselect[multiple] option,\n\ttextarea {\n\t\tfont-size: 1rem;\n\t\twidth: 100%;\n\t}\n\n\t\n\tinput[type='file'] {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 10) 0.5em;\n\t}\n\n\t\n\tselect[multiple] option {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 2) 0.5em;\n\t}\n\n\tkol-input.disabled :is(button, input, label, option, select, textarea) {\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-input-radio-default-h {\n\t\t--border-width: 2px;\n\t\t--input-size: 1.5em;\n\t}\n\n\tkol-input .icons {\n\t\tdisplay: none;\n\t}\n\n\tlabel {\n\t\tcursor: pointer;\n\t}\n\n\tinput {\n\t\tappearance: none;\n\t\tborder-width: var(--border-width);\n\t\tborder-style: solid;\n\t\tborder-radius: 100%;\n\t\tcursor: pointer;\n\t\tdisplay: flex;\n\t\theight: var(--input-size);\n\t\tmargin: 0;\n\t\tmin-height: var(--input-size);\n\t\tmin-width: var(--input-size);\n\t\tpadding: 0;\n\t\twidth: var(--input-size);\n\t}\n\n\tinput:before {\n\t\tborder-radius: 100%;\n\t\tcontent: '';\n\t\tmargin: auto;\n\t\theight: calc(var(--input-size) / 2);\n\t\twidth: calc(var(--input-size) / 2);\n\t}\n\n\tinput:checked:before {\n\t\tbackground-color: #000;\n\t}\n\n\tfieldset {\n\t\tdisplay: flex;\n\t}\n\n\tfieldset.vertical {\n\t\tflex-direction: column;\n\t}\n\n\tfieldset .input-slot {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t}\n\n\t\n\t.required label > span::after {\n\t\tcontent: '';\n\t}\n\n\t.error.hidden {\n\t\tdisplay: none;\n\t}\n}";
14966
14980
 
14967
14981
  class KolInputRadio {
14968
14982
  render() {
@@ -15115,7 +15129,7 @@ class KolInputRadio {
15115
15129
  "_value": ["validateValue"]
15116
15130
  }; }
15117
15131
  static get style() { return {
15118
- default: defaultStyleCss$n
15132
+ default: defaultStyleCss$m
15119
15133
  }; }
15120
15134
  static get cmpMeta() { return {
15121
15135
  "$flags$": 41,
@@ -15195,7 +15209,7 @@ class InputRangeController extends InputIconController {
15195
15209
  }
15196
15210
  }
15197
15211
 
15198
- const defaultStyleCss$m = "@layer kol-global {\n\t\n\t.sc-kol-input-range-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-input-range-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.required label > span::after,\n\t.required legend > span::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-input-range-default-h {\n\t\tdisplay: block;\n\t}\n}\n\n@layer kol-component {\n\tinput,\n\ttextarea {\n\t\tcursor: text;\n\t}\n\n\tinput[type='checkbox'],\n\tinput[type='color'],\n\tinput[type='file'],\n\tinput[type='radio'],\n\tinput[type='range'],\n\tlabel,\n\toption,\n\tselect {\n\t\tcursor: pointer;\n\t}\n\n\t\n\t\n\t\n\tinput[type='color'],\n\tinput[type='date'],\n\tinput[type='datetime-local'],\n\tinput[type='email'],\n\tinput[type='file'],\n\tinput[type='month'],\n\tinput[type='number'],\n\tinput[type='password'],\n\tinput[type='search'],\n\tinput[type='tel'],\n\tinput[type='text'],\n\tinput[type='time'],\n\tinput[type='url'],\n\tinput[type='week'],\n\tselect,\n\tselect[multiple] option,\n\ttextarea {\n\t\tfont-size: 1rem;\n\t\twidth: 100%;\n\t}\n\n\t\n\tinput[type='file'] {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 10) 0.5em;\n\t}\n\n\t\n\tselect[multiple] option {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 2) 0.5em;\n\t}\n\n\tkol-input.disabled :is(button, input, label, option, select, textarea) {\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n}\n\n@layer kol-component {\n\tkol-input {\n\t\tdisplay: grid;\n\t}\n\n\tkol-input .input-slot {\n\t\tflex-grow: 1;\n\t}\n\n\tinput:not([type='checkbox'], [type='radio']),\n\tselect:not([multiple], [size]) {\n\t\theight: 2.75em;\n\t}\n\n\tinput:focus,\n\toption:focus,\n\tselect:focus,\n\ttextarea:focus {\n\t\toutline: 0;\n\t}\n\n\t.input {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t.input > kol-icon {\n\t\tdisplay: grid;\n\t\theight: var(--a11y-min-size);\n\t\tplace-items: center;\n\t}\n\n\tkol-input.required .input-tooltip .span-label::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t.inputs-wrapper {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t}\n\n\tinput[type='number'] {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t\twidth: var(--kolibri-input-range--input-number--width);\n\t}\n\n\t\n\tinput[type='range'] {\n\t\tappearance: none;\n\t\tbackground-color: #d3d3d3;\n\t\tborder: 1px solid #000;\n\t\tdisplay: inline-block;\n\t\tflex-grow: 1;\n\t\theight: 0.5rem;\n\t\tline-height: 1.5em;\n\t\tpadding: 0;\n\t\tmargin: 0;\n\t\twidth: 0; \n\t}\n\n\tinput[type='range']::-webkit-slider-thumb {\n\t\tbox-sizing: border-box;\n\t\tbackground-color: #000;\n\t\theight: 20px;\n\t\twidth: 20px;\n\t\tborder-radius: 20px;\n\t\tcursor: pointer;\n\t\t-webkit-appearance: none;\n\t}\n\n\tinput[type='range']::-moz-range-thumb {\n\t\tbox-sizing: border-box;\n\t\tbackground-color: #000;\n\t\theight: 20px;\n\t\twidth: 20px;\n\t\tborder-radius: 20px;\n\t\tcursor: pointer;\n\t\t-moz-appearance: none;\n\t}\n\n\t.error.hidden {\n\t\tdisplay: none;\n\t}\n}\n\n\n@media (prefers-contrast: more) {\n\t/*!@::-webkit-slider-thumb*/.sc-kol-input-range-default::-webkit-slider-thumb {\n\t\toutline: 1px solid currentColor;\n\t}\n}";
15212
+ const defaultStyleCss$l = "@layer kol-global {\n\t\n\t.sc-kol-input-range-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-input-range-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.required label > span::after,\n\t.required legend > span::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-input-range-default-h {\n\t\tdisplay: block;\n\t}\n}\n\n@layer kol-component {\n\tinput,\n\ttextarea {\n\t\tcursor: text;\n\t}\n\n\tinput[type='checkbox'],\n\tinput[type='color'],\n\tinput[type='file'],\n\tinput[type='radio'],\n\tinput[type='range'],\n\tlabel,\n\toption,\n\tselect {\n\t\tcursor: pointer;\n\t}\n\n\t\n\t\n\t\n\tinput[type='color'],\n\tinput[type='date'],\n\tinput[type='datetime-local'],\n\tinput[type='email'],\n\tinput[type='file'],\n\tinput[type='month'],\n\tinput[type='number'],\n\tinput[type='password'],\n\tinput[type='search'],\n\tinput[type='tel'],\n\tinput[type='text'],\n\tinput[type='time'],\n\tinput[type='url'],\n\tinput[type='week'],\n\tselect,\n\tselect[multiple] option,\n\ttextarea {\n\t\tfont-size: 1rem;\n\t\twidth: 100%;\n\t}\n\n\t\n\tinput[type='file'] {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 10) 0.5em;\n\t}\n\n\t\n\tselect[multiple] option {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 2) 0.5em;\n\t}\n\n\tkol-input.disabled :is(button, input, label, option, select, textarea) {\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n}\n\n@layer kol-component {\n\tkol-input {\n\t\tdisplay: grid;\n\t}\n\n\tkol-input .input-slot {\n\t\tflex-grow: 1;\n\t}\n\n\tinput:not([type='checkbox'], [type='radio']),\n\tselect:not([multiple], [size]) {\n\t\theight: 2.75em;\n\t}\n\n\tinput:focus,\n\toption:focus,\n\tselect:focus,\n\ttextarea:focus {\n\t\toutline: 0;\n\t}\n\n\t.input {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t.input > kol-icon {\n\t\tdisplay: grid;\n\t\theight: var(--a11y-min-size);\n\t\tplace-items: center;\n\t}\n\n\tkol-input.required .input-tooltip .span-label::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t.inputs-wrapper {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t}\n\n\tinput[type='number'] {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t\twidth: var(--kolibri-input-range--input-number--width);\n\t}\n\n\t\n\tinput[type='range'] {\n\t\tappearance: none;\n\t\tbackground-color: #d3d3d3;\n\t\tborder: 1px solid #000;\n\t\tdisplay: inline-block;\n\t\tflex-grow: 1;\n\t\theight: 0.5rem;\n\t\tline-height: 1.5em;\n\t\tpadding: 0;\n\t\tmargin: 0;\n\t\twidth: 0; \n\t}\n\n\tinput[type='range']::-webkit-slider-thumb {\n\t\tbox-sizing: border-box;\n\t\tbackground-color: #000;\n\t\theight: 20px;\n\t\twidth: 20px;\n\t\tborder-radius: 20px;\n\t\tcursor: pointer;\n\t\t-webkit-appearance: none;\n\t}\n\n\tinput[type='range']::-moz-range-thumb {\n\t\tbox-sizing: border-box;\n\t\tbackground-color: #000;\n\t\theight: 20px;\n\t\twidth: 20px;\n\t\tborder-radius: 20px;\n\t\tcursor: pointer;\n\t\t-moz-appearance: none;\n\t}\n\n\t.error.hidden {\n\t\tdisplay: none;\n\t}\n}\n\n\n@media (prefers-contrast: more) {\n\t/*!@::-webkit-slider-thumb*/.sc-kol-input-range-default::-webkit-slider-thumb {\n\t\toutline: 1px solid currentColor;\n\t}\n}";
15199
15213
 
15200
15214
  class KolInputRange {
15201
15215
  render() {
@@ -15370,7 +15384,7 @@ class KolInputRange {
15370
15384
  "_value": ["validateValue"]
15371
15385
  }; }
15372
15386
  static get style() { return {
15373
- default: defaultStyleCss$m
15387
+ default: defaultStyleCss$l
15374
15388
  }; }
15375
15389
  static get cmpMeta() { return {
15376
15390
  "$flags$": 41,
@@ -15410,7 +15424,7 @@ const validateAlert = (component, value) => {
15410
15424
  watchBoolean(component, '_alert', value);
15411
15425
  };
15412
15426
 
15413
- const defaultStyleCss$l = "@layer kol-global {\n\t\n\t.sc-kol-input-text-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-input-text-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.required label > span::after,\n\t.required legend > span::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-input-text-default-h {\n\t\tdisplay: block;\n\t}\n}\n\n@layer kol-component {\n\tinput,\n\ttextarea {\n\t\tcursor: text;\n\t}\n\n\tinput[type='checkbox'],\n\tinput[type='color'],\n\tinput[type='file'],\n\tinput[type='radio'],\n\tinput[type='range'],\n\tlabel,\n\toption,\n\tselect {\n\t\tcursor: pointer;\n\t}\n\n\t\n\t\n\t\n\tinput[type='color'],\n\tinput[type='date'],\n\tinput[type='datetime-local'],\n\tinput[type='email'],\n\tinput[type='file'],\n\tinput[type='month'],\n\tinput[type='number'],\n\tinput[type='password'],\n\tinput[type='search'],\n\tinput[type='tel'],\n\tinput[type='text'],\n\tinput[type='time'],\n\tinput[type='url'],\n\tinput[type='week'],\n\tselect,\n\tselect[multiple] option,\n\ttextarea {\n\t\tfont-size: 1rem;\n\t\twidth: 100%;\n\t}\n\n\t\n\tinput[type='file'] {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 10) 0.5em;\n\t}\n\n\t\n\tselect[multiple] option {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 2) 0.5em;\n\t}\n\n\tkol-input.disabled :is(button, input, label, option, select, textarea) {\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n}\n\n@layer kol-component {\n\tkol-input {\n\t\tdisplay: grid;\n\t}\n\n\tkol-input .input-slot {\n\t\tflex-grow: 1;\n\t}\n\n\tinput:not([type='checkbox'], [type='radio']),\n\tselect:not([multiple], [size]) {\n\t\theight: 2.75em;\n\t}\n\n\tinput:focus,\n\toption:focus,\n\tselect:focus,\n\ttextarea:focus {\n\t\toutline: 0;\n\t}\n\n\t.input {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t.input > kol-icon {\n\t\tdisplay: grid;\n\t\theight: var(--a11y-min-size);\n\t\tplace-items: center;\n\t}\n\n\tkol-input.required .input-tooltip .span-label::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t.error.hidden {\n\t\tdisplay: none;\n\t}\n}";
15427
+ const defaultStyleCss$k = "@layer kol-global {\n\t\n\t.sc-kol-input-text-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-input-text-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.required label > span::after,\n\t.required legend > span::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-input-text-default-h {\n\t\tdisplay: block;\n\t}\n}\n\n@layer kol-component {\n\tinput,\n\ttextarea {\n\t\tcursor: text;\n\t}\n\n\tinput[type='checkbox'],\n\tinput[type='color'],\n\tinput[type='file'],\n\tinput[type='radio'],\n\tinput[type='range'],\n\tlabel,\n\toption,\n\tselect {\n\t\tcursor: pointer;\n\t}\n\n\t\n\t\n\t\n\tinput[type='color'],\n\tinput[type='date'],\n\tinput[type='datetime-local'],\n\tinput[type='email'],\n\tinput[type='file'],\n\tinput[type='month'],\n\tinput[type='number'],\n\tinput[type='password'],\n\tinput[type='search'],\n\tinput[type='tel'],\n\tinput[type='text'],\n\tinput[type='time'],\n\tinput[type='url'],\n\tinput[type='week'],\n\tselect,\n\tselect[multiple] option,\n\ttextarea {\n\t\tfont-size: 1rem;\n\t\twidth: 100%;\n\t}\n\n\t\n\tinput[type='file'] {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 10) 0.5em;\n\t}\n\n\t\n\tselect[multiple] option {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 2) 0.5em;\n\t}\n\n\tkol-input.disabled :is(button, input, label, option, select, textarea) {\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n}\n\n@layer kol-component {\n\tkol-input {\n\t\tdisplay: grid;\n\t}\n\n\tkol-input .input-slot {\n\t\tflex-grow: 1;\n\t}\n\n\tinput:not([type='checkbox'], [type='radio']),\n\tselect:not([multiple], [size]) {\n\t\theight: 2.75em;\n\t}\n\n\tinput:focus,\n\toption:focus,\n\tselect:focus,\n\ttextarea:focus {\n\t\toutline: 0;\n\t}\n\n\t.input {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t.input > kol-icon {\n\t\tdisplay: grid;\n\t\theight: var(--a11y-min-size);\n\t\tplace-items: center;\n\t}\n\n\tkol-input.required .input-tooltip .span-label::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t.error.hidden {\n\t\tdisplay: none;\n\t}\n}";
15414
15428
 
15415
15429
  featureHint(`[KolInputText] Pre- und post-Label für Währung usw.`);
15416
15430
  class KolInputText {
@@ -15612,7 +15626,7 @@ class KolInputText {
15612
15626
  "_value": ["validateValue"]
15613
15627
  }; }
15614
15628
  static get style() { return {
15615
- default: defaultStyleCss$l
15629
+ default: defaultStyleCss$k
15616
15630
  }; }
15617
15631
  static get cmpMeta() { return {
15618
15632
  "$flags$": 41,
@@ -15653,7 +15667,7 @@ class KolInputText {
15653
15667
  }; }
15654
15668
  }
15655
15669
 
15656
- const defaultStyleCss$k = "@layer kol-global {\n\t\n\t.sc-kol-kolibri-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-kolibri-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-kolibri-default-h {\n\t\tdisplay: inline-block;\n\t}\n\n\ttext {\n\t\tfont-size: 90px;\n\t\tletter-spacing: normal;\n\t\tword-spacing: normal;\n\t}\n\n\tsvg {\n\t\tmax-height: 100%;\n\t}\n}";
15670
+ const defaultStyleCss$j = "@layer kol-global {\n\t\n\t.sc-kol-kolibri-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-kolibri-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-kolibri-default-h {\n\t\tdisplay: inline-block;\n\t}\n\n\ttext {\n\t\tfont-size: 90px;\n\t\tletter-spacing: normal;\n\t\tword-spacing: normal;\n\t}\n\n\tsvg {\n\t\tmax-height: 100%;\n\t}\n}";
15657
15671
 
15658
15672
  const max$1 = 360;
15659
15673
  function degreeToRadians(degree) {
@@ -15737,7 +15751,7 @@ class KolKolibri {
15737
15751
  "_labeled": ["validateLabeled"]
15738
15752
  }; }
15739
15753
  static get style() { return {
15740
- default: defaultStyleCss$k
15754
+ default: defaultStyleCss$j
15741
15755
  }; }
15742
15756
  static get cmpMeta() { return {
15743
15757
  "$flags$": 41,
@@ -15754,7 +15768,7 @@ class KolKolibri {
15754
15768
  }; }
15755
15769
  }
15756
15770
 
15757
- const defaultStyleCss$j = "@layer kol-global {\n\t\n\t.sc-kol-link-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-link-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-link-default-h {\n\t\tdisplay: inline-block;\n\t}\n\n\t:is(a, button) {\n\t\talign-items: baseline;\n\t\tdisplay: inline-flex;\n\t\tplace-items: center;\n\t\ttext-align: left;\n\t\ttext-decoration-line: underline;\n\t}\n\n\t:is(a, button):is(:focus, :hover) {\n\t\ttext-decoration-thickness: 0.2em;\n\t}\n\n\t.hidden {\n\t\tdisplay: none;\n\t\tvisibility: hidden;\n\t}\n\n\t.skip {\n\t\tleft: -99999px;\n\t\toverflow: hidden;\n\t\tposition: absolute;\n\t\tz-index: 9999999;\n\t\tline-height: 1em;\n\t}\n\n\t.skip:focus {\n\t\tbackground-color: #fff;\n\t\tleft: unset;\n\t\tpadding: 1em;\n\t\tposition: unset;\n\t}\n\n\tkol-icon.external-link-icon {\n\t\tdisplay: inline-flex;\n\t}\n}";
15771
+ const defaultStyleCss$i = "@layer kol-global {\n\t\n\t.sc-kol-link-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-link-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-link-default-h {\n\t\tdisplay: inline-block;\n\t}\n\n\t:is(a, button) {\n\t\talign-items: baseline;\n\t\tdisplay: inline-flex;\n\t\tplace-items: center;\n\t\ttext-align: left;\n\t\ttext-decoration-line: underline;\n\t}\n\n\t:is(a, button):is(:focus, :hover) {\n\t\ttext-decoration-thickness: 0.2em;\n\t}\n\n\t.hidden {\n\t\tdisplay: none;\n\t\tvisibility: hidden;\n\t}\n\n\t.skip {\n\t\tleft: -99999px;\n\t\toverflow: hidden;\n\t\tposition: absolute;\n\t\tz-index: 9999999;\n\t\tline-height: 1em;\n\t}\n\n\t.skip:focus {\n\t\tbackground-color: #fff;\n\t\tleft: unset;\n\t\tpadding: 1em;\n\t\tposition: unset;\n\t}\n\n\tkol-icon.external-link-icon {\n\t\tdisplay: inline-flex;\n\t}\n}";
15758
15772
 
15759
15773
  class KolLink {
15760
15774
  constructor(hostRef) {
@@ -15781,7 +15795,7 @@ class KolLink {
15781
15795
  }
15782
15796
  get host() { return getElement(this); }
15783
15797
  static get style() { return {
15784
- default: defaultStyleCss$j
15798
+ default: defaultStyleCss$i
15785
15799
  }; }
15786
15800
  static get cmpMeta() { return {
15787
15801
  "$flags$": 41,
@@ -15806,7 +15820,7 @@ class KolLink {
15806
15820
  }; }
15807
15821
  }
15808
15822
 
15809
- const defaultStyleCss$i = "@layer kol-global {\n\t\n\t.sc-kol-link-button-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-link-button-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-link-button-default-h {\n\t\tdisplay: inline-block;\n\t}\n\t:is(a, button) {\n\t\tdisplay: inline-flex;\n\t\tplace-items: center;\n\t\ttext-align: center;\n\t\ttext-decoration-line: none;\n\t}\n\t\n\t:is(a, button) > kol-span-wc {\n\t\tmargin: auto;\n\t\twidth: 100%;\n\t}\n\t:is(button):disabled {\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n}";
15823
+ const defaultStyleCss$h = "@layer kol-global {\n\t\n\t.sc-kol-link-button-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-link-button-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-link-button-default-h {\n\t\tdisplay: inline-block;\n\t}\n\t:is(a, button) {\n\t\tdisplay: inline-flex;\n\t\tplace-items: center;\n\t\ttext-align: center;\n\t\ttext-decoration-line: none;\n\t}\n\t\n\t:is(a, button) > kol-span-wc {\n\t\tmargin: auto;\n\t\twidth: 100%;\n\t}\n\t:is(button):disabled {\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n}";
15810
15824
 
15811
15825
  class KolLinkButton {
15812
15826
  constructor(hostRef) {
@@ -15839,7 +15853,7 @@ class KolLinkButton {
15839
15853
  }
15840
15854
  get host() { return getElement(this); }
15841
15855
  static get style() { return {
15842
- default: defaultStyleCss$i
15856
+ default: defaultStyleCss$h
15843
15857
  }; }
15844
15858
  static get cmpMeta() { return {
15845
15859
  "$flags$": 41,
@@ -15866,7 +15880,7 @@ class KolLinkButton {
15866
15880
  }; }
15867
15881
  }
15868
15882
 
15869
- const defaultStyleCss$h = "@layer kol-global {\n\t\n\t.sc-kol-link-group-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-link-group-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\tul {\n\t\tlist-style: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\n\tnav.horizontal ul {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t}\n\n\tnav.horizontal li {\n\t\tmargin-left: 1.25rem;\n\t\tmargin-right: 0.25rem;\n\t}\n\n\tnav.horizontal li:first-child {\n\t\tmargin-left: 0;\n\t}\n\n\tnav.horizontal li:last-child {\n\t\tmargin-right: 0;\n\t}\n\n\tnav.vertical li {\n\t\tmargin-left: 1.75rem;\n\t\tmargin-right: 0.5rem;\n\t}\n\n\tli.list-none {\n\t\tlist-style-type: none !important;\n\t\tmargin-left: 0;\n\t}\n}";
15883
+ const defaultStyleCss$g = "@layer kol-global {\n\t\n\t.sc-kol-link-group-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-link-group-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\tul {\n\t\tlist-style: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\n\tnav.horizontal ul {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t}\n\n\tnav.horizontal li {\n\t\tmargin-left: 1.25rem;\n\t\tmargin-right: 0.25rem;\n\t}\n\n\tnav.horizontal li:first-child {\n\t\tmargin-left: 0;\n\t}\n\n\tnav.horizontal li:last-child {\n\t\tmargin-right: 0;\n\t}\n\n\tnav.vertical li {\n\t\tmargin-left: 1.75rem;\n\t\tmargin-right: 0.5rem;\n\t}\n\n\tli.list-none {\n\t\tlist-style-type: none !important;\n\t\tmargin-left: 0;\n\t}\n}";
15870
15884
 
15871
15885
  const ListItem = (props) => {
15872
15886
  const list = [];
@@ -15957,7 +15971,7 @@ class KolLinkGroup {
15957
15971
  "_orientation": ["validateOrientation"]
15958
15972
  }; }
15959
15973
  static get style() { return {
15960
- default: defaultStyleCss$h
15974
+ default: defaultStyleCss$g
15961
15975
  }; }
15962
15976
  static get cmpMeta() { return {
15963
15977
  "$flags$": 41,
@@ -16334,7 +16348,7 @@ BUND_LOGO_TEXT_MAP.set(Bundesanstalt['Bundesinstitut für Arzneimittel und Mediz
16334
16348
  BUND_LOGO_TEXT_MAP.set(Bundesanstalt['Bundesinstitut für Bevölkerungsforschung'], ['Bundesinstitut', 'für Bevölkerungsforschung']);
16335
16349
  BUND_LOGO_TEXT_MAP.set(Bundesanstalt['Bundesinstitut für Sportwissenschaft'], ['Bundesinstitut', 'für Sportwissenschaft']);
16336
16350
 
16337
- const defaultStyleCss$g = "@layer kol-global {\n\t\n\t.sc-kol-logo-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-logo-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-logo-default-h {\n\t\tdisplay: inline-block;\n\t}\n\n\ttext {\n\t\tfont-size: 16px;\n\t\tletter-spacing: normal;\n\t\tword-spacing: normal;\n\t}\n\n\tsvg {\n\t\tmax-height: 100%;\n\t}\n}";
16351
+ const defaultStyleCss$f = "@layer kol-global {\n\t\n\t.sc-kol-logo-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-logo-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-logo-default-h {\n\t\tdisplay: inline-block;\n\t}\n\n\ttext {\n\t\tfont-size: 16px;\n\t\tletter-spacing: normal;\n\t\tword-spacing: normal;\n\t}\n\n\tsvg {\n\t\tmax-height: 100%;\n\t}\n}";
16338
16352
 
16339
16353
  function enumToArray(enumeration, enumAsMap = new Map()) {
16340
16354
  Object.entries(enumeration).map(([key, value]) => {
@@ -16381,7 +16395,7 @@ class KolLogo {
16381
16395
  "_org": ["validateOrg"]
16382
16396
  }; }
16383
16397
  static get style() { return {
16384
- default: defaultStyleCss$g
16398
+ default: defaultStyleCss$f
16385
16399
  }; }
16386
16400
  static get cmpMeta() { return {
16387
16401
  "$flags$": 41,
@@ -16396,7 +16410,7 @@ class KolLogo {
16396
16410
  }; }
16397
16411
  }
16398
16412
 
16399
- const defaultStyleCss$f = "@layer kol-global {\n\t\n\t.sc-kol-modal-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-modal-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.overlay {\n\t\tbackground-color: rgba(0, 0, 0, 0.33);\n\t\tdisplay: flex;\n\t\theight: 100%;\n\t\tinset: 0;\n\t\tposition: fixed;\n\t\twidth: 100%;\n\t\tz-index: 100;\n\t}\n\n\t.modal {\n\t\tmargin: auto;\n\t\tmax-height: 100%;\n\t\tmax-width: 100%;\n\t}\n}";
16413
+ const defaultStyleCss$e = "@layer kol-global {\n\t\n\t.sc-kol-modal-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-modal-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.overlay {\n\t\tbackground-color: rgba(0, 0, 0, 0.33);\n\t\tdisplay: flex;\n\t\theight: 100%;\n\t\tinset: 0;\n\t\tposition: fixed;\n\t\twidth: 100%;\n\t\tz-index: 100;\n\t}\n\n\t.modal {\n\t\tmargin: auto;\n\t\tmax-height: 100%;\n\t\tmax-width: 100%;\n\t}\n}";
16400
16414
 
16401
16415
  class KolModal {
16402
16416
  constructor(hostRef) {
@@ -16487,7 +16501,7 @@ class KolModal {
16487
16501
  "_width": ["validateWidth"]
16488
16502
  }; }
16489
16503
  static get style() { return {
16490
- default: defaultStyleCss$f
16504
+ default: defaultStyleCss$e
16491
16505
  }; }
16492
16506
  static get cmpMeta() { return {
16493
16507
  "$flags$": 41,
@@ -16513,7 +16527,7 @@ const validateHasCompactButton = (component, value) => {
16513
16527
  watchBoolean(component, '_hasCompactButton', value);
16514
16528
  };
16515
16529
 
16516
- const defaultStyleCss$e = "@layer kol-global {\n\t\n\t.sc-kol-nav-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-nav-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-nav-default-h > div {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\tnav {\n\t\twidth: 100%;\n\t}\n\n\t.list {\n\t\tdisplay: flex;\n\t\tlist-style: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\n\t.list.vertical {\n\t\tflex-direction: column;\n\t}\n\n\t.entry {\n\t\tdisplay: flex;\n\t}\n\n\t.entry kol-button-wc:first-child,\n\t.entry kol-link-wc,\n\t.entry kol-span-wc {\n\t\tflex-grow: 1;\n\t}\n\n\t.entry kol-span-wc {\n\t\tjustify-items: start;\n\t}\n}";
16530
+ const defaultStyleCss$d = "@layer kol-global {\n\t\n\t.sc-kol-nav-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-nav-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-nav-default-h > div {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\tnav {\n\t\twidth: 100%;\n\t}\n\n\t.list {\n\t\tdisplay: flex;\n\t\tlist-style: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\n\t.list.vertical {\n\t\tflex-direction: column;\n\t}\n\n\t.entry {\n\t\tdisplay: flex;\n\t}\n\n\t.entry kol-button-wc:first-child,\n\t.entry kol-link-wc,\n\t.entry kol-span-wc {\n\t\tflex-grow: 1;\n\t}\n\n\t.entry kol-span-wc {\n\t\tjustify-items: start;\n\t}\n}";
16517
16531
 
16518
16532
  class KolNav {
16519
16533
  constructor(hostRef) {
@@ -16634,7 +16648,7 @@ class KolNav {
16634
16648
  "_orientation": ["validateOrientation"]
16635
16649
  }; }
16636
16650
  static get style() { return {
16637
- default: defaultStyleCss$e
16651
+ default: defaultStyleCss$d
16638
16652
  }; }
16639
16653
  static get cmpMeta() { return {
16640
16654
  "$flags$": 41,
@@ -16659,7 +16673,7 @@ const validateMax = (component, value, options) => {
16659
16673
  watchNumber(component, '_max', value, options);
16660
16674
  };
16661
16675
 
16662
- const defaultStyleCss$d = "@layer kol-global {\n\t\n\t.sc-kol-pagination-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-pagination-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.navigation-list {\n\t\tlist-style: none;\n\t}\n\n\t.separator:before {\n\t\tcontent: '•••';\n\t}\n}";
16676
+ const defaultStyleCss$c = "@layer kol-global {\n\t\n\t.sc-kol-pagination-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-pagination-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-pagination-default-h {\n\t\talign-items: center;\n\t\tdisplay: grid;\n\t\tgap: 1rem;\n\t\tgrid-template-columns: 1fr auto;\n\t}\n\t.navigation-list {\n\t\talign-items: center;\n\t\tdisplay: inline-flex;\n\t\tflex-wrap: wrap;\n\t\tgap: 0.5em;\n\t\tlist-style: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\n\t.separator:before {\n\t\tcontent: '•••';\n\t}\n}";
16663
16677
 
16664
16678
  const leftDoubleArrowIcon = {
16665
16679
  left: 'codicon codicon-debug-reverse-continue',
@@ -16783,7 +16797,6 @@ class KolPagination {
16783
16797
  this._siblingCount = 1;
16784
16798
  this._tooltipAlign = 'top';
16785
16799
  this._max = undefined;
16786
- this._variant = 'normal';
16787
16800
  this.state = {
16788
16801
  _boundaryCount: 1,
16789
16802
  _label: translate('kol-pagination'),
@@ -16801,7 +16814,6 @@ class KolPagination {
16801
16814
  _pageSizeOptions: [],
16802
16815
  _siblingCount: 1,
16803
16816
  _max: 0,
16804
- _variant: 'normal',
16805
16817
  };
16806
16818
  }
16807
16819
  render() {
@@ -16830,19 +16842,19 @@ class KolPagination {
16830
16842
  return null;
16831
16843
  }
16832
16844
  });
16833
- return (hAsync(Host, null, hAsync("nav", { "aria-label": this.state._label }, hAsync("ul", { class: "navigation-list" }, this.state._hasButtons.first && (hAsync("li", null, hAsync("kol-button", { class: "first", exportparts: "icon", _customClass: this.state._customClass, _disabled: this.state._page <= 1, _icons: leftDoubleArrowIcon, _hideLabel: true, _label: translate('kol-page-first'), _on: this.onGoToFirst, _variant: this.state._variant, _tooltipAlign: this.state._tooltipAlign }))), this.state._hasButtons.previous && (hAsync("li", null, hAsync("kol-button", { class: "previous", exportparts: "icon", _customClass: this.state._customClass, _disabled: this.state._page <= 1, _icons: leftSingleArrow, _hideLabel: true, _label: translate('kol-page-back'), _on: this.onGoBackward, _variant: this.state._variant, _tooltipAlign: this.state._tooltipAlign }))), pageButtons, this.state._hasButtons.next && (hAsync("li", null, hAsync("kol-button", { class: "next", exportparts: "icon", _customClass: this.state._customClass, _disabled: count <= this.state._page, _icons: rightSingleArrowIcon, _hideLabel: true, _label: translate('kol-page-next'), _on: this.onGoForward, _variant: this.state._variant, _tooltipAlign: this.state._tooltipAlign }))), this.state._hasButtons.last && (hAsync("li", null, hAsync("kol-button", { class: "last", exportparts: "icon", _customClass: this.state._customClass, _disabled: count <= this.state._page, _icons: rightDoubleArrowIcon, _hideLabel: true, _label: translate('kol-page-last'), _on: this.onGoToEnd, _variant: this.state._variant, _tooltipAlign: this.state._tooltipAlign }))))), ((_a = this.state._pageSizeOptions) === null || _a === void 0 ? void 0 : _a.length) > 0 && (hAsync("kol-select", { _hideLabel: true, _id: `pagination-size-${this.nonce}`, _label: translate('kol-entries-per-site'), _options: this.state._pageSizeOptions, _on: {
16845
+ return (hAsync(Host, null, hAsync("nav", { "aria-label": this.state._label }, hAsync("ul", { class: "navigation-list" }, this.state._hasButtons.first && (hAsync("li", null, hAsync("kol-button-wc", { class: "first", exportparts: "icon", _customClass: this.state._customClass, _disabled: this.state._page <= 1, _icons: leftDoubleArrowIcon, _hideLabel: true, _label: translate('kol-page-first'), _on: this.onGoToFirst, _tooltipAlign: this.state._tooltipAlign }))), this.state._hasButtons.previous && (hAsync("li", null, hAsync("kol-button-wc", { class: "previous", exportparts: "icon", _customClass: this.state._customClass, _disabled: this.state._page <= 1, _icons: leftSingleArrow, _hideLabel: true, _label: translate('kol-page-back'), _on: this.onGoBackward, _tooltipAlign: this.state._tooltipAlign }))), pageButtons, this.state._hasButtons.next && (hAsync("li", null, hAsync("kol-button-wc", { class: "next", exportparts: "icon", _customClass: this.state._customClass, _disabled: count <= this.state._page, _icons: rightSingleArrowIcon, _hideLabel: true, _label: translate('kol-page-next'), _on: this.onGoForward, _tooltipAlign: this.state._tooltipAlign }))), this.state._hasButtons.last && (hAsync("li", null, hAsync("kol-button-wc", { class: "last", exportparts: "icon", _customClass: this.state._customClass, _disabled: count <= this.state._page, _icons: rightDoubleArrowIcon, _hideLabel: true, _label: translate('kol-page-last'), _on: this.onGoToEnd, _tooltipAlign: this.state._tooltipAlign }))))), ((_a = this.state._pageSizeOptions) === null || _a === void 0 ? void 0 : _a.length) > 0 && (hAsync("kol-select", { _hideLabel: true, _id: `pagination-size-${this.nonce}`, _label: translate('kol-entries-per-site'), _options: this.state._pageSizeOptions, _on: {
16834
16846
  onChange: this.onChangePageSize,
16835
16847
  }, _value: [this.state._pageSize] }))));
16836
16848
  }
16837
16849
  getUnselectedPageButton(page) {
16838
- return (hAsync("li", null, hAsync("kol-button", { exportparts: "icon", key: `${this.nonce}-${page}`, _customClass: this.state._customClass, _label: `${page}`, _on: {
16850
+ return (hAsync("li", null, hAsync("kol-button-wc", { exportparts: "icon", key: `${this.nonce}-${page}`, _customClass: this.state._customClass, _label: `${page}`, _on: {
16839
16851
  onClick: (event) => {
16840
16852
  this.onClick(event, page);
16841
16853
  },
16842
- }, _variant: this.state._variant })));
16854
+ } })));
16843
16855
  }
16844
16856
  getSelectedPageButton(page) {
16845
- return (hAsync("li", null, hAsync("kol-button-wc", { class: "selected", key: `${this.nonce}-selected`, _customClass: this.state._customClass, _disabled: true, _label: `${page}`, _variant: this.state._variant })));
16857
+ return (hAsync("li", null, hAsync("kol-button-wc", { class: "selected", key: `${this.nonce}-selected`, _customClass: this.state._customClass, _disabled: true, _label: `${page}` })));
16846
16858
  }
16847
16859
  validateBoundaryCount(value) {
16848
16860
  watchNumber(this, '_boundaryCount', Math.max(0, value !== null && value !== void 0 ? value : 1));
@@ -16941,9 +16953,6 @@ class KolPagination {
16941
16953
  validateTooltipAlign(value) {
16942
16954
  validateTooltipAlign(this, value);
16943
16955
  }
16944
- validateVariant(value) {
16945
- validateButtonVariant(this, value);
16946
- }
16947
16956
  componentWillLoad() {
16948
16957
  this.validateBoundaryCount(this._boundaryCount);
16949
16958
  this.validateCustomClass(this._customClass);
@@ -16956,7 +16965,6 @@ class KolPagination {
16956
16965
  this.validateSiblingCount(this._siblingCount);
16957
16966
  this.validateTooltipAlign(this._tooltipAlign);
16958
16967
  this.validateMax(this._max);
16959
- this.validateVariant(this._variant);
16960
16968
  this.validatePage(this._page);
16961
16969
  }
16962
16970
  disconnectedCallback() {
@@ -16973,11 +16981,10 @@ class KolPagination {
16973
16981
  "_pageSizeOptions": ["validatePageSizeOptions"],
16974
16982
  "_siblingCount": ["validateSiblingCount"],
16975
16983
  "_max": ["validateMax"],
16976
- "_tooltipAlign": ["validateTooltipAlign"],
16977
- "_variant": ["validateVariant"]
16984
+ "_tooltipAlign": ["validateTooltipAlign"]
16978
16985
  }; }
16979
16986
  static get style() { return {
16980
- default: defaultStyleCss$d
16987
+ default: defaultStyleCss$c
16981
16988
  }; }
16982
16989
  static get cmpMeta() { return {
16983
16990
  "$flags$": 41,
@@ -16994,7 +17001,6 @@ class KolPagination {
16994
17001
  "_siblingCount": [2, "_sibling-count"],
16995
17002
  "_tooltipAlign": [1, "_tooltip-align"],
16996
17003
  "_max": [2],
16997
- "_variant": [1],
16998
17004
  "state": [32]
16999
17005
  },
17000
17006
  "$listeners$": undefined,
@@ -18555,7 +18561,7 @@ var KoliBriProgressVariantEnum;
18555
18561
  KoliBriProgressVariantEnum["cycle-label-value"] = "cycle-label-value";
18556
18562
  })(KoliBriProgressVariantEnum || (KoliBriProgressVariantEnum = {}));
18557
18563
 
18558
- const defaultStyleCss$c = "@layer kol-global {\n\t\n\t.sc-kol-progress-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-progress-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\tprogress {\n\t\tdisplay: block;\n\t\theight: 0;\n\t\toverflow: hidden;\n\t\twidth: 0;\n\t}\n\n\t.bar .border {\n\t\tfill: transparent;\n\t\tstroke: black;\n\t}\n\n\t.bar .background {\n\t\tfill: lightgray;\n\t\tstroke: white;\n\t}\n\n\t.bar .progress {\n\t\tfill: #0075ff;\n\t\tstroke: transparent;\n\t\ttransition: 250ms ease-in-out 50ms;\n\t}\n\n\t.cycle .background {\n\t\tfill: transparent;\n\t\tstroke: lightgray;\n\t}\n\n\t.cycle .border {\n\t\tfill: transparent;\n\t\tstroke: black;\n\t}\n\n\t.cycle .whitespace {\n\t\tfill: transparent;\n\t\tstroke: white;\n\t}\n\n\t.cycle .progress {\n\t\tfill: transparent;\n\t\tstroke: #0075ff;\n\t\ttransform-origin: 50% 50%;\n\t\ttransform: rotate(-90deg);\n\t\ttransition: 250ms ease-in-out 50ms;\n\t}\n\n\t\n\t@media (prefers-reduced-motion) {\n\t\t.progress {\n\t\t\ttransition-duration: 0s;\n\t\t\ttransition-delay: 0s;\n\t\t}\n\t}\n}";
18564
+ const defaultStyleCss$b = "@layer kol-global {\n\t\n\t.sc-kol-progress-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-progress-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\tprogress {\n\t\tdisplay: block;\n\t\theight: 0;\n\t\toverflow: hidden;\n\t\twidth: 0;\n\t}\n\n\t.bar .border {\n\t\tfill: transparent;\n\t\tstroke: black;\n\t}\n\n\t.bar .background {\n\t\tfill: lightgray;\n\t\tstroke: white;\n\t}\n\n\t.bar .progress {\n\t\tfill: #0075ff;\n\t\tstroke: transparent;\n\t\ttransition: 250ms ease-in-out 50ms;\n\t}\n\n\t.cycle .background {\n\t\tfill: transparent;\n\t\tstroke: lightgray;\n\t}\n\n\t.cycle .border {\n\t\tfill: transparent;\n\t\tstroke: black;\n\t}\n\n\t.cycle .whitespace {\n\t\tfill: transparent;\n\t\tstroke: white;\n\t}\n\n\t.cycle .progress {\n\t\tfill: transparent;\n\t\tstroke: #0075ff;\n\t\ttransform-origin: 50% 50%;\n\t\ttransform: rotate(-90deg);\n\t\ttransition: 250ms ease-in-out 50ms;\n\t}\n\n\t\n\t@media (prefers-reduced-motion) {\n\t\t.progress {\n\t\t\ttransition-duration: 0s;\n\t\t\ttransition-delay: 0s;\n\t\t}\n\t}\n}";
18559
18565
 
18560
18566
  const VALID_VARIANTS = Object.keys(KoliBriProgressVariantEnum);
18561
18567
  const createProgressSVG = (state) => {
@@ -18644,7 +18650,7 @@ class KolProcess {
18644
18650
  "_variant": ["validateVariant"]
18645
18651
  }; }
18646
18652
  static get style() { return {
18647
- default: defaultStyleCss$c
18653
+ default: defaultStyleCss$b
18648
18654
  }; }
18649
18655
  static get cmpMeta() { return {
18650
18656
  "$flags$": 41,
@@ -18663,7 +18669,7 @@ class KolProcess {
18663
18669
  }; }
18664
18670
  }
18665
18671
 
18666
- const defaultStyleCss$b = "@layer kol-global {\n\t\n\t.sc-kol-quote-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-quote-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\tcite,\n\tfigure,\n\tq + figcaption {\n\t\tdisplay: inline;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\n\tblockquote:before {\n\t\tcontent: open-quote;\n\t}\n\n\tblockquote::after {\n\t\tcontent: close-quote;\n\t}\n\n\tcite:before {\n\t\tcontent: '—';\n\t}\n\n\t.block cite:before {\n\t\tpadding-right: 0.5em;\n\t}\n\n\t.inline cite:before {\n\t\tpadding: 0.5em;\n\t}\n}";
18672
+ const defaultStyleCss$a = "@layer kol-global {\n\t\n\t.sc-kol-quote-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-quote-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\tcite,\n\tfigure,\n\tq + figcaption {\n\t\tdisplay: inline;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\n\tblockquote:before {\n\t\tcontent: open-quote;\n\t}\n\n\tblockquote::after {\n\t\tcontent: close-quote;\n\t}\n\n\tcite:before {\n\t\tcontent: '—';\n\t}\n\n\t.block cite:before {\n\t\tpadding-right: 0.5em;\n\t}\n\n\t.inline cite:before {\n\t\tpadding: 0.5em;\n\t}\n}";
18667
18673
 
18668
18674
  class KolQuote {
18669
18675
  constructor(hostRef) {
@@ -18713,7 +18719,7 @@ class KolQuote {
18713
18719
  "_variant": ["validateVariant"]
18714
18720
  }; }
18715
18721
  static get style() { return {
18716
- default: defaultStyleCss$b
18722
+ default: defaultStyleCss$a
18717
18723
  }; }
18718
18724
  static get cmpMeta() { return {
18719
18725
  "$flags$": 41,
@@ -18829,7 +18835,7 @@ class SelectController extends InputIconController {
18829
18835
  }
18830
18836
  }
18831
18837
 
18832
- const defaultStyleCss$a = "@layer kol-global {\n\t\n\t.sc-kol-select-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-select-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.required label > span::after,\n\t.required legend > span::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-select-default-h {\n\t\tdisplay: block;\n\t}\n}\n\n@layer kol-component {\n\tinput,\n\ttextarea {\n\t\tcursor: text;\n\t}\n\n\tinput[type='checkbox'],\n\tinput[type='color'],\n\tinput[type='file'],\n\tinput[type='radio'],\n\tinput[type='range'],\n\tlabel,\n\toption,\n\tselect {\n\t\tcursor: pointer;\n\t}\n\n\t\n\t\n\t\n\tinput[type='color'],\n\tinput[type='date'],\n\tinput[type='datetime-local'],\n\tinput[type='email'],\n\tinput[type='file'],\n\tinput[type='month'],\n\tinput[type='number'],\n\tinput[type='password'],\n\tinput[type='search'],\n\tinput[type='tel'],\n\tinput[type='text'],\n\tinput[type='time'],\n\tinput[type='url'],\n\tinput[type='week'],\n\tselect,\n\tselect[multiple] option,\n\ttextarea {\n\t\tfont-size: 1rem;\n\t\twidth: 100%;\n\t}\n\n\t\n\tinput[type='file'] {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 10) 0.5em;\n\t}\n\n\t\n\tselect[multiple] option {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 2) 0.5em;\n\t}\n\n\tkol-input.disabled :is(button, input, label, option, select, textarea) {\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n}\n\n@layer kol-component {\n\tkol-input {\n\t\tdisplay: grid;\n\t}\n\n\tkol-input .input-slot {\n\t\tflex-grow: 1;\n\t}\n\n\tinput:not([type='checkbox'], [type='radio']),\n\tselect:not([multiple], [size]) {\n\t\theight: 2.75em;\n\t}\n\n\tinput:focus,\n\toption:focus,\n\tselect:focus,\n\ttextarea:focus {\n\t\toutline: 0;\n\t}\n\n\t.input {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t.input > kol-icon {\n\t\tdisplay: grid;\n\t\theight: var(--a11y-min-size);\n\t\tplace-items: center;\n\t}\n\n\tkol-input.required .input-tooltip .span-label::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t.error.hidden {\n\t\tdisplay: none;\n\t}\n}";
18838
+ const defaultStyleCss$9 = "@layer kol-global {\n\t\n\t.sc-kol-select-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-select-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.required label > span::after,\n\t.required legend > span::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-select-default-h {\n\t\tdisplay: block;\n\t}\n}\n\n@layer kol-component {\n\tinput,\n\ttextarea {\n\t\tcursor: text;\n\t}\n\n\tinput[type='checkbox'],\n\tinput[type='color'],\n\tinput[type='file'],\n\tinput[type='radio'],\n\tinput[type='range'],\n\tlabel,\n\toption,\n\tselect {\n\t\tcursor: pointer;\n\t}\n\n\t\n\t\n\t\n\tinput[type='color'],\n\tinput[type='date'],\n\tinput[type='datetime-local'],\n\tinput[type='email'],\n\tinput[type='file'],\n\tinput[type='month'],\n\tinput[type='number'],\n\tinput[type='password'],\n\tinput[type='search'],\n\tinput[type='tel'],\n\tinput[type='text'],\n\tinput[type='time'],\n\tinput[type='url'],\n\tinput[type='week'],\n\tselect,\n\tselect[multiple] option,\n\ttextarea {\n\t\tfont-size: 1rem;\n\t\twidth: 100%;\n\t}\n\n\t\n\tinput[type='file'] {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 10) 0.5em;\n\t}\n\n\t\n\tselect[multiple] option {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 2) 0.5em;\n\t}\n\n\tkol-input.disabled :is(button, input, label, option, select, textarea) {\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n}\n\n@layer kol-component {\n\tkol-input {\n\t\tdisplay: grid;\n\t}\n\n\tkol-input .input-slot {\n\t\tflex-grow: 1;\n\t}\n\n\tinput:not([type='checkbox'], [type='radio']),\n\tselect:not([multiple], [size]) {\n\t\theight: 2.75em;\n\t}\n\n\tinput:focus,\n\toption:focus,\n\tselect:focus,\n\ttextarea:focus {\n\t\toutline: 0;\n\t}\n\n\t.input {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t.input > kol-icon {\n\t\tdisplay: grid;\n\t\theight: var(--a11y-min-size);\n\t\tplace-items: center;\n\t}\n\n\tkol-input.required .input-tooltip .span-label::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t.error.hidden {\n\t\tdisplay: none;\n\t}\n}";
18833
18839
 
18834
18840
  const isSelected = (valueList, optionValue) => {
18835
18841
  return Array.isArray(valueList) && valueList.includes(optionValue);
@@ -19006,7 +19012,7 @@ class KolSelect {
19006
19012
  "_value": ["validateValue"]
19007
19013
  }; }
19008
19014
  static get style() { return {
19009
- default: defaultStyleCss$a
19015
+ default: defaultStyleCss$9
19010
19016
  }; }
19011
19017
  static get cmpMeta() { return {
19012
19018
  "$flags$": 41,
@@ -19041,7 +19047,7 @@ class KolSelect {
19041
19047
  }; }
19042
19048
  }
19043
19049
 
19044
- const defaultStyleCss$9 = "@layer kol-global {\n\t\n\t.sc-kol-skip-nav-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-skip-nav-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\tul {\n\t\tdisplay: grid;\n\t\tlist-style: none;\n\t\tplace-items: center;\n\t}\n\n\tul li {\n\t\theight: 0;\n\t}\n\n\tkol-link-wc a {\n\t\tleft: -99999px;\n\t\toverflow: hidden;\n\t\tposition: absolute;\n\t\tz-index: 9999999;\n\t\tline-height: 1em;\n\t}\n\n\tkol-link-wc a:focus {\n\t\tbackground-color: #fff;\n\t\tleft: unset;\n\t\tposition: unset;\n\t}\n}";
19050
+ const defaultStyleCss$8 = "@layer kol-global {\n\t\n\t.sc-kol-skip-nav-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-skip-nav-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\tul {\n\t\tdisplay: grid;\n\t\tlist-style: none;\n\t\tplace-items: center;\n\t}\n\n\tul li {\n\t\theight: 0;\n\t}\n\n\tkol-link-wc a {\n\t\tleft: -99999px;\n\t\toverflow: hidden;\n\t\tposition: absolute;\n\t\tz-index: 9999999;\n\t\tline-height: 1em;\n\t}\n\n\tkol-link-wc a:focus {\n\t\tbackground-color: #fff;\n\t\tleft: unset;\n\t\tposition: unset;\n\t}\n}";
19045
19051
 
19046
19052
  class KolSkipNav {
19047
19053
  constructor(hostRef) {
@@ -19080,7 +19086,7 @@ class KolSkipNav {
19080
19086
  "_links": ["validateLinks"]
19081
19087
  }; }
19082
19088
  static get style() { return {
19083
- default: defaultStyleCss$9
19089
+ default: defaultStyleCss$8
19084
19090
  }; }
19085
19091
  static get cmpMeta() { return {
19086
19092
  "$flags$": 41,
@@ -19096,7 +19102,7 @@ class KolSkipNav {
19096
19102
  }; }
19097
19103
  }
19098
19104
 
19099
- const defaultStyleCss$8 = "@layer kol-global {\n\t\n\t.sc-kol-span-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-span-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}";
19105
+ const defaultStyleCss$7 = "@layer kol-global {\n\t\n\t.sc-kol-span-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-span-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}";
19100
19106
 
19101
19107
  class KolSpan {
19102
19108
  constructor(hostRef) {
@@ -19109,7 +19115,7 @@ class KolSpan {
19109
19115
  return (hAsync("kol-span-wc", { _icons: this._icons, _hideLabel: this._hideLabel, _label: this._label }, hAsync("slot", { name: "expert", slot: "expert" })));
19110
19116
  }
19111
19117
  static get style() { return {
19112
- default: defaultStyleCss$8
19118
+ default: defaultStyleCss$7
19113
19119
  }; }
19114
19120
  static get cmpMeta() { return {
19115
19121
  "$flags$": 41,
@@ -31406,7 +31412,7 @@ const validateSpinVariant = (component, value) => {
31406
31412
  watchValidator(component, '_variant', (value) => value === 'cycle' || value === 'dot' || value === 'none', new Set(['cycle', 'dot', 'none']), value);
31407
31413
  };
31408
31414
 
31409
- const defaultStyleCss$7 = "@layer kol-global {\n\t\n\t.sc-kol-spin-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-spin-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.spin.cycle {\n\t\twidth: 3rem;\n\t\theight: 3rem;\n\t}\n\n\t.spin.cycle > .loader {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tborder-radius: 50%;\n\t\tposition: relative;\n\t\tanimation: 2s linear infinite rotate;\n\t}\n\n\t.spin.cycle > .loader::before {\n\t\tcontent: '';\n\t\tbox-sizing: border-box;\n\t\tposition: absolute;\n\t\tinset: 0px;\n\t\tborder-radius: 50%;\n\t\tborder: 5px solid #333;\n\t\tanimation: 3s linear infinite prixClipFix;\n\t}\n\n\t@keyframes rotate {\n\t\t100% {\n\t\t\ttransform: rotate(360deg);\n\t\t}\n\t}\n\t@keyframes prixClipFix {\n\t\t0% {\n\t\t\tborder-color: #fff;\n\t\t\tclip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);\n\t\t}\n\t\t25% {\n\t\t\tborder-color: #666;\n\t\t\tclip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);\n\t\t}\n\t\t50% {\n\t\t\tborder-color: #fc0;\n\t\t\tclip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);\n\t\t}\n\t\t75% {\n\t\t\tborder-color: red;\n\t\t\tclip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);\n\t\t}\n\t\t100% {\n\t\t\tborder-color: #000;\n\t\t\tclip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);\n\t\t}\n\t} \n\t@media (prefers-reduced-motion) {\n\t\t.spin.cycle > .loader {\n\t\t\tanimation-duration: 4s;\n\t\t}\n\n\t\t.spin.cycle > .loader::before {\n\t\t\tanimation-duration: 6s;\n\t\t}\n\t}\n}\n\n@layer kol-component {\n\t.spin.dot {\n\t\theight: 1rem;\n\t\twidth: 3rem;\n\t}\n\n\t.spin.dot > span {\n\t\tanimation-timing-function: cubic-bezier(0, 1, 1, 0);\n\t\tborder-radius: 50%;\n\t\tborder: 0.1rem solid #fff;\n\t\theight: 0.8rem;\n\t\tposition: absolute;\n\t\ttop: 0.1rem;\n\t\twidth: 0.8rem;\n\t}\n\n\t.spin.dot > span:first-child {\n\t\tbackground-color: #fc0;\n\t\tz-index: 0;\n\t\tanimation: 1s infinite spin1;\n\t\tleft: 0.1rem;\n\t}\n\n\t.spin.dot > span:nth-child(2) {\n\t\tbackground-color: red;\n\t\tz-index: 1;\n\t\tanimation: 1s infinite spin2;\n\t\tleft: 0.1rem;\n\t}\n\n\t.spin.dot > span:nth-child(3) {\n\t\tbackground-color: #000;\n\t\tz-index: 1;\n\t\tanimation: 1s infinite spin2;\n\t\tleft: 1.1rem;\n\t}\n\n\t.spin.dot > span:nth-child(4) {\n\t\tbackground-color: #666;\n\t\tz-index: 0;\n\t\tanimation: 1s infinite spin3;\n\t\tleft: 2.1rem;\n\t}\n\n\t@keyframes spin1 {\n\t\t0% {\n\t\t\ttransform: scale(0);\n\t\t}\n\t\t100% {\n\t\t\ttransform: scale(1);\n\t\t}\n\t}\n\t@keyframes spin2 {\n\t\t0% {\n\t\t\ttransform: translate(0, 0);\n\t\t}\n\t\t100% {\n\t\t\ttransform: translate(1rem, 0);\n\t\t}\n\t}\n\t@keyframes spin3 {\n\t\t0% {\n\t\t\ttransform: scale(1);\n\t\t}\n\t\t100% {\n\t\t\ttransform: scale(0);\n\t\t}\n\t} \n\t@media (prefers-reduced-motion) {\n\t\t.spin.dot > span:first-child,\n\t\t.spin.dot > span:nth-child(2),\n\t\t.spin.dot > span:nth-child(3),\n\t\t.spin.dot > span:nth-child(4) {\n\t\t\tanimation-duration: 2s;\n\t\t}\n\t}\n}\n\n@layer kol-component {\n\t.spin {\n\t\tdisplay: block;\n\t\tpadding: 0.125rem;\n\t\tposition: relative;\n\t}\n}";
31415
+ const defaultStyleCss$6 = "@layer kol-global {\n\t\n\t.sc-kol-spin-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-spin-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.spin.cycle {\n\t\twidth: 3rem;\n\t\theight: 3rem;\n\t}\n\n\t.spin.cycle > .loader {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tborder-radius: 50%;\n\t\tposition: relative;\n\t\tanimation: 2s linear infinite rotate;\n\t}\n\n\t.spin.cycle > .loader::before {\n\t\tcontent: '';\n\t\tbox-sizing: border-box;\n\t\tposition: absolute;\n\t\tinset: 0px;\n\t\tborder-radius: 50%;\n\t\tborder: 5px solid #333;\n\t\tanimation: 3s linear infinite prixClipFix;\n\t}\n\n\t@keyframes rotate {\n\t\t100% {\n\t\t\ttransform: rotate(360deg);\n\t\t}\n\t}\n\t@keyframes prixClipFix {\n\t\t0% {\n\t\t\tborder-color: #fff;\n\t\t\tclip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);\n\t\t}\n\t\t25% {\n\t\t\tborder-color: #666;\n\t\t\tclip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);\n\t\t}\n\t\t50% {\n\t\t\tborder-color: #fc0;\n\t\t\tclip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);\n\t\t}\n\t\t75% {\n\t\t\tborder-color: red;\n\t\t\tclip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);\n\t\t}\n\t\t100% {\n\t\t\tborder-color: #000;\n\t\t\tclip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);\n\t\t}\n\t} \n\t@media (prefers-reduced-motion) {\n\t\t.spin.cycle > .loader {\n\t\t\tanimation-duration: 4s;\n\t\t}\n\n\t\t.spin.cycle > .loader::before {\n\t\t\tanimation-duration: 6s;\n\t\t}\n\t}\n}\n\n@layer kol-component {\n\t.spin.dot {\n\t\theight: 1rem;\n\t\twidth: 3rem;\n\t}\n\n\t.spin.dot > span {\n\t\tanimation-timing-function: cubic-bezier(0, 1, 1, 0);\n\t\tborder-radius: 50%;\n\t\tborder: 0.1rem solid #fff;\n\t\theight: 0.8rem;\n\t\tposition: absolute;\n\t\ttop: 0.1rem;\n\t\twidth: 0.8rem;\n\t}\n\n\t.spin.dot > span:first-child {\n\t\tbackground-color: #fc0;\n\t\tz-index: 0;\n\t\tanimation: 1s infinite spin1;\n\t\tleft: 0.1rem;\n\t}\n\n\t.spin.dot > span:nth-child(2) {\n\t\tbackground-color: red;\n\t\tz-index: 1;\n\t\tanimation: 1s infinite spin2;\n\t\tleft: 0.1rem;\n\t}\n\n\t.spin.dot > span:nth-child(3) {\n\t\tbackground-color: #000;\n\t\tz-index: 1;\n\t\tanimation: 1s infinite spin2;\n\t\tleft: 1.1rem;\n\t}\n\n\t.spin.dot > span:nth-child(4) {\n\t\tbackground-color: #666;\n\t\tz-index: 0;\n\t\tanimation: 1s infinite spin3;\n\t\tleft: 2.1rem;\n\t}\n\n\t@keyframes spin1 {\n\t\t0% {\n\t\t\ttransform: scale(0);\n\t\t}\n\t\t100% {\n\t\t\ttransform: scale(1);\n\t\t}\n\t}\n\t@keyframes spin2 {\n\t\t0% {\n\t\t\ttransform: translate(0, 0);\n\t\t}\n\t\t100% {\n\t\t\ttransform: translate(1rem, 0);\n\t\t}\n\t}\n\t@keyframes spin3 {\n\t\t0% {\n\t\t\ttransform: scale(1);\n\t\t}\n\t\t100% {\n\t\t\ttransform: scale(0);\n\t\t}\n\t} \n\t@media (prefers-reduced-motion) {\n\t\t.spin.dot > span:first-child,\n\t\t.spin.dot > span:nth-child(2),\n\t\t.spin.dot > span:nth-child(3),\n\t\t.spin.dot > span:nth-child(4) {\n\t\t\tanimation-duration: 2s;\n\t\t}\n\t}\n}\n\n@layer kol-component {\n\t.spin {\n\t\tdisplay: block;\n\t\tpadding: 0.125rem;\n\t\tposition: relative;\n\t}\n}";
31410
31416
 
31411
31417
  function renderSpin(variant) {
31412
31418
  switch (variant) {
@@ -31450,7 +31456,7 @@ class KolSpin {
31450
31456
  "_variant": ["validateVariant"]
31451
31457
  }; }
31452
31458
  static get style() { return {
31453
- default: defaultStyleCss$7
31459
+ default: defaultStyleCss$6
31454
31460
  }; }
31455
31461
  static get cmpMeta() { return {
31456
31462
  "$flags$": 41,
@@ -31466,7 +31472,7 @@ class KolSpin {
31466
31472
  }; }
31467
31473
  }
31468
31474
 
31469
- const defaultStyleCss$6 = "@layer kol-global {\n\t\n\t.sc-kol-split-button-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-split-button-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-split-button-default-h {\n\t\tdisplay: flex;\n\t\tposition: relative;\n\t}\n\n\t.main-button {\n\t\tflex-grow: 1;\n\t\ttext-align: left;\n\t}\n\n\t.main-button kol-span-wc {\n\t\tplace-items: start;\n\t}\n\n\t.secondary-button button {\n\t\theight: 100%;\n\t}\n\n\t.horizontal-line {\n\t\tbackground-color: rgba(0, 0, 0, 0.2);\n\t\tborder-radius: 2px;\n\t\theight: 70%;\n\t\tmargin-block: auto;\n\t\twidth: 1px;\n\t}\n\n\t\n\t.popover {\n\t\theight: 0;\n\t\tleft: 0;\n\t\tmin-width: 100%;\n\t\toverflow: hidden;\n\t\tposition: absolute;\n\t\ttop: 100%;\n\t\ttransition: height 0.3s ease-in-out;\n\t}\n\n\t.popover-content {\n\t\tinset: 0 0 auto 0;\n\t\tmin-width: 100%;\n\t\tposition: absolute;\n\t}\n}";
31475
+ const defaultStyleCss$5 = "@layer kol-global {\n\t\n\t.sc-kol-split-button-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-split-button-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-split-button-default-h {\n\t\tdisplay: flex;\n\t\tposition: relative;\n\t}\n\n\t.main-button {\n\t\tflex-grow: 1;\n\t\ttext-align: left;\n\t}\n\n\t.main-button kol-span-wc {\n\t\tplace-items: start;\n\t}\n\n\t.secondary-button button {\n\t\theight: 100%;\n\t}\n\n\t.horizontal-line {\n\t\tbackground-color: rgba(0, 0, 0, 0.2);\n\t\tborder-radius: 2px;\n\t\theight: 70%;\n\t\tmargin-block: auto;\n\t\twidth: 1px;\n\t}\n\n\t\n\t.popover {\n\t\theight: 0;\n\t\tleft: 0;\n\t\tmin-width: 100%;\n\t\toverflow: hidden;\n\t\tposition: absolute;\n\t\ttop: 100%;\n\t\ttransition: height 0.3s ease-in-out;\n\t}\n\n\t.popover-content {\n\t\tinset: 0 0 auto 0;\n\t\tmin-width: 100%;\n\t\tposition: absolute;\n\t}\n}";
31470
31476
 
31471
31477
  class KolSplitButton {
31472
31478
  constructor(hostRef) {
@@ -31541,7 +31547,7 @@ class KolSplitButton {
31541
31547
  }, _ariaControls: this._ariaControls, _ariaExpanded: this._ariaExpanded, _ariaSelected: this._ariaSelected, _customClass: this._customClass, _disabled: this._disabled, _icons: this._icons, _hideLabel: this._hideLabel, _label: this._label, _name: this._name, _on: this.clickButtonHandler, _role: this._role, _syncValueBySelector: this._syncValueBySelector, _tabIndex: this._tabIndex, _tooltipAlign: this._tooltipAlign, _type: this._type, _value: this._value, _variant: this._variant }), hAsync("div", { class: "horizontal-line" }), hAsync("kol-button-wc", { class: "secondary-button", _disabled: this._disabled, _hideLabel: true, _icons: "codicon codicon-triangle-down", _label: `dropdown ${this.state._show ? 'schließen' : 'öffnen'}`, _on: this.clickToggleHandler }), hAsync("div", { class: "popover", ref: this.catchDropdownElements }, hAsync("div", { class: "popover-content" }, hAsync("slot", null)))));
31542
31548
  }
31543
31549
  static get style() { return {
31544
- default: defaultStyleCss$6
31550
+ default: defaultStyleCss$5
31545
31551
  }; }
31546
31552
  static get cmpMeta() { return {
31547
31553
  "$flags$": 41,
@@ -31616,7 +31622,7 @@ class KolSymbol {
31616
31622
  }; }
31617
31623
  }
31618
31624
 
31619
- const defaultStyleCss$5 = "@layer kol-global {\n\t\n\t.sc-kol-table-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-table-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-table-default-h {\n\t\tdisplay: block;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-table-default-h {\n\t\tdisplay: grid;\n\t}\n\n\t.sc-kol-table-default-h > div.table {\n\t\tmax-width: 100%;\n\t\torder: 1;\n\t\toverflow-x: auto;\n\t\toverflow-y: hidden;\n\t}\n\n\t.sc-kol-table-default-h > div.table table {\n\t\twidth: 100%;\n\t}\n\n\tth > div {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: 1fr auto;\n\t\tplace-items: center;\n\t}\n\n\tdiv.pagination {\n\t\torder: 2;\n\t}\n\n\tdiv.pagination,\n\tdiv.pagination > div:last-child {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t@media (min-width: 1024px) {\n\t\tdiv.pagination,\n\t\tdiv.pagination > div:last-child {\n\t\t\tgrid-auto-flow: column;\n\t\t}\n\n\t\tdiv.pagination kol-pagination {\n\t\t\tdisplay: flex;\n\t\t}\n\t}\n}";
31625
+ const defaultStyleCss$4 = "@layer kol-global {\n\t\n\t.sc-kol-table-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-table-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-table-default-h {\n\t\tdisplay: block;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-table-default-h {\n\t\tdisplay: grid;\n\t}\n\n\t.sc-kol-table-default-h > div.table {\n\t\tmax-width: 100%;\n\t\torder: 1;\n\t\toverflow-x: auto;\n\t\toverflow-y: hidden;\n\t}\n\n\t.sc-kol-table-default-h > div.table table {\n\t\twidth: 100%;\n\t}\n\n\tth > div {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: 1fr auto;\n\t\tplace-items: center;\n\t}\n\n\tdiv.pagination {\n\t\torder: 2;\n\t}\n\n\tdiv.pagination,\n\tdiv.pagination > div:last-child {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t@media (min-width: 1024px) {\n\t\tdiv.pagination,\n\t\tdiv.pagination > div:last-child {\n\t\t\tgrid-auto-flow: column;\n\t\t}\n\n\t\tdiv.pagination kol-pagination {\n\t\t\tdisplay: flex;\n\t\t}\n\t}\n}";
31620
31626
 
31621
31627
  const PAGINATION_OPTIONS = [10, 20, 50, 100];
31622
31628
  const CELL_REFS = new Map();
@@ -32128,7 +32134,7 @@ class KolTable {
32128
32134
  "_pagination": ["validatePagination"]
32129
32135
  }; }
32130
32136
  static get style() { return {
32131
- default: defaultStyleCss$5
32137
+ default: defaultStyleCss$4
32132
32138
  }; }
32133
32139
  static get cmpMeta() { return {
32134
32140
  "$flags$": 41,
@@ -32148,7 +32154,7 @@ class KolTable {
32148
32154
  }; }
32149
32155
  }
32150
32156
 
32151
- const defaultStyleCss$4 = "@layer kol-global {\n\t\n\t.sc-kol-tabs-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-tabs-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-tabs-default-h {\n\t\tdisplay: block;\n\t}\n}\n\n@layer kol-component {\n\tkol-button-group-wc {\n\t\tdisplay: inline-flex;\n\t\tflex-wrap: wrap;\n\t}\n\n\tkol-button-group-wc button {\n\t\tborder-bottom-color: transparent;\n\t\tborder-bottom-style: solid;\n\t\tdisplay: block;\n\t}\n\n\tdiv.grid,\n\tdiv[role='tabpanel'] {\n\t\theight: 100%;\n\t}\n\n\t.sc-kol-tabs-default-h > .tabs-align-right {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: 1fr auto;\n\t}\n\n\t.sc-kol-tabs-default-h > .tabs-align-right kol-button-group-wc {\n\t\tdisplay: grid;\n\t\torder: 2;\n\t}\n\n\t.sc-kol-tabs-default-h > .tabs-align-left {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: auto 1fr;\n\t}\n\n\t.sc-kol-tabs-default-h > .tabs-align-left kol-button-group-wc {\n\t\tdisplay: grid;\n\t\torder: 0;\n\t}\n\n\t.sc-kol-tabs-default-h > .tabs-align-bottom {\n\t\tdisplay: grid;\n\t\tgrid-template-rows: 1fr auto;\n\t}\n\n\t.sc-kol-tabs-default-h > .tabs-align-bottom kol-button-group-wc {\n\t\torder: 2;\n\t}\n\n\t.sc-kol-tabs-default-h > .tabs-align-bottom kol-button-group-wc > div {\n\t\tdisplay: flex;\n\t}\n\n\t.sc-kol-tabs-default-h > .tabs-align-bottom > kol-button-group-wc > div > div:first-child {\n\t\tmargin: 0 1em 0 0;\n\t}\n\n\t.sc-kol-tabs-default-h > .tabs-align-bottom > kol-button-group-wc > div > div {\n\t\tmargin: 0 1em;\n\t}\n\n\t.sc-kol-tabs-default-h > .tabs-align-top {\n\t\tdisplay: grid;\n\t\tgrid-template-rows: auto 1fr;\n\t}\n\n\t.sc-kol-tabs-default-h > .tabs-align-top kol-button-group-wc {\n\t\torder: 0;\n\t}\n\n\t.sc-kol-tabs-default-h > .tabs-align-top kol-button-group-wc > div {\n\t\tdisplay: flex;\n\t}\n\n\t.sc-kol-tabs-default-h > .tabs-align-top > kol-button-group-wc > div > div:first-child {\n\t\tmargin: 0 1em 0 0;\n\t}\n\n\t.sc-kol-tabs-default-h > .tabs-align-top > kol-button-group-wc > div > div {\n\t\tmargin: 0 1em;\n\t}\n\n\t.sc-kol-tabs-default-h > div {\n\t\tdisplay: grid;\n\t}\n\n\t.sc-kol-tabs-default-h > .tabs-align-left kol-button-group-wc,\n\t.sc-kol-tabs-default-h > .tabs-align-top kol-button-group-wc {\n\t\torder: 0;\n\t}\n\n\t.sc-kol-tabs-default-h > .tabs-align-bottom kol-button-group-wc,\n\t.sc-kol-tabs-default-h > .tabs-align-right kol-button-group-wc {\n\t\torder: 1;\n\t}\n\n\t.sc-kol-tabs-default-h > div.tabs-align-left kol-button-group-wc > div,\n\t.sc-kol-tabs-default-h > div.tabs-align-left kol-button-group-wc > div > div,\n\t.sc-kol-tabs-default-h > div.tabs-align-right kol-button-group-wc > div,\n\t.sc-kol-tabs-default-h > div.tabs-align-right kol-button-group-wc > div > div {\n\t\tdisplay: grid;\n\t}\n\n\t.sc-kol-tabs-default-h > div.tabs-align-left kol-button-group-wc > div > div kol-button-wc,\n\t.sc-kol-tabs-default-h > div.tabs-align-right kol-button-group-wc > div > div kol-button-wc {\n\t\twidth: 100%;\n\t}\n\n\t.sc-kol-tabs-default-h > div.tabs-align-bottom kol-button-group-wc div,\n\t.sc-kol-tabs-default-h > div.tabs-align-top kol-button-group-wc div {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t}\n}";
32157
+ const defaultStyleCss$3 = "@layer kol-global {\n\t\n\t.sc-kol-tabs-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-tabs-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-tabs-default-h {\n\t\tdisplay: block;\n\t}\n}\n\n@layer kol-component {\n\tkol-button-group-wc {\n\t\tdisplay: inline-flex;\n\t\tflex-wrap: wrap;\n\t}\n\n\tkol-button-group-wc button {\n\t\tborder-bottom-color: transparent;\n\t\tborder-bottom-style: solid;\n\t\tdisplay: block;\n\t}\n\n\tdiv.grid,\n\tdiv[role='tabpanel'] {\n\t\theight: 100%;\n\t}\n\n\t.sc-kol-tabs-default-h > .tabs-align-right {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: 1fr auto;\n\t}\n\n\t.sc-kol-tabs-default-h > .tabs-align-right kol-button-group-wc {\n\t\tdisplay: grid;\n\t\torder: 2;\n\t}\n\n\t.sc-kol-tabs-default-h > .tabs-align-left {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: auto 1fr;\n\t}\n\n\t.sc-kol-tabs-default-h > .tabs-align-left kol-button-group-wc {\n\t\tdisplay: grid;\n\t\torder: 0;\n\t}\n\n\t.sc-kol-tabs-default-h > .tabs-align-bottom {\n\t\tdisplay: grid;\n\t\tgrid-template-rows: 1fr auto;\n\t}\n\n\t.sc-kol-tabs-default-h > .tabs-align-bottom kol-button-group-wc {\n\t\torder: 2;\n\t}\n\n\t.sc-kol-tabs-default-h > .tabs-align-bottom kol-button-group-wc > div {\n\t\tdisplay: flex;\n\t}\n\n\t.sc-kol-tabs-default-h > .tabs-align-bottom > kol-button-group-wc > div > div:first-child {\n\t\tmargin: 0 1em 0 0;\n\t}\n\n\t.sc-kol-tabs-default-h > .tabs-align-bottom > kol-button-group-wc > div > div {\n\t\tmargin: 0 1em;\n\t}\n\n\t.sc-kol-tabs-default-h > .tabs-align-top {\n\t\tdisplay: grid;\n\t\tgrid-template-rows: auto 1fr;\n\t}\n\n\t.sc-kol-tabs-default-h > .tabs-align-top kol-button-group-wc {\n\t\torder: 0;\n\t}\n\n\t.sc-kol-tabs-default-h > .tabs-align-top kol-button-group-wc > div {\n\t\tdisplay: flex;\n\t}\n\n\t.sc-kol-tabs-default-h > .tabs-align-top > kol-button-group-wc > div > div:first-child {\n\t\tmargin: 0 1em 0 0;\n\t}\n\n\t.sc-kol-tabs-default-h > .tabs-align-top > kol-button-group-wc > div > div {\n\t\tmargin: 0 1em;\n\t}\n\n\t.sc-kol-tabs-default-h > div {\n\t\tdisplay: grid;\n\t}\n\n\t.sc-kol-tabs-default-h > .tabs-align-left kol-button-group-wc,\n\t.sc-kol-tabs-default-h > .tabs-align-top kol-button-group-wc {\n\t\torder: 0;\n\t}\n\n\t.sc-kol-tabs-default-h > .tabs-align-bottom kol-button-group-wc,\n\t.sc-kol-tabs-default-h > .tabs-align-right kol-button-group-wc {\n\t\torder: 1;\n\t}\n\n\t.sc-kol-tabs-default-h > div.tabs-align-left kol-button-group-wc > div,\n\t.sc-kol-tabs-default-h > div.tabs-align-left kol-button-group-wc > div > div,\n\t.sc-kol-tabs-default-h > div.tabs-align-right kol-button-group-wc > div,\n\t.sc-kol-tabs-default-h > div.tabs-align-right kol-button-group-wc > div > div {\n\t\tdisplay: grid;\n\t}\n\n\t.sc-kol-tabs-default-h > div.tabs-align-left kol-button-group-wc > div > div kol-button-wc,\n\t.sc-kol-tabs-default-h > div.tabs-align-right kol-button-group-wc > div > div kol-button-wc {\n\t\twidth: 100%;\n\t}\n\n\t.sc-kol-tabs-default-h > div.tabs-align-bottom kol-button-group-wc div,\n\t.sc-kol-tabs-default-h > div.tabs-align-top kol-button-group-wc div {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t}\n}";
32152
32158
 
32153
32159
  class KolTabs {
32154
32160
  constructor(hostRef) {
@@ -32411,7 +32417,7 @@ class KolTabs {
32411
32417
  "_tabs": ["validateTabs"]
32412
32418
  }; }
32413
32419
  static get style() { return {
32414
- default: defaultStyleCss$4
32420
+ default: defaultStyleCss$3
32415
32421
  }; }
32416
32422
  static get cmpMeta() { return {
32417
32423
  "$flags$": 41,
@@ -32503,7 +32509,7 @@ class TextareaController extends InputController {
32503
32509
  }
32504
32510
  }
32505
32511
 
32506
- const defaultStyleCss$3 = "@layer kol-global {\n\t\n\t.sc-kol-textarea-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-textarea-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.required label > span::after,\n\t.required legend > span::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-textarea-default-h {\n\t\tdisplay: block;\n\t}\n}\n\n@layer kol-component {\n\tinput,\n\ttextarea {\n\t\tcursor: text;\n\t}\n\n\tinput[type='checkbox'],\n\tinput[type='color'],\n\tinput[type='file'],\n\tinput[type='radio'],\n\tinput[type='range'],\n\tlabel,\n\toption,\n\tselect {\n\t\tcursor: pointer;\n\t}\n\n\t\n\t\n\t\n\tinput[type='color'],\n\tinput[type='date'],\n\tinput[type='datetime-local'],\n\tinput[type='email'],\n\tinput[type='file'],\n\tinput[type='month'],\n\tinput[type='number'],\n\tinput[type='password'],\n\tinput[type='search'],\n\tinput[type='tel'],\n\tinput[type='text'],\n\tinput[type='time'],\n\tinput[type='url'],\n\tinput[type='week'],\n\tselect,\n\tselect[multiple] option,\n\ttextarea {\n\t\tfont-size: 1rem;\n\t\twidth: 100%;\n\t}\n\n\t\n\tinput[type='file'] {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 10) 0.5em;\n\t}\n\n\t\n\tselect[multiple] option {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 2) 0.5em;\n\t}\n\n\tkol-input.disabled :is(button, input, label, option, select, textarea) {\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n}\n\n@layer kol-component {\n\tkol-input {\n\t\tdisplay: grid;\n\t}\n\n\tkol-input .input-slot {\n\t\tflex-grow: 1;\n\t}\n\n\tinput:not([type='checkbox'], [type='radio']),\n\tselect:not([multiple], [size]) {\n\t\theight: 2.75em;\n\t}\n\n\tinput:focus,\n\toption:focus,\n\tselect:focus,\n\ttextarea:focus {\n\t\toutline: 0;\n\t}\n\n\t.input {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t.input > kol-icon {\n\t\tdisplay: grid;\n\t\theight: var(--a11y-min-size);\n\t\tplace-items: center;\n\t}\n\n\tkol-input.required .input-tooltip .span-label::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t.error.hidden {\n\t\tdisplay: none;\n\t}\n}";
32512
+ const defaultStyleCss$2 = "@layer kol-global {\n\t\n\t.sc-kol-textarea-default-h {\n\t\t\n\t\t--a11y-min-size: 44px;\n\t\tfont-size: inherit;\n\t}\n\n\t* {\n\t\t\n\t\tfont-family: Verdana;\n\t\t\n\t\thyphens: auto;\n\t\t\n\t\tletter-spacing: inherit;\n\t\t\n\t\tword-break: break-word;\n\t\t\n\t\tword-spacing: inherit;\n\t}\n\n\t\n\t\n\t\n\t\n\t\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t\n\t\tfont-family: inherit;\n\t\t\n\t\tfont-size: inherit;\n\t}\n}\n\n@layer kol-global {\n\t\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; \n\t}\n}\n\n@layer kol-global {\n\t.sc-kol-textarea-default-h {\n\t\t\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t\n\t\tbox-sizing: border-box;\n\t}\n\n\t\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t\n\tbutton,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t}\n\n\t\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.required label > span::after,\n\t.required legend > span::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t.sc-kol-textarea-default-h {\n\t\tdisplay: block;\n\t}\n}\n\n@layer kol-component {\n\tinput,\n\ttextarea {\n\t\tcursor: text;\n\t}\n\n\tinput[type='checkbox'],\n\tinput[type='color'],\n\tinput[type='file'],\n\tinput[type='radio'],\n\tinput[type='range'],\n\tlabel,\n\toption,\n\tselect {\n\t\tcursor: pointer;\n\t}\n\n\t\n\t\n\t\n\tinput[type='color'],\n\tinput[type='date'],\n\tinput[type='datetime-local'],\n\tinput[type='email'],\n\tinput[type='file'],\n\tinput[type='month'],\n\tinput[type='number'],\n\tinput[type='password'],\n\tinput[type='search'],\n\tinput[type='tel'],\n\tinput[type='text'],\n\tinput[type='time'],\n\tinput[type='url'],\n\tinput[type='week'],\n\tselect,\n\tselect[multiple] option,\n\ttextarea {\n\t\tfont-size: 1rem;\n\t\twidth: 100%;\n\t}\n\n\t\n\tinput[type='file'] {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 10) 0.5em;\n\t}\n\n\t\n\tselect[multiple] option {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 2) 0.5em;\n\t}\n\n\tkol-input.disabled :is(button, input, label, option, select, textarea) {\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n}\n\n@layer kol-component {\n\tkol-input {\n\t\tdisplay: grid;\n\t}\n\n\tkol-input .input-slot {\n\t\tflex-grow: 1;\n\t}\n\n\tinput:not([type='checkbox'], [type='radio']),\n\tselect:not([multiple], [size]) {\n\t\theight: 2.75em;\n\t}\n\n\tinput:focus,\n\toption:focus,\n\tselect:focus,\n\ttextarea:focus {\n\t\toutline: 0;\n\t}\n\n\t.input {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t.input > kol-icon {\n\t\tdisplay: grid;\n\t\theight: var(--a11y-min-size);\n\t\tplace-items: center;\n\t}\n\n\tkol-input.required .input-tooltip .span-label::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t.error.hidden {\n\t\tdisplay: none;\n\t}\n}";
32507
32513
 
32508
32514
  const increaseTextareaHeight = (el) => {
32509
32515
  el.style.overflow = 'hidden';
@@ -32674,7 +32680,7 @@ class KolTextarea {
32674
32680
  "_value": ["validateValue"]
32675
32681
  }; }
32676
32682
  static get style() { return {
32677
- default: defaultStyleCss$3
32683
+ default: defaultStyleCss$2
32678
32684
  }; }
32679
32685
  static get cmpMeta() { return {
32680
32686
  "$flags$": 41,
@@ -32712,78 +32718,16 @@ class KolTextarea {
32712
32718
  }; }
32713
32719
  }
32714
32720
 
32715
- const toastStatusOptions = ['adding', 'settled', 'removing'];
32716
-
32717
- const defaultStyleCss$2 = "";
32718
-
32719
- class KolToast {
32720
- constructor(hostRef) {
32721
- registerInstance(this, hostRef);
32722
- this.close = () => {
32723
- var _a;
32724
- if (((_a = this._on) === null || _a === void 0 ? void 0 : _a.onClose) !== undefined) {
32725
- this._on.onClose(new Event('Close'));
32726
- }
32727
- };
32728
- this.on = {
32729
- onClose: this.close,
32730
- };
32731
- this._label = undefined;
32732
- this._on = undefined;
32733
- this._status = undefined;
32734
- this._type = 'default';
32735
- this.state = {
32736
- _label: '...',
32737
- _status: 'adding',
32738
- };
32739
- }
32740
- validateLabel(value) {
32741
- validateLabel(this, value);
32742
- }
32743
- validateOn(value) {
32744
- if (typeof value === 'object' && (typeof (value === null || value === void 0 ? void 0 : value.onClose) === 'function' || value.onClose === true)) {
32745
- setState(this, '_on', { onClose: value.onClose });
32721
+ const InternalToast = ({ toastState, onClose, key }) => {
32722
+ const handleRef = (element) => {
32723
+ if (typeof toastState.toast.render === 'function' && element) {
32724
+ toastState.toast.render(element, { close: () => onClose() });
32746
32725
  }
32747
- }
32748
- validateStatus(status) {
32749
- watchValidator(this, '_status', (status) => typeof status === 'string' && toastStatusOptions.includes(status), new Set('String {adding, settled, removing}'), status);
32750
- }
32751
- validateType(value) {
32752
- watchValidator(this, '_type', (value) => typeof value === 'string' && (value === 'default' || value === 'error' || value === 'info' || value === 'success' || value === 'warning'), new Set('String {success, info, warning, error}'), value);
32753
- }
32754
- componentWillLoad() {
32755
- this.validateLabel(this._label);
32756
- this.validateOn(this._on);
32757
- this.validateStatus(this._status);
32758
- this.validateType(this._type);
32759
- }
32760
- render() {
32761
- return (hAsync("div", { class: `toast ${this.state._status}` }, hAsync("kol-alert", { class: "alert", _alert: true, _label: this.state._label, _level: 0, _hasCloser: true, _type: this.state._type, _variant: "card", _on: this.on }, hAsync("slot", null))));
32762
- }
32763
- static get watchers() { return {
32764
- "_label": ["validateLabel"],
32765
- "_on": ["validateOn"],
32766
- "_status": ["validateStatus"],
32767
- "_type": ["validateType"]
32768
- }; }
32769
- static get style() { return {
32770
- default: defaultStyleCss$2
32771
- }; }
32772
- static get cmpMeta() { return {
32773
- "$flags$": 41,
32774
- "$tagName$": "kol-toast",
32775
- "$members$": {
32776
- "_label": [1],
32777
- "_on": [16],
32778
- "_status": [1],
32779
- "_type": [1],
32780
- "state": [32]
32781
- },
32782
- "$listeners$": undefined,
32783
- "$lazyBundleId$": "-",
32784
- "$attrsToReflect$": []
32785
- }; }
32786
- }
32726
+ };
32727
+ return (hAsync("div", { class: `toast ${toastState.status}`, key: key },
32728
+ hAsync("kol-alert", { class: "alert", _alert: true, _label: toastState.toast.label, _level: 0, _hasCloser: true, _type: toastState.toast.type, _variant: "card", _on: { onClose } },
32729
+ hAsync("div", { ref: handleRef }, typeof toastState.toast.description === 'string' ? toastState.toast.description : null))));
32730
+ };
32787
32731
 
32788
32732
  const defaultStyleCss$1 = "@layer kol-component {\n\t.sc-kol-toast-container-default-h {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tposition: fixed;\n\t\tz-index: 200;\n\t}\n\n\t.close-all {\n\t\talign-self: flex-end;\n\t}\n}";
32789
32733
 
@@ -32825,7 +32769,7 @@ class KolToastContainer {
32825
32769
  }, TRANSITION_TIMEOUT);
32826
32770
  }
32827
32771
  render() {
32828
- return (hAsync(Fragment, null, this.state._toastStates.length > 1 && (hAsync("kol-button", { _label: translate('kol-toast-close-all'), class: "close-all", _on: { onClick: this.handleCloseAllClick.bind(this) } })), this.state._toastStates.map((toastState) => (hAsync("kol-toast", { _label: toastState.toast.label, _status: toastState.status, _type: toastState.toast.type, _on: { onClose: () => this.handleClose(toastState) }, key: toastState.id }, toastState.toast.description)))));
32772
+ return (hAsync(Fragment, null, this.state._toastStates.length > 1 && (hAsync("kol-button", { _label: translate('kol-toast-close-all'), class: "close-all", _on: { onClick: this.handleCloseAllClick.bind(this) } })), this.state._toastStates.map((toastState) => (hAsync(InternalToast, { toastState: toastState, onClose: () => this.handleClose(toastState), key: toastState.id })))));
32829
32773
  }
32830
32774
  static get style() { return {
32831
32775
  default: defaultStyleCss$1
@@ -33157,7 +33101,6 @@ registerComponents([
33157
33101
  KolTable,
33158
33102
  KolTabs,
33159
33103
  KolTextarea,
33160
- KolToast,
33161
33104
  KolToastContainer,
33162
33105
  KolTooltip,
33163
33106
  KolVersion,
@@ -33269,8 +33212,9 @@ class ToasterService {
33269
33212
  }
33270
33213
  }
33271
33214
  async enqueue(toast) {
33272
- var _a;
33273
- await ((_a = this.toastContainerElement) === null || _a === void 0 ? void 0 : _a.enqueue(toast));
33215
+ if (this.toastContainerElement && typeof this.toastContainerElement.enqueue === 'function') {
33216
+ await this.toastContainerElement.enqueue(toast);
33217
+ }
33274
33218
  }
33275
33219
  }
33276
33220
  ToasterService.instances = new Map();
@@ -33327,16 +33271,20 @@ var reprodAccordionDoesNotToggleWithOpen$1 = /*#__PURE__*/Object.freeze({
33327
33271
 
33328
33272
  const detailsElement = document.getElementById('details');
33329
33273
  const buttonElement = document.getElementById('button');
33330
- detailsElement._on = {
33331
- onToggle: (_event, open) => {
33332
- buttonElement._label = `👆Details ${open ? 'schließen' : 'öffnen'}`;
33333
- },
33334
- };
33335
- buttonElement._on = {
33336
- onClick: () => {
33337
- detailsElement._open = !detailsElement._open;
33338
- },
33339
- };
33274
+ if (detailsElement) {
33275
+ detailsElement._on = {
33276
+ onToggle: (_event, open) => {
33277
+ buttonElement._label = `👆Details ${open ? 'schließen' : 'öffnen'}`;
33278
+ },
33279
+ };
33280
+ }
33281
+ if (buttonElement) {
33282
+ buttonElement._on = {
33283
+ onClick: () => {
33284
+ detailsElement._open = !detailsElement._open;
33285
+ },
33286
+ };
33287
+ }
33340
33288
  var detailsSyncedOpenState = {};
33341
33289
 
33342
33290
  var detailsSyncedOpenState$1 = /*#__PURE__*/Object.freeze({