@public-ui/hydrate 2.0.0-rc.3 → 2.0.0-rc.5
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.
- package/dist/index.js +254 -246
- 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.
|
|
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
|
-
|
|
7653
|
-
if (hostElement instanceof HTMLElement) {
|
|
7654
|
-
|
|
7655
|
-
|
|
7656
|
-
|
|
7657
|
-
|
|
7658
|
-
|
|
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.
|
|
7853
|
+
🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | 2.0.0-rc.5
|
|
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
|
-
|
|
7888
|
-
|
|
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
|
|
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(
|
|
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
|
|
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(),
|
|
8023
|
-
|
|
8024
|
-
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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) {
|
|
@@ -11256,6 +11266,7 @@ class KolButton {
|
|
|
11256
11266
|
this.ref = ref;
|
|
11257
11267
|
propagateFocus(this.host, this.ref);
|
|
11258
11268
|
};
|
|
11269
|
+
this._accessKey = undefined;
|
|
11259
11270
|
this._ariaControls = undefined;
|
|
11260
11271
|
this._ariaExpanded = undefined;
|
|
11261
11272
|
this._ariaSelected = undefined;
|
|
@@ -11280,16 +11291,17 @@ class KolButton {
|
|
|
11280
11291
|
button: true,
|
|
11281
11292
|
[this._variant]: this._variant !== 'custom',
|
|
11282
11293
|
[this._customClass]: this._variant === 'custom' && typeof this._customClass === 'string' && this._customClass.length > 0,
|
|
11283
|
-
}, _ariaControls: this._ariaControls, _ariaExpanded: this._ariaExpanded, _ariaSelected: this._ariaSelected, _customClass: this._customClass, _disabled: this._disabled, _hideLabel: this._hideLabel, _icons: this._icons, _id: this._id, _label: this._label, _name: this._name, _on: this._on, _role: this._role, _syncValueBySelector: this._syncValueBySelector, _tabIndex: this._tabIndex, _tooltipAlign: this._tooltipAlign, _type: this._type, _value: this._value, _variant: this._variant }, hAsync("slot", { name: "expert", slot: "expert" }))));
|
|
11294
|
+
}, _accessKey: this._accessKey, _ariaControls: this._ariaControls, _ariaExpanded: this._ariaExpanded, _ariaSelected: this._ariaSelected, _customClass: this._customClass, _disabled: this._disabled, _hideLabel: this._hideLabel, _icons: this._icons, _id: this._id, _label: this._label, _name: this._name, _on: this._on, _role: this._role, _syncValueBySelector: this._syncValueBySelector, _tabIndex: this._tabIndex, _tooltipAlign: this._tooltipAlign, _type: this._type, _value: this._value, _variant: this._variant }, hAsync("slot", { name: "expert", slot: "expert" }))));
|
|
11284
11295
|
}
|
|
11285
11296
|
get host() { return getElement(this); }
|
|
11286
11297
|
static get style() { return {
|
|
11287
|
-
default: defaultStyleCss$
|
|
11298
|
+
default: defaultStyleCss$C
|
|
11288
11299
|
}; }
|
|
11289
11300
|
static get cmpMeta() { return {
|
|
11290
11301
|
"$flags$": 41,
|
|
11291
11302
|
"$tagName$": "kol-button",
|
|
11292
11303
|
"$members$": {
|
|
11304
|
+
"_accessKey": [1, "_access-key"],
|
|
11293
11305
|
"_ariaControls": [1, "_aria-controls"],
|
|
11294
11306
|
"_ariaExpanded": [4, "_aria-expanded"],
|
|
11295
11307
|
"_ariaSelected": [4, "_aria-selected"],
|
|
@@ -11315,7 +11327,7 @@ class KolButton {
|
|
|
11315
11327
|
}; }
|
|
11316
11328
|
}
|
|
11317
11329
|
|
|
11318
|
-
const defaultStyleCss$
|
|
11330
|
+
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
11331
|
|
|
11320
11332
|
class KolButtonGroup {
|
|
11321
11333
|
constructor(hostRef) {
|
|
@@ -11325,7 +11337,7 @@ class KolButtonGroup {
|
|
|
11325
11337
|
return (hAsync(Host, null, hAsync("kol-button-group-wc", null, hAsync("slot", null))));
|
|
11326
11338
|
}
|
|
11327
11339
|
static get style() { return {
|
|
11328
|
-
default: defaultStyleCss$
|
|
11340
|
+
default: defaultStyleCss$B
|
|
11329
11341
|
}; }
|
|
11330
11342
|
static get cmpMeta() { return {
|
|
11331
11343
|
"$flags$": 41,
|
|
@@ -11357,7 +11369,7 @@ class KolButtonGroupWc {
|
|
|
11357
11369
|
}; }
|
|
11358
11370
|
}
|
|
11359
11371
|
|
|
11360
|
-
const defaultStyleCss$
|
|
11372
|
+
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
11373
|
|
|
11362
11374
|
class KolButtonLink {
|
|
11363
11375
|
constructor(hostRef) {
|
|
@@ -11366,6 +11378,7 @@ class KolButtonLink {
|
|
|
11366
11378
|
this.ref = ref;
|
|
11367
11379
|
propagateFocus(this.host, this.ref);
|
|
11368
11380
|
};
|
|
11381
|
+
this._accessKey = undefined;
|
|
11369
11382
|
this._ariaControls = undefined;
|
|
11370
11383
|
this._ariaExpanded = undefined;
|
|
11371
11384
|
this._ariaSelected = undefined;
|
|
@@ -11384,16 +11397,17 @@ class KolButtonLink {
|
|
|
11384
11397
|
this._value = undefined;
|
|
11385
11398
|
}
|
|
11386
11399
|
render() {
|
|
11387
|
-
return (hAsync(Host, null, hAsync("kol-button-wc", { ref: this.catchRef, _ariaControls: this._ariaControls, _ariaExpanded: this._ariaExpanded, _ariaSelected: this._ariaSelected, _disabled: this._disabled, _icons: this._icons, _hideLabel: this._hideLabel, _id: this._id, _label: this._label, _name: this._name, _on: this._on, _role: "link", _syncValueBySelector: this._syncValueBySelector, _tabIndex: this._tabIndex, _tooltipAlign: this._tooltipAlign, _type: this._type, _value: this._value }, hAsync("slot", { name: "expert", slot: "expert" }))));
|
|
11400
|
+
return (hAsync(Host, null, hAsync("kol-button-wc", { ref: this.catchRef, _accessKey: this._accessKey, _ariaControls: this._ariaControls, _ariaExpanded: this._ariaExpanded, _ariaSelected: this._ariaSelected, _disabled: this._disabled, _icons: this._icons, _hideLabel: this._hideLabel, _id: this._id, _label: this._label, _name: this._name, _on: this._on, _role: "link", _syncValueBySelector: this._syncValueBySelector, _tabIndex: this._tabIndex, _tooltipAlign: this._tooltipAlign, _type: this._type, _value: this._value }, hAsync("slot", { name: "expert", slot: "expert" }))));
|
|
11388
11401
|
}
|
|
11389
11402
|
get host() { return getElement(this); }
|
|
11390
11403
|
static get style() { return {
|
|
11391
|
-
default: defaultStyleCss$
|
|
11404
|
+
default: defaultStyleCss$A
|
|
11392
11405
|
}; }
|
|
11393
11406
|
static get cmpMeta() { return {
|
|
11394
11407
|
"$flags$": 41,
|
|
11395
11408
|
"$tagName$": "kol-button-link",
|
|
11396
11409
|
"$members$": {
|
|
11410
|
+
"_accessKey": [1, "_access-key"],
|
|
11397
11411
|
"_ariaControls": [1, "_aria-controls"],
|
|
11398
11412
|
"_ariaExpanded": [4, "_aria-expanded"],
|
|
11399
11413
|
"_ariaSelected": [4, "_aria-selected"],
|
|
@@ -11606,22 +11620,24 @@ const searchFormElement = (el) => {
|
|
|
11606
11620
|
console.log(el);
|
|
11607
11621
|
}
|
|
11608
11622
|
while (el instanceof HTMLElement && el.tagName !== 'FORM' && el.tagName !== 'KOL-FORM') {
|
|
11609
|
-
|
|
11610
|
-
|
|
11611
|
-
|
|
11612
|
-
|
|
11613
|
-
|
|
11623
|
+
try {
|
|
11624
|
+
if (el.parentElement instanceof HTMLElement) {
|
|
11625
|
+
el = el.parentElement;
|
|
11626
|
+
}
|
|
11627
|
+
else if (el.parentNode instanceof ShadowRoot) {
|
|
11628
|
+
el = el.parentNode.host;
|
|
11629
|
+
}
|
|
11630
|
+
else {
|
|
11631
|
+
el = null;
|
|
11632
|
+
}
|
|
11614
11633
|
}
|
|
11615
|
-
|
|
11616
|
-
el = null;
|
|
11634
|
+
catch (error) {
|
|
11617
11635
|
}
|
|
11618
11636
|
if (getExperimentalMode()) {
|
|
11619
11637
|
console.log(el);
|
|
11638
|
+
devHint(`↑ Search form element finished.`);
|
|
11620
11639
|
}
|
|
11621
11640
|
}
|
|
11622
|
-
if (getExperimentalMode()) {
|
|
11623
|
-
devHint(`↑ Search form element finished.`);
|
|
11624
|
-
}
|
|
11625
11641
|
return el;
|
|
11626
11642
|
};
|
|
11627
11643
|
const propagateResetEventToForm = (options = {}) => {
|
|
@@ -11657,6 +11673,7 @@ const propagateSubmitEventToForm = (options = {}) => {
|
|
|
11657
11673
|
if (form.tagName === 'FORM') {
|
|
11658
11674
|
setEventTarget(event, form);
|
|
11659
11675
|
form.dispatchEvent(event);
|
|
11676
|
+
form.submit();
|
|
11660
11677
|
}
|
|
11661
11678
|
else if (form.tagName === 'KOL-FORM') {
|
|
11662
11679
|
setEventTarget(event, KoliBriDevHelper.querySelector('form', form));
|
|
@@ -11811,15 +11828,20 @@ const validateAriaSelected = (component, value) => {
|
|
|
11811
11828
|
watchBoolean(component, '_ariaSelected', value);
|
|
11812
11829
|
};
|
|
11813
11830
|
|
|
11831
|
+
const validateAccessKey = (component, value) => {
|
|
11832
|
+
watchString(component, '_accessKey', value);
|
|
11833
|
+
};
|
|
11834
|
+
|
|
11814
11835
|
class KolButtonWc {
|
|
11815
11836
|
render() {
|
|
11816
11837
|
const hasExpertSlot = showExpertSlot(this.state._label);
|
|
11817
|
-
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: {
|
|
11838
|
+
return (hAsync(Host, null, hAsync("button", Object.assign({ ref: this.catchRef, accessKey: this.state._accessKey || undefined, "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: {
|
|
11839
|
+
button: true,
|
|
11818
11840
|
[this.state._variant]: this.state._variant !== 'custom',
|
|
11819
11841
|
[this.state._customClass]: this.state._variant === 'custom' && typeof this.state._customClass === 'string' && this.state._customClass.length > 0,
|
|
11820
11842
|
'icon-only': this.state._hideLabel === true,
|
|
11821
11843
|
'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 : '' })));
|
|
11844
|
+
}, 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", _accessKey: this.state._accessKey, _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, _accessKey: this._accessKey, _align: this.state._tooltipAlign, _label: typeof this.state._label === 'string' ? this.state._label : '' })));
|
|
11823
11845
|
}
|
|
11824
11846
|
constructor(hostRef) {
|
|
11825
11847
|
registerInstance(this, hostRef);
|
|
@@ -11851,6 +11873,7 @@ class KolButtonWc {
|
|
|
11851
11873
|
}
|
|
11852
11874
|
}
|
|
11853
11875
|
};
|
|
11876
|
+
this._accessKey = undefined;
|
|
11854
11877
|
this._ariaControls = undefined;
|
|
11855
11878
|
this._ariaExpanded = undefined;
|
|
11856
11879
|
this._ariaSelected = undefined;
|
|
@@ -11878,6 +11901,9 @@ class KolButtonWc {
|
|
|
11878
11901
|
};
|
|
11879
11902
|
this.controller = new AssociatedInputController(this, 'button', this.host);
|
|
11880
11903
|
}
|
|
11904
|
+
validateAccessKey(value) {
|
|
11905
|
+
validateAccessKey(this, value);
|
|
11906
|
+
}
|
|
11881
11907
|
validateAriaControls(value) {
|
|
11882
11908
|
validateAriaControls(this, value);
|
|
11883
11909
|
}
|
|
@@ -11937,6 +11963,7 @@ class KolButtonWc {
|
|
|
11937
11963
|
validateButtonVariant(this, value);
|
|
11938
11964
|
}
|
|
11939
11965
|
componentWillLoad() {
|
|
11966
|
+
this.validateAccessKey(this._accessKey);
|
|
11940
11967
|
this.validateAriaControls(this._ariaControls);
|
|
11941
11968
|
this.validateAriaExpanded(this._ariaExpanded);
|
|
11942
11969
|
this.validateAriaSelected(this._ariaSelected);
|
|
@@ -11958,6 +11985,7 @@ class KolButtonWc {
|
|
|
11958
11985
|
}
|
|
11959
11986
|
get host() { return getElement(this); }
|
|
11960
11987
|
static get watchers() { return {
|
|
11988
|
+
"_accessKey": ["validateAccessKey"],
|
|
11961
11989
|
"_ariaControls": ["validateAriaControls"],
|
|
11962
11990
|
"_ariaExpanded": ["validateAriaExpanded"],
|
|
11963
11991
|
"_ariaSelected": ["validateAriaSelected"],
|
|
@@ -11981,6 +12009,7 @@ class KolButtonWc {
|
|
|
11981
12009
|
"$flags$": 4,
|
|
11982
12010
|
"$tagName$": "kol-button-wc",
|
|
11983
12011
|
"$members$": {
|
|
12012
|
+
"_accessKey": [1, "_access-key"],
|
|
11984
12013
|
"_ariaControls": [1, "_aria-controls"],
|
|
11985
12014
|
"_ariaExpanded": [4, "_aria-expanded"],
|
|
11986
12015
|
"_ariaSelected": [4, "_aria-selected"],
|
|
@@ -12007,7 +12036,7 @@ class KolButtonWc {
|
|
|
12007
12036
|
}; }
|
|
12008
12037
|
}
|
|
12009
12038
|
|
|
12010
|
-
const defaultStyleCss$
|
|
12039
|
+
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
12040
|
|
|
12012
12041
|
class KolCard {
|
|
12013
12042
|
constructor(hostRef) {
|
|
@@ -12066,7 +12095,7 @@ class KolCard {
|
|
|
12066
12095
|
"_level": ["validateLevel"]
|
|
12067
12096
|
}; }
|
|
12068
12097
|
static get style() { return {
|
|
12069
|
-
default: defaultStyleCss$
|
|
12098
|
+
default: defaultStyleCss$z
|
|
12070
12099
|
}; }
|
|
12071
12100
|
static get cmpMeta() { return {
|
|
12072
12101
|
"$flags$": 41,
|
|
@@ -12150,7 +12179,7 @@ class DetailsAnimationController {
|
|
|
12150
12179
|
}
|
|
12151
12180
|
}
|
|
12152
12181
|
|
|
12153
|
-
const defaultStyleCss$
|
|
12182
|
+
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
12183
|
|
|
12155
12184
|
class KolDetails {
|
|
12156
12185
|
constructor(hostRef) {
|
|
@@ -12213,7 +12242,7 @@ class KolDetails {
|
|
|
12213
12242
|
"_open": ["validateOpen"]
|
|
12214
12243
|
}; }
|
|
12215
12244
|
static get style() { return {
|
|
12216
|
-
default: defaultStyleCss$
|
|
12245
|
+
default: defaultStyleCss$y
|
|
12217
12246
|
}; }
|
|
12218
12247
|
static get cmpMeta() { return {
|
|
12219
12248
|
"$flags$": 41,
|
|
@@ -12291,7 +12320,7 @@ class KolForm {
|
|
|
12291
12320
|
}; }
|
|
12292
12321
|
}
|
|
12293
12322
|
|
|
12294
|
-
const defaultStyleCss$
|
|
12323
|
+
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
12324
|
|
|
12296
12325
|
class KolHeading {
|
|
12297
12326
|
constructor(hostRef) {
|
|
@@ -12304,7 +12333,7 @@ class KolHeading {
|
|
|
12304
12333
|
return (hAsync("kol-heading-wc", { _label: this._label, _level: this._level, _secondaryHeadline: this._secondaryHeadline }, hAsync("slot", null)));
|
|
12305
12334
|
}
|
|
12306
12335
|
static get style() { return {
|
|
12307
|
-
default: defaultStyleCss$
|
|
12336
|
+
default: defaultStyleCss$x
|
|
12308
12337
|
}; }
|
|
12309
12338
|
static get cmpMeta() { return {
|
|
12310
12339
|
"$flags$": 41,
|
|
@@ -12404,7 +12433,7 @@ class KolHeadingWc {
|
|
|
12404
12433
|
}; }
|
|
12405
12434
|
}
|
|
12406
12435
|
|
|
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}";
|
|
12436
|
+
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
12437
|
|
|
12409
12438
|
class KolIcon {
|
|
12410
12439
|
constructor(hostRef) {
|
|
@@ -12435,7 +12464,7 @@ class KolIcon {
|
|
|
12435
12464
|
"_label": ["validateLabel"]
|
|
12436
12465
|
}; }
|
|
12437
12466
|
static get style() { return {
|
|
12438
|
-
default: defaultStyleCss$
|
|
12467
|
+
default: defaultStyleCss$w
|
|
12439
12468
|
}; }
|
|
12440
12469
|
static get cmpMeta() { return {
|
|
12441
12470
|
"$flags$": 41,
|
|
@@ -12456,7 +12485,7 @@ function validateLoading(component, value) {
|
|
|
12456
12485
|
watchValidator(component, '_loading', (value) => value === 'eager' || value === 'lazy', AVAILABLE_LOADING_VALUES, value);
|
|
12457
12486
|
}
|
|
12458
12487
|
|
|
12459
|
-
const defaultStyleCss$
|
|
12488
|
+
const defaultStyleCss$v = "@layer kol-component {\n\timg {\n\t\tmax-height: 100%;\n\t\tmax-width: 100%;\n\t}\n}";
|
|
12460
12489
|
|
|
12461
12490
|
class KolImage {
|
|
12462
12491
|
constructor(hostRef) {
|
|
@@ -12509,7 +12538,7 @@ class KolImage {
|
|
|
12509
12538
|
"_srcset": ["validateSrcset"]
|
|
12510
12539
|
}; }
|
|
12511
12540
|
static get style() { return {
|
|
12512
|
-
default: defaultStyleCss$
|
|
12541
|
+
default: defaultStyleCss$v
|
|
12513
12542
|
}; }
|
|
12514
12543
|
static get cmpMeta() { return {
|
|
12515
12544
|
"$flags$": 41,
|
|
@@ -12528,7 +12557,7 @@ class KolImage {
|
|
|
12528
12557
|
}; }
|
|
12529
12558
|
}
|
|
12530
12559
|
|
|
12531
|
-
const defaultStyleCss$
|
|
12560
|
+
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
12561
|
|
|
12533
12562
|
class KolIndentedText {
|
|
12534
12563
|
constructor(hostRef) {
|
|
@@ -12539,7 +12568,7 @@ class KolIndentedText {
|
|
|
12539
12568
|
return (hAsync(Host, null, hAsync("div", null, hAsync("slot", null))));
|
|
12540
12569
|
}
|
|
12541
12570
|
static get style() { return {
|
|
12542
|
-
default: defaultStyleCss$
|
|
12571
|
+
default: defaultStyleCss$u
|
|
12543
12572
|
}; }
|
|
12544
12573
|
static get cmpMeta() { return {
|
|
12545
12574
|
"$flags$": 41,
|
|
@@ -12560,6 +12589,7 @@ class KolInput {
|
|
|
12560
12589
|
this.catchInputSlot = (slot) => {
|
|
12561
12590
|
handleSlotContent(this.host, slot, this.slotName);
|
|
12562
12591
|
};
|
|
12592
|
+
this._accessKey = undefined;
|
|
12563
12593
|
this._alert = true;
|
|
12564
12594
|
this._currentLength = undefined;
|
|
12565
12595
|
this._disabled = false;
|
|
@@ -12604,13 +12634,14 @@ class KolInput {
|
|
|
12604
12634
|
input: true,
|
|
12605
12635
|
'icon-left': typeof ((_a = this._icons) === null || _a === void 0 ? void 0 : _a.left) === 'object',
|
|
12606
12636
|
'icon-right': typeof ((_b = this._icons) === null || _b === void 0 ? void 0 : _b.right) === 'object',
|
|
12607
|
-
} }, ((_c = this._icons) === null || _c === void 0 ? void 0 : _c.left) && (hAsync("kol-icon", { _label: "", _icons: ((_d = this._icons) === null || _d === void 0 ? void 0 : _d.left).icon, style: this.getIconStyles((_e = this._icons) === null || _e === void 0 ? void 0 : _e.left) })), hAsync("div", { ref: this.catchInputSlot, id: this.slotName, class: "input-slot" }), typeof this._smartButton === 'object' && this._smartButton !== null && (hAsync("kol-button-wc", { _customClass: this._smartButton._customClass, _disabled: this._smartButton._disabled, _icons: this._smartButton._icons, _hideLabel: true, _id: this._smartButton._id, _label: this._smartButton._label, _on: this._smartButton._on, _tooltipAlign: this._smartButton._tooltipAlign, _variant: this._smartButton._variant })), ((_f = this._icons) === null || _f === void 0 ? void 0 : _f.right) && (hAsync("kol-icon", { _label: "", _icons: ((_g = this._icons) === null || _g === void 0 ? void 0 : _g.right).icon, style: this.getIconStyles((_h = this._icons) === null || _h === void 0 ? void 0 : _h.right) }))), useTooltopInsteadOfLabel && (hAsync("kol-tooltip-wc", { "aria-hidden": "true", class: "input-tooltip", _align: this._tooltipAlign, _id: this._hideLabel ? `${this._id}-label` : undefined, _label: this._label })), hasError && (hAsync("kol-alert", { _alert: this._alert, _type: "error", _variant: "msg", "aria-hidden": this._hideError, class: `error${this._hideError ? ' hidden' : ''}`, id: `${this._id}-error` }, this._error)), Array.isArray(this._suggestions) && this._suggestions.length > 0 && (hAsync("datalist", { id: `${this._id}-list` }, this._suggestions.map((option) => (hAsync("option", { value: option }))))), this._hasCounter && (hAsync("span", { class: "counter", "aria-atomic": "true", "aria-live": "polite" }, this._currentLength, this._maxLength && (hAsync(Fragment, null, hAsync("span", { "aria-label": translate('kol-of'), role: "img" }, "/"), this._maxLength)), ' ', hAsync("span", null, translate('kol-characters'))))));
|
|
12637
|
+
} }, ((_c = this._icons) === null || _c === void 0 ? void 0 : _c.left) && (hAsync("kol-icon", { _label: "", _icons: ((_d = this._icons) === null || _d === void 0 ? void 0 : _d.left).icon, style: this.getIconStyles((_e = this._icons) === null || _e === void 0 ? void 0 : _e.left) })), hAsync("div", { ref: this.catchInputSlot, id: this.slotName, class: "input-slot" }), typeof this._smartButton === 'object' && this._smartButton !== null && (hAsync("kol-button-wc", { _customClass: this._smartButton._customClass, _disabled: this._smartButton._disabled, _icons: this._smartButton._icons, _hideLabel: true, _id: this._smartButton._id, _label: this._smartButton._label, _on: this._smartButton._on, _tooltipAlign: this._smartButton._tooltipAlign, _variant: this._smartButton._variant })), ((_f = this._icons) === null || _f === void 0 ? void 0 : _f.right) && (hAsync("kol-icon", { _label: "", _icons: ((_g = this._icons) === null || _g === void 0 ? void 0 : _g.right).icon, style: this.getIconStyles((_h = this._icons) === null || _h === void 0 ? void 0 : _h.right) }))), useTooltopInsteadOfLabel && (hAsync("kol-tooltip-wc", { "aria-hidden": "true", class: "input-tooltip", _accessKey: this._accessKey, _align: this._tooltipAlign, _id: this._hideLabel ? `${this._id}-label` : undefined, _label: this._label })), hasError && (hAsync("kol-alert", { _alert: this._alert, _type: "error", _variant: "msg", "aria-hidden": this._hideError, class: `error${this._hideError ? ' hidden' : ''}`, id: `${this._id}-error` }, this._error)), Array.isArray(this._suggestions) && this._suggestions.length > 0 && (hAsync("datalist", { id: `${this._id}-list` }, this._suggestions.map((option) => (hAsync("option", { value: option }))))), this._hasCounter && (hAsync("span", { class: "counter", "aria-atomic": "true", "aria-live": "polite" }, this._currentLength, this._maxLength && (hAsync(Fragment, null, hAsync("span", { "aria-label": translate('kol-of'), role: "img" }, "/"), this._maxLength)), ' ', hAsync("span", null, translate('kol-characters'))))));
|
|
12608
12638
|
}
|
|
12609
12639
|
get host() { return getElement(this); }
|
|
12610
12640
|
static get cmpMeta() { return {
|
|
12611
12641
|
"$flags$": 4,
|
|
12612
12642
|
"$tagName$": "kol-input",
|
|
12613
12643
|
"$members$": {
|
|
12644
|
+
"_accessKey": [1, "_access-key"],
|
|
12614
12645
|
"_alert": [4],
|
|
12615
12646
|
"_currentLength": [2, "_current-length"],
|
|
12616
12647
|
"_disabled": [4],
|
|
@@ -13018,7 +13049,23 @@ class InputCheckboxController extends InputCheckboxRadioController {
|
|
|
13018
13049
|
}
|
|
13019
13050
|
}
|
|
13020
13051
|
|
|
13021
|
-
const
|
|
13052
|
+
const InternalUnderlinedAccessKey = ({ accessKey, label }) => {
|
|
13053
|
+
let [first, ...rest] = label.split(accessKey);
|
|
13054
|
+
if (rest.length === 0) {
|
|
13055
|
+
accessKey = accessKey.toUpperCase();
|
|
13056
|
+
[first, ...rest] = label.split(accessKey);
|
|
13057
|
+
}
|
|
13058
|
+
if (rest.length === 0) {
|
|
13059
|
+
accessKey = accessKey.toLowerCase();
|
|
13060
|
+
[first, ...rest] = label.split(accessKey);
|
|
13061
|
+
}
|
|
13062
|
+
return (hAsync("span", null,
|
|
13063
|
+
first,
|
|
13064
|
+
rest.length ? hAsync("u", null, accessKey) : null,
|
|
13065
|
+
rest.length ? rest.join(accessKey) : null));
|
|
13066
|
+
};
|
|
13067
|
+
|
|
13068
|
+
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
13069
|
|
|
13023
13070
|
class KolInputCheckbox {
|
|
13024
13071
|
render() {
|
|
@@ -13029,7 +13076,7 @@ class KolInputCheckbox {
|
|
|
13029
13076
|
[this.state._variant]: true,
|
|
13030
13077
|
'hide-label': !!this.state._hideLabel,
|
|
13031
13078
|
checked: this.state._checked,
|
|
13032
|
-
}, "data-role": this.state._variant === 'button' ? 'button' : undefined, onKeyPress: this.state._variant === 'button' ? this.onChange : undefined, tabIndex: this.state._variant === 'button' ? 0 : undefined, _alert: this.state._alert, _disabled: this.state._disabled, _error: this.state._error, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _id: this.state._id, _label: this.state._label, _required: this.state._required, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched }, hAsync("span", { slot: "label" }, hasExpertSlot ? hAsync("slot", { name: "expert" }) : this.state._label), hAsync("div", { slot: "input" }, hAsync("kol-icon", { class: "icon", onClick: this.handleIconClick.bind(this), _icons: this.state._indeterminate ? this.state._icons.indeterminate : this.state._checked ? this.state._icons.checked : this.state._icons.unchecked, _label: "" }), hAsync("input", Object.assign({ ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, checked: this.state._checked, disabled: this.state._disabled, id: this.state._id, indeterminate: this.state._indeterminate, name: this.state._name, required: this.state._required, tabIndex: this.state._tabIndex, type: "checkbox" }, this.controller.onFacade, { onChange: this.onChange, onClick: undefined }))))));
|
|
13079
|
+
}, "data-role": this.state._variant === 'button' ? 'button' : undefined, onKeyPress: this.state._variant === 'button' ? this.onChange : undefined, tabIndex: this.state._variant === 'button' ? 0 : undefined, _accessKey: this.state._accessKey, _alert: this.state._alert, _disabled: this.state._disabled, _error: this.state._error, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _id: this.state._id, _label: this.state._label, _required: this.state._required, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched }, hAsync("span", { slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' ? (hAsync("span", null, hAsync(InternalUnderlinedAccessKey, { accessKey: this.state._accessKey, label: this.state._label }), hAsync("span", { class: "access-key-hint", "aria-hidden": "true" }, this.state._accessKey))) : (hAsync("span", null, this.state._label))), hAsync("div", { slot: "input" }, hAsync("kol-icon", { class: "icon", onClick: this.handleIconClick.bind(this), _icons: this.state._indeterminate ? this.state._icons.indeterminate : this.state._checked ? this.state._icons.checked : this.state._icons.unchecked, _label: "" }), hAsync("input", Object.assign({ ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, checked: this.state._checked, disabled: this.state._disabled, id: this.state._id, indeterminate: this.state._indeterminate, name: this.state._name, required: this.state._required, tabIndex: this.state._tabIndex, type: "checkbox" }, this.controller.onFacade, { onChange: this.onChange, onClick: undefined }))))));
|
|
13033
13080
|
}
|
|
13034
13081
|
constructor(hostRef) {
|
|
13035
13082
|
registerInstance(this, hostRef);
|
|
@@ -13180,7 +13227,7 @@ class KolInputCheckbox {
|
|
|
13180
13227
|
"_variant": ["validateVariant"]
|
|
13181
13228
|
}; }
|
|
13182
13229
|
static get style() { return {
|
|
13183
|
-
default: defaultStyleCss$
|
|
13230
|
+
default: defaultStyleCss$t
|
|
13184
13231
|
}; }
|
|
13185
13232
|
static get cmpMeta() { return {
|
|
13186
13233
|
"$flags$": 41,
|
|
@@ -13305,7 +13352,7 @@ class InputColorController extends InputIconController {
|
|
|
13305
13352
|
}
|
|
13306
13353
|
}
|
|
13307
13354
|
|
|
13308
|
-
const defaultStyleCss$
|
|
13355
|
+
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
13356
|
|
|
13310
13357
|
class KolInputColor {
|
|
13311
13358
|
render() {
|
|
@@ -13315,7 +13362,7 @@ class KolInputColor {
|
|
|
13315
13362
|
return (hAsync(Host, null, hAsync("kol-input", { class: {
|
|
13316
13363
|
color: true,
|
|
13317
13364
|
'hide-label': !!this.state._hideLabel,
|
|
13318
|
-
}, _disabled: this.state._disabled, _error: this.state._error, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _hideError: this.state._hideError, _id: this.state._id, _label: this.state._label, _suggestions: this.state._suggestions, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.ref) === null || _a === void 0 ? void 0 : _a.focus(); } }, hAsync("span", { slot: "label" }, hasExpertSlot ? hAsync("slot", { name: "expert" }) : this.state._label), hAsync("div", { slot: "input" }, hAsync("input", Object.assign({ ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, list: hasSuggestions ? `${this.state._id}-list` : undefined, name: this.state._name, slot: "input", spellcheck: "false", type: "color", value: this.state._value }, this.controller.onFacade))))));
|
|
13365
|
+
}, _accessKey: this.state._accessKey, _disabled: this.state._disabled, _error: this.state._error, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _hideError: this.state._hideError, _id: this.state._id, _label: this.state._label, _suggestions: this.state._suggestions, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.ref) === null || _a === void 0 ? void 0 : _a.focus(); } }, hAsync("span", { slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' ? (hAsync("span", null, hAsync(InternalUnderlinedAccessKey, { accessKey: this.state._accessKey, label: this.state._label }), hAsync("span", { class: "access-key-hint", "aria-hidden": "true" }, this.state._accessKey))) : (hAsync("span", null, this.state._label))), hAsync("div", { slot: "input" }, hAsync("input", Object.assign({ ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, list: hasSuggestions ? `${this.state._id}-list` : undefined, name: this.state._name, slot: "input", spellcheck: "false", type: "color", value: this.state._value }, this.controller.onFacade))))));
|
|
13319
13366
|
}
|
|
13320
13367
|
constructor(hostRef) {
|
|
13321
13368
|
registerInstance(this, hostRef);
|
|
@@ -13437,7 +13484,7 @@ class KolInputColor {
|
|
|
13437
13484
|
"_value": ["validateValue"]
|
|
13438
13485
|
}; }
|
|
13439
13486
|
static get style() { return {
|
|
13440
|
-
default: defaultStyleCss$
|
|
13487
|
+
default: defaultStyleCss$s
|
|
13441
13488
|
}; }
|
|
13442
13489
|
static get cmpMeta() { return {
|
|
13443
13490
|
"$flags$": 41,
|
|
@@ -13622,7 +13669,7 @@ InputDateController.isoTimeRegex = /^[0-2]\d:[0-5]\d(:[0-5]\d(?:\.\d+)?)?/;
|
|
|
13622
13669
|
InputDateController.isoWeekRegex = /^\d{4}-W(?:[0-4]\d|5[0-3])$/;
|
|
13623
13670
|
InputDateController.DEFAULT_MAX_DATE = new Date(9999, 11, 31, 23, 59, 59);
|
|
13624
13671
|
|
|
13625
|
-
const defaultStyleCss$
|
|
13672
|
+
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
13673
|
|
|
13627
13674
|
class KolInputDate {
|
|
13628
13675
|
render() {
|
|
@@ -13632,7 +13679,7 @@ class KolInputDate {
|
|
|
13632
13679
|
return (hAsync(Host, { class: { 'has-value': this.state._hasValue } }, hAsync("kol-input", { class: {
|
|
13633
13680
|
[this.state._type]: true,
|
|
13634
13681
|
'hide-label': !!this.state._hideLabel,
|
|
13635
|
-
}, _disabled: this.state._disabled, _error: this.state._error, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _suggestions: this.state._suggestions, _readOnly: this.state._readOnly, _required: this.state._required, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched }, hAsync("span", { slot: "label" }, hasExpertSlot ? hAsync("slot", { name: "expert" }) : this.state._label), hAsync("div", { slot: "input" }, hAsync("input", Object.assign({ ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, list: hasSuggestions ? `${this.state._id}-list` : undefined, max: this.state._max, min: this.state._min, name: this.state._name, readOnly: this.state._readOnly, required: this.state._required, step: this.state._step, spellcheck: "false", type: this.state._type, value: this.state._value }, this.controller.onFacade, { onKeyUp: this.onKeyUp }))))));
|
|
13682
|
+
}, _accessKey: this.state._accessKey, _disabled: this.state._disabled, _error: this.state._error, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _suggestions: this.state._suggestions, _readOnly: this.state._readOnly, _required: this.state._required, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched }, hAsync("span", { slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' ? (hAsync("span", null, hAsync(InternalUnderlinedAccessKey, { accessKey: this.state._accessKey, label: this.state._label }), hAsync("span", { class: "access-key-hint", "aria-hidden": "true" }, this.state._accessKey))) : (hAsync("span", null, this.state._label))), hAsync("div", { slot: "input" }, hAsync("input", Object.assign({ ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, list: hasSuggestions ? `${this.state._id}-list` : undefined, max: this.state._max, min: this.state._min, name: this.state._name, readOnly: this.state._readOnly, required: this.state._required, step: this.state._step, spellcheck: "false", type: this.state._type, value: this.state._value }, this.controller.onFacade, { onKeyUp: this.onKeyUp }))))));
|
|
13636
13683
|
}
|
|
13637
13684
|
constructor(hostRef) {
|
|
13638
13685
|
registerInstance(this, hostRef);
|
|
@@ -13803,7 +13850,7 @@ class KolInputDate {
|
|
|
13803
13850
|
"_value": ["validateValue"]
|
|
13804
13851
|
}; }
|
|
13805
13852
|
static get style() { return {
|
|
13806
|
-
default: defaultStyleCss$
|
|
13853
|
+
default: defaultStyleCss$r
|
|
13807
13854
|
}; }
|
|
13808
13855
|
static get cmpMeta() { return {
|
|
13809
13856
|
"$flags$": 41,
|
|
@@ -13988,7 +14035,7 @@ class InputEmailController extends InputTextEmailController {
|
|
|
13988
14035
|
}
|
|
13989
14036
|
}
|
|
13990
14037
|
|
|
13991
|
-
const defaultStyleCss$
|
|
14038
|
+
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
14039
|
|
|
13993
14040
|
class KolInputEmail {
|
|
13994
14041
|
render() {
|
|
@@ -13997,7 +14044,7 @@ class KolInputEmail {
|
|
|
13997
14044
|
const hasExpertSlot = showExpertSlot(this.state._label);
|
|
13998
14045
|
return (hAsync(Host, { class: {
|
|
13999
14046
|
'has-value': this.state._hasValue,
|
|
14000
|
-
} }, hAsync("kol-input", { class: { email: true, 'hide-label': !!this.state._hideLabel }, _alert: this.state._alert, _currentLength: this.state._currentLength, _disabled: this.state._disabled, _error: this.state._error, _hideError: this.state._hideError, _hasCounter: this.state._hasCounter, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _suggestions: this.state._suggestions, _maxLength: this.state._maxLength, _readOnly: this.state._readOnly, _required: this.state._required, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.ref) === null || _a === void 0 ? void 0 : _a.focus(); } }, hAsync("span", { slot: "label" }, hasExpertSlot ? hAsync("slot", { name: "expert" }) : this.state._label), hAsync("div", { slot: "input" }, hAsync("input", Object.assign({ ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, multiple: this.state._multiple, id: this.state._id, list: hasSuggestions ? `${this.state._id}-list` : undefined, maxlength: this.state._maxLength, name: this.state._name, pattern: this.state._pattern, placeholder: this.state._placeholder, readOnly: this.state._readOnly, required: this.state._required, spellcheck: "false", type: "email", value: this.state._value }, this.controller.onFacade, { onKeyUp: this.onKeyUp }))))));
|
|
14047
|
+
} }, hAsync("kol-input", { class: { email: true, 'hide-label': !!this.state._hideLabel }, _accessKey: this.state._accessKey, _alert: this.state._alert, _currentLength: this.state._currentLength, _disabled: this.state._disabled, _error: this.state._error, _hideError: this.state._hideError, _hasCounter: this.state._hasCounter, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _suggestions: this.state._suggestions, _maxLength: this.state._maxLength, _readOnly: this.state._readOnly, _required: this.state._required, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.ref) === null || _a === void 0 ? void 0 : _a.focus(); } }, hAsync("span", { slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' ? (hAsync("span", null, hAsync(InternalUnderlinedAccessKey, { accessKey: this.state._accessKey, label: this.state._label }), hAsync("span", { class: "access-key-hint", "aria-hidden": "true" }, this.state._accessKey))) : (hAsync("span", null, this.state._label))), hAsync("div", { slot: "input" }, hAsync("input", Object.assign({ ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, multiple: this.state._multiple, id: this.state._id, list: hasSuggestions ? `${this.state._id}-list` : undefined, maxlength: this.state._maxLength, name: this.state._name, pattern: this.state._pattern, placeholder: this.state._placeholder, readOnly: this.state._readOnly, required: this.state._required, spellcheck: "false", type: "email", value: this.state._value }, this.controller.onFacade, { onKeyUp: this.onKeyUp }))))));
|
|
14001
14048
|
}
|
|
14002
14049
|
constructor(hostRef) {
|
|
14003
14050
|
registerInstance(this, hostRef);
|
|
@@ -14170,7 +14217,7 @@ class KolInputEmail {
|
|
|
14170
14217
|
"_value": ["validateValue"]
|
|
14171
14218
|
}; }
|
|
14172
14219
|
static get style() { return {
|
|
14173
|
-
default: defaultStyleCss$
|
|
14220
|
+
default: defaultStyleCss$q
|
|
14174
14221
|
}; }
|
|
14175
14222
|
static get cmpMeta() { return {
|
|
14176
14223
|
"$flags$": 41,
|
|
@@ -14250,7 +14297,7 @@ class InputFileController extends InputIconController {
|
|
|
14250
14297
|
}
|
|
14251
14298
|
}
|
|
14252
14299
|
|
|
14253
|
-
const defaultStyleCss$
|
|
14300
|
+
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
14301
|
|
|
14255
14302
|
class KolInputFile {
|
|
14256
14303
|
render() {
|
|
@@ -14259,7 +14306,7 @@ class KolInputFile {
|
|
|
14259
14306
|
return (hAsync(Host, null, hAsync("kol-input", { class: {
|
|
14260
14307
|
file: true,
|
|
14261
14308
|
'hide-label': !!this.state._hideLabel,
|
|
14262
|
-
}, _disabled: this.state._disabled, _error: this.state._error, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _required: this.state._required, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.ref) === null || _a === void 0 ? void 0 : _a.focus(); } }, hAsync("span", { slot: "label" }, hasExpertSlot ? hAsync("slot", { name: "expert" }) : this.state._label), hAsync("div", { slot: "input" }, hAsync("input", Object.assign({ ref: this.catchRef, title: "", accept: this.state._accept, accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, multiple: this.state._multiple, name: this.state._name, required: this.state._required, spellcheck: "false", type: "file", value: this.state._value }, this.controller.onFacade, { onChange: this.onChange }))))));
|
|
14309
|
+
}, _accessKey: this.state._accessKey, _disabled: this.state._disabled, _error: this.state._error, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _required: this.state._required, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.ref) === null || _a === void 0 ? void 0 : _a.focus(); } }, hAsync("span", { slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' ? (hAsync("span", null, hAsync(InternalUnderlinedAccessKey, { accessKey: this.state._accessKey, label: this.state._label }), hAsync("span", { class: "access-key-hint", "aria-hidden": "true" }, this.state._accessKey))) : (hAsync("span", null, this.state._label))), hAsync("div", { slot: "input" }, hAsync("input", Object.assign({ ref: this.catchRef, title: "", accept: this.state._accept, accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, multiple: this.state._multiple, name: this.state._name, required: this.state._required, spellcheck: "false", type: "file", value: this.state._value }, this.controller.onFacade, { onChange: this.onChange }))))));
|
|
14263
14310
|
}
|
|
14264
14311
|
constructor(hostRef) {
|
|
14265
14312
|
registerInstance(this, hostRef);
|
|
@@ -14396,7 +14443,7 @@ class KolInputFile {
|
|
|
14396
14443
|
"_value": ["validateValue"]
|
|
14397
14444
|
}; }
|
|
14398
14445
|
static get style() { return {
|
|
14399
|
-
default: defaultStyleCss$
|
|
14446
|
+
default: defaultStyleCss$p
|
|
14400
14447
|
}; }
|
|
14401
14448
|
static get cmpMeta() { return {
|
|
14402
14449
|
"$flags$": 41,
|
|
@@ -14525,7 +14572,7 @@ class InputNumberController extends InputIconController {
|
|
|
14525
14572
|
}
|
|
14526
14573
|
}
|
|
14527
14574
|
|
|
14528
|
-
const defaultStyleCss$
|
|
14575
|
+
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
14576
|
|
|
14530
14577
|
class KolInputNumber {
|
|
14531
14578
|
render() {
|
|
@@ -14537,7 +14584,7 @@ class KolInputNumber {
|
|
|
14537
14584
|
} }, hAsync("kol-input", { class: {
|
|
14538
14585
|
number: true,
|
|
14539
14586
|
'hide-label': !!this.state._hideLabel,
|
|
14540
|
-
}, _disabled: this.state._disabled, _error: this.state._error, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _suggestions: this.state._suggestions, _readOnly: this.state._readOnly, _required: this.state._required, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched }, hAsync("span", { slot: "label" }, hasExpertSlot ? hAsync("slot", { name: "expert" }) : this.state._label), hAsync("div", { slot: "input" }, hAsync("input", Object.assign({ ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, list: hasSuggestions ? `${this.state._id}-list` : undefined, max: this.state._max, min: this.state._min, name: this.state._name, readOnly: this.state._readOnly, required: this.state._required, placeholder: this.state._placeholder, step: this.state._step, spellcheck: "false", type: "number", value: this.state._value }, this.controller.onFacade, { onKeyUp: this.onKeyUp }))))));
|
|
14587
|
+
}, _accessKey: this.state._accessKey, _disabled: this.state._disabled, _error: this.state._error, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _suggestions: this.state._suggestions, _readOnly: this.state._readOnly, _required: this.state._required, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched }, hAsync("span", { slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' ? (hAsync("span", null, hAsync(InternalUnderlinedAccessKey, { accessKey: this.state._accessKey, label: this.state._label }), hAsync("span", { class: "access-key-hint", "aria-hidden": "true" }, this.state._accessKey))) : (hAsync("span", null, this.state._label))), hAsync("div", { slot: "input" }, hAsync("input", Object.assign({ ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, list: hasSuggestions ? `${this.state._id}-list` : undefined, max: this.state._max, min: this.state._min, name: this.state._name, readOnly: this.state._readOnly, required: this.state._required, placeholder: this.state._placeholder, step: this.state._step, spellcheck: "false", type: "number", value: this.state._value }, this.controller.onFacade, { onKeyUp: this.onKeyUp }))))));
|
|
14541
14588
|
}
|
|
14542
14589
|
constructor(hostRef) {
|
|
14543
14590
|
registerInstance(this, hostRef);
|
|
@@ -14707,7 +14754,7 @@ class KolInputNumber {
|
|
|
14707
14754
|
"_value": ["validateValue"]
|
|
14708
14755
|
}; }
|
|
14709
14756
|
static get style() { return {
|
|
14710
|
-
default: defaultStyleCss$
|
|
14757
|
+
default: defaultStyleCss$o
|
|
14711
14758
|
}; }
|
|
14712
14759
|
static get cmpMeta() { return {
|
|
14713
14760
|
"$flags$": 41,
|
|
@@ -14747,7 +14794,7 @@ class KolInputNumber {
|
|
|
14747
14794
|
}; }
|
|
14748
14795
|
}
|
|
14749
14796
|
|
|
14750
|
-
const defaultStyleCss$
|
|
14797
|
+
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
14798
|
|
|
14752
14799
|
class KolInputPassword {
|
|
14753
14800
|
render() {
|
|
@@ -14758,7 +14805,7 @@ class KolInputPassword {
|
|
|
14758
14805
|
} }, hAsync("kol-input", { class: {
|
|
14759
14806
|
'hide-label': !!this.state._hideLabel,
|
|
14760
14807
|
password: true,
|
|
14761
|
-
}, _currentLength: this.state._currentLength, _disabled: this.state._disabled, _error: this.state._error, _hasCounter: this.state._hasCounter, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _maxLength: this.state._maxLength, _readOnly: this.state._readOnly, _required: this.state._required, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.ref) === null || _a === void 0 ? void 0 : _a.focus(); } }, hAsync("span", { slot: "label" }, hasExpertSlot ? hAsync("slot", { name: "expert" }) : this.state._label), hAsync("div", { slot: "input" }, hAsync("input", Object.assign({ ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, maxlength: this.state._maxLength, name: this.state._name, pattern: this.state._pattern, placeholder: this.state._placeholder, readOnly: this.state._readOnly, required: this.state._required, spellcheck: "false", type: "password", value: this.state._value }, this.controller.onFacade, { onKeyUp: this.onKeyUp }))))));
|
|
14808
|
+
}, _accessKey: this.state._accessKey, _currentLength: this.state._currentLength, _disabled: this.state._disabled, _error: this.state._error, _hasCounter: this.state._hasCounter, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _maxLength: this.state._maxLength, _readOnly: this.state._readOnly, _required: this.state._required, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.ref) === null || _a === void 0 ? void 0 : _a.focus(); } }, hAsync("span", { slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' ? (hAsync("span", null, hAsync(InternalUnderlinedAccessKey, { accessKey: this.state._accessKey, label: this.state._label }), hAsync("span", { class: "access-key-hint", "aria-hidden": "true" }, this.state._accessKey))) : (hAsync("span", null, this.state._label))), hAsync("div", { slot: "input" }, hAsync("input", Object.assign({ ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, maxlength: this.state._maxLength, name: this.state._name, pattern: this.state._pattern, placeholder: this.state._placeholder, readOnly: this.state._readOnly, required: this.state._required, spellcheck: "false", type: "password", value: this.state._value }, this.controller.onFacade, { onKeyUp: this.onKeyUp }))))));
|
|
14762
14809
|
}
|
|
14763
14810
|
constructor(hostRef) {
|
|
14764
14811
|
registerInstance(this, hostRef);
|
|
@@ -14923,7 +14970,7 @@ class KolInputPassword {
|
|
|
14923
14970
|
"_value": ["validateValue"]
|
|
14924
14971
|
}; }
|
|
14925
14972
|
static get style() { return {
|
|
14926
|
-
default: defaultStyleCss$
|
|
14973
|
+
default: defaultStyleCss$n
|
|
14927
14974
|
}; }
|
|
14928
14975
|
static get cmpMeta() { return {
|
|
14929
14976
|
"$flags$": 41,
|
|
@@ -14962,7 +15009,7 @@ class KolInputPassword {
|
|
|
14962
15009
|
}; }
|
|
14963
15010
|
}
|
|
14964
15011
|
|
|
14965
|
-
const defaultStyleCss$
|
|
15012
|
+
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
15013
|
|
|
14967
15014
|
class KolInputRadio {
|
|
14968
15015
|
render() {
|
|
@@ -14974,10 +15021,10 @@ class KolInputRadio {
|
|
|
14974
15021
|
required: this.state._required === true,
|
|
14975
15022
|
'hidden-error': this._hideError === true,
|
|
14976
15023
|
[this.state._orientation]: true,
|
|
14977
|
-
} }, hAsync("legend", { class: "block w-full mb-1 leading-normal" }, hAsync("span", null, hAsync("span", { slot: "label" }, hasExpertSlot ? hAsync("slot", { name: "expert" }) : this.
|
|
15024
|
+
} }, hAsync("legend", { class: "block w-full mb-1 leading-normal" }, hAsync("span", null, hAsync("span", { slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this._accessKey === 'string' ? (hAsync(InternalUnderlinedAccessKey, { accessKey: this._accessKey, label: this._label })) : (this._label)))), this.state._options.map((option, index) => {
|
|
14978
15025
|
const customId = `${this.state._id}-${index}`;
|
|
14979
15026
|
const slotName = `radio-${index}`;
|
|
14980
|
-
return (hAsync("kol-input", { class: "radio", key: customId, _disabled: this.state._disabled || option.disabled, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _id: customId, _label: option.label, _renderNoLabel: true, _required: this.state._required, _slotName: slotName, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched }, hAsync("div", { slot: slotName, class: "radio-input-wrapper" }, hAsync("input", Object.assign({ ref: this.state._value === option.value ? this.catchRef : undefined, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof option.label === 'string' ? option.label : undefined, type: "radio", id: customId, checked: this.state._value === option.value, name: this.state._name || this.state._id, disabled: this.state._disabled || option.disabled, required: this.state._required, tabIndex: this.state._tabIndex, value: `-${index}` }, this.controller.onFacade, { onChange: this.onChange, onClick: undefined })), hAsync("label", { class: "radio-label", htmlFor: `${customId}`, style: {
|
|
15027
|
+
return (hAsync("kol-input", { class: "radio", key: customId, _accessKey: this.state._accessKey, _disabled: this.state._disabled || option.disabled, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _id: customId, _label: option.label, _renderNoLabel: true, _required: this.state._required, _slotName: slotName, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched }, hAsync("div", { slot: slotName, class: "radio-input-wrapper" }, hAsync("input", Object.assign({ ref: this.state._value === option.value ? this.catchRef : undefined, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof option.label === 'string' ? option.label : undefined, type: "radio", id: customId, checked: this.state._value === option.value, name: this.state._name || this.state._id, disabled: this.state._disabled || option.disabled, required: this.state._required, tabIndex: this.state._tabIndex, value: `-${index}` }, this.controller.onFacade, { onChange: this.onChange, onClick: undefined })), hAsync("label", { class: "radio-label", htmlFor: `${customId}`, style: {
|
|
14981
15028
|
height: this.state._hideLabel ? '0' : undefined,
|
|
14982
15029
|
margin: this.state._hideLabel ? '0' : undefined,
|
|
14983
15030
|
padding: this.state._hideLabel ? '0' : undefined,
|
|
@@ -15115,7 +15162,7 @@ class KolInputRadio {
|
|
|
15115
15162
|
"_value": ["validateValue"]
|
|
15116
15163
|
}; }
|
|
15117
15164
|
static get style() { return {
|
|
15118
|
-
default: defaultStyleCss$
|
|
15165
|
+
default: defaultStyleCss$m
|
|
15119
15166
|
}; }
|
|
15120
15167
|
static get cmpMeta() { return {
|
|
15121
15168
|
"$flags$": 41,
|
|
@@ -15195,7 +15242,7 @@ class InputRangeController extends InputIconController {
|
|
|
15195
15242
|
}
|
|
15196
15243
|
}
|
|
15197
15244
|
|
|
15198
|
-
const defaultStyleCss$
|
|
15245
|
+
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
15246
|
|
|
15200
15247
|
class KolInputRange {
|
|
15201
15248
|
render() {
|
|
@@ -15205,7 +15252,7 @@ class KolInputRange {
|
|
|
15205
15252
|
return (hAsync(Host, null, hAsync("kol-input", { class: {
|
|
15206
15253
|
range: true,
|
|
15207
15254
|
'hide-label': !!this.state._hideLabel,
|
|
15208
|
-
}, _disabled: this.state._disabled, _error: this.state._error, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched }, hAsync("span", { slot: "label" }, hasExpertSlot ? hAsync("slot", { name: "expert" }) : this.state._label), hAsync("div", { slot: "input" }, hAsync("div", { class: "inputs-wrapper", style: {
|
|
15255
|
+
}, _accessKey: this.state._accessKey, _disabled: this.state._disabled, _error: this.state._error, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched }, hAsync("span", { slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' ? (hAsync("span", null, hAsync(InternalUnderlinedAccessKey, { accessKey: this.state._accessKey, label: this.state._label }), hAsync("span", { class: "access-key-hint", "aria-hidden": "true" }, this.state._accessKey))) : (hAsync("span", null, this.state._label))), hAsync("div", { slot: "input" }, hAsync("div", { class: "inputs-wrapper", style: {
|
|
15209
15256
|
'--kolibri-input-range--input-number--width': `${this.state._max}`.length + 0.5 + 'em',
|
|
15210
15257
|
} }, hAsync("input", Object.assign({ title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, list: hasSuggestions ? `${this.state._id}-list` : undefined, max: this.state._max, min: this.state._min, name: this.state._name ? `${this.state._name}-range` : undefined, spellcheck: "false", step: this.state._step, tabIndex: -1, type: "range", value: this.state._value }, this.controller.onFacade, { onChange: this.onChange })), hAsync("input", Object.assign({ ref: this.catchInputNumberRef, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, list: hasSuggestions ? `${this.state._id}-list` : undefined, max: this.state._max, min: this.state._min, name: this.state._name ? `${this.state._name}-number` : undefined, step: this.state._step, type: "number", value: this.state._value }, this.controller.onFacade, { onKeyUp: this.onKeyUp, onChange: this.onChange }))), hasSuggestions && [
|
|
15211
15258
|
hAsync("datalist", { id: `${this.state._id}-list` }, this.state._suggestions.map((option) => (hAsync("option", { value: option })))),
|
|
@@ -15370,7 +15417,7 @@ class KolInputRange {
|
|
|
15370
15417
|
"_value": ["validateValue"]
|
|
15371
15418
|
}; }
|
|
15372
15419
|
static get style() { return {
|
|
15373
|
-
default: defaultStyleCss$
|
|
15420
|
+
default: defaultStyleCss$l
|
|
15374
15421
|
}; }
|
|
15375
15422
|
static get cmpMeta() { return {
|
|
15376
15423
|
"$flags$": 41,
|
|
@@ -15410,7 +15457,7 @@ const validateAlert = (component, value) => {
|
|
|
15410
15457
|
watchBoolean(component, '_alert', value);
|
|
15411
15458
|
};
|
|
15412
15459
|
|
|
15413
|
-
const defaultStyleCss$
|
|
15460
|
+
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
15461
|
|
|
15415
15462
|
featureHint(`[KolInputText] Pre- und post-Label für Währung usw.`);
|
|
15416
15463
|
class KolInputText {
|
|
@@ -15423,7 +15470,7 @@ class KolInputText {
|
|
|
15423
15470
|
} }, hAsync("kol-input", { class: {
|
|
15424
15471
|
[this.state._type]: true,
|
|
15425
15472
|
'hide-label': !!this.state._hideLabel,
|
|
15426
|
-
}, _currentLength: this.state._currentLength, _disabled: this.state._disabled, _error: this.state._error, _hideError: this.state._hideError, _hasCounter: this.state._hasCounter, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _suggestions: this.state._suggestions, _maxLength: this.state._maxLength, _readOnly: this.state._readOnly, _required: this.state._required, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.ref) === null || _a === void 0 ? void 0 : _a.focus(); } }, hAsync("span", { slot: "label" }, hasExpertSlot ? hAsync("slot", { name: "expert" }) : this.state._label), hAsync("div", { slot: "input" }, hAsync("input", Object.assign({ ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, list: hasSuggestions ? `${this.state._id}-list` : undefined, maxlength: this.state._maxLength, name: this.state._name, pattern: this.state._pattern, placeholder: this.state._placeholder, readOnly: this.state._readOnly, required: this.state._required, spellcheck: "false", type: this.state._type, value: this.state._value }, this.controller.onFacade, { onKeyUp: this.onKeyUp }))))));
|
|
15473
|
+
}, _accessKey: this.state._accessKey, _currentLength: this.state._currentLength, _disabled: this.state._disabled, _error: this.state._error, _hideError: this.state._hideError, _hasCounter: this.state._hasCounter, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _suggestions: this.state._suggestions, _maxLength: this.state._maxLength, _readOnly: this.state._readOnly, _required: this.state._required, _smartButton: this.state._smartButton, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.ref) === null || _a === void 0 ? void 0 : _a.focus(); } }, hAsync("span", { slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' ? (hAsync("span", null, hAsync(InternalUnderlinedAccessKey, { accessKey: this.state._accessKey, label: this.state._label }), hAsync("span", { class: "access-key-hint", "aria-hidden": "true" }, this.state._accessKey))) : (hAsync("span", null, this.state._label))), hAsync("div", { slot: "input" }, hAsync("input", Object.assign({ ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoComplete: this.state._autoComplete, autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, list: hasSuggestions ? `${this.state._id}-list` : undefined, maxlength: this.state._maxLength, name: this.state._name, pattern: this.state._pattern, placeholder: this.state._placeholder, readOnly: this.state._readOnly, required: this.state._required, spellcheck: "false", type: this.state._type, value: this.state._value }, this.controller.onFacade, { onKeyUp: this.onKeyUp }))))));
|
|
15427
15474
|
}
|
|
15428
15475
|
constructor(hostRef) {
|
|
15429
15476
|
registerInstance(this, hostRef);
|
|
@@ -15612,7 +15659,7 @@ class KolInputText {
|
|
|
15612
15659
|
"_value": ["validateValue"]
|
|
15613
15660
|
}; }
|
|
15614
15661
|
static get style() { return {
|
|
15615
|
-
default: defaultStyleCss$
|
|
15662
|
+
default: defaultStyleCss$k
|
|
15616
15663
|
}; }
|
|
15617
15664
|
static get cmpMeta() { return {
|
|
15618
15665
|
"$flags$": 41,
|
|
@@ -15653,7 +15700,7 @@ class KolInputText {
|
|
|
15653
15700
|
}; }
|
|
15654
15701
|
}
|
|
15655
15702
|
|
|
15656
|
-
const defaultStyleCss$
|
|
15703
|
+
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
15704
|
|
|
15658
15705
|
const max$1 = 360;
|
|
15659
15706
|
function degreeToRadians(degree) {
|
|
@@ -15737,7 +15784,7 @@ class KolKolibri {
|
|
|
15737
15784
|
"_labeled": ["validateLabeled"]
|
|
15738
15785
|
}; }
|
|
15739
15786
|
static get style() { return {
|
|
15740
|
-
default: defaultStyleCss$
|
|
15787
|
+
default: defaultStyleCss$j
|
|
15741
15788
|
}; }
|
|
15742
15789
|
static get cmpMeta() { return {
|
|
15743
15790
|
"$flags$": 41,
|
|
@@ -15754,7 +15801,7 @@ class KolKolibri {
|
|
|
15754
15801
|
}; }
|
|
15755
15802
|
}
|
|
15756
15803
|
|
|
15757
|
-
const defaultStyleCss$
|
|
15804
|
+
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
15805
|
|
|
15759
15806
|
class KolLink {
|
|
15760
15807
|
constructor(hostRef) {
|
|
@@ -15763,6 +15810,7 @@ class KolLink {
|
|
|
15763
15810
|
this.ref = ref;
|
|
15764
15811
|
propagateFocus(this.host, this.ref);
|
|
15765
15812
|
};
|
|
15813
|
+
this._accessKey = undefined;
|
|
15766
15814
|
this._download = undefined;
|
|
15767
15815
|
this._hideLabel = false;
|
|
15768
15816
|
this._href = undefined;
|
|
@@ -15777,16 +15825,17 @@ class KolLink {
|
|
|
15777
15825
|
this._tooltipAlign = 'right';
|
|
15778
15826
|
}
|
|
15779
15827
|
render() {
|
|
15780
|
-
return (hAsync(Host, null, hAsync("kol-link-wc", { ref: this.catchRef, _download: this._download, _hideLabel: this._hideLabel, _href: this._href, _icons: this._icons, _label: this._label, _listenAriaCurrent: this._listenAriaCurrent, _on: this._on, _role: this._role, _tabIndex: this._tabIndex, _target: this._target, _targetDescription: this._targetDescription, _tooltipAlign: this._tooltipAlign }, hAsync("slot", { name: "expert", slot: "expert" }))));
|
|
15828
|
+
return (hAsync(Host, null, hAsync("kol-link-wc", { ref: this.catchRef, _accessKey: this._accessKey, _download: this._download, _hideLabel: this._hideLabel, _href: this._href, _icons: this._icons, _label: this._label, _listenAriaCurrent: this._listenAriaCurrent, _on: this._on, _role: this._role, _tabIndex: this._tabIndex, _target: this._target, _targetDescription: this._targetDescription, _tooltipAlign: this._tooltipAlign }, hAsync("slot", { name: "expert", slot: "expert" }))));
|
|
15781
15829
|
}
|
|
15782
15830
|
get host() { return getElement(this); }
|
|
15783
15831
|
static get style() { return {
|
|
15784
|
-
default: defaultStyleCss$
|
|
15832
|
+
default: defaultStyleCss$i
|
|
15785
15833
|
}; }
|
|
15786
15834
|
static get cmpMeta() { return {
|
|
15787
15835
|
"$flags$": 41,
|
|
15788
15836
|
"$tagName$": "kol-link",
|
|
15789
15837
|
"$members$": {
|
|
15838
|
+
"_accessKey": [1, "_access-key"],
|
|
15790
15839
|
"_download": [1],
|
|
15791
15840
|
"_hideLabel": [4, "_hide-label"],
|
|
15792
15841
|
"_href": [1],
|
|
@@ -15806,7 +15855,7 @@ class KolLink {
|
|
|
15806
15855
|
}; }
|
|
15807
15856
|
}
|
|
15808
15857
|
|
|
15809
|
-
const defaultStyleCss$
|
|
15858
|
+
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
15859
|
|
|
15811
15860
|
class KolLinkButton {
|
|
15812
15861
|
constructor(hostRef) {
|
|
@@ -15815,6 +15864,7 @@ class KolLinkButton {
|
|
|
15815
15864
|
this.ref = ref;
|
|
15816
15865
|
propagateFocus(this.host, this.ref);
|
|
15817
15866
|
};
|
|
15867
|
+
this._accessKey = undefined;
|
|
15818
15868
|
this._customClass = undefined;
|
|
15819
15869
|
this._download = undefined;
|
|
15820
15870
|
this._hideLabel = false;
|
|
@@ -15835,16 +15885,17 @@ class KolLinkButton {
|
|
|
15835
15885
|
button: true,
|
|
15836
15886
|
[this._variant]: this._variant !== 'custom',
|
|
15837
15887
|
[this._customClass]: this._variant === 'custom' && typeof this._customClass === 'string' && this._customClass.length > 0,
|
|
15838
|
-
}, _download: this._download, _hideLabel: this._hideLabel, _href: this._href, _icons: this._icons, _label: this._label, _listenAriaCurrent: this._listenAriaCurrent, _on: this._on, _role: "button", _tabIndex: this._tabIndex, _target: this._target, _targetDescription: this._targetDescription, _tooltipAlign: this._tooltipAlign }, hAsync("slot", { name: "expert", slot: "expert" }))));
|
|
15888
|
+
}, _accessKey: this._accessKey, _download: this._download, _hideLabel: this._hideLabel, _href: this._href, _icons: this._icons, _label: this._label, _listenAriaCurrent: this._listenAriaCurrent, _on: this._on, _role: "button", _tabIndex: this._tabIndex, _target: this._target, _targetDescription: this._targetDescription, _tooltipAlign: this._tooltipAlign }, hAsync("slot", { name: "expert", slot: "expert" }))));
|
|
15839
15889
|
}
|
|
15840
15890
|
get host() { return getElement(this); }
|
|
15841
15891
|
static get style() { return {
|
|
15842
|
-
default: defaultStyleCss$
|
|
15892
|
+
default: defaultStyleCss$h
|
|
15843
15893
|
}; }
|
|
15844
15894
|
static get cmpMeta() { return {
|
|
15845
15895
|
"$flags$": 41,
|
|
15846
15896
|
"$tagName$": "kol-link-button",
|
|
15847
15897
|
"$members$": {
|
|
15898
|
+
"_accessKey": [1, "_access-key"],
|
|
15848
15899
|
"_customClass": [1, "_custom-class"],
|
|
15849
15900
|
"_download": [1],
|
|
15850
15901
|
"_hideLabel": [4, "_hide-label"],
|
|
@@ -15866,7 +15917,7 @@ class KolLinkButton {
|
|
|
15866
15917
|
}; }
|
|
15867
15918
|
}
|
|
15868
15919
|
|
|
15869
|
-
const defaultStyleCss$
|
|
15920
|
+
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
15921
|
|
|
15871
15922
|
const ListItem = (props) => {
|
|
15872
15923
|
const list = [];
|
|
@@ -15957,7 +16008,7 @@ class KolLinkGroup {
|
|
|
15957
16008
|
"_orientation": ["validateOrientation"]
|
|
15958
16009
|
}; }
|
|
15959
16010
|
static get style() { return {
|
|
15960
|
-
default: defaultStyleCss$
|
|
16011
|
+
default: defaultStyleCss$g
|
|
15961
16012
|
}; }
|
|
15962
16013
|
static get cmpMeta() { return {
|
|
15963
16014
|
"$flags$": 41,
|
|
@@ -16047,6 +16098,7 @@ class KolLinkWc {
|
|
|
16047
16098
|
devWarning(`The aria-current event is not valid.`);
|
|
16048
16099
|
}
|
|
16049
16100
|
});
|
|
16101
|
+
this._accessKey = undefined;
|
|
16050
16102
|
this._download = undefined;
|
|
16051
16103
|
this._hideLabel = false;
|
|
16052
16104
|
this._href = undefined;
|
|
@@ -16067,10 +16119,13 @@ class KolLinkWc {
|
|
|
16067
16119
|
render() {
|
|
16068
16120
|
const { isExternal, tagAttrs } = this.getRenderValues();
|
|
16069
16121
|
const hasExpertSlot = showExpertSlot(this.state._label);
|
|
16070
|
-
return (hAsync(Host, null, hAsync("a", Object.assign({ ref: this.catchRef }, tagAttrs, { "aria-current": this.state._ariaCurrent, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, class: {
|
|
16122
|
+
return (hAsync(Host, null, hAsync("a", Object.assign({ ref: this.catchRef }, tagAttrs, { accessKey: this.state._accessKey, "aria-current": this.state._ariaCurrent, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, class: {
|
|
16071
16123
|
'external-link': isExternal,
|
|
16072
16124
|
'hide-label': this.state._hideLabel === true,
|
|
16073
|
-
} }, this.state._on, { onClick: this.onClick, onKeyPress: this.onClick, role: this.state._role, tabIndex: this.state._tabIndex }), hAsync("kol-span-wc", { _icons: this.state._icons, _hideLabel: this.state._hideLabel, _label: hasExpertSlot ? '' : this.state._label || this.state._href }, hAsync("slot", { name: "expert", slot: "expert" })), isExternal && hAsync("kol-icon", { class: "external-link-icon", _label: this.state._targetDescription, _icons: 'codicon codicon-link-external' })), hAsync("kol-tooltip-wc", { "aria-hidden": "true", hidden: hasExpertSlot || !this.state._hideLabel, _align: this.state._tooltipAlign, _label: this.state._label || this.state._href })));
|
|
16125
|
+
} }, this.state._on, { onClick: this.onClick, onKeyPress: this.onClick, role: this.state._role, tabIndex: this.state._tabIndex }), hAsync("kol-span-wc", { _accessKey: this.state._accessKey, _icons: this.state._icons, _hideLabel: this.state._hideLabel, _label: hasExpertSlot ? '' : this.state._label || this.state._href }, hAsync("slot", { name: "expert", slot: "expert" })), isExternal && hAsync("kol-icon", { class: "external-link-icon", _label: this.state._targetDescription, _icons: 'codicon codicon-link-external' })), hAsync("kol-tooltip-wc", { "aria-hidden": "true", hidden: hasExpertSlot || !this.state._hideLabel, _accessKey: this.state._accessKey, _align: this.state._tooltipAlign, _label: this.state._label || this.state._href })));
|
|
16126
|
+
}
|
|
16127
|
+
validateAccessKey(value) {
|
|
16128
|
+
validateAccessKey(this, value);
|
|
16074
16129
|
}
|
|
16075
16130
|
validateAriaCurrent(value) {
|
|
16076
16131
|
validateAriaCurrent(this, value);
|
|
@@ -16112,6 +16167,7 @@ class KolLinkWc {
|
|
|
16112
16167
|
validateTooltipAlign(this, value);
|
|
16113
16168
|
}
|
|
16114
16169
|
componentWillLoad() {
|
|
16170
|
+
this.validateAccessKey(this._accessKey);
|
|
16115
16171
|
this.validateDownload(this._download);
|
|
16116
16172
|
this.validateHideLabel(this._hideLabel);
|
|
16117
16173
|
this.validateHref(this._href);
|
|
@@ -16130,6 +16186,7 @@ class KolLinkWc {
|
|
|
16130
16186
|
}
|
|
16131
16187
|
get host() { return getElement(this); }
|
|
16132
16188
|
static get watchers() { return {
|
|
16189
|
+
"_accessKey": ["validateAccessKey"],
|
|
16133
16190
|
"_download": ["validateDownload"],
|
|
16134
16191
|
"_hideLabel": ["validateHideLabel"],
|
|
16135
16192
|
"_href": ["validateHref"],
|
|
@@ -16147,6 +16204,7 @@ class KolLinkWc {
|
|
|
16147
16204
|
"$flags$": 4,
|
|
16148
16205
|
"$tagName$": "kol-link-wc",
|
|
16149
16206
|
"$members$": {
|
|
16207
|
+
"_accessKey": [1, "_access-key"],
|
|
16150
16208
|
"_download": [1],
|
|
16151
16209
|
"_hideLabel": [4, "_hide-label"],
|
|
16152
16210
|
"_href": [1],
|
|
@@ -16334,7 +16392,7 @@ BUND_LOGO_TEXT_MAP.set(Bundesanstalt['Bundesinstitut für Arzneimittel und Mediz
|
|
|
16334
16392
|
BUND_LOGO_TEXT_MAP.set(Bundesanstalt['Bundesinstitut für Bevölkerungsforschung'], ['Bundesinstitut', 'für Bevölkerungsforschung']);
|
|
16335
16393
|
BUND_LOGO_TEXT_MAP.set(Bundesanstalt['Bundesinstitut für Sportwissenschaft'], ['Bundesinstitut', 'für Sportwissenschaft']);
|
|
16336
16394
|
|
|
16337
|
-
const defaultStyleCss$
|
|
16395
|
+
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
16396
|
|
|
16339
16397
|
function enumToArray(enumeration, enumAsMap = new Map()) {
|
|
16340
16398
|
Object.entries(enumeration).map(([key, value]) => {
|
|
@@ -16381,7 +16439,7 @@ class KolLogo {
|
|
|
16381
16439
|
"_org": ["validateOrg"]
|
|
16382
16440
|
}; }
|
|
16383
16441
|
static get style() { return {
|
|
16384
|
-
default: defaultStyleCss$
|
|
16442
|
+
default: defaultStyleCss$f
|
|
16385
16443
|
}; }
|
|
16386
16444
|
static get cmpMeta() { return {
|
|
16387
16445
|
"$flags$": 41,
|
|
@@ -16396,7 +16454,7 @@ class KolLogo {
|
|
|
16396
16454
|
}; }
|
|
16397
16455
|
}
|
|
16398
16456
|
|
|
16399
|
-
const defaultStyleCss$
|
|
16457
|
+
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
16458
|
|
|
16401
16459
|
class KolModal {
|
|
16402
16460
|
constructor(hostRef) {
|
|
@@ -16487,7 +16545,7 @@ class KolModal {
|
|
|
16487
16545
|
"_width": ["validateWidth"]
|
|
16488
16546
|
}; }
|
|
16489
16547
|
static get style() { return {
|
|
16490
|
-
default: defaultStyleCss$
|
|
16548
|
+
default: defaultStyleCss$e
|
|
16491
16549
|
}; }
|
|
16492
16550
|
static get cmpMeta() { return {
|
|
16493
16551
|
"$flags$": 41,
|
|
@@ -16513,7 +16571,7 @@ const validateHasCompactButton = (component, value) => {
|
|
|
16513
16571
|
watchBoolean(component, '_hasCompactButton', value);
|
|
16514
16572
|
};
|
|
16515
16573
|
|
|
16516
|
-
const defaultStyleCss$
|
|
16574
|
+
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.button-link-text-switch {\n\t\tflex-grow: 1;\n\t}\n\n\t.entry kol-span-wc {\n\t\tjustify-items: start;\n\t}\n}";
|
|
16517
16575
|
|
|
16518
16576
|
class KolNav {
|
|
16519
16577
|
constructor(hostRef) {
|
|
@@ -16551,7 +16609,7 @@ class KolNav {
|
|
|
16551
16609
|
};
|
|
16552
16610
|
}
|
|
16553
16611
|
entry(collapsible, hideLabel, hasChildren, link, expanded) {
|
|
16554
|
-
return (hAsync("div", { class: { entry: true, 'hide-label': hideLabel } }, hAsync("kol-button-link-text-switch", { _link: Object.assign(Object.assign({}, link), { _hideLabel: hideLabel }) }), hasChildren ? this.expandButton(collapsible, link, expanded) : ''));
|
|
16612
|
+
return (hAsync("div", { class: { entry: true, 'hide-label': hideLabel } }, hAsync("kol-button-link-text-switch", { class: "button-link-text-switch", _link: Object.assign(Object.assign({}, link), { _hideLabel: hideLabel }) }), hasChildren ? this.expandButton(collapsible, link, expanded) : ''));
|
|
16555
16613
|
}
|
|
16556
16614
|
expandButton(collapsible, link, expanded) {
|
|
16557
16615
|
return (hAsync("kol-button-wc", { class: "expand-button", _ariaExpanded: expanded, _disabled: !collapsible, _icons: 'codicon codicon-' + (expanded ? 'remove' : 'add'), _hideLabel: true, _label: `Untermenü zu ${link._label} ${expanded ? 'schließen' : 'öffnen'}`, _on: { onClick: () => this.onClick(link) } }));
|
|
@@ -16634,7 +16692,7 @@ class KolNav {
|
|
|
16634
16692
|
"_orientation": ["validateOrientation"]
|
|
16635
16693
|
}; }
|
|
16636
16694
|
static get style() { return {
|
|
16637
|
-
default: defaultStyleCss$
|
|
16695
|
+
default: defaultStyleCss$d
|
|
16638
16696
|
}; }
|
|
16639
16697
|
static get cmpMeta() { return {
|
|
16640
16698
|
"$flags$": 41,
|
|
@@ -16659,7 +16717,7 @@ const validateMax = (component, value, options) => {
|
|
|
16659
16717
|
watchNumber(component, '_max', value, options);
|
|
16660
16718
|
};
|
|
16661
16719
|
|
|
16662
|
-
const defaultStyleCss$
|
|
16720
|
+
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
16721
|
|
|
16664
16722
|
const leftDoubleArrowIcon = {
|
|
16665
16723
|
left: 'codicon codicon-debug-reverse-continue',
|
|
@@ -16783,7 +16841,6 @@ class KolPagination {
|
|
|
16783
16841
|
this._siblingCount = 1;
|
|
16784
16842
|
this._tooltipAlign = 'top';
|
|
16785
16843
|
this._max = undefined;
|
|
16786
|
-
this._variant = 'normal';
|
|
16787
16844
|
this.state = {
|
|
16788
16845
|
_boundaryCount: 1,
|
|
16789
16846
|
_label: translate('kol-pagination'),
|
|
@@ -16801,7 +16858,6 @@ class KolPagination {
|
|
|
16801
16858
|
_pageSizeOptions: [],
|
|
16802
16859
|
_siblingCount: 1,
|
|
16803
16860
|
_max: 0,
|
|
16804
|
-
_variant: 'normal',
|
|
16805
16861
|
};
|
|
16806
16862
|
}
|
|
16807
16863
|
render() {
|
|
@@ -16830,19 +16886,19 @@ class KolPagination {
|
|
|
16830
16886
|
return null;
|
|
16831
16887
|
}
|
|
16832
16888
|
});
|
|
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,
|
|
16889
|
+
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
16890
|
onChange: this.onChangePageSize,
|
|
16835
16891
|
}, _value: [this.state._pageSize] }))));
|
|
16836
16892
|
}
|
|
16837
16893
|
getUnselectedPageButton(page) {
|
|
16838
|
-
return (hAsync("li", null, hAsync("kol-button", { exportparts: "icon", key: `${this.nonce}-${page}`, _customClass: this.state._customClass, _label: `${page}`, _on: {
|
|
16894
|
+
return (hAsync("li", null, hAsync("kol-button-wc", { exportparts: "icon", key: `${this.nonce}-${page}`, _customClass: this.state._customClass, _label: `${page}`, _on: {
|
|
16839
16895
|
onClick: (event) => {
|
|
16840
16896
|
this.onClick(event, page);
|
|
16841
16897
|
},
|
|
16842
|
-
}
|
|
16898
|
+
} })));
|
|
16843
16899
|
}
|
|
16844
16900
|
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}
|
|
16901
|
+
return (hAsync("li", null, hAsync("kol-button-wc", { class: "selected", key: `${this.nonce}-selected`, _customClass: this.state._customClass, _disabled: true, _label: `${page}` })));
|
|
16846
16902
|
}
|
|
16847
16903
|
validateBoundaryCount(value) {
|
|
16848
16904
|
watchNumber(this, '_boundaryCount', Math.max(0, value !== null && value !== void 0 ? value : 1));
|
|
@@ -16941,9 +16997,6 @@ class KolPagination {
|
|
|
16941
16997
|
validateTooltipAlign(value) {
|
|
16942
16998
|
validateTooltipAlign(this, value);
|
|
16943
16999
|
}
|
|
16944
|
-
validateVariant(value) {
|
|
16945
|
-
validateButtonVariant(this, value);
|
|
16946
|
-
}
|
|
16947
17000
|
componentWillLoad() {
|
|
16948
17001
|
this.validateBoundaryCount(this._boundaryCount);
|
|
16949
17002
|
this.validateCustomClass(this._customClass);
|
|
@@ -16956,7 +17009,6 @@ class KolPagination {
|
|
|
16956
17009
|
this.validateSiblingCount(this._siblingCount);
|
|
16957
17010
|
this.validateTooltipAlign(this._tooltipAlign);
|
|
16958
17011
|
this.validateMax(this._max);
|
|
16959
|
-
this.validateVariant(this._variant);
|
|
16960
17012
|
this.validatePage(this._page);
|
|
16961
17013
|
}
|
|
16962
17014
|
disconnectedCallback() {
|
|
@@ -16973,11 +17025,10 @@ class KolPagination {
|
|
|
16973
17025
|
"_pageSizeOptions": ["validatePageSizeOptions"],
|
|
16974
17026
|
"_siblingCount": ["validateSiblingCount"],
|
|
16975
17027
|
"_max": ["validateMax"],
|
|
16976
|
-
"_tooltipAlign": ["validateTooltipAlign"]
|
|
16977
|
-
"_variant": ["validateVariant"]
|
|
17028
|
+
"_tooltipAlign": ["validateTooltipAlign"]
|
|
16978
17029
|
}; }
|
|
16979
17030
|
static get style() { return {
|
|
16980
|
-
default: defaultStyleCss$
|
|
17031
|
+
default: defaultStyleCss$c
|
|
16981
17032
|
}; }
|
|
16982
17033
|
static get cmpMeta() { return {
|
|
16983
17034
|
"$flags$": 41,
|
|
@@ -16994,7 +17045,6 @@ class KolPagination {
|
|
|
16994
17045
|
"_siblingCount": [2, "_sibling-count"],
|
|
16995
17046
|
"_tooltipAlign": [1, "_tooltip-align"],
|
|
16996
17047
|
"_max": [2],
|
|
16997
|
-
"_variant": [1],
|
|
16998
17048
|
"state": [32]
|
|
16999
17049
|
},
|
|
17000
17050
|
"$listeners$": undefined,
|
|
@@ -18555,7 +18605,7 @@ var KoliBriProgressVariantEnum;
|
|
|
18555
18605
|
KoliBriProgressVariantEnum["cycle-label-value"] = "cycle-label-value";
|
|
18556
18606
|
})(KoliBriProgressVariantEnum || (KoliBriProgressVariantEnum = {}));
|
|
18557
18607
|
|
|
18558
|
-
const defaultStyleCss$
|
|
18608
|
+
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
18609
|
|
|
18560
18610
|
const VALID_VARIANTS = Object.keys(KoliBriProgressVariantEnum);
|
|
18561
18611
|
const createProgressSVG = (state) => {
|
|
@@ -18644,7 +18694,7 @@ class KolProcess {
|
|
|
18644
18694
|
"_variant": ["validateVariant"]
|
|
18645
18695
|
}; }
|
|
18646
18696
|
static get style() { return {
|
|
18647
|
-
default: defaultStyleCss$
|
|
18697
|
+
default: defaultStyleCss$b
|
|
18648
18698
|
}; }
|
|
18649
18699
|
static get cmpMeta() { return {
|
|
18650
18700
|
"$flags$": 41,
|
|
@@ -18663,7 +18713,7 @@ class KolProcess {
|
|
|
18663
18713
|
}; }
|
|
18664
18714
|
}
|
|
18665
18715
|
|
|
18666
|
-
const defaultStyleCss$
|
|
18716
|
+
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
18717
|
|
|
18668
18718
|
class KolQuote {
|
|
18669
18719
|
constructor(hostRef) {
|
|
@@ -18713,7 +18763,7 @@ class KolQuote {
|
|
|
18713
18763
|
"_variant": ["validateVariant"]
|
|
18714
18764
|
}; }
|
|
18715
18765
|
static get style() { return {
|
|
18716
|
-
default: defaultStyleCss$
|
|
18766
|
+
default: defaultStyleCss$a
|
|
18717
18767
|
}; }
|
|
18718
18768
|
static get cmpMeta() { return {
|
|
18719
18769
|
"$flags$": 41,
|
|
@@ -18829,7 +18879,7 @@ class SelectController extends InputIconController {
|
|
|
18829
18879
|
}
|
|
18830
18880
|
}
|
|
18831
18881
|
|
|
18832
|
-
const defaultStyleCss$
|
|
18882
|
+
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
18883
|
|
|
18834
18884
|
const isSelected = (valueList, optionValue) => {
|
|
18835
18885
|
return Array.isArray(valueList) && valueList.includes(optionValue);
|
|
@@ -18853,7 +18903,7 @@ class KolSelect {
|
|
|
18853
18903
|
return (hAsync(Host, { class: { 'has-value': this.state._hasValue } }, hAsync("kol-input", { class: {
|
|
18854
18904
|
'hide-label': !!this.state._hideLabel,
|
|
18855
18905
|
select: true,
|
|
18856
|
-
}, _disabled: this.state._disabled, _error: this.state._error, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _required: this.state._required, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.ref) === null || _a === void 0 ? void 0 : _a.focus(); } }, hAsync("span", { slot: "label" }, hasExpertSlot ? hAsync("slot", { name: "expert" }) : this.state._label), hAsync("div", { slot: "input" }, hAsync("select", { ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, multiple: this.state._multiple, name: this.state._name, required: this.state._required, size: this.state._rows, spellcheck: "false", onClick: this.controller.onFacade.onClick,
|
|
18906
|
+
}, _accessKey: this.state._accessKey, _disabled: this.state._disabled, _error: this.state._error, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _required: this.state._required, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.ref) === null || _a === void 0 ? void 0 : _a.focus(); } }, hAsync("span", { slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' ? (hAsync("span", null, hAsync(InternalUnderlinedAccessKey, { accessKey: this.state._accessKey, label: this.state._label }), hAsync("span", { class: "access-key-hint", "aria-hidden": "true" }, this.state._accessKey))) : (hAsync("span", null, this.state._label))), hAsync("div", { slot: "input" }, hAsync("select", { ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, multiple: this.state._multiple, name: this.state._name, required: this.state._required, size: this.state._rows, spellcheck: "false", onClick: this.controller.onFacade.onClick,
|
|
18857
18907
|
onBlur: this.controller.onFacade.onBlur,
|
|
18858
18908
|
onFocus: this.controller.onFacade.onFocus, onChange: this.onChange }, this.state._options.map((option, index) => {
|
|
18859
18909
|
const key = `-${index}`;
|
|
@@ -19006,7 +19056,7 @@ class KolSelect {
|
|
|
19006
19056
|
"_value": ["validateValue"]
|
|
19007
19057
|
}; }
|
|
19008
19058
|
static get style() { return {
|
|
19009
|
-
default: defaultStyleCss$
|
|
19059
|
+
default: defaultStyleCss$9
|
|
19010
19060
|
}; }
|
|
19011
19061
|
static get cmpMeta() { return {
|
|
19012
19062
|
"$flags$": 41,
|
|
@@ -19041,7 +19091,7 @@ class KolSelect {
|
|
|
19041
19091
|
}; }
|
|
19042
19092
|
}
|
|
19043
19093
|
|
|
19044
|
-
const defaultStyleCss$
|
|
19094
|
+
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
19095
|
|
|
19046
19096
|
class KolSkipNav {
|
|
19047
19097
|
constructor(hostRef) {
|
|
@@ -19080,7 +19130,7 @@ class KolSkipNav {
|
|
|
19080
19130
|
"_links": ["validateLinks"]
|
|
19081
19131
|
}; }
|
|
19082
19132
|
static get style() { return {
|
|
19083
|
-
default: defaultStyleCss$
|
|
19133
|
+
default: defaultStyleCss$8
|
|
19084
19134
|
}; }
|
|
19085
19135
|
static get cmpMeta() { return {
|
|
19086
19136
|
"$flags$": 41,
|
|
@@ -19096,25 +19146,27 @@ class KolSkipNav {
|
|
|
19096
19146
|
}; }
|
|
19097
19147
|
}
|
|
19098
19148
|
|
|
19099
|
-
const defaultStyleCss$
|
|
19149
|
+
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
19150
|
|
|
19101
19151
|
class KolSpan {
|
|
19102
19152
|
constructor(hostRef) {
|
|
19103
19153
|
registerInstance(this, hostRef);
|
|
19154
|
+
this._accessKey = undefined;
|
|
19104
19155
|
this._hideLabel = false;
|
|
19105
19156
|
this._icons = undefined;
|
|
19106
19157
|
this._label = undefined;
|
|
19107
19158
|
}
|
|
19108
19159
|
render() {
|
|
19109
|
-
return (hAsync("kol-span-wc", { _icons: this._icons, _hideLabel: this._hideLabel, _label: this._label }, hAsync("slot", { name: "expert", slot: "expert" })));
|
|
19160
|
+
return (hAsync("kol-span-wc", { _icons: this._icons, _hideLabel: this._hideLabel, _label: this._label, _accessKey: this._accessKey }, hAsync("slot", { name: "expert", slot: "expert" })));
|
|
19110
19161
|
}
|
|
19111
19162
|
static get style() { return {
|
|
19112
|
-
default: defaultStyleCss$
|
|
19163
|
+
default: defaultStyleCss$7
|
|
19113
19164
|
}; }
|
|
19114
19165
|
static get cmpMeta() { return {
|
|
19115
19166
|
"$flags$": 41,
|
|
19116
19167
|
"$tagName$": "kol-span",
|
|
19117
19168
|
"$members$": {
|
|
19169
|
+
"_accessKey": [1, "_access-key"],
|
|
19118
19170
|
"_hideLabel": [4, "_hide-label"],
|
|
19119
19171
|
"_icons": [1],
|
|
19120
19172
|
"_label": [1]
|
|
@@ -31342,6 +31394,7 @@ const md = (str) => markdown.renderInline(str);
|
|
|
31342
31394
|
class KolSpanWc {
|
|
31343
31395
|
constructor(hostRef) {
|
|
31344
31396
|
registerInstance(this, hostRef);
|
|
31397
|
+
this._accessKey = undefined;
|
|
31345
31398
|
this._allowMarkdown = false;
|
|
31346
31399
|
this._hideLabel = false;
|
|
31347
31400
|
this._icons = undefined;
|
|
@@ -31358,7 +31411,10 @@ class KolSpanWc {
|
|
|
31358
31411
|
const hideExpertSlot = !showExpertSlot(this.state._label);
|
|
31359
31412
|
return (hAsync(Host, { class: {
|
|
31360
31413
|
'hide-label': !!this.state._hideLabel,
|
|
31361
|
-
} }, this.state._icons.top && hAsync("kol-icon", { class: "icon top", style: this.state._icons.top.style, _label: "", _icons: this.state._icons.top.icon }), hAsync("span", null, this.state._icons.left && hAsync("kol-icon", { class: "icon left", style: this.state._icons.left.style, _label: "", _icons: this.state._icons.left.icon }), !this.state._hideLabel && hideExpertSlot ? (this.state._allowMarkdown && typeof this.state._label === 'string' && this.state._label.length > 0 ? (hAsync("span", { class: "span-label md", innerHTML: md(this.state._label) })) : (hAsync("span", { class: "span-label" }, (_a = this.state._label) !== null && _a !== void 0 ? _a : ''))) : (''), hAsync("span", { "aria-hidden": hideExpertSlot ? 'true' : undefined, class: "span-label", hidden: hideExpertSlot }, hAsync("slot", { name: "expert" })), this.state._icons.right && hAsync("kol-icon", { class: "icon right", style: this.state._icons.right.style, _label: "", _icons: this.state._icons.right.icon })), this.state._icons.bottom && hAsync("kol-icon", { class: "icon bottom", style: this.state._icons.bottom.style, _label: "", _icons: this.state._icons.bottom.icon })));
|
|
31414
|
+
} }, this.state._icons.top && hAsync("kol-icon", { class: "icon top", style: this.state._icons.top.style, _label: "", _icons: this.state._icons.top.icon }), hAsync("span", null, this.state._icons.left && hAsync("kol-icon", { class: "icon left", style: this.state._icons.left.style, _label: "", _icons: this.state._icons.left.icon }), !this.state._hideLabel && hideExpertSlot ? (this.state._allowMarkdown && typeof this.state._label === 'string' && this.state._label.length > 0 ? (hAsync("span", { class: "span-label md", innerHTML: md(this.state._label) })) : (hAsync("span", { class: "span-label" }, this.state._accessKey && this.state._label.length ? (hAsync(InternalUnderlinedAccessKey, { label: this.state._label, accessKey: this.state._accessKey })) : ((_a = this.state._label) !== null && _a !== void 0 ? _a : '')))) : (''), hAsync("span", { "aria-hidden": hideExpertSlot ? 'true' : undefined, class: "span-label", hidden: hideExpertSlot }, hAsync("slot", { name: "expert" })), this.state._accessKey && (hAsync("span", { class: "access-key-hint", "aria-hidden": "true" }, this.state._accessKey)), this.state._icons.right && hAsync("kol-icon", { class: "icon right", style: this.state._icons.right.style, _label: "", _icons: this.state._icons.right.icon })), this.state._icons.bottom && hAsync("kol-icon", { class: "icon bottom", style: this.state._icons.bottom.style, _label: "", _icons: this.state._icons.bottom.icon })));
|
|
31415
|
+
}
|
|
31416
|
+
validateAccessKey(value) {
|
|
31417
|
+
validateAccessKey(this, value);
|
|
31362
31418
|
}
|
|
31363
31419
|
validateAllowMarkdown(value) {
|
|
31364
31420
|
watchBoolean(this, '_allowMarkdown', value, {
|
|
@@ -31375,12 +31431,14 @@ class KolSpanWc {
|
|
|
31375
31431
|
validateLabelWithExpertSlot(this, value);
|
|
31376
31432
|
}
|
|
31377
31433
|
componentWillLoad() {
|
|
31434
|
+
this.validateAccessKey(this._accessKey);
|
|
31378
31435
|
this.validateAllowMarkdown(this._allowMarkdown);
|
|
31379
31436
|
this.validateHideLabel(this._hideLabel);
|
|
31380
31437
|
this.validateIcons(this._icons);
|
|
31381
31438
|
this.validateLabel(this._label);
|
|
31382
31439
|
}
|
|
31383
31440
|
static get watchers() { return {
|
|
31441
|
+
"_accessKey": ["validateAccessKey"],
|
|
31384
31442
|
"_allowMarkdown": ["validateAllowMarkdown"],
|
|
31385
31443
|
"_hideLabel": ["validateHideLabel"],
|
|
31386
31444
|
"_icons": ["validateIcons"],
|
|
@@ -31390,6 +31448,7 @@ class KolSpanWc {
|
|
|
31390
31448
|
"$flags$": 4,
|
|
31391
31449
|
"$tagName$": "kol-span-wc",
|
|
31392
31450
|
"$members$": {
|
|
31451
|
+
"_accessKey": [1, "_access-key"],
|
|
31393
31452
|
"_allowMarkdown": [4, "_allow-markdown"],
|
|
31394
31453
|
"_hideLabel": [4, "_hide-label"],
|
|
31395
31454
|
"_icons": [1],
|
|
@@ -31406,7 +31465,7 @@ const validateSpinVariant = (component, value) => {
|
|
|
31406
31465
|
watchValidator(component, '_variant', (value) => value === 'cycle' || value === 'dot' || value === 'none', new Set(['cycle', 'dot', 'none']), value);
|
|
31407
31466
|
};
|
|
31408
31467
|
|
|
31409
|
-
const defaultStyleCss$
|
|
31468
|
+
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
31469
|
|
|
31411
31470
|
function renderSpin(variant) {
|
|
31412
31471
|
switch (variant) {
|
|
@@ -31450,7 +31509,7 @@ class KolSpin {
|
|
|
31450
31509
|
"_variant": ["validateVariant"]
|
|
31451
31510
|
}; }
|
|
31452
31511
|
static get style() { return {
|
|
31453
|
-
default: defaultStyleCss$
|
|
31512
|
+
default: defaultStyleCss$6
|
|
31454
31513
|
}; }
|
|
31455
31514
|
static get cmpMeta() { return {
|
|
31456
31515
|
"$flags$": 41,
|
|
@@ -31466,7 +31525,7 @@ class KolSpin {
|
|
|
31466
31525
|
}; }
|
|
31467
31526
|
}
|
|
31468
31527
|
|
|
31469
|
-
const defaultStyleCss$
|
|
31528
|
+
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
31529
|
|
|
31471
31530
|
class KolSplitButton {
|
|
31472
31531
|
constructor(hostRef) {
|
|
@@ -31541,7 +31600,7 @@ class KolSplitButton {
|
|
|
31541
31600
|
}, _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
31601
|
}
|
|
31543
31602
|
static get style() { return {
|
|
31544
|
-
default: defaultStyleCss$
|
|
31603
|
+
default: defaultStyleCss$5
|
|
31545
31604
|
}; }
|
|
31546
31605
|
static get cmpMeta() { return {
|
|
31547
31606
|
"$flags$": 41,
|
|
@@ -31616,7 +31675,7 @@ class KolSymbol {
|
|
|
31616
31675
|
}; }
|
|
31617
31676
|
}
|
|
31618
31677
|
|
|
31619
|
-
const defaultStyleCss$
|
|
31678
|
+
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
31679
|
|
|
31621
31680
|
const PAGINATION_OPTIONS = [10, 20, 50, 100];
|
|
31622
31681
|
const CELL_REFS = new Map();
|
|
@@ -32128,7 +32187,7 @@ class KolTable {
|
|
|
32128
32187
|
"_pagination": ["validatePagination"]
|
|
32129
32188
|
}; }
|
|
32130
32189
|
static get style() { return {
|
|
32131
|
-
default: defaultStyleCss$
|
|
32190
|
+
default: defaultStyleCss$4
|
|
32132
32191
|
}; }
|
|
32133
32192
|
static get cmpMeta() { return {
|
|
32134
32193
|
"$flags$": 41,
|
|
@@ -32148,7 +32207,7 @@ class KolTable {
|
|
|
32148
32207
|
}; }
|
|
32149
32208
|
}
|
|
32150
32209
|
|
|
32151
|
-
const defaultStyleCss$
|
|
32210
|
+
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
32211
|
|
|
32153
32212
|
class KolTabs {
|
|
32154
32213
|
constructor(hostRef) {
|
|
@@ -32411,7 +32470,7 @@ class KolTabs {
|
|
|
32411
32470
|
"_tabs": ["validateTabs"]
|
|
32412
32471
|
}; }
|
|
32413
32472
|
static get style() { return {
|
|
32414
|
-
default: defaultStyleCss$
|
|
32473
|
+
default: defaultStyleCss$3
|
|
32415
32474
|
}; }
|
|
32416
32475
|
static get cmpMeta() { return {
|
|
32417
32476
|
"$flags$": 41,
|
|
@@ -32503,7 +32562,7 @@ class TextareaController extends InputController {
|
|
|
32503
32562
|
}
|
|
32504
32563
|
}
|
|
32505
32564
|
|
|
32506
|
-
const defaultStyleCss$
|
|
32565
|
+
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
32566
|
|
|
32508
32567
|
const increaseTextareaHeight = (el) => {
|
|
32509
32568
|
el.style.overflow = 'hidden';
|
|
@@ -32518,7 +32577,7 @@ class KolTextarea {
|
|
|
32518
32577
|
render() {
|
|
32519
32578
|
const { ariaDescribedBy } = getRenderStates(this.state);
|
|
32520
32579
|
const hasExpertSlot = showExpertSlot(this.state._label);
|
|
32521
|
-
return (hAsync(Host, { class: { 'has-value': this.state._hasValue } }, hAsync("kol-input", { class: { textarea: true, 'hide-label': !!this.state._hideLabel, 'has-counter': !!this.state._hasCounter }, _alert: this.state._alert, _currentLength: this.state._currentLength, _disabled: this.state._disabled, _error: this.state._error, _hideError: this.state._hideError, _hasCounter: this.state._hasCounter, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _id: this.state._id, _label: this.state._label, _maxLength: this.state._maxLength, _readOnly: this.state._readOnly, _required: this.state._required, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.ref) === null || _a === void 0 ? void 0 : _a.focus(); } }, hAsync("span", { slot: "label" }, hasExpertSlot ? hAsync("slot", { name: "expert" }) : this.state._label), hAsync("div", { slot: "input" }, hAsync("textarea", Object.assign({ ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, maxlength: this.state._maxLength, name: this.state._name, readOnly: this.state._readOnly, required: this.state._required, rows: this.state._rows, placeholder: this.state._placeholder, spellcheck: "false" }, this.controller.onFacade, { onKeyUp: this.onKeyUp, style: {
|
|
32580
|
+
return (hAsync(Host, { class: { 'has-value': this.state._hasValue } }, hAsync("kol-input", { class: { textarea: true, 'hide-label': !!this.state._hideLabel, 'has-counter': !!this.state._hasCounter }, _accessKey: this.state._accessKey, _alert: this.state._alert, _currentLength: this.state._currentLength, _disabled: this.state._disabled, _error: this.state._error, _hideError: this.state._hideError, _hasCounter: this.state._hasCounter, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _id: this.state._id, _label: this.state._label, _maxLength: this.state._maxLength, _readOnly: this.state._readOnly, _required: this.state._required, _tooltipAlign: this._tooltipAlign, _touched: this.state._touched, onClick: () => { var _a; return (_a = this.ref) === null || _a === void 0 ? void 0 : _a.focus(); } }, hAsync("span", { slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' ? (hAsync("span", null, hAsync(InternalUnderlinedAccessKey, { accessKey: this.state._accessKey, label: this.state._label }), hAsync("span", { class: "access-key-hint", "aria-hidden": "true" }, this.state._accessKey))) : (hAsync("span", null, this.state._label))), hAsync("div", { slot: "input" }, hAsync("textarea", Object.assign({ ref: this.catchRef, title: "", accessKey: this.state._accessKey, "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, autoCapitalize: "off", autoCorrect: "off", disabled: this.state._disabled, id: this.state._id, maxlength: this.state._maxLength, name: this.state._name, readOnly: this.state._readOnly, required: this.state._required, rows: this.state._rows, placeholder: this.state._placeholder, spellcheck: "false" }, this.controller.onFacade, { onKeyUp: this.onKeyUp, style: {
|
|
32522
32581
|
resize: this.state._resize,
|
|
32523
32582
|
}, value: this.state._value }))))));
|
|
32524
32583
|
}
|
|
@@ -32674,7 +32733,7 @@ class KolTextarea {
|
|
|
32674
32733
|
"_value": ["validateValue"]
|
|
32675
32734
|
}; }
|
|
32676
32735
|
static get style() { return {
|
|
32677
|
-
default: defaultStyleCss$
|
|
32736
|
+
default: defaultStyleCss$2
|
|
32678
32737
|
}; }
|
|
32679
32738
|
static get cmpMeta() { return {
|
|
32680
32739
|
"$flags$": 41,
|
|
@@ -32712,78 +32771,16 @@ class KolTextarea {
|
|
|
32712
32771
|
}; }
|
|
32713
32772
|
}
|
|
32714
32773
|
|
|
32715
|
-
const
|
|
32716
|
-
|
|
32717
|
-
|
|
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 });
|
|
32774
|
+
const InternalToast = ({ toastState, onClose, key }) => {
|
|
32775
|
+
const handleRef = (element) => {
|
|
32776
|
+
if (typeof toastState.toast.render === 'function' && element) {
|
|
32777
|
+
toastState.toast.render(element, { close: () => onClose() });
|
|
32746
32778
|
}
|
|
32747
|
-
}
|
|
32748
|
-
|
|
32749
|
-
|
|
32750
|
-
|
|
32751
|
-
|
|
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
|
-
}
|
|
32779
|
+
};
|
|
32780
|
+
return (hAsync("div", { class: `toast ${toastState.status}`, key: key },
|
|
32781
|
+
hAsync("kol-alert", { class: "alert", _alert: true, _label: toastState.toast.label, _level: 0, _hasCloser: true, _type: toastState.toast.type, _variant: "card", _on: { onClose } },
|
|
32782
|
+
hAsync("div", { ref: handleRef }, typeof toastState.toast.description === 'string' ? toastState.toast.description : null))));
|
|
32783
|
+
};
|
|
32787
32784
|
|
|
32788
32785
|
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
32786
|
|
|
@@ -32825,7 +32822,7 @@ class KolToastContainer {
|
|
|
32825
32822
|
}, TRANSITION_TIMEOUT);
|
|
32826
32823
|
}
|
|
32827
32824
|
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(
|
|
32825
|
+
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
32826
|
}
|
|
32830
32827
|
static get style() { return {
|
|
32831
32828
|
default: defaultStyleCss$1
|
|
@@ -32990,6 +32987,7 @@ class KolTooltip {
|
|
|
32990
32987
|
}
|
|
32991
32988
|
}, 250);
|
|
32992
32989
|
};
|
|
32990
|
+
this._accessKey = undefined;
|
|
32993
32991
|
this._align = 'top';
|
|
32994
32992
|
this._id = undefined;
|
|
32995
32993
|
this._label = undefined;
|
|
@@ -33000,7 +32998,10 @@ class KolTooltip {
|
|
|
33000
32998
|
};
|
|
33001
32999
|
}
|
|
33002
33000
|
render() {
|
|
33003
|
-
return (hAsync(Host, null, this.state._label !== '' && (hAsync("div", { class: "tooltip-floating", ref: this.catchTooltipElement }, hAsync("div", { class: "tooltip-area tooltip-arrow", ref: this.catchArrowElement }), hAsync("kol-span-wc", { class: "tooltip-area tooltip-content", id: this.state._id, _label: this.state._label })))));
|
|
33001
|
+
return (hAsync(Host, null, this.state._label !== '' && (hAsync("div", { class: "tooltip-floating", ref: this.catchTooltipElement }, hAsync("div", { class: "tooltip-area tooltip-arrow", ref: this.catchArrowElement }), hAsync("kol-span-wc", { class: "tooltip-area tooltip-content", id: this.state._id, _accessKey: this._accessKey, _label: this.state._label })))));
|
|
33002
|
+
}
|
|
33003
|
+
validateAccessKey(value) {
|
|
33004
|
+
validateAccessKey(this, value);
|
|
33004
33005
|
}
|
|
33005
33006
|
validateAlign(value) {
|
|
33006
33007
|
validateAlign(this, value);
|
|
@@ -33012,6 +33013,7 @@ class KolTooltip {
|
|
|
33012
33013
|
validateLabel(this, value);
|
|
33013
33014
|
}
|
|
33014
33015
|
componentWillLoad() {
|
|
33016
|
+
this.validateAccessKey(this._accessKey);
|
|
33015
33017
|
this.validateAlign(this._align);
|
|
33016
33018
|
this.validateId(this._id);
|
|
33017
33019
|
this.validateLabel(this._label);
|
|
@@ -33043,6 +33045,7 @@ class KolTooltip {
|
|
|
33043
33045
|
}
|
|
33044
33046
|
get host() { return getElement(this); }
|
|
33045
33047
|
static get watchers() { return {
|
|
33048
|
+
"_accessKey": ["validateAccessKey"],
|
|
33046
33049
|
"_align": ["validateAlign"],
|
|
33047
33050
|
"_id": ["validateId"],
|
|
33048
33051
|
"_label": ["validateLabel"]
|
|
@@ -33052,6 +33055,7 @@ class KolTooltip {
|
|
|
33052
33055
|
"$flags$": 0,
|
|
33053
33056
|
"$tagName$": "kol-tooltip-wc",
|
|
33054
33057
|
"$members$": {
|
|
33058
|
+
"_accessKey": [1, "_access-key"],
|
|
33055
33059
|
"_align": [1],
|
|
33056
33060
|
"_id": [1],
|
|
33057
33061
|
"_label": [1],
|
|
@@ -33157,7 +33161,6 @@ registerComponents([
|
|
|
33157
33161
|
KolTable,
|
|
33158
33162
|
KolTabs,
|
|
33159
33163
|
KolTextarea,
|
|
33160
|
-
KolToast,
|
|
33161
33164
|
KolToastContainer,
|
|
33162
33165
|
KolTooltip,
|
|
33163
33166
|
KolVersion,
|
|
@@ -33269,8 +33272,9 @@ class ToasterService {
|
|
|
33269
33272
|
}
|
|
33270
33273
|
}
|
|
33271
33274
|
async enqueue(toast) {
|
|
33272
|
-
|
|
33273
|
-
|
|
33275
|
+
if (this.toastContainerElement && typeof this.toastContainerElement.enqueue === 'function') {
|
|
33276
|
+
await this.toastContainerElement.enqueue(toast);
|
|
33277
|
+
}
|
|
33274
33278
|
}
|
|
33275
33279
|
}
|
|
33276
33280
|
ToasterService.instances = new Map();
|
|
@@ -33327,16 +33331,20 @@ var reprodAccordionDoesNotToggleWithOpen$1 = /*#__PURE__*/Object.freeze({
|
|
|
33327
33331
|
|
|
33328
33332
|
const detailsElement = document.getElementById('details');
|
|
33329
33333
|
const buttonElement = document.getElementById('button');
|
|
33330
|
-
detailsElement
|
|
33331
|
-
|
|
33332
|
-
|
|
33333
|
-
|
|
33334
|
-
}
|
|
33335
|
-
|
|
33336
|
-
|
|
33337
|
-
|
|
33338
|
-
|
|
33339
|
-
|
|
33334
|
+
if (detailsElement) {
|
|
33335
|
+
detailsElement._on = {
|
|
33336
|
+
onToggle: (_event, open) => {
|
|
33337
|
+
buttonElement._label = `👆Details ${open ? 'schließen' : 'öffnen'}`;
|
|
33338
|
+
},
|
|
33339
|
+
};
|
|
33340
|
+
}
|
|
33341
|
+
if (buttonElement) {
|
|
33342
|
+
buttonElement._on = {
|
|
33343
|
+
onClick: () => {
|
|
33344
|
+
detailsElement._open = !detailsElement._open;
|
|
33345
|
+
},
|
|
33346
|
+
};
|
|
33347
|
+
}
|
|
33340
33348
|
var detailsSyncedOpenState = {};
|
|
33341
33349
|
|
|
33342
33350
|
var detailsSyncedOpenState$1 = /*#__PURE__*/Object.freeze({
|