@public-ui/hydrate 2.1.0 → 2.1.1
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 +1542 -923
- package/package.json +4 -4
package/dist/index.js
CHANGED
|
@@ -10099,7 +10099,7 @@ function hydrateFactory($stencilWindow, $stencilHydrateOpts, $stencilHydrateResu
|
|
|
10099
10099
|
|
|
10100
10100
|
|
|
10101
10101
|
const NAMESPACE = 'kolibri';
|
|
10102
|
-
const BUILD = /* kolibri */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: true, constructableCSS: false, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget:
|
|
10102
|
+
const BUILD = /* kolibri */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: true, constructableCSS: false, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: true, hydratedAttribute: false, hydratedClass: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: true, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, shadowDomShim: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
|
|
10103
10103
|
|
|
10104
10104
|
/*
|
|
10105
10105
|
Stencil Hydrate Platform v4.17.1 | MIT Licensed | https://stenciljs.com
|
|
@@ -11629,7 +11629,7 @@ var Fragment = (_, children) => children;
|
|
|
11629
11629
|
var addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) => {
|
|
11630
11630
|
if (listeners) {
|
|
11631
11631
|
listeners.map(([flags, name, method]) => {
|
|
11632
|
-
const target = elm;
|
|
11632
|
+
const target = getHostListenerTarget(elm, flags) ;
|
|
11633
11633
|
const handler = hostListenerProxy(hostRef, method);
|
|
11634
11634
|
const opts = hostListenerOpts(flags);
|
|
11635
11635
|
plt.ael(target, name, handler, opts);
|
|
@@ -11650,6 +11650,11 @@ var hostListenerProxy = (hostRef, methodName) => (ev) => {
|
|
|
11650
11650
|
consoleError(e);
|
|
11651
11651
|
}
|
|
11652
11652
|
};
|
|
11653
|
+
var getHostListenerTarget = (elm, flags) => {
|
|
11654
|
+
if (flags & 8 /* TargetWindow */)
|
|
11655
|
+
return win;
|
|
11656
|
+
return elm;
|
|
11657
|
+
};
|
|
11653
11658
|
var hostListenerOpts = (flags) => (flags & 2 /* Capture */) !== 0;
|
|
11654
11659
|
|
|
11655
11660
|
// src/runtime/vdom/vdom-annotations.ts
|
|
@@ -12643,6 +12648,17 @@ const a11yHint = (msg, options) => {
|
|
|
12643
12648
|
});
|
|
12644
12649
|
}
|
|
12645
12650
|
};
|
|
12651
|
+
const deprecatedCache = new Set();
|
|
12652
|
+
const deprecatedHint = (msg, options) => {
|
|
12653
|
+
if (deprecatedCache.has(msg) === false || !!(options === null || options === void 0 ? void 0 : options.force)) {
|
|
12654
|
+
deprecatedCache.add(msg);
|
|
12655
|
+
Log.warn([msg].concat((options === null || options === void 0 ? void 0 : options.details) || []), {
|
|
12656
|
+
classifier: `🔥 deprecated`,
|
|
12657
|
+
forceLog: !!(options === null || options === void 0 ? void 0 : options.force),
|
|
12658
|
+
overwriteStyle: '; background-color: #f00',
|
|
12659
|
+
});
|
|
12660
|
+
}
|
|
12661
|
+
};
|
|
12646
12662
|
const devCache = new Set();
|
|
12647
12663
|
const devHint = (msg, options) => {
|
|
12648
12664
|
if (devCache.has(msg) === false || !!(options === null || options === void 0 ? void 0 : options.force)) {
|
|
@@ -14140,7 +14156,7 @@ const validateSuggestions = (component, value) => {
|
|
|
14140
14156
|
};
|
|
14141
14157
|
|
|
14142
14158
|
const validateTableCallbacks = (component, value) => {
|
|
14143
|
-
watchValidator(component, `_on`, (value) => typeof value === 'object' && value !== null, new Set(['TableCallbacksPropType {Events.onSort}']), value);
|
|
14159
|
+
watchValidator(component, `_on`, (value) => typeof value === 'object' && value !== null, new Set(['TableCallbacksPropType {Events.onSort, Events.onSelectionChange}']), value);
|
|
14144
14160
|
};
|
|
14145
14161
|
|
|
14146
14162
|
const validateTableData = (component, value, setStateHooks) => {
|
|
@@ -14192,10 +14208,46 @@ const validateTableHeaderCells = (component, value) => {
|
|
|
14192
14208
|
});
|
|
14193
14209
|
};
|
|
14194
14210
|
|
|
14211
|
+
const validateTableSelection = (component, value) => {
|
|
14212
|
+
const parseSerializedValue = () => {
|
|
14213
|
+
try {
|
|
14214
|
+
return parseJson(value);
|
|
14215
|
+
}
|
|
14216
|
+
catch (e) {
|
|
14217
|
+
return undefined;
|
|
14218
|
+
}
|
|
14219
|
+
};
|
|
14220
|
+
const validateObject = (value) => {
|
|
14221
|
+
return value && isObject$1(value) && typeof value.label === 'function' && (!value.selectedKeys || Array.isArray(value.selectedKeys));
|
|
14222
|
+
};
|
|
14223
|
+
const objectValue = typeof value === 'string' ? parseSerializedValue() : value;
|
|
14224
|
+
if (validateObject(objectValue)) {
|
|
14225
|
+
setState(component, '_selection', value);
|
|
14226
|
+
}
|
|
14227
|
+
};
|
|
14228
|
+
|
|
14195
14229
|
const validateTooltipAlign = (component, value) => {
|
|
14196
14230
|
validateAlignment(component, '_tooltipAlign', value);
|
|
14197
14231
|
};
|
|
14198
14232
|
|
|
14233
|
+
const validateToolbarItems = (component, value) => {
|
|
14234
|
+
emptyStringByArrayHandler(value, () => {
|
|
14235
|
+
objectObjectHandler(value, () => {
|
|
14236
|
+
if (typeof value === 'undefined') {
|
|
14237
|
+
value = [];
|
|
14238
|
+
}
|
|
14239
|
+
try {
|
|
14240
|
+
value = parseJson(value);
|
|
14241
|
+
}
|
|
14242
|
+
catch (e) {
|
|
14243
|
+
}
|
|
14244
|
+
if (Array.isArray(value) && value.every((items) => typeof items === 'object' && items !== null)) {
|
|
14245
|
+
setState(component, '_items', value);
|
|
14246
|
+
}
|
|
14247
|
+
});
|
|
14248
|
+
});
|
|
14249
|
+
};
|
|
14250
|
+
|
|
14199
14251
|
const validateTouched = (component, value) => {
|
|
14200
14252
|
watchBoolean(component, '_touched', value);
|
|
14201
14253
|
};
|
|
@@ -14234,6 +14286,7 @@ let KolButtonWcTag = 'kol-button-wc';
|
|
|
14234
14286
|
let KolHeadingWcTag = 'kol-heading-wc';
|
|
14235
14287
|
let KolIconTag = 'kol-icon';
|
|
14236
14288
|
let KolIndentedTextTag = 'kol-indented-text';
|
|
14289
|
+
let KolInputCheckboxTag = 'kol-input-checkbox';
|
|
14237
14290
|
let KolInputTag = 'kol-input';
|
|
14238
14291
|
let KolLinkTag = 'kol-link';
|
|
14239
14292
|
let KolLinkWcTag = 'kol-link-wc';
|
|
@@ -14241,14 +14294,13 @@ let KolPaginationTag = 'kol-pagination';
|
|
|
14241
14294
|
let KolSelectTag = 'kol-select';
|
|
14242
14295
|
let KolSpanWcTag = 'kol-span-wc';
|
|
14243
14296
|
let KolTableStatefulTag = 'kol-table-stateful';
|
|
14244
|
-
let KolTableStatelessTag = 'kol-table-stateless';
|
|
14245
14297
|
let KolTableStatelessWcTag = 'kol-table-stateless-wc';
|
|
14246
14298
|
let KolTooltipWcTag = 'kol-tooltip-wc';
|
|
14247
14299
|
let KolTreeItemWcTag = 'kol-tree-item-wc';
|
|
14248
14300
|
let KolTreeWcTag = 'kol-tree-wc';
|
|
14249
14301
|
|
|
14250
|
-
const defaultStyleCss$
|
|
14251
|
-
var KolAbbrDefaultStyle0 = defaultStyleCss$
|
|
14302
|
+
const defaultStyleCss$N = "@layer kol-global {\n .sc-kol-abbr-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-abbr-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-abbr-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .sc-kol-abbr-default-h {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .sc-kol-abbr-default-h > abbr {\n cursor: help;\n }\n}";
|
|
14303
|
+
var KolAbbrDefaultStyle0 = defaultStyleCss$N;
|
|
14252
14304
|
|
|
14253
14305
|
class KolAbbr {
|
|
14254
14306
|
constructor(hostRef) {
|
|
@@ -14306,8 +14358,8 @@ const watchHeadingLevel = (component, value) => {
|
|
|
14306
14358
|
});
|
|
14307
14359
|
};
|
|
14308
14360
|
|
|
14309
|
-
const defaultStyleCss$
|
|
14310
|
-
var KolAccordionDefaultStyle0 = defaultStyleCss$
|
|
14361
|
+
const defaultStyleCss$M = "@layer kol-global {\n .sc-kol-accordion-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-accordion-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-accordion-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .sc-kol-accordion-default-h {\n display: block;\n }\n}\n@layer kol-component {\n .sc-kol-accordion-default-h {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n \n .wrapper {\n display: grid;\n grid-template-rows: 0fr;\n overflow: hidden;\n transition: grid-template-rows 0.3s;\n }\n .accordion.open .wrapper {\n grid-template-rows: 1fr;\n }\n .animation-wrapper {\n min-height: 0;\n transition: visibility 0.3s;\n \n visibility: hidden;\n }\n .accordion.open .animation-wrapper {\n visibility: visible;\n }\n @media (prefers-reduced-motion) {\n .animation-wrapper,\n .wrapper {\n transition-duration: 0s;\n }\n }\n \n @media print {\n .accordion:not(.open) .animation-wrapper {\n display: none;\n }\n }\n \n .accordion .kol-heading-wc .kol-button-wc button .kol-span-wc {\n justify-items: start;\n }\n}";
|
|
14362
|
+
var KolAccordionDefaultStyle0 = defaultStyleCss$M;
|
|
14311
14363
|
|
|
14312
14364
|
featureHint(`[KolAccordion] Anfrage nach einer KolAccordionGroup bei dem immer nur ein Accordion geöffnet ist.
|
|
14313
14365
|
|
|
@@ -14402,8 +14454,8 @@ class KolAccordion {
|
|
|
14402
14454
|
}; }
|
|
14403
14455
|
}
|
|
14404
14456
|
|
|
14405
|
-
const defaultStyleCss$
|
|
14406
|
-
var KolAlertDefaultStyle0 = defaultStyleCss$
|
|
14457
|
+
const defaultStyleCss$L = "@layer kol-global {\n .sc-kol-alert-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-alert-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-alert-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .sc-kol-alert-default-h {\n display: block;\n }\n}\n@layer kol-component {\n .sc-kol-alert-default-h {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n}\n@layer kol-component {\n .kol-alert-wc {\n display: grid;\n }\n .kol-alert-wc .heading {\n display: flex;\n place-items: center;\n }\n .kol-alert-wc .heading > div {\n flex-grow: 1;\n }\n .close {\n \n outline: transparent solid 1px;\n }\n}";
|
|
14458
|
+
var KolAlertDefaultStyle0 = defaultStyleCss$L;
|
|
14407
14459
|
|
|
14408
14460
|
class KolAlert {
|
|
14409
14461
|
constructor(hostRef) {
|
|
@@ -14444,64 +14496,6 @@ class KolAlert {
|
|
|
14444
14496
|
}; }
|
|
14445
14497
|
}
|
|
14446
14498
|
|
|
14447
|
-
const replaceAll = function (text, search, replacement) {
|
|
14448
|
-
return text.split(search).join(replacement);
|
|
14449
|
-
};
|
|
14450
|
-
class I18nService {
|
|
14451
|
-
constructor(initialLanguage) {
|
|
14452
|
-
this.resourceMap = new Map();
|
|
14453
|
-
this.language = initialLanguage !== null && initialLanguage !== void 0 ? initialLanguage : 'de';
|
|
14454
|
-
}
|
|
14455
|
-
addTranslations(translations) {
|
|
14456
|
-
if (Array.isArray(translations)) {
|
|
14457
|
-
translations = new Set(translations);
|
|
14458
|
-
}
|
|
14459
|
-
else if (typeof translations === 'function') {
|
|
14460
|
-
translations = new Set([translations]);
|
|
14461
|
-
}
|
|
14462
|
-
if (translations !== undefined) {
|
|
14463
|
-
translations.forEach((t) => t((l, t) => {
|
|
14464
|
-
let resources = this.resourceMap.get(l);
|
|
14465
|
-
if (!resources) {
|
|
14466
|
-
resources = new Map();
|
|
14467
|
-
this.resourceMap.set(l, resources);
|
|
14468
|
-
}
|
|
14469
|
-
Object.entries(t).forEach(([k, v]) => {
|
|
14470
|
-
if (v) {
|
|
14471
|
-
resources.set(k, v);
|
|
14472
|
-
}
|
|
14473
|
-
});
|
|
14474
|
-
return l;
|
|
14475
|
-
}));
|
|
14476
|
-
}
|
|
14477
|
-
}
|
|
14478
|
-
setLanguage(lng) {
|
|
14479
|
-
this.language = lng;
|
|
14480
|
-
}
|
|
14481
|
-
translate(key, options) {
|
|
14482
|
-
var _a;
|
|
14483
|
-
let result = (_a = this.resourceMap.get(this.language)) === null || _a === void 0 ? void 0 : _a.get(key);
|
|
14484
|
-
if (result) {
|
|
14485
|
-
if (options === null || options === void 0 ? void 0 : options.placeholders) {
|
|
14486
|
-
Object.entries(options.placeholders).forEach(([k, v]) => {
|
|
14487
|
-
result = replaceAll(result, `{{${k}}}`, v);
|
|
14488
|
-
});
|
|
14489
|
-
}
|
|
14490
|
-
}
|
|
14491
|
-
else {
|
|
14492
|
-
result = key;
|
|
14493
|
-
}
|
|
14494
|
-
return result;
|
|
14495
|
-
}
|
|
14496
|
-
}
|
|
14497
|
-
let i18n;
|
|
14498
|
-
const getI18nInstance = () => {
|
|
14499
|
-
if (!(i18n instanceof I18nService)) {
|
|
14500
|
-
throw new Error('i18n not initialized yet');
|
|
14501
|
-
}
|
|
14502
|
-
return i18n;
|
|
14503
|
-
};
|
|
14504
|
-
|
|
14505
14499
|
var locale_de = {
|
|
14506
14500
|
error: 'Fehler',
|
|
14507
14501
|
warning: 'Warnung',
|
|
@@ -14541,6 +14535,9 @@ var locale_de = {
|
|
|
14541
14535
|
'error-list-message': 'Bitte korrigieren Sie folgende Fehler:',
|
|
14542
14536
|
version: 'Versionsnummer',
|
|
14543
14537
|
'table-visible-range': 'Einträge {{start}} bis {{end}} von {{total}}',
|
|
14538
|
+
dropdown: 'Auswahlliste',
|
|
14539
|
+
'nav-label-open': 'Untermenü zu {{label}} öffnen',
|
|
14540
|
+
'nav-label-close': 'Untermenü zu {{label}} schließen',
|
|
14544
14541
|
};
|
|
14545
14542
|
|
|
14546
14543
|
var locale_en = {
|
|
@@ -14582,21 +14579,80 @@ var locale_en = {
|
|
|
14582
14579
|
'error-list-message': 'Please correct the following errors',
|
|
14583
14580
|
version: 'Version number',
|
|
14584
14581
|
'table-visible-range': 'Entries {{start}} to {{end}} of {{total}}',
|
|
14582
|
+
dropdown: 'Dropdown',
|
|
14583
|
+
'nav-label-open': 'Submenu for {{label}} open',
|
|
14584
|
+
'nav-label-close': 'Submenu for {{label}} close',
|
|
14585
14585
|
};
|
|
14586
14586
|
|
|
14587
14587
|
const mapLocaleKeys = (locale) => Object.keys(locale).reduce((a, c) => ((a[`${'kol'}-${c}`] = locale[c]), a), {});
|
|
14588
|
-
const
|
|
14588
|
+
const TRANSLATIONS = new Set([
|
|
14589
14589
|
(t) => t('en', mapLocaleKeys(locale_en)),
|
|
14590
14590
|
(t) => t('de', mapLocaleKeys(locale_de)),
|
|
14591
14591
|
]);
|
|
14592
|
-
|
|
14593
|
-
|
|
14594
|
-
|
|
14595
|
-
|
|
14596
|
-
|
|
14597
|
-
|
|
14592
|
+
const replaceAll = function (text, search, replacement) {
|
|
14593
|
+
return text.split(search).join(replacement);
|
|
14594
|
+
};
|
|
14595
|
+
class I18nService {
|
|
14596
|
+
constructor(initialLanguage) {
|
|
14597
|
+
this.resourceMap = new Map();
|
|
14598
|
+
this.language = initialLanguage !== null && initialLanguage !== void 0 ? initialLanguage : 'de';
|
|
14599
|
+
}
|
|
14600
|
+
addTranslations(translations) {
|
|
14601
|
+
if (Array.isArray(translations)) {
|
|
14602
|
+
translations = new Set(translations);
|
|
14603
|
+
}
|
|
14604
|
+
else if (typeof translations === 'function') {
|
|
14605
|
+
translations = new Set([translations]);
|
|
14606
|
+
}
|
|
14607
|
+
if (translations !== undefined) {
|
|
14608
|
+
translations.forEach((t) => t((l, t) => {
|
|
14609
|
+
let resources = this.resourceMap.get(l);
|
|
14610
|
+
if (!resources) {
|
|
14611
|
+
resources = new Map();
|
|
14612
|
+
this.resourceMap.set(l, resources);
|
|
14613
|
+
}
|
|
14614
|
+
Object.entries(t).forEach(([k, v]) => {
|
|
14615
|
+
if (v) {
|
|
14616
|
+
resources.set(k, v);
|
|
14617
|
+
}
|
|
14618
|
+
});
|
|
14619
|
+
return l;
|
|
14620
|
+
}));
|
|
14621
|
+
}
|
|
14622
|
+
}
|
|
14623
|
+
setLanguage(lng) {
|
|
14624
|
+
this.language = lng;
|
|
14625
|
+
}
|
|
14626
|
+
translate(key, options) {
|
|
14627
|
+
var _a;
|
|
14628
|
+
let result = (_a = this.resourceMap.get(this.language)) === null || _a === void 0 ? void 0 : _a.get(key);
|
|
14629
|
+
if (result) {
|
|
14630
|
+
if (options === null || options === void 0 ? void 0 : options.placeholders) {
|
|
14631
|
+
Object.entries(options.placeholders).forEach(([k, v]) => {
|
|
14632
|
+
result = replaceAll(result, `{{${k}}}`, v);
|
|
14633
|
+
});
|
|
14634
|
+
}
|
|
14635
|
+
}
|
|
14636
|
+
else {
|
|
14637
|
+
result = key;
|
|
14638
|
+
}
|
|
14639
|
+
return result;
|
|
14598
14640
|
}
|
|
14599
|
-
|
|
14641
|
+
}
|
|
14642
|
+
let i18n;
|
|
14643
|
+
const getI18nInstance = () => {
|
|
14644
|
+
return i18n;
|
|
14645
|
+
};
|
|
14646
|
+
const initializeI18n = (lng, translations = TRANSLATIONS) => {
|
|
14647
|
+
i18n = new I18nService(lng);
|
|
14648
|
+
i18n.addTranslations(translations);
|
|
14649
|
+
return i18n;
|
|
14650
|
+
};
|
|
14651
|
+
|
|
14652
|
+
let translate = (key, options) => {
|
|
14653
|
+
var _a;
|
|
14654
|
+
const i18n = (_a = getI18nInstance()) !== null && _a !== void 0 ? _a : initializeI18n('de');
|
|
14655
|
+
return i18n.translate(key, options);
|
|
14600
14656
|
};
|
|
14601
14657
|
if (processEnv === 'test') {
|
|
14602
14658
|
translate = (key) => key;
|
|
@@ -14730,8 +14786,8 @@ class KolAlertWc {
|
|
|
14730
14786
|
}; }
|
|
14731
14787
|
}
|
|
14732
14788
|
|
|
14733
|
-
const defaultStyleCss$
|
|
14734
|
-
var KolAvatarDefaultStyle0 = defaultStyleCss$
|
|
14789
|
+
const defaultStyleCss$K = "@layer kol-global {\n .sc-kol-avatar-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-avatar-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-avatar-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .sc-kol-avatar-default-h {\n display: block;\n }\n}\n@layer kol-component {\n .sc-kol-avatar-default-h {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .container {\n border-radius: 50%;\n overflow: hidden;\n \n outline: transparent solid 1px;\n \n width: 100px;\n height: 100px;\n }\n .image {\n width: 100%;\n height: 100%;\n }\n .initials {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n \n background: #d3d3d3;\n font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n }\n}";
|
|
14790
|
+
var KolAvatarDefaultStyle0 = defaultStyleCss$K;
|
|
14735
14791
|
|
|
14736
14792
|
class KolAvatar {
|
|
14737
14793
|
constructor(hostRef) {
|
|
@@ -14817,8 +14873,8 @@ class KolAvatarWc {
|
|
|
14817
14873
|
}; }
|
|
14818
14874
|
}
|
|
14819
14875
|
|
|
14820
|
-
const defaultStyleCss$
|
|
14821
|
-
var KolBadgeDefaultStyle0 = defaultStyleCss$
|
|
14876
|
+
const defaultStyleCss$J = "@layer kol-global {\n .sc-kol-badge-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-badge-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-badge-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n \n .sc-kol-badge-default-h > span {\n display: inline-flex;\n place-items: center;\n \n outline: transparent solid 1px;\n }\n .sc-kol-badge-default-h > span > .kol-button-wc button {\n color: inherit;\n }\n}";
|
|
14877
|
+
var KolBadgeDefaultStyle0 = defaultStyleCss$J;
|
|
14822
14878
|
|
|
14823
14879
|
featureHint(`[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).`);
|
|
14824
14880
|
class KolBadge {
|
|
@@ -14918,8 +14974,8 @@ const watchNavLinks = (className, component, value) => {
|
|
|
14918
14974
|
uiUxHintMillerscheZahl(className, component.state._links.length);
|
|
14919
14975
|
};
|
|
14920
14976
|
|
|
14921
|
-
const defaultStyleCss$
|
|
14922
|
-
var KolBreadcrumbDefaultStyle0 = defaultStyleCss$
|
|
14977
|
+
const defaultStyleCss$I = "@layer kol-global {\n .sc-kol-breadcrumb-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-breadcrumb-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-breadcrumb-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .sc-kol-breadcrumb-default-h {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n li,\n ul {\n margin: 0;\n padding: 0;\n list-style: none;\n display: flex;\n gap: 0.5em;\n flex-wrap: wrap;\n place-items: center;\n }\n .kol-icon::part(separator) {\n font-weight: 900;\n font-size: 0.7em;\n }\n .kol-icon::part(separator):before {\n content: \"\\f054\";\n font-family: \"Font Awesome 6 Free\";\n }\n}";
|
|
14978
|
+
var KolBreadcrumbDefaultStyle0 = defaultStyleCss$I;
|
|
14923
14979
|
|
|
14924
14980
|
class KolBreadcrumb {
|
|
14925
14981
|
constructor(hostRef) {
|
|
@@ -14979,8 +15035,8 @@ class KolBreadcrumb {
|
|
|
14979
15035
|
}; }
|
|
14980
15036
|
}
|
|
14981
15037
|
|
|
14982
|
-
const defaultStyleCss$
|
|
14983
|
-
var KolButtonDefaultStyle0 = defaultStyleCss$
|
|
15038
|
+
const defaultStyleCss$H = "@charset \"UTF-8\";\n\n@layer kol-global {\n .sc-kol-button-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-button-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-button-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .sc-kol-button-default-h {\n font-style: calc(16rem / var(--kolibri-root-font-size, 16));\n display: inline-block;\n }\n :is(a, button) {\n display: inline-flex;\n place-items: center;\n text-align: center;\n text-decoration-line: none;\n }\n :is(a, button)::before {\n \n content: \"\";\n }\n \n :is(a, button) > .kol-span-wc {\n margin: auto;\n width: 100%;\n }\n}";
|
|
15039
|
+
var KolButtonDefaultStyle0 = defaultStyleCss$H;
|
|
14984
15040
|
|
|
14985
15041
|
class KolButton {
|
|
14986
15042
|
constructor(hostRef) {
|
|
@@ -15053,8 +15109,8 @@ class KolButton {
|
|
|
15053
15109
|
}; }
|
|
15054
15110
|
}
|
|
15055
15111
|
|
|
15056
|
-
const defaultStyleCss$
|
|
15057
|
-
var KolButtonGroupDefaultStyle0 = defaultStyleCss$
|
|
15112
|
+
const defaultStyleCss$G = "@layer kol-global {\n .sc-kol-button-group-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-button-group-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-button-group-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .sc-kol-button-group-default-h {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .sc-kol-button-group-default-h > .kol-button-group-wc {\n display: flex;\n flex-wrap: wrap;\n }\n}";
|
|
15113
|
+
var KolButtonGroupDefaultStyle0 = defaultStyleCss$G;
|
|
15058
15114
|
|
|
15059
15115
|
class KolButtonGroup {
|
|
15060
15116
|
constructor(hostRef) {
|
|
@@ -15096,8 +15152,8 @@ class KolButtonGroupWc {
|
|
|
15096
15152
|
}; }
|
|
15097
15153
|
}
|
|
15098
15154
|
|
|
15099
|
-
const defaultStyleCss$
|
|
15100
|
-
var KolButtonLinkDefaultStyle0 = defaultStyleCss$
|
|
15155
|
+
const defaultStyleCss$F = "@layer kol-global {\n .sc-kol-button-link-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-button-link-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-button-link-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .sc-kol-button-link-default-h {\n display: inline-block;\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n :is(a, button) {\n align-items: baseline;\n display: inline-flex;\n place-items: center;\n text-align: left;\n text-decoration-line: underline;\n }\n a:is(:focus, :hover):not([aria-disabled]),\n button:is(:focus, :hover):not([disabled]) {\n text-decoration-thickness: 0.2em;\n }\n .skip {\n left: -99999px;\n overflow: hidden;\n position: absolute;\n z-index: 9999999;\n line-height: 1em;\n }\n .skip:focus {\n background-color: #fff;\n left: unset;\n padding: 1em;\n position: unset;\n }\n .kol-icon.external-link-icon {\n display: inline-flex;\n }\n}";
|
|
15156
|
+
var KolButtonLinkDefaultStyle0 = defaultStyleCss$F;
|
|
15101
15157
|
|
|
15102
15158
|
class KolButtonLink {
|
|
15103
15159
|
constructor(hostRef) {
|
|
@@ -15381,6 +15437,13 @@ class AssociatedInputController {
|
|
|
15381
15437
|
});
|
|
15382
15438
|
}
|
|
15383
15439
|
break;
|
|
15440
|
+
case 'radio':
|
|
15441
|
+
if (typeof strValue === 'string') {
|
|
15442
|
+
associatedElement.setAttribute('value', strValue);
|
|
15443
|
+
associatedElement.setAttribute('checked', '');
|
|
15444
|
+
associatedElement.value = strValue;
|
|
15445
|
+
}
|
|
15446
|
+
break;
|
|
15384
15447
|
default:
|
|
15385
15448
|
if (typeof strValue === 'string') {
|
|
15386
15449
|
associatedElement.setAttribute('value', strValue);
|
|
@@ -15622,8 +15685,8 @@ class KolButtonWc {
|
|
|
15622
15685
|
}; }
|
|
15623
15686
|
}
|
|
15624
15687
|
|
|
15625
|
-
const defaultStyleCss$
|
|
15626
|
-
var KolCardDefaultStyle0 = defaultStyleCss$
|
|
15688
|
+
const defaultStyleCss$E = "@layer kol-global {\n .sc-kol-card-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-card-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-card-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .sc-kol-card-default-h {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .sc-kol-card-default-h > div.card {\n height: 100%;\n position: relative;\n \n outline: transparent solid 1px;\n }\n .close {\n position: absolute;\n top: 0;\n right: 0;\n }\n}";
|
|
15689
|
+
var KolCardDefaultStyle0 = defaultStyleCss$E;
|
|
15627
15690
|
|
|
15628
15691
|
class KolCard {
|
|
15629
15692
|
constructor(hostRef) {
|
|
@@ -15702,500 +15765,872 @@ class KolCard {
|
|
|
15702
15765
|
}; }
|
|
15703
15766
|
}
|
|
15704
15767
|
|
|
15705
|
-
class
|
|
15706
|
-
constructor(
|
|
15707
|
-
|
|
15708
|
-
this.
|
|
15709
|
-
this.contentElement = contentElement;
|
|
15710
|
-
this.isClosing = false;
|
|
15711
|
-
this.isExpanding = false;
|
|
15712
|
-
this.summaryElement.addEventListener('click', this.handleSummaryClick.bind(this));
|
|
15768
|
+
class ControlledInputController extends AssociatedInputController {
|
|
15769
|
+
constructor(component, name, host) {
|
|
15770
|
+
super(component, name, host);
|
|
15771
|
+
this.component = component;
|
|
15713
15772
|
}
|
|
15714
|
-
|
|
15715
|
-
|
|
15716
|
-
if (this.isClosing || !this.detailsElement.open) {
|
|
15717
|
-
this.open();
|
|
15718
|
-
}
|
|
15719
|
-
else if (this.isExpanding || this.detailsElement.open) {
|
|
15720
|
-
this.collapse();
|
|
15721
|
-
}
|
|
15773
|
+
validateAlert(value) {
|
|
15774
|
+
watchBoolean(this.component, '_alert', value);
|
|
15722
15775
|
}
|
|
15723
|
-
|
|
15724
|
-
this.
|
|
15725
|
-
window.requestAnimationFrame(this.expand.bind(this));
|
|
15776
|
+
validateTouched(value) {
|
|
15777
|
+
validateTouched(this.component, value);
|
|
15726
15778
|
}
|
|
15727
|
-
|
|
15728
|
-
|
|
15729
|
-
this.
|
|
15779
|
+
componentWillLoad() {
|
|
15780
|
+
super.componentWillLoad();
|
|
15781
|
+
this.validateAlert(this.component._alert);
|
|
15782
|
+
this.validateTouched(this.component._touched);
|
|
15730
15783
|
}
|
|
15731
|
-
|
|
15732
|
-
|
|
15733
|
-
|
|
15784
|
+
}
|
|
15785
|
+
|
|
15786
|
+
class InputController extends ControlledInputController {
|
|
15787
|
+
constructor(component, name, host) {
|
|
15788
|
+
super(component, name, host);
|
|
15789
|
+
this.valueChangeListeners = [];
|
|
15790
|
+
this.onFacade = {
|
|
15791
|
+
onBlur: this.onBlur.bind(this),
|
|
15792
|
+
onChange: this.onChange.bind(this),
|
|
15793
|
+
onClick: this.onClick.bind(this),
|
|
15794
|
+
onFocus: this.onFocus.bind(this),
|
|
15795
|
+
onInput: this.onInput.bind(this),
|
|
15796
|
+
};
|
|
15797
|
+
this.component = component;
|
|
15734
15798
|
}
|
|
15735
|
-
|
|
15736
|
-
|
|
15737
|
-
|
|
15738
|
-
|
|
15739
|
-
|
|
15740
|
-
|
|
15741
|
-
|
|
15742
|
-
|
|
15743
|
-
|
|
15799
|
+
validateAccessKey(value) {
|
|
15800
|
+
watchString(this.component, '_accessKey', value);
|
|
15801
|
+
}
|
|
15802
|
+
validateAdjustHeight(value) {
|
|
15803
|
+
validateAdjustHeight(this.component, value);
|
|
15804
|
+
}
|
|
15805
|
+
validateDisabled(value) {
|
|
15806
|
+
watchBoolean(this.component, '_disabled', value);
|
|
15807
|
+
if (value === true) {
|
|
15808
|
+
a11yHintDisabled();
|
|
15744
15809
|
}
|
|
15745
|
-
this.animation = this.contentElement.animate({
|
|
15746
|
-
height: [`${startHeight}px`, `${endHeight}px`],
|
|
15747
|
-
}, {
|
|
15748
|
-
duration: matchMedia('(prefers-reduced-motion)').matches ? 0 : 250,
|
|
15749
|
-
easing: 'ease-out',
|
|
15750
|
-
});
|
|
15751
|
-
this.animation.addEventListener('finish', () => {
|
|
15752
|
-
this.onAnimationFinish();
|
|
15753
|
-
}, { once: true });
|
|
15754
|
-
this.animation.addEventListener('cancel', () => {
|
|
15755
|
-
if (direction === 'expand') {
|
|
15756
|
-
this.isExpanding = false;
|
|
15757
|
-
}
|
|
15758
|
-
else {
|
|
15759
|
-
this.isClosing = false;
|
|
15760
|
-
}
|
|
15761
|
-
}, { once: true });
|
|
15762
15810
|
}
|
|
15763
|
-
|
|
15764
|
-
this.
|
|
15765
|
-
this.animation = undefined;
|
|
15766
|
-
this.isClosing = false;
|
|
15767
|
-
this.isExpanding = false;
|
|
15811
|
+
validateTooltipAlign(value) {
|
|
15812
|
+
validateTooltipAlign(this.component, value);
|
|
15768
15813
|
}
|
|
15769
|
-
|
|
15770
|
-
|
|
15771
|
-
|
|
15772
|
-
|
|
15773
|
-
|
|
15774
|
-
class KolDetails {
|
|
15775
|
-
constructor(hostRef) {
|
|
15776
|
-
registerInstance(this, hostRef);
|
|
15777
|
-
this.catchDetails = (ref) => {
|
|
15778
|
-
this.detailsElement = ref;
|
|
15779
|
-
};
|
|
15780
|
-
this.catchSummary = (ref) => {
|
|
15781
|
-
this.summaryElement = ref;
|
|
15782
|
-
propagateFocus(this.host, this.summaryElement);
|
|
15783
|
-
};
|
|
15784
|
-
this.preventToggleIfDisabled = (event) => {
|
|
15785
|
-
if (this.state._disabled === true) {
|
|
15786
|
-
preventDefaultAndStopPropagation(event);
|
|
15814
|
+
validateError(value) {
|
|
15815
|
+
const message = value
|
|
15816
|
+
? {
|
|
15817
|
+
_description: value,
|
|
15818
|
+
_type: 'error',
|
|
15787
15819
|
}
|
|
15788
|
-
|
|
15789
|
-
this.
|
|
15790
|
-
|
|
15791
|
-
|
|
15792
|
-
|
|
15793
|
-
|
|
15794
|
-
|
|
15795
|
-
|
|
15796
|
-
|
|
15797
|
-
if (typeof ((_c = this.state._on) === null || _c === void 0 ? void 0 : _c.onToggle) === 'function') {
|
|
15798
|
-
(_d = this.state._on) === null || _d === void 0 ? void 0 : _d.onToggle(event, this._open);
|
|
15820
|
+
: undefined;
|
|
15821
|
+
this.validateMsg(message);
|
|
15822
|
+
}
|
|
15823
|
+
validateHideError(value) {
|
|
15824
|
+
validateHideError(this.component, value, {
|
|
15825
|
+
hooks: {
|
|
15826
|
+
afterPatch: () => {
|
|
15827
|
+
if (this.component.state._hideError) {
|
|
15828
|
+
a11yHint('Property hide-error for inputs: Only use when the error message is shown outside of the input component.');
|
|
15799
15829
|
}
|
|
15800
|
-
}
|
|
15801
|
-
},
|
|
15802
|
-
};
|
|
15803
|
-
this._disabled = false;
|
|
15804
|
-
this._label = undefined;
|
|
15805
|
-
this._on = undefined;
|
|
15806
|
-
this._open = false;
|
|
15807
|
-
this.state = {
|
|
15808
|
-
_label: '',
|
|
15809
|
-
_on: {},
|
|
15810
|
-
};
|
|
15830
|
+
},
|
|
15831
|
+
},
|
|
15832
|
+
});
|
|
15811
15833
|
}
|
|
15812
|
-
|
|
15813
|
-
|
|
15814
|
-
|
|
15815
|
-
|
|
15816
|
-
|
|
15834
|
+
validateHideLabel(value) {
|
|
15835
|
+
validateHideLabel(this.component, value, {
|
|
15836
|
+
hooks: {
|
|
15837
|
+
afterPatch: () => {
|
|
15838
|
+
if (this.component.state._hideLabel) {
|
|
15839
|
+
a11yHint('Property hide-label for inputs: Only use for exceptions like search inputs that are clearly identifiable by their context.');
|
|
15840
|
+
}
|
|
15841
|
+
},
|
|
15842
|
+
},
|
|
15843
|
+
});
|
|
15817
15844
|
}
|
|
15818
|
-
|
|
15819
|
-
|
|
15845
|
+
validateHint(value) {
|
|
15846
|
+
watchString(this.component, '_hint', value);
|
|
15820
15847
|
}
|
|
15821
|
-
|
|
15822
|
-
|
|
15823
|
-
|
|
15848
|
+
validateId(value) {
|
|
15849
|
+
watchString(this.component, '_id', value, {
|
|
15850
|
+
hooks: {
|
|
15851
|
+
afterPatch: () => {
|
|
15852
|
+
this.setAttribute('id', this.formAssociated, this.component.state._id);
|
|
15853
|
+
},
|
|
15854
|
+
},
|
|
15855
|
+
minLength: 1,
|
|
15824
15856
|
});
|
|
15825
|
-
|
|
15826
|
-
|
|
15827
|
-
if (typeof on === 'object' && on !== null && typeof on.onToggle === 'function') {
|
|
15828
|
-
setState(this, '_on', on);
|
|
15857
|
+
if (value === '' || typeof value === 'undefined') {
|
|
15858
|
+
devHint(`Eine eindeutige ID an den Eingabefeldern ist nicht zwingend erforderlich, könnte aber für die E2E-Tests relevant sein.`);
|
|
15829
15859
|
}
|
|
15830
15860
|
}
|
|
15831
|
-
|
|
15832
|
-
|
|
15861
|
+
validateLabel(value) {
|
|
15862
|
+
validateLabelWithExpertSlot(this.component, value, {
|
|
15863
|
+
required: true,
|
|
15864
|
+
});
|
|
15833
15865
|
}
|
|
15834
|
-
|
|
15835
|
-
|
|
15836
|
-
this.validateLabel(this._label);
|
|
15837
|
-
this.validateOn(this._on);
|
|
15838
|
-
this.validateOpen(this._open);
|
|
15866
|
+
validateMsg(value) {
|
|
15867
|
+
validateMsg(this.component, value);
|
|
15839
15868
|
}
|
|
15840
|
-
|
|
15841
|
-
if (
|
|
15842
|
-
|
|
15843
|
-
if (this.state._open) {
|
|
15844
|
-
animationController.open();
|
|
15845
|
-
}
|
|
15869
|
+
validateOn(value) {
|
|
15870
|
+
if (typeof value === 'object') {
|
|
15871
|
+
setState(this.component, '_on', value);
|
|
15846
15872
|
}
|
|
15847
15873
|
}
|
|
15848
|
-
|
|
15849
|
-
|
|
15850
|
-
|
|
15851
|
-
|
|
15852
|
-
"_on": ["validateOn"],
|
|
15853
|
-
"_open": ["validateOpen"]
|
|
15854
|
-
}; }
|
|
15855
|
-
static get style() { return {
|
|
15856
|
-
default: KolDetailsDefaultStyle0
|
|
15857
|
-
}; }
|
|
15858
|
-
static get cmpMeta() { return {
|
|
15859
|
-
"$flags$": 41,
|
|
15860
|
-
"$tagName$": "kol-details",
|
|
15861
|
-
"$members$": {
|
|
15862
|
-
"_disabled": [4],
|
|
15863
|
-
"_label": [1],
|
|
15864
|
-
"_on": [16],
|
|
15865
|
-
"_open": [1540],
|
|
15866
|
-
"state": [32]
|
|
15867
|
-
},
|
|
15868
|
-
"$listeners$": undefined,
|
|
15869
|
-
"$lazyBundleId$": "-",
|
|
15870
|
-
"$attrsToReflect$": [["_open", "_open"]]
|
|
15871
|
-
}; }
|
|
15872
|
-
}
|
|
15873
|
-
|
|
15874
|
-
class KolForm {
|
|
15875
|
-
constructor(hostRef) {
|
|
15876
|
-
registerInstance(this, hostRef);
|
|
15877
|
-
this.onSubmit = (event) => {
|
|
15878
|
-
var _a, _b;
|
|
15879
|
-
event.preventDefault();
|
|
15880
|
-
event.stopPropagation();
|
|
15881
|
-
if (typeof ((_a = this.state._on) === null || _a === void 0 ? void 0 : _a.onSubmit) === 'function') {
|
|
15882
|
-
(_b = this.state._on) === null || _b === void 0 ? void 0 : _b.onSubmit(event);
|
|
15883
|
-
}
|
|
15884
|
-
};
|
|
15885
|
-
this.onReset = (event) => {
|
|
15886
|
-
var _a, _b;
|
|
15887
|
-
event.preventDefault();
|
|
15888
|
-
event.stopPropagation();
|
|
15889
|
-
if (typeof ((_a = this.state._on) === null || _a === void 0 ? void 0 : _a.onReset) === 'function') {
|
|
15890
|
-
(_b = this.state._on) === null || _b === void 0 ? void 0 : _b.onReset(event);
|
|
15874
|
+
validateSmartButton(value) {
|
|
15875
|
+
objectObjectHandler(value, () => {
|
|
15876
|
+
try {
|
|
15877
|
+
value = parseJson(value);
|
|
15891
15878
|
}
|
|
15892
|
-
|
|
15893
|
-
this.handleLinkClick = (event) => {
|
|
15894
|
-
var _a;
|
|
15895
|
-
const href = (_a = event.target) === null || _a === void 0 ? void 0 : _a.href;
|
|
15896
|
-
if (href) {
|
|
15897
|
-
const hrefUrl = new URL(href);
|
|
15898
|
-
const targetElement = document.querySelector(hrefUrl.hash);
|
|
15899
|
-
if (targetElement && typeof targetElement.focus === 'function') {
|
|
15900
|
-
targetElement.scrollIntoView({ behavior: 'smooth' });
|
|
15901
|
-
targetElement.focus();
|
|
15902
|
-
}
|
|
15879
|
+
catch (e) {
|
|
15903
15880
|
}
|
|
15904
|
-
|
|
15905
|
-
|
|
15906
|
-
this._requiredText = true;
|
|
15907
|
-
this._errorList = undefined;
|
|
15908
|
-
this.state = {};
|
|
15881
|
+
setState(this.component, '_smartButton', value);
|
|
15882
|
+
});
|
|
15909
15883
|
}
|
|
15910
|
-
|
|
15911
|
-
|
|
15912
|
-
if (index === 0)
|
|
15913
|
-
this.errorListElement = el;
|
|
15914
|
-
} })))))))), hAsync("form", { key: '9076849c5f027e66ca37da072ac15271b19ae464', method: "post", onSubmit: this.onSubmit, onReset: this.onReset, autoComplete: "off", noValidate: true }, this.state._requiredText === true ? (hAsync("p", null, hAsync(KolIndentedTextTag, null, translate('kol-form-description')))) : typeof this.state._requiredText === 'string' && this.state._requiredText.length > 0 ? (hAsync("p", null, hAsync(KolIndentedTextTag, null, this.state._requiredText))) : null, hAsync("slot", { key: 'c94ae6cfb941c2a73196cb77361fb74bcaff9d0f' }))));
|
|
15884
|
+
validateTabIndex(value) {
|
|
15885
|
+
validateTabIndex(this.component, value);
|
|
15915
15886
|
}
|
|
15916
|
-
|
|
15917
|
-
|
|
15918
|
-
|
|
15919
|
-
|
|
15920
|
-
|
|
15921
|
-
|
|
15922
|
-
|
|
15923
|
-
|
|
15887
|
+
componentWillLoad() {
|
|
15888
|
+
super.componentWillLoad();
|
|
15889
|
+
this.validateAccessKey(this.component._accessKey);
|
|
15890
|
+
this.validateAdjustHeight(this.component._adjustHeight);
|
|
15891
|
+
this.validateError(this.component._error);
|
|
15892
|
+
this.validateMsg(this.component._msg);
|
|
15893
|
+
this.validateDisabled(this.component._disabled);
|
|
15894
|
+
this.validateHideError(this.component._hideError);
|
|
15895
|
+
this.validateHideLabel(this.component._hideLabel);
|
|
15896
|
+
this.validateHint(this.component._hint);
|
|
15897
|
+
this.validateId(this.component._id);
|
|
15898
|
+
this.validateLabel(this.component._label);
|
|
15899
|
+
this.validateSmartButton(this.component._smartButton);
|
|
15900
|
+
this.validateOn(this.component._on);
|
|
15901
|
+
this.validateTabIndex(this.component._tabIndex);
|
|
15924
15902
|
}
|
|
15925
|
-
|
|
15926
|
-
|
|
15927
|
-
|
|
15903
|
+
onBlur(event) {
|
|
15904
|
+
var _a;
|
|
15905
|
+
this.component._alert = true;
|
|
15906
|
+
this.component._touched = true;
|
|
15907
|
+
stopPropagation(event);
|
|
15908
|
+
tryToDispatchKoliBriEvent('blur', this.host);
|
|
15909
|
+
if (typeof ((_a = this.component._on) === null || _a === void 0 ? void 0 : _a.onBlur) === 'function') {
|
|
15910
|
+
this.component._on.onBlur(event);
|
|
15928
15911
|
}
|
|
15929
15912
|
}
|
|
15930
|
-
|
|
15931
|
-
|
|
15932
|
-
|
|
15913
|
+
onChange(event, value) {
|
|
15914
|
+
var _a;
|
|
15915
|
+
value = value !== null && value !== void 0 ? value : event.target.value;
|
|
15916
|
+
tryToDispatchKoliBriEvent('change', this.host, value);
|
|
15917
|
+
if (typeof ((_a = this.component._on) === null || _a === void 0 ? void 0 : _a.onChange) === 'function') {
|
|
15918
|
+
this.component._on.onChange(event, value);
|
|
15933
15919
|
}
|
|
15934
|
-
|
|
15935
|
-
|
|
15920
|
+
this.valueChangeListeners.forEach((listener) => listener(value));
|
|
15921
|
+
}
|
|
15922
|
+
onInput(event, shouldSetFormAssociatedValue = true, value) {
|
|
15923
|
+
var _a;
|
|
15924
|
+
value = value !== null && value !== void 0 ? value : event.target.value;
|
|
15925
|
+
stopPropagation(event);
|
|
15926
|
+
tryToDispatchKoliBriEvent('input', this.host, value);
|
|
15927
|
+
if (shouldSetFormAssociatedValue) {
|
|
15928
|
+
this.setFormAssociatedValue(value);
|
|
15929
|
+
}
|
|
15930
|
+
if (typeof ((_a = this.component._on) === null || _a === void 0 ? void 0 : _a.onInput) === 'function') {
|
|
15931
|
+
this.component._on.onInput(event, value);
|
|
15936
15932
|
}
|
|
15937
15933
|
}
|
|
15938
|
-
|
|
15939
|
-
|
|
15934
|
+
onClick(event) {
|
|
15935
|
+
var _a;
|
|
15936
|
+
stopPropagation(event);
|
|
15937
|
+
tryToDispatchKoliBriEvent('click', this.host);
|
|
15938
|
+
if (typeof ((_a = this.component._on) === null || _a === void 0 ? void 0 : _a.onClick) === 'function') {
|
|
15939
|
+
this.component._on.onClick(event);
|
|
15940
|
+
}
|
|
15940
15941
|
}
|
|
15941
|
-
|
|
15942
|
-
|
|
15943
|
-
this.
|
|
15944
|
-
|
|
15942
|
+
onFocus(event) {
|
|
15943
|
+
var _a;
|
|
15944
|
+
this.component._alert = true;
|
|
15945
|
+
stopPropagation(event);
|
|
15946
|
+
tryToDispatchKoliBriEvent('focus', this.host);
|
|
15947
|
+
if (typeof ((_a = this.component._on) === null || _a === void 0 ? void 0 : _a.onFocus) === 'function') {
|
|
15948
|
+
this.component._on.onFocus(event);
|
|
15949
|
+
}
|
|
15950
|
+
}
|
|
15951
|
+
addValueChangeListener(listener) {
|
|
15952
|
+
this.valueChangeListeners.push(listener);
|
|
15945
15953
|
}
|
|
15946
|
-
static get watchers() { return {
|
|
15947
|
-
"_on": ["validateOn"],
|
|
15948
|
-
"_requiredText": ["validateRequiredText"],
|
|
15949
|
-
"_errorList": ["validateErrorList"]
|
|
15950
|
-
}; }
|
|
15951
|
-
static get cmpMeta() { return {
|
|
15952
|
-
"$flags$": 9,
|
|
15953
|
-
"$tagName$": "kol-form",
|
|
15954
|
-
"$members$": {
|
|
15955
|
-
"_on": [16],
|
|
15956
|
-
"_requiredText": [8, "_required-text"],
|
|
15957
|
-
"_errorList": [16],
|
|
15958
|
-
"state": [32],
|
|
15959
|
-
"focusErrorList": [64]
|
|
15960
|
-
},
|
|
15961
|
-
"$listeners$": undefined,
|
|
15962
|
-
"$lazyBundleId$": "-",
|
|
15963
|
-
"$attrsToReflect$": []
|
|
15964
|
-
}; }
|
|
15965
15954
|
}
|
|
15966
15955
|
|
|
15967
|
-
const
|
|
15968
|
-
|
|
15956
|
+
const beforePatchIcons = (value, nextState) => {
|
|
15957
|
+
const icons = value;
|
|
15958
|
+
if (typeof icons === 'object' && icons !== null) {
|
|
15959
|
+
if (isString$2(icons.right, 1)) {
|
|
15960
|
+
icons.right = { icon: icons.right };
|
|
15961
|
+
}
|
|
15962
|
+
if (isString$2(icons.left, 1)) {
|
|
15963
|
+
icons.left = { icon: icons.left };
|
|
15964
|
+
}
|
|
15965
|
+
nextState.set('_icons', icons);
|
|
15966
|
+
}
|
|
15967
|
+
};
|
|
15968
|
+
class InputIconController extends InputController {
|
|
15969
|
+
constructor(component, name, host) {
|
|
15970
|
+
super(component, name, host);
|
|
15971
|
+
this.component = component;
|
|
15972
|
+
}
|
|
15973
|
+
validateIcon(value) {
|
|
15974
|
+
this.validateIcons(value);
|
|
15975
|
+
}
|
|
15976
|
+
validateIcons(value) {
|
|
15977
|
+
objectObjectHandler(value, () => {
|
|
15978
|
+
try {
|
|
15979
|
+
value = parseJson(value);
|
|
15980
|
+
}
|
|
15981
|
+
catch (e) {
|
|
15982
|
+
}
|
|
15983
|
+
watchValidator(this.component, '_icons', (value) => {
|
|
15984
|
+
return (typeof value === 'object' && value !== null && (isString$2(value.left, 1) || isIcon(value.left) || isString$2(value.right, 1) || isIcon(value.right)));
|
|
15985
|
+
}, new Set(['KoliBriHorizontalIcon']), value, {
|
|
15986
|
+
hooks: {
|
|
15987
|
+
beforePatch: beforePatchIcons,
|
|
15988
|
+
},
|
|
15989
|
+
required: true,
|
|
15990
|
+
});
|
|
15991
|
+
});
|
|
15992
|
+
}
|
|
15993
|
+
componentWillLoad() {
|
|
15994
|
+
super.componentWillLoad();
|
|
15995
|
+
this.validateIcons(this.component._icons || this.component._icon);
|
|
15996
|
+
}
|
|
15997
|
+
}
|
|
15969
15998
|
|
|
15970
|
-
class
|
|
15999
|
+
class ComboboxController extends InputIconController {
|
|
16000
|
+
constructor(component, name, host) {
|
|
16001
|
+
super(component, name, host);
|
|
16002
|
+
this.component = component;
|
|
16003
|
+
}
|
|
16004
|
+
validateSuggestions(value) {
|
|
16005
|
+
validateSuggestions(this.component, value);
|
|
16006
|
+
}
|
|
16007
|
+
validateRequired(value) {
|
|
16008
|
+
watchBoolean(this.component, '_required', value);
|
|
16009
|
+
}
|
|
16010
|
+
validateValue(value) {
|
|
16011
|
+
watchString(this.component, '_value', value);
|
|
16012
|
+
}
|
|
16013
|
+
validateMsg(value) {
|
|
16014
|
+
validateMsg(this.component, value);
|
|
16015
|
+
}
|
|
16016
|
+
validatePlaceholder(value) {
|
|
16017
|
+
watchString(this.component, '_placeholder', value);
|
|
16018
|
+
}
|
|
16019
|
+
componentWillLoad() {
|
|
16020
|
+
super.componentWillLoad();
|
|
16021
|
+
this.validateSuggestions(this.component._suggestions);
|
|
16022
|
+
this.validateRequired(this.component._required);
|
|
16023
|
+
this.validateValue(this.component._value);
|
|
16024
|
+
this.validatePlaceholder(this.component._placeholder);
|
|
16025
|
+
}
|
|
16026
|
+
}
|
|
16027
|
+
|
|
16028
|
+
const InternalUnderlinedAccessKey = ({ accessKey, label }) => {
|
|
16029
|
+
let [first, ...rest] = label.split(accessKey);
|
|
16030
|
+
if (rest.length === 0) {
|
|
16031
|
+
accessKey = accessKey.toUpperCase();
|
|
16032
|
+
[first, ...rest] = label.split(accessKey);
|
|
16033
|
+
}
|
|
16034
|
+
if (rest.length === 0) {
|
|
16035
|
+
accessKey = accessKey.toLowerCase();
|
|
16036
|
+
[first, ...rest] = label.split(accessKey);
|
|
16037
|
+
}
|
|
16038
|
+
return (hAsync(Fragment, null,
|
|
16039
|
+
first,
|
|
16040
|
+
rest.length ? (hAsync(Fragment, null,
|
|
16041
|
+
hAsync("u", null, accessKey),
|
|
16042
|
+
rest.join(accessKey))) : null));
|
|
16043
|
+
};
|
|
16044
|
+
|
|
16045
|
+
const getRenderStates = (state) => {
|
|
16046
|
+
var _a, _b;
|
|
16047
|
+
const isMessageValidError = Boolean(((_a = state._msg) === null || _a === void 0 ? void 0 : _a._type) === 'error' && state._msg._description && ((_b = state._msg._description) === null || _b === void 0 ? void 0 : _b.length) > 0);
|
|
16048
|
+
const hasError = isMessageValidError && state._touched === true;
|
|
16049
|
+
const hasHint = typeof state._hint === 'string' && state._hint.length > 0;
|
|
16050
|
+
const ariaDescribedBy = [];
|
|
16051
|
+
if (hasError === true) {
|
|
16052
|
+
ariaDescribedBy.push(`${state._id}-error`);
|
|
16053
|
+
}
|
|
16054
|
+
if (hasHint === true) {
|
|
16055
|
+
ariaDescribedBy.push(`${state._id}-hint`);
|
|
16056
|
+
}
|
|
16057
|
+
return { hasError, hasHint, ariaDescribedBy };
|
|
16058
|
+
};
|
|
16059
|
+
|
|
16060
|
+
const defaultStyleCss$D = "@layer kol-global {\n .sc-kol-combobox-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-combobox-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-combobox-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .required label > span::after,\n .required legend > span::after {\n content: \"*\";\n }\n}\n@layer kol-component {\n .sc-kol-combobox-default-h {\n display: block;\n }\n}\n@layer kol-component {\n input,\n textarea {\n cursor: text;\n }\n input[type=checkbox],\n input[type=color],\n input[type=file],\n input[type=radio],\n input[type=range],\n label,\n option,\n select {\n cursor: pointer;\n }\n \n \n \n input[type=color],\n input[type=date],\n input[type=datetime-local],\n input[type=email],\n input[type=file],\n input[type=month],\n input[type=number],\n input[type=password],\n input[type=search],\n input[type=tel],\n input[type=text],\n input[type=time],\n input[type=url],\n input[type=week],\n select,\n select[multiple] option,\n textarea {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n width: 100%;\n }\n \n input[type=file] {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 10) 0.5em;\n }\n \n select[multiple] option {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 2) 0.5em;\n }\n}\n@layer kol-component {\n .kol-input {\n display: grid;\n }\n .kol-input .input-slot {\n flex-grow: 1;\n }\n input:not([type=checkbox], [type=radio]),\n select:not([multiple], [size]) {\n height: 2.75em;\n }\n input:focus,\n option:focus,\n select:focus,\n textarea:focus {\n outline: 0;\n }\n .input {\n display: flex;\n align-items: center;\n }\n .input > .kol-icon {\n display: grid;\n height: var(--a11y-min-size);\n place-items: center;\n }\n .kol-input.required .input-tooltip .span-label::after {\n content: \"*\";\n }\n}\n@layer kol-component {\n .sc-kol-combobox-default-h {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .combobox {\n position: relative;\n }\n .combobox.disabled, .combobox.disabled * {\n cursor: not-allowed !important;\n }\n .combobox.disabled {\n opacity: 0.5;\n outline: none;\n }\n .combobox__group {\n display: inline-flex;\n align-items: center;\n cursor: pointer;\n }\n .combobox__input {\n flex-grow: 1;\n }\n .combobox__listbox {\n display: block;\n position: absolute;\n list-style-type: none;\n margin: 0;\n padding: 0;\n overflow-y: auto;\n overflow-x: hidden;\n z-index: 2;\n background-color: white;\n max-height: calc(250rem / var(--kolibri-root-font-size, 16));\n }\n}";
|
|
16061
|
+
var KolComboboxDefaultStyle0 = defaultStyleCss$D;
|
|
16062
|
+
|
|
16063
|
+
class KolCombobox {
|
|
16064
|
+
async getValue() {
|
|
16065
|
+
return this._value;
|
|
16066
|
+
}
|
|
16067
|
+
selectOption(option) {
|
|
16068
|
+
this.state._value = option;
|
|
16069
|
+
}
|
|
16070
|
+
onInput(event) {
|
|
16071
|
+
const target = event.target;
|
|
16072
|
+
this._value = target.value;
|
|
16073
|
+
this.setFilteredSuggestionsByQuery(target.value);
|
|
16074
|
+
}
|
|
16075
|
+
handleKeyDownDropdown(event) {
|
|
16076
|
+
if (event.key.length === 1 && /[a-z0-9]/i.test(event.key)) {
|
|
16077
|
+
this._isOpen = true;
|
|
16078
|
+
this.focusSuggestionStartingWith(event.key);
|
|
16079
|
+
}
|
|
16080
|
+
}
|
|
16081
|
+
setFilteredSuggestionsByQuery(query) {
|
|
16082
|
+
if (query.trim() === '') {
|
|
16083
|
+
this._filteredSuggestions = [...this._suggestions];
|
|
16084
|
+
}
|
|
16085
|
+
else {
|
|
16086
|
+
this._filteredSuggestions = this._suggestions.filter((option) => {
|
|
16087
|
+
return option.toLowerCase().includes(query.toLowerCase());
|
|
16088
|
+
});
|
|
16089
|
+
this._isOpen = this._filteredSuggestions && this._filteredSuggestions.length > 0;
|
|
16090
|
+
}
|
|
16091
|
+
}
|
|
16092
|
+
moveFocus(delta) {
|
|
16093
|
+
if (!this._filteredSuggestions) {
|
|
16094
|
+
return;
|
|
16095
|
+
}
|
|
16096
|
+
let index = 0;
|
|
16097
|
+
if (delta < this._filteredSuggestions.length) {
|
|
16098
|
+
const optionLength = this._filteredSuggestions.length;
|
|
16099
|
+
index = (this._focusedOptionIndex + delta + optionLength) % optionLength;
|
|
16100
|
+
if (index < 0) {
|
|
16101
|
+
index = optionLength - 1;
|
|
16102
|
+
}
|
|
16103
|
+
}
|
|
16104
|
+
this._focusedOptionIndex = index;
|
|
16105
|
+
this.focusOption(this._focusedOptionIndex);
|
|
16106
|
+
}
|
|
16107
|
+
focusOption(index) {
|
|
16108
|
+
if (this.refSuggestions) {
|
|
16109
|
+
const optionElement = this.refSuggestions[index];
|
|
16110
|
+
optionElement === null || optionElement === void 0 ? void 0 : optionElement.focus();
|
|
16111
|
+
this._value = optionElement.textContent || '';
|
|
16112
|
+
}
|
|
16113
|
+
}
|
|
16114
|
+
focusSuggestionStartingWith(char) {
|
|
16115
|
+
const charLowerCase = char.toLowerCase();
|
|
16116
|
+
const index = Array.isArray(this._filteredSuggestions) &&
|
|
16117
|
+
this._filteredSuggestions.length > 0 &&
|
|
16118
|
+
this._filteredSuggestions.findIndex((option) => option.toLowerCase().startsWith(charLowerCase));
|
|
16119
|
+
if (typeof index === 'number') {
|
|
16120
|
+
this._focusedOptionIndex = index;
|
|
16121
|
+
this.focusOption(index);
|
|
16122
|
+
}
|
|
16123
|
+
}
|
|
16124
|
+
render() {
|
|
16125
|
+
const hasExpertSlot = showExpertSlot(this.state._label);
|
|
16126
|
+
const { ariaDescribedBy } = getRenderStates(this.state);
|
|
16127
|
+
return (hAsync(Host, { key: 'b06222c5157aa94fffafef8ed196ed9d03842a9c', class: "kol-combobox" }, hAsync("div", { key: '95faff2b5d9bbdea5afc3a4b0a55ed6bd5281f2e', class: `combobox ${this.state._disabled === true ? 'disabled' : ''} ` }, hAsync(KolInputTag, { key: 'be3d822db14a63d4cc40f90890fc5a0d6a620d75', _accessKey: this.state._accessKey, _disabled: this.state._disabled, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _msg: this.state._msg, _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(); }, role: `presentation` }, hAsync("span", { key: 'c40af5f876194c26f062e59d59f63b7a6504fbfb', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' ? (hAsync(Fragment, 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", { key: 'a62ed8e1fda6deb45b131c4d7cefe355862b33ba', slot: "input" }, hAsync("div", { key: 'cc68f643cb76e769d1e674927344f8ac52f05605', class: "combobox__group" }, hAsync("input", Object.assign({ key: '9fa2a8f4792636b9f077c66078a86ae992bdb83c', class: "combobox__input", type: "text", role: "combobox", "aria-autocomplete": "both", "aria-expanded": this._isOpen ? 'true' : 'false', "aria-controls": "listbox", value: this.state._value, 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, name: this.state._name, required: this.state._required, spellcheck: "false" }, this.controller.onFacade, { onInput: this.onInput.bind(this), onClick: this.toggleListbox.bind(this), onChange: this.onChange.bind(this), placeholder: this.state._placeholder })), hAsync("span", { key: 'fdc82bd656d69f8def961add8d610f0a7070fbbc', class: { combobox__icon: true } }, hAsync(KolIconTag, { key: '513deaa21cc38486072a451deaf0cc92099eae38', _icons: "codicon codicon-triangle-down", _label: translate('kol-dropdown'), onClick: this.toggleListbox.bind(this) }))), this._isOpen && !(this.state._disabled === true) && (hAsync("ul", { key: 'f6936b832c901a4b0d46544f1a7ed4786f59eb9d', role: "listbox", "aria-label": "", class: { combobox__listbox: true }, onKeyDown: this.handleKeyDownDropdown.bind(this) }, Array.isArray(this._filteredSuggestions) &&
|
|
16128
|
+
this._filteredSuggestions.length > 0 &&
|
|
16129
|
+
this._filteredSuggestions.map((option, index) => (hAsync("li", { key: `-${index}`, ref: (el) => {
|
|
16130
|
+
if (el)
|
|
16131
|
+
this.refSuggestions[index] = el;
|
|
16132
|
+
}, "data-index": index, tabIndex: 0, role: "option", "aria-selected": this.state._value === option, onClick: () => {
|
|
16133
|
+
this.selectOption(option);
|
|
16134
|
+
this.toggleListbox();
|
|
16135
|
+
}, class: "combobox__item", onKeyDown: (e) => {
|
|
16136
|
+
if (e.key === 'Enter' || e.key === 'NumpadEnter') {
|
|
16137
|
+
this.selectOption(option);
|
|
16138
|
+
e.preventDefault();
|
|
16139
|
+
}
|
|
16140
|
+
} }, option))))))))));
|
|
16141
|
+
}
|
|
16142
|
+
handleKeyDown(event) {
|
|
16143
|
+
const handleEvent = (isOpen, callback) => {
|
|
16144
|
+
event.preventDefault();
|
|
16145
|
+
if (isOpen !== undefined) {
|
|
16146
|
+
this._isOpen = isOpen;
|
|
16147
|
+
}
|
|
16148
|
+
callback === null || callback === void 0 ? void 0 : callback();
|
|
16149
|
+
};
|
|
16150
|
+
switch (event.key) {
|
|
16151
|
+
case 'Down':
|
|
16152
|
+
case 'ArrowDown': {
|
|
16153
|
+
handleEvent(true, () => this.moveFocus(1));
|
|
16154
|
+
break;
|
|
16155
|
+
}
|
|
16156
|
+
case 'Up':
|
|
16157
|
+
case 'ArrowUp': {
|
|
16158
|
+
handleEvent(true, () => this.moveFocus(-1));
|
|
16159
|
+
break;
|
|
16160
|
+
}
|
|
16161
|
+
case 'Esc':
|
|
16162
|
+
case 'Escape': {
|
|
16163
|
+
handleEvent(false);
|
|
16164
|
+
break;
|
|
16165
|
+
}
|
|
16166
|
+
case 'NumpadEnter':
|
|
16167
|
+
case 'Enter': {
|
|
16168
|
+
this.toggleListbox();
|
|
16169
|
+
break;
|
|
16170
|
+
}
|
|
16171
|
+
case 'Home': {
|
|
16172
|
+
handleEvent(undefined, () => {
|
|
16173
|
+
if (this._isOpen) {
|
|
16174
|
+
this._focusedOptionIndex = 0;
|
|
16175
|
+
this.focusOption(this._focusedOptionIndex);
|
|
16176
|
+
}
|
|
16177
|
+
});
|
|
16178
|
+
break;
|
|
16179
|
+
}
|
|
16180
|
+
case 'End': {
|
|
16181
|
+
handleEvent(undefined, () => {
|
|
16182
|
+
if (this._isOpen) {
|
|
16183
|
+
this._focusedOptionIndex = this._filteredSuggestions ? this._filteredSuggestions.length - 1 : 0;
|
|
16184
|
+
this.focusOption(this._focusedOptionIndex);
|
|
16185
|
+
}
|
|
16186
|
+
});
|
|
16187
|
+
break;
|
|
16188
|
+
}
|
|
16189
|
+
case 'PageUp': {
|
|
16190
|
+
handleEvent(undefined, () => this._isOpen && this.moveFocus(10));
|
|
16191
|
+
break;
|
|
16192
|
+
}
|
|
16193
|
+
case 'PageDown': {
|
|
16194
|
+
handleEvent(undefined, () => this._isOpen && this.moveFocus(-10));
|
|
16195
|
+
break;
|
|
16196
|
+
}
|
|
16197
|
+
}
|
|
16198
|
+
}
|
|
16199
|
+
handleWindowClick(event) {
|
|
16200
|
+
if (this.host != undefined && !this.host.contains(event.target)) {
|
|
16201
|
+
this._isOpen = false;
|
|
16202
|
+
}
|
|
16203
|
+
}
|
|
15971
16204
|
constructor(hostRef) {
|
|
15972
16205
|
registerInstance(this, hostRef);
|
|
16206
|
+
this.refSuggestions = [];
|
|
16207
|
+
this.toggleListbox = () => {
|
|
16208
|
+
this._isOpen = this.state._disabled === true ? false : !this._isOpen;
|
|
16209
|
+
};
|
|
16210
|
+
this._focusedOptionIndex = -1;
|
|
16211
|
+
this._isOpen = false;
|
|
16212
|
+
this._filteredSuggestions = undefined;
|
|
16213
|
+
this._accessKey = undefined;
|
|
16214
|
+
this._placeholder = undefined;
|
|
16215
|
+
this._alert = true;
|
|
16216
|
+
this._disabled = false;
|
|
16217
|
+
this._hideError = false;
|
|
16218
|
+
this._hideLabel = false;
|
|
16219
|
+
this._hint = '';
|
|
16220
|
+
this._icons = undefined;
|
|
16221
|
+
this._id = undefined;
|
|
15973
16222
|
this._label = undefined;
|
|
15974
|
-
this.
|
|
15975
|
-
this.
|
|
15976
|
-
this.
|
|
16223
|
+
this._msg = undefined;
|
|
16224
|
+
this._name = undefined;
|
|
16225
|
+
this._on = undefined;
|
|
16226
|
+
this._suggestions = undefined;
|
|
16227
|
+
this._required = false;
|
|
16228
|
+
this._syncValueBySelector = undefined;
|
|
16229
|
+
this._tabIndex = undefined;
|
|
16230
|
+
this._tooltipAlign = 'top';
|
|
16231
|
+
this._touched = false;
|
|
16232
|
+
this._value = undefined;
|
|
16233
|
+
this.state = {
|
|
16234
|
+
_hasValue: false,
|
|
16235
|
+
_hideError: false,
|
|
16236
|
+
_id: `id-${nonce()}`,
|
|
16237
|
+
_label: '',
|
|
16238
|
+
_suggestions: [],
|
|
16239
|
+
_value: '',
|
|
16240
|
+
};
|
|
16241
|
+
this.controller = new ComboboxController(this, 'select', this.host);
|
|
16242
|
+
this.onInput = this.onInput.bind(this);
|
|
15977
16243
|
}
|
|
15978
|
-
|
|
15979
|
-
|
|
16244
|
+
validatePlaceholder(value) {
|
|
16245
|
+
this.controller.validatePlaceholder(value);
|
|
16246
|
+
}
|
|
16247
|
+
validateAccessKey(value) {
|
|
16248
|
+
this.controller.validateAccessKey(value);
|
|
16249
|
+
}
|
|
16250
|
+
validateAlert(value) {
|
|
16251
|
+
this.controller.validateAlert(value);
|
|
16252
|
+
}
|
|
16253
|
+
validateDisabled(value) {
|
|
16254
|
+
this.controller.validateDisabled(value);
|
|
15980
16255
|
}
|
|
16256
|
+
validateHideError(value) {
|
|
16257
|
+
this.controller.validateHideError(value);
|
|
16258
|
+
}
|
|
16259
|
+
validateHideLabel(value) {
|
|
16260
|
+
this.controller.validateHideLabel(value);
|
|
16261
|
+
}
|
|
16262
|
+
validateHint(value) {
|
|
16263
|
+
this.controller.validateHint(value);
|
|
16264
|
+
}
|
|
16265
|
+
validateIcons(value) {
|
|
16266
|
+
this.controller.validateIcons(value);
|
|
16267
|
+
}
|
|
16268
|
+
validateId(value) {
|
|
16269
|
+
this.controller.validateId(value);
|
|
16270
|
+
}
|
|
16271
|
+
validateLabel(value) {
|
|
16272
|
+
this.controller.validateLabel(value);
|
|
16273
|
+
}
|
|
16274
|
+
validateMsg(value) {
|
|
16275
|
+
this.controller.validateMsg(value);
|
|
16276
|
+
}
|
|
16277
|
+
validateName(value) {
|
|
16278
|
+
this.controller.validateName(value);
|
|
16279
|
+
}
|
|
16280
|
+
validateOn(value) {
|
|
16281
|
+
this.controller.validateOn(value);
|
|
16282
|
+
}
|
|
16283
|
+
validateSuggestions(value) {
|
|
16284
|
+
this.controller.validateSuggestions(value);
|
|
16285
|
+
}
|
|
16286
|
+
validateRequired(value) {
|
|
16287
|
+
this.controller.validateRequired(value);
|
|
16288
|
+
}
|
|
16289
|
+
validateSyncValueBySelector(value) {
|
|
16290
|
+
this.controller.validateSyncValueBySelector(value);
|
|
16291
|
+
}
|
|
16292
|
+
validateTabIndex(value) {
|
|
16293
|
+
this.controller.validateTabIndex(value);
|
|
16294
|
+
}
|
|
16295
|
+
validateTouched(value) {
|
|
16296
|
+
this.controller.validateTouched(value);
|
|
16297
|
+
}
|
|
16298
|
+
validateValue(value) {
|
|
16299
|
+
this.controller.validateValue(value);
|
|
16300
|
+
}
|
|
16301
|
+
componentWillLoad() {
|
|
16302
|
+
this.refSuggestions = [];
|
|
16303
|
+
this._alert = this._alert === true;
|
|
16304
|
+
this._touched = this._touched === true;
|
|
16305
|
+
this.controller.componentWillLoad();
|
|
16306
|
+
this.state._hasValue = !!this.state._value;
|
|
16307
|
+
this.controller.addValueChangeListener((v) => (this.state._hasValue = !!v));
|
|
16308
|
+
this._filteredSuggestions = this.state._suggestions;
|
|
16309
|
+
}
|
|
16310
|
+
onChange(event) {
|
|
16311
|
+
var _a;
|
|
16312
|
+
stopPropagation(event);
|
|
16313
|
+
tryToDispatchKoliBriEvent('change', this.host, this._value);
|
|
16314
|
+
this.controller.setFormAssociatedValue(this._value);
|
|
16315
|
+
if (typeof ((_a = this.state._on) === null || _a === void 0 ? void 0 : _a.onChange) === 'function') {
|
|
16316
|
+
this.state._on.onChange(event, this._value);
|
|
16317
|
+
}
|
|
16318
|
+
}
|
|
16319
|
+
get host() { return getElement(this); }
|
|
16320
|
+
static get watchers() { return {
|
|
16321
|
+
"_placeholder": ["validatePlaceholder"],
|
|
16322
|
+
"_accessKey": ["validateAccessKey"],
|
|
16323
|
+
"_alert": ["validateAlert"],
|
|
16324
|
+
"_disabled": ["validateDisabled"],
|
|
16325
|
+
"_hideError": ["validateHideError"],
|
|
16326
|
+
"_hideLabel": ["validateHideLabel"],
|
|
16327
|
+
"_hint": ["validateHint"],
|
|
16328
|
+
"_icons": ["validateIcons"],
|
|
16329
|
+
"_id": ["validateId"],
|
|
16330
|
+
"_label": ["validateLabel"],
|
|
16331
|
+
"_msg": ["validateMsg"],
|
|
16332
|
+
"_name": ["validateName"],
|
|
16333
|
+
"_on": ["validateOn"],
|
|
16334
|
+
"_suggestions": ["validateSuggestions"],
|
|
16335
|
+
"_required": ["validateRequired"],
|
|
16336
|
+
"_syncValueBySelector": ["validateSyncValueBySelector"],
|
|
16337
|
+
"_tabIndex": ["validateTabIndex"],
|
|
16338
|
+
"_touched": ["validateTouched"],
|
|
16339
|
+
"_value": ["validateValue"]
|
|
16340
|
+
}; }
|
|
15981
16341
|
static get style() { return {
|
|
15982
|
-
default:
|
|
16342
|
+
default: KolComboboxDefaultStyle0
|
|
15983
16343
|
}; }
|
|
15984
16344
|
static get cmpMeta() { return {
|
|
15985
16345
|
"$flags$": 41,
|
|
15986
|
-
"$tagName$": "kol-
|
|
16346
|
+
"$tagName$": "kol-combobox",
|
|
15987
16347
|
"$members$": {
|
|
16348
|
+
"_accessKey": [1, "_access-key"],
|
|
16349
|
+
"_placeholder": [1],
|
|
16350
|
+
"_alert": [1540],
|
|
16351
|
+
"_disabled": [4],
|
|
16352
|
+
"_hideError": [1540, "_hide-error"],
|
|
16353
|
+
"_hideLabel": [4, "_hide-label"],
|
|
16354
|
+
"_hint": [1],
|
|
16355
|
+
"_icons": [1],
|
|
16356
|
+
"_id": [1],
|
|
15988
16357
|
"_label": [1],
|
|
15989
|
-
"
|
|
15990
|
-
"
|
|
15991
|
-
"
|
|
16358
|
+
"_msg": [16],
|
|
16359
|
+
"_name": [1],
|
|
16360
|
+
"_on": [16],
|
|
16361
|
+
"_suggestions": [16],
|
|
16362
|
+
"_required": [4],
|
|
16363
|
+
"_syncValueBySelector": [1, "_sync-value-by-selector"],
|
|
16364
|
+
"_tabIndex": [2, "_tab-index"],
|
|
16365
|
+
"_tooltipAlign": [1, "_tooltip-align"],
|
|
16366
|
+
"_touched": [1540],
|
|
16367
|
+
"_value": [1025],
|
|
16368
|
+
"_isOpen": [32],
|
|
16369
|
+
"_filteredSuggestions": [32],
|
|
16370
|
+
"state": [32],
|
|
16371
|
+
"getValue": [64]
|
|
15992
16372
|
},
|
|
15993
|
-
"$listeners$":
|
|
16373
|
+
"$listeners$": [[0, "keydown", "handleKeyDown"], [8, "click", "handleWindowClick"]],
|
|
15994
16374
|
"$lazyBundleId$": "-",
|
|
15995
|
-
"$attrsToReflect$": []
|
|
16375
|
+
"$attrsToReflect$": [["_alert", "_alert"], ["_hideError", "_hide-error"], ["_touched", "_touched"]]
|
|
15996
16376
|
}; }
|
|
15997
16377
|
}
|
|
15998
16378
|
|
|
15999
|
-
class
|
|
16000
|
-
constructor(
|
|
16001
|
-
|
|
16002
|
-
this.
|
|
16003
|
-
|
|
16004
|
-
|
|
16005
|
-
|
|
16006
|
-
|
|
16007
|
-
headline: true,
|
|
16008
|
-
[`headline-${variant}`]: true,
|
|
16009
|
-
} }, headline, hAsync("slot", { name: "expert" })));
|
|
16010
|
-
};
|
|
16011
|
-
this.renderSecondaryHeadline = (headline, level) => {
|
|
16012
|
-
switch (level) {
|
|
16013
|
-
case 1:
|
|
16014
|
-
return hAsync("span", { class: "secondary-headline" }, headline);
|
|
16015
|
-
case 2:
|
|
16016
|
-
return hAsync("h2", { class: "secondary-headline" }, headline);
|
|
16017
|
-
case 3:
|
|
16018
|
-
return hAsync("h3", { class: "secondary-headline" }, headline);
|
|
16019
|
-
case 4:
|
|
16020
|
-
return hAsync("h4", { class: "secondary-headline" }, headline);
|
|
16021
|
-
case 5:
|
|
16022
|
-
return hAsync("h5", { class: "secondary-headline" }, headline);
|
|
16023
|
-
case 6:
|
|
16024
|
-
return hAsync("h6", { class: "secondary-headline" }, headline);
|
|
16025
|
-
default:
|
|
16026
|
-
return hAsync("strong", { class: "secondary-headline" }, headline);
|
|
16027
|
-
}
|
|
16028
|
-
};
|
|
16029
|
-
this._label = undefined;
|
|
16030
|
-
this._level = 1;
|
|
16031
|
-
this._secondaryHeadline = undefined;
|
|
16032
|
-
this._variant = undefined;
|
|
16033
|
-
this.state = {
|
|
16034
|
-
_label: '',
|
|
16035
|
-
_level: 1,
|
|
16036
|
-
};
|
|
16379
|
+
class DetailsAnimationController {
|
|
16380
|
+
constructor(detailsElement, summaryElement, contentElement) {
|
|
16381
|
+
this.detailsElement = detailsElement;
|
|
16382
|
+
this.summaryElement = summaryElement;
|
|
16383
|
+
this.contentElement = contentElement;
|
|
16384
|
+
this.isClosing = false;
|
|
16385
|
+
this.isExpanding = false;
|
|
16386
|
+
this.summaryElement.addEventListener('click', this.handleSummaryClick.bind(this));
|
|
16037
16387
|
}
|
|
16038
|
-
|
|
16039
|
-
|
|
16388
|
+
handleSummaryClick(event) {
|
|
16389
|
+
event.preventDefault();
|
|
16390
|
+
if (this.isClosing || !this.detailsElement.open) {
|
|
16391
|
+
this.open();
|
|
16392
|
+
}
|
|
16393
|
+
else if (this.isExpanding || this.detailsElement.open) {
|
|
16394
|
+
this.collapse();
|
|
16395
|
+
}
|
|
16040
16396
|
}
|
|
16041
|
-
|
|
16042
|
-
|
|
16397
|
+
open() {
|
|
16398
|
+
this.detailsElement.open = true;
|
|
16399
|
+
window.requestAnimationFrame(this.expand.bind(this));
|
|
16043
16400
|
}
|
|
16044
|
-
|
|
16045
|
-
|
|
16401
|
+
expand() {
|
|
16402
|
+
this.isExpanding = true;
|
|
16403
|
+
this.animateContentHeight('expand');
|
|
16046
16404
|
}
|
|
16047
|
-
|
|
16048
|
-
|
|
16405
|
+
collapse() {
|
|
16406
|
+
this.isClosing = true;
|
|
16407
|
+
this.animateContentHeight('collapse');
|
|
16049
16408
|
}
|
|
16050
|
-
|
|
16051
|
-
this.
|
|
16052
|
-
this.
|
|
16053
|
-
|
|
16054
|
-
|
|
16409
|
+
animateContentHeight(direction) {
|
|
16410
|
+
let startHeight = direction === 'expand' ? 0 : this.contentElement.offsetHeight;
|
|
16411
|
+
let endHeight = direction === 'expand' ? this.contentElement.offsetHeight : 0;
|
|
16412
|
+
if (this.animation) {
|
|
16413
|
+
startHeight = this.contentElement.offsetHeight;
|
|
16414
|
+
this.animation.cancel();
|
|
16415
|
+
if (direction === 'expand') {
|
|
16416
|
+
endHeight = this.contentElement.offsetHeight;
|
|
16417
|
+
}
|
|
16418
|
+
}
|
|
16419
|
+
this.animation = this.contentElement.animate({
|
|
16420
|
+
height: [`${startHeight}px`, `${endHeight}px`],
|
|
16421
|
+
}, {
|
|
16422
|
+
duration: matchMedia('(prefers-reduced-motion)').matches ? 0 : 250,
|
|
16423
|
+
easing: 'ease-out',
|
|
16424
|
+
});
|
|
16425
|
+
this.animation.addEventListener('finish', () => {
|
|
16426
|
+
this.onAnimationFinish();
|
|
16427
|
+
}, { once: true });
|
|
16428
|
+
this.animation.addEventListener('cancel', () => {
|
|
16429
|
+
if (direction === 'expand') {
|
|
16430
|
+
this.isExpanding = false;
|
|
16431
|
+
}
|
|
16432
|
+
else {
|
|
16433
|
+
this.isClosing = false;
|
|
16434
|
+
}
|
|
16435
|
+
}, { once: true });
|
|
16055
16436
|
}
|
|
16056
|
-
|
|
16057
|
-
|
|
16437
|
+
onAnimationFinish() {
|
|
16438
|
+
this.detailsElement.open = this.isExpanding;
|
|
16439
|
+
this.animation = undefined;
|
|
16440
|
+
this.isClosing = false;
|
|
16441
|
+
this.isExpanding = false;
|
|
16058
16442
|
}
|
|
16059
|
-
static get watchers() { return {
|
|
16060
|
-
"_label": ["validateLabel"],
|
|
16061
|
-
"_level": ["validateLevel"],
|
|
16062
|
-
"_secondaryHeadline": ["validateSecondaryHeadline"],
|
|
16063
|
-
"_variant": ["validateVariant"]
|
|
16064
|
-
}; }
|
|
16065
|
-
static get cmpMeta() { return {
|
|
16066
|
-
"$flags$": 4,
|
|
16067
|
-
"$tagName$": "kol-heading-wc",
|
|
16068
|
-
"$members$": {
|
|
16069
|
-
"_label": [1],
|
|
16070
|
-
"_level": [2],
|
|
16071
|
-
"_secondaryHeadline": [1, "_secondary-headline"],
|
|
16072
|
-
"_variant": [1],
|
|
16073
|
-
"state": [32]
|
|
16074
|
-
},
|
|
16075
|
-
"$listeners$": undefined,
|
|
16076
|
-
"$lazyBundleId$": "-",
|
|
16077
|
-
"$attrsToReflect$": []
|
|
16078
|
-
}; }
|
|
16079
16443
|
}
|
|
16080
16444
|
|
|
16081
|
-
const defaultStyleCss$z = "@font-face {\n font-family: \"codicon\";\n font-display: block;\n src: url(\"./codicon.ttf?0e5b0adf625a37fbcd638d31f0fe72aa\") format(\"truetype\");\n}\n/*!@.codicon[class*=codicon-]*/.codicon[class*=codicon-].sc-kol-icon-default {\n font: normal normal normal 16px/1 codicon;\n display: inline-block;\n text-decoration: none;\n text-rendering: auto;\n text-align: center;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n}\n\n\n@keyframes codicon-spin {\n 100% {\n transform: rotate(360deg);\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 \n animation: codicon-spin 1.5s steps(30) infinite;\n}\n\n/*!@.codicon-modifier-disabled*/.codicon-modifier-disabled.sc-kol-icon-default {\n opacity: 0.5;\n}\n\n/*!@.codicon-modifier-hidden*/.codicon-modifier-hidden.sc-kol-icon-default {\n opacity: 0;\n}\n\n\n/*!@.codicon-loading*/.codicon-loading.sc-kol-icon-default {\n animation-duration: 1s !important;\n animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67) !important;\n}\n\n\n/*!@.codicon-add:before*/.codicon-add.sc-kol-icon-default:before {\n content: \"\\ea60\";\n}\n\n/*!@.codicon-plus:before*/.codicon-plus.sc-kol-icon-default:before {\n content: \"\\ea60\";\n}\n\n/*!@.codicon-gist-new:before*/.codicon-gist-new.sc-kol-icon-default:before {\n content: \"\\ea60\";\n}\n\n/*!@.codicon-repo-create:before*/.codicon-repo-create.sc-kol-icon-default:before {\n content: \"\\ea60\";\n}\n\n/*!@.codicon-lightbulb:before*/.codicon-lightbulb.sc-kol-icon-default:before {\n content: \"\\ea61\";\n}\n\n/*!@.codicon-light-bulb:before*/.codicon-light-bulb.sc-kol-icon-default:before {\n content: \"\\ea61\";\n}\n\n/*!@.codicon-repo:before*/.codicon-repo.sc-kol-icon-default:before {\n content: \"\\ea62\";\n}\n\n/*!@.codicon-repo-delete:before*/.codicon-repo-delete.sc-kol-icon-default:before {\n content: \"\\ea62\";\n}\n\n/*!@.codicon-gist-fork:before*/.codicon-gist-fork.sc-kol-icon-default:before {\n content: \"\\ea63\";\n}\n\n/*!@.codicon-repo-forked:before*/.codicon-repo-forked.sc-kol-icon-default:before {\n content: \"\\ea63\";\n}\n\n/*!@.codicon-git-pull-request:before*/.codicon-git-pull-request.sc-kol-icon-default:before {\n content: \"\\ea64\";\n}\n\n/*!@.codicon-git-pull-request-abandoned:before*/.codicon-git-pull-request-abandoned.sc-kol-icon-default:before {\n content: \"\\ea64\";\n}\n\n/*!@.codicon-record-keys:before*/.codicon-record-keys.sc-kol-icon-default:before {\n content: \"\\ea65\";\n}\n\n/*!@.codicon-keyboard:before*/.codicon-keyboard.sc-kol-icon-default:before {\n content: \"\\ea65\";\n}\n\n/*!@.codicon-tag:before*/.codicon-tag.sc-kol-icon-default:before {\n content: \"\\ea66\";\n}\n\n/*!@.codicon-tag-add:before*/.codicon-tag-add.sc-kol-icon-default:before {\n content: \"\\ea66\";\n}\n\n/*!@.codicon-tag-remove:before*/.codicon-tag-remove.sc-kol-icon-default:before {\n content: \"\\ea66\";\n}\n\n/*!@.codicon-person:before*/.codicon-person.sc-kol-icon-default:before {\n content: \"\\ea67\";\n}\n\n/*!@.codicon-person-follow:before*/.codicon-person-follow.sc-kol-icon-default:before {\n content: \"\\ea67\";\n}\n\n/*!@.codicon-person-outline:before*/.codicon-person-outline.sc-kol-icon-default:before {\n content: \"\\ea67\";\n}\n\n/*!@.codicon-person-filled:before*/.codicon-person-filled.sc-kol-icon-default:before {\n content: \"\\ea67\";\n}\n\n/*!@.codicon-git-branch:before*/.codicon-git-branch.sc-kol-icon-default:before {\n content: \"\\ea68\";\n}\n\n/*!@.codicon-git-branch-create:before*/.codicon-git-branch-create.sc-kol-icon-default:before {\n content: \"\\ea68\";\n}\n\n/*!@.codicon-git-branch-delete:before*/.codicon-git-branch-delete.sc-kol-icon-default:before {\n content: \"\\ea68\";\n}\n\n/*!@.codicon-source-control:before*/.codicon-source-control.sc-kol-icon-default:before {\n content: \"\\ea68\";\n}\n\n/*!@.codicon-mirror:before*/.codicon-mirror.sc-kol-icon-default:before {\n content: \"\\ea69\";\n}\n\n/*!@.codicon-mirror-public:before*/.codicon-mirror-public.sc-kol-icon-default:before {\n content: \"\\ea69\";\n}\n\n/*!@.codicon-star:before*/.codicon-star.sc-kol-icon-default:before {\n content: \"\\ea6a\";\n}\n\n/*!@.codicon-star-add:before*/.codicon-star-add.sc-kol-icon-default:before {\n content: \"\\ea6a\";\n}\n\n/*!@.codicon-star-delete:before*/.codicon-star-delete.sc-kol-icon-default:before {\n content: \"\\ea6a\";\n}\n\n/*!@.codicon-star-empty:before*/.codicon-star-empty.sc-kol-icon-default:before {\n content: \"\\ea6a\";\n}\n\n/*!@.codicon-comment:before*/.codicon-comment.sc-kol-icon-default:before {\n content: \"\\ea6b\";\n}\n\n/*!@.codicon-comment-add:before*/.codicon-comment-add.sc-kol-icon-default:before {\n content: \"\\ea6b\";\n}\n\n/*!@.codicon-alert:before*/.codicon-alert.sc-kol-icon-default:before {\n content: \"\\ea6c\";\n}\n\n/*!@.codicon-warning:before*/.codicon-warning.sc-kol-icon-default:before {\n content: \"\\ea6c\";\n}\n\n/*!@.codicon-search:before*/.codicon-search.sc-kol-icon-default:before {\n content: \"\\ea6d\";\n}\n\n/*!@.codicon-search-save:before*/.codicon-search-save.sc-kol-icon-default:before {\n content: \"\\ea6d\";\n}\n\n/*!@.codicon-log-out:before*/.codicon-log-out.sc-kol-icon-default:before {\n content: \"\\ea6e\";\n}\n\n/*!@.codicon-sign-out:before*/.codicon-sign-out.sc-kol-icon-default:before {\n content: \"\\ea6e\";\n}\n\n/*!@.codicon-log-in:before*/.codicon-log-in.sc-kol-icon-default:before {\n content: \"\\ea6f\";\n}\n\n/*!@.codicon-sign-in:before*/.codicon-sign-in.sc-kol-icon-default:before {\n content: \"\\ea6f\";\n}\n\n/*!@.codicon-eye:before*/.codicon-eye.sc-kol-icon-default:before {\n content: \"\\ea70\";\n}\n\n/*!@.codicon-eye-unwatch:before*/.codicon-eye-unwatch.sc-kol-icon-default:before {\n content: \"\\ea70\";\n}\n\n/*!@.codicon-eye-watch:before*/.codicon-eye-watch.sc-kol-icon-default:before {\n content: \"\\ea70\";\n}\n\n/*!@.codicon-circle-filled:before*/.codicon-circle-filled.sc-kol-icon-default:before {\n content: \"\\ea71\";\n}\n\n/*!@.codicon-primitive-dot:before*/.codicon-primitive-dot.sc-kol-icon-default:before {\n content: \"\\ea71\";\n}\n\n/*!@.codicon-close-dirty:before*/.codicon-close-dirty.sc-kol-icon-default:before {\n content: \"\\ea71\";\n}\n\n/*!@.codicon-debug-breakpoint:before*/.codicon-debug-breakpoint.sc-kol-icon-default:before {\n content: \"\\ea71\";\n}\n\n/*!@.codicon-debug-breakpoint-disabled:before*/.codicon-debug-breakpoint-disabled.sc-kol-icon-default:before {\n content: \"\\ea71\";\n}\n\n/*!@.codicon-debug-hint:before*/.codicon-debug-hint.sc-kol-icon-default:before {\n content: \"\\ea71\";\n}\n\n/*!@.codicon-primitive-square:before*/.codicon-primitive-square.sc-kol-icon-default:before {\n content: \"\\ea72\";\n}\n\n/*!@.codicon-edit:before*/.codicon-edit.sc-kol-icon-default:before {\n content: \"\\ea73\";\n}\n\n/*!@.codicon-pencil:before*/.codicon-pencil.sc-kol-icon-default:before {\n content: \"\\ea73\";\n}\n\n/*!@.codicon-info:before*/.codicon-info.sc-kol-icon-default:before {\n content: \"\\ea74\";\n}\n\n/*!@.codicon-issue-opened:before*/.codicon-issue-opened.sc-kol-icon-default:before {\n content: \"\\ea74\";\n}\n\n/*!@.codicon-gist-private:before*/.codicon-gist-private.sc-kol-icon-default:before {\n content: \"\\ea75\";\n}\n\n/*!@.codicon-git-fork-private:before*/.codicon-git-fork-private.sc-kol-icon-default:before {\n content: \"\\ea75\";\n}\n\n/*!@.codicon-lock:before*/.codicon-lock.sc-kol-icon-default:before {\n content: \"\\ea75\";\n}\n\n/*!@.codicon-mirror-private:before*/.codicon-mirror-private.sc-kol-icon-default:before {\n content: \"\\ea75\";\n}\n\n/*!@.codicon-close:before*/.codicon-close.sc-kol-icon-default:before {\n content: \"\\ea76\";\n}\n\n/*!@.codicon-remove-close:before*/.codicon-remove-close.sc-kol-icon-default:before {\n content: \"\\ea76\";\n}\n\n/*!@.codicon-x:before*/.codicon-x.sc-kol-icon-default:before {\n content: \"\\ea76\";\n}\n\n/*!@.codicon-repo-sync:before*/.codicon-repo-sync.sc-kol-icon-default:before {\n content: \"\\ea77\";\n}\n\n/*!@.codicon-sync:before*/.codicon-sync.sc-kol-icon-default:before {\n content: \"\\ea77\";\n}\n\n/*!@.codicon-clone:before*/.codicon-clone.sc-kol-icon-default:before {\n content: \"\\ea78\";\n}\n\n/*!@.codicon-desktop-download:before*/.codicon-desktop-download.sc-kol-icon-default:before {\n content: \"\\ea78\";\n}\n\n/*!@.codicon-beaker:before*/.codicon-beaker.sc-kol-icon-default:before {\n content: \"\\ea79\";\n}\n\n/*!@.codicon-microscope:before*/.codicon-microscope.sc-kol-icon-default:before {\n content: \"\\ea79\";\n}\n\n/*!@.codicon-vm:before*/.codicon-vm.sc-kol-icon-default:before {\n content: \"\\ea7a\";\n}\n\n/*!@.codicon-device-desktop:before*/.codicon-device-desktop.sc-kol-icon-default:before {\n content: \"\\ea7a\";\n}\n\n/*!@.codicon-file:before*/.codicon-file.sc-kol-icon-default:before {\n content: \"\\ea7b\";\n}\n\n/*!@.codicon-file-text:before*/.codicon-file-text.sc-kol-icon-default:before {\n content: \"\\ea7b\";\n}\n\n/*!@.codicon-more:before*/.codicon-more.sc-kol-icon-default:before {\n content: \"\\ea7c\";\n}\n\n/*!@.codicon-ellipsis:before*/.codicon-ellipsis.sc-kol-icon-default:before {\n content: \"\\ea7c\";\n}\n\n/*!@.codicon-kebab-horizontal:before*/.codicon-kebab-horizontal.sc-kol-icon-default:before {\n content: \"\\ea7c\";\n}\n\n/*!@.codicon-mail-reply:before*/.codicon-mail-reply.sc-kol-icon-default:before {\n content: \"\\ea7d\";\n}\n\n/*!@.codicon-reply:before*/.codicon-reply.sc-kol-icon-default:before {\n content: \"\\ea7d\";\n}\n\n/*!@.codicon-organization:before*/.codicon-organization.sc-kol-icon-default:before {\n content: \"\\ea7e\";\n}\n\n/*!@.codicon-organization-filled:before*/.codicon-organization-filled.sc-kol-icon-default:before {\n content: \"\\ea7e\";\n}\n\n/*!@.codicon-organization-outline:before*/.codicon-organization-outline.sc-kol-icon-default:before {\n content: \"\\ea7e\";\n}\n\n/*!@.codicon-new-file:before*/.codicon-new-file.sc-kol-icon-default:before {\n content: \"\\ea7f\";\n}\n\n/*!@.codicon-file-add:before*/.codicon-file-add.sc-kol-icon-default:before {\n content: \"\\ea7f\";\n}\n\n/*!@.codicon-new-folder:before*/.codicon-new-folder.sc-kol-icon-default:before {\n content: \"\\ea80\";\n}\n\n/*!@.codicon-file-directory-create:before*/.codicon-file-directory-create.sc-kol-icon-default:before {\n content: \"\\ea80\";\n}\n\n/*!@.codicon-trash:before*/.codicon-trash.sc-kol-icon-default:before {\n content: \"\\ea81\";\n}\n\n/*!@.codicon-trashcan:before*/.codicon-trashcan.sc-kol-icon-default:before {\n content: \"\\ea81\";\n}\n\n/*!@.codicon-history:before*/.codicon-history.sc-kol-icon-default:before {\n content: \"\\ea82\";\n}\n\n/*!@.codicon-clock:before*/.codicon-clock.sc-kol-icon-default:before {\n content: \"\\ea82\";\n}\n\n/*!@.codicon-folder:before*/.codicon-folder.sc-kol-icon-default:before {\n content: \"\\ea83\";\n}\n\n/*!@.codicon-file-directory:before*/.codicon-file-directory.sc-kol-icon-default:before {\n content: \"\\ea83\";\n}\n\n/*!@.codicon-symbol-folder:before*/.codicon-symbol-folder.sc-kol-icon-default:before {\n content: \"\\ea83\";\n}\n\n/*!@.codicon-logo-github:before*/.codicon-logo-github.sc-kol-icon-default:before {\n content: \"\\ea84\";\n}\n\n/*!@.codicon-mark-github:before*/.codicon-mark-github.sc-kol-icon-default:before {\n content: \"\\ea84\";\n}\n\n/*!@.codicon-github:before*/.codicon-github.sc-kol-icon-default:before {\n content: \"\\ea84\";\n}\n\n/*!@.codicon-terminal:before*/.codicon-terminal.sc-kol-icon-default:before {\n content: \"\\ea85\";\n}\n\n/*!@.codicon-console:before*/.codicon-console.sc-kol-icon-default:before {\n content: \"\\ea85\";\n}\n\n/*!@.codicon-repl:before*/.codicon-repl.sc-kol-icon-default:before {\n content: \"\\ea85\";\n}\n\n/*!@.codicon-zap:before*/.codicon-zap.sc-kol-icon-default:before {\n content: \"\\ea86\";\n}\n\n/*!@.codicon-symbol-event:before*/.codicon-symbol-event.sc-kol-icon-default:before {\n content: \"\\ea86\";\n}\n\n/*!@.codicon-error:before*/.codicon-error.sc-kol-icon-default:before {\n content: \"\\ea87\";\n}\n\n/*!@.codicon-stop:before*/.codicon-stop.sc-kol-icon-default:before {\n content: \"\\ea87\";\n}\n\n/*!@.codicon-variable:before*/.codicon-variable.sc-kol-icon-default:before {\n content: \"\\ea88\";\n}\n\n/*!@.codicon-symbol-variable:before*/.codicon-symbol-variable.sc-kol-icon-default:before {\n content: \"\\ea88\";\n}\n\n/*!@.codicon-array:before*/.codicon-array.sc-kol-icon-default:before {\n content: \"\\ea8a\";\n}\n\n/*!@.codicon-symbol-array:before*/.codicon-symbol-array.sc-kol-icon-default:before {\n content: \"\\ea8a\";\n}\n\n/*!@.codicon-symbol-module:before*/.codicon-symbol-module.sc-kol-icon-default:before {\n content: \"\\ea8b\";\n}\n\n/*!@.codicon-symbol-package:before*/.codicon-symbol-package.sc-kol-icon-default:before {\n content: \"\\ea8b\";\n}\n\n/*!@.codicon-symbol-namespace:before*/.codicon-symbol-namespace.sc-kol-icon-default:before {\n content: \"\\ea8b\";\n}\n\n/*!@.codicon-symbol-object:before*/.codicon-symbol-object.sc-kol-icon-default:before {\n content: \"\\ea8b\";\n}\n\n/*!@.codicon-symbol-method:before*/.codicon-symbol-method.sc-kol-icon-default:before {\n content: \"\\ea8c\";\n}\n\n/*!@.codicon-symbol-function:before*/.codicon-symbol-function.sc-kol-icon-default:before {\n content: \"\\ea8c\";\n}\n\n/*!@.codicon-symbol-constructor:before*/.codicon-symbol-constructor.sc-kol-icon-default:before {\n content: \"\\ea8c\";\n}\n\n/*!@.codicon-symbol-boolean:before*/.codicon-symbol-boolean.sc-kol-icon-default:before {\n content: \"\\ea8f\";\n}\n\n/*!@.codicon-symbol-null:before*/.codicon-symbol-null.sc-kol-icon-default:before {\n content: \"\\ea8f\";\n}\n\n/*!@.codicon-symbol-numeric:before*/.codicon-symbol-numeric.sc-kol-icon-default:before {\n content: \"\\ea90\";\n}\n\n/*!@.codicon-symbol-number:before*/.codicon-symbol-number.sc-kol-icon-default:before {\n content: \"\\ea90\";\n}\n\n/*!@.codicon-symbol-structure:before*/.codicon-symbol-structure.sc-kol-icon-default:before {\n content: \"\\ea91\";\n}\n\n/*!@.codicon-symbol-struct:before*/.codicon-symbol-struct.sc-kol-icon-default:before {\n content: \"\\ea91\";\n}\n\n/*!@.codicon-symbol-parameter:before*/.codicon-symbol-parameter.sc-kol-icon-default:before {\n content: \"\\ea92\";\n}\n\n/*!@.codicon-symbol-type-parameter:before*/.codicon-symbol-type-parameter.sc-kol-icon-default:before {\n content: \"\\ea92\";\n}\n\n/*!@.codicon-symbol-key:before*/.codicon-symbol-key.sc-kol-icon-default:before {\n content: \"\\ea93\";\n}\n\n/*!@.codicon-symbol-text:before*/.codicon-symbol-text.sc-kol-icon-default:before {\n content: \"\\ea93\";\n}\n\n/*!@.codicon-symbol-reference:before*/.codicon-symbol-reference.sc-kol-icon-default:before {\n content: \"\\ea94\";\n}\n\n/*!@.codicon-go-to-file:before*/.codicon-go-to-file.sc-kol-icon-default:before {\n content: \"\\ea94\";\n}\n\n/*!@.codicon-symbol-enum:before*/.codicon-symbol-enum.sc-kol-icon-default:before {\n content: \"\\ea95\";\n}\n\n/*!@.codicon-symbol-value:before*/.codicon-symbol-value.sc-kol-icon-default:before {\n content: \"\\ea95\";\n}\n\n/*!@.codicon-symbol-ruler:before*/.codicon-symbol-ruler.sc-kol-icon-default:before {\n content: \"\\ea96\";\n}\n\n/*!@.codicon-symbol-unit:before*/.codicon-symbol-unit.sc-kol-icon-default:before {\n content: \"\\ea96\";\n}\n\n/*!@.codicon-activate-breakpoints:before*/.codicon-activate-breakpoints.sc-kol-icon-default:before {\n content: \"\\ea97\";\n}\n\n/*!@.codicon-archive:before*/.codicon-archive.sc-kol-icon-default:before {\n content: \"\\ea98\";\n}\n\n/*!@.codicon-arrow-both:before*/.codicon-arrow-both.sc-kol-icon-default:before {\n content: \"\\ea99\";\n}\n\n/*!@.codicon-arrow-down:before*/.codicon-arrow-down.sc-kol-icon-default:before {\n content: \"\\ea9a\";\n}\n\n/*!@.codicon-arrow-left:before*/.codicon-arrow-left.sc-kol-icon-default:before {\n content: \"\\ea9b\";\n}\n\n/*!@.codicon-arrow-right:before*/.codicon-arrow-right.sc-kol-icon-default:before {\n content: \"\\ea9c\";\n}\n\n/*!@.codicon-arrow-small-down:before*/.codicon-arrow-small-down.sc-kol-icon-default:before {\n content: \"\\ea9d\";\n}\n\n/*!@.codicon-arrow-small-left:before*/.codicon-arrow-small-left.sc-kol-icon-default:before {\n content: \"\\ea9e\";\n}\n\n/*!@.codicon-arrow-small-right:before*/.codicon-arrow-small-right.sc-kol-icon-default:before {\n content: \"\\ea9f\";\n}\n\n/*!@.codicon-arrow-small-up:before*/.codicon-arrow-small-up.sc-kol-icon-default:before {\n content: \"\\eaa0\";\n}\n\n/*!@.codicon-arrow-up:before*/.codicon-arrow-up.sc-kol-icon-default:before {\n content: \"\\eaa1\";\n}\n\n/*!@.codicon-bell:before*/.codicon-bell.sc-kol-icon-default:before {\n content: \"\\eaa2\";\n}\n\n/*!@.codicon-bold:before*/.codicon-bold.sc-kol-icon-default:before {\n content: \"\\eaa3\";\n}\n\n/*!@.codicon-book:before*/.codicon-book.sc-kol-icon-default:before {\n content: \"\\eaa4\";\n}\n\n/*!@.codicon-bookmark:before*/.codicon-bookmark.sc-kol-icon-default:before {\n content: \"\\eaa5\";\n}\n\n/*!@.codicon-debug-breakpoint-conditional-unverified:before*/.codicon-debug-breakpoint-conditional-unverified.sc-kol-icon-default:before {\n content: \"\\eaa6\";\n}\n\n/*!@.codicon-debug-breakpoint-conditional:before*/.codicon-debug-breakpoint-conditional.sc-kol-icon-default:before {\n content: \"\\eaa7\";\n}\n\n/*!@.codicon-debug-breakpoint-conditional-disabled:before*/.codicon-debug-breakpoint-conditional-disabled.sc-kol-icon-default:before {\n content: \"\\eaa7\";\n}\n\n/*!@.codicon-debug-breakpoint-data-unverified:before*/.codicon-debug-breakpoint-data-unverified.sc-kol-icon-default:before {\n content: \"\\eaa8\";\n}\n\n/*!@.codicon-debug-breakpoint-data:before*/.codicon-debug-breakpoint-data.sc-kol-icon-default:before {\n content: \"\\eaa9\";\n}\n\n/*!@.codicon-debug-breakpoint-data-disabled:before*/.codicon-debug-breakpoint-data-disabled.sc-kol-icon-default:before {\n content: \"\\eaa9\";\n}\n\n/*!@.codicon-debug-breakpoint-log-unverified:before*/.codicon-debug-breakpoint-log-unverified.sc-kol-icon-default:before {\n content: \"\\eaaa\";\n}\n\n/*!@.codicon-debug-breakpoint-log:before*/.codicon-debug-breakpoint-log.sc-kol-icon-default:before {\n content: \"\\eaab\";\n}\n\n/*!@.codicon-debug-breakpoint-log-disabled:before*/.codicon-debug-breakpoint-log-disabled.sc-kol-icon-default:before {\n content: \"\\eaab\";\n}\n\n/*!@.codicon-briefcase:before*/.codicon-briefcase.sc-kol-icon-default:before {\n content: \"\\eaac\";\n}\n\n/*!@.codicon-broadcast:before*/.codicon-broadcast.sc-kol-icon-default:before {\n content: \"\\eaad\";\n}\n\n/*!@.codicon-browser:before*/.codicon-browser.sc-kol-icon-default:before {\n content: \"\\eaae\";\n}\n\n/*!@.codicon-bug:before*/.codicon-bug.sc-kol-icon-default:before {\n content: \"\\eaaf\";\n}\n\n/*!@.codicon-calendar:before*/.codicon-calendar.sc-kol-icon-default:before {\n content: \"\\eab0\";\n}\n\n/*!@.codicon-case-sensitive:before*/.codicon-case-sensitive.sc-kol-icon-default:before {\n content: \"\\eab1\";\n}\n\n/*!@.codicon-check:before*/.codicon-check.sc-kol-icon-default:before {\n content: \"\\eab2\";\n}\n\n/*!@.codicon-checklist:before*/.codicon-checklist.sc-kol-icon-default:before {\n content: \"\\eab3\";\n}\n\n/*!@.codicon-chevron-down:before*/.codicon-chevron-down.sc-kol-icon-default:before {\n content: \"\\eab4\";\n}\n\n/*!@.codicon-chevron-left:before*/.codicon-chevron-left.sc-kol-icon-default:before {\n content: \"\\eab5\";\n}\n\n/*!@.codicon-chevron-right:before*/.codicon-chevron-right.sc-kol-icon-default:before {\n content: \"\\eab6\";\n}\n\n/*!@.codicon-chevron-up:before*/.codicon-chevron-up.sc-kol-icon-default:before {\n content: \"\\eab7\";\n}\n\n/*!@.codicon-chrome-close:before*/.codicon-chrome-close.sc-kol-icon-default:before {\n content: \"\\eab8\";\n}\n\n/*!@.codicon-chrome-maximize:before*/.codicon-chrome-maximize.sc-kol-icon-default:before {\n content: \"\\eab9\";\n}\n\n/*!@.codicon-chrome-minimize:before*/.codicon-chrome-minimize.sc-kol-icon-default:before {\n content: \"\\eaba\";\n}\n\n/*!@.codicon-chrome-restore:before*/.codicon-chrome-restore.sc-kol-icon-default:before {\n content: \"\\eabb\";\n}\n\n/*!@.codicon-circle-outline:before*/.codicon-circle-outline.sc-kol-icon-default:before {\n content: \"\\eabc\";\n}\n\n/*!@.codicon-debug-breakpoint-unverified:before*/.codicon-debug-breakpoint-unverified.sc-kol-icon-default:before {\n content: \"\\eabc\";\n}\n\n/*!@.codicon-circle-slash:before*/.codicon-circle-slash.sc-kol-icon-default:before {\n content: \"\\eabd\";\n}\n\n/*!@.codicon-circuit-board:before*/.codicon-circuit-board.sc-kol-icon-default:before {\n content: \"\\eabe\";\n}\n\n/*!@.codicon-clear-all:before*/.codicon-clear-all.sc-kol-icon-default:before {\n content: \"\\eabf\";\n}\n\n/*!@.codicon-clippy:before*/.codicon-clippy.sc-kol-icon-default:before {\n content: \"\\eac0\";\n}\n\n/*!@.codicon-close-all:before*/.codicon-close-all.sc-kol-icon-default:before {\n content: \"\\eac1\";\n}\n\n/*!@.codicon-cloud-download:before*/.codicon-cloud-download.sc-kol-icon-default:before {\n content: \"\\eac2\";\n}\n\n/*!@.codicon-cloud-upload:before*/.codicon-cloud-upload.sc-kol-icon-default:before {\n content: \"\\eac3\";\n}\n\n/*!@.codicon-code:before*/.codicon-code.sc-kol-icon-default:before {\n content: \"\\eac4\";\n}\n\n/*!@.codicon-collapse-all:before*/.codicon-collapse-all.sc-kol-icon-default:before {\n content: \"\\eac5\";\n}\n\n/*!@.codicon-color-mode:before*/.codicon-color-mode.sc-kol-icon-default:before {\n content: \"\\eac6\";\n}\n\n/*!@.codicon-comment-discussion:before*/.codicon-comment-discussion.sc-kol-icon-default:before {\n content: \"\\eac7\";\n}\n\n/*!@.codicon-credit-card:before*/.codicon-credit-card.sc-kol-icon-default:before {\n content: \"\\eac9\";\n}\n\n/*!@.codicon-dash:before*/.codicon-dash.sc-kol-icon-default:before {\n content: \"\\eacc\";\n}\n\n/*!@.codicon-dashboard:before*/.codicon-dashboard.sc-kol-icon-default:before {\n content: \"\\eacd\";\n}\n\n/*!@.codicon-database:before*/.codicon-database.sc-kol-icon-default:before {\n content: \"\\eace\";\n}\n\n/*!@.codicon-debug-continue:before*/.codicon-debug-continue.sc-kol-icon-default:before {\n content: \"\\eacf\";\n}\n\n/*!@.codicon-debug-disconnect:before*/.codicon-debug-disconnect.sc-kol-icon-default:before {\n content: \"\\ead0\";\n}\n\n/*!@.codicon-debug-pause:before*/.codicon-debug-pause.sc-kol-icon-default:before {\n content: \"\\ead1\";\n}\n\n/*!@.codicon-debug-restart:before*/.codicon-debug-restart.sc-kol-icon-default:before {\n content: \"\\ead2\";\n}\n\n/*!@.codicon-debug-start:before*/.codicon-debug-start.sc-kol-icon-default:before {\n content: \"\\ead3\";\n}\n\n/*!@.codicon-debug-step-into:before*/.codicon-debug-step-into.sc-kol-icon-default:before {\n content: \"\\ead4\";\n}\n\n/*!@.codicon-debug-step-out:before*/.codicon-debug-step-out.sc-kol-icon-default:before {\n content: \"\\ead5\";\n}\n\n/*!@.codicon-debug-step-over:before*/.codicon-debug-step-over.sc-kol-icon-default:before {\n content: \"\\ead6\";\n}\n\n/*!@.codicon-debug-stop:before*/.codicon-debug-stop.sc-kol-icon-default:before {\n content: \"\\ead7\";\n}\n\n/*!@.codicon-debug:before*/.codicon-debug.sc-kol-icon-default:before {\n content: \"\\ead8\";\n}\n\n/*!@.codicon-device-camera-video:before*/.codicon-device-camera-video.sc-kol-icon-default:before {\n content: \"\\ead9\";\n}\n\n/*!@.codicon-device-camera:before*/.codicon-device-camera.sc-kol-icon-default:before {\n content: \"\\eada\";\n}\n\n/*!@.codicon-device-mobile:before*/.codicon-device-mobile.sc-kol-icon-default:before {\n content: \"\\eadb\";\n}\n\n/*!@.codicon-diff-added:before*/.codicon-diff-added.sc-kol-icon-default:before {\n content: \"\\eadc\";\n}\n\n/*!@.codicon-diff-ignored:before*/.codicon-diff-ignored.sc-kol-icon-default:before {\n content: \"\\eadd\";\n}\n\n/*!@.codicon-diff-modified:before*/.codicon-diff-modified.sc-kol-icon-default:before {\n content: \"\\eade\";\n}\n\n/*!@.codicon-diff-removed:before*/.codicon-diff-removed.sc-kol-icon-default:before {\n content: \"\\eadf\";\n}\n\n/*!@.codicon-diff-renamed:before*/.codicon-diff-renamed.sc-kol-icon-default:before {\n content: \"\\eae0\";\n}\n\n/*!@.codicon-diff:before*/.codicon-diff.sc-kol-icon-default:before {\n content: \"\\eae1\";\n}\n\n/*!@.codicon-discard:before*/.codicon-discard.sc-kol-icon-default:before {\n content: \"\\eae2\";\n}\n\n/*!@.codicon-editor-layout:before*/.codicon-editor-layout.sc-kol-icon-default:before {\n content: \"\\eae3\";\n}\n\n/*!@.codicon-empty-window:before*/.codicon-empty-window.sc-kol-icon-default:before {\n content: \"\\eae4\";\n}\n\n/*!@.codicon-exclude:before*/.codicon-exclude.sc-kol-icon-default:before {\n content: \"\\eae5\";\n}\n\n/*!@.codicon-extensions:before*/.codicon-extensions.sc-kol-icon-default:before {\n content: \"\\eae6\";\n}\n\n/*!@.codicon-eye-closed:before*/.codicon-eye-closed.sc-kol-icon-default:before {\n content: \"\\eae7\";\n}\n\n/*!@.codicon-file-binary:before*/.codicon-file-binary.sc-kol-icon-default:before {\n content: \"\\eae8\";\n}\n\n/*!@.codicon-file-code:before*/.codicon-file-code.sc-kol-icon-default:before {\n content: \"\\eae9\";\n}\n\n/*!@.codicon-file-media:before*/.codicon-file-media.sc-kol-icon-default:before {\n content: \"\\eaea\";\n}\n\n/*!@.codicon-file-pdf:before*/.codicon-file-pdf.sc-kol-icon-default:before {\n content: \"\\eaeb\";\n}\n\n/*!@.codicon-file-submodule:before*/.codicon-file-submodule.sc-kol-icon-default:before {\n content: \"\\eaec\";\n}\n\n/*!@.codicon-file-symlink-directory:before*/.codicon-file-symlink-directory.sc-kol-icon-default:before {\n content: \"\\eaed\";\n}\n\n/*!@.codicon-file-symlink-file:before*/.codicon-file-symlink-file.sc-kol-icon-default:before {\n content: \"\\eaee\";\n}\n\n/*!@.codicon-file-zip:before*/.codicon-file-zip.sc-kol-icon-default:before {\n content: \"\\eaef\";\n}\n\n/*!@.codicon-files:before*/.codicon-files.sc-kol-icon-default:before {\n content: \"\\eaf0\";\n}\n\n/*!@.codicon-filter:before*/.codicon-filter.sc-kol-icon-default:before {\n content: \"\\eaf1\";\n}\n\n/*!@.codicon-flame:before*/.codicon-flame.sc-kol-icon-default:before {\n content: \"\\eaf2\";\n}\n\n/*!@.codicon-fold-down:before*/.codicon-fold-down.sc-kol-icon-default:before {\n content: \"\\eaf3\";\n}\n\n/*!@.codicon-fold-up:before*/.codicon-fold-up.sc-kol-icon-default:before {\n content: \"\\eaf4\";\n}\n\n/*!@.codicon-fold:before*/.codicon-fold.sc-kol-icon-default:before {\n content: \"\\eaf5\";\n}\n\n/*!@.codicon-folder-active:before*/.codicon-folder-active.sc-kol-icon-default:before {\n content: \"\\eaf6\";\n}\n\n/*!@.codicon-folder-opened:before*/.codicon-folder-opened.sc-kol-icon-default:before {\n content: \"\\eaf7\";\n}\n\n/*!@.codicon-gear:before*/.codicon-gear.sc-kol-icon-default:before {\n content: \"\\eaf8\";\n}\n\n/*!@.codicon-gift:before*/.codicon-gift.sc-kol-icon-default:before {\n content: \"\\eaf9\";\n}\n\n/*!@.codicon-gist-secret:before*/.codicon-gist-secret.sc-kol-icon-default:before {\n content: \"\\eafa\";\n}\n\n/*!@.codicon-gist:before*/.codicon-gist.sc-kol-icon-default:before {\n content: \"\\eafb\";\n}\n\n/*!@.codicon-git-commit:before*/.codicon-git-commit.sc-kol-icon-default:before {\n content: \"\\eafc\";\n}\n\n/*!@.codicon-git-compare:before*/.codicon-git-compare.sc-kol-icon-default:before {\n content: \"\\eafd\";\n}\n\n/*!@.codicon-compare-changes:before*/.codicon-compare-changes.sc-kol-icon-default:before {\n content: \"\\eafd\";\n}\n\n/*!@.codicon-git-merge:before*/.codicon-git-merge.sc-kol-icon-default:before {\n content: \"\\eafe\";\n}\n\n/*!@.codicon-github-action:before*/.codicon-github-action.sc-kol-icon-default:before {\n content: \"\\eaff\";\n}\n\n/*!@.codicon-github-alt:before*/.codicon-github-alt.sc-kol-icon-default:before {\n content: \"\\eb00\";\n}\n\n/*!@.codicon-globe:before*/.codicon-globe.sc-kol-icon-default:before {\n content: \"\\eb01\";\n}\n\n/*!@.codicon-grabber:before*/.codicon-grabber.sc-kol-icon-default:before {\n content: \"\\eb02\";\n}\n\n/*!@.codicon-graph:before*/.codicon-graph.sc-kol-icon-default:before {\n content: \"\\eb03\";\n}\n\n/*!@.codicon-gripper:before*/.codicon-gripper.sc-kol-icon-default:before {\n content: \"\\eb04\";\n}\n\n/*!@.codicon-heart:before*/.codicon-heart.sc-kol-icon-default:before {\n content: \"\\eb05\";\n}\n\n/*!@.codicon-home:before*/.codicon-home.sc-kol-icon-default:before {\n content: \"\\eb06\";\n}\n\n/*!@.codicon-horizontal-rule:before*/.codicon-horizontal-rule.sc-kol-icon-default:before {\n content: \"\\eb07\";\n}\n\n/*!@.codicon-hubot:before*/.codicon-hubot.sc-kol-icon-default:before {\n content: \"\\eb08\";\n}\n\n/*!@.codicon-inbox:before*/.codicon-inbox.sc-kol-icon-default:before {\n content: \"\\eb09\";\n}\n\n/*!@.codicon-issue-reopened:before*/.codicon-issue-reopened.sc-kol-icon-default:before {\n content: \"\\eb0b\";\n}\n\n/*!@.codicon-issues:before*/.codicon-issues.sc-kol-icon-default:before {\n content: \"\\eb0c\";\n}\n\n/*!@.codicon-italic:before*/.codicon-italic.sc-kol-icon-default:before {\n content: \"\\eb0d\";\n}\n\n/*!@.codicon-jersey:before*/.codicon-jersey.sc-kol-icon-default:before {\n content: \"\\eb0e\";\n}\n\n/*!@.codicon-json:before*/.codicon-json.sc-kol-icon-default:before {\n content: \"\\eb0f\";\n}\n\n/*!@.codicon-kebab-vertical:before*/.codicon-kebab-vertical.sc-kol-icon-default:before {\n content: \"\\eb10\";\n}\n\n/*!@.codicon-key:before*/.codicon-key.sc-kol-icon-default:before {\n content: \"\\eb11\";\n}\n\n/*!@.codicon-law:before*/.codicon-law.sc-kol-icon-default:before {\n content: \"\\eb12\";\n}\n\n/*!@.codicon-lightbulb-autofix:before*/.codicon-lightbulb-autofix.sc-kol-icon-default:before {\n content: \"\\eb13\";\n}\n\n/*!@.codicon-link-external:before*/.codicon-link-external.sc-kol-icon-default:before {\n content: \"\\eb14\";\n}\n\n/*!@.codicon-link:before*/.codicon-link.sc-kol-icon-default:before {\n content: \"\\eb15\";\n}\n\n/*!@.codicon-list-ordered:before*/.codicon-list-ordered.sc-kol-icon-default:before {\n content: \"\\eb16\";\n}\n\n/*!@.codicon-list-unordered:before*/.codicon-list-unordered.sc-kol-icon-default:before {\n content: \"\\eb17\";\n}\n\n/*!@.codicon-live-share:before*/.codicon-live-share.sc-kol-icon-default:before {\n content: \"\\eb18\";\n}\n\n/*!@.codicon-loading:before*/.codicon-loading.sc-kol-icon-default:before {\n content: \"\\eb19\";\n}\n\n/*!@.codicon-location:before*/.codicon-location.sc-kol-icon-default:before {\n content: \"\\eb1a\";\n}\n\n/*!@.codicon-mail-read:before*/.codicon-mail-read.sc-kol-icon-default:before {\n content: \"\\eb1b\";\n}\n\n/*!@.codicon-mail:before*/.codicon-mail.sc-kol-icon-default:before {\n content: \"\\eb1c\";\n}\n\n/*!@.codicon-markdown:before*/.codicon-markdown.sc-kol-icon-default:before {\n content: \"\\eb1d\";\n}\n\n/*!@.codicon-megaphone:before*/.codicon-megaphone.sc-kol-icon-default:before {\n content: \"\\eb1e\";\n}\n\n/*!@.codicon-mention:before*/.codicon-mention.sc-kol-icon-default:before {\n content: \"\\eb1f\";\n}\n\n/*!@.codicon-milestone:before*/.codicon-milestone.sc-kol-icon-default:before {\n content: \"\\eb20\";\n}\n\n/*!@.codicon-mortar-board:before*/.codicon-mortar-board.sc-kol-icon-default:before {\n content: \"\\eb21\";\n}\n\n/*!@.codicon-move:before*/.codicon-move.sc-kol-icon-default:before {\n content: \"\\eb22\";\n}\n\n/*!@.codicon-multiple-windows:before*/.codicon-multiple-windows.sc-kol-icon-default:before {\n content: \"\\eb23\";\n}\n\n/*!@.codicon-mute:before*/.codicon-mute.sc-kol-icon-default:before {\n content: \"\\eb24\";\n}\n\n/*!@.codicon-no-newline:before*/.codicon-no-newline.sc-kol-icon-default:before {\n content: \"\\eb25\";\n}\n\n/*!@.codicon-note:before*/.codicon-note.sc-kol-icon-default:before {\n content: \"\\eb26\";\n}\n\n/*!@.codicon-octoface:before*/.codicon-octoface.sc-kol-icon-default:before {\n content: \"\\eb27\";\n}\n\n/*!@.codicon-open-preview:before*/.codicon-open-preview.sc-kol-icon-default:before {\n content: \"\\eb28\";\n}\n\n/*!@.codicon-package:before*/.codicon-package.sc-kol-icon-default:before {\n content: \"\\eb29\";\n}\n\n/*!@.codicon-paintcan:before*/.codicon-paintcan.sc-kol-icon-default:before {\n content: \"\\eb2a\";\n}\n\n/*!@.codicon-pin:before*/.codicon-pin.sc-kol-icon-default:before {\n content: \"\\eb2b\";\n}\n\n/*!@.codicon-play:before*/.codicon-play.sc-kol-icon-default:before {\n content: \"\\eb2c\";\n}\n\n/*!@.codicon-run:before*/.codicon-run.sc-kol-icon-default:before {\n content: \"\\eb2c\";\n}\n\n/*!@.codicon-plug:before*/.codicon-plug.sc-kol-icon-default:before {\n content: \"\\eb2d\";\n}\n\n/*!@.codicon-preserve-case:before*/.codicon-preserve-case.sc-kol-icon-default:before {\n content: \"\\eb2e\";\n}\n\n/*!@.codicon-preview:before*/.codicon-preview.sc-kol-icon-default:before {\n content: \"\\eb2f\";\n}\n\n/*!@.codicon-project:before*/.codicon-project.sc-kol-icon-default:before {\n content: \"\\eb30\";\n}\n\n/*!@.codicon-pulse:before*/.codicon-pulse.sc-kol-icon-default:before {\n content: \"\\eb31\";\n}\n\n/*!@.codicon-question:before*/.codicon-question.sc-kol-icon-default:before {\n content: \"\\eb32\";\n}\n\n/*!@.codicon-quote:before*/.codicon-quote.sc-kol-icon-default:before {\n content: \"\\eb33\";\n}\n\n/*!@.codicon-radio-tower:before*/.codicon-radio-tower.sc-kol-icon-default:before {\n content: \"\\eb34\";\n}\n\n/*!@.codicon-reactions:before*/.codicon-reactions.sc-kol-icon-default:before {\n content: \"\\eb35\";\n}\n\n/*!@.codicon-references:before*/.codicon-references.sc-kol-icon-default:before {\n content: \"\\eb36\";\n}\n\n/*!@.codicon-refresh:before*/.codicon-refresh.sc-kol-icon-default:before {\n content: \"\\eb37\";\n}\n\n/*!@.codicon-regex:before*/.codicon-regex.sc-kol-icon-default:before {\n content: \"\\eb38\";\n}\n\n/*!@.codicon-remote-explorer:before*/.codicon-remote-explorer.sc-kol-icon-default:before {\n content: \"\\eb39\";\n}\n\n/*!@.codicon-remote:before*/.codicon-remote.sc-kol-icon-default:before {\n content: \"\\eb3a\";\n}\n\n/*!@.codicon-remove:before*/.codicon-remove.sc-kol-icon-default:before {\n content: \"\\eb3b\";\n}\n\n/*!@.codicon-replace-all:before*/.codicon-replace-all.sc-kol-icon-default:before {\n content: \"\\eb3c\";\n}\n\n/*!@.codicon-replace:before*/.codicon-replace.sc-kol-icon-default:before {\n content: \"\\eb3d\";\n}\n\n/*!@.codicon-repo-clone:before*/.codicon-repo-clone.sc-kol-icon-default:before {\n content: \"\\eb3e\";\n}\n\n/*!@.codicon-repo-force-push:before*/.codicon-repo-force-push.sc-kol-icon-default:before {\n content: \"\\eb3f\";\n}\n\n/*!@.codicon-repo-pull:before*/.codicon-repo-pull.sc-kol-icon-default:before {\n content: \"\\eb40\";\n}\n\n/*!@.codicon-repo-push:before*/.codicon-repo-push.sc-kol-icon-default:before {\n content: \"\\eb41\";\n}\n\n/*!@.codicon-report:before*/.codicon-report.sc-kol-icon-default:before {\n content: \"\\eb42\";\n}\n\n/*!@.codicon-request-changes:before*/.codicon-request-changes.sc-kol-icon-default:before {\n content: \"\\eb43\";\n}\n\n/*!@.codicon-rocket:before*/.codicon-rocket.sc-kol-icon-default:before {\n content: \"\\eb44\";\n}\n\n/*!@.codicon-root-folder-opened:before*/.codicon-root-folder-opened.sc-kol-icon-default:before {\n content: \"\\eb45\";\n}\n\n/*!@.codicon-root-folder:before*/.codicon-root-folder.sc-kol-icon-default:before {\n content: \"\\eb46\";\n}\n\n/*!@.codicon-rss:before*/.codicon-rss.sc-kol-icon-default:before {\n content: \"\\eb47\";\n}\n\n/*!@.codicon-ruby:before*/.codicon-ruby.sc-kol-icon-default:before {\n content: \"\\eb48\";\n}\n\n/*!@.codicon-save-all:before*/.codicon-save-all.sc-kol-icon-default:before {\n content: \"\\eb49\";\n}\n\n/*!@.codicon-save-as:before*/.codicon-save-as.sc-kol-icon-default:before {\n content: \"\\eb4a\";\n}\n\n/*!@.codicon-save:before*/.codicon-save.sc-kol-icon-default:before {\n content: \"\\eb4b\";\n}\n\n/*!@.codicon-screen-full:before*/.codicon-screen-full.sc-kol-icon-default:before {\n content: \"\\eb4c\";\n}\n\n/*!@.codicon-screen-normal:before*/.codicon-screen-normal.sc-kol-icon-default:before {\n content: \"\\eb4d\";\n}\n\n/*!@.codicon-search-stop:before*/.codicon-search-stop.sc-kol-icon-default:before {\n content: \"\\eb4e\";\n}\n\n/*!@.codicon-server:before*/.codicon-server.sc-kol-icon-default:before {\n content: \"\\eb50\";\n}\n\n/*!@.codicon-settings-gear:before*/.codicon-settings-gear.sc-kol-icon-default:before {\n content: \"\\eb51\";\n}\n\n/*!@.codicon-settings:before*/.codicon-settings.sc-kol-icon-default:before {\n content: \"\\eb52\";\n}\n\n/*!@.codicon-shield:before*/.codicon-shield.sc-kol-icon-default:before {\n content: \"\\eb53\";\n}\n\n/*!@.codicon-smiley:before*/.codicon-smiley.sc-kol-icon-default:before {\n content: \"\\eb54\";\n}\n\n/*!@.codicon-sort-precedence:before*/.codicon-sort-precedence.sc-kol-icon-default:before {\n content: \"\\eb55\";\n}\n\n/*!@.codicon-split-horizontal:before*/.codicon-split-horizontal.sc-kol-icon-default:before {\n content: \"\\eb56\";\n}\n\n/*!@.codicon-split-vertical:before*/.codicon-split-vertical.sc-kol-icon-default:before {\n content: \"\\eb57\";\n}\n\n/*!@.codicon-squirrel:before*/.codicon-squirrel.sc-kol-icon-default:before {\n content: \"\\eb58\";\n}\n\n/*!@.codicon-star-full:before*/.codicon-star-full.sc-kol-icon-default:before {\n content: \"\\eb59\";\n}\n\n/*!@.codicon-star-half:before*/.codicon-star-half.sc-kol-icon-default:before {\n content: \"\\eb5a\";\n}\n\n/*!@.codicon-symbol-class:before*/.codicon-symbol-class.sc-kol-icon-default:before {\n content: \"\\eb5b\";\n}\n\n/*!@.codicon-symbol-color:before*/.codicon-symbol-color.sc-kol-icon-default:before {\n content: \"\\eb5c\";\n}\n\n/*!@.codicon-symbol-constant:before*/.codicon-symbol-constant.sc-kol-icon-default:before {\n content: \"\\eb5d\";\n}\n\n/*!@.codicon-symbol-enum-member:before*/.codicon-symbol-enum-member.sc-kol-icon-default:before {\n content: \"\\eb5e\";\n}\n\n/*!@.codicon-symbol-field:before*/.codicon-symbol-field.sc-kol-icon-default:before {\n content: \"\\eb5f\";\n}\n\n/*!@.codicon-symbol-file:before*/.codicon-symbol-file.sc-kol-icon-default:before {\n content: \"\\eb60\";\n}\n\n/*!@.codicon-symbol-interface:before*/.codicon-symbol-interface.sc-kol-icon-default:before {\n content: \"\\eb61\";\n}\n\n/*!@.codicon-symbol-keyword:before*/.codicon-symbol-keyword.sc-kol-icon-default:before {\n content: \"\\eb62\";\n}\n\n/*!@.codicon-symbol-misc:before*/.codicon-symbol-misc.sc-kol-icon-default:before {\n content: \"\\eb63\";\n}\n\n/*!@.codicon-symbol-operator:before*/.codicon-symbol-operator.sc-kol-icon-default:before {\n content: \"\\eb64\";\n}\n\n/*!@.codicon-symbol-property:before*/.codicon-symbol-property.sc-kol-icon-default:before {\n content: \"\\eb65\";\n}\n\n/*!@.codicon-wrench:before*/.codicon-wrench.sc-kol-icon-default:before {\n content: \"\\eb65\";\n}\n\n/*!@.codicon-wrench-subaction:before*/.codicon-wrench-subaction.sc-kol-icon-default:before {\n content: \"\\eb65\";\n}\n\n/*!@.codicon-symbol-snippet:before*/.codicon-symbol-snippet.sc-kol-icon-default:before {\n content: \"\\eb66\";\n}\n\n/*!@.codicon-tasklist:before*/.codicon-tasklist.sc-kol-icon-default:before {\n content: \"\\eb67\";\n}\n\n/*!@.codicon-telescope:before*/.codicon-telescope.sc-kol-icon-default:before {\n content: \"\\eb68\";\n}\n\n/*!@.codicon-text-size:before*/.codicon-text-size.sc-kol-icon-default:before {\n content: \"\\eb69\";\n}\n\n/*!@.codicon-three-bars:before*/.codicon-three-bars.sc-kol-icon-default:before {\n content: \"\\eb6a\";\n}\n\n/*!@.codicon-thumbsdown:before*/.codicon-thumbsdown.sc-kol-icon-default:before {\n content: \"\\eb6b\";\n}\n\n/*!@.codicon-thumbsup:before*/.codicon-thumbsup.sc-kol-icon-default:before {\n content: \"\\eb6c\";\n}\n\n/*!@.codicon-tools:before*/.codicon-tools.sc-kol-icon-default:before {\n content: \"\\eb6d\";\n}\n\n/*!@.codicon-triangle-down:before*/.codicon-triangle-down.sc-kol-icon-default:before {\n content: \"\\eb6e\";\n}\n\n/*!@.codicon-triangle-left:before*/.codicon-triangle-left.sc-kol-icon-default:before {\n content: \"\\eb6f\";\n}\n\n/*!@.codicon-triangle-right:before*/.codicon-triangle-right.sc-kol-icon-default:before {\n content: \"\\eb70\";\n}\n\n/*!@.codicon-triangle-up:before*/.codicon-triangle-up.sc-kol-icon-default:before {\n content: \"\\eb71\";\n}\n\n/*!@.codicon-twitter:before*/.codicon-twitter.sc-kol-icon-default:before {\n content: \"\\eb72\";\n}\n\n/*!@.codicon-unfold:before*/.codicon-unfold.sc-kol-icon-default:before {\n content: \"\\eb73\";\n}\n\n/*!@.codicon-unlock:before*/.codicon-unlock.sc-kol-icon-default:before {\n content: \"\\eb74\";\n}\n\n/*!@.codicon-unmute:before*/.codicon-unmute.sc-kol-icon-default:before {\n content: \"\\eb75\";\n}\n\n/*!@.codicon-unverified:before*/.codicon-unverified.sc-kol-icon-default:before {\n content: \"\\eb76\";\n}\n\n/*!@.codicon-verified:before*/.codicon-verified.sc-kol-icon-default:before {\n content: \"\\eb77\";\n}\n\n/*!@.codicon-versions:before*/.codicon-versions.sc-kol-icon-default:before {\n content: \"\\eb78\";\n}\n\n/*!@.codicon-vm-active:before*/.codicon-vm-active.sc-kol-icon-default:before {\n content: \"\\eb79\";\n}\n\n/*!@.codicon-vm-outline:before*/.codicon-vm-outline.sc-kol-icon-default:before {\n content: \"\\eb7a\";\n}\n\n/*!@.codicon-vm-running:before*/.codicon-vm-running.sc-kol-icon-default:before {\n content: \"\\eb7b\";\n}\n\n/*!@.codicon-watch:before*/.codicon-watch.sc-kol-icon-default:before {\n content: \"\\eb7c\";\n}\n\n/*!@.codicon-whitespace:before*/.codicon-whitespace.sc-kol-icon-default:before {\n content: \"\\eb7d\";\n}\n\n/*!@.codicon-whole-word:before*/.codicon-whole-word.sc-kol-icon-default:before {\n content: \"\\eb7e\";\n}\n\n/*!@.codicon-window:before*/.codicon-window.sc-kol-icon-default:before {\n content: \"\\eb7f\";\n}\n\n/*!@.codicon-word-wrap:before*/.codicon-word-wrap.sc-kol-icon-default:before {\n content: \"\\eb80\";\n}\n\n/*!@.codicon-zoom-in:before*/.codicon-zoom-in.sc-kol-icon-default:before {\n content: \"\\eb81\";\n}\n\n/*!@.codicon-zoom-out:before*/.codicon-zoom-out.sc-kol-icon-default:before {\n content: \"\\eb82\";\n}\n\n/*!@.codicon-list-filter:before*/.codicon-list-filter.sc-kol-icon-default:before {\n content: \"\\eb83\";\n}\n\n/*!@.codicon-list-flat:before*/.codicon-list-flat.sc-kol-icon-default:before {\n content: \"\\eb84\";\n}\n\n/*!@.codicon-list-selection:before*/.codicon-list-selection.sc-kol-icon-default:before {\n content: \"\\eb85\";\n}\n\n/*!@.codicon-selection:before*/.codicon-selection.sc-kol-icon-default:before {\n content: \"\\eb85\";\n}\n\n/*!@.codicon-list-tree:before*/.codicon-list-tree.sc-kol-icon-default:before {\n content: \"\\eb86\";\n}\n\n/*!@.codicon-debug-breakpoint-function-unverified:before*/.codicon-debug-breakpoint-function-unverified.sc-kol-icon-default:before {\n content: \"\\eb87\";\n}\n\n/*!@.codicon-debug-breakpoint-function:before*/.codicon-debug-breakpoint-function.sc-kol-icon-default:before {\n content: \"\\eb88\";\n}\n\n/*!@.codicon-debug-breakpoint-function-disabled:before*/.codicon-debug-breakpoint-function-disabled.sc-kol-icon-default:before {\n content: \"\\eb88\";\n}\n\n/*!@.codicon-debug-stackframe-active:before*/.codicon-debug-stackframe-active.sc-kol-icon-default:before {\n content: \"\\eb89\";\n}\n\n/*!@.codicon-circle-small-filled:before*/.codicon-circle-small-filled.sc-kol-icon-default:before {\n content: \"\\eb8a\";\n}\n\n/*!@.codicon-debug-stackframe-dot:before*/.codicon-debug-stackframe-dot.sc-kol-icon-default:before {\n content: \"\\eb8a\";\n}\n\n/*!@.codicon-debug-stackframe:before*/.codicon-debug-stackframe.sc-kol-icon-default:before {\n content: \"\\eb8b\";\n}\n\n/*!@.codicon-debug-stackframe-focused:before*/.codicon-debug-stackframe-focused.sc-kol-icon-default:before {\n content: \"\\eb8b\";\n}\n\n/*!@.codicon-debug-breakpoint-unsupported:before*/.codicon-debug-breakpoint-unsupported.sc-kol-icon-default:before {\n content: \"\\eb8c\";\n}\n\n/*!@.codicon-symbol-string:before*/.codicon-symbol-string.sc-kol-icon-default:before {\n content: \"\\eb8d\";\n}\n\n/*!@.codicon-debug-reverse-continue:before*/.codicon-debug-reverse-continue.sc-kol-icon-default:before {\n content: \"\\eb8e\";\n}\n\n/*!@.codicon-debug-step-back:before*/.codicon-debug-step-back.sc-kol-icon-default:before {\n content: \"\\eb8f\";\n}\n\n/*!@.codicon-debug-restart-frame:before*/.codicon-debug-restart-frame.sc-kol-icon-default:before {\n content: \"\\eb90\";\n}\n\n/*!@.codicon-debug-alt:before*/.codicon-debug-alt.sc-kol-icon-default:before {\n content: \"\\eb91\";\n}\n\n/*!@.codicon-call-incoming:before*/.codicon-call-incoming.sc-kol-icon-default:before {\n content: \"\\eb92\";\n}\n\n/*!@.codicon-call-outgoing:before*/.codicon-call-outgoing.sc-kol-icon-default:before {\n content: \"\\eb93\";\n}\n\n/*!@.codicon-menu:before*/.codicon-menu.sc-kol-icon-default:before {\n content: \"\\eb94\";\n}\n\n/*!@.codicon-expand-all:before*/.codicon-expand-all.sc-kol-icon-default:before {\n content: \"\\eb95\";\n}\n\n/*!@.codicon-feedback:before*/.codicon-feedback.sc-kol-icon-default:before {\n content: \"\\eb96\";\n}\n\n/*!@.codicon-group-by-ref-type:before*/.codicon-group-by-ref-type.sc-kol-icon-default:before {\n content: \"\\eb97\";\n}\n\n/*!@.codicon-ungroup-by-ref-type:before*/.codicon-ungroup-by-ref-type.sc-kol-icon-default:before {\n content: \"\\eb98\";\n}\n\n/*!@.codicon-account:before*/.codicon-account.sc-kol-icon-default:before {\n content: \"\\eb99\";\n}\n\n/*!@.codicon-bell-dot:before*/.codicon-bell-dot.sc-kol-icon-default:before {\n content: \"\\eb9a\";\n}\n\n/*!@.codicon-debug-console:before*/.codicon-debug-console.sc-kol-icon-default:before {\n content: \"\\eb9b\";\n}\n\n/*!@.codicon-library:before*/.codicon-library.sc-kol-icon-default:before {\n content: \"\\eb9c\";\n}\n\n/*!@.codicon-output:before*/.codicon-output.sc-kol-icon-default:before {\n content: \"\\eb9d\";\n}\n\n/*!@.codicon-run-all:before*/.codicon-run-all.sc-kol-icon-default:before {\n content: \"\\eb9e\";\n}\n\n/*!@.codicon-sync-ignored:before*/.codicon-sync-ignored.sc-kol-icon-default:before {\n content: \"\\eb9f\";\n}\n\n/*!@.codicon-pinned:before*/.codicon-pinned.sc-kol-icon-default:before {\n content: \"\\eba0\";\n}\n\n/*!@.codicon-github-inverted:before*/.codicon-github-inverted.sc-kol-icon-default:before {\n content: \"\\eba1\";\n}\n\n/*!@.codicon-server-process:before*/.codicon-server-process.sc-kol-icon-default:before {\n content: \"\\eba2\";\n}\n\n/*!@.codicon-server-environment:before*/.codicon-server-environment.sc-kol-icon-default:before {\n content: \"\\eba3\";\n}\n\n/*!@.codicon-pass:before*/.codicon-pass.sc-kol-icon-default:before {\n content: \"\\eba4\";\n}\n\n/*!@.codicon-issue-closed:before*/.codicon-issue-closed.sc-kol-icon-default:before {\n content: \"\\eba4\";\n}\n\n/*!@.codicon-stop-circle:before*/.codicon-stop-circle.sc-kol-icon-default:before {\n content: \"\\eba5\";\n}\n\n/*!@.codicon-play-circle:before*/.codicon-play-circle.sc-kol-icon-default:before {\n content: \"\\eba6\";\n}\n\n/*!@.codicon-record:before*/.codicon-record.sc-kol-icon-default:before {\n content: \"\\eba7\";\n}\n\n/*!@.codicon-debug-alt-small:before*/.codicon-debug-alt-small.sc-kol-icon-default:before {\n content: \"\\eba8\";\n}\n\n/*!@.codicon-vm-connect:before*/.codicon-vm-connect.sc-kol-icon-default:before {\n content: \"\\eba9\";\n}\n\n/*!@.codicon-cloud:before*/.codicon-cloud.sc-kol-icon-default:before {\n content: \"\\ebaa\";\n}\n\n/*!@.codicon-merge:before*/.codicon-merge.sc-kol-icon-default:before {\n content: \"\\ebab\";\n}\n\n/*!@.codicon-export:before*/.codicon-export.sc-kol-icon-default:before {\n content: \"\\ebac\";\n}\n\n/*!@.codicon-graph-left:before*/.codicon-graph-left.sc-kol-icon-default:before {\n content: \"\\ebad\";\n}\n\n/*!@.codicon-magnet:before*/.codicon-magnet.sc-kol-icon-default:before {\n content: \"\\ebae\";\n}\n\n/*!@.codicon-notebook:before*/.codicon-notebook.sc-kol-icon-default:before {\n content: \"\\ebaf\";\n}\n\n/*!@.codicon-redo:before*/.codicon-redo.sc-kol-icon-default:before {\n content: \"\\ebb0\";\n}\n\n/*!@.codicon-check-all:before*/.codicon-check-all.sc-kol-icon-default:before {\n content: \"\\ebb1\";\n}\n\n/*!@.codicon-pinned-dirty:before*/.codicon-pinned-dirty.sc-kol-icon-default:before {\n content: \"\\ebb2\";\n}\n\n/*!@.codicon-pass-filled:before*/.codicon-pass-filled.sc-kol-icon-default:before {\n content: \"\\ebb3\";\n}\n\n/*!@.codicon-circle-large-filled:before*/.codicon-circle-large-filled.sc-kol-icon-default:before {\n content: \"\\ebb4\";\n}\n\n/*!@.codicon-circle-large-outline:before*/.codicon-circle-large-outline.sc-kol-icon-default:before {\n content: \"\\ebb5\";\n}\n\n/*!@.codicon-combine:before*/.codicon-combine.sc-kol-icon-default:before {\n content: \"\\ebb6\";\n}\n\n/*!@.codicon-gather:before*/.codicon-gather.sc-kol-icon-default:before {\n content: \"\\ebb6\";\n}\n\n/*!@.codicon-table:before*/.codicon-table.sc-kol-icon-default:before {\n content: \"\\ebb7\";\n}\n\n/*!@.codicon-variable-group:before*/.codicon-variable-group.sc-kol-icon-default:before {\n content: \"\\ebb8\";\n}\n\n/*!@.codicon-type-hierarchy:before*/.codicon-type-hierarchy.sc-kol-icon-default:before {\n content: \"\\ebb9\";\n}\n\n/*!@.codicon-type-hierarchy-sub:before*/.codicon-type-hierarchy-sub.sc-kol-icon-default:before {\n content: \"\\ebba\";\n}\n\n/*!@.codicon-type-hierarchy-super:before*/.codicon-type-hierarchy-super.sc-kol-icon-default:before {\n content: \"\\ebbb\";\n}\n\n/*!@.codicon-git-pull-request-create:before*/.codicon-git-pull-request-create.sc-kol-icon-default:before {\n content: \"\\ebbc\";\n}\n\n/*!@.codicon-run-above:before*/.codicon-run-above.sc-kol-icon-default:before {\n content: \"\\ebbd\";\n}\n\n/*!@.codicon-run-below:before*/.codicon-run-below.sc-kol-icon-default:before {\n content: \"\\ebbe\";\n}\n\n/*!@.codicon-notebook-template:before*/.codicon-notebook-template.sc-kol-icon-default:before {\n content: \"\\ebbf\";\n}\n\n/*!@.codicon-debug-rerun:before*/.codicon-debug-rerun.sc-kol-icon-default:before {\n content: \"\\ebc0\";\n}\n\n/*!@.codicon-workspace-trusted:before*/.codicon-workspace-trusted.sc-kol-icon-default:before {\n content: \"\\ebc1\";\n}\n\n/*!@.codicon-workspace-untrusted:before*/.codicon-workspace-untrusted.sc-kol-icon-default:before {\n content: \"\\ebc2\";\n}\n\n/*!@.codicon-workspace-unknown:before*/.codicon-workspace-unknown.sc-kol-icon-default:before {\n content: \"\\ebc3\";\n}\n\n/*!@.codicon-terminal-cmd:before*/.codicon-terminal-cmd.sc-kol-icon-default:before {\n content: \"\\ebc4\";\n}\n\n/*!@.codicon-terminal-debian:before*/.codicon-terminal-debian.sc-kol-icon-default:before {\n content: \"\\ebc5\";\n}\n\n/*!@.codicon-terminal-linux:before*/.codicon-terminal-linux.sc-kol-icon-default:before {\n content: \"\\ebc6\";\n}\n\n/*!@.codicon-terminal-powershell:before*/.codicon-terminal-powershell.sc-kol-icon-default:before {\n content: \"\\ebc7\";\n}\n\n/*!@.codicon-terminal-tmux:before*/.codicon-terminal-tmux.sc-kol-icon-default:before {\n content: \"\\ebc8\";\n}\n\n/*!@.codicon-terminal-ubuntu:before*/.codicon-terminal-ubuntu.sc-kol-icon-default:before {\n content: \"\\ebc9\";\n}\n\n/*!@.codicon-terminal-bash:before*/.codicon-terminal-bash.sc-kol-icon-default:before {\n content: \"\\ebca\";\n}\n\n/*!@.codicon-arrow-swap:before*/.codicon-arrow-swap.sc-kol-icon-default:before {\n content: \"\\ebcb\";\n}\n\n/*!@.codicon-copy:before*/.codicon-copy.sc-kol-icon-default:before {\n content: \"\\ebcc\";\n}\n\n/*!@.codicon-person-add:before*/.codicon-person-add.sc-kol-icon-default:before {\n content: \"\\ebcd\";\n}\n\n/*!@.codicon-filter-filled:before*/.codicon-filter-filled.sc-kol-icon-default:before {\n content: \"\\ebce\";\n}\n\n/*!@.codicon-wand:before*/.codicon-wand.sc-kol-icon-default:before {\n content: \"\\ebcf\";\n}\n\n/*!@.codicon-debug-line-by-line:before*/.codicon-debug-line-by-line.sc-kol-icon-default:before {\n content: \"\\ebd0\";\n}\n\n/*!@.codicon-inspect:before*/.codicon-inspect.sc-kol-icon-default:before {\n content: \"\\ebd1\";\n}\n\n/*!@.codicon-layers:before*/.codicon-layers.sc-kol-icon-default:before {\n content: \"\\ebd2\";\n}\n\n/*!@.codicon-layers-dot:before*/.codicon-layers-dot.sc-kol-icon-default:before {\n content: \"\\ebd3\";\n}\n\n/*!@.codicon-layers-active:before*/.codicon-layers-active.sc-kol-icon-default:before {\n content: \"\\ebd4\";\n}\n\n/*!@.codicon-compass:before*/.codicon-compass.sc-kol-icon-default:before {\n content: \"\\ebd5\";\n}\n\n/*!@.codicon-compass-dot:before*/.codicon-compass-dot.sc-kol-icon-default:before {\n content: \"\\ebd6\";\n}\n\n/*!@.codicon-compass-active:before*/.codicon-compass-active.sc-kol-icon-default:before {\n content: \"\\ebd7\";\n}\n\n/*!@.codicon-azure:before*/.codicon-azure.sc-kol-icon-default:before {\n content: \"\\ebd8\";\n}\n\n/*!@.codicon-issue-draft:before*/.codicon-issue-draft.sc-kol-icon-default:before {\n content: \"\\ebd9\";\n}\n\n/*!@.codicon-git-pull-request-closed:before*/.codicon-git-pull-request-closed.sc-kol-icon-default:before {\n content: \"\\ebda\";\n}\n\n/*!@.codicon-git-pull-request-draft:before*/.codicon-git-pull-request-draft.sc-kol-icon-default:before {\n content: \"\\ebdb\";\n}\n\n/*!@.codicon-debug-all:before*/.codicon-debug-all.sc-kol-icon-default:before {\n content: \"\\ebdc\";\n}\n\n/*!@.codicon-debug-coverage:before*/.codicon-debug-coverage.sc-kol-icon-default:before {\n content: \"\\ebdd\";\n}\n\n/*!@.codicon-run-errors:before*/.codicon-run-errors.sc-kol-icon-default:before {\n content: \"\\ebde\";\n}\n\n/*!@.codicon-folder-library:before*/.codicon-folder-library.sc-kol-icon-default:before {\n content: \"\\ebdf\";\n}\n\n/*!@.codicon-debug-continue-small:before*/.codicon-debug-continue-small.sc-kol-icon-default:before {\n content: \"\\ebe0\";\n}\n\n/*!@.codicon-beaker-stop:before*/.codicon-beaker-stop.sc-kol-icon-default:before {\n content: \"\\ebe1\";\n}\n\n/*!@.codicon-graph-line:before*/.codicon-graph-line.sc-kol-icon-default:before {\n content: \"\\ebe2\";\n}\n\n/*!@.codicon-graph-scatter:before*/.codicon-graph-scatter.sc-kol-icon-default:before {\n content: \"\\ebe3\";\n}\n\n/*!@.codicon-pie-chart:before*/.codicon-pie-chart.sc-kol-icon-default:before {\n content: \"\\ebe4\";\n}\n\n/*!@.codicon-bracket:before*/.codicon-bracket.sc-kol-icon-default:before {\n content: \"\\eb0f\";\n}\n\n/*!@.codicon-bracket-dot:before*/.codicon-bracket-dot.sc-kol-icon-default:before {\n content: \"\\ebe5\";\n}\n\n/*!@.codicon-bracket-error:before*/.codicon-bracket-error.sc-kol-icon-default:before {\n content: \"\\ebe6\";\n}\n\n/*!@.codicon-lock-small:before*/.codicon-lock-small.sc-kol-icon-default:before {\n content: \"\\ebe7\";\n}\n\n/*!@.codicon-azure-devops:before*/.codicon-azure-devops.sc-kol-icon-default:before {\n content: \"\\ebe8\";\n}\n\n/*!@.codicon-verified-filled:before*/.codicon-verified-filled.sc-kol-icon-default:before {\n content: \"\\ebe9\";\n}\n\n/*!@.codicon-newline:before*/.codicon-newline.sc-kol-icon-default:before {\n content: \"\\ebea\";\n}\n\n/*!@.codicon-layout:before*/.codicon-layout.sc-kol-icon-default:before {\n content: \"\\ebeb\";\n}\n\n/*!@.codicon-layout-activitybar-left:before*/.codicon-layout-activitybar-left.sc-kol-icon-default:before {\n content: \"\\ebec\";\n}\n\n/*!@.codicon-layout-activitybar-right:before*/.codicon-layout-activitybar-right.sc-kol-icon-default:before {\n content: \"\\ebed\";\n}\n\n/*!@.codicon-layout-panel-left:before*/.codicon-layout-panel-left.sc-kol-icon-default:before {\n content: \"\\ebee\";\n}\n\n/*!@.codicon-layout-panel-center:before*/.codicon-layout-panel-center.sc-kol-icon-default:before {\n content: \"\\ebef\";\n}\n\n/*!@.codicon-layout-panel-justify:before*/.codicon-layout-panel-justify.sc-kol-icon-default:before {\n content: \"\\ebf0\";\n}\n\n/*!@.codicon-layout-panel-right:before*/.codicon-layout-panel-right.sc-kol-icon-default:before {\n content: \"\\ebf1\";\n}\n\n/*!@.codicon-layout-panel:before*/.codicon-layout-panel.sc-kol-icon-default:before {\n content: \"\\ebf2\";\n}\n\n/*!@.codicon-layout-sidebar-left:before*/.codicon-layout-sidebar-left.sc-kol-icon-default:before {\n content: \"\\ebf3\";\n}\n\n/*!@.codicon-layout-sidebar-right:before*/.codicon-layout-sidebar-right.sc-kol-icon-default:before {\n content: \"\\ebf4\";\n}\n\n/*!@.codicon-layout-statusbar:before*/.codicon-layout-statusbar.sc-kol-icon-default:before {\n content: \"\\ebf5\";\n}\n\n/*!@.codicon-layout-menubar:before*/.codicon-layout-menubar.sc-kol-icon-default:before {\n content: \"\\ebf6\";\n}\n\n/*!@.codicon-layout-centered:before*/.codicon-layout-centered.sc-kol-icon-default:before {\n content: \"\\ebf7\";\n}\n\n/*!@.codicon-target:before*/.codicon-target.sc-kol-icon-default:before {\n content: \"\\ebf8\";\n}\n\n/*!@.codicon-indent:before*/.codicon-indent.sc-kol-icon-default:before {\n content: \"\\ebf9\";\n}\n\n/*!@.codicon-record-small:before*/.codicon-record-small.sc-kol-icon-default:before {\n content: \"\\ebfa\";\n}\n\n/*!@.codicon-error-small:before*/.codicon-error-small.sc-kol-icon-default:before {\n content: \"\\ebfb\";\n}\n\n/*!@.codicon-arrow-circle-down:before*/.codicon-arrow-circle-down.sc-kol-icon-default:before {\n content: \"\\ebfc\";\n}\n\n/*!@.codicon-arrow-circle-left:before*/.codicon-arrow-circle-left.sc-kol-icon-default:before {\n content: \"\\ebfd\";\n}\n\n/*!@.codicon-arrow-circle-right:before*/.codicon-arrow-circle-right.sc-kol-icon-default:before {\n content: \"\\ebfe\";\n}\n\n/*!@.codicon-arrow-circle-up:before*/.codicon-arrow-circle-up.sc-kol-icon-default:before {\n content: \"\\ebff\";\n}\n\n/*!@.codicon-layout-sidebar-right-off:before*/.codicon-layout-sidebar-right-off.sc-kol-icon-default:before {\n content: \"\\ec00\";\n}\n\n/*!@.codicon-layout-panel-off:before*/.codicon-layout-panel-off.sc-kol-icon-default:before {\n content: \"\\ec01\";\n}\n\n/*!@.codicon-layout-sidebar-left-off:before*/.codicon-layout-sidebar-left-off.sc-kol-icon-default:before {\n content: \"\\ec02\";\n}\n\n/*!@.codicon-blank:before*/.codicon-blank.sc-kol-icon-default:before {\n content: \"\\ec03\";\n}\n\n/*!@.codicon-heart-filled:before*/.codicon-heart-filled.sc-kol-icon-default:before {\n content: \"\\ec04\";\n}\n\n/*!@.codicon-map:before*/.codicon-map.sc-kol-icon-default:before {\n content: \"\\ec05\";\n}\n\n/*!@.codicon-map-filled:before*/.codicon-map-filled.sc-kol-icon-default:before {\n content: \"\\ec06\";\n}\n\n/*!@.codicon-circle-small:before*/.codicon-circle-small.sc-kol-icon-default:before {\n content: \"\\ec07\";\n}\n\n/*!@.codicon-bell-slash:before*/.codicon-bell-slash.sc-kol-icon-default:before {\n content: \"\\ec08\";\n}\n\n/*!@.codicon-bell-slash-dot:before*/.codicon-bell-slash-dot.sc-kol-icon-default:before {\n content: \"\\ec09\";\n}\n\n/*!@.codicon-comment-unresolved:before*/.codicon-comment-unresolved.sc-kol-icon-default:before {\n content: \"\\ec0a\";\n}\n\n/*!@.codicon-git-pull-request-go-to-changes:before*/.codicon-git-pull-request-go-to-changes.sc-kol-icon-default:before {\n content: \"\\ec0b\";\n}\n\n/*!@.codicon-git-pull-request-new-changes:before*/.codicon-git-pull-request-new-changes.sc-kol-icon-default:before {\n content: \"\\ec0c\";\n}\n\n@layer kol-component {\n \n .sc-kol-icon-default-h {\n color: inherit;\n display: contents;\n height: 1em;\n line-height: inherit;\n width: 1em;\n }\n .sc-kol-icon-default-h > i {\n height: 1em;\n width: 1em;\n }\n \n .sc-kol-icon-default-h > i,\n .sc-kol-icon-default-h > i:before {\n font-size: inherit !important;\n }\n}";
|
|
16082
|
-
var
|
|
16445
|
+
const defaultStyleCss$C = "@layer kol-global {\n .sc-kol-details-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-details-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-details-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .sc-kol-details-default-h {\n display: block;\n }\n}\n@layer kol-component {\n .sc-kol-details-default-h {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n details {\n display: grid;\n }\n details > summary {\n cursor: pointer;\n display: flex;\n place-items: center;\n }\n details > summary > span {\n border-bottom-color: grey;\n border-bottom-style: solid;\n }\n details > summary:focus > span,\n details > summary:hover > span,\n details[open] > summary > span {\n border-bottom-color: #000;\n }\n .content {\n overflow: hidden;\n }\n details > .kol-indented-text {\n margin: 0.25em 0 0 0.5em;\n }\n .icon.is-open::part(icon) {\n transform: rotate(90deg);\n }\n}";
|
|
16446
|
+
var KolDetailsDefaultStyle0 = defaultStyleCss$C;
|
|
16083
16447
|
|
|
16084
|
-
class
|
|
16448
|
+
class KolDetails {
|
|
16085
16449
|
constructor(hostRef) {
|
|
16086
16450
|
registerInstance(this, hostRef);
|
|
16087
|
-
this.
|
|
16451
|
+
this.catchDetails = (ref) => {
|
|
16452
|
+
this.detailsElement = ref;
|
|
16453
|
+
};
|
|
16454
|
+
this.catchSummary = (ref) => {
|
|
16455
|
+
this.summaryElement = ref;
|
|
16456
|
+
propagateFocus(this.host, this.summaryElement);
|
|
16457
|
+
};
|
|
16458
|
+
this.preventToggleIfDisabled = (event) => {
|
|
16459
|
+
if (this.state._disabled === true) {
|
|
16460
|
+
preventDefaultAndStopPropagation(event);
|
|
16461
|
+
}
|
|
16462
|
+
};
|
|
16463
|
+
this.handleToggle = (event) => {
|
|
16464
|
+
clearTimeout(this.toggleTimeout);
|
|
16465
|
+
this.toggleTimeout = setTimeout(() => {
|
|
16466
|
+
var _a, _b, _c, _d;
|
|
16467
|
+
const open = Boolean((_a = this.detailsElement) === null || _a === void 0 ? void 0 : _a.open);
|
|
16468
|
+
if (open !== this.state._open) {
|
|
16469
|
+
this._open = Boolean((_b = this.detailsElement) === null || _b === void 0 ? void 0 : _b.open);
|
|
16470
|
+
tryToDispatchKoliBriEvent('toggle', this.host, this._open);
|
|
16471
|
+
if (typeof ((_c = this.state._on) === null || _c === void 0 ? void 0 : _c.onToggle) === 'function') {
|
|
16472
|
+
(_d = this.state._on) === null || _d === void 0 ? void 0 : _d.onToggle(event, this._open);
|
|
16473
|
+
}
|
|
16474
|
+
}
|
|
16475
|
+
}, 25);
|
|
16476
|
+
};
|
|
16477
|
+
this._disabled = false;
|
|
16088
16478
|
this._label = undefined;
|
|
16479
|
+
this._on = undefined;
|
|
16480
|
+
this._open = false;
|
|
16089
16481
|
this.state = {
|
|
16090
|
-
_icons: 'codicon codicon-home',
|
|
16091
16482
|
_label: '',
|
|
16483
|
+
_on: {},
|
|
16092
16484
|
};
|
|
16093
16485
|
}
|
|
16094
16486
|
render() {
|
|
16095
|
-
|
|
16096
|
-
|
|
16487
|
+
return (hAsync(Host, { key: '4ad8208280a549ec10c547b20ddb003e04e68f01', class: "kol-details" }, hAsync("details", { key: '229ce17a1772bed26309a249a4326152edbe4e6e', ref: this.catchDetails, class: {
|
|
16488
|
+
disabled: this.state._disabled === true,
|
|
16489
|
+
open: this.state._open === true,
|
|
16490
|
+
}, onToggle: this.handleToggle }, hAsync("summary", { key: '727bb07a088a3138ff4fc29ee6fe43bcf9543379', ref: this.catchSummary, "aria-disabled": this.state._disabled ? 'true' : undefined, onClick: this.preventToggleIfDisabled, onKeyPress: this.preventToggleIfDisabled, tabIndex: this.state._disabled ? -1 : undefined }, hAsync(KolIconTag, { key: '5ecf957e42408222a4fbd78c2a9974c6c6880bc9', _label: "", _icons: "codicon codicon-chevron-right", class: `icon ${this.state._open ? 'is-open' : ''}` }), hAsync("span", { key: '2efa00fd37325648edd0c430db88a1d6f73d270c' }, this.state._label)), hAsync("div", { key: '1d527e8caeb3c9458ecde81c4c779c505ed19dc4', "aria-hidden": this.state._open === false ? 'true' : undefined, class: "content", ref: (element) => (this.contentElement = element) }, hAsync(KolIndentedTextTag, { key: '6f57d85524db46b0a381e535b7e280ca92483ce7' }, hAsync("slot", { key: '518dd2d74ae80a0de06efcbd1097aa8e72de5db1' }))))));
|
|
16097
16491
|
}
|
|
16098
|
-
|
|
16099
|
-
|
|
16100
|
-
required: true,
|
|
16101
|
-
});
|
|
16492
|
+
validateDisabled(value) {
|
|
16493
|
+
validateDisabled(this, value);
|
|
16102
16494
|
}
|
|
16103
16495
|
validateLabel(value) {
|
|
16104
16496
|
validateLabel(this, value, {
|
|
16105
16497
|
required: true,
|
|
16106
16498
|
});
|
|
16107
16499
|
}
|
|
16500
|
+
validateOn(on) {
|
|
16501
|
+
if (typeof on === 'object' && on !== null && typeof on.onToggle === 'function') {
|
|
16502
|
+
setState(this, '_on', on);
|
|
16503
|
+
}
|
|
16504
|
+
}
|
|
16505
|
+
validateOpen(value) {
|
|
16506
|
+
validateOpen(this, value);
|
|
16507
|
+
}
|
|
16108
16508
|
componentWillLoad() {
|
|
16109
|
-
this.
|
|
16509
|
+
this.validateDisabled(this._disabled);
|
|
16110
16510
|
this.validateLabel(this._label);
|
|
16511
|
+
this.validateOn(this._on);
|
|
16512
|
+
this.validateOpen(this._open);
|
|
16513
|
+
}
|
|
16514
|
+
componentDidLoad() {
|
|
16515
|
+
if (this.detailsElement && this.summaryElement && this.contentElement) {
|
|
16516
|
+
const animationController = new DetailsAnimationController(this.detailsElement, this.summaryElement, this.contentElement);
|
|
16517
|
+
if (this.state._open) {
|
|
16518
|
+
animationController.open();
|
|
16519
|
+
}
|
|
16520
|
+
}
|
|
16111
16521
|
}
|
|
16522
|
+
get host() { return getElement(this); }
|
|
16112
16523
|
static get watchers() { return {
|
|
16113
|
-
"
|
|
16114
|
-
"_label": ["validateLabel"]
|
|
16524
|
+
"_disabled": ["validateDisabled"],
|
|
16525
|
+
"_label": ["validateLabel"],
|
|
16526
|
+
"_on": ["validateOn"],
|
|
16527
|
+
"_open": ["validateOpen"]
|
|
16115
16528
|
}; }
|
|
16116
16529
|
static get style() { return {
|
|
16117
|
-
default:
|
|
16530
|
+
default: KolDetailsDefaultStyle0
|
|
16118
16531
|
}; }
|
|
16119
16532
|
static get cmpMeta() { return {
|
|
16120
16533
|
"$flags$": 41,
|
|
16121
|
-
"$tagName$": "kol-
|
|
16534
|
+
"$tagName$": "kol-details",
|
|
16122
16535
|
"$members$": {
|
|
16123
|
-
"
|
|
16536
|
+
"_disabled": [4],
|
|
16124
16537
|
"_label": [1],
|
|
16538
|
+
"_on": [16],
|
|
16539
|
+
"_open": [1540],
|
|
16125
16540
|
"state": [32]
|
|
16126
16541
|
},
|
|
16127
16542
|
"$listeners$": undefined,
|
|
16128
16543
|
"$lazyBundleId$": "-",
|
|
16129
|
-
"$attrsToReflect$": []
|
|
16544
|
+
"$attrsToReflect$": [["_open", "_open"]]
|
|
16130
16545
|
}; }
|
|
16131
16546
|
}
|
|
16132
16547
|
|
|
16133
|
-
|
|
16134
|
-
var KolImageDefaultStyle0 = defaultStyleCss$y;
|
|
16135
|
-
|
|
16136
|
-
class KolImage {
|
|
16548
|
+
class KolForm {
|
|
16137
16549
|
constructor(hostRef) {
|
|
16138
16550
|
registerInstance(this, hostRef);
|
|
16139
|
-
this.
|
|
16140
|
-
|
|
16141
|
-
|
|
16142
|
-
|
|
16143
|
-
|
|
16144
|
-
|
|
16145
|
-
|
|
16146
|
-
_loading: 'lazy',
|
|
16147
|
-
_src: '',
|
|
16551
|
+
this.onSubmit = (event) => {
|
|
16552
|
+
var _a, _b;
|
|
16553
|
+
event.preventDefault();
|
|
16554
|
+
event.stopPropagation();
|
|
16555
|
+
if (typeof ((_a = this.state._on) === null || _a === void 0 ? void 0 : _a.onSubmit) === 'function') {
|
|
16556
|
+
(_b = this.state._on) === null || _b === void 0 ? void 0 : _b.onSubmit(event);
|
|
16557
|
+
}
|
|
16148
16558
|
};
|
|
16559
|
+
this.onReset = (event) => {
|
|
16560
|
+
var _a, _b;
|
|
16561
|
+
event.preventDefault();
|
|
16562
|
+
event.stopPropagation();
|
|
16563
|
+
if (typeof ((_a = this.state._on) === null || _a === void 0 ? void 0 : _a.onReset) === 'function') {
|
|
16564
|
+
(_b = this.state._on) === null || _b === void 0 ? void 0 : _b.onReset(event);
|
|
16565
|
+
}
|
|
16566
|
+
};
|
|
16567
|
+
this.handleLinkClick = (event) => {
|
|
16568
|
+
var _a;
|
|
16569
|
+
const href = (_a = event.target) === null || _a === void 0 ? void 0 : _a.href;
|
|
16570
|
+
if (href) {
|
|
16571
|
+
const hrefUrl = new URL(href);
|
|
16572
|
+
const targetElement = document.querySelector(hrefUrl.hash);
|
|
16573
|
+
if (targetElement && typeof targetElement.focus === 'function') {
|
|
16574
|
+
targetElement.scrollIntoView({ behavior: 'smooth' });
|
|
16575
|
+
targetElement.focus();
|
|
16576
|
+
}
|
|
16577
|
+
}
|
|
16578
|
+
};
|
|
16579
|
+
this._on = undefined;
|
|
16580
|
+
this._requiredText = true;
|
|
16581
|
+
this._errorList = undefined;
|
|
16582
|
+
this.state = {};
|
|
16149
16583
|
}
|
|
16150
|
-
|
|
16151
|
-
|
|
16152
|
-
|
|
16153
|
-
|
|
16584
|
+
render() {
|
|
16585
|
+
return (hAsync(Host, { key: 'c2f978944c0da89b0c1f721e48e62c20897c6e84', class: "kol-form" }, this._errorList && this._errorList.length > 0 && (hAsync(KolAlertTag, { key: '89cc664c87a2aa777ff084d447f16cebf36d33ae', _type: "error" }, translate('kol-error-list-message'), hAsync("nav", { key: '1720c956e40dd31ebbc4e97aef78f8e1f8c204ae', "aria-label": translate('kol-error-list') }, hAsync("ul", { key: 'f99ca1869fdc217c7ebca978c2f92bf1467e19a7' }, this._errorList.map((error, index) => (hAsync("li", { key: index }, hAsync(KolLinkTag, { _href: error.selector, _label: error.message, _on: { onClick: this.handleLinkClick }, ref: (el) => {
|
|
16586
|
+
if (index === 0)
|
|
16587
|
+
this.errorListElement = el;
|
|
16588
|
+
} })))))))), hAsync("form", { key: '9076849c5f027e66ca37da072ac15271b19ae464', method: "post", onSubmit: this.onSubmit, onReset: this.onReset, autoComplete: "off", noValidate: true }, this.state._requiredText === true ? (hAsync("p", null, hAsync(KolIndentedTextTag, null, translate('kol-form-description')))) : typeof this.state._requiredText === 'string' && this.state._requiredText.length > 0 ? (hAsync("p", null, hAsync(KolIndentedTextTag, null, this.state._requiredText))) : null, hAsync("slot", { key: 'c94ae6cfb941c2a73196cb77361fb74bcaff9d0f' }))));
|
|
16154
16589
|
}
|
|
16155
|
-
|
|
16156
|
-
|
|
16590
|
+
async focusErrorList() {
|
|
16591
|
+
setTimeout(() => {
|
|
16592
|
+
var _a;
|
|
16593
|
+
if (this._errorList && this._errorList.length > 0) {
|
|
16594
|
+
(_a = this.errorListElement) === null || _a === void 0 ? void 0 : _a.focus();
|
|
16595
|
+
}
|
|
16596
|
+
}, 300);
|
|
16597
|
+
return Promise.resolve();
|
|
16157
16598
|
}
|
|
16158
|
-
|
|
16159
|
-
|
|
16599
|
+
validateOn(value) {
|
|
16600
|
+
if (typeof value === 'object' && value !== null) {
|
|
16601
|
+
this.state = Object.assign(Object.assign({}, this.state), { _on: value });
|
|
16602
|
+
}
|
|
16160
16603
|
}
|
|
16161
|
-
|
|
16162
|
-
|
|
16163
|
-
|
|
16164
|
-
}
|
|
16604
|
+
validateRequiredText(value) {
|
|
16605
|
+
if (typeof value === 'boolean') {
|
|
16606
|
+
watchBoolean(this, '_requiredText', value);
|
|
16607
|
+
}
|
|
16608
|
+
else {
|
|
16609
|
+
watchString(this, '_requiredText', value);
|
|
16610
|
+
}
|
|
16165
16611
|
}
|
|
16166
|
-
|
|
16167
|
-
|
|
16612
|
+
validateErrorList(value) {
|
|
16613
|
+
validateErrorList(this, value);
|
|
16168
16614
|
}
|
|
16169
16615
|
componentWillLoad() {
|
|
16170
|
-
this.
|
|
16171
|
-
this.
|
|
16172
|
-
this.
|
|
16173
|
-
this.validateSrc(this._src);
|
|
16174
|
-
this.validateSrcset(this._srcset);
|
|
16175
|
-
}
|
|
16176
|
-
render() {
|
|
16177
|
-
return (hAsync(Host, { key: '976da0c35e4cfec6f956185740885cee765fc2d5', class: "kol-image" }, hAsync("img", { key: 'd9aab0d1ff56a0a63acd16d130a9703fd2fb2d2e', alt: this.state._alt, loading: this.state._loading, sizes: this.state._sizes, src: this.state._src, srcset: this.state._srcset })));
|
|
16616
|
+
this.validateOn(this._on);
|
|
16617
|
+
this.validateRequiredText(this._requiredText);
|
|
16618
|
+
this.validateErrorList(this._errorList);
|
|
16178
16619
|
}
|
|
16179
16620
|
static get watchers() { return {
|
|
16180
|
-
"
|
|
16181
|
-
"
|
|
16182
|
-
"
|
|
16183
|
-
"_src": ["validateSrc"],
|
|
16184
|
-
"_srcset": ["validateSrcset"]
|
|
16185
|
-
}; }
|
|
16186
|
-
static get style() { return {
|
|
16187
|
-
default: KolImageDefaultStyle0
|
|
16621
|
+
"_on": ["validateOn"],
|
|
16622
|
+
"_requiredText": ["validateRequiredText"],
|
|
16623
|
+
"_errorList": ["validateErrorList"]
|
|
16188
16624
|
}; }
|
|
16189
16625
|
static get cmpMeta() { return {
|
|
16190
|
-
"$flags$":
|
|
16191
|
-
"$tagName$": "kol-
|
|
16626
|
+
"$flags$": 9,
|
|
16627
|
+
"$tagName$": "kol-form",
|
|
16192
16628
|
"$members$": {
|
|
16193
|
-
"
|
|
16194
|
-
"
|
|
16195
|
-
"
|
|
16196
|
-
"
|
|
16197
|
-
"
|
|
16198
|
-
"state": [32]
|
|
16629
|
+
"_on": [16],
|
|
16630
|
+
"_requiredText": [8, "_required-text"],
|
|
16631
|
+
"_errorList": [16],
|
|
16632
|
+
"state": [32],
|
|
16633
|
+
"focusErrorList": [64]
|
|
16199
16634
|
},
|
|
16200
16635
|
"$listeners$": undefined,
|
|
16201
16636
|
"$lazyBundleId$": "-",
|
|
@@ -16203,25 +16638,31 @@ class KolImage {
|
|
|
16203
16638
|
}; }
|
|
16204
16639
|
}
|
|
16205
16640
|
|
|
16206
|
-
const defaultStyleCss$
|
|
16207
|
-
var
|
|
16641
|
+
const defaultStyleCss$B = "@layer kol-global {\n .sc-kol-heading-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-heading-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-heading-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .sc-kol-heading-default-h {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n}";
|
|
16642
|
+
var KolHeadingDefaultStyle0 = defaultStyleCss$B;
|
|
16208
16643
|
|
|
16209
|
-
class
|
|
16644
|
+
class KolHeading {
|
|
16210
16645
|
constructor(hostRef) {
|
|
16211
16646
|
registerInstance(this, hostRef);
|
|
16212
|
-
this.
|
|
16647
|
+
this._label = undefined;
|
|
16648
|
+
this._level = undefined;
|
|
16649
|
+
this._secondaryHeadline = undefined;
|
|
16650
|
+
this._variant = undefined;
|
|
16213
16651
|
}
|
|
16214
16652
|
render() {
|
|
16215
|
-
return (hAsync(
|
|
16653
|
+
return (hAsync(KolHeadingWcTag, { key: 'd18d1a32f3a8872e62fe7d6c7d9743679bf013ad', _label: this._label, _level: this._level, _secondaryHeadline: this._secondaryHeadline, _variant: this._variant, class: "kol-heading" }, hAsync("slot", { key: '33dbca9444ebac88573e83027076aca06a2bcfd4', name: "expert", slot: "expert" })));
|
|
16216
16654
|
}
|
|
16217
16655
|
static get style() { return {
|
|
16218
|
-
default:
|
|
16656
|
+
default: KolHeadingDefaultStyle0
|
|
16219
16657
|
}; }
|
|
16220
16658
|
static get cmpMeta() { return {
|
|
16221
16659
|
"$flags$": 41,
|
|
16222
|
-
"$tagName$": "kol-
|
|
16660
|
+
"$tagName$": "kol-heading",
|
|
16223
16661
|
"$members$": {
|
|
16224
|
-
"
|
|
16662
|
+
"_label": [1],
|
|
16663
|
+
"_level": [2],
|
|
16664
|
+
"_secondaryHeadline": [1, "_secondary-headline"],
|
|
16665
|
+
"_variant": [1]
|
|
16225
16666
|
},
|
|
16226
16667
|
"$listeners$": undefined,
|
|
16227
16668
|
"$lazyBundleId$": "-",
|
|
@@ -16229,332 +16670,345 @@ class KolIndentedText {
|
|
|
16229
16670
|
}; }
|
|
16230
16671
|
}
|
|
16231
16672
|
|
|
16232
|
-
|
|
16233
|
-
|
|
16234
|
-
const FormFieldMsg = ({ _alert, _msg, _hideError, _id }) => (hAsync(KolAlertWcTag, Object.assign({ "aria-hidden": "true", id: `${_id}-error`, _alert: _alert, _type: "error", class: {
|
|
16235
|
-
error: true,
|
|
16236
|
-
'visually-hidden': _hideError === true,
|
|
16237
|
-
} }, _msg), (_msg === null || _msg === void 0 ? void 0 : _msg._description) || undefined));
|
|
16238
|
-
|
|
16239
|
-
class KolInput {
|
|
16673
|
+
class KolHeadingWc {
|
|
16240
16674
|
constructor(hostRef) {
|
|
16241
16675
|
registerInstance(this, hostRef);
|
|
16242
|
-
this.
|
|
16243
|
-
|
|
16244
|
-
|
|
16676
|
+
this.renderHeadline = (headline, level) => {
|
|
16677
|
+
const validHeadline = typeof level === 'number' && level > 0 && level <= 6;
|
|
16678
|
+
const HeadlineTag = validHeadline ? `h${level}` : 'strong';
|
|
16679
|
+
const variant = this._variant || HeadlineTag;
|
|
16680
|
+
return (hAsync(HeadlineTag, { class: {
|
|
16681
|
+
headline: true,
|
|
16682
|
+
[`headline-${variant}`]: true,
|
|
16683
|
+
} }, headline, hAsync("slot", { name: "expert" })));
|
|
16684
|
+
};
|
|
16685
|
+
this.renderSecondaryHeadline = (headline, level) => {
|
|
16686
|
+
switch (level) {
|
|
16687
|
+
case 1:
|
|
16688
|
+
return hAsync("span", { class: "secondary-headline" }, headline);
|
|
16689
|
+
case 2:
|
|
16690
|
+
return hAsync("h2", { class: "secondary-headline" }, headline);
|
|
16691
|
+
case 3:
|
|
16692
|
+
return hAsync("h3", { class: "secondary-headline" }, headline);
|
|
16693
|
+
case 4:
|
|
16694
|
+
return hAsync("h4", { class: "secondary-headline" }, headline);
|
|
16695
|
+
case 5:
|
|
16696
|
+
return hAsync("h5", { class: "secondary-headline" }, headline);
|
|
16697
|
+
case 6:
|
|
16698
|
+
return hAsync("h6", { class: "secondary-headline" }, headline);
|
|
16699
|
+
default:
|
|
16700
|
+
return hAsync("strong", { class: "secondary-headline" }, headline);
|
|
16701
|
+
}
|
|
16245
16702
|
};
|
|
16246
|
-
this._accessKey = undefined;
|
|
16247
|
-
this._alert = true;
|
|
16248
|
-
this._currentLength = undefined;
|
|
16249
|
-
this._disabled = false;
|
|
16250
|
-
this._hasCounter = false;
|
|
16251
|
-
this._hideError = false;
|
|
16252
|
-
this._hideLabel = false;
|
|
16253
|
-
this._hint = '';
|
|
16254
|
-
this._icons = undefined;
|
|
16255
|
-
this._id = undefined;
|
|
16256
16703
|
this._label = undefined;
|
|
16257
|
-
this.
|
|
16258
|
-
this.
|
|
16259
|
-
this.
|
|
16260
|
-
this.
|
|
16261
|
-
|
|
16262
|
-
|
|
16263
|
-
|
|
16264
|
-
this._smartButton = undefined;
|
|
16265
|
-
this._tooltipAlign = 'top';
|
|
16266
|
-
this._touched = false;
|
|
16704
|
+
this._level = 1;
|
|
16705
|
+
this._secondaryHeadline = undefined;
|
|
16706
|
+
this._variant = undefined;
|
|
16707
|
+
this.state = {
|
|
16708
|
+
_label: '',
|
|
16709
|
+
_level: 1,
|
|
16710
|
+
};
|
|
16267
16711
|
}
|
|
16268
|
-
|
|
16269
|
-
this
|
|
16712
|
+
validateLabel(value) {
|
|
16713
|
+
validateLabelWithExpertSlot(this, value);
|
|
16270
16714
|
}
|
|
16271
|
-
|
|
16272
|
-
|
|
16715
|
+
validateLevel(value) {
|
|
16716
|
+
watchHeadingLevel(this, value);
|
|
16273
16717
|
}
|
|
16274
|
-
|
|
16275
|
-
|
|
16276
|
-
const isMessageValidError = Boolean(((_a = this._msg) === null || _a === void 0 ? void 0 : _a._type) === 'error' && this._msg._description && ((_b = this._msg._description) === null || _b === void 0 ? void 0 : _b.length) > 0);
|
|
16277
|
-
const hasError = !this._readOnly && isMessageValidError && this._touched === true;
|
|
16278
|
-
const showFormFieldMsg = Boolean(hasError || (((_c = this._msg) === null || _c === void 0 ? void 0 : _c._type) !== 'error' && ((_d = this._msg) === null || _d === void 0 ? void 0 : _d._description)));
|
|
16279
|
-
const hasExpertSlot = showExpertSlot(this._label);
|
|
16280
|
-
const hasHint = typeof this._hint === 'string' && this._hint.length > 0;
|
|
16281
|
-
const useTooltopInsteadOfLabel = !hasExpertSlot && this._hideLabel;
|
|
16282
|
-
return (hAsync(Host, { key: 'b072543f7641ef363994245d06c7f2bd764f753f', class: clsx('kol-input', this.getModifierClassNameByMsgType(), {
|
|
16283
|
-
disabled: this._disabled === true,
|
|
16284
|
-
error: hasError === true,
|
|
16285
|
-
'read-only': this._readOnly === true,
|
|
16286
|
-
required: this._required === true,
|
|
16287
|
-
touched: this._touched === true,
|
|
16288
|
-
'hidden-error': this._hideError === true,
|
|
16289
|
-
}) }, hAsync("label", { key: 'c1477c93278760eb904c8be41af9e2d616172455', class: "input-label", id: !useTooltopInsteadOfLabel ? `${this._id}-label` : undefined, hidden: useTooltopInsteadOfLabel, htmlFor: this._id }, hAsync("span", { key: '56168b5b34ff6cb4fcf61ee06b10319ac4e5011a', class: "input-label-span" }, hAsync("slot", { key: 'a5d86e031f9de5ab58df928c01b6f3495afa73aa', name: "label" }))), hasHint && (hAsync("span", { key: '9eb13cd9be0d8f3b292e4741b9b5e3a30f87ea57', class: "hint", id: `${this._id}-hint` }, this._hint)), hAsync("div", { key: '544a5b66396437d9d204377a26b5a7f8b4920aa7', class: {
|
|
16290
|
-
input: true,
|
|
16291
|
-
'icon-left': typeof ((_e = this._icons) === null || _e === void 0 ? void 0 : _e.left) === 'object',
|
|
16292
|
-
'icon-right': typeof ((_f = this._icons) === null || _f === void 0 ? void 0 : _f.right) === 'object',
|
|
16293
|
-
} }, ((_g = this._icons) === null || _g === void 0 ? void 0 : _g.left) && (hAsync(KolIconTag, { key: '52f24a7649e61ba65586fa4fcd718af977188b2d', _label: "", _icons: ((_h = this._icons) === null || _h === void 0 ? void 0 : _h.left).icon, style: this.getIconStyles((_j = this._icons) === null || _j === void 0 ? void 0 : _j.left) })), hAsync("div", { key: 'ca294a18ec2654cf6f645ff3c3fd0810acc671a7', ref: this.catchInputSlot, id: this.slotName, class: "input-slot" }), typeof this._smartButton === 'object' && this._smartButton !== null && (hAsync(KolButtonWcTag, { key: 'bf192702fd5569ad649a0df9468b0ed269263226', _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 })), ((_k = this._icons) === null || _k === void 0 ? void 0 : _k.right) && (hAsync(KolIconTag, { key: 'cdbd580ebe51b27dbf57a23cf6cb4b9a0dc52c93', _label: "", _icons: ((_l = this._icons) === null || _l === void 0 ? void 0 : _l.right).icon, style: this.getIconStyles((_m = this._icons) === null || _m === void 0 ? void 0 : _m.right) }))), useTooltopInsteadOfLabel && (hAsync(KolTooltipWcTag, { key: '36299e559eaaf1542fa14aee60ea18ce5ad43d27', "aria-hidden": "true", class: "input-tooltip", _accessKey: this._accessKey, _align: this._tooltipAlign, _id: this._hideLabel ? `${this._id}-label` : undefined, _label: this._label })), showFormFieldMsg && hAsync(FormFieldMsg, { key: '1ef7bb15638c51e4905126e53d55c0bd78401014', _alert: this._alert, _hideError: this._hideError, _msg: this._msg, _id: this._id }), Array.isArray(this._suggestions) && this._suggestions.length > 0 && (hAsync("datalist", { key: '2140b9cf07bc0cc2cd6b68d96c51aea78261c7b6', id: `${this._id}-list` }, this._suggestions.map((option) => (hAsync("option", { value: option }))))), this._hasCounter && (hAsync("span", { key: '25ca509e7a4a52187a3b6fc47d66c4d03a241b23', class: "counter", "aria-atomic": "true", "aria-live": "polite" }, this._currentLength, this._maxLength && (hAsync(Fragment, null, hAsync("span", { key: '1ed61d7a3113d4a5dcfa88988d16d5c0521c8501', "aria-label": translate('kol-of'), role: "img" }, "/"), this._maxLength)), ' ', hAsync("span", { key: 'c460083b600b8b402dc533987cbc542824476036' }, translate('kol-characters'))))));
|
|
16718
|
+
validateSecondaryHeadline(value) {
|
|
16719
|
+
watchString(this, '_secondaryHeadline', value);
|
|
16294
16720
|
}
|
|
16295
|
-
|
|
16296
|
-
|
|
16297
|
-
if ((_a = this._msg) === null || _a === void 0 ? void 0 : _a._type) {
|
|
16298
|
-
return {
|
|
16299
|
-
default: 'msg-type-default',
|
|
16300
|
-
info: 'msg-type-info',
|
|
16301
|
-
success: 'msg-type-success',
|
|
16302
|
-
warning: 'msg-type-warning',
|
|
16303
|
-
error: 'msg-type-error',
|
|
16304
|
-
}[(_b = this._msg) === null || _b === void 0 ? void 0 : _b._type];
|
|
16305
|
-
}
|
|
16721
|
+
validateVariant(value) {
|
|
16722
|
+
validateHeadingVariant(this, value);
|
|
16306
16723
|
}
|
|
16307
|
-
|
|
16724
|
+
componentWillLoad() {
|
|
16725
|
+
this.validateLabel(this._label);
|
|
16726
|
+
this.validateLevel(this._level);
|
|
16727
|
+
this.validateSecondaryHeadline(this._secondaryHeadline);
|
|
16728
|
+
this.validateVariant(this._variant);
|
|
16729
|
+
}
|
|
16730
|
+
render() {
|
|
16731
|
+
return (hAsync(Host, { key: '0486dd8c673554b08b07640dace2e2a63d5e8d7a', class: "kol-heading-wc" }, typeof this.state._secondaryHeadline === 'string' && this.state._secondaryHeadline.length > 0 ? (hAsync("hgroup", null, this.renderHeadline(this.state._label, this.state._level), this.state._secondaryHeadline && this.renderSecondaryHeadline(this.state._secondaryHeadline, this.state._level + 1))) : (this.renderHeadline(this.state._label, this.state._level))));
|
|
16732
|
+
}
|
|
16733
|
+
static get watchers() { return {
|
|
16734
|
+
"_label": ["validateLabel"],
|
|
16735
|
+
"_level": ["validateLevel"],
|
|
16736
|
+
"_secondaryHeadline": ["validateSecondaryHeadline"],
|
|
16737
|
+
"_variant": ["validateVariant"]
|
|
16738
|
+
}; }
|
|
16308
16739
|
static get cmpMeta() { return {
|
|
16309
16740
|
"$flags$": 4,
|
|
16310
|
-
"$tagName$": "kol-
|
|
16741
|
+
"$tagName$": "kol-heading-wc",
|
|
16311
16742
|
"$members$": {
|
|
16312
|
-
"_accessKey": [1, "_access-key"],
|
|
16313
|
-
"_alert": [4],
|
|
16314
|
-
"_currentLength": [2, "_current-length"],
|
|
16315
|
-
"_disabled": [4],
|
|
16316
|
-
"_hasCounter": [4, "_has-counter"],
|
|
16317
|
-
"_hideError": [4, "_hide-error"],
|
|
16318
|
-
"_hideLabel": [4, "_hide-label"],
|
|
16319
|
-
"_hint": [1],
|
|
16320
|
-
"_icons": [16],
|
|
16321
|
-
"_id": [1],
|
|
16322
16743
|
"_label": [1],
|
|
16323
|
-
"
|
|
16324
|
-
"
|
|
16325
|
-
"
|
|
16326
|
-
"
|
|
16327
|
-
"_required": [4],
|
|
16328
|
-
"_slotName": [1, "_slot-name"],
|
|
16329
|
-
"_suggestions": [1],
|
|
16330
|
-
"_smartButton": [1, "_smart-button"],
|
|
16331
|
-
"_tooltipAlign": [1, "_tooltip-align"],
|
|
16332
|
-
"_touched": [4]
|
|
16744
|
+
"_level": [2],
|
|
16745
|
+
"_secondaryHeadline": [1, "_secondary-headline"],
|
|
16746
|
+
"_variant": [1],
|
|
16747
|
+
"state": [32]
|
|
16333
16748
|
},
|
|
16334
16749
|
"$listeners$": undefined,
|
|
16335
16750
|
"$lazyBundleId$": "-",
|
|
16336
16751
|
"$attrsToReflect$": []
|
|
16337
|
-
}; }
|
|
16338
|
-
}
|
|
16339
|
-
|
|
16340
|
-
const getRenderStates = (state) => {
|
|
16341
|
-
var _a, _b;
|
|
16342
|
-
const isMessageValidError = Boolean(((_a = state._msg) === null || _a === void 0 ? void 0 : _a._type) === 'error' && state._msg._description && ((_b = state._msg._description) === null || _b === void 0 ? void 0 : _b.length) > 0);
|
|
16343
|
-
const hasError = isMessageValidError && state._touched === true;
|
|
16344
|
-
const hasHint = typeof state._hint === 'string' && state._hint.length > 0;
|
|
16345
|
-
const ariaDescribedBy = [];
|
|
16346
|
-
if (hasError === true) {
|
|
16347
|
-
ariaDescribedBy.push(`${state._id}-error`);
|
|
16348
|
-
}
|
|
16349
|
-
if (hasHint === true) {
|
|
16350
|
-
ariaDescribedBy.push(`${state._id}-hint`);
|
|
16351
|
-
}
|
|
16352
|
-
return { hasError, hasHint, ariaDescribedBy };
|
|
16353
|
-
};
|
|
16354
|
-
|
|
16355
|
-
const InternalUnderlinedAccessKey = ({ accessKey, label }) => {
|
|
16356
|
-
let [first, ...rest] = label.split(accessKey);
|
|
16357
|
-
if (rest.length === 0) {
|
|
16358
|
-
accessKey = accessKey.toUpperCase();
|
|
16359
|
-
[first, ...rest] = label.split(accessKey);
|
|
16360
|
-
}
|
|
16361
|
-
if (rest.length === 0) {
|
|
16362
|
-
accessKey = accessKey.toLowerCase();
|
|
16363
|
-
[first, ...rest] = label.split(accessKey);
|
|
16364
|
-
}
|
|
16365
|
-
return (hAsync(Fragment, null,
|
|
16366
|
-
first,
|
|
16367
|
-
rest.length ? (hAsync(Fragment, null,
|
|
16368
|
-
hAsync("u", null, accessKey),
|
|
16369
|
-
rest.join(accessKey))) : null));
|
|
16370
|
-
};
|
|
16371
|
-
|
|
16372
|
-
class ControlledInputController extends AssociatedInputController {
|
|
16373
|
-
constructor(component, name, host) {
|
|
16374
|
-
super(component, name, host);
|
|
16375
|
-
this.component = component;
|
|
16376
|
-
}
|
|
16377
|
-
validateAlert(value) {
|
|
16378
|
-
watchBoolean(this.component, '_alert', value);
|
|
16379
|
-
}
|
|
16380
|
-
validateTouched(value) {
|
|
16381
|
-
validateTouched(this.component, value);
|
|
16382
|
-
}
|
|
16383
|
-
componentWillLoad() {
|
|
16384
|
-
super.componentWillLoad();
|
|
16385
|
-
this.validateAlert(this.component._alert);
|
|
16386
|
-
this.validateTouched(this.component._touched);
|
|
16387
|
-
}
|
|
16752
|
+
}; }
|
|
16388
16753
|
}
|
|
16389
16754
|
|
|
16390
|
-
class InputController extends ControlledInputController {
|
|
16391
|
-
|
|
16392
|
-
|
|
16393
|
-
|
|
16394
|
-
|
|
16395
|
-
|
|
16396
|
-
|
|
16397
|
-
|
|
16398
|
-
|
|
16399
|
-
|
|
16755
|
+
const defaultStyleCss$A = "@font-face {\n font-family: \"codicon\";\n font-display: block;\n src: url(\"./codicon.ttf?0e5b0adf625a37fbcd638d31f0fe72aa\") format(\"truetype\");\n}\n/*!@.codicon[class*=codicon-]*/.codicon[class*=codicon-].sc-kol-icon-default {\n font: normal normal normal 16px/1 codicon;\n display: inline-block;\n text-decoration: none;\n text-rendering: auto;\n text-align: center;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n}\n\n\n@keyframes codicon-spin {\n 100% {\n transform: rotate(360deg);\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 \n animation: codicon-spin 1.5s steps(30) infinite;\n}\n\n/*!@.codicon-modifier-disabled*/.codicon-modifier-disabled.sc-kol-icon-default {\n opacity: 0.5;\n}\n\n/*!@.codicon-modifier-hidden*/.codicon-modifier-hidden.sc-kol-icon-default {\n opacity: 0;\n}\n\n\n/*!@.codicon-loading*/.codicon-loading.sc-kol-icon-default {\n animation-duration: 1s !important;\n animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67) !important;\n}\n\n\n/*!@.codicon-add:before*/.codicon-add.sc-kol-icon-default:before {\n content: \"\\ea60\";\n}\n\n/*!@.codicon-plus:before*/.codicon-plus.sc-kol-icon-default:before {\n content: \"\\ea60\";\n}\n\n/*!@.codicon-gist-new:before*/.codicon-gist-new.sc-kol-icon-default:before {\n content: \"\\ea60\";\n}\n\n/*!@.codicon-repo-create:before*/.codicon-repo-create.sc-kol-icon-default:before {\n content: \"\\ea60\";\n}\n\n/*!@.codicon-lightbulb:before*/.codicon-lightbulb.sc-kol-icon-default:before {\n content: \"\\ea61\";\n}\n\n/*!@.codicon-light-bulb:before*/.codicon-light-bulb.sc-kol-icon-default:before {\n content: \"\\ea61\";\n}\n\n/*!@.codicon-repo:before*/.codicon-repo.sc-kol-icon-default:before {\n content: \"\\ea62\";\n}\n\n/*!@.codicon-repo-delete:before*/.codicon-repo-delete.sc-kol-icon-default:before {\n content: \"\\ea62\";\n}\n\n/*!@.codicon-gist-fork:before*/.codicon-gist-fork.sc-kol-icon-default:before {\n content: \"\\ea63\";\n}\n\n/*!@.codicon-repo-forked:before*/.codicon-repo-forked.sc-kol-icon-default:before {\n content: \"\\ea63\";\n}\n\n/*!@.codicon-git-pull-request:before*/.codicon-git-pull-request.sc-kol-icon-default:before {\n content: \"\\ea64\";\n}\n\n/*!@.codicon-git-pull-request-abandoned:before*/.codicon-git-pull-request-abandoned.sc-kol-icon-default:before {\n content: \"\\ea64\";\n}\n\n/*!@.codicon-record-keys:before*/.codicon-record-keys.sc-kol-icon-default:before {\n content: \"\\ea65\";\n}\n\n/*!@.codicon-keyboard:before*/.codicon-keyboard.sc-kol-icon-default:before {\n content: \"\\ea65\";\n}\n\n/*!@.codicon-tag:before*/.codicon-tag.sc-kol-icon-default:before {\n content: \"\\ea66\";\n}\n\n/*!@.codicon-tag-add:before*/.codicon-tag-add.sc-kol-icon-default:before {\n content: \"\\ea66\";\n}\n\n/*!@.codicon-tag-remove:before*/.codicon-tag-remove.sc-kol-icon-default:before {\n content: \"\\ea66\";\n}\n\n/*!@.codicon-person:before*/.codicon-person.sc-kol-icon-default:before {\n content: \"\\ea67\";\n}\n\n/*!@.codicon-person-follow:before*/.codicon-person-follow.sc-kol-icon-default:before {\n content: \"\\ea67\";\n}\n\n/*!@.codicon-person-outline:before*/.codicon-person-outline.sc-kol-icon-default:before {\n content: \"\\ea67\";\n}\n\n/*!@.codicon-person-filled:before*/.codicon-person-filled.sc-kol-icon-default:before {\n content: \"\\ea67\";\n}\n\n/*!@.codicon-git-branch:before*/.codicon-git-branch.sc-kol-icon-default:before {\n content: \"\\ea68\";\n}\n\n/*!@.codicon-git-branch-create:before*/.codicon-git-branch-create.sc-kol-icon-default:before {\n content: \"\\ea68\";\n}\n\n/*!@.codicon-git-branch-delete:before*/.codicon-git-branch-delete.sc-kol-icon-default:before {\n content: \"\\ea68\";\n}\n\n/*!@.codicon-source-control:before*/.codicon-source-control.sc-kol-icon-default:before {\n content: \"\\ea68\";\n}\n\n/*!@.codicon-mirror:before*/.codicon-mirror.sc-kol-icon-default:before {\n content: \"\\ea69\";\n}\n\n/*!@.codicon-mirror-public:before*/.codicon-mirror-public.sc-kol-icon-default:before {\n content: \"\\ea69\";\n}\n\n/*!@.codicon-star:before*/.codicon-star.sc-kol-icon-default:before {\n content: \"\\ea6a\";\n}\n\n/*!@.codicon-star-add:before*/.codicon-star-add.sc-kol-icon-default:before {\n content: \"\\ea6a\";\n}\n\n/*!@.codicon-star-delete:before*/.codicon-star-delete.sc-kol-icon-default:before {\n content: \"\\ea6a\";\n}\n\n/*!@.codicon-star-empty:before*/.codicon-star-empty.sc-kol-icon-default:before {\n content: \"\\ea6a\";\n}\n\n/*!@.codicon-comment:before*/.codicon-comment.sc-kol-icon-default:before {\n content: \"\\ea6b\";\n}\n\n/*!@.codicon-comment-add:before*/.codicon-comment-add.sc-kol-icon-default:before {\n content: \"\\ea6b\";\n}\n\n/*!@.codicon-alert:before*/.codicon-alert.sc-kol-icon-default:before {\n content: \"\\ea6c\";\n}\n\n/*!@.codicon-warning:before*/.codicon-warning.sc-kol-icon-default:before {\n content: \"\\ea6c\";\n}\n\n/*!@.codicon-search:before*/.codicon-search.sc-kol-icon-default:before {\n content: \"\\ea6d\";\n}\n\n/*!@.codicon-search-save:before*/.codicon-search-save.sc-kol-icon-default:before {\n content: \"\\ea6d\";\n}\n\n/*!@.codicon-log-out:before*/.codicon-log-out.sc-kol-icon-default:before {\n content: \"\\ea6e\";\n}\n\n/*!@.codicon-sign-out:before*/.codicon-sign-out.sc-kol-icon-default:before {\n content: \"\\ea6e\";\n}\n\n/*!@.codicon-log-in:before*/.codicon-log-in.sc-kol-icon-default:before {\n content: \"\\ea6f\";\n}\n\n/*!@.codicon-sign-in:before*/.codicon-sign-in.sc-kol-icon-default:before {\n content: \"\\ea6f\";\n}\n\n/*!@.codicon-eye:before*/.codicon-eye.sc-kol-icon-default:before {\n content: \"\\ea70\";\n}\n\n/*!@.codicon-eye-unwatch:before*/.codicon-eye-unwatch.sc-kol-icon-default:before {\n content: \"\\ea70\";\n}\n\n/*!@.codicon-eye-watch:before*/.codicon-eye-watch.sc-kol-icon-default:before {\n content: \"\\ea70\";\n}\n\n/*!@.codicon-circle-filled:before*/.codicon-circle-filled.sc-kol-icon-default:before {\n content: \"\\ea71\";\n}\n\n/*!@.codicon-primitive-dot:before*/.codicon-primitive-dot.sc-kol-icon-default:before {\n content: \"\\ea71\";\n}\n\n/*!@.codicon-close-dirty:before*/.codicon-close-dirty.sc-kol-icon-default:before {\n content: \"\\ea71\";\n}\n\n/*!@.codicon-debug-breakpoint:before*/.codicon-debug-breakpoint.sc-kol-icon-default:before {\n content: \"\\ea71\";\n}\n\n/*!@.codicon-debug-breakpoint-disabled:before*/.codicon-debug-breakpoint-disabled.sc-kol-icon-default:before {\n content: \"\\ea71\";\n}\n\n/*!@.codicon-debug-hint:before*/.codicon-debug-hint.sc-kol-icon-default:before {\n content: \"\\ea71\";\n}\n\n/*!@.codicon-primitive-square:before*/.codicon-primitive-square.sc-kol-icon-default:before {\n content: \"\\ea72\";\n}\n\n/*!@.codicon-edit:before*/.codicon-edit.sc-kol-icon-default:before {\n content: \"\\ea73\";\n}\n\n/*!@.codicon-pencil:before*/.codicon-pencil.sc-kol-icon-default:before {\n content: \"\\ea73\";\n}\n\n/*!@.codicon-info:before*/.codicon-info.sc-kol-icon-default:before {\n content: \"\\ea74\";\n}\n\n/*!@.codicon-issue-opened:before*/.codicon-issue-opened.sc-kol-icon-default:before {\n content: \"\\ea74\";\n}\n\n/*!@.codicon-gist-private:before*/.codicon-gist-private.sc-kol-icon-default:before {\n content: \"\\ea75\";\n}\n\n/*!@.codicon-git-fork-private:before*/.codicon-git-fork-private.sc-kol-icon-default:before {\n content: \"\\ea75\";\n}\n\n/*!@.codicon-lock:before*/.codicon-lock.sc-kol-icon-default:before {\n content: \"\\ea75\";\n}\n\n/*!@.codicon-mirror-private:before*/.codicon-mirror-private.sc-kol-icon-default:before {\n content: \"\\ea75\";\n}\n\n/*!@.codicon-close:before*/.codicon-close.sc-kol-icon-default:before {\n content: \"\\ea76\";\n}\n\n/*!@.codicon-remove-close:before*/.codicon-remove-close.sc-kol-icon-default:before {\n content: \"\\ea76\";\n}\n\n/*!@.codicon-x:before*/.codicon-x.sc-kol-icon-default:before {\n content: \"\\ea76\";\n}\n\n/*!@.codicon-repo-sync:before*/.codicon-repo-sync.sc-kol-icon-default:before {\n content: \"\\ea77\";\n}\n\n/*!@.codicon-sync:before*/.codicon-sync.sc-kol-icon-default:before {\n content: \"\\ea77\";\n}\n\n/*!@.codicon-clone:before*/.codicon-clone.sc-kol-icon-default:before {\n content: \"\\ea78\";\n}\n\n/*!@.codicon-desktop-download:before*/.codicon-desktop-download.sc-kol-icon-default:before {\n content: \"\\ea78\";\n}\n\n/*!@.codicon-beaker:before*/.codicon-beaker.sc-kol-icon-default:before {\n content: \"\\ea79\";\n}\n\n/*!@.codicon-microscope:before*/.codicon-microscope.sc-kol-icon-default:before {\n content: \"\\ea79\";\n}\n\n/*!@.codicon-vm:before*/.codicon-vm.sc-kol-icon-default:before {\n content: \"\\ea7a\";\n}\n\n/*!@.codicon-device-desktop:before*/.codicon-device-desktop.sc-kol-icon-default:before {\n content: \"\\ea7a\";\n}\n\n/*!@.codicon-file:before*/.codicon-file.sc-kol-icon-default:before {\n content: \"\\ea7b\";\n}\n\n/*!@.codicon-file-text:before*/.codicon-file-text.sc-kol-icon-default:before {\n content: \"\\ea7b\";\n}\n\n/*!@.codicon-more:before*/.codicon-more.sc-kol-icon-default:before {\n content: \"\\ea7c\";\n}\n\n/*!@.codicon-ellipsis:before*/.codicon-ellipsis.sc-kol-icon-default:before {\n content: \"\\ea7c\";\n}\n\n/*!@.codicon-kebab-horizontal:before*/.codicon-kebab-horizontal.sc-kol-icon-default:before {\n content: \"\\ea7c\";\n}\n\n/*!@.codicon-mail-reply:before*/.codicon-mail-reply.sc-kol-icon-default:before {\n content: \"\\ea7d\";\n}\n\n/*!@.codicon-reply:before*/.codicon-reply.sc-kol-icon-default:before {\n content: \"\\ea7d\";\n}\n\n/*!@.codicon-organization:before*/.codicon-organization.sc-kol-icon-default:before {\n content: \"\\ea7e\";\n}\n\n/*!@.codicon-organization-filled:before*/.codicon-organization-filled.sc-kol-icon-default:before {\n content: \"\\ea7e\";\n}\n\n/*!@.codicon-organization-outline:before*/.codicon-organization-outline.sc-kol-icon-default:before {\n content: \"\\ea7e\";\n}\n\n/*!@.codicon-new-file:before*/.codicon-new-file.sc-kol-icon-default:before {\n content: \"\\ea7f\";\n}\n\n/*!@.codicon-file-add:before*/.codicon-file-add.sc-kol-icon-default:before {\n content: \"\\ea7f\";\n}\n\n/*!@.codicon-new-folder:before*/.codicon-new-folder.sc-kol-icon-default:before {\n content: \"\\ea80\";\n}\n\n/*!@.codicon-file-directory-create:before*/.codicon-file-directory-create.sc-kol-icon-default:before {\n content: \"\\ea80\";\n}\n\n/*!@.codicon-trash:before*/.codicon-trash.sc-kol-icon-default:before {\n content: \"\\ea81\";\n}\n\n/*!@.codicon-trashcan:before*/.codicon-trashcan.sc-kol-icon-default:before {\n content: \"\\ea81\";\n}\n\n/*!@.codicon-history:before*/.codicon-history.sc-kol-icon-default:before {\n content: \"\\ea82\";\n}\n\n/*!@.codicon-clock:before*/.codicon-clock.sc-kol-icon-default:before {\n content: \"\\ea82\";\n}\n\n/*!@.codicon-folder:before*/.codicon-folder.sc-kol-icon-default:before {\n content: \"\\ea83\";\n}\n\n/*!@.codicon-file-directory:before*/.codicon-file-directory.sc-kol-icon-default:before {\n content: \"\\ea83\";\n}\n\n/*!@.codicon-symbol-folder:before*/.codicon-symbol-folder.sc-kol-icon-default:before {\n content: \"\\ea83\";\n}\n\n/*!@.codicon-logo-github:before*/.codicon-logo-github.sc-kol-icon-default:before {\n content: \"\\ea84\";\n}\n\n/*!@.codicon-mark-github:before*/.codicon-mark-github.sc-kol-icon-default:before {\n content: \"\\ea84\";\n}\n\n/*!@.codicon-github:before*/.codicon-github.sc-kol-icon-default:before {\n content: \"\\ea84\";\n}\n\n/*!@.codicon-terminal:before*/.codicon-terminal.sc-kol-icon-default:before {\n content: \"\\ea85\";\n}\n\n/*!@.codicon-console:before*/.codicon-console.sc-kol-icon-default:before {\n content: \"\\ea85\";\n}\n\n/*!@.codicon-repl:before*/.codicon-repl.sc-kol-icon-default:before {\n content: \"\\ea85\";\n}\n\n/*!@.codicon-zap:before*/.codicon-zap.sc-kol-icon-default:before {\n content: \"\\ea86\";\n}\n\n/*!@.codicon-symbol-event:before*/.codicon-symbol-event.sc-kol-icon-default:before {\n content: \"\\ea86\";\n}\n\n/*!@.codicon-error:before*/.codicon-error.sc-kol-icon-default:before {\n content: \"\\ea87\";\n}\n\n/*!@.codicon-stop:before*/.codicon-stop.sc-kol-icon-default:before {\n content: \"\\ea87\";\n}\n\n/*!@.codicon-variable:before*/.codicon-variable.sc-kol-icon-default:before {\n content: \"\\ea88\";\n}\n\n/*!@.codicon-symbol-variable:before*/.codicon-symbol-variable.sc-kol-icon-default:before {\n content: \"\\ea88\";\n}\n\n/*!@.codicon-array:before*/.codicon-array.sc-kol-icon-default:before {\n content: \"\\ea8a\";\n}\n\n/*!@.codicon-symbol-array:before*/.codicon-symbol-array.sc-kol-icon-default:before {\n content: \"\\ea8a\";\n}\n\n/*!@.codicon-symbol-module:before*/.codicon-symbol-module.sc-kol-icon-default:before {\n content: \"\\ea8b\";\n}\n\n/*!@.codicon-symbol-package:before*/.codicon-symbol-package.sc-kol-icon-default:before {\n content: \"\\ea8b\";\n}\n\n/*!@.codicon-symbol-namespace:before*/.codicon-symbol-namespace.sc-kol-icon-default:before {\n content: \"\\ea8b\";\n}\n\n/*!@.codicon-symbol-object:before*/.codicon-symbol-object.sc-kol-icon-default:before {\n content: \"\\ea8b\";\n}\n\n/*!@.codicon-symbol-method:before*/.codicon-symbol-method.sc-kol-icon-default:before {\n content: \"\\ea8c\";\n}\n\n/*!@.codicon-symbol-function:before*/.codicon-symbol-function.sc-kol-icon-default:before {\n content: \"\\ea8c\";\n}\n\n/*!@.codicon-symbol-constructor:before*/.codicon-symbol-constructor.sc-kol-icon-default:before {\n content: \"\\ea8c\";\n}\n\n/*!@.codicon-symbol-boolean:before*/.codicon-symbol-boolean.sc-kol-icon-default:before {\n content: \"\\ea8f\";\n}\n\n/*!@.codicon-symbol-null:before*/.codicon-symbol-null.sc-kol-icon-default:before {\n content: \"\\ea8f\";\n}\n\n/*!@.codicon-symbol-numeric:before*/.codicon-symbol-numeric.sc-kol-icon-default:before {\n content: \"\\ea90\";\n}\n\n/*!@.codicon-symbol-number:before*/.codicon-symbol-number.sc-kol-icon-default:before {\n content: \"\\ea90\";\n}\n\n/*!@.codicon-symbol-structure:before*/.codicon-symbol-structure.sc-kol-icon-default:before {\n content: \"\\ea91\";\n}\n\n/*!@.codicon-symbol-struct:before*/.codicon-symbol-struct.sc-kol-icon-default:before {\n content: \"\\ea91\";\n}\n\n/*!@.codicon-symbol-parameter:before*/.codicon-symbol-parameter.sc-kol-icon-default:before {\n content: \"\\ea92\";\n}\n\n/*!@.codicon-symbol-type-parameter:before*/.codicon-symbol-type-parameter.sc-kol-icon-default:before {\n content: \"\\ea92\";\n}\n\n/*!@.codicon-symbol-key:before*/.codicon-symbol-key.sc-kol-icon-default:before {\n content: \"\\ea93\";\n}\n\n/*!@.codicon-symbol-text:before*/.codicon-symbol-text.sc-kol-icon-default:before {\n content: \"\\ea93\";\n}\n\n/*!@.codicon-symbol-reference:before*/.codicon-symbol-reference.sc-kol-icon-default:before {\n content: \"\\ea94\";\n}\n\n/*!@.codicon-go-to-file:before*/.codicon-go-to-file.sc-kol-icon-default:before {\n content: \"\\ea94\";\n}\n\n/*!@.codicon-symbol-enum:before*/.codicon-symbol-enum.sc-kol-icon-default:before {\n content: \"\\ea95\";\n}\n\n/*!@.codicon-symbol-value:before*/.codicon-symbol-value.sc-kol-icon-default:before {\n content: \"\\ea95\";\n}\n\n/*!@.codicon-symbol-ruler:before*/.codicon-symbol-ruler.sc-kol-icon-default:before {\n content: \"\\ea96\";\n}\n\n/*!@.codicon-symbol-unit:before*/.codicon-symbol-unit.sc-kol-icon-default:before {\n content: \"\\ea96\";\n}\n\n/*!@.codicon-activate-breakpoints:before*/.codicon-activate-breakpoints.sc-kol-icon-default:before {\n content: \"\\ea97\";\n}\n\n/*!@.codicon-archive:before*/.codicon-archive.sc-kol-icon-default:before {\n content: \"\\ea98\";\n}\n\n/*!@.codicon-arrow-both:before*/.codicon-arrow-both.sc-kol-icon-default:before {\n content: \"\\ea99\";\n}\n\n/*!@.codicon-arrow-down:before*/.codicon-arrow-down.sc-kol-icon-default:before {\n content: \"\\ea9a\";\n}\n\n/*!@.codicon-arrow-left:before*/.codicon-arrow-left.sc-kol-icon-default:before {\n content: \"\\ea9b\";\n}\n\n/*!@.codicon-arrow-right:before*/.codicon-arrow-right.sc-kol-icon-default:before {\n content: \"\\ea9c\";\n}\n\n/*!@.codicon-arrow-small-down:before*/.codicon-arrow-small-down.sc-kol-icon-default:before {\n content: \"\\ea9d\";\n}\n\n/*!@.codicon-arrow-small-left:before*/.codicon-arrow-small-left.sc-kol-icon-default:before {\n content: \"\\ea9e\";\n}\n\n/*!@.codicon-arrow-small-right:before*/.codicon-arrow-small-right.sc-kol-icon-default:before {\n content: \"\\ea9f\";\n}\n\n/*!@.codicon-arrow-small-up:before*/.codicon-arrow-small-up.sc-kol-icon-default:before {\n content: \"\\eaa0\";\n}\n\n/*!@.codicon-arrow-up:before*/.codicon-arrow-up.sc-kol-icon-default:before {\n content: \"\\eaa1\";\n}\n\n/*!@.codicon-bell:before*/.codicon-bell.sc-kol-icon-default:before {\n content: \"\\eaa2\";\n}\n\n/*!@.codicon-bold:before*/.codicon-bold.sc-kol-icon-default:before {\n content: \"\\eaa3\";\n}\n\n/*!@.codicon-book:before*/.codicon-book.sc-kol-icon-default:before {\n content: \"\\eaa4\";\n}\n\n/*!@.codicon-bookmark:before*/.codicon-bookmark.sc-kol-icon-default:before {\n content: \"\\eaa5\";\n}\n\n/*!@.codicon-debug-breakpoint-conditional-unverified:before*/.codicon-debug-breakpoint-conditional-unverified.sc-kol-icon-default:before {\n content: \"\\eaa6\";\n}\n\n/*!@.codicon-debug-breakpoint-conditional:before*/.codicon-debug-breakpoint-conditional.sc-kol-icon-default:before {\n content: \"\\eaa7\";\n}\n\n/*!@.codicon-debug-breakpoint-conditional-disabled:before*/.codicon-debug-breakpoint-conditional-disabled.sc-kol-icon-default:before {\n content: \"\\eaa7\";\n}\n\n/*!@.codicon-debug-breakpoint-data-unverified:before*/.codicon-debug-breakpoint-data-unverified.sc-kol-icon-default:before {\n content: \"\\eaa8\";\n}\n\n/*!@.codicon-debug-breakpoint-data:before*/.codicon-debug-breakpoint-data.sc-kol-icon-default:before {\n content: \"\\eaa9\";\n}\n\n/*!@.codicon-debug-breakpoint-data-disabled:before*/.codicon-debug-breakpoint-data-disabled.sc-kol-icon-default:before {\n content: \"\\eaa9\";\n}\n\n/*!@.codicon-debug-breakpoint-log-unverified:before*/.codicon-debug-breakpoint-log-unverified.sc-kol-icon-default:before {\n content: \"\\eaaa\";\n}\n\n/*!@.codicon-debug-breakpoint-log:before*/.codicon-debug-breakpoint-log.sc-kol-icon-default:before {\n content: \"\\eaab\";\n}\n\n/*!@.codicon-debug-breakpoint-log-disabled:before*/.codicon-debug-breakpoint-log-disabled.sc-kol-icon-default:before {\n content: \"\\eaab\";\n}\n\n/*!@.codicon-briefcase:before*/.codicon-briefcase.sc-kol-icon-default:before {\n content: \"\\eaac\";\n}\n\n/*!@.codicon-broadcast:before*/.codicon-broadcast.sc-kol-icon-default:before {\n content: \"\\eaad\";\n}\n\n/*!@.codicon-browser:before*/.codicon-browser.sc-kol-icon-default:before {\n content: \"\\eaae\";\n}\n\n/*!@.codicon-bug:before*/.codicon-bug.sc-kol-icon-default:before {\n content: \"\\eaaf\";\n}\n\n/*!@.codicon-calendar:before*/.codicon-calendar.sc-kol-icon-default:before {\n content: \"\\eab0\";\n}\n\n/*!@.codicon-case-sensitive:before*/.codicon-case-sensitive.sc-kol-icon-default:before {\n content: \"\\eab1\";\n}\n\n/*!@.codicon-check:before*/.codicon-check.sc-kol-icon-default:before {\n content: \"\\eab2\";\n}\n\n/*!@.codicon-checklist:before*/.codicon-checklist.sc-kol-icon-default:before {\n content: \"\\eab3\";\n}\n\n/*!@.codicon-chevron-down:before*/.codicon-chevron-down.sc-kol-icon-default:before {\n content: \"\\eab4\";\n}\n\n/*!@.codicon-chevron-left:before*/.codicon-chevron-left.sc-kol-icon-default:before {\n content: \"\\eab5\";\n}\n\n/*!@.codicon-chevron-right:before*/.codicon-chevron-right.sc-kol-icon-default:before {\n content: \"\\eab6\";\n}\n\n/*!@.codicon-chevron-up:before*/.codicon-chevron-up.sc-kol-icon-default:before {\n content: \"\\eab7\";\n}\n\n/*!@.codicon-chrome-close:before*/.codicon-chrome-close.sc-kol-icon-default:before {\n content: \"\\eab8\";\n}\n\n/*!@.codicon-chrome-maximize:before*/.codicon-chrome-maximize.sc-kol-icon-default:before {\n content: \"\\eab9\";\n}\n\n/*!@.codicon-chrome-minimize:before*/.codicon-chrome-minimize.sc-kol-icon-default:before {\n content: \"\\eaba\";\n}\n\n/*!@.codicon-chrome-restore:before*/.codicon-chrome-restore.sc-kol-icon-default:before {\n content: \"\\eabb\";\n}\n\n/*!@.codicon-circle-outline:before*/.codicon-circle-outline.sc-kol-icon-default:before {\n content: \"\\eabc\";\n}\n\n/*!@.codicon-debug-breakpoint-unverified:before*/.codicon-debug-breakpoint-unverified.sc-kol-icon-default:before {\n content: \"\\eabc\";\n}\n\n/*!@.codicon-circle-slash:before*/.codicon-circle-slash.sc-kol-icon-default:before {\n content: \"\\eabd\";\n}\n\n/*!@.codicon-circuit-board:before*/.codicon-circuit-board.sc-kol-icon-default:before {\n content: \"\\eabe\";\n}\n\n/*!@.codicon-clear-all:before*/.codicon-clear-all.sc-kol-icon-default:before {\n content: \"\\eabf\";\n}\n\n/*!@.codicon-clippy:before*/.codicon-clippy.sc-kol-icon-default:before {\n content: \"\\eac0\";\n}\n\n/*!@.codicon-close-all:before*/.codicon-close-all.sc-kol-icon-default:before {\n content: \"\\eac1\";\n}\n\n/*!@.codicon-cloud-download:before*/.codicon-cloud-download.sc-kol-icon-default:before {\n content: \"\\eac2\";\n}\n\n/*!@.codicon-cloud-upload:before*/.codicon-cloud-upload.sc-kol-icon-default:before {\n content: \"\\eac3\";\n}\n\n/*!@.codicon-code:before*/.codicon-code.sc-kol-icon-default:before {\n content: \"\\eac4\";\n}\n\n/*!@.codicon-collapse-all:before*/.codicon-collapse-all.sc-kol-icon-default:before {\n content: \"\\eac5\";\n}\n\n/*!@.codicon-color-mode:before*/.codicon-color-mode.sc-kol-icon-default:before {\n content: \"\\eac6\";\n}\n\n/*!@.codicon-comment-discussion:before*/.codicon-comment-discussion.sc-kol-icon-default:before {\n content: \"\\eac7\";\n}\n\n/*!@.codicon-credit-card:before*/.codicon-credit-card.sc-kol-icon-default:before {\n content: \"\\eac9\";\n}\n\n/*!@.codicon-dash:before*/.codicon-dash.sc-kol-icon-default:before {\n content: \"\\eacc\";\n}\n\n/*!@.codicon-dashboard:before*/.codicon-dashboard.sc-kol-icon-default:before {\n content: \"\\eacd\";\n}\n\n/*!@.codicon-database:before*/.codicon-database.sc-kol-icon-default:before {\n content: \"\\eace\";\n}\n\n/*!@.codicon-debug-continue:before*/.codicon-debug-continue.sc-kol-icon-default:before {\n content: \"\\eacf\";\n}\n\n/*!@.codicon-debug-disconnect:before*/.codicon-debug-disconnect.sc-kol-icon-default:before {\n content: \"\\ead0\";\n}\n\n/*!@.codicon-debug-pause:before*/.codicon-debug-pause.sc-kol-icon-default:before {\n content: \"\\ead1\";\n}\n\n/*!@.codicon-debug-restart:before*/.codicon-debug-restart.sc-kol-icon-default:before {\n content: \"\\ead2\";\n}\n\n/*!@.codicon-debug-start:before*/.codicon-debug-start.sc-kol-icon-default:before {\n content: \"\\ead3\";\n}\n\n/*!@.codicon-debug-step-into:before*/.codicon-debug-step-into.sc-kol-icon-default:before {\n content: \"\\ead4\";\n}\n\n/*!@.codicon-debug-step-out:before*/.codicon-debug-step-out.sc-kol-icon-default:before {\n content: \"\\ead5\";\n}\n\n/*!@.codicon-debug-step-over:before*/.codicon-debug-step-over.sc-kol-icon-default:before {\n content: \"\\ead6\";\n}\n\n/*!@.codicon-debug-stop:before*/.codicon-debug-stop.sc-kol-icon-default:before {\n content: \"\\ead7\";\n}\n\n/*!@.codicon-debug:before*/.codicon-debug.sc-kol-icon-default:before {\n content: \"\\ead8\";\n}\n\n/*!@.codicon-device-camera-video:before*/.codicon-device-camera-video.sc-kol-icon-default:before {\n content: \"\\ead9\";\n}\n\n/*!@.codicon-device-camera:before*/.codicon-device-camera.sc-kol-icon-default:before {\n content: \"\\eada\";\n}\n\n/*!@.codicon-device-mobile:before*/.codicon-device-mobile.sc-kol-icon-default:before {\n content: \"\\eadb\";\n}\n\n/*!@.codicon-diff-added:before*/.codicon-diff-added.sc-kol-icon-default:before {\n content: \"\\eadc\";\n}\n\n/*!@.codicon-diff-ignored:before*/.codicon-diff-ignored.sc-kol-icon-default:before {\n content: \"\\eadd\";\n}\n\n/*!@.codicon-diff-modified:before*/.codicon-diff-modified.sc-kol-icon-default:before {\n content: \"\\eade\";\n}\n\n/*!@.codicon-diff-removed:before*/.codicon-diff-removed.sc-kol-icon-default:before {\n content: \"\\eadf\";\n}\n\n/*!@.codicon-diff-renamed:before*/.codicon-diff-renamed.sc-kol-icon-default:before {\n content: \"\\eae0\";\n}\n\n/*!@.codicon-diff:before*/.codicon-diff.sc-kol-icon-default:before {\n content: \"\\eae1\";\n}\n\n/*!@.codicon-discard:before*/.codicon-discard.sc-kol-icon-default:before {\n content: \"\\eae2\";\n}\n\n/*!@.codicon-editor-layout:before*/.codicon-editor-layout.sc-kol-icon-default:before {\n content: \"\\eae3\";\n}\n\n/*!@.codicon-empty-window:before*/.codicon-empty-window.sc-kol-icon-default:before {\n content: \"\\eae4\";\n}\n\n/*!@.codicon-exclude:before*/.codicon-exclude.sc-kol-icon-default:before {\n content: \"\\eae5\";\n}\n\n/*!@.codicon-extensions:before*/.codicon-extensions.sc-kol-icon-default:before {\n content: \"\\eae6\";\n}\n\n/*!@.codicon-eye-closed:before*/.codicon-eye-closed.sc-kol-icon-default:before {\n content: \"\\eae7\";\n}\n\n/*!@.codicon-file-binary:before*/.codicon-file-binary.sc-kol-icon-default:before {\n content: \"\\eae8\";\n}\n\n/*!@.codicon-file-code:before*/.codicon-file-code.sc-kol-icon-default:before {\n content: \"\\eae9\";\n}\n\n/*!@.codicon-file-media:before*/.codicon-file-media.sc-kol-icon-default:before {\n content: \"\\eaea\";\n}\n\n/*!@.codicon-file-pdf:before*/.codicon-file-pdf.sc-kol-icon-default:before {\n content: \"\\eaeb\";\n}\n\n/*!@.codicon-file-submodule:before*/.codicon-file-submodule.sc-kol-icon-default:before {\n content: \"\\eaec\";\n}\n\n/*!@.codicon-file-symlink-directory:before*/.codicon-file-symlink-directory.sc-kol-icon-default:before {\n content: \"\\eaed\";\n}\n\n/*!@.codicon-file-symlink-file:before*/.codicon-file-symlink-file.sc-kol-icon-default:before {\n content: \"\\eaee\";\n}\n\n/*!@.codicon-file-zip:before*/.codicon-file-zip.sc-kol-icon-default:before {\n content: \"\\eaef\";\n}\n\n/*!@.codicon-files:before*/.codicon-files.sc-kol-icon-default:before {\n content: \"\\eaf0\";\n}\n\n/*!@.codicon-filter:before*/.codicon-filter.sc-kol-icon-default:before {\n content: \"\\eaf1\";\n}\n\n/*!@.codicon-flame:before*/.codicon-flame.sc-kol-icon-default:before {\n content: \"\\eaf2\";\n}\n\n/*!@.codicon-fold-down:before*/.codicon-fold-down.sc-kol-icon-default:before {\n content: \"\\eaf3\";\n}\n\n/*!@.codicon-fold-up:before*/.codicon-fold-up.sc-kol-icon-default:before {\n content: \"\\eaf4\";\n}\n\n/*!@.codicon-fold:before*/.codicon-fold.sc-kol-icon-default:before {\n content: \"\\eaf5\";\n}\n\n/*!@.codicon-folder-active:before*/.codicon-folder-active.sc-kol-icon-default:before {\n content: \"\\eaf6\";\n}\n\n/*!@.codicon-folder-opened:before*/.codicon-folder-opened.sc-kol-icon-default:before {\n content: \"\\eaf7\";\n}\n\n/*!@.codicon-gear:before*/.codicon-gear.sc-kol-icon-default:before {\n content: \"\\eaf8\";\n}\n\n/*!@.codicon-gift:before*/.codicon-gift.sc-kol-icon-default:before {\n content: \"\\eaf9\";\n}\n\n/*!@.codicon-gist-secret:before*/.codicon-gist-secret.sc-kol-icon-default:before {\n content: \"\\eafa\";\n}\n\n/*!@.codicon-gist:before*/.codicon-gist.sc-kol-icon-default:before {\n content: \"\\eafb\";\n}\n\n/*!@.codicon-git-commit:before*/.codicon-git-commit.sc-kol-icon-default:before {\n content: \"\\eafc\";\n}\n\n/*!@.codicon-git-compare:before*/.codicon-git-compare.sc-kol-icon-default:before {\n content: \"\\eafd\";\n}\n\n/*!@.codicon-compare-changes:before*/.codicon-compare-changes.sc-kol-icon-default:before {\n content: \"\\eafd\";\n}\n\n/*!@.codicon-git-merge:before*/.codicon-git-merge.sc-kol-icon-default:before {\n content: \"\\eafe\";\n}\n\n/*!@.codicon-github-action:before*/.codicon-github-action.sc-kol-icon-default:before {\n content: \"\\eaff\";\n}\n\n/*!@.codicon-github-alt:before*/.codicon-github-alt.sc-kol-icon-default:before {\n content: \"\\eb00\";\n}\n\n/*!@.codicon-globe:before*/.codicon-globe.sc-kol-icon-default:before {\n content: \"\\eb01\";\n}\n\n/*!@.codicon-grabber:before*/.codicon-grabber.sc-kol-icon-default:before {\n content: \"\\eb02\";\n}\n\n/*!@.codicon-graph:before*/.codicon-graph.sc-kol-icon-default:before {\n content: \"\\eb03\";\n}\n\n/*!@.codicon-gripper:before*/.codicon-gripper.sc-kol-icon-default:before {\n content: \"\\eb04\";\n}\n\n/*!@.codicon-heart:before*/.codicon-heart.sc-kol-icon-default:before {\n content: \"\\eb05\";\n}\n\n/*!@.codicon-home:before*/.codicon-home.sc-kol-icon-default:before {\n content: \"\\eb06\";\n}\n\n/*!@.codicon-horizontal-rule:before*/.codicon-horizontal-rule.sc-kol-icon-default:before {\n content: \"\\eb07\";\n}\n\n/*!@.codicon-hubot:before*/.codicon-hubot.sc-kol-icon-default:before {\n content: \"\\eb08\";\n}\n\n/*!@.codicon-inbox:before*/.codicon-inbox.sc-kol-icon-default:before {\n content: \"\\eb09\";\n}\n\n/*!@.codicon-issue-reopened:before*/.codicon-issue-reopened.sc-kol-icon-default:before {\n content: \"\\eb0b\";\n}\n\n/*!@.codicon-issues:before*/.codicon-issues.sc-kol-icon-default:before {\n content: \"\\eb0c\";\n}\n\n/*!@.codicon-italic:before*/.codicon-italic.sc-kol-icon-default:before {\n content: \"\\eb0d\";\n}\n\n/*!@.codicon-jersey:before*/.codicon-jersey.sc-kol-icon-default:before {\n content: \"\\eb0e\";\n}\n\n/*!@.codicon-json:before*/.codicon-json.sc-kol-icon-default:before {\n content: \"\\eb0f\";\n}\n\n/*!@.codicon-kebab-vertical:before*/.codicon-kebab-vertical.sc-kol-icon-default:before {\n content: \"\\eb10\";\n}\n\n/*!@.codicon-key:before*/.codicon-key.sc-kol-icon-default:before {\n content: \"\\eb11\";\n}\n\n/*!@.codicon-law:before*/.codicon-law.sc-kol-icon-default:before {\n content: \"\\eb12\";\n}\n\n/*!@.codicon-lightbulb-autofix:before*/.codicon-lightbulb-autofix.sc-kol-icon-default:before {\n content: \"\\eb13\";\n}\n\n/*!@.codicon-link-external:before*/.codicon-link-external.sc-kol-icon-default:before {\n content: \"\\eb14\";\n}\n\n/*!@.codicon-link:before*/.codicon-link.sc-kol-icon-default:before {\n content: \"\\eb15\";\n}\n\n/*!@.codicon-list-ordered:before*/.codicon-list-ordered.sc-kol-icon-default:before {\n content: \"\\eb16\";\n}\n\n/*!@.codicon-list-unordered:before*/.codicon-list-unordered.sc-kol-icon-default:before {\n content: \"\\eb17\";\n}\n\n/*!@.codicon-live-share:before*/.codicon-live-share.sc-kol-icon-default:before {\n content: \"\\eb18\";\n}\n\n/*!@.codicon-loading:before*/.codicon-loading.sc-kol-icon-default:before {\n content: \"\\eb19\";\n}\n\n/*!@.codicon-location:before*/.codicon-location.sc-kol-icon-default:before {\n content: \"\\eb1a\";\n}\n\n/*!@.codicon-mail-read:before*/.codicon-mail-read.sc-kol-icon-default:before {\n content: \"\\eb1b\";\n}\n\n/*!@.codicon-mail:before*/.codicon-mail.sc-kol-icon-default:before {\n content: \"\\eb1c\";\n}\n\n/*!@.codicon-markdown:before*/.codicon-markdown.sc-kol-icon-default:before {\n content: \"\\eb1d\";\n}\n\n/*!@.codicon-megaphone:before*/.codicon-megaphone.sc-kol-icon-default:before {\n content: \"\\eb1e\";\n}\n\n/*!@.codicon-mention:before*/.codicon-mention.sc-kol-icon-default:before {\n content: \"\\eb1f\";\n}\n\n/*!@.codicon-milestone:before*/.codicon-milestone.sc-kol-icon-default:before {\n content: \"\\eb20\";\n}\n\n/*!@.codicon-mortar-board:before*/.codicon-mortar-board.sc-kol-icon-default:before {\n content: \"\\eb21\";\n}\n\n/*!@.codicon-move:before*/.codicon-move.sc-kol-icon-default:before {\n content: \"\\eb22\";\n}\n\n/*!@.codicon-multiple-windows:before*/.codicon-multiple-windows.sc-kol-icon-default:before {\n content: \"\\eb23\";\n}\n\n/*!@.codicon-mute:before*/.codicon-mute.sc-kol-icon-default:before {\n content: \"\\eb24\";\n}\n\n/*!@.codicon-no-newline:before*/.codicon-no-newline.sc-kol-icon-default:before {\n content: \"\\eb25\";\n}\n\n/*!@.codicon-note:before*/.codicon-note.sc-kol-icon-default:before {\n content: \"\\eb26\";\n}\n\n/*!@.codicon-octoface:before*/.codicon-octoface.sc-kol-icon-default:before {\n content: \"\\eb27\";\n}\n\n/*!@.codicon-open-preview:before*/.codicon-open-preview.sc-kol-icon-default:before {\n content: \"\\eb28\";\n}\n\n/*!@.codicon-package:before*/.codicon-package.sc-kol-icon-default:before {\n content: \"\\eb29\";\n}\n\n/*!@.codicon-paintcan:before*/.codicon-paintcan.sc-kol-icon-default:before {\n content: \"\\eb2a\";\n}\n\n/*!@.codicon-pin:before*/.codicon-pin.sc-kol-icon-default:before {\n content: \"\\eb2b\";\n}\n\n/*!@.codicon-play:before*/.codicon-play.sc-kol-icon-default:before {\n content: \"\\eb2c\";\n}\n\n/*!@.codicon-run:before*/.codicon-run.sc-kol-icon-default:before {\n content: \"\\eb2c\";\n}\n\n/*!@.codicon-plug:before*/.codicon-plug.sc-kol-icon-default:before {\n content: \"\\eb2d\";\n}\n\n/*!@.codicon-preserve-case:before*/.codicon-preserve-case.sc-kol-icon-default:before {\n content: \"\\eb2e\";\n}\n\n/*!@.codicon-preview:before*/.codicon-preview.sc-kol-icon-default:before {\n content: \"\\eb2f\";\n}\n\n/*!@.codicon-project:before*/.codicon-project.sc-kol-icon-default:before {\n content: \"\\eb30\";\n}\n\n/*!@.codicon-pulse:before*/.codicon-pulse.sc-kol-icon-default:before {\n content: \"\\eb31\";\n}\n\n/*!@.codicon-question:before*/.codicon-question.sc-kol-icon-default:before {\n content: \"\\eb32\";\n}\n\n/*!@.codicon-quote:before*/.codicon-quote.sc-kol-icon-default:before {\n content: \"\\eb33\";\n}\n\n/*!@.codicon-radio-tower:before*/.codicon-radio-tower.sc-kol-icon-default:before {\n content: \"\\eb34\";\n}\n\n/*!@.codicon-reactions:before*/.codicon-reactions.sc-kol-icon-default:before {\n content: \"\\eb35\";\n}\n\n/*!@.codicon-references:before*/.codicon-references.sc-kol-icon-default:before {\n content: \"\\eb36\";\n}\n\n/*!@.codicon-refresh:before*/.codicon-refresh.sc-kol-icon-default:before {\n content: \"\\eb37\";\n}\n\n/*!@.codicon-regex:before*/.codicon-regex.sc-kol-icon-default:before {\n content: \"\\eb38\";\n}\n\n/*!@.codicon-remote-explorer:before*/.codicon-remote-explorer.sc-kol-icon-default:before {\n content: \"\\eb39\";\n}\n\n/*!@.codicon-remote:before*/.codicon-remote.sc-kol-icon-default:before {\n content: \"\\eb3a\";\n}\n\n/*!@.codicon-remove:before*/.codicon-remove.sc-kol-icon-default:before {\n content: \"\\eb3b\";\n}\n\n/*!@.codicon-replace-all:before*/.codicon-replace-all.sc-kol-icon-default:before {\n content: \"\\eb3c\";\n}\n\n/*!@.codicon-replace:before*/.codicon-replace.sc-kol-icon-default:before {\n content: \"\\eb3d\";\n}\n\n/*!@.codicon-repo-clone:before*/.codicon-repo-clone.sc-kol-icon-default:before {\n content: \"\\eb3e\";\n}\n\n/*!@.codicon-repo-force-push:before*/.codicon-repo-force-push.sc-kol-icon-default:before {\n content: \"\\eb3f\";\n}\n\n/*!@.codicon-repo-pull:before*/.codicon-repo-pull.sc-kol-icon-default:before {\n content: \"\\eb40\";\n}\n\n/*!@.codicon-repo-push:before*/.codicon-repo-push.sc-kol-icon-default:before {\n content: \"\\eb41\";\n}\n\n/*!@.codicon-report:before*/.codicon-report.sc-kol-icon-default:before {\n content: \"\\eb42\";\n}\n\n/*!@.codicon-request-changes:before*/.codicon-request-changes.sc-kol-icon-default:before {\n content: \"\\eb43\";\n}\n\n/*!@.codicon-rocket:before*/.codicon-rocket.sc-kol-icon-default:before {\n content: \"\\eb44\";\n}\n\n/*!@.codicon-root-folder-opened:before*/.codicon-root-folder-opened.sc-kol-icon-default:before {\n content: \"\\eb45\";\n}\n\n/*!@.codicon-root-folder:before*/.codicon-root-folder.sc-kol-icon-default:before {\n content: \"\\eb46\";\n}\n\n/*!@.codicon-rss:before*/.codicon-rss.sc-kol-icon-default:before {\n content: \"\\eb47\";\n}\n\n/*!@.codicon-ruby:before*/.codicon-ruby.sc-kol-icon-default:before {\n content: \"\\eb48\";\n}\n\n/*!@.codicon-save-all:before*/.codicon-save-all.sc-kol-icon-default:before {\n content: \"\\eb49\";\n}\n\n/*!@.codicon-save-as:before*/.codicon-save-as.sc-kol-icon-default:before {\n content: \"\\eb4a\";\n}\n\n/*!@.codicon-save:before*/.codicon-save.sc-kol-icon-default:before {\n content: \"\\eb4b\";\n}\n\n/*!@.codicon-screen-full:before*/.codicon-screen-full.sc-kol-icon-default:before {\n content: \"\\eb4c\";\n}\n\n/*!@.codicon-screen-normal:before*/.codicon-screen-normal.sc-kol-icon-default:before {\n content: \"\\eb4d\";\n}\n\n/*!@.codicon-search-stop:before*/.codicon-search-stop.sc-kol-icon-default:before {\n content: \"\\eb4e\";\n}\n\n/*!@.codicon-server:before*/.codicon-server.sc-kol-icon-default:before {\n content: \"\\eb50\";\n}\n\n/*!@.codicon-settings-gear:before*/.codicon-settings-gear.sc-kol-icon-default:before {\n content: \"\\eb51\";\n}\n\n/*!@.codicon-settings:before*/.codicon-settings.sc-kol-icon-default:before {\n content: \"\\eb52\";\n}\n\n/*!@.codicon-shield:before*/.codicon-shield.sc-kol-icon-default:before {\n content: \"\\eb53\";\n}\n\n/*!@.codicon-smiley:before*/.codicon-smiley.sc-kol-icon-default:before {\n content: \"\\eb54\";\n}\n\n/*!@.codicon-sort-precedence:before*/.codicon-sort-precedence.sc-kol-icon-default:before {\n content: \"\\eb55\";\n}\n\n/*!@.codicon-split-horizontal:before*/.codicon-split-horizontal.sc-kol-icon-default:before {\n content: \"\\eb56\";\n}\n\n/*!@.codicon-split-vertical:before*/.codicon-split-vertical.sc-kol-icon-default:before {\n content: \"\\eb57\";\n}\n\n/*!@.codicon-squirrel:before*/.codicon-squirrel.sc-kol-icon-default:before {\n content: \"\\eb58\";\n}\n\n/*!@.codicon-star-full:before*/.codicon-star-full.sc-kol-icon-default:before {\n content: \"\\eb59\";\n}\n\n/*!@.codicon-star-half:before*/.codicon-star-half.sc-kol-icon-default:before {\n content: \"\\eb5a\";\n}\n\n/*!@.codicon-symbol-class:before*/.codicon-symbol-class.sc-kol-icon-default:before {\n content: \"\\eb5b\";\n}\n\n/*!@.codicon-symbol-color:before*/.codicon-symbol-color.sc-kol-icon-default:before {\n content: \"\\eb5c\";\n}\n\n/*!@.codicon-symbol-constant:before*/.codicon-symbol-constant.sc-kol-icon-default:before {\n content: \"\\eb5d\";\n}\n\n/*!@.codicon-symbol-enum-member:before*/.codicon-symbol-enum-member.sc-kol-icon-default:before {\n content: \"\\eb5e\";\n}\n\n/*!@.codicon-symbol-field:before*/.codicon-symbol-field.sc-kol-icon-default:before {\n content: \"\\eb5f\";\n}\n\n/*!@.codicon-symbol-file:before*/.codicon-symbol-file.sc-kol-icon-default:before {\n content: \"\\eb60\";\n}\n\n/*!@.codicon-symbol-interface:before*/.codicon-symbol-interface.sc-kol-icon-default:before {\n content: \"\\eb61\";\n}\n\n/*!@.codicon-symbol-keyword:before*/.codicon-symbol-keyword.sc-kol-icon-default:before {\n content: \"\\eb62\";\n}\n\n/*!@.codicon-symbol-misc:before*/.codicon-symbol-misc.sc-kol-icon-default:before {\n content: \"\\eb63\";\n}\n\n/*!@.codicon-symbol-operator:before*/.codicon-symbol-operator.sc-kol-icon-default:before {\n content: \"\\eb64\";\n}\n\n/*!@.codicon-symbol-property:before*/.codicon-symbol-property.sc-kol-icon-default:before {\n content: \"\\eb65\";\n}\n\n/*!@.codicon-wrench:before*/.codicon-wrench.sc-kol-icon-default:before {\n content: \"\\eb65\";\n}\n\n/*!@.codicon-wrench-subaction:before*/.codicon-wrench-subaction.sc-kol-icon-default:before {\n content: \"\\eb65\";\n}\n\n/*!@.codicon-symbol-snippet:before*/.codicon-symbol-snippet.sc-kol-icon-default:before {\n content: \"\\eb66\";\n}\n\n/*!@.codicon-tasklist:before*/.codicon-tasklist.sc-kol-icon-default:before {\n content: \"\\eb67\";\n}\n\n/*!@.codicon-telescope:before*/.codicon-telescope.sc-kol-icon-default:before {\n content: \"\\eb68\";\n}\n\n/*!@.codicon-text-size:before*/.codicon-text-size.sc-kol-icon-default:before {\n content: \"\\eb69\";\n}\n\n/*!@.codicon-three-bars:before*/.codicon-three-bars.sc-kol-icon-default:before {\n content: \"\\eb6a\";\n}\n\n/*!@.codicon-thumbsdown:before*/.codicon-thumbsdown.sc-kol-icon-default:before {\n content: \"\\eb6b\";\n}\n\n/*!@.codicon-thumbsup:before*/.codicon-thumbsup.sc-kol-icon-default:before {\n content: \"\\eb6c\";\n}\n\n/*!@.codicon-tools:before*/.codicon-tools.sc-kol-icon-default:before {\n content: \"\\eb6d\";\n}\n\n/*!@.codicon-triangle-down:before*/.codicon-triangle-down.sc-kol-icon-default:before {\n content: \"\\eb6e\";\n}\n\n/*!@.codicon-triangle-left:before*/.codicon-triangle-left.sc-kol-icon-default:before {\n content: \"\\eb6f\";\n}\n\n/*!@.codicon-triangle-right:before*/.codicon-triangle-right.sc-kol-icon-default:before {\n content: \"\\eb70\";\n}\n\n/*!@.codicon-triangle-up:before*/.codicon-triangle-up.sc-kol-icon-default:before {\n content: \"\\eb71\";\n}\n\n/*!@.codicon-twitter:before*/.codicon-twitter.sc-kol-icon-default:before {\n content: \"\\eb72\";\n}\n\n/*!@.codicon-unfold:before*/.codicon-unfold.sc-kol-icon-default:before {\n content: \"\\eb73\";\n}\n\n/*!@.codicon-unlock:before*/.codicon-unlock.sc-kol-icon-default:before {\n content: \"\\eb74\";\n}\n\n/*!@.codicon-unmute:before*/.codicon-unmute.sc-kol-icon-default:before {\n content: \"\\eb75\";\n}\n\n/*!@.codicon-unverified:before*/.codicon-unverified.sc-kol-icon-default:before {\n content: \"\\eb76\";\n}\n\n/*!@.codicon-verified:before*/.codicon-verified.sc-kol-icon-default:before {\n content: \"\\eb77\";\n}\n\n/*!@.codicon-versions:before*/.codicon-versions.sc-kol-icon-default:before {\n content: \"\\eb78\";\n}\n\n/*!@.codicon-vm-active:before*/.codicon-vm-active.sc-kol-icon-default:before {\n content: \"\\eb79\";\n}\n\n/*!@.codicon-vm-outline:before*/.codicon-vm-outline.sc-kol-icon-default:before {\n content: \"\\eb7a\";\n}\n\n/*!@.codicon-vm-running:before*/.codicon-vm-running.sc-kol-icon-default:before {\n content: \"\\eb7b\";\n}\n\n/*!@.codicon-watch:before*/.codicon-watch.sc-kol-icon-default:before {\n content: \"\\eb7c\";\n}\n\n/*!@.codicon-whitespace:before*/.codicon-whitespace.sc-kol-icon-default:before {\n content: \"\\eb7d\";\n}\n\n/*!@.codicon-whole-word:before*/.codicon-whole-word.sc-kol-icon-default:before {\n content: \"\\eb7e\";\n}\n\n/*!@.codicon-window:before*/.codicon-window.sc-kol-icon-default:before {\n content: \"\\eb7f\";\n}\n\n/*!@.codicon-word-wrap:before*/.codicon-word-wrap.sc-kol-icon-default:before {\n content: \"\\eb80\";\n}\n\n/*!@.codicon-zoom-in:before*/.codicon-zoom-in.sc-kol-icon-default:before {\n content: \"\\eb81\";\n}\n\n/*!@.codicon-zoom-out:before*/.codicon-zoom-out.sc-kol-icon-default:before {\n content: \"\\eb82\";\n}\n\n/*!@.codicon-list-filter:before*/.codicon-list-filter.sc-kol-icon-default:before {\n content: \"\\eb83\";\n}\n\n/*!@.codicon-list-flat:before*/.codicon-list-flat.sc-kol-icon-default:before {\n content: \"\\eb84\";\n}\n\n/*!@.codicon-list-selection:before*/.codicon-list-selection.sc-kol-icon-default:before {\n content: \"\\eb85\";\n}\n\n/*!@.codicon-selection:before*/.codicon-selection.sc-kol-icon-default:before {\n content: \"\\eb85\";\n}\n\n/*!@.codicon-list-tree:before*/.codicon-list-tree.sc-kol-icon-default:before {\n content: \"\\eb86\";\n}\n\n/*!@.codicon-debug-breakpoint-function-unverified:before*/.codicon-debug-breakpoint-function-unverified.sc-kol-icon-default:before {\n content: \"\\eb87\";\n}\n\n/*!@.codicon-debug-breakpoint-function:before*/.codicon-debug-breakpoint-function.sc-kol-icon-default:before {\n content: \"\\eb88\";\n}\n\n/*!@.codicon-debug-breakpoint-function-disabled:before*/.codicon-debug-breakpoint-function-disabled.sc-kol-icon-default:before {\n content: \"\\eb88\";\n}\n\n/*!@.codicon-debug-stackframe-active:before*/.codicon-debug-stackframe-active.sc-kol-icon-default:before {\n content: \"\\eb89\";\n}\n\n/*!@.codicon-circle-small-filled:before*/.codicon-circle-small-filled.sc-kol-icon-default:before {\n content: \"\\eb8a\";\n}\n\n/*!@.codicon-debug-stackframe-dot:before*/.codicon-debug-stackframe-dot.sc-kol-icon-default:before {\n content: \"\\eb8a\";\n}\n\n/*!@.codicon-debug-stackframe:before*/.codicon-debug-stackframe.sc-kol-icon-default:before {\n content: \"\\eb8b\";\n}\n\n/*!@.codicon-debug-stackframe-focused:before*/.codicon-debug-stackframe-focused.sc-kol-icon-default:before {\n content: \"\\eb8b\";\n}\n\n/*!@.codicon-debug-breakpoint-unsupported:before*/.codicon-debug-breakpoint-unsupported.sc-kol-icon-default:before {\n content: \"\\eb8c\";\n}\n\n/*!@.codicon-symbol-string:before*/.codicon-symbol-string.sc-kol-icon-default:before {\n content: \"\\eb8d\";\n}\n\n/*!@.codicon-debug-reverse-continue:before*/.codicon-debug-reverse-continue.sc-kol-icon-default:before {\n content: \"\\eb8e\";\n}\n\n/*!@.codicon-debug-step-back:before*/.codicon-debug-step-back.sc-kol-icon-default:before {\n content: \"\\eb8f\";\n}\n\n/*!@.codicon-debug-restart-frame:before*/.codicon-debug-restart-frame.sc-kol-icon-default:before {\n content: \"\\eb90\";\n}\n\n/*!@.codicon-debug-alt:before*/.codicon-debug-alt.sc-kol-icon-default:before {\n content: \"\\eb91\";\n}\n\n/*!@.codicon-call-incoming:before*/.codicon-call-incoming.sc-kol-icon-default:before {\n content: \"\\eb92\";\n}\n\n/*!@.codicon-call-outgoing:before*/.codicon-call-outgoing.sc-kol-icon-default:before {\n content: \"\\eb93\";\n}\n\n/*!@.codicon-menu:before*/.codicon-menu.sc-kol-icon-default:before {\n content: \"\\eb94\";\n}\n\n/*!@.codicon-expand-all:before*/.codicon-expand-all.sc-kol-icon-default:before {\n content: \"\\eb95\";\n}\n\n/*!@.codicon-feedback:before*/.codicon-feedback.sc-kol-icon-default:before {\n content: \"\\eb96\";\n}\n\n/*!@.codicon-group-by-ref-type:before*/.codicon-group-by-ref-type.sc-kol-icon-default:before {\n content: \"\\eb97\";\n}\n\n/*!@.codicon-ungroup-by-ref-type:before*/.codicon-ungroup-by-ref-type.sc-kol-icon-default:before {\n content: \"\\eb98\";\n}\n\n/*!@.codicon-account:before*/.codicon-account.sc-kol-icon-default:before {\n content: \"\\eb99\";\n}\n\n/*!@.codicon-bell-dot:before*/.codicon-bell-dot.sc-kol-icon-default:before {\n content: \"\\eb9a\";\n}\n\n/*!@.codicon-debug-console:before*/.codicon-debug-console.sc-kol-icon-default:before {\n content: \"\\eb9b\";\n}\n\n/*!@.codicon-library:before*/.codicon-library.sc-kol-icon-default:before {\n content: \"\\eb9c\";\n}\n\n/*!@.codicon-output:before*/.codicon-output.sc-kol-icon-default:before {\n content: \"\\eb9d\";\n}\n\n/*!@.codicon-run-all:before*/.codicon-run-all.sc-kol-icon-default:before {\n content: \"\\eb9e\";\n}\n\n/*!@.codicon-sync-ignored:before*/.codicon-sync-ignored.sc-kol-icon-default:before {\n content: \"\\eb9f\";\n}\n\n/*!@.codicon-pinned:before*/.codicon-pinned.sc-kol-icon-default:before {\n content: \"\\eba0\";\n}\n\n/*!@.codicon-github-inverted:before*/.codicon-github-inverted.sc-kol-icon-default:before {\n content: \"\\eba1\";\n}\n\n/*!@.codicon-server-process:before*/.codicon-server-process.sc-kol-icon-default:before {\n content: \"\\eba2\";\n}\n\n/*!@.codicon-server-environment:before*/.codicon-server-environment.sc-kol-icon-default:before {\n content: \"\\eba3\";\n}\n\n/*!@.codicon-pass:before*/.codicon-pass.sc-kol-icon-default:before {\n content: \"\\eba4\";\n}\n\n/*!@.codicon-issue-closed:before*/.codicon-issue-closed.sc-kol-icon-default:before {\n content: \"\\eba4\";\n}\n\n/*!@.codicon-stop-circle:before*/.codicon-stop-circle.sc-kol-icon-default:before {\n content: \"\\eba5\";\n}\n\n/*!@.codicon-play-circle:before*/.codicon-play-circle.sc-kol-icon-default:before {\n content: \"\\eba6\";\n}\n\n/*!@.codicon-record:before*/.codicon-record.sc-kol-icon-default:before {\n content: \"\\eba7\";\n}\n\n/*!@.codicon-debug-alt-small:before*/.codicon-debug-alt-small.sc-kol-icon-default:before {\n content: \"\\eba8\";\n}\n\n/*!@.codicon-vm-connect:before*/.codicon-vm-connect.sc-kol-icon-default:before {\n content: \"\\eba9\";\n}\n\n/*!@.codicon-cloud:before*/.codicon-cloud.sc-kol-icon-default:before {\n content: \"\\ebaa\";\n}\n\n/*!@.codicon-merge:before*/.codicon-merge.sc-kol-icon-default:before {\n content: \"\\ebab\";\n}\n\n/*!@.codicon-export:before*/.codicon-export.sc-kol-icon-default:before {\n content: \"\\ebac\";\n}\n\n/*!@.codicon-graph-left:before*/.codicon-graph-left.sc-kol-icon-default:before {\n content: \"\\ebad\";\n}\n\n/*!@.codicon-magnet:before*/.codicon-magnet.sc-kol-icon-default:before {\n content: \"\\ebae\";\n}\n\n/*!@.codicon-notebook:before*/.codicon-notebook.sc-kol-icon-default:before {\n content: \"\\ebaf\";\n}\n\n/*!@.codicon-redo:before*/.codicon-redo.sc-kol-icon-default:before {\n content: \"\\ebb0\";\n}\n\n/*!@.codicon-check-all:before*/.codicon-check-all.sc-kol-icon-default:before {\n content: \"\\ebb1\";\n}\n\n/*!@.codicon-pinned-dirty:before*/.codicon-pinned-dirty.sc-kol-icon-default:before {\n content: \"\\ebb2\";\n}\n\n/*!@.codicon-pass-filled:before*/.codicon-pass-filled.sc-kol-icon-default:before {\n content: \"\\ebb3\";\n}\n\n/*!@.codicon-circle-large-filled:before*/.codicon-circle-large-filled.sc-kol-icon-default:before {\n content: \"\\ebb4\";\n}\n\n/*!@.codicon-circle-large-outline:before*/.codicon-circle-large-outline.sc-kol-icon-default:before {\n content: \"\\ebb5\";\n}\n\n/*!@.codicon-combine:before*/.codicon-combine.sc-kol-icon-default:before {\n content: \"\\ebb6\";\n}\n\n/*!@.codicon-gather:before*/.codicon-gather.sc-kol-icon-default:before {\n content: \"\\ebb6\";\n}\n\n/*!@.codicon-table:before*/.codicon-table.sc-kol-icon-default:before {\n content: \"\\ebb7\";\n}\n\n/*!@.codicon-variable-group:before*/.codicon-variable-group.sc-kol-icon-default:before {\n content: \"\\ebb8\";\n}\n\n/*!@.codicon-type-hierarchy:before*/.codicon-type-hierarchy.sc-kol-icon-default:before {\n content: \"\\ebb9\";\n}\n\n/*!@.codicon-type-hierarchy-sub:before*/.codicon-type-hierarchy-sub.sc-kol-icon-default:before {\n content: \"\\ebba\";\n}\n\n/*!@.codicon-type-hierarchy-super:before*/.codicon-type-hierarchy-super.sc-kol-icon-default:before {\n content: \"\\ebbb\";\n}\n\n/*!@.codicon-git-pull-request-create:before*/.codicon-git-pull-request-create.sc-kol-icon-default:before {\n content: \"\\ebbc\";\n}\n\n/*!@.codicon-run-above:before*/.codicon-run-above.sc-kol-icon-default:before {\n content: \"\\ebbd\";\n}\n\n/*!@.codicon-run-below:before*/.codicon-run-below.sc-kol-icon-default:before {\n content: \"\\ebbe\";\n}\n\n/*!@.codicon-notebook-template:before*/.codicon-notebook-template.sc-kol-icon-default:before {\n content: \"\\ebbf\";\n}\n\n/*!@.codicon-debug-rerun:before*/.codicon-debug-rerun.sc-kol-icon-default:before {\n content: \"\\ebc0\";\n}\n\n/*!@.codicon-workspace-trusted:before*/.codicon-workspace-trusted.sc-kol-icon-default:before {\n content: \"\\ebc1\";\n}\n\n/*!@.codicon-workspace-untrusted:before*/.codicon-workspace-untrusted.sc-kol-icon-default:before {\n content: \"\\ebc2\";\n}\n\n/*!@.codicon-workspace-unknown:before*/.codicon-workspace-unknown.sc-kol-icon-default:before {\n content: \"\\ebc3\";\n}\n\n/*!@.codicon-terminal-cmd:before*/.codicon-terminal-cmd.sc-kol-icon-default:before {\n content: \"\\ebc4\";\n}\n\n/*!@.codicon-terminal-debian:before*/.codicon-terminal-debian.sc-kol-icon-default:before {\n content: \"\\ebc5\";\n}\n\n/*!@.codicon-terminal-linux:before*/.codicon-terminal-linux.sc-kol-icon-default:before {\n content: \"\\ebc6\";\n}\n\n/*!@.codicon-terminal-powershell:before*/.codicon-terminal-powershell.sc-kol-icon-default:before {\n content: \"\\ebc7\";\n}\n\n/*!@.codicon-terminal-tmux:before*/.codicon-terminal-tmux.sc-kol-icon-default:before {\n content: \"\\ebc8\";\n}\n\n/*!@.codicon-terminal-ubuntu:before*/.codicon-terminal-ubuntu.sc-kol-icon-default:before {\n content: \"\\ebc9\";\n}\n\n/*!@.codicon-terminal-bash:before*/.codicon-terminal-bash.sc-kol-icon-default:before {\n content: \"\\ebca\";\n}\n\n/*!@.codicon-arrow-swap:before*/.codicon-arrow-swap.sc-kol-icon-default:before {\n content: \"\\ebcb\";\n}\n\n/*!@.codicon-copy:before*/.codicon-copy.sc-kol-icon-default:before {\n content: \"\\ebcc\";\n}\n\n/*!@.codicon-person-add:before*/.codicon-person-add.sc-kol-icon-default:before {\n content: \"\\ebcd\";\n}\n\n/*!@.codicon-filter-filled:before*/.codicon-filter-filled.sc-kol-icon-default:before {\n content: \"\\ebce\";\n}\n\n/*!@.codicon-wand:before*/.codicon-wand.sc-kol-icon-default:before {\n content: \"\\ebcf\";\n}\n\n/*!@.codicon-debug-line-by-line:before*/.codicon-debug-line-by-line.sc-kol-icon-default:before {\n content: \"\\ebd0\";\n}\n\n/*!@.codicon-inspect:before*/.codicon-inspect.sc-kol-icon-default:before {\n content: \"\\ebd1\";\n}\n\n/*!@.codicon-layers:before*/.codicon-layers.sc-kol-icon-default:before {\n content: \"\\ebd2\";\n}\n\n/*!@.codicon-layers-dot:before*/.codicon-layers-dot.sc-kol-icon-default:before {\n content: \"\\ebd3\";\n}\n\n/*!@.codicon-layers-active:before*/.codicon-layers-active.sc-kol-icon-default:before {\n content: \"\\ebd4\";\n}\n\n/*!@.codicon-compass:before*/.codicon-compass.sc-kol-icon-default:before {\n content: \"\\ebd5\";\n}\n\n/*!@.codicon-compass-dot:before*/.codicon-compass-dot.sc-kol-icon-default:before {\n content: \"\\ebd6\";\n}\n\n/*!@.codicon-compass-active:before*/.codicon-compass-active.sc-kol-icon-default:before {\n content: \"\\ebd7\";\n}\n\n/*!@.codicon-azure:before*/.codicon-azure.sc-kol-icon-default:before {\n content: \"\\ebd8\";\n}\n\n/*!@.codicon-issue-draft:before*/.codicon-issue-draft.sc-kol-icon-default:before {\n content: \"\\ebd9\";\n}\n\n/*!@.codicon-git-pull-request-closed:before*/.codicon-git-pull-request-closed.sc-kol-icon-default:before {\n content: \"\\ebda\";\n}\n\n/*!@.codicon-git-pull-request-draft:before*/.codicon-git-pull-request-draft.sc-kol-icon-default:before {\n content: \"\\ebdb\";\n}\n\n/*!@.codicon-debug-all:before*/.codicon-debug-all.sc-kol-icon-default:before {\n content: \"\\ebdc\";\n}\n\n/*!@.codicon-debug-coverage:before*/.codicon-debug-coverage.sc-kol-icon-default:before {\n content: \"\\ebdd\";\n}\n\n/*!@.codicon-run-errors:before*/.codicon-run-errors.sc-kol-icon-default:before {\n content: \"\\ebde\";\n}\n\n/*!@.codicon-folder-library:before*/.codicon-folder-library.sc-kol-icon-default:before {\n content: \"\\ebdf\";\n}\n\n/*!@.codicon-debug-continue-small:before*/.codicon-debug-continue-small.sc-kol-icon-default:before {\n content: \"\\ebe0\";\n}\n\n/*!@.codicon-beaker-stop:before*/.codicon-beaker-stop.sc-kol-icon-default:before {\n content: \"\\ebe1\";\n}\n\n/*!@.codicon-graph-line:before*/.codicon-graph-line.sc-kol-icon-default:before {\n content: \"\\ebe2\";\n}\n\n/*!@.codicon-graph-scatter:before*/.codicon-graph-scatter.sc-kol-icon-default:before {\n content: \"\\ebe3\";\n}\n\n/*!@.codicon-pie-chart:before*/.codicon-pie-chart.sc-kol-icon-default:before {\n content: \"\\ebe4\";\n}\n\n/*!@.codicon-bracket:before*/.codicon-bracket.sc-kol-icon-default:before {\n content: \"\\eb0f\";\n}\n\n/*!@.codicon-bracket-dot:before*/.codicon-bracket-dot.sc-kol-icon-default:before {\n content: \"\\ebe5\";\n}\n\n/*!@.codicon-bracket-error:before*/.codicon-bracket-error.sc-kol-icon-default:before {\n content: \"\\ebe6\";\n}\n\n/*!@.codicon-lock-small:before*/.codicon-lock-small.sc-kol-icon-default:before {\n content: \"\\ebe7\";\n}\n\n/*!@.codicon-azure-devops:before*/.codicon-azure-devops.sc-kol-icon-default:before {\n content: \"\\ebe8\";\n}\n\n/*!@.codicon-verified-filled:before*/.codicon-verified-filled.sc-kol-icon-default:before {\n content: \"\\ebe9\";\n}\n\n/*!@.codicon-newline:before*/.codicon-newline.sc-kol-icon-default:before {\n content: \"\\ebea\";\n}\n\n/*!@.codicon-layout:before*/.codicon-layout.sc-kol-icon-default:before {\n content: \"\\ebeb\";\n}\n\n/*!@.codicon-layout-activitybar-left:before*/.codicon-layout-activitybar-left.sc-kol-icon-default:before {\n content: \"\\ebec\";\n}\n\n/*!@.codicon-layout-activitybar-right:before*/.codicon-layout-activitybar-right.sc-kol-icon-default:before {\n content: \"\\ebed\";\n}\n\n/*!@.codicon-layout-panel-left:before*/.codicon-layout-panel-left.sc-kol-icon-default:before {\n content: \"\\ebee\";\n}\n\n/*!@.codicon-layout-panel-center:before*/.codicon-layout-panel-center.sc-kol-icon-default:before {\n content: \"\\ebef\";\n}\n\n/*!@.codicon-layout-panel-justify:before*/.codicon-layout-panel-justify.sc-kol-icon-default:before {\n content: \"\\ebf0\";\n}\n\n/*!@.codicon-layout-panel-right:before*/.codicon-layout-panel-right.sc-kol-icon-default:before {\n content: \"\\ebf1\";\n}\n\n/*!@.codicon-layout-panel:before*/.codicon-layout-panel.sc-kol-icon-default:before {\n content: \"\\ebf2\";\n}\n\n/*!@.codicon-layout-sidebar-left:before*/.codicon-layout-sidebar-left.sc-kol-icon-default:before {\n content: \"\\ebf3\";\n}\n\n/*!@.codicon-layout-sidebar-right:before*/.codicon-layout-sidebar-right.sc-kol-icon-default:before {\n content: \"\\ebf4\";\n}\n\n/*!@.codicon-layout-statusbar:before*/.codicon-layout-statusbar.sc-kol-icon-default:before {\n content: \"\\ebf5\";\n}\n\n/*!@.codicon-layout-menubar:before*/.codicon-layout-menubar.sc-kol-icon-default:before {\n content: \"\\ebf6\";\n}\n\n/*!@.codicon-layout-centered:before*/.codicon-layout-centered.sc-kol-icon-default:before {\n content: \"\\ebf7\";\n}\n\n/*!@.codicon-target:before*/.codicon-target.sc-kol-icon-default:before {\n content: \"\\ebf8\";\n}\n\n/*!@.codicon-indent:before*/.codicon-indent.sc-kol-icon-default:before {\n content: \"\\ebf9\";\n}\n\n/*!@.codicon-record-small:before*/.codicon-record-small.sc-kol-icon-default:before {\n content: \"\\ebfa\";\n}\n\n/*!@.codicon-error-small:before*/.codicon-error-small.sc-kol-icon-default:before {\n content: \"\\ebfb\";\n}\n\n/*!@.codicon-arrow-circle-down:before*/.codicon-arrow-circle-down.sc-kol-icon-default:before {\n content: \"\\ebfc\";\n}\n\n/*!@.codicon-arrow-circle-left:before*/.codicon-arrow-circle-left.sc-kol-icon-default:before {\n content: \"\\ebfd\";\n}\n\n/*!@.codicon-arrow-circle-right:before*/.codicon-arrow-circle-right.sc-kol-icon-default:before {\n content: \"\\ebfe\";\n}\n\n/*!@.codicon-arrow-circle-up:before*/.codicon-arrow-circle-up.sc-kol-icon-default:before {\n content: \"\\ebff\";\n}\n\n/*!@.codicon-layout-sidebar-right-off:before*/.codicon-layout-sidebar-right-off.sc-kol-icon-default:before {\n content: \"\\ec00\";\n}\n\n/*!@.codicon-layout-panel-off:before*/.codicon-layout-panel-off.sc-kol-icon-default:before {\n content: \"\\ec01\";\n}\n\n/*!@.codicon-layout-sidebar-left-off:before*/.codicon-layout-sidebar-left-off.sc-kol-icon-default:before {\n content: \"\\ec02\";\n}\n\n/*!@.codicon-blank:before*/.codicon-blank.sc-kol-icon-default:before {\n content: \"\\ec03\";\n}\n\n/*!@.codicon-heart-filled:before*/.codicon-heart-filled.sc-kol-icon-default:before {\n content: \"\\ec04\";\n}\n\n/*!@.codicon-map:before*/.codicon-map.sc-kol-icon-default:before {\n content: \"\\ec05\";\n}\n\n/*!@.codicon-map-filled:before*/.codicon-map-filled.sc-kol-icon-default:before {\n content: \"\\ec06\";\n}\n\n/*!@.codicon-circle-small:before*/.codicon-circle-small.sc-kol-icon-default:before {\n content: \"\\ec07\";\n}\n\n/*!@.codicon-bell-slash:before*/.codicon-bell-slash.sc-kol-icon-default:before {\n content: \"\\ec08\";\n}\n\n/*!@.codicon-bell-slash-dot:before*/.codicon-bell-slash-dot.sc-kol-icon-default:before {\n content: \"\\ec09\";\n}\n\n/*!@.codicon-comment-unresolved:before*/.codicon-comment-unresolved.sc-kol-icon-default:before {\n content: \"\\ec0a\";\n}\n\n/*!@.codicon-git-pull-request-go-to-changes:before*/.codicon-git-pull-request-go-to-changes.sc-kol-icon-default:before {\n content: \"\\ec0b\";\n}\n\n/*!@.codicon-git-pull-request-new-changes:before*/.codicon-git-pull-request-new-changes.sc-kol-icon-default:before {\n content: \"\\ec0c\";\n}\n\n@layer kol-component {\n \n .sc-kol-icon-default-h {\n color: inherit;\n display: contents;\n height: 1em;\n line-height: inherit;\n width: 1em;\n }\n .sc-kol-icon-default-h > i {\n height: 1em;\n width: 1em;\n }\n \n .sc-kol-icon-default-h > i,\n .sc-kol-icon-default-h > i:before {\n font-size: inherit !important;\n }\n}";
|
|
16756
|
+
var KolIconDefaultStyle0 = defaultStyleCss$A;
|
|
16757
|
+
|
|
16758
|
+
class KolIcon {
|
|
16759
|
+
constructor(hostRef) {
|
|
16760
|
+
registerInstance(this, hostRef);
|
|
16761
|
+
this._icons = undefined;
|
|
16762
|
+
this._label = undefined;
|
|
16763
|
+
this.state = {
|
|
16764
|
+
_icons: 'codicon codicon-home',
|
|
16765
|
+
_label: '',
|
|
16400
16766
|
};
|
|
16401
|
-
this.component = component;
|
|
16402
|
-
}
|
|
16403
|
-
validateAccessKey(value) {
|
|
16404
|
-
watchString(this.component, '_accessKey', value);
|
|
16405
|
-
}
|
|
16406
|
-
validateAdjustHeight(value) {
|
|
16407
|
-
validateAdjustHeight(this.component, value);
|
|
16408
|
-
}
|
|
16409
|
-
validateDisabled(value) {
|
|
16410
|
-
watchBoolean(this.component, '_disabled', value);
|
|
16411
|
-
if (value === true) {
|
|
16412
|
-
a11yHintDisabled();
|
|
16413
|
-
}
|
|
16414
|
-
}
|
|
16415
|
-
validateTooltipAlign(value) {
|
|
16416
|
-
validateTooltipAlign(this.component, value);
|
|
16417
16767
|
}
|
|
16418
|
-
|
|
16419
|
-
const
|
|
16420
|
-
|
|
16421
|
-
_description: value,
|
|
16422
|
-
_type: 'error',
|
|
16423
|
-
}
|
|
16424
|
-
: undefined;
|
|
16425
|
-
this.validateMsg(message);
|
|
16768
|
+
render() {
|
|
16769
|
+
const ariaShow = this.state._label.length > 0;
|
|
16770
|
+
return (hAsync(Host, { key: '6f3cb974496a4f84a7e5c0712af1df89e8d09ced', exportparts: "icon", class: "kol-icon" }, hAsync("i", { key: '988ccb3b3521fedb0c39d141cb3e1865b5cfc603', "aria-hidden": ariaShow ? undefined : 'true', "aria-label": ariaShow ? this.state._label : undefined, class: this.state._icons, part: "icon", role: "img" })));
|
|
16426
16771
|
}
|
|
16427
|
-
|
|
16428
|
-
|
|
16429
|
-
|
|
16430
|
-
afterPatch: () => {
|
|
16431
|
-
if (this.component.state._hideError) {
|
|
16432
|
-
a11yHint('Property hide-error for inputs: Only use when the error message is shown outside of the input component.');
|
|
16433
|
-
}
|
|
16434
|
-
},
|
|
16435
|
-
},
|
|
16772
|
+
validateIcons(value) {
|
|
16773
|
+
watchString(this, '_icons', value, {
|
|
16774
|
+
required: true,
|
|
16436
16775
|
});
|
|
16437
16776
|
}
|
|
16438
|
-
|
|
16439
|
-
|
|
16440
|
-
|
|
16441
|
-
afterPatch: () => {
|
|
16442
|
-
if (this.component.state._hideLabel) {
|
|
16443
|
-
a11yHint('Property hide-label for inputs: Only use for exceptions like search inputs that are clearly identifiable by their context.');
|
|
16444
|
-
}
|
|
16445
|
-
},
|
|
16446
|
-
},
|
|
16777
|
+
validateLabel(value) {
|
|
16778
|
+
validateLabel(this, value, {
|
|
16779
|
+
required: true,
|
|
16447
16780
|
});
|
|
16448
16781
|
}
|
|
16449
|
-
|
|
16450
|
-
|
|
16782
|
+
componentWillLoad() {
|
|
16783
|
+
this.validateIcons(this._icons);
|
|
16784
|
+
this.validateLabel(this._label);
|
|
16451
16785
|
}
|
|
16452
|
-
|
|
16453
|
-
|
|
16454
|
-
|
|
16455
|
-
|
|
16456
|
-
|
|
16457
|
-
|
|
16458
|
-
|
|
16459
|
-
|
|
16460
|
-
|
|
16461
|
-
|
|
16462
|
-
|
|
16463
|
-
|
|
16786
|
+
static get watchers() { return {
|
|
16787
|
+
"_icons": ["validateIcons"],
|
|
16788
|
+
"_label": ["validateLabel"]
|
|
16789
|
+
}; }
|
|
16790
|
+
static get style() { return {
|
|
16791
|
+
default: KolIconDefaultStyle0
|
|
16792
|
+
}; }
|
|
16793
|
+
static get cmpMeta() { return {
|
|
16794
|
+
"$flags$": 41,
|
|
16795
|
+
"$tagName$": "kol-icon",
|
|
16796
|
+
"$members$": {
|
|
16797
|
+
"_icons": [1],
|
|
16798
|
+
"_label": [1],
|
|
16799
|
+
"state": [32]
|
|
16800
|
+
},
|
|
16801
|
+
"$listeners$": undefined,
|
|
16802
|
+
"$lazyBundleId$": "-",
|
|
16803
|
+
"$attrsToReflect$": []
|
|
16804
|
+
}; }
|
|
16805
|
+
}
|
|
16806
|
+
|
|
16807
|
+
const defaultStyleCss$z = "@layer kol-component {\n .sc-kol-image-default-h {\n display: inline-block;\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n img {\n max-height: 100%;\n max-width: 100%;\n }\n}";
|
|
16808
|
+
var KolImageDefaultStyle0 = defaultStyleCss$z;
|
|
16809
|
+
|
|
16810
|
+
class KolImage {
|
|
16811
|
+
constructor(hostRef) {
|
|
16812
|
+
registerInstance(this, hostRef);
|
|
16813
|
+
this._alt = undefined;
|
|
16814
|
+
this._loading = 'lazy';
|
|
16815
|
+
this._sizes = undefined;
|
|
16816
|
+
this._src = undefined;
|
|
16817
|
+
this._srcset = undefined;
|
|
16818
|
+
this.state = {
|
|
16819
|
+
_alt: '',
|
|
16820
|
+
_loading: 'lazy',
|
|
16821
|
+
_src: '',
|
|
16822
|
+
};
|
|
16464
16823
|
}
|
|
16465
|
-
|
|
16466
|
-
|
|
16824
|
+
validateAlt(value) {
|
|
16825
|
+
watchString(this, '_alt', value, {
|
|
16467
16826
|
required: true,
|
|
16468
16827
|
});
|
|
16469
16828
|
}
|
|
16470
|
-
|
|
16471
|
-
|
|
16829
|
+
validateLoading(value) {
|
|
16830
|
+
validateLoading(this, value);
|
|
16472
16831
|
}
|
|
16473
|
-
|
|
16474
|
-
|
|
16475
|
-
setState(this.component, '_on', value);
|
|
16476
|
-
}
|
|
16832
|
+
validateSizes(value) {
|
|
16833
|
+
watchString(this, '_sizes', value);
|
|
16477
16834
|
}
|
|
16478
|
-
|
|
16479
|
-
|
|
16480
|
-
|
|
16481
|
-
value = parseJson(value);
|
|
16482
|
-
}
|
|
16483
|
-
catch (e) {
|
|
16484
|
-
}
|
|
16485
|
-
setState(this.component, '_smartButton', value);
|
|
16835
|
+
validateSrc(value) {
|
|
16836
|
+
validateImageSource(this, value, {
|
|
16837
|
+
required: true,
|
|
16486
16838
|
});
|
|
16487
16839
|
}
|
|
16488
|
-
|
|
16489
|
-
|
|
16840
|
+
validateSrcset(value) {
|
|
16841
|
+
watchString(this, '_srcset', value);
|
|
16490
16842
|
}
|
|
16491
16843
|
componentWillLoad() {
|
|
16492
|
-
|
|
16493
|
-
this.
|
|
16494
|
-
this.
|
|
16495
|
-
this.
|
|
16496
|
-
this.
|
|
16497
|
-
this.validateDisabled(this.component._disabled);
|
|
16498
|
-
this.validateHideError(this.component._hideError);
|
|
16499
|
-
this.validateHideLabel(this.component._hideLabel);
|
|
16500
|
-
this.validateHint(this.component._hint);
|
|
16501
|
-
this.validateId(this.component._id);
|
|
16502
|
-
this.validateLabel(this.component._label);
|
|
16503
|
-
this.validateSmartButton(this.component._smartButton);
|
|
16504
|
-
this.validateOn(this.component._on);
|
|
16505
|
-
this.validateTabIndex(this.component._tabIndex);
|
|
16844
|
+
this.validateAlt(this._alt);
|
|
16845
|
+
this.validateLoading(this._loading);
|
|
16846
|
+
this.validateSizes(this._sizes);
|
|
16847
|
+
this.validateSrc(this._src);
|
|
16848
|
+
this.validateSrcset(this._srcset);
|
|
16506
16849
|
}
|
|
16507
|
-
|
|
16508
|
-
|
|
16509
|
-
|
|
16510
|
-
|
|
16511
|
-
|
|
16512
|
-
|
|
16513
|
-
|
|
16514
|
-
|
|
16515
|
-
|
|
16850
|
+
render() {
|
|
16851
|
+
return (hAsync(Host, { key: '976da0c35e4cfec6f956185740885cee765fc2d5', class: "kol-image" }, hAsync("img", { key: 'd9aab0d1ff56a0a63acd16d130a9703fd2fb2d2e', alt: this.state._alt, loading: this.state._loading, sizes: this.state._sizes, src: this.state._src, srcset: this.state._srcset })));
|
|
16852
|
+
}
|
|
16853
|
+
static get watchers() { return {
|
|
16854
|
+
"_alt": ["validateAlt"],
|
|
16855
|
+
"_loading": ["validateLoading"],
|
|
16856
|
+
"_sizes": ["validateSizes"],
|
|
16857
|
+
"_src": ["validateSrc"],
|
|
16858
|
+
"_srcset": ["validateSrcset"]
|
|
16859
|
+
}; }
|
|
16860
|
+
static get style() { return {
|
|
16861
|
+
default: KolImageDefaultStyle0
|
|
16862
|
+
}; }
|
|
16863
|
+
static get cmpMeta() { return {
|
|
16864
|
+
"$flags$": 41,
|
|
16865
|
+
"$tagName$": "kol-image",
|
|
16866
|
+
"$members$": {
|
|
16867
|
+
"_alt": [1],
|
|
16868
|
+
"_loading": [1],
|
|
16869
|
+
"_sizes": [1],
|
|
16870
|
+
"_src": [1],
|
|
16871
|
+
"_srcset": [1],
|
|
16872
|
+
"state": [32]
|
|
16873
|
+
},
|
|
16874
|
+
"$listeners$": undefined,
|
|
16875
|
+
"$lazyBundleId$": "-",
|
|
16876
|
+
"$attrsToReflect$": []
|
|
16877
|
+
}; }
|
|
16878
|
+
}
|
|
16879
|
+
|
|
16880
|
+
const defaultStyleCss$y = "@layer kol-global {\n .sc-kol-indented-text-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-indented-text-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-indented-text-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .sc-kol-indented-text-default-h {\n display: block;\n }\n}\n@layer kol-component {\n .sc-kol-indented-text-default-h {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .sc-kol-indented-text-default-h > div {\n border-left-style: solid;\n padding-left: 0.5em;\n }\n}";
|
|
16881
|
+
var KolIndentedTextDefaultStyle0 = defaultStyleCss$y;
|
|
16882
|
+
|
|
16883
|
+
class KolIndentedText {
|
|
16884
|
+
constructor(hostRef) {
|
|
16885
|
+
registerInstance(this, hostRef);
|
|
16886
|
+
this.state = {};
|
|
16887
|
+
}
|
|
16888
|
+
render() {
|
|
16889
|
+
return (hAsync(Host, { key: '6097077f44baffeaab91669a12c8e3897f83e46a', class: "kol-indented-text-wc" }, hAsync("div", { key: 'b534e57df62b8714e6bed627268ce784a67490f8' }, hAsync("slot", { key: '99d0151973c297b5f23acfb2217b4c41b58327b6' }))));
|
|
16890
|
+
}
|
|
16891
|
+
static get style() { return {
|
|
16892
|
+
default: KolIndentedTextDefaultStyle0
|
|
16893
|
+
}; }
|
|
16894
|
+
static get cmpMeta() { return {
|
|
16895
|
+
"$flags$": 41,
|
|
16896
|
+
"$tagName$": "kol-indented-text",
|
|
16897
|
+
"$members$": {
|
|
16898
|
+
"state": [32]
|
|
16899
|
+
},
|
|
16900
|
+
"$listeners$": undefined,
|
|
16901
|
+
"$lazyBundleId$": "-",
|
|
16902
|
+
"$attrsToReflect$": []
|
|
16903
|
+
}; }
|
|
16904
|
+
}
|
|
16905
|
+
|
|
16906
|
+
function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
|
|
16907
|
+
|
|
16908
|
+
const FormFieldMsg = ({ _alert, _msg, _hideError, _id }) => (hAsync(KolAlertWcTag, Object.assign({ "aria-hidden": "true", id: `${_id}-error`, _alert: _alert, _type: "error", class: {
|
|
16909
|
+
error: true,
|
|
16910
|
+
'visually-hidden': _hideError === true,
|
|
16911
|
+
} }, _msg), (_msg === null || _msg === void 0 ? void 0 : _msg._description) || undefined));
|
|
16912
|
+
|
|
16913
|
+
class KolInput {
|
|
16914
|
+
constructor(hostRef) {
|
|
16915
|
+
registerInstance(this, hostRef);
|
|
16916
|
+
this.slotName = 'input';
|
|
16917
|
+
this.catchInputSlot = (slot) => {
|
|
16918
|
+
handleSlotContent(this.host, slot, this.slotName);
|
|
16919
|
+
};
|
|
16920
|
+
this._accessKey = undefined;
|
|
16921
|
+
this._alert = true;
|
|
16922
|
+
this._currentLength = undefined;
|
|
16923
|
+
this._disabled = false;
|
|
16924
|
+
this._hasCounter = false;
|
|
16925
|
+
this._hideError = false;
|
|
16926
|
+
this._hideLabel = false;
|
|
16927
|
+
this._hint = '';
|
|
16928
|
+
this._icons = undefined;
|
|
16929
|
+
this._id = undefined;
|
|
16930
|
+
this._label = undefined;
|
|
16931
|
+
this._maxLength = undefined;
|
|
16932
|
+
this._msg = undefined;
|
|
16933
|
+
this._readOnly = false;
|
|
16934
|
+
this._renderNoLabel = false;
|
|
16935
|
+
this._required = false;
|
|
16936
|
+
this._slotName = undefined;
|
|
16937
|
+
this._suggestions = undefined;
|
|
16938
|
+
this._smartButton = undefined;
|
|
16939
|
+
this._tooltipAlign = 'top';
|
|
16940
|
+
this._touched = false;
|
|
16516
16941
|
}
|
|
16517
|
-
|
|
16518
|
-
|
|
16519
|
-
const value = event.target.value;
|
|
16520
|
-
tryToDispatchKoliBriEvent('change', this.host, value);
|
|
16521
|
-
if (typeof ((_a = this.component._on) === null || _a === void 0 ? void 0 : _a.onChange) === 'function') {
|
|
16522
|
-
this.component._on.onChange(event, value);
|
|
16523
|
-
}
|
|
16524
|
-
this.valueChangeListeners.forEach((listener) => listener(value));
|
|
16942
|
+
componentWillRender() {
|
|
16943
|
+
this.slotName = this._slotName ? this._slotName : 'input';
|
|
16525
16944
|
}
|
|
16526
|
-
|
|
16527
|
-
|
|
16528
|
-
const value = event.target.value;
|
|
16529
|
-
stopPropagation(event);
|
|
16530
|
-
tryToDispatchKoliBriEvent('input', this.host, value);
|
|
16531
|
-
if (shouldSetFormAssociatedValue) {
|
|
16532
|
-
this.setFormAssociatedValue(value);
|
|
16533
|
-
}
|
|
16534
|
-
if (typeof ((_a = this.component._on) === null || _a === void 0 ? void 0 : _a.onInput) === 'function') {
|
|
16535
|
-
this.component._on.onInput(event, value);
|
|
16536
|
-
}
|
|
16945
|
+
getIconStyles(icon) {
|
|
16946
|
+
return icon && typeof icon === 'object' && icon.style ? icon.style : {};
|
|
16537
16947
|
}
|
|
16538
|
-
|
|
16539
|
-
var _a;
|
|
16540
|
-
|
|
16541
|
-
|
|
16542
|
-
|
|
16543
|
-
|
|
16544
|
-
|
|
16948
|
+
render() {
|
|
16949
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
|
|
16950
|
+
const isMessageValidError = Boolean(((_a = this._msg) === null || _a === void 0 ? void 0 : _a._type) === 'error' && this._msg._description && ((_b = this._msg._description) === null || _b === void 0 ? void 0 : _b.length) > 0);
|
|
16951
|
+
const hasError = !this._readOnly && isMessageValidError && this._touched === true;
|
|
16952
|
+
const showFormFieldMsg = Boolean(hasError || (((_c = this._msg) === null || _c === void 0 ? void 0 : _c._type) !== 'error' && ((_d = this._msg) === null || _d === void 0 ? void 0 : _d._description)));
|
|
16953
|
+
const hasExpertSlot = showExpertSlot(this._label);
|
|
16954
|
+
const hasHint = typeof this._hint === 'string' && this._hint.length > 0;
|
|
16955
|
+
const useTooltopInsteadOfLabel = !hasExpertSlot && this._hideLabel;
|
|
16956
|
+
return (hAsync(Host, { key: 'b072543f7641ef363994245d06c7f2bd764f753f', class: clsx('kol-input', this.getModifierClassNameByMsgType(), {
|
|
16957
|
+
disabled: this._disabled === true,
|
|
16958
|
+
error: hasError === true,
|
|
16959
|
+
'read-only': this._readOnly === true,
|
|
16960
|
+
required: this._required === true,
|
|
16961
|
+
touched: this._touched === true,
|
|
16962
|
+
'hidden-error': this._hideError === true,
|
|
16963
|
+
}) }, hAsync("label", { key: 'c1477c93278760eb904c8be41af9e2d616172455', class: "input-label", id: !useTooltopInsteadOfLabel ? `${this._id}-label` : undefined, hidden: useTooltopInsteadOfLabel, htmlFor: this._id }, hAsync("span", { key: '56168b5b34ff6cb4fcf61ee06b10319ac4e5011a', class: "input-label-span" }, hAsync("slot", { key: 'a5d86e031f9de5ab58df928c01b6f3495afa73aa', name: "label" }))), hasHint && (hAsync("span", { key: '9eb13cd9be0d8f3b292e4741b9b5e3a30f87ea57', class: "hint", id: `${this._id}-hint` }, this._hint)), hAsync("div", { key: '544a5b66396437d9d204377a26b5a7f8b4920aa7', class: {
|
|
16964
|
+
input: true,
|
|
16965
|
+
'icon-left': typeof ((_e = this._icons) === null || _e === void 0 ? void 0 : _e.left) === 'object',
|
|
16966
|
+
'icon-right': typeof ((_f = this._icons) === null || _f === void 0 ? void 0 : _f.right) === 'object',
|
|
16967
|
+
} }, ((_g = this._icons) === null || _g === void 0 ? void 0 : _g.left) && (hAsync(KolIconTag, { key: '52f24a7649e61ba65586fa4fcd718af977188b2d', _label: "", _icons: ((_h = this._icons) === null || _h === void 0 ? void 0 : _h.left).icon, style: this.getIconStyles((_j = this._icons) === null || _j === void 0 ? void 0 : _j.left) })), hAsync("div", { key: 'ca294a18ec2654cf6f645ff3c3fd0810acc671a7', ref: this.catchInputSlot, id: this.slotName, class: "input-slot" }), typeof this._smartButton === 'object' && this._smartButton !== null && (hAsync(KolButtonWcTag, { key: 'bf192702fd5569ad649a0df9468b0ed269263226', _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 })), ((_k = this._icons) === null || _k === void 0 ? void 0 : _k.right) && (hAsync(KolIconTag, { key: 'cdbd580ebe51b27dbf57a23cf6cb4b9a0dc52c93', _label: "", _icons: ((_l = this._icons) === null || _l === void 0 ? void 0 : _l.right).icon, style: this.getIconStyles((_m = this._icons) === null || _m === void 0 ? void 0 : _m.right) }))), useTooltopInsteadOfLabel && (hAsync(KolTooltipWcTag, { key: '36299e559eaaf1542fa14aee60ea18ce5ad43d27', "aria-hidden": "true", class: "input-tooltip", _accessKey: this._accessKey, _align: this._tooltipAlign, _id: this._hideLabel ? `${this._id}-label` : undefined, _label: this._label })), showFormFieldMsg && hAsync(FormFieldMsg, { key: '1ef7bb15638c51e4905126e53d55c0bd78401014', _alert: this._alert, _hideError: this._hideError, _msg: this._msg, _id: this._id }), Array.isArray(this._suggestions) && this._suggestions.length > 0 && (hAsync("datalist", { key: '2140b9cf07bc0cc2cd6b68d96c51aea78261c7b6', id: `${this._id}-list` }, this._suggestions.map((option) => (hAsync("option", { value: option }))))), this._hasCounter && (hAsync("span", { key: '25ca509e7a4a52187a3b6fc47d66c4d03a241b23', class: "counter", "aria-atomic": "true", "aria-live": "polite" }, this._currentLength, this._maxLength && (hAsync(Fragment, null, hAsync("span", { key: '1ed61d7a3113d4a5dcfa88988d16d5c0521c8501', "aria-label": translate('kol-of'), role: "img" }, "/"), this._maxLength)), ' ', hAsync("span", { key: 'c460083b600b8b402dc533987cbc542824476036' }, translate('kol-characters'))))));
|
|
16545
16968
|
}
|
|
16546
|
-
|
|
16547
|
-
var _a;
|
|
16548
|
-
this.
|
|
16549
|
-
|
|
16550
|
-
|
|
16551
|
-
|
|
16552
|
-
|
|
16969
|
+
getModifierClassNameByMsgType() {
|
|
16970
|
+
var _a, _b;
|
|
16971
|
+
if ((_a = this._msg) === null || _a === void 0 ? void 0 : _a._type) {
|
|
16972
|
+
return {
|
|
16973
|
+
default: 'msg-type-default',
|
|
16974
|
+
info: 'msg-type-info',
|
|
16975
|
+
success: 'msg-type-success',
|
|
16976
|
+
warning: 'msg-type-warning',
|
|
16977
|
+
error: 'msg-type-error',
|
|
16978
|
+
}[(_b = this._msg) === null || _b === void 0 ? void 0 : _b._type];
|
|
16553
16979
|
}
|
|
16554
16980
|
}
|
|
16555
|
-
|
|
16556
|
-
|
|
16557
|
-
|
|
16981
|
+
get host() { return getElement(this); }
|
|
16982
|
+
static get cmpMeta() { return {
|
|
16983
|
+
"$flags$": 4,
|
|
16984
|
+
"$tagName$": "kol-input",
|
|
16985
|
+
"$members$": {
|
|
16986
|
+
"_accessKey": [1, "_access-key"],
|
|
16987
|
+
"_alert": [4],
|
|
16988
|
+
"_currentLength": [2, "_current-length"],
|
|
16989
|
+
"_disabled": [4],
|
|
16990
|
+
"_hasCounter": [4, "_has-counter"],
|
|
16991
|
+
"_hideError": [4, "_hide-error"],
|
|
16992
|
+
"_hideLabel": [4, "_hide-label"],
|
|
16993
|
+
"_hint": [1],
|
|
16994
|
+
"_icons": [16],
|
|
16995
|
+
"_id": [1],
|
|
16996
|
+
"_label": [1],
|
|
16997
|
+
"_maxLength": [2, "_max-length"],
|
|
16998
|
+
"_msg": [16],
|
|
16999
|
+
"_readOnly": [4, "_read-only"],
|
|
17000
|
+
"_renderNoLabel": [4, "_render-no-label"],
|
|
17001
|
+
"_required": [4],
|
|
17002
|
+
"_slotName": [1, "_slot-name"],
|
|
17003
|
+
"_suggestions": [1],
|
|
17004
|
+
"_smartButton": [1, "_smart-button"],
|
|
17005
|
+
"_tooltipAlign": [1, "_tooltip-align"],
|
|
17006
|
+
"_touched": [4]
|
|
17007
|
+
},
|
|
17008
|
+
"$listeners$": undefined,
|
|
17009
|
+
"$lazyBundleId$": "-",
|
|
17010
|
+
"$attrsToReflect$": []
|
|
17011
|
+
}; }
|
|
16558
17012
|
}
|
|
16559
17013
|
|
|
16560
17014
|
const fillKeyOptionMap = (keyOptionMap, options, preKey = '') => {
|
|
@@ -16611,6 +17065,7 @@ class InputRadioController extends InputCheckboxRadioController {
|
|
|
16611
17065
|
validateOptions(this.component, value, {
|
|
16612
17066
|
hooks: {
|
|
16613
17067
|
afterPatch: this.afterPatchOptions,
|
|
17068
|
+
beforePatch: this.beforePatchOptions,
|
|
16614
17069
|
},
|
|
16615
17070
|
});
|
|
16616
17071
|
}
|
|
@@ -16678,8 +17133,8 @@ class InputCheckboxController extends InputCheckboxRadioController {
|
|
|
16678
17133
|
}
|
|
16679
17134
|
}
|
|
16680
17135
|
|
|
16681
|
-
const defaultStyleCss$
|
|
16682
|
-
var KolInputCheckboxDefaultStyle0 = defaultStyleCss$
|
|
17136
|
+
const defaultStyleCss$x = "@layer kol-global {\n .sc-kol-input-checkbox-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-input-checkbox-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-input-checkbox-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .required label > span::after,\n .required legend > span::after {\n content: \"*\";\n }\n}\n@layer kol-component {\n .sc-kol-input-checkbox-default-h {\n display: block;\n }\n}\n@layer kol-component {\n input,\n textarea {\n cursor: text;\n }\n input[type=checkbox],\n input[type=color],\n input[type=file],\n input[type=radio],\n input[type=range],\n label,\n option,\n select {\n cursor: pointer;\n }\n \n \n \n input[type=color],\n input[type=date],\n input[type=datetime-local],\n input[type=email],\n input[type=file],\n input[type=month],\n input[type=number],\n input[type=password],\n input[type=search],\n input[type=tel],\n input[type=text],\n input[type=time],\n input[type=url],\n input[type=week],\n select,\n select[multiple] option,\n textarea {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n width: 100%;\n }\n \n input[type=file] {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 10) 0.5em;\n }\n \n select[multiple] option {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 2) 0.5em;\n }\n}\n@layer kol-component {\n .sc-kol-input-checkbox-default-h {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n label {\n cursor: pointer;\n }\n .kol-input {\n align-items: center;\n display: grid;\n justify-items: left;\n }\n .kol-input.default,\n .kol-input.switch {\n grid-template-columns: auto 1fr;\n }\n .kol-input .input {\n align-items: center;\n display: grid;\n order: 1;\n }\n .kol-input .input div {\n display: inline-flex;\n }\n .kol-input .input input {\n margin: 0;\n }\n .kol-input label {\n order: 2;\n }\n .kol-input .hint,\n .kol-input.error > .kol-alert {\n grid-column: span 2;\n }\n .kol-input .kol-alert.error {\n order: 3;\n }\n .kol-input .hint {\n order: 4;\n }\n input {\n border-style: solid;\n border-width: 2px;\n line-height: 24px;\n }\n input[type=checkbox] {\n appearance: none;\n background-color: #fff;\n cursor: pointer;\n transition: 0.5s;\n }\n input[type=checkbox]:before {\n content: \"\";\n cursor: pointer;\n }\n input[type=checkbox]:disabled:before {\n cursor: not-allowed;\n }\n .kol-input.required .tooltip-content .span-label::after {\n content: \"*\";\n }\n}\n@layer kol-component {\n .button {\n display: grid;\n grid-template-columns: var(--a11y-min-size) auto;\n grid-template-areas: \"error error\" \"input label\" \"hint hint\";\n }\n .button:focus-within {\n \n cursor: inherit;\n outline-color: black;\n outline-style: solid;\n }\n .button > .error {\n grid-area: error;\n }\n .button > label {\n grid-area: label;\n }\n .button > .input {\n grid-area: input;\n }\n .button > .hint {\n grid-area: hint;\n }\n .button .icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--a11y-min-size);\n height: var(--a11y-min-size);\n }\n}\n@layer kol-component {\n .default .checkbox-container {\n align-items: center;\n display: flex;\n height: var(--a11y-min-size);\n justify-content: center;\n position: relative;\n width: var(--a11y-min-size);\n }\n .default .icon {\n display: block;\n inset: auto;\n position: absolute;\n z-index: 1;\n }\n .default:not(.checked):not(.indeterminate) .icon::part(icon) {\n display: none;\n }\n .default .checkbox-input-element {\n width: 22px;\n height: 22px;\n }\n}\n@layer kol-component {\n .switch .input {\n position: relative;\n }\n .switch input[type=checkbox] {\n display: inline-block;\n height: 1.7em;\n min-width: 3.2em;\n position: relative;\n width: 3.2em;\n }\n .switch input[type=checkbox]::before {\n background-color: #000;\n height: 1.2em;\n left: calc(0.25em - 2px);\n top: calc(0.25em - 2px);\n position: absolute;\n transition: 0.5s;\n width: 1.2em;\n }\n .switch input[type=checkbox]:checked::before {\n transform: translateX(1.5em);\n }\n .switch input[type=checkbox]:indeterminate::before {\n transform: translateX(0.75em);\n }\n .switch .icon {\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 1.2em;\n height: 1.2em;\n position: absolute;\n z-index: 1;\n top: 50%;\n left: 4px;\n transform: translate(0, -50%);\n transition: 0.5s;\n color: #000;\n }\n .switch.checked .icon {\n transform: translate(1.5em, -50%);\n }\n .switch.indeterminate .icon {\n transform: translate(0.75em, -50%);\n }\n}\n\n@layer kol-global {\n .sc-kol-input-checkbox-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-input-checkbox-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-input-checkbox-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .sc-kol-input-checkbox-default-h {\n display: block;\n }\n}\n@layer kol-component {\n .kol-alert-wc {\n display: grid;\n }\n .kol-alert-wc .heading {\n display: flex;\n place-items: center;\n }\n .kol-alert-wc .heading > div {\n flex-grow: 1;\n }\n .close {\n \n outline: transparent solid 1px;\n }\n}";
|
|
17137
|
+
var KolInputCheckboxDefaultStyle0 = defaultStyleCss$x;
|
|
16683
17138
|
|
|
16684
17139
|
class KolInputCheckbox {
|
|
16685
17140
|
async getValue() {
|
|
@@ -16890,49 +17345,6 @@ class KolInputCheckbox {
|
|
|
16890
17345
|
}; }
|
|
16891
17346
|
}
|
|
16892
17347
|
|
|
16893
|
-
const beforePatchIcons = (value, nextState) => {
|
|
16894
|
-
const icons = value;
|
|
16895
|
-
if (typeof icons === 'object' && icons !== null) {
|
|
16896
|
-
if (isString$2(icons.right, 1)) {
|
|
16897
|
-
icons.right = { icon: icons.right };
|
|
16898
|
-
}
|
|
16899
|
-
if (isString$2(icons.left, 1)) {
|
|
16900
|
-
icons.left = { icon: icons.left };
|
|
16901
|
-
}
|
|
16902
|
-
nextState.set('_icons', icons);
|
|
16903
|
-
}
|
|
16904
|
-
};
|
|
16905
|
-
class InputIconController extends InputController {
|
|
16906
|
-
constructor(component, name, host) {
|
|
16907
|
-
super(component, name, host);
|
|
16908
|
-
this.component = component;
|
|
16909
|
-
}
|
|
16910
|
-
validateIcon(value) {
|
|
16911
|
-
this.validateIcons(value);
|
|
16912
|
-
}
|
|
16913
|
-
validateIcons(value) {
|
|
16914
|
-
objectObjectHandler(value, () => {
|
|
16915
|
-
try {
|
|
16916
|
-
value = parseJson(value);
|
|
16917
|
-
}
|
|
16918
|
-
catch (e) {
|
|
16919
|
-
}
|
|
16920
|
-
watchValidator(this.component, '_icons', (value) => {
|
|
16921
|
-
return (typeof value === 'object' && value !== null && (isString$2(value.left, 1) || isIcon(value.left) || isString$2(value.right, 1) || isIcon(value.right)));
|
|
16922
|
-
}, new Set(['KoliBriHorizontalIcon']), value, {
|
|
16923
|
-
hooks: {
|
|
16924
|
-
beforePatch: beforePatchIcons,
|
|
16925
|
-
},
|
|
16926
|
-
required: true,
|
|
16927
|
-
});
|
|
16928
|
-
});
|
|
16929
|
-
}
|
|
16930
|
-
componentWillLoad() {
|
|
16931
|
-
super.componentWillLoad();
|
|
16932
|
-
this.validateIcons(this.component._icons || this.component._icon);
|
|
16933
|
-
}
|
|
16934
|
-
}
|
|
16935
|
-
|
|
16936
17348
|
class InputColorController extends InputIconController {
|
|
16937
17349
|
constructor(component, name, host) {
|
|
16938
17350
|
super(component, name, host);
|
|
@@ -16956,8 +17368,8 @@ class InputColorController extends InputIconController {
|
|
|
16956
17368
|
}
|
|
16957
17369
|
}
|
|
16958
17370
|
|
|
16959
|
-
const defaultStyleCss$
|
|
16960
|
-
var KolInputColorDefaultStyle0 = defaultStyleCss$
|
|
17371
|
+
const defaultStyleCss$w = "@layer kol-global {\n .sc-kol-input-color-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-input-color-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-input-color-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .required label > span::after,\n .required legend > span::after {\n content: \"*\";\n }\n}\n@layer kol-component {\n .sc-kol-input-color-default-h {\n display: block;\n }\n}\n@layer kol-component {\n input,\n textarea {\n cursor: text;\n }\n input[type=checkbox],\n input[type=color],\n input[type=file],\n input[type=radio],\n input[type=range],\n label,\n option,\n select {\n cursor: pointer;\n }\n \n \n \n input[type=color],\n input[type=date],\n input[type=datetime-local],\n input[type=email],\n input[type=file],\n input[type=month],\n input[type=number],\n input[type=password],\n input[type=search],\n input[type=tel],\n input[type=text],\n input[type=time],\n input[type=url],\n input[type=week],\n select,\n select[multiple] option,\n textarea {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n width: 100%;\n }\n \n input[type=file] {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 10) 0.5em;\n }\n \n select[multiple] option {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 2) 0.5em;\n }\n}\n@layer kol-component {\n .kol-input {\n display: grid;\n }\n .kol-input .input-slot {\n flex-grow: 1;\n }\n input:not([type=checkbox], [type=radio]),\n select:not([multiple], [size]) {\n height: 2.75em;\n }\n input:focus,\n option:focus,\n select:focus,\n textarea:focus {\n outline: 0;\n }\n .input {\n display: flex;\n align-items: center;\n }\n .input > .kol-icon {\n display: grid;\n height: var(--a11y-min-size);\n place-items: center;\n }\n .kol-input.required .input-tooltip .span-label::after {\n content: \"*\";\n }\n}\n\n@layer kol-global {\n .sc-kol-input-color-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-input-color-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-input-color-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .sc-kol-input-color-default-h {\n display: block;\n }\n}\n@layer kol-component {\n .kol-alert-wc {\n display: grid;\n }\n .kol-alert-wc .heading {\n display: flex;\n place-items: center;\n }\n .kol-alert-wc .heading > div {\n flex-grow: 1;\n }\n .close {\n \n outline: transparent solid 1px;\n }\n}\n@layer kol-component {\n .sc-kol-input-color-default-h {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n div.input {\n cursor: pointer;\n }\n}";
|
|
17372
|
+
var KolInputColorDefaultStyle0 = defaultStyleCss$w;
|
|
16961
17373
|
|
|
16962
17374
|
class KolInputColor {
|
|
16963
17375
|
async getValue() {
|
|
@@ -17268,8 +17680,8 @@ InputDateController.isoTimeRegex = /^[0-2]\d:[0-5]\d(:[0-5]\d(?:\.\d+)?)?/;
|
|
|
17268
17680
|
InputDateController.isoWeekRegex = /^\d{4}-W(?:[0-4]\d|5[0-3])$/;
|
|
17269
17681
|
InputDateController.DEFAULT_MAX_DATE = new Date(9999, 11, 31, 23, 59, 59);
|
|
17270
17682
|
|
|
17271
|
-
const defaultStyleCss$
|
|
17272
|
-
var KolInputDateDefaultStyle0 = defaultStyleCss$
|
|
17683
|
+
const defaultStyleCss$v = "@layer kol-global {\n .sc-kol-input-date-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-input-date-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-input-date-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .required label > span::after,\n .required legend > span::after {\n content: \"*\";\n }\n}\n@layer kol-component {\n .sc-kol-input-date-default-h {\n display: block;\n }\n}\n@layer kol-component {\n input,\n textarea {\n cursor: text;\n }\n input[type=checkbox],\n input[type=color],\n input[type=file],\n input[type=radio],\n input[type=range],\n label,\n option,\n select {\n cursor: pointer;\n }\n \n \n \n input[type=color],\n input[type=date],\n input[type=datetime-local],\n input[type=email],\n input[type=file],\n input[type=month],\n input[type=number],\n input[type=password],\n input[type=search],\n input[type=tel],\n input[type=text],\n input[type=time],\n input[type=url],\n input[type=week],\n select,\n select[multiple] option,\n textarea {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n width: 100%;\n }\n \n input[type=file] {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 10) 0.5em;\n }\n \n select[multiple] option {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 2) 0.5em;\n }\n}\n@layer kol-component {\n .kol-input {\n display: grid;\n }\n .kol-input .input-slot {\n flex-grow: 1;\n }\n input:not([type=checkbox], [type=radio]),\n select:not([multiple], [size]) {\n height: 2.75em;\n }\n input:focus,\n option:focus,\n select:focus,\n textarea:focus {\n outline: 0;\n }\n .input {\n display: flex;\n align-items: center;\n }\n .input > .kol-icon {\n display: grid;\n height: var(--a11y-min-size);\n place-items: center;\n }\n .kol-input.required .input-tooltip .span-label::after {\n content: \"*\";\n }\n}\n\n@layer kol-global {\n .sc-kol-input-date-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-input-date-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-input-date-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .sc-kol-input-date-default-h {\n display: block;\n }\n}\n@layer kol-component {\n .kol-alert-wc {\n display: grid;\n }\n .kol-alert-wc .heading {\n display: flex;\n place-items: center;\n }\n .kol-alert-wc .heading > div {\n flex-grow: 1;\n }\n .close {\n \n outline: transparent solid 1px;\n }\n}\n@layer kol-component {\n .sc-kol-input-date-default-h {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input-number {\n display: block;\n }\n}";
|
|
17684
|
+
var KolInputDateDefaultStyle0 = defaultStyleCss$v;
|
|
17273
17685
|
|
|
17274
17686
|
class KolInputDate {
|
|
17275
17687
|
async getValue() {
|
|
@@ -17280,10 +17692,10 @@ class KolInputDate {
|
|
|
17280
17692
|
const { ariaDescribedBy } = getRenderStates(this.state);
|
|
17281
17693
|
const hasSuggestions = Array.isArray(this.state._suggestions) && this.state._suggestions.length > 0;
|
|
17282
17694
|
const hasExpertSlot = showExpertSlot(this.state._label);
|
|
17283
|
-
return (hAsync(Host, { key: '
|
|
17695
|
+
return (hAsync(Host, { key: 'afc7f989e1a4058bbccafc1fffb219d53c6f41fe', class: { 'kol-input-date': true, 'has-value': this.state._hasValue } }, hAsync(KolInputTag, { key: '113d0cd65e625c2af3388bae6037075e57144747', class: {
|
|
17284
17696
|
[this.state._type]: true,
|
|
17285
17697
|
'hide-label': !!this.state._hideLabel,
|
|
17286
|
-
}, _accessKey: this.state._accessKey, _disabled: this.state._disabled, _msg: this.state._msg, _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", { key: '
|
|
17698
|
+
}, _accessKey: this.state._accessKey, _disabled: this.state._disabled, _msg: this.state._msg, _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", { key: '2d0a25e33ae5c6f18f2d3666b057b61f97ea261f', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' ? (hAsync(Fragment, 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", { key: 'ad7b8b30320ad5972f4d6853c584304e5ec7a57b', slot: "input" }, hAsync("input", Object.assign({ key: '415946dc9c652c561998eeea4535d166669ea197', 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, { onKeyDown: this.onKeyDown }))))));
|
|
17287
17699
|
}
|
|
17288
17700
|
constructor(hostRef) {
|
|
17289
17701
|
registerInstance(this, hostRef);
|
|
@@ -17413,6 +17825,9 @@ class KolInputDate {
|
|
|
17413
17825
|
this.controller.validateType(value);
|
|
17414
17826
|
}
|
|
17415
17827
|
validateValue(value) {
|
|
17828
|
+
if (value instanceof Date) {
|
|
17829
|
+
deprecatedHint('Date type will be removed in v3. Use `Iso8601` instead.');
|
|
17830
|
+
}
|
|
17416
17831
|
this.controller.validateValueEx(value, (v) => {
|
|
17417
17832
|
if (v === '' && this.ref) {
|
|
17418
17833
|
this.ref.value = '';
|
|
@@ -17541,16 +17956,6 @@ class InputPasswordController extends InputIconController {
|
|
|
17541
17956
|
this.validateRequired(this.component._required);
|
|
17542
17957
|
this.validateValue(this.component._value);
|
|
17543
17958
|
}
|
|
17544
|
-
onBlur(event) {
|
|
17545
|
-
this.component.state = Object.assign(Object.assign({}, this.component.state), { _placeholder: this.placeholderCache });
|
|
17546
|
-
this.placeholderCache = undefined;
|
|
17547
|
-
super.onBlur(event);
|
|
17548
|
-
}
|
|
17549
|
-
onFocus(event) {
|
|
17550
|
-
this.placeholderCache = this.component.state._placeholder;
|
|
17551
|
-
this.component.state = Object.assign(Object.assign({}, this.component.state), { _placeholder: undefined });
|
|
17552
|
-
super.onFocus(event);
|
|
17553
|
-
}
|
|
17554
17959
|
}
|
|
17555
17960
|
|
|
17556
17961
|
class InputTextEmailController extends InputPasswordController {
|
|
@@ -17599,8 +18004,8 @@ class InputEmailController extends InputTextEmailController {
|
|
|
17599
18004
|
}
|
|
17600
18005
|
}
|
|
17601
18006
|
|
|
17602
|
-
const defaultStyleCss$
|
|
17603
|
-
var KolInputEmailDefaultStyle0 = defaultStyleCss$
|
|
18007
|
+
const defaultStyleCss$u = "@layer kol-global {\n .sc-kol-input-email-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-input-email-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-input-email-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .required label > span::after,\n .required legend > span::after {\n content: \"*\";\n }\n}\n@layer kol-component {\n .sc-kol-input-email-default-h {\n display: block;\n }\n}\n@layer kol-component {\n input,\n textarea {\n cursor: text;\n }\n input[type=checkbox],\n input[type=color],\n input[type=file],\n input[type=radio],\n input[type=range],\n label,\n option,\n select {\n cursor: pointer;\n }\n \n \n \n input[type=color],\n input[type=date],\n input[type=datetime-local],\n input[type=email],\n input[type=file],\n input[type=month],\n input[type=number],\n input[type=password],\n input[type=search],\n input[type=tel],\n input[type=text],\n input[type=time],\n input[type=url],\n input[type=week],\n select,\n select[multiple] option,\n textarea {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n width: 100%;\n }\n \n input[type=file] {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 10) 0.5em;\n }\n \n select[multiple] option {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 2) 0.5em;\n }\n}\n@layer kol-component {\n .kol-input {\n display: grid;\n }\n .kol-input .input-slot {\n flex-grow: 1;\n }\n input:not([type=checkbox], [type=radio]),\n select:not([multiple], [size]) {\n height: 2.75em;\n }\n input:focus,\n option:focus,\n select:focus,\n textarea:focus {\n outline: 0;\n }\n .input {\n display: flex;\n align-items: center;\n }\n .input > .kol-icon {\n display: grid;\n height: var(--a11y-min-size);\n place-items: center;\n }\n .kol-input.required .input-tooltip .span-label::after {\n content: \"*\";\n }\n}\n\n@layer kol-global {\n .sc-kol-input-email-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-input-email-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-input-email-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .sc-kol-input-email-default-h {\n display: block;\n }\n}\n@layer kol-component {\n .kol-alert-wc {\n display: grid;\n }\n .kol-alert-wc .heading {\n display: flex;\n place-items: center;\n }\n .kol-alert-wc .heading > div {\n flex-grow: 1;\n }\n .close {\n \n outline: transparent solid 1px;\n }\n}\n@layer kol-component {\n .sc-kol-input-email-default-h {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n}";
|
|
18008
|
+
var KolInputEmailDefaultStyle0 = defaultStyleCss$u;
|
|
17604
18009
|
|
|
17605
18010
|
class KolInputEmail {
|
|
17606
18011
|
async getValue() {
|
|
@@ -17862,8 +18267,8 @@ class InputFileController extends InputIconController {
|
|
|
17862
18267
|
}
|
|
17863
18268
|
}
|
|
17864
18269
|
|
|
17865
|
-
const defaultStyleCss$
|
|
17866
|
-
var KolInputFileDefaultStyle0 = defaultStyleCss$
|
|
18270
|
+
const defaultStyleCss$t = "@charset \"UTF-8\";\n\n@layer kol-global {\n .sc-kol-input-file-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-input-file-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-input-file-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .required label > span::after,\n .required legend > span::after {\n content: \"*\";\n }\n}\n@layer kol-component {\n .sc-kol-input-file-default-h {\n display: block;\n }\n}\n@layer kol-component {\n input,\n textarea {\n cursor: text;\n }\n input[type=checkbox],\n input[type=color],\n input[type=file],\n input[type=radio],\n input[type=range],\n label,\n option,\n select {\n cursor: pointer;\n }\n \n \n \n input[type=color],\n input[type=date],\n input[type=datetime-local],\n input[type=email],\n input[type=file],\n input[type=month],\n input[type=number],\n input[type=password],\n input[type=search],\n input[type=tel],\n input[type=text],\n input[type=time],\n input[type=url],\n input[type=week],\n select,\n select[multiple] option,\n textarea {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n width: 100%;\n }\n \n input[type=file] {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 10) 0.5em;\n }\n \n select[multiple] option {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 2) 0.5em;\n }\n}\n@layer kol-component {\n .kol-input {\n display: grid;\n }\n .kol-input .input-slot {\n flex-grow: 1;\n }\n input:not([type=checkbox], [type=radio]),\n select:not([multiple], [size]) {\n height: 2.75em;\n }\n input:focus,\n option:focus,\n select:focus,\n textarea:focus {\n outline: 0;\n }\n .input {\n display: flex;\n align-items: center;\n }\n .input > .kol-icon {\n display: grid;\n height: var(--a11y-min-size);\n place-items: center;\n }\n .kol-input.required .input-tooltip .span-label::after {\n content: \"*\";\n }\n}\n\n@layer kol-global {\n .sc-kol-input-file-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-input-file-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-input-file-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .sc-kol-input-file-default-h {\n display: block;\n }\n}\n@layer kol-component {\n .kol-alert-wc {\n display: grid;\n }\n .kol-alert-wc .heading {\n display: flex;\n place-items: center;\n }\n .kol-alert-wc .heading > div {\n flex-grow: 1;\n }\n .close {\n \n outline: transparent solid 1px;\n }\n}\n@layer kol-component {\n .sc-kol-input-file-default-h {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n label input[type=file]::-webkit-file-upload-button {\n display: none;\n }\n label input[type=file]:before {\n content: \"Datei auswählen\";\n }\n label input[multiple]:before {\n content: \"Dateien auswählen\";\n }\n div.input {\n cursor: pointer;\n }\n}";
|
|
18271
|
+
var KolInputFileDefaultStyle0 = defaultStyleCss$t;
|
|
17867
18272
|
|
|
17868
18273
|
class KolInputFile {
|
|
17869
18274
|
async getValue() {
|
|
@@ -17887,12 +18292,15 @@ class KolInputFile {
|
|
|
17887
18292
|
this.onChange = (event) => {
|
|
17888
18293
|
if (this.ref instanceof HTMLInputElement && this.ref.type === 'file') {
|
|
17889
18294
|
const value = this.ref.files;
|
|
17890
|
-
this.controller.onFacade.onChange(event);
|
|
18295
|
+
this.controller.onFacade.onChange(event, value);
|
|
17891
18296
|
this.controller.setFormAssociatedValue(value);
|
|
17892
18297
|
}
|
|
17893
18298
|
};
|
|
17894
18299
|
this.onInput = (event) => {
|
|
17895
|
-
this.
|
|
18300
|
+
if (this.ref instanceof HTMLInputElement && this.ref.type === 'file') {
|
|
18301
|
+
const value = this.ref.files;
|
|
18302
|
+
this.controller.onFacade.onInput(event, false, value);
|
|
18303
|
+
}
|
|
17896
18304
|
};
|
|
17897
18305
|
this._accept = undefined;
|
|
17898
18306
|
this._accessKey = undefined;
|
|
@@ -18135,8 +18543,8 @@ class InputNumberController extends InputIconController {
|
|
|
18135
18543
|
}
|
|
18136
18544
|
}
|
|
18137
18545
|
|
|
18138
|
-
const defaultStyleCss$
|
|
18139
|
-
var KolInputNumberDefaultStyle0 = defaultStyleCss$
|
|
18546
|
+
const defaultStyleCss$s = "@layer kol-global {\n .sc-kol-input-number-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-input-number-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-input-number-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .required label > span::after,\n .required legend > span::after {\n content: \"*\";\n }\n}\n@layer kol-component {\n .sc-kol-input-number-default-h {\n display: block;\n }\n}\n@layer kol-component {\n input,\n textarea {\n cursor: text;\n }\n input[type=checkbox],\n input[type=color],\n input[type=file],\n input[type=radio],\n input[type=range],\n label,\n option,\n select {\n cursor: pointer;\n }\n \n \n \n input[type=color],\n input[type=date],\n input[type=datetime-local],\n input[type=email],\n input[type=file],\n input[type=month],\n input[type=number],\n input[type=password],\n input[type=search],\n input[type=tel],\n input[type=text],\n input[type=time],\n input[type=url],\n input[type=week],\n select,\n select[multiple] option,\n textarea {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n width: 100%;\n }\n \n input[type=file] {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 10) 0.5em;\n }\n \n select[multiple] option {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 2) 0.5em;\n }\n}\n@layer kol-component {\n .kol-input {\n display: grid;\n }\n .kol-input .input-slot {\n flex-grow: 1;\n }\n input:not([type=checkbox], [type=radio]),\n select:not([multiple], [size]) {\n height: 2.75em;\n }\n input:focus,\n option:focus,\n select:focus,\n textarea:focus {\n outline: 0;\n }\n .input {\n display: flex;\n align-items: center;\n }\n .input > .kol-icon {\n display: grid;\n height: var(--a11y-min-size);\n place-items: center;\n }\n .kol-input.required .input-tooltip .span-label::after {\n content: \"*\";\n }\n}\n\n@layer kol-global {\n .sc-kol-input-number-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-input-number-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-input-number-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .sc-kol-input-number-default-h {\n display: block;\n }\n}\n@layer kol-component {\n .kol-alert-wc {\n display: grid;\n }\n .kol-alert-wc .heading {\n display: flex;\n place-items: center;\n }\n .kol-alert-wc .heading > div {\n flex-grow: 1;\n }\n .close {\n \n outline: transparent solid 1px;\n }\n}\n@layer kol-component {\n .sc-kol-input-number-default-h {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n}";
|
|
18547
|
+
var KolInputNumberDefaultStyle0 = defaultStyleCss$s;
|
|
18140
18548
|
|
|
18141
18549
|
class KolInputNumber {
|
|
18142
18550
|
async getValue() {
|
|
@@ -18367,8 +18775,8 @@ class KolInputNumber {
|
|
|
18367
18775
|
}; }
|
|
18368
18776
|
}
|
|
18369
18777
|
|
|
18370
|
-
const defaultStyleCss$
|
|
18371
|
-
var KolInputPasswordDefaultStyle0 = defaultStyleCss$
|
|
18778
|
+
const defaultStyleCss$r = "@layer kol-global {\n .sc-kol-input-password-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-input-password-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-input-password-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .required label > span::after,\n .required legend > span::after {\n content: \"*\";\n }\n}\n@layer kol-component {\n .sc-kol-input-password-default-h {\n display: block;\n }\n}\n@layer kol-component {\n input,\n textarea {\n cursor: text;\n }\n input[type=checkbox],\n input[type=color],\n input[type=file],\n input[type=radio],\n input[type=range],\n label,\n option,\n select {\n cursor: pointer;\n }\n \n \n \n input[type=color],\n input[type=date],\n input[type=datetime-local],\n input[type=email],\n input[type=file],\n input[type=month],\n input[type=number],\n input[type=password],\n input[type=search],\n input[type=tel],\n input[type=text],\n input[type=time],\n input[type=url],\n input[type=week],\n select,\n select[multiple] option,\n textarea {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n width: 100%;\n }\n \n input[type=file] {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 10) 0.5em;\n }\n \n select[multiple] option {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 2) 0.5em;\n }\n}\n@layer kol-component {\n .kol-input {\n display: grid;\n }\n .kol-input .input-slot {\n flex-grow: 1;\n }\n input:not([type=checkbox], [type=radio]),\n select:not([multiple], [size]) {\n height: 2.75em;\n }\n input:focus,\n option:focus,\n select:focus,\n textarea:focus {\n outline: 0;\n }\n .input {\n display: flex;\n align-items: center;\n }\n .input > .kol-icon {\n display: grid;\n height: var(--a11y-min-size);\n place-items: center;\n }\n .kol-input.required .input-tooltip .span-label::after {\n content: \"*\";\n }\n}\n\n@layer kol-global {\n .sc-kol-input-password-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-input-password-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-input-password-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .sc-kol-input-password-default-h {\n display: block;\n }\n}\n@layer kol-component {\n .kol-alert-wc {\n display: grid;\n }\n .kol-alert-wc .heading {\n display: flex;\n place-items: center;\n }\n .kol-alert-wc .heading > div {\n flex-grow: 1;\n }\n .close {\n \n outline: transparent solid 1px;\n }\n}\n@layer kol-component {\n .sc-kol-input-password-default-h {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n}";
|
|
18779
|
+
var KolInputPasswordDefaultStyle0 = defaultStyleCss$r;
|
|
18372
18780
|
|
|
18373
18781
|
class KolInputPassword {
|
|
18374
18782
|
async getValue() {
|
|
@@ -18595,8 +19003,8 @@ class KolInputPassword {
|
|
|
18595
19003
|
}; }
|
|
18596
19004
|
}
|
|
18597
19005
|
|
|
18598
|
-
const defaultStyleCss$
|
|
18599
|
-
var KolInputRadioDefaultStyle0 = defaultStyleCss$
|
|
19006
|
+
const defaultStyleCss$q = "@layer kol-global {\n .sc-kol-input-radio-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-input-radio-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-input-radio-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .required label > span::after,\n .required legend > span::after {\n content: \"*\";\n }\n}\n@layer kol-component {\n .sc-kol-input-radio-default-h {\n display: block;\n }\n}\n@layer kol-component {\n input,\n textarea {\n cursor: text;\n }\n input[type=checkbox],\n input[type=color],\n input[type=file],\n input[type=radio],\n input[type=range],\n label,\n option,\n select {\n cursor: pointer;\n }\n \n \n \n input[type=color],\n input[type=date],\n input[type=datetime-local],\n input[type=email],\n input[type=file],\n input[type=month],\n input[type=number],\n input[type=password],\n input[type=search],\n input[type=tel],\n input[type=text],\n input[type=time],\n input[type=url],\n input[type=week],\n select,\n select[multiple] option,\n textarea {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n width: 100%;\n }\n \n input[type=file] {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 10) 0.5em;\n }\n \n select[multiple] option {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 2) 0.5em;\n }\n}\n\n@layer kol-global {\n .sc-kol-input-radio-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-input-radio-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-input-radio-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .sc-kol-input-radio-default-h {\n display: block;\n }\n}\n@layer kol-component {\n .kol-alert-wc {\n display: grid;\n }\n .kol-alert-wc .heading {\n display: flex;\n place-items: center;\n }\n .kol-alert-wc .heading > div {\n flex-grow: 1;\n }\n .close {\n \n outline: transparent solid 1px;\n }\n}\n@layer kol-component {\n .sc-kol-input-radio-default-h {\n --border-width: 2px;\n --input-size: 1.5em;\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-input .icons {\n display: none;\n }\n label {\n cursor: pointer;\n }\n input {\n appearance: none;\n border-width: var(--border-width);\n border-style: solid;\n border-radius: 100%;\n cursor: pointer;\n display: flex;\n height: var(--input-size);\n margin: 0;\n min-height: var(--input-size);\n min-width: var(--input-size);\n padding: 0;\n width: var(--input-size);\n }\n input:before {\n border-radius: 100%;\n content: \"\";\n margin: auto;\n height: calc(var(--input-size) / 2);\n width: calc(var(--input-size) / 2);\n }\n input:checked:before {\n background-color: #000;\n }\n @media (forced-colors: active) {\n input:checked:before {\n \n background: highlight !important;\n }\n }\n fieldset {\n display: flex;\n }\n fieldset.vertical {\n flex-direction: column;\n }\n fieldset .input-slot {\n align-items: center;\n display: flex;\n }\n \n .required label > span::after {\n content: \"\";\n }\n}";
|
|
19007
|
+
var KolInputRadioDefaultStyle0 = defaultStyleCss$q;
|
|
18600
19008
|
|
|
18601
19009
|
class KolInputRadio {
|
|
18602
19010
|
async getValue() {
|
|
@@ -18605,31 +19013,32 @@ class KolInputRadio {
|
|
|
18605
19013
|
render() {
|
|
18606
19014
|
const { ariaDescribedBy, hasError } = getRenderStates(this.state);
|
|
18607
19015
|
const hasExpertSlot = showExpertSlot(this.state._label);
|
|
18608
|
-
return (hAsync(Host, { key: '
|
|
19016
|
+
return (hAsync(Host, { key: 'deb624a991164f4b140383d2ecab3ce33d7a4925', class: "kol-input-radio" }, hAsync("fieldset", { key: 'e60c2c3596520e503088ba9aa0a6b15b23cc1dcb', class: {
|
|
18609
19017
|
fieldset: true,
|
|
18610
19018
|
disabled: this.state._disabled === true,
|
|
18611
19019
|
error: hasError === true,
|
|
18612
19020
|
required: this.state._required === true,
|
|
18613
19021
|
'hidden-error': this._hideError === true,
|
|
18614
19022
|
[this.state._orientation]: true,
|
|
18615
|
-
} }, hAsync("legend", { key: '
|
|
19023
|
+
} }, hAsync("legend", { key: '989fd2016b47dab43674e53a1947110790595b03', class: "block w-full mb-1 leading-normal" }, hAsync("span", { key: '1279d4050d441e1f7584d0079ec5d3530aae9282' }, hAsync("span", { key: 'c8b6cca1672187d6098e9bbae46597786a8a226c', 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) => {
|
|
18616
19024
|
const customId = `${this.state._id}-${index}`;
|
|
18617
19025
|
const slotName = `radio-${index}`;
|
|
18618
19026
|
const selected = this.state._value === option.value;
|
|
18619
19027
|
return (hAsync(KolInputTag, { class: {
|
|
18620
19028
|
radio: true,
|
|
18621
19029
|
disabled: Boolean(this.state._disabled || option.disabled),
|
|
18622
|
-
}, 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: selected, 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, {
|
|
19030
|
+
}, 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: selected, 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, onInput: this.onInput, onKeyDown: this.onKeyDown.bind(this) })), hAsync("label", { class: "radio-label", htmlFor: `${customId}`, style: {
|
|
18623
19031
|
height: this.state._hideLabel ? '0' : undefined,
|
|
18624
19032
|
margin: this.state._hideLabel ? '0' : undefined,
|
|
18625
19033
|
padding: this.state._hideLabel ? '0' : undefined,
|
|
18626
19034
|
visibility: this.state._hideLabel ? 'hidden' : undefined,
|
|
18627
19035
|
} }, hAsync("span", null, hAsync("span", { class: "radio-label-span-inner" }, option.label))))));
|
|
18628
|
-
}), hasError && hAsync(FormFieldMsg, { key: '
|
|
19036
|
+
}), hasError && hAsync(FormFieldMsg, { key: '2c6ba1fdb281cc3aacf3f6aade4e67400be88b40', _alert: this.state._alert, _hideError: this.state._hideError, _msg: this.state._msg, _id: this.state._id }))));
|
|
18629
19037
|
}
|
|
18630
19038
|
constructor(hostRef) {
|
|
18631
19039
|
registerInstance(this, hostRef);
|
|
18632
19040
|
this.catchRef = (ref) => {
|
|
19041
|
+
this.ref = ref;
|
|
18633
19042
|
propagateFocus(this.host, ref);
|
|
18634
19043
|
};
|
|
18635
19044
|
this.onInput = (event) => {
|
|
@@ -18659,6 +19068,14 @@ class KolInputRadio {
|
|
|
18659
19068
|
}
|
|
18660
19069
|
}
|
|
18661
19070
|
};
|
|
19071
|
+
this.onKeyDown = (event) => {
|
|
19072
|
+
if (event.code === 'Enter' || event.code === 'NumpadEnter') {
|
|
19073
|
+
propagateSubmitEventToForm({
|
|
19074
|
+
form: this.host,
|
|
19075
|
+
ref: this.ref,
|
|
19076
|
+
});
|
|
19077
|
+
}
|
|
19078
|
+
};
|
|
18662
19079
|
this._accessKey = undefined;
|
|
18663
19080
|
this._alert = true;
|
|
18664
19081
|
this._disabled = false;
|
|
@@ -18848,8 +19265,8 @@ class InputRangeController extends InputIconController {
|
|
|
18848
19265
|
}
|
|
18849
19266
|
}
|
|
18850
19267
|
|
|
18851
|
-
const defaultStyleCss$
|
|
18852
|
-
var KolInputRangeDefaultStyle0 = defaultStyleCss$
|
|
19268
|
+
const defaultStyleCss$p = "@layer kol-global {\n .sc-kol-input-range-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-input-range-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-input-range-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .sc-kol-input-range-default-h {\n display: block;\n }\n}\n\n@layer kol-global {\n .sc-kol-input-range-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-input-range-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-input-range-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .required label > span::after,\n .required legend > span::after {\n content: \"*\";\n }\n}\n@layer kol-component {\n .sc-kol-input-range-default-h {\n display: block;\n }\n}\n@layer kol-component {\n input,\n textarea {\n cursor: text;\n }\n input[type=checkbox],\n input[type=color],\n input[type=file],\n input[type=radio],\n input[type=range],\n label,\n option,\n select {\n cursor: pointer;\n }\n \n \n \n input[type=color],\n input[type=date],\n input[type=datetime-local],\n input[type=email],\n input[type=file],\n input[type=month],\n input[type=number],\n input[type=password],\n input[type=search],\n input[type=tel],\n input[type=text],\n input[type=time],\n input[type=url],\n input[type=week],\n select,\n select[multiple] option,\n textarea {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n width: 100%;\n }\n \n input[type=file] {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 10) 0.5em;\n }\n \n select[multiple] option {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 2) 0.5em;\n }\n}\n@layer kol-component {\n .kol-input {\n display: grid;\n }\n .kol-input .input-slot {\n flex-grow: 1;\n }\n input:not([type=checkbox], [type=radio]),\n select:not([multiple], [size]) {\n height: 2.75em;\n }\n input:focus,\n option:focus,\n select:focus,\n textarea:focus {\n outline: 0;\n }\n .input {\n display: flex;\n align-items: center;\n }\n .input > .kol-icon {\n display: grid;\n height: var(--a11y-min-size);\n place-items: center;\n }\n .kol-input.required .input-tooltip .span-label::after {\n content: \"*\";\n }\n}\n@layer kol-component {\n .kol-alert-wc {\n display: grid;\n }\n .kol-alert-wc .heading {\n display: flex;\n place-items: center;\n }\n .kol-alert-wc .heading > div {\n flex-grow: 1;\n }\n .close {\n \n outline: transparent solid 1px;\n }\n}\n@layer kol-component {\n .sc-kol-input-range-default-h {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .inputs-wrapper {\n align-items: center;\n display: flex;\n flex-direction: row;\n }\n input[type=number] {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n width: var(--kolibri-input-range--input-number--width);\n }\n \n input[type=range] {\n appearance: none;\n background-color: #d3d3d3;\n border: 1px solid #000;\n display: inline-block;\n flex-grow: 1;\n height: calc(8rem / var(--kolibri-root-font-size, 16));\n line-height: 1.5em;\n padding: 0;\n margin: 0;\n \n width: 0;\n }\n input[type=range]::-webkit-slider-thumb {\n box-sizing: border-box;\n background-color: #000;\n height: 20px;\n width: 20px;\n border-radius: 20px;\n cursor: pointer;\n -webkit-appearance: none;\n }\n input[type=range]::-moz-range-thumb {\n box-sizing: border-box;\n background-color: #000;\n height: 20px;\n width: 20px;\n border-radius: 20px;\n cursor: pointer;\n -moz-appearance: none;\n }\n}\n\n@media (prefers-contrast: more) {\n /*!@::-webkit-slider-thumb*/.sc-kol-input-range-default::-webkit-slider-thumb {\n outline: 1px solid currentColor;\n }\n}";
|
|
19269
|
+
var KolInputRangeDefaultStyle0 = defaultStyleCss$p;
|
|
18853
19270
|
|
|
18854
19271
|
class KolInputRange {
|
|
18855
19272
|
getSanitizedFloatValue(value) {
|
|
@@ -19088,8 +19505,8 @@ class KolInputRange {
|
|
|
19088
19505
|
}; }
|
|
19089
19506
|
}
|
|
19090
19507
|
|
|
19091
|
-
const defaultStyleCss$
|
|
19092
|
-
var KolInputTextDefaultStyle0 = defaultStyleCss$
|
|
19508
|
+
const defaultStyleCss$o = "@layer kol-global {\n .sc-kol-input-text-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-input-text-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-input-text-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .required label > span::after,\n .required legend > span::after {\n content: \"*\";\n }\n}\n@layer kol-component {\n .sc-kol-input-text-default-h {\n display: block;\n }\n}\n@layer kol-component {\n input,\n textarea {\n cursor: text;\n }\n input[type=checkbox],\n input[type=color],\n input[type=file],\n input[type=radio],\n input[type=range],\n label,\n option,\n select {\n cursor: pointer;\n }\n \n \n \n input[type=color],\n input[type=date],\n input[type=datetime-local],\n input[type=email],\n input[type=file],\n input[type=month],\n input[type=number],\n input[type=password],\n input[type=search],\n input[type=tel],\n input[type=text],\n input[type=time],\n input[type=url],\n input[type=week],\n select,\n select[multiple] option,\n textarea {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n width: 100%;\n }\n \n input[type=file] {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 10) 0.5em;\n }\n \n select[multiple] option {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 2) 0.5em;\n }\n}\n@layer kol-component {\n .kol-input {\n display: grid;\n }\n .kol-input .input-slot {\n flex-grow: 1;\n }\n input:not([type=checkbox], [type=radio]),\n select:not([multiple], [size]) {\n height: 2.75em;\n }\n input:focus,\n option:focus,\n select:focus,\n textarea:focus {\n outline: 0;\n }\n .input {\n display: flex;\n align-items: center;\n }\n .input > .kol-icon {\n display: grid;\n height: var(--a11y-min-size);\n place-items: center;\n }\n .kol-input.required .input-tooltip .span-label::after {\n content: \"*\";\n }\n}\n\n@layer kol-global {\n .sc-kol-input-text-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-input-text-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-input-text-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .sc-kol-input-text-default-h {\n display: block;\n }\n}\n@layer kol-component {\n .kol-alert-wc {\n display: grid;\n }\n .kol-alert-wc .heading {\n display: flex;\n place-items: center;\n }\n .kol-alert-wc .heading > div {\n flex-grow: 1;\n }\n .close {\n \n outline: transparent solid 1px;\n }\n}\n@layer kol-component {\n .sc-kol-input-text-default-h {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n}";
|
|
19509
|
+
var KolInputTextDefaultStyle0 = defaultStyleCss$o;
|
|
19093
19510
|
|
|
19094
19511
|
class KolInputText {
|
|
19095
19512
|
async getValue() {
|
|
@@ -19336,8 +19753,8 @@ class KolInputText {
|
|
|
19336
19753
|
}; }
|
|
19337
19754
|
}
|
|
19338
19755
|
|
|
19339
|
-
const defaultStyleCss$
|
|
19340
|
-
var KolKolibriDefaultStyle0 = defaultStyleCss$
|
|
19756
|
+
const defaultStyleCss$n = "@layer kol-global {\n .sc-kol-kolibri-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-kolibri-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-kolibri-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .sc-kol-kolibri-default-h {\n display: inline-block;\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n text {\n font-size: 90px;\n letter-spacing: normal;\n word-spacing: normal;\n }\n svg {\n max-height: 100%;\n }\n}";
|
|
19757
|
+
var KolKolibriDefaultStyle0 = defaultStyleCss$n;
|
|
19341
19758
|
|
|
19342
19759
|
class KolKolibri {
|
|
19343
19760
|
constructor(hostRef) {
|
|
@@ -19408,8 +19825,8 @@ class KolKolibri {
|
|
|
19408
19825
|
}; }
|
|
19409
19826
|
}
|
|
19410
19827
|
|
|
19411
|
-
const defaultStyleCss$
|
|
19412
|
-
var KolLinkDefaultStyle0 = defaultStyleCss$
|
|
19828
|
+
const defaultStyleCss$m = "@layer kol-global {\n .sc-kol-link-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-link-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-link-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .sc-kol-link-default-h {\n display: inline-block;\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n :is(a, button) {\n align-items: baseline;\n display: inline-flex;\n place-items: center;\n text-align: left;\n text-decoration-line: underline;\n }\n a:is(:focus, :hover):not([aria-disabled]),\n button:is(:focus, :hover):not([disabled]) {\n text-decoration-thickness: 0.2em;\n }\n .skip {\n left: -99999px;\n overflow: hidden;\n position: absolute;\n z-index: 9999999;\n line-height: 1em;\n }\n .skip:focus {\n background-color: #fff;\n left: unset;\n padding: 1em;\n position: unset;\n }\n .kol-icon.external-link-icon {\n display: inline-flex;\n }\n}";
|
|
19829
|
+
var KolLinkDefaultStyle0 = defaultStyleCss$m;
|
|
19413
19830
|
|
|
19414
19831
|
class KolLink {
|
|
19415
19832
|
constructor(hostRef) {
|
|
@@ -19462,8 +19879,8 @@ class KolLink {
|
|
|
19462
19879
|
}; }
|
|
19463
19880
|
}
|
|
19464
19881
|
|
|
19465
|
-
const defaultStyleCss$
|
|
19466
|
-
var KolLinkButtonDefaultStyle0 = defaultStyleCss$
|
|
19882
|
+
const defaultStyleCss$l = "@charset \"UTF-8\";\n\n@layer kol-global {\n .sc-kol-link-button-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-link-button-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-link-button-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .sc-kol-link-button-default-h {\n font-style: calc(16rem / var(--kolibri-root-font-size, 16));\n display: inline-block;\n }\n :is(a, button) {\n display: inline-flex;\n place-items: center;\n text-align: center;\n text-decoration-line: none;\n }\n :is(a, button)::before {\n \n content: \"\";\n }\n \n :is(a, button) > .kol-span-wc {\n margin: auto;\n width: 100%;\n }\n}";
|
|
19883
|
+
var KolLinkButtonDefaultStyle0 = defaultStyleCss$l;
|
|
19467
19884
|
|
|
19468
19885
|
class KolLinkButton {
|
|
19469
19886
|
constructor(hostRef) {
|
|
@@ -19524,8 +19941,8 @@ class KolLinkButton {
|
|
|
19524
19941
|
}; }
|
|
19525
19942
|
}
|
|
19526
19943
|
|
|
19527
|
-
const defaultStyleCss$
|
|
19528
|
-
var KolLinkGroupDefaultStyle0 = defaultStyleCss$
|
|
19944
|
+
const defaultStyleCss$k = "@layer kol-global {\n .sc-kol-link-group-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-link-group-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-link-group-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .sc-kol-link-group-default-h {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n ul {\n list-style: none;\n margin: 0;\n padding: 0;\n }\n :is(ol, ul).horizontal {\n display: flex;\n flex-wrap: wrap;\n }\n :is(ol, ul).horizontal li {\n margin-left: calc(20rem / var(--kolibri-root-font-size, 16));\n margin-right: calc(4rem / var(--kolibri-root-font-size, 16));\n }\n :is(ol, ul).horizontal li:first-child {\n margin-left: 0;\n }\n :is(ol, ul).horizontal li:last-child {\n margin-right: 0;\n }\n :is(ol, ul).vertical li {\n margin-left: calc(28rem / var(--kolibri-root-font-size, 16));\n margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n li.list-none {\n list-style-type: none !important;\n margin-left: 0;\n }\n}";
|
|
19945
|
+
var KolLinkGroupDefaultStyle0 = defaultStyleCss$k;
|
|
19529
19946
|
|
|
19530
19947
|
const ListItem = (props) => {
|
|
19531
19948
|
const list = [];
|
|
@@ -19977,8 +20394,8 @@ BUND_LOGO_TEXT_MAP.set(Bundesanstalt['Bundesinstitut für Arzneimittel und Mediz
|
|
|
19977
20394
|
BUND_LOGO_TEXT_MAP.set(Bundesanstalt['Bundesinstitut für Bevölkerungsforschung'], ['Bundesinstitut', 'für Bevölkerungsforschung']);
|
|
19978
20395
|
BUND_LOGO_TEXT_MAP.set(Bundesanstalt['Bundesinstitut für Sportwissenschaft'], ['Bundesinstitut', 'für Sportwissenschaft']);
|
|
19979
20396
|
|
|
19980
|
-
const defaultStyleCss$
|
|
19981
|
-
var KolLogoDefaultStyle0 = defaultStyleCss$
|
|
20397
|
+
const defaultStyleCss$j = "@layer kol-global {\n .sc-kol-logo-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-logo-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-logo-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .sc-kol-logo-default-h {\n display: inline-block;\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n text {\n font-size: 16px;\n letter-spacing: normal;\n word-spacing: normal;\n }\n svg {\n max-height: 100%;\n }\n}";
|
|
20398
|
+
var KolLogoDefaultStyle0 = defaultStyleCss$j;
|
|
19982
20399
|
|
|
19983
20400
|
function enumToArray(enumeration, enumAsMap = new Map()) {
|
|
19984
20401
|
Object.entries(enumeration).map(([key, value]) => {
|
|
@@ -20151,8 +20568,8 @@ class ModalService {
|
|
|
20151
20568
|
}
|
|
20152
20569
|
}
|
|
20153
20570
|
|
|
20154
|
-
const defaultStyleCss$
|
|
20155
|
-
var KolModalDefaultStyle0 = defaultStyleCss$
|
|
20571
|
+
const defaultStyleCss$i = "@layer kol-global {\n .sc-kol-modal-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-modal-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-modal-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .sc-kol-modal-default-h {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .overlay {\n background-color: rgba(0, 0, 0, 0.33);\n display: flex;\n height: 100%;\n inset: 0;\n position: fixed;\n width: 100%;\n z-index: 100;\n }\n .modal {\n margin: auto;\n max-height: 100%;\n max-width: 100%;\n }\n}";
|
|
20572
|
+
var KolModalDefaultStyle0 = defaultStyleCss$i;
|
|
20156
20573
|
|
|
20157
20574
|
const modalService = new ModalService();
|
|
20158
20575
|
class KolModal {
|
|
@@ -20264,8 +20681,8 @@ class KolModal {
|
|
|
20264
20681
|
}; }
|
|
20265
20682
|
}
|
|
20266
20683
|
|
|
20267
|
-
const defaultStyleCss$
|
|
20268
|
-
var KolNavDefaultStyle0 = defaultStyleCss$
|
|
20684
|
+
const defaultStyleCss$h = "@layer kol-global {\n .sc-kol-nav-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-nav-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-nav-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .sc-kol-nav-default-h {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .sc-kol-nav-default-h > div {\n display: grid;\n place-items: center;\n }\n :not(.is-compact) nav {\n width: 100%;\n }\n .list {\n display: flex;\n list-style: none;\n margin: 0;\n padding: 0;\n }\n .list.vertical {\n flex-direction: column;\n }\n .entry {\n display: flex;\n }\n .entry-item {\n flex-grow: 1;\n }\n}";
|
|
20685
|
+
var KolNavDefaultStyle0 = defaultStyleCss$h;
|
|
20269
20686
|
|
|
20270
20687
|
const entryIsLink = (entryProps) => {
|
|
20271
20688
|
return typeof entryProps._href === 'string';
|
|
@@ -20332,7 +20749,7 @@ class KolNav {
|
|
|
20332
20749
|
} })), hasChildren ? this.expandButton(collapsible, entry, expanded) : ''));
|
|
20333
20750
|
}
|
|
20334
20751
|
expandButton(collapsible, link, expanded) {
|
|
20335
|
-
return (hAsync(KolButtonWcTag, { class: "expand-button", _ariaExpanded: expanded, _disabled: !collapsible, _icons: 'codicon codicon-' + (expanded ? 'remove' : 'add'), _hideLabel: true, _label:
|
|
20752
|
+
return (hAsync(KolButtonWcTag, { class: "expand-button", _ariaExpanded: expanded, _disabled: !collapsible, _icons: 'codicon codicon-' + (expanded ? 'remove' : 'add'), _hideLabel: true, _label: `${expanded ? translate('kol-nav-label-close', { placeholders: { label: link._label } }) : translate('kol-nav-label-open', { placeholders: { label: link._label } })}`, _on: { onClick: () => this.handleToggleExpansionClick(link._children) } }));
|
|
20336
20753
|
}
|
|
20337
20754
|
li(collapsible, hideLabel, deep, index, link, orientation) {
|
|
20338
20755
|
const active = !!link._active;
|
|
@@ -20373,11 +20790,11 @@ class KolNav {
|
|
|
20373
20790
|
const collapsible = this.state._collapsible === true;
|
|
20374
20791
|
const hideLabel = this.state._hideLabel === true;
|
|
20375
20792
|
const orientation = this.state._orientation;
|
|
20376
|
-
return (hAsync(Host, { key: '
|
|
20793
|
+
return (hAsync(Host, { key: '4951b63a418b6fc0123a31a2fb476dde8e21473d', class: "kol-nav" }, hAsync("div", { key: 'dc600fafad6b24fe459eded63de61813c46d0ac5', class: {
|
|
20377
20794
|
nav: true,
|
|
20378
20795
|
[orientation]: true,
|
|
20379
20796
|
'is-compact': this.state._hideLabel,
|
|
20380
|
-
} }, hAsync("nav", { key: '
|
|
20797
|
+
} }, hAsync("nav", { key: 'd0f33bd11c7983a92255d6ddb8edb406c9e12626', "aria-label": this.state._label, id: "nav" }, hAsync(this.linkList, { key: '5e495bac9ebb8bb5d61e51a3ebdb75460da152fc', collapsible: collapsible, hideLabel: hideLabel, deep: 0, links: this.state._links, orientation: orientation })), hasCompactButton && (hAsync("div", { key: '32542c1fce11f62447a47b258db708798b31dabd', class: "compact" }, hAsync(KolButtonTag, { key: 'c654ae9be921c674f7dd499c9e4ca282fd2be804', _ariaControls: "nav", _ariaExpanded: !hideLabel, _icons: hideLabel ? 'codicon codicon-chevron-right' : 'codicon codicon-chevron-left', _hideLabel: true, _label: translate(hideLabel ? 'kol-nav-maximize' : 'kol-nav-minimize'), _on: {
|
|
20381
20798
|
onClick: () => {
|
|
20382
20799
|
this.state = Object.assign(Object.assign({}, this.state), { _hideLabel: this.state._hideLabel === false });
|
|
20383
20800
|
},
|
|
@@ -20458,8 +20875,8 @@ class KolNav {
|
|
|
20458
20875
|
}; }
|
|
20459
20876
|
}
|
|
20460
20877
|
|
|
20461
|
-
const defaultStyleCss$
|
|
20462
|
-
var KolPaginationDefaultStyle0 = defaultStyleCss$
|
|
20878
|
+
const defaultStyleCss$g = "@charset \"UTF-8\";\n\n@layer kol-global {\n .sc-kol-pagination-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-pagination-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-pagination-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .sc-kol-pagination-default-h {\n align-items: center;\n display: grid;\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n gap: calc(16rem / var(--kolibri-root-font-size, 16));\n grid-template-columns: 1fr auto;\n }\n .navigation-list {\n align-items: center;\n display: inline-flex;\n flex-wrap: wrap;\n gap: 0.5em;\n list-style: none;\n margin: 0;\n padding: 0;\n }\n .separator:before {\n content: \"•••\";\n }\n}";
|
|
20879
|
+
var KolPaginationDefaultStyle0 = defaultStyleCss$g;
|
|
20463
20880
|
|
|
20464
20881
|
const leftDoubleArrowIcon = {
|
|
20465
20882
|
left: 'codicon codicon-debug-reverse-continue',
|
|
@@ -22882,8 +23299,8 @@ class KolPopover {
|
|
|
22882
23299
|
}; }
|
|
22883
23300
|
}
|
|
22884
23301
|
|
|
22885
|
-
const defaultStyleCss$
|
|
22886
|
-
var KolProgressDefaultStyle0 = defaultStyleCss$
|
|
23302
|
+
const defaultStyleCss$f = "@layer kol-global {\n .sc-kol-progress-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-progress-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-progress-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .sc-kol-progress-default-h {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n progress {\n display: block;\n height: 0;\n overflow: hidden;\n width: 0;\n }\n .bar {\n width: 150px;\n }\n .bar .border {\n fill: transparent;\n stroke: black;\n }\n .bar .background {\n fill: lightgray;\n stroke: white;\n }\n .bar .progress {\n fill: #0075ff;\n stroke: transparent;\n transition: 250ms ease-in-out 50ms;\n }\n .cycle .background {\n fill: transparent;\n stroke: lightgray;\n }\n .cycle .border {\n fill: transparent;\n stroke: black;\n }\n .cycle .whitespace {\n fill: transparent;\n stroke: white;\n }\n .cycle .progress {\n fill: transparent;\n stroke: #0075ff;\n transform-origin: 50% 50%;\n transform: rotate(-90deg);\n transition: 250ms ease-in-out 50ms;\n }\n \n @media (prefers-reduced-motion) {\n .progress {\n transition-duration: 0s;\n transition-delay: 0s;\n }\n }\n}";
|
|
23303
|
+
var KolProgressDefaultStyle0 = defaultStyleCss$f;
|
|
22887
23304
|
|
|
22888
23305
|
const VALID_VARIANTS = Object.keys(KoliBriProgressVariantEnum);
|
|
22889
23306
|
const CycleSvg = ({ state }) => {
|
|
@@ -22994,8 +23411,8 @@ class KolProcess {
|
|
|
22994
23411
|
}; }
|
|
22995
23412
|
}
|
|
22996
23413
|
|
|
22997
|
-
const defaultStyleCss$
|
|
22998
|
-
var KolQuoteDefaultStyle0 = defaultStyleCss$
|
|
23414
|
+
const defaultStyleCss$e = "@charset \"UTF-8\";\n\n@layer kol-global {\n .sc-kol-quote-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-quote-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-quote-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .sc-kol-quote-default-h {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n cite,\n figure,\n q + figcaption {\n display: inline;\n margin: 0;\n padding: 0;\n }\n blockquote:before {\n content: open-quote;\n }\n blockquote::after {\n content: close-quote;\n }\n cite:before {\n content: \"—\";\n }\n .block cite:before {\n padding-right: 0.5em;\n }\n .inline cite:before {\n padding: 0.5em;\n }\n}";
|
|
23415
|
+
var KolQuoteDefaultStyle0 = defaultStyleCss$e;
|
|
22999
23416
|
|
|
23000
23417
|
class KolQuote {
|
|
23001
23418
|
constructor(hostRef) {
|
|
@@ -23152,8 +23569,8 @@ class SelectController extends InputIconController {
|
|
|
23152
23569
|
}
|
|
23153
23570
|
}
|
|
23154
23571
|
|
|
23155
|
-
const defaultStyleCss$
|
|
23156
|
-
var KolSelectDefaultStyle0 = defaultStyleCss$
|
|
23572
|
+
const defaultStyleCss$d = "@layer kol-global {\n .sc-kol-select-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-select-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-select-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .required label > span::after,\n .required legend > span::after {\n content: \"*\";\n }\n}\n@layer kol-component {\n .sc-kol-select-default-h {\n display: block;\n }\n}\n@layer kol-component {\n input,\n textarea {\n cursor: text;\n }\n input[type=checkbox],\n input[type=color],\n input[type=file],\n input[type=radio],\n input[type=range],\n label,\n option,\n select {\n cursor: pointer;\n }\n \n \n \n input[type=color],\n input[type=date],\n input[type=datetime-local],\n input[type=email],\n input[type=file],\n input[type=month],\n input[type=number],\n input[type=password],\n input[type=search],\n input[type=tel],\n input[type=text],\n input[type=time],\n input[type=url],\n input[type=week],\n select,\n select[multiple] option,\n textarea {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n width: 100%;\n }\n \n input[type=file] {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 10) 0.5em;\n }\n \n select[multiple] option {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 2) 0.5em;\n }\n}\n@layer kol-component {\n .kol-input {\n display: grid;\n }\n .kol-input .input-slot {\n flex-grow: 1;\n }\n input:not([type=checkbox], [type=radio]),\n select:not([multiple], [size]) {\n height: 2.75em;\n }\n input:focus,\n option:focus,\n select:focus,\n textarea:focus {\n outline: 0;\n }\n .input {\n display: flex;\n align-items: center;\n }\n .input > .kol-icon {\n display: grid;\n height: var(--a11y-min-size);\n place-items: center;\n }\n .kol-input.required .input-tooltip .span-label::after {\n content: \"*\";\n }\n}\n@layer kol-component {\n .sc-kol-select-default-h {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n}";
|
|
23573
|
+
var KolSelectDefaultStyle0 = defaultStyleCss$d;
|
|
23157
23574
|
|
|
23158
23575
|
const isSelected = (valueList, optionValue) => {
|
|
23159
23576
|
return Array.isArray(valueList) && valueList.includes(optionValue);
|
|
@@ -23177,10 +23594,16 @@ class KolSelect {
|
|
|
23177
23594
|
render() {
|
|
23178
23595
|
const { ariaDescribedBy } = getRenderStates(this.state);
|
|
23179
23596
|
const hasExpertSlot = showExpertSlot(this.state._label);
|
|
23180
|
-
return (hAsync(Host, { key: '
|
|
23597
|
+
return (hAsync(Host, { key: 'fda4c9debb9ee80bf1539b7b9d5452e44cfa0f71', class: { 'kol-select': true, 'has-value': this.state._hasValue } }, hAsync(KolInputTag, { key: '6b0c7b1e518b2496475c082aa1001b264af2a6fc', class: {
|
|
23181
23598
|
'hide-label': !!this.state._hideLabel,
|
|
23182
23599
|
select: true,
|
|
23183
|
-
}, _accessKey: this.state._accessKey, _disabled: this.state._disabled, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _msg: this.state._msg, _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(); }, role: `presentation` }, hAsync("span", { key: '
|
|
23600
|
+
}, _accessKey: this.state._accessKey, _disabled: this.state._disabled, _hideError: this.state._hideError, _hideLabel: this.state._hideLabel, _hint: this.state._hint, _icons: this.state._icons, _id: this.state._id, _label: this.state._label, _msg: this.state._msg, _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(); }, role: `presentation` }, hAsync("span", { key: '65550312c823fe15b35981e9ed572f54139f5272', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' ? (hAsync(Fragment, 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", { key: 'd22017e39087b5c4e8c03015a6891ec6b4f0e2a5', slot: "input" }, hAsync("form", { key: 'af03dee34996b4d005b0166872ca99233bedf79f', onSubmit: (event) => {
|
|
23601
|
+
event.preventDefault();
|
|
23602
|
+
propagateSubmitEventToForm({
|
|
23603
|
+
form: this.host,
|
|
23604
|
+
ref: this.ref,
|
|
23605
|
+
});
|
|
23606
|
+
} }, hAsync("input", { key: 'ec5e304b16a7214e16a2c0803611bdf2f9fa7f91', type: "submit", hidden: true }), hAsync("select", Object.assign({ key: '550da0165d918f6c3bd2f99489671ef742de4d62', 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" }, this.controller.onFacade, { onInput: this.onInput.bind(this), onChange: this.onChange.bind(this) }), this.state._options.map((option, index) => {
|
|
23184
23607
|
const key = `-${index}`;
|
|
23185
23608
|
if (Array.isArray(option.options)) {
|
|
23186
23609
|
return this.renderOptgroup(option, key);
|
|
@@ -23188,7 +23611,7 @@ class KolSelect {
|
|
|
23188
23611
|
else {
|
|
23189
23612
|
return (hAsync("option", { disabled: option.disabled, key: key, selected: isSelected(this.state._value, option.value), value: key }, option.label));
|
|
23190
23613
|
}
|
|
23191
|
-
}))))));
|
|
23614
|
+
})))))));
|
|
23192
23615
|
}
|
|
23193
23616
|
constructor(hostRef) {
|
|
23194
23617
|
registerInstance(this, hostRef);
|
|
@@ -23380,8 +23803,8 @@ class KolSelect {
|
|
|
23380
23803
|
}; }
|
|
23381
23804
|
}
|
|
23382
23805
|
|
|
23383
|
-
const defaultStyleCss$
|
|
23384
|
-
var KolSkipNavDefaultStyle0 = defaultStyleCss$
|
|
23806
|
+
const defaultStyleCss$c = "@layer kol-global {\n .sc-kol-skip-nav-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-skip-nav-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-skip-nav-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .sc-kol-skip-nav-default-h {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n ul {\n display: grid;\n list-style: none;\n place-items: center;\n }\n ul li {\n height: 0;\n }\n .kol-link-wc a {\n left: -99999px;\n overflow: hidden;\n position: absolute;\n z-index: 9999999;\n line-height: 1em;\n }\n .kol-link-wc a:focus {\n background-color: #fff;\n left: unset;\n position: unset;\n }\n}";
|
|
23807
|
+
var KolSkipNavDefaultStyle0 = defaultStyleCss$c;
|
|
23385
23808
|
|
|
23386
23809
|
class KolSkipNav {
|
|
23387
23810
|
constructor(hostRef) {
|
|
@@ -23394,7 +23817,7 @@ class KolSkipNav {
|
|
|
23394
23817
|
};
|
|
23395
23818
|
}
|
|
23396
23819
|
render() {
|
|
23397
|
-
return (hAsync(Host, { key: '
|
|
23820
|
+
return (hAsync(Host, { key: '1ff6c993f8e851d2e997c9d78377a5f4c02d7a85', class: "kol-skip-nav" }, hAsync("nav", { key: '2f59205bc491fff6bda289bf56e107387a1cd5be', "aria-label": this.state._label }, hAsync("ul", { key: '2ebea122741869cfc14de515e212c96706728022' }, this.state._links.map((link, index) => {
|
|
23398
23821
|
return (hAsync("li", { key: index }, hAsync(KolLinkWcTag, Object.assign({}, link))));
|
|
23399
23822
|
})))));
|
|
23400
23823
|
}
|
|
@@ -23438,8 +23861,8 @@ class KolSkipNav {
|
|
|
23438
23861
|
}; }
|
|
23439
23862
|
}
|
|
23440
23863
|
|
|
23441
|
-
const defaultStyleCss$
|
|
23442
|
-
var KolSpanDefaultStyle0 = defaultStyleCss$
|
|
23864
|
+
const defaultStyleCss$b = "@layer kol-global {\n .sc-kol-span-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-span-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-span-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .sc-kol-span-default-h {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n}";
|
|
23865
|
+
var KolSpanDefaultStyle0 = defaultStyleCss$b;
|
|
23443
23866
|
|
|
23444
23867
|
class KolSpan {
|
|
23445
23868
|
constructor(hostRef) {
|
|
@@ -23450,7 +23873,7 @@ class KolSpan {
|
|
|
23450
23873
|
this._label = undefined;
|
|
23451
23874
|
}
|
|
23452
23875
|
render() {
|
|
23453
|
-
return (hAsync(KolSpanWcTag, { key: '
|
|
23876
|
+
return (hAsync(KolSpanWcTag, { key: 'cf6430c21810815728c580cda86f135c612f4c16', _icons: this._icons, _hideLabel: this._hideLabel, _label: this._label, _accessKey: this._accessKey, class: "kol-span" }, hAsync("slot", { key: 'a1f203c73055c186ef7fb2d1bf6b6da09f6b5024', name: "expert", slot: "expert" })));
|
|
23454
23877
|
}
|
|
23455
23878
|
static get style() { return {
|
|
23456
23879
|
default: KolSpanDefaultStyle0
|
|
@@ -31814,10 +32237,10 @@ class KolSpanWc {
|
|
|
31814
32237
|
render() {
|
|
31815
32238
|
var _a, _b, _c, _d, _e;
|
|
31816
32239
|
const hideExpertSlot = !showExpertSlot(this.state._label);
|
|
31817
|
-
return (hAsync(Host, { key: '
|
|
32240
|
+
return (hAsync(Host, { key: 'dea783dd3d6df182c0056e741ea5bd89c45ec52b', class: {
|
|
31818
32241
|
'kol-span-wc': true,
|
|
31819
32242
|
'hide-label': !!this.state._hideLabel,
|
|
31820
|
-
} }, this.state._icons.top && (hAsync(KolIconTag, { key: '
|
|
32243
|
+
} }, this.state._icons.top && (hAsync(KolIconTag, { key: '34c442df9fd933b0b1579419df3bdefca319d56e', class: "icon top", style: this.state._icons.top.style, _label: (_a = this.state._icons.top.label) !== null && _a !== void 0 ? _a : '', _icons: this.state._icons.top.icon })), hAsync("span", { key: 'c8578255b0699d4fd7738f833517518c5fe36e74' }, this.state._icons.left && (hAsync(KolIconTag, { key: '59f59372cb03ec084fd41b2ff2dea51fae63fa3f', class: "icon left", style: this.state._icons.left.style, _label: (_b = this.state._icons.left.label) !== null && _b !== void 0 ? _b : '', _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 })) : ((_c = this.state._label) !== null && _c !== void 0 ? _c : '')))) : (''), hAsync("span", { key: '999d6f397cac87edf1f16635545e0a0195e280b4', "aria-hidden": hideExpertSlot ? 'true' : undefined, class: "span-label", hidden: hideExpertSlot }, hAsync("slot", { key: '1c890b2606b0535cdbc4d4832b4d0b1d255d56ec', name: "expert" })), this.state._accessKey && (hAsync("span", { key: '9e7049e3bb302eece6d9efcc3bf1e3bbcfc1fa19', class: "access-key-hint", "aria-hidden": "true" }, this.state._accessKey)), this.state._icons.right && (hAsync(KolIconTag, { key: '9aadc2ed670ca362f65a86a925c3cf7fd0c3b7ad', class: "icon right", style: this.state._icons.right.style, _label: (_d = this.state._icons.right.label) !== null && _d !== void 0 ? _d : '', _icons: this.state._icons.right.icon }))), this.state._icons.bottom && (hAsync(KolIconTag, { key: '5e5c83def2ffd3dd245d65d9f7f7b8238aa4e6b0', class: "icon bottom", style: this.state._icons.bottom.style, _label: (_e = this.state._icons.bottom.label) !== null && _e !== void 0 ? _e : '', _icons: this.state._icons.bottom.icon }))));
|
|
31821
32244
|
}
|
|
31822
32245
|
validateAccessKey(value) {
|
|
31823
32246
|
validateAccessKey(this, value);
|
|
@@ -31871,8 +32294,8 @@ class KolSpanWc {
|
|
|
31871
32294
|
}; }
|
|
31872
32295
|
}
|
|
31873
32296
|
|
|
31874
|
-
const defaultStyleCss$
|
|
31875
|
-
var KolSpinDefaultStyle0 = defaultStyleCss$
|
|
32297
|
+
const defaultStyleCss$a = "@layer kol-global {\n .sc-kol-spin-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-spin-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-spin-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .spin.cycle {\n width: calc(48rem / var(--kolibri-root-font-size, 16));\n height: calc(48rem / var(--kolibri-root-font-size, 16));\n }\n .spin.cycle > .loader {\n display: block;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n position: relative;\n animation: 2s linear infinite rotate;\n }\n .spin.cycle > .loader::before {\n content: \"\";\n box-sizing: border-box;\n position: absolute;\n inset: 0px;\n border-radius: 50%;\n border: 5px solid #333;\n animation: 3s linear infinite prixClipFix;\n }\n @keyframes rotate {\n 100% {\n transform: rotate(360deg);\n }\n }\n @keyframes prixClipFix {\n 0% {\n border-color: #fff;\n clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);\n }\n 25% {\n border-color: #666;\n clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);\n }\n 50% {\n border-color: #fc0;\n clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);\n }\n 75% {\n border-color: red;\n clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);\n }\n 100% {\n border-color: #000;\n clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);\n }\n } \n @media (prefers-reduced-motion) {\n .spin.cycle > .loader {\n animation-duration: 4s;\n }\n .spin.cycle > .loader::before {\n animation-duration: 6s;\n }\n }\n}\n@layer kol-component {\n .spin.dot {\n height: calc(16rem / var(--kolibri-root-font-size, 16));\n width: calc(48rem / var(--kolibri-root-font-size, 16));\n }\n .spin.dot > span {\n animation-timing-function: cubic-bezier(0, 1, 1, 0);\n border-radius: 50%;\n border: calc(0.16rem / var(--kolibri-root-font-size, 16)) solid #fff;\n height: calc(12.8rem / var(--kolibri-root-font-size, 16));\n position: absolute;\n top: calc(0.16rem / var(--kolibri-root-font-size, 16));\n width: calc(12.8rem / var(--kolibri-root-font-size, 16));\n }\n .spin.dot > span:first-child {\n background-color: #fc0;\n z-index: 0;\n animation: 1s infinite spin1;\n left: calc(0.16rem / var(--kolibri-root-font-size, 16));\n }\n .spin.dot > span:nth-child(2) {\n background-color: red;\n z-index: 1;\n animation: 1s infinite spin2;\n left: calc(0.16rem / var(--kolibri-root-font-size, 16));\n }\n .spin.dot > span:nth-child(3) {\n background-color: #000;\n z-index: 1;\n animation: 1s infinite spin2;\n left: calc(17.6rem / var(--kolibri-root-font-size, 16));\n }\n .spin.dot > span:nth-child(4) {\n background-color: #666;\n z-index: 0;\n animation: 1s infinite spin3;\n left: calc(33.6rem / var(--kolibri-root-font-size, 16));\n }\n @keyframes spin1 {\n 0% {\n transform: scale(0);\n }\n 100% {\n transform: scale(1);\n }\n }\n @keyframes spin2 {\n 0% {\n transform: translate(0, 0);\n }\n 100% {\n transform: translate(calc(16rem / var(--kolibri-root-font-size, 16)), 0);\n }\n }\n @keyframes spin3 {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0);\n }\n } \n @media (prefers-reduced-motion) {\n .spin.dot > span:first-child,\n .spin.dot > span:nth-child(2),\n .spin.dot > span:nth-child(3),\n .spin.dot > span:nth-child(4) {\n animation-duration: 2s;\n }\n }\n}\n@layer kol-component {\n .sc-kol-spin-default-h {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .spin {\n display: block;\n padding: calc(2rem / var(--kolibri-root-font-size, 16));\n position: relative;\n }\n}";
|
|
32298
|
+
var KolSpinDefaultStyle0 = defaultStyleCss$a;
|
|
31876
32299
|
|
|
31877
32300
|
function renderSpin(variant) {
|
|
31878
32301
|
switch (variant) {
|
|
@@ -31895,7 +32318,7 @@ class KolSpin {
|
|
|
31895
32318
|
};
|
|
31896
32319
|
}
|
|
31897
32320
|
render() {
|
|
31898
|
-
return (hAsync(Host, { key: '
|
|
32321
|
+
return (hAsync(Host, { key: '6974287d918166c7f954447289a132cd48605222', class: "kol-spin" }, this.state._show ? (hAsync("span", { "aria-busy": "true", "aria-label": translate('kol-action-running'), "aria-live": "polite", class: {
|
|
31899
32322
|
spin: true,
|
|
31900
32323
|
[this.state._variant]: true,
|
|
31901
32324
|
}, role: "alert" }, renderSpin(this.state._variant))) : (this.showToggled && hAsync("span", { "aria-label": translate('kol-action-done'), "aria-busy": "false", "aria-live": "polite", role: "alert" }))));
|
|
@@ -31932,8 +32355,8 @@ class KolSpin {
|
|
|
31932
32355
|
}; }
|
|
31933
32356
|
}
|
|
31934
32357
|
|
|
31935
|
-
const defaultStyleCss$
|
|
31936
|
-
var KolSplitButtonDefaultStyle0 = defaultStyleCss$
|
|
32358
|
+
const defaultStyleCss$9 = "@layer kol-global {\n .sc-kol-split-button-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-split-button-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-split-button-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .sc-kol-split-button-default-h {\n display: flex;\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n position: relative;\n }\n .main-button {\n flex-grow: 1;\n text-align: left;\n }\n \n .popover {\n height: 0;\n left: 0;\n min-width: 100%;\n overflow: hidden;\n position: absolute;\n top: 100%;\n transition: height 0.3s ease-in-out;\n }\n .popover-content {\n inset: 0 0 auto 0;\n min-width: 100%;\n position: absolute;\n }\n}";
|
|
32359
|
+
var KolSplitButtonDefaultStyle0 = defaultStyleCss$9;
|
|
31937
32360
|
|
|
31938
32361
|
class KolSplitButton {
|
|
31939
32362
|
constructor(hostRef) {
|
|
@@ -32001,12 +32424,12 @@ class KolSplitButton {
|
|
|
32001
32424
|
}
|
|
32002
32425
|
render() {
|
|
32003
32426
|
const i18nDropdownLabel = 'kol-split-button-dropdown-label';
|
|
32004
|
-
return (hAsync(Host, { key: '
|
|
32427
|
+
return (hAsync(Host, { key: '5a64a4a751b51c8852063bc917c1bbf986bca867', class: "kol-split-button" }, hAsync(KolButtonWcTag, { key: 'ab8baa7f5a5f4de4d0bf79c8d8d5376640cdb516', class: {
|
|
32005
32428
|
'main-button': true,
|
|
32006
32429
|
button: true,
|
|
32007
32430
|
[this._variant]: this._variant !== 'custom',
|
|
32008
32431
|
[this._customClass]: this._variant === 'custom' && typeof this._customClass === 'string' && this._customClass.length > 0,
|
|
32009
|
-
}, _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", { key: '
|
|
32432
|
+
}, _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", { key: '246e21fea2320d7a1c6e53ed54d17515a53ba8c8', class: "horizontal-line" }), hAsync(KolButtonWcTag, { key: 'ca5f0ba735ac3638cc7256c7a7cd8fc7ab9d3fc6', class: "secondary-button", _disabled: this._disabled, _hideLabel: true, _icons: "codicon codicon-triangle-down", _label: this.state._show ? translate(`${i18nDropdownLabel}-close`) : translate(`${i18nDropdownLabel}-open`), _on: this.clickToggleHandler }), hAsync("div", { key: '9855493347ef418b84ba215bcb7f32170a09f140', class: "popover", ref: this.catchDropdownElements }, hAsync("div", { key: 'f476df593c9956b8262510944c57c99f1bead60d', class: "popover-content" }, hAsync("slot", { key: '7021bef08ce563c515e416b35f8f84b6a7acd05c' })))));
|
|
32010
32433
|
}
|
|
32011
32434
|
static get style() { return {
|
|
32012
32435
|
default: KolSplitButtonDefaultStyle0
|
|
@@ -32052,7 +32475,7 @@ class KolSymbol {
|
|
|
32052
32475
|
};
|
|
32053
32476
|
}
|
|
32054
32477
|
render() {
|
|
32055
|
-
return (hAsync(Host, { key: '
|
|
32478
|
+
return (hAsync(Host, { key: '34b75c8f44124c57103e84e6f4f33ed6df1fe998', class: "kol-symbol" }, hAsync("span", { key: '57a61aba5a3b316f0ef65a4685ac2e7eed690c28', "aria-label": this.state._label, role: "term" }, this.state._symbol)));
|
|
32056
32479
|
}
|
|
32057
32480
|
validateLabel(value) {
|
|
32058
32481
|
validateLabel(this, value, {
|
|
@@ -32099,7 +32522,7 @@ class KolTable {
|
|
|
32099
32522
|
this._paginationPosition = 'bottom';
|
|
32100
32523
|
}
|
|
32101
32524
|
render() {
|
|
32102
|
-
return (hAsync(KolTableStatefulTag, { key: '
|
|
32525
|
+
return (hAsync(KolTableStatefulTag, { key: '926238f403bdb441b878e398b4c577a614a2691a', _allowMultiSort: this._allowMultiSort, _data: this._data, _dataFoot: this._dataFoot, _headers: this._headers, _label: this._label, _minWidth: this._minWidth, _pagination: this._pagination, _paginationPosition: this._paginationPosition }));
|
|
32103
32526
|
}
|
|
32104
32527
|
static get cmpMeta() { return {
|
|
32105
32528
|
"$flags$": 9,
|
|
@@ -32120,8 +32543,8 @@ class KolTable {
|
|
|
32120
32543
|
}; }
|
|
32121
32544
|
}
|
|
32122
32545
|
|
|
32123
|
-
const defaultStyleCss$
|
|
32124
|
-
var KolTableStatefulDefaultStyle0 = defaultStyleCss$
|
|
32546
|
+
const defaultStyleCss$8 = "@layer kol-global {\n .sc-kol-table-stateful-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-table-stateful-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-table-stateful-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .sc-kol-table-stateful-default-h {\n display: block;\n }\n}\n@layer kol-component {\n :root {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n div.pagination .kol-pagination {\n display: flex;\n flex-wrap: wrap;\n }\n div.pagination,\n div.pagination > div:last-child {\n display: grid;\n place-items: center;\n }\n @media (max-width: 1024px) {\n div.pagination .kol-pagination {\n flex-direction: column;\n }\n }\n @media (min-width: 1024px) {\n div.pagination,\n div.pagination > div:last-child {\n grid-auto-flow: column;\n }\n div.pagination .kol-pagination {\n display: flex;\n }\n }\n}\n@layer kol-component {\n .sc-kol-table-stateful-default-h,\n .kol-table-stateless-wc {\n display: block;\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .table {\n max-width: 100%;\n overflow-x: auto;\n overflow-y: hidden;\n }\n table {\n width: 100%;\n }\n caption {\n text-align: start;\n }\n .focus-element {\n font-size: 0;\n }\n .focus-element:focus {\n outline: 0 !important;\n }\n .table:has(.focus-element:focus) {\n \n outline: 5px auto Highlight;\n outline: 5px auto -webkit-focus-ring-color;\n outline-offset: 2px;\n }\n .table-sort-button .button {\n color: inherit;\n }\n tbody th,\n th.align-left {\n text-align: left;\n }\n tbody th .table-sort-button .button-inner,\n th.align-left .table-sort-button .button-inner {\n justify-items: start;\n }\n th.align-center {\n text-align: center;\n }\n th.align-center .table-sort-button .button-inner {\n justify-items: center;\n }\n th.align-right {\n text-align: right;\n }\n th.align-right .table-sort-button .button-inner {\n justify-items: end;\n }\n .selection-header-cell {\n width: 0;\n }\n .selection-cell {\n white-space: nowrap;\n }\n}";
|
|
32547
|
+
var KolTableStatefulDefaultStyle0 = defaultStyleCss$8;
|
|
32125
32548
|
|
|
32126
32549
|
const PAGINATION_OPTIONS = [10, 20, 50, 100];
|
|
32127
32550
|
const paginationValidator = (value) => value === true || value === '' || (typeof value === 'object' && value !== null);
|
|
@@ -32433,7 +32856,7 @@ class KolTableStateful {
|
|
|
32433
32856
|
horizontal: (_c = this.state._headers.horizontal) === null || _c === void 0 ? void 0 : _c.map((row) => row.map((cell) => (Object.assign(Object.assign({}, cell), { sortDirection: this.getHeaderCellSortState(cell) })))),
|
|
32434
32857
|
vertical: (_d = this.state._headers.vertical) === null || _d === void 0 ? void 0 : _d.map((column) => column.map((cell) => (Object.assign(Object.assign({}, cell), { sortDirection: this.getHeaderCellSortState(cell) })))),
|
|
32435
32858
|
};
|
|
32436
|
-
return (hAsync(Host, { key: '
|
|
32859
|
+
return (hAsync(Host, { key: 'd36622dba10c96f6ad652ddb34db6a11f2bcf526', class: "kol-table-stateful" }, this.pageEndSlice > 0 && this.showPagination && paginationTop, hAsync(KolTableStatelessWcTag, { key: 'e9fb9b78b82293e93371556881a5728bf0be6536', _data: displayedData, _headerCells: headerCells, _label: this.state._label, _dataFoot: this.state._dataFoot, _minWidth: this.state._minWidth, _on: {
|
|
32437
32860
|
onSort: (_, payload) => {
|
|
32438
32861
|
this.handleSort(payload);
|
|
32439
32862
|
},
|
|
@@ -32472,8 +32895,8 @@ class KolTableStateful {
|
|
|
32472
32895
|
}; }
|
|
32473
32896
|
}
|
|
32474
32897
|
|
|
32475
|
-
const defaultStyleCss$
|
|
32476
|
-
var KolTableStatelessDefaultStyle0 = defaultStyleCss$
|
|
32898
|
+
const defaultStyleCss$7 = "@layer kol-global {\n .sc-kol-table-stateless-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-table-stateless-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-table-stateless-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .sc-kol-table-stateless-default-h {\n display: block;\n }\n}\n\n@layer kol-global {\n .sc-kol-table-stateless-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-table-stateless-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-table-stateless-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .sc-kol-table-stateless-default-h {\n display: block;\n }\n}\n@layer kol-component {\n .sc-kol-table-stateless-default-h,\n .kol-table-stateless-wc {\n display: block;\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .table {\n max-width: 100%;\n overflow-x: auto;\n overflow-y: hidden;\n }\n table {\n width: 100%;\n }\n caption {\n text-align: start;\n }\n .focus-element {\n font-size: 0;\n }\n .focus-element:focus {\n outline: 0 !important;\n }\n .table:has(.focus-element:focus) {\n \n outline: 5px auto Highlight;\n outline: 5px auto -webkit-focus-ring-color;\n outline-offset: 2px;\n }\n .table-sort-button .button {\n color: inherit;\n }\n tbody th,\n th.align-left {\n text-align: left;\n }\n tbody th .table-sort-button .button-inner,\n th.align-left .table-sort-button .button-inner {\n justify-items: start;\n }\n th.align-center {\n text-align: center;\n }\n th.align-center .table-sort-button .button-inner {\n justify-items: center;\n }\n th.align-right {\n text-align: right;\n }\n th.align-right .table-sort-button .button-inner {\n justify-items: end;\n }\n .selection-header-cell {\n width: 0;\n }\n .selection-cell {\n white-space: nowrap;\n }\n}";
|
|
32899
|
+
var KolTableStatelessDefaultStyle0 = defaultStyleCss$7;
|
|
32477
32900
|
|
|
32478
32901
|
class KolTableStateless$1 {
|
|
32479
32902
|
constructor(hostRef) {
|
|
@@ -32484,9 +32907,10 @@ class KolTableStateless$1 {
|
|
|
32484
32907
|
this._label = undefined;
|
|
32485
32908
|
this._minWidth = undefined;
|
|
32486
32909
|
this._on = undefined;
|
|
32910
|
+
this._selection = undefined;
|
|
32487
32911
|
}
|
|
32488
32912
|
render() {
|
|
32489
|
-
return (hAsync(Host, { key: '
|
|
32913
|
+
return (hAsync(Host, { key: '341cf6e82f6052f6a8d2117438760a0b0b331a60', class: "kol-table-stateless" }, hAsync(KolTableStatelessWcTag, { key: 'f92acdfc7fead14f05cabb0f68abba8ecd7d60a8', _data: this._data, _dataFoot: this._dataFoot, _headerCells: this._headerCells, _label: this._label, _minWidth: this._minWidth, _on: this._on, _selection: this._selection })));
|
|
32490
32914
|
}
|
|
32491
32915
|
static get style() { return {
|
|
32492
32916
|
default: KolTableStatelessDefaultStyle0
|
|
@@ -32500,7 +32924,8 @@ class KolTableStateless$1 {
|
|
|
32500
32924
|
"_headerCells": [1, "_header-cells"],
|
|
32501
32925
|
"_label": [1],
|
|
32502
32926
|
"_minWidth": [1, "_min-width"],
|
|
32503
|
-
"_on": [16]
|
|
32927
|
+
"_on": [16],
|
|
32928
|
+
"_selection": [1]
|
|
32504
32929
|
},
|
|
32505
32930
|
"$listeners$": undefined,
|
|
32506
32931
|
"$lazyBundleId$": "-",
|
|
@@ -32508,20 +32933,59 @@ class KolTableStateless$1 {
|
|
|
32508
32933
|
}; }
|
|
32509
32934
|
}
|
|
32510
32935
|
|
|
32936
|
+
var Events;
|
|
32937
|
+
(function (Events) {
|
|
32938
|
+
Events["onBlur"] = "onBlur";
|
|
32939
|
+
Events["onChange"] = "onChange";
|
|
32940
|
+
Events["onClick"] = "onClick";
|
|
32941
|
+
Events["onDblClick"] = "onDblClick";
|
|
32942
|
+
Events["onFocus"] = "onFocus";
|
|
32943
|
+
Events["onInput"] = "onInput";
|
|
32944
|
+
Events["onKeyDown"] = "onKeyDown";
|
|
32945
|
+
Events["onKeyPress"] = "onKeyPress";
|
|
32946
|
+
Events["onKeyUp"] = "onKeyUp";
|
|
32947
|
+
Events["onMouseDown"] = "onMouseDown";
|
|
32948
|
+
Events["onMouseMove"] = "onMouseMove";
|
|
32949
|
+
Events["onMouseOut"] = "onMouseOut";
|
|
32950
|
+
Events["onMouseOver"] = "onMouseOver";
|
|
32951
|
+
Events["onMouseUp"] = "onMouseUp";
|
|
32952
|
+
Events["onReset"] = "onReset";
|
|
32953
|
+
Events["onSelect"] = "onSelect";
|
|
32954
|
+
Events["onSort"] = "onSort";
|
|
32955
|
+
Events["onSelectionChange"] = "onSelectionChange";
|
|
32956
|
+
Events["onSubmit"] = "onSubmit";
|
|
32957
|
+
})(Events || (Events = {}));
|
|
32958
|
+
|
|
32511
32959
|
class KolTableStateless {
|
|
32512
32960
|
constructor(hostRef) {
|
|
32513
32961
|
registerInstance(this, hostRef);
|
|
32514
32962
|
this.horizontal = true;
|
|
32515
32963
|
this.cellsToRenderTimeouts = new Map();
|
|
32964
|
+
this.dataToKeyMap = new Map();
|
|
32516
32965
|
this.renderTableRow = (row, rowIndex) => {
|
|
32517
|
-
|
|
32966
|
+
var _a, _b;
|
|
32967
|
+
let key = String(rowIndex);
|
|
32968
|
+
if (this.horizontal && ((_a = row[0]) === null || _a === void 0 ? void 0 : _a.data)) {
|
|
32969
|
+
key = (_b = this.getDataKey(row[0].data)) !== null && _b !== void 0 ? _b : key;
|
|
32970
|
+
}
|
|
32971
|
+
return (hAsync("tr", { key: `row-${key}` }, this.renderSelectionCell(row, rowIndex), row.map((cell, colIndex) => this.renderTableCell(cell, rowIndex, colIndex))));
|
|
32518
32972
|
};
|
|
32519
32973
|
this.renderTableCell = (cell, rowIndex, colIndex) => {
|
|
32974
|
+
let key = `${rowIndex}-${colIndex}-${cell.label}`;
|
|
32975
|
+
if (cell.data) {
|
|
32976
|
+
const dataKey = this.getDataKey(cell.data);
|
|
32977
|
+
if (this.horizontal) {
|
|
32978
|
+
key = dataKey ? `${dataKey}-${colIndex}` : key;
|
|
32979
|
+
}
|
|
32980
|
+
else {
|
|
32981
|
+
key = dataKey ? `${dataKey}-${rowIndex}` : key;
|
|
32982
|
+
}
|
|
32983
|
+
}
|
|
32520
32984
|
if (cell.asTd === false) {
|
|
32521
32985
|
return this.renderHeadingCell(cell, rowIndex, colIndex);
|
|
32522
32986
|
}
|
|
32523
32987
|
else {
|
|
32524
|
-
return (hAsync("td", { key: `
|
|
32988
|
+
return (hAsync("td", { key: `cell-${key}`, class: {
|
|
32525
32989
|
[cell.textAlign]: typeof cell.textAlign === 'string' && cell.textAlign.length > 0,
|
|
32526
32990
|
}, colSpan: cell.colSpan, rowSpan: cell.rowSpan, style: {
|
|
32527
32991
|
textAlign: cell.textAlign,
|
|
@@ -32548,9 +33012,14 @@ class KolTableStateless {
|
|
|
32548
33012
|
this._label = undefined;
|
|
32549
33013
|
this._minWidth = undefined;
|
|
32550
33014
|
this._on = undefined;
|
|
33015
|
+
this._selection = undefined;
|
|
32551
33016
|
}
|
|
32552
33017
|
validateData(value) {
|
|
32553
|
-
validateTableData(this, value
|
|
33018
|
+
validateTableData(this, value, {
|
|
33019
|
+
beforePatch: (nextValue) => {
|
|
33020
|
+
this.updateDataToKeyMap(nextValue);
|
|
33021
|
+
},
|
|
33022
|
+
});
|
|
32554
33023
|
}
|
|
32555
33024
|
validateDataFoot(value) {
|
|
32556
33025
|
validateTableDataFoot(this, value);
|
|
@@ -32571,6 +33040,9 @@ class KolTableStateless {
|
|
|
32571
33040
|
validateOn(value) {
|
|
32572
33041
|
validateTableCallbacks(this, value);
|
|
32573
33042
|
}
|
|
33043
|
+
validateSelection(value) {
|
|
33044
|
+
validateTableSelection(this, value);
|
|
33045
|
+
}
|
|
32574
33046
|
componentDidRender() {
|
|
32575
33047
|
this.checkDivElementScrollbar();
|
|
32576
33048
|
}
|
|
@@ -32589,6 +33061,21 @@ class KolTableStateless {
|
|
|
32589
33061
|
this.tableDivElementHasScrollbar = this.tableDivElement.scrollWidth > this.tableDivElement.clientWidth;
|
|
32590
33062
|
}
|
|
32591
33063
|
}
|
|
33064
|
+
updateDataToKeyMap(data) {
|
|
33065
|
+
data.forEach((data) => {
|
|
33066
|
+
if (!this.dataToKeyMap.has(data)) {
|
|
33067
|
+
this.dataToKeyMap.set(data, nonce());
|
|
33068
|
+
}
|
|
33069
|
+
});
|
|
33070
|
+
this.dataToKeyMap.forEach((_, key) => {
|
|
33071
|
+
if (!data.includes(key)) {
|
|
33072
|
+
this.dataToKeyMap.delete(key);
|
|
33073
|
+
}
|
|
33074
|
+
});
|
|
33075
|
+
}
|
|
33076
|
+
getDataKey(data) {
|
|
33077
|
+
return this.dataToKeyMap.get(data);
|
|
33078
|
+
}
|
|
32592
33079
|
cellRender(cell, el) {
|
|
32593
33080
|
if (el) {
|
|
32594
33081
|
clearTimeout(this.cellsToRenderTimeouts.get(el));
|
|
@@ -32758,6 +33245,34 @@ class KolTableStateless {
|
|
|
32758
33245
|
this.validateLabel(this._label);
|
|
32759
33246
|
this.validateMinWidth(this._minWidth);
|
|
32760
33247
|
this.validateOn(this._on);
|
|
33248
|
+
this.validateSelection(this._selection);
|
|
33249
|
+
}
|
|
33250
|
+
renderSelectionCell(row, rowIndex) {
|
|
33251
|
+
var _a, _b, _c;
|
|
33252
|
+
if (this.state._selection) {
|
|
33253
|
+
const keyPropertyName = (_a = this.state._selection.keyPropertyName) !== null && _a !== void 0 ? _a : 'id';
|
|
33254
|
+
const keyCell = row.find((cell) => cell.key === keyPropertyName);
|
|
33255
|
+
if (keyCell) {
|
|
33256
|
+
const keyProperty = (keyCell === null || keyCell === void 0 ? void 0 : keyCell.data)[keyPropertyName];
|
|
33257
|
+
const selected = (_c = (_b = this.state._selection) === null || _b === void 0 ? void 0 : _b.selectedKeys) === null || _c === void 0 ? void 0 : _c.includes(keyProperty);
|
|
33258
|
+
const label = this.state._selection.label(keyCell.data);
|
|
33259
|
+
return (hAsync("td", { key: `tbody-${rowIndex}-selection`, class: "selection-cell" }, hAsync(KolInputCheckboxTag, { _label: label, _hideLabel: true, _checked: selected, _tooltipAlign: "right", _on: {
|
|
33260
|
+
onInput: (event, value) => {
|
|
33261
|
+
var _a, _b;
|
|
33262
|
+
if ((_a = this.state._selection) === null || _a === void 0 ? void 0 : _a.selectedKeys) {
|
|
33263
|
+
const updatedSelectedKeys = value
|
|
33264
|
+
? [...this.state._selection.selectedKeys, keyProperty]
|
|
33265
|
+
: this.state._selection.selectedKeys.filter((key) => key !== keyProperty);
|
|
33266
|
+
tryToDispatchKoliBriEvent('selection-change', this.host, updatedSelectedKeys);
|
|
33267
|
+
if (typeof ((_b = this.state._on) === null || _b === void 0 ? void 0 : _b[Events.onSelectionChange]) === 'function') {
|
|
33268
|
+
this.state._on[Events.onSelectionChange](event, updatedSelectedKeys);
|
|
33269
|
+
}
|
|
33270
|
+
}
|
|
33271
|
+
},
|
|
33272
|
+
} })));
|
|
33273
|
+
}
|
|
33274
|
+
}
|
|
33275
|
+
return '';
|
|
32761
33276
|
}
|
|
32762
33277
|
renderHeadingCell(cell, rowIndex, colIndex) {
|
|
32763
33278
|
let ariaSort = undefined;
|
|
@@ -32797,9 +33312,9 @@ class KolTableStateless {
|
|
|
32797
33312
|
}
|
|
32798
33313
|
render() {
|
|
32799
33314
|
const dataField = this.createDataField(this.state._data, this.state._headerCells);
|
|
32800
|
-
return (hAsync(Host, { key: '
|
|
33315
|
+
return (hAsync(Host, { key: '1674fb7ab899c0098a312c938c6311b8966687ad', class: "kol-table-stateless-wc" }, hAsync("div", { key: '5a705ad1cfd82c9e137c7a1aa3e9250db3b679b5', ref: (element) => (this.tableDivElement = element), class: "table", tabindex: this.tableDivElementHasScrollbar ? '-1' : undefined }, hAsync("table", { key: '027b8f0e87050291b9fc7ad6132fca166d74587c', style: {
|
|
32801
33316
|
minWidth: this.state._minWidth,
|
|
32802
|
-
} }, hAsync("div", { key: '
|
|
33317
|
+
} }, hAsync("div", { key: '4be66ae604e40ac0220c90094b0a37d5c7f34f91', class: "focus-element", tabindex: this.tableDivElementHasScrollbar ? '0' : undefined, "aria-describedby": "caption" }, "\u00A0"), hAsync("caption", { key: '414c49cc7be0cdbe48260b232e63de7d6a1c70fe', id: "caption" }, this.state._label), Array.isArray(this.state._headerCells.horizontal) && (hAsync("thead", { key: '851404469bd24ae4e826115ee4cffe56e94f4231' }, this.state._headerCells.horizontal.map((cols, rowIndex) => (hAsync("tr", { key: `thead-${rowIndex}` }, this.state._selection && hAsync("td", { key: "thead-selection", class: "selection-header-cell" }), cols.map((cell, colIndex) => {
|
|
32803
33318
|
if (cell.asTd === true) {
|
|
32804
33319
|
return (hAsync("td", { key: `thead-${rowIndex}-${colIndex}-${cell.label}`, class: {
|
|
32805
33320
|
[cell.textAlign]: typeof cell.textAlign === 'string' && cell.textAlign.length > 0,
|
|
@@ -32815,15 +33330,17 @@ class KolTableStateless {
|
|
|
32815
33330
|
else {
|
|
32816
33331
|
return this.renderHeadingCell(cell, rowIndex, colIndex);
|
|
32817
33332
|
}
|
|
32818
|
-
})))))), hAsync("tbody", { key: '
|
|
33333
|
+
})))))), hAsync("tbody", { key: '1024a2ab0ec473830f31ca5fe164c9953d4cfdbc' }, dataField.map(this.renderTableRow)), this.renderFoot()))));
|
|
32819
33334
|
}
|
|
33335
|
+
get host() { return getElement(this); }
|
|
32820
33336
|
static get watchers() { return {
|
|
32821
33337
|
"_data": ["validateData"],
|
|
32822
33338
|
"_dataFoot": ["validateDataFoot"],
|
|
32823
33339
|
"_headerCells": ["validateHeaderCells"],
|
|
32824
33340
|
"_label": ["validateLabel"],
|
|
32825
33341
|
"_minWidth": ["validateMinWidth"],
|
|
32826
|
-
"_on": ["validateOn"]
|
|
33342
|
+
"_on": ["validateOn"],
|
|
33343
|
+
"_selection": ["validateSelection"]
|
|
32827
33344
|
}; }
|
|
32828
33345
|
static get cmpMeta() { return {
|
|
32829
33346
|
"$flags$": 0,
|
|
@@ -32835,6 +33352,7 @@ class KolTableStateless {
|
|
|
32835
33352
|
"_label": [1],
|
|
32836
33353
|
"_minWidth": [1, "_min-width"],
|
|
32837
33354
|
"_on": [16],
|
|
33355
|
+
"_selection": [1],
|
|
32838
33356
|
"state": [32],
|
|
32839
33357
|
"tableDivElementHasScrollbar": [32]
|
|
32840
33358
|
},
|
|
@@ -32844,8 +33362,8 @@ class KolTableStateless {
|
|
|
32844
33362
|
}; }
|
|
32845
33363
|
}
|
|
32846
33364
|
|
|
32847
|
-
const defaultStyleCss$
|
|
32848
|
-
var KolTabsDefaultStyle0 = defaultStyleCss$
|
|
33365
|
+
const defaultStyleCss$6 = "@layer kol-global {\n .sc-kol-tabs-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-tabs-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-tabs-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .sc-kol-tabs-default-h {\n display: block;\n }\n}\n@layer kol-component {\n .sc-kol-tabs-default-h {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .kol-button-group-wc {\n display: inline-flex;\n flex-wrap: wrap;\n }\n .kol-button-group-wc button {\n border-bottom-color: transparent;\n border-bottom-style: solid;\n display: block;\n }\n div.grid,\n div[role=tabpanel] {\n height: 100%;\n }\n .sc-kol-tabs-default-h > .tabs-align-right {\n display: grid;\n grid-template-columns: 1fr auto;\n }\n .sc-kol-tabs-default-h > .tabs-align-right .kol-button-group-wc {\n display: grid;\n order: 2;\n }\n .sc-kol-tabs-default-h > .tabs-align-left {\n display: grid;\n grid-template-columns: auto 1fr;\n }\n .sc-kol-tabs-default-h > .tabs-align-left .kol-button-group-wc {\n display: grid;\n order: 0;\n }\n .sc-kol-tabs-default-h > .tabs-align-bottom {\n display: grid;\n grid-template-rows: 1fr auto;\n }\n .sc-kol-tabs-default-h > .tabs-align-bottom .kol-button-group-wc {\n order: 2;\n }\n .sc-kol-tabs-default-h > .tabs-align-bottom .kol-button-group-wc > div {\n display: flex;\n }\n .sc-kol-tabs-default-h > .tabs-align-bottom > .kol-button-group-wc > div > div:first-child {\n margin: 0 1em 0 0;\n }\n .sc-kol-tabs-default-h > .tabs-align-bottom > .kol-button-group-wc > div > div {\n margin: 0 1em;\n }\n .sc-kol-tabs-default-h > .tabs-align-top {\n display: grid;\n grid-template-rows: auto 1fr;\n }\n .sc-kol-tabs-default-h > .tabs-align-top .kol-button-group-wc {\n order: 0;\n }\n .sc-kol-tabs-default-h > .tabs-align-top .kol-button-group-wc > div {\n display: flex;\n }\n .sc-kol-tabs-default-h > .tabs-align-top > .kol-button-group-wc > div > div:first-child {\n margin: 0 1em 0 0;\n }\n .sc-kol-tabs-default-h > .tabs-align-top > .kol-button-group-wc > div > div {\n margin: 0 1em;\n }\n .sc-kol-tabs-default-h > div {\n display: grid;\n }\n .sc-kol-tabs-default-h > .tabs-align-left .kol-button-group-wc,\n .sc-kol-tabs-default-h > .tabs-align-top .kol-button-group-wc {\n order: 0;\n }\n .sc-kol-tabs-default-h > .tabs-align-bottom .kol-button-group-wc,\n .sc-kol-tabs-default-h > .tabs-align-right .kol-button-group-wc {\n order: 1;\n }\n .sc-kol-tabs-default-h > div.tabs-align-left .kol-button-group-wc > div,\n .sc-kol-tabs-default-h > div.tabs-align-left .kol-button-group-wc > div > div,\n .sc-kol-tabs-default-h > div.tabs-align-right .kol-button-group-wc > div,\n .sc-kol-tabs-default-h > div.tabs-align-right .kol-button-group-wc > div > div {\n display: grid;\n }\n .sc-kol-tabs-default-h > div.tabs-align-left .kol-button-group-wc > div > div .kol-button-wc,\n .sc-kol-tabs-default-h > div.tabs-align-right .kol-button-group-wc > div > div .kol-button-wc {\n width: 100%;\n }\n .sc-kol-tabs-default-h > div.tabs-align-bottom .kol-button-group-wc div,\n .sc-kol-tabs-default-h > div.tabs-align-top .kol-button-group-wc div {\n display: flex;\n flex-wrap: wrap;\n }\n}";
|
|
33366
|
+
var KolTabsDefaultStyle0 = defaultStyleCss$6;
|
|
32849
33367
|
|
|
32850
33368
|
class KolTabs {
|
|
32851
33369
|
constructor(hostRef) {
|
|
@@ -32993,11 +33511,11 @@ class KolTabs {
|
|
|
32993
33511
|
} }))));
|
|
32994
33512
|
}
|
|
32995
33513
|
render() {
|
|
32996
|
-
return (hAsync(Host, { key: '
|
|
33514
|
+
return (hAsync(Host, { key: 'e4e1913d7ede8a07070844194b5ba4a7edb19501', class: "kol-tabs" }, hAsync("div", { key: '9292bb7b6cf4cf0b738e97807735b4f299ca06ae', ref: (el) => {
|
|
32997
33515
|
this.tabPanelsElement = el;
|
|
32998
33516
|
}, class: {
|
|
32999
33517
|
[`tabs-align-${this.state._align}`]: true,
|
|
33000
|
-
} }, this.renderButtonGroup(), hAsync("div", { key: '
|
|
33518
|
+
} }, this.renderButtonGroup(), hAsync("div", { key: '99b0efb5eb634e24f9b376b488dab127f3a778b9', class: "tabs-content", ref: this.catchTabPanelHost }))));
|
|
33001
33519
|
}
|
|
33002
33520
|
validateAlign(value) {
|
|
33003
33521
|
validateAlign(this, value);
|
|
@@ -33182,8 +33700,8 @@ class TextareaController extends InputController {
|
|
|
33182
33700
|
}
|
|
33183
33701
|
}
|
|
33184
33702
|
|
|
33185
|
-
const defaultStyleCss$
|
|
33186
|
-
var KolTextareaDefaultStyle0 = defaultStyleCss$
|
|
33703
|
+
const defaultStyleCss$5 = "@layer kol-global {\n .sc-kol-textarea-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-textarea-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-textarea-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .required label > span::after,\n .required legend > span::after {\n content: \"*\";\n }\n}\n@layer kol-component {\n .sc-kol-textarea-default-h {\n display: block;\n }\n}\n@layer kol-component {\n input,\n textarea {\n cursor: text;\n }\n input[type=checkbox],\n input[type=color],\n input[type=file],\n input[type=radio],\n input[type=range],\n label,\n option,\n select {\n cursor: pointer;\n }\n \n \n \n input[type=color],\n input[type=date],\n input[type=datetime-local],\n input[type=email],\n input[type=file],\n input[type=month],\n input[type=number],\n input[type=password],\n input[type=search],\n input[type=tel],\n input[type=text],\n input[type=time],\n input[type=url],\n input[type=week],\n select,\n select[multiple] option,\n textarea {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n width: 100%;\n }\n \n input[type=file] {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 10) 0.5em;\n }\n \n select[multiple] option {\n padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 2) 0.5em;\n }\n}\n@layer kol-component {\n .kol-input {\n display: grid;\n }\n .kol-input .input-slot {\n flex-grow: 1;\n }\n input:not([type=checkbox], [type=radio]),\n select:not([multiple], [size]) {\n height: 2.75em;\n }\n input:focus,\n option:focus,\n select:focus,\n textarea:focus {\n outline: 0;\n }\n .input {\n display: flex;\n align-items: center;\n }\n .input > .kol-icon {\n display: grid;\n height: var(--a11y-min-size);\n place-items: center;\n }\n .kol-input.required .input-tooltip .span-label::after {\n content: \"*\";\n }\n}\n@layer kol-component {\n .sc-kol-textarea-default-h {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n}";
|
|
33704
|
+
var KolTextareaDefaultStyle0 = defaultStyleCss$5;
|
|
33187
33705
|
|
|
33188
33706
|
const increaseTextareaHeight = (el) => {
|
|
33189
33707
|
el.style.overflow = 'hidden';
|
|
@@ -33202,7 +33720,7 @@ class KolTextarea {
|
|
|
33202
33720
|
render() {
|
|
33203
33721
|
const { ariaDescribedBy } = getRenderStates(this.state);
|
|
33204
33722
|
const hasExpertSlot = showExpertSlot(this.state._label);
|
|
33205
|
-
return (hAsync(Host, { key: '
|
|
33723
|
+
return (hAsync(Host, { key: '3fb37506318e70c539392ce92a3b085cbb70d494', class: { 'kol-textarea': true, 'has-value': this.state._hasValue } }, hAsync(KolInputTag, { key: '4f62032fa24ba9174666ac5c461a72e1971d4737', 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, _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, _msg: this.state._msg, _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(); }, role: `presentation` }, hAsync("span", { key: '1736aece511a856b04798f5588fde232151c3ccf', slot: "label" }, hasExpertSlot ? (hAsync("slot", { name: "expert" })) : typeof this.state._accessKey === 'string' ? (hAsync(Fragment, 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", { key: 'a8170f1cff8b1c6dfebc85f8fb682cf9360256c2', slot: "input" }, hAsync("textarea", Object.assign({ key: '206e2e545f4e103cf719f5fb68bc837b18d6d514', 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, { onInput: this.onInput, style: {
|
|
33206
33724
|
resize: this.state._resize,
|
|
33207
33725
|
}, value: this.state._value }))))));
|
|
33208
33726
|
}
|
|
@@ -33418,8 +33936,8 @@ const InternalToast = ({ key, onClose, onRef, toastState }) => {
|
|
|
33418
33936
|
hAsync("div", { ref: onRef }, typeof toastState.toast.description === 'string' ? toastState.toast.description : null))));
|
|
33419
33937
|
};
|
|
33420
33938
|
|
|
33421
|
-
const defaultStyleCss$
|
|
33422
|
-
var KolToastContainerDefaultStyle0 = defaultStyleCss$
|
|
33939
|
+
const defaultStyleCss$4 = "@layer kol-component {\n .sc-kol-toast-container-default-h {\n display: flex;\n flex-direction: column;\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n position: fixed;\n z-index: 200;\n }\n .close-all {\n align-self: flex-end;\n }\n}";
|
|
33940
|
+
var KolToastContainerDefaultStyle0 = defaultStyleCss$4;
|
|
33423
33941
|
|
|
33424
33942
|
const TRANSITION_TIMEOUT = 300;
|
|
33425
33943
|
class KolToastContainer {
|
|
@@ -33469,7 +33987,7 @@ class KolToastContainer {
|
|
|
33469
33987
|
}
|
|
33470
33988
|
}
|
|
33471
33989
|
render() {
|
|
33472
|
-
return (hAsync(Host, { key: '
|
|
33990
|
+
return (hAsync(Host, { key: '6358ada11de2e453c06980870ca8c143694479bb', class: "kol-toast-container" }, this.state._toastStates.length > 1 && (hAsync(KolButtonTag, { key: '78887c7956b35766b9199cb0bee9b0807312e6d6', _label: translate('kol-toast-close-all'), class: "close-all", _on: {
|
|
33473
33991
|
onClick: () => {
|
|
33474
33992
|
void this.closeAll();
|
|
33475
33993
|
},
|
|
@@ -33492,6 +34010,105 @@ class KolToastContainer {
|
|
|
33492
34010
|
}; }
|
|
33493
34011
|
}
|
|
33494
34012
|
|
|
34013
|
+
const defaultStyleCss$3 = "@layer kol-global {\n .sc-kol-toolbar-default-h {\n \n --a11y-min-size: 44px;\n \n background-color: white;\n color: black;\n \n font-family: Verdana;\n }\n * {\n \n hyphens: auto;\n \n letter-spacing: inherit;\n \n word-break: break-word;\n \n word-spacing: inherit;\n }\n \n \n \n \n \n [role=button],\n button:not([role=link]),\n .kol-input .input {\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n \n a,\n button,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n input,\n option,\n select,\n textarea {\n \n font-family: inherit;\n \n font-size: inherit;\n }\n}\n\n/*!@.visually-hidden*/.visually-hidden.sc-kol-toolbar-default {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n@layer kol-global {\n \n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%; \n }\n \n [hidden] {\n display: none !important;\n }\n}\n@layer kol-global {\n .sc-kol-toolbar-default-h {\n \n max-width: 100%;\n }\n * {\n \n box-sizing: border-box;\n }\n \n .kol-span-wc {\n display: grid;\n place-items: center;\n }\n \n .kol-span-wc > span {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .hidden {\n display: none;\n visibility: hidden;\n }\n \n .hide-label > .kol-span-wc > span > span {\n display: none;\n }\n \n button:disabled {\n color: unset;\n }\n .disabled label,\n .disabled:focus-within label,\n [aria-disabled=true],\n [aria-disabled=true]:focus,\n [disabled],\n [disabled]:focus {\n cursor: not-allowed;\n opacity: 0.5;\n outline: none;\n }\n [aria-disabled=true]:focus .kol-span-wc,\n [disabled]:focus .kol-span-wc {\n outline: none !important;\n }\n}\n@layer kol-component {\n .sc-kol-toolbar-default-h {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .toolbar {\n display: flex;\n align-items: center;\n gap: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .toolbar:focus-within {\n outline: 1px solid;\n outline-offset: 2px;\n }\n}";
|
|
34014
|
+
var KolToolbarDefaultStyle0 = defaultStyleCss$3;
|
|
34015
|
+
|
|
34016
|
+
const TOOLBAR_ITEM_TAG_NAME = 'kol-toolbar-item';
|
|
34017
|
+
class KolToolbar {
|
|
34018
|
+
constructor(hostRef) {
|
|
34019
|
+
registerInstance(this, hostRef);
|
|
34020
|
+
this.indexToElement = new Map();
|
|
34021
|
+
this.renderItem = (element, index) => {
|
|
34022
|
+
const tabIndex = index === this.currentIndex && !(element === null || element === void 0 ? void 0 : element._disabled) ? 0 : -1;
|
|
34023
|
+
const props = {
|
|
34024
|
+
key: index,
|
|
34025
|
+
class: TOOLBAR_ITEM_TAG_NAME,
|
|
34026
|
+
_tabIndex: tabIndex,
|
|
34027
|
+
};
|
|
34028
|
+
const catchRef = (element) => {
|
|
34029
|
+
element && this.indexToElement.set(index, element);
|
|
34030
|
+
};
|
|
34031
|
+
return '_href' in element ? (hAsync(KolLinkTag, Object.assign({}, element, props, { ref: catchRef }))) : (hAsync(KolButtonTag, Object.assign({}, element, props, { ref: catchRef })));
|
|
34032
|
+
};
|
|
34033
|
+
this.state = {
|
|
34034
|
+
_label: '',
|
|
34035
|
+
_items: [],
|
|
34036
|
+
};
|
|
34037
|
+
this.currentIndex = 0;
|
|
34038
|
+
this._label = undefined;
|
|
34039
|
+
this._items = undefined;
|
|
34040
|
+
}
|
|
34041
|
+
render() {
|
|
34042
|
+
return (hAsync(Host, { key: '29b8b51a8b11f85689af5dbfe31df4dca1507ae1', class: "kol-toolbar" }, hAsync("div", { key: '2023765a0433e6666e82e79c9c33b59bb741ea2a', class: "toolbar", role: "toolbar", "aria-label": this.state._label }, this.state._items.map(this.renderItem))));
|
|
34043
|
+
}
|
|
34044
|
+
validateLabel(value) {
|
|
34045
|
+
validateLabel(this, value);
|
|
34046
|
+
}
|
|
34047
|
+
validateItems(value) {
|
|
34048
|
+
validateToolbarItems(this, value);
|
|
34049
|
+
}
|
|
34050
|
+
getCurrentToolbarItem(index) {
|
|
34051
|
+
return typeof index === 'number' ? this.indexToElement.get(index) : undefined;
|
|
34052
|
+
}
|
|
34053
|
+
setFirstEnabledItemIndex() {
|
|
34054
|
+
var _a;
|
|
34055
|
+
this.currentIndex = (_a = this.state._items) === null || _a === void 0 ? void 0 : _a.findIndex((item) => !item._disabled);
|
|
34056
|
+
}
|
|
34057
|
+
handleKeyDown(event) {
|
|
34058
|
+
var _a, _b;
|
|
34059
|
+
const isArrowKey = event.code === 'ArrowRight' || event.code === 'ArrowLeft';
|
|
34060
|
+
if (!isArrowKey)
|
|
34061
|
+
return;
|
|
34062
|
+
event.preventDefault();
|
|
34063
|
+
const lastItemIndex = ((_a = this._items) === null || _a === void 0 ? void 0 : _a.length) - 1;
|
|
34064
|
+
const currentIndex = this.currentIndex;
|
|
34065
|
+
let nextIndex = 0;
|
|
34066
|
+
switch (event.code) {
|
|
34067
|
+
case 'ArrowLeft':
|
|
34068
|
+
nextIndex = currentIndex !== nextIndex ? currentIndex - 1 : lastItemIndex;
|
|
34069
|
+
break;
|
|
34070
|
+
case 'ArrowRight':
|
|
34071
|
+
if (lastItemIndex !== currentIndex)
|
|
34072
|
+
nextIndex = currentIndex + 1;
|
|
34073
|
+
break;
|
|
34074
|
+
}
|
|
34075
|
+
if (currentIndex === nextIndex)
|
|
34076
|
+
return;
|
|
34077
|
+
this.currentIndex = nextIndex;
|
|
34078
|
+
(_b = this.getCurrentToolbarItem(nextIndex)) === null || _b === void 0 ? void 0 : _b.focus();
|
|
34079
|
+
}
|
|
34080
|
+
handleBlur(event) {
|
|
34081
|
+
if (event.target === this.host)
|
|
34082
|
+
this.setFirstEnabledItemIndex();
|
|
34083
|
+
}
|
|
34084
|
+
componentWillLoad() {
|
|
34085
|
+
this.validateLabel(this._label);
|
|
34086
|
+
this.validateItems(this._items);
|
|
34087
|
+
this.setFirstEnabledItemIndex();
|
|
34088
|
+
}
|
|
34089
|
+
get host() { return getElement(this); }
|
|
34090
|
+
static get watchers() { return {
|
|
34091
|
+
"_label": ["validateLabel"],
|
|
34092
|
+
"_items": ["validateItems"]
|
|
34093
|
+
}; }
|
|
34094
|
+
static get style() { return {
|
|
34095
|
+
default: KolToolbarDefaultStyle0
|
|
34096
|
+
}; }
|
|
34097
|
+
static get cmpMeta() { return {
|
|
34098
|
+
"$flags$": 41,
|
|
34099
|
+
"$tagName$": "kol-toolbar",
|
|
34100
|
+
"$members$": {
|
|
34101
|
+
"_label": [1],
|
|
34102
|
+
"_items": [16],
|
|
34103
|
+
"state": [32],
|
|
34104
|
+
"currentIndex": [32]
|
|
34105
|
+
},
|
|
34106
|
+
"$listeners$": [[0, "keydown", "handleKeyDown"], [2, "blur", "handleBlur"]],
|
|
34107
|
+
"$lazyBundleId$": "-",
|
|
34108
|
+
"$attrsToReflect$": []
|
|
34109
|
+
}; }
|
|
34110
|
+
}
|
|
34111
|
+
|
|
33495
34112
|
const VISIBLE_OVERLAYS = new Set();
|
|
33496
34113
|
function showOverlay(overlay) {
|
|
33497
34114
|
VISIBLE_OVERLAYS.forEach((visibleOverlay) => {
|
|
@@ -33623,7 +34240,7 @@ class KolTooltip {
|
|
|
33623
34240
|
this.showOrHideTooltip();
|
|
33624
34241
|
}
|
|
33625
34242
|
render() {
|
|
33626
|
-
return (hAsync(Host, { key: '
|
|
34243
|
+
return (hAsync(Host, { key: 'bdf375b90e73648ec81e1f49f6373cacdcdde276', class: "kol-tooltip-wc" }, this.state._label !== '' && (hAsync("div", { key: '7fbb3eaee4a22817e6d02d4b8feab17d9fd29f67', class: "tooltip-floating", ref: this.catchTooltipElement }, hAsync("div", { key: 'af9fc084d9aafc6d9c63b5593692d4275cf52086', class: "tooltip-area tooltip-arrow", ref: this.catchArrowElement }), hAsync(KolSpanWcTag, { key: '5863b7defd7ffa17f424716c8a7f6db5d5a47e20', class: "tooltip-area tooltip-content", id: this.state._id, _accessKey: this._accessKey, _label: this.state._label })))));
|
|
33627
34244
|
}
|
|
33628
34245
|
validateAccessKey(value) {
|
|
33629
34246
|
validateAccessKey(this, value);
|
|
@@ -33702,7 +34319,7 @@ class KolTree {
|
|
|
33702
34319
|
this._label = undefined;
|
|
33703
34320
|
}
|
|
33704
34321
|
render() {
|
|
33705
|
-
return (hAsync(Host, { key: '
|
|
34322
|
+
return (hAsync(Host, { key: '4eb697e204b62a16ee5b3fd17e78e8b9c5c0c211', class: "kol-tree" }, hAsync(KolTreeWcTag, { key: 'f13e3b2c6a86533d55fc2108a6eff0087f43b790', _label: this._label }, hAsync("slot", { key: '593f174a800c7cc805eca14f8ef28e886415c8a4' }))));
|
|
33706
34323
|
}
|
|
33707
34324
|
static get style() { return {
|
|
33708
34325
|
default: KolTreeDefaultStyle0
|
|
@@ -33750,7 +34367,7 @@ class KolTreeItem {
|
|
|
33750
34367
|
return (_b = (await ((_a = this.element) === null || _a === void 0 ? void 0 : _a.isOpen()))) !== null && _b !== void 0 ? _b : false;
|
|
33751
34368
|
}
|
|
33752
34369
|
render() {
|
|
33753
|
-
return (hAsync(KolTreeItemWcTag, { key: '
|
|
34370
|
+
return (hAsync(KolTreeItemWcTag, { key: 'fd5558fc8ed9c498766b0db58544dd8d730448ab', class: "kol-tree-item", _active: this._active, _label: this._label, _open: this._open, _href: this._href, ref: (element) => (this.element = element) }, hAsync("slot", { key: '7adb4e2c137ce675c2608e58794ab52646153405' })));
|
|
33754
34371
|
}
|
|
33755
34372
|
static get style() { return {
|
|
33756
34373
|
default: KolTreeItemDefaultStyle0
|
|
@@ -33790,11 +34407,11 @@ class KolTreeItemWc {
|
|
|
33790
34407
|
this._href = undefined;
|
|
33791
34408
|
}
|
|
33792
34409
|
render() {
|
|
33793
|
-
return (hAsync(Host, { key: '
|
|
34410
|
+
return (hAsync(Host, { key: '922aae251164d4c84619633d0b031bb6019792a6', onSlotchange: this.handleSlotchange.bind(this), class: "kol-tree-item-wc" }, hAsync("li", { key: '412a8470bea6b4b738bd156b3b0c94b2207b7759', class: "tree-item" }, hAsync(KolLinkTag, { key: '849beb0ce827da5e662308ce704f7db6b7ffbe80', class: {
|
|
33794
34411
|
'tree-link': true,
|
|
33795
34412
|
active: Boolean(this.state._active),
|
|
33796
|
-
}, _label: "", _href: this.state._href, ref: (element) => (this.linkElement = element), _tabIndex: this.state._active ? 0 : -1 }, hAsync("span", { key: '
|
|
33797
|
-
(this.state._open ? (hAsync("span", { class: "toggle-button", onClick: (event) => void this.handleCollapseClick(event) }, "-")) : (hAsync("span", { class: "toggle-button", onClick: (event) => void this.handleExpandClick(event) }, "+"))), ' ', this.state._label)), hAsync("ul", { key: '
|
|
34413
|
+
}, _label: "", _href: this.state._href, ref: (element) => (this.linkElement = element), _tabIndex: this.state._active ? 0 : -1 }, hAsync("span", { key: '1fe521b37ce81b3a681b7692ebe530d19928182d', slot: "expert" }, this.state._hasChildren &&
|
|
34414
|
+
(this.state._open ? (hAsync("span", { class: "toggle-button", onClick: (event) => void this.handleCollapseClick(event) }, "-")) : (hAsync("span", { class: "toggle-button", onClick: (event) => void this.handleExpandClick(event) }, "+"))), ' ', this.state._label)), hAsync("ul", { key: '0c81c08973ef493345311d8f7f4eb880c248b5d5', hidden: !this.state._hasChildren || !this.state._open, role: "group" }, hAsync("slot", { key: '94c3615e5b2a3892f7e72ce90290afbc965a1528' })))));
|
|
33798
34415
|
}
|
|
33799
34416
|
validateActive(value) {
|
|
33800
34417
|
validateActive(this, value || false);
|
|
@@ -33890,7 +34507,7 @@ class KolTreeWc {
|
|
|
33890
34507
|
validateLabel(this, value);
|
|
33891
34508
|
}
|
|
33892
34509
|
render() {
|
|
33893
|
-
return (hAsync(Host, { key: '
|
|
34510
|
+
return (hAsync(Host, { key: '7c9d73edb4c812b2dbb0c14fd7d23d74d8bfea7b', onSlotchange: this.handleSlotchange.bind(this), class: "kol-tree-wc" }, hAsync("nav", { key: 'b52bf9bda7e966e098509d135b9ea6ae80e5f530', class: "tree", "aria-label": this.state._label }, hAsync("ul", { key: '2a9f9e5f0bf2dfa56d41bf5d371c18bdc60e0da9', class: "treeview-navigation", role: "tree", "aria-label": this.state._label }, hAsync("slot", { key: 'c114c9fab49fb6298c97851e2d08a800d54e06b2' })))));
|
|
33894
34511
|
}
|
|
33895
34512
|
static isTreeItem(element) {
|
|
33896
34513
|
return (element === null || element === void 0 ? void 0 : element.tagName) === TREE_ITEM_TAG_NAME.toUpperCase();
|
|
@@ -34047,7 +34664,7 @@ class KolVersion {
|
|
|
34047
34664
|
};
|
|
34048
34665
|
}
|
|
34049
34666
|
render() {
|
|
34050
|
-
return (hAsync(Host, { key: '
|
|
34667
|
+
return (hAsync(Host, { key: 'a4c3e7f9b27e9839b0d55418532cdbf2eebed285', class: "kol-version" }, hAsync(KolBadgeTag, { key: 'b22098b308a2b0513068a25ff758368c116efdde', _color: "#bec5c9", _icons: {
|
|
34051
34668
|
left: { icon: 'codicon codicon-versions', label: translate('kol-version') },
|
|
34052
34669
|
}, _label: this.state._label })));
|
|
34053
34670
|
}
|
|
@@ -34093,6 +34710,7 @@ registerComponents([
|
|
|
34093
34710
|
KolButtonLink,
|
|
34094
34711
|
KolButtonWc,
|
|
34095
34712
|
KolCard,
|
|
34713
|
+
KolCombobox,
|
|
34096
34714
|
KolDetails,
|
|
34097
34715
|
KolForm,
|
|
34098
34716
|
KolHeading,
|
|
@@ -34137,6 +34755,7 @@ registerComponents([
|
|
|
34137
34755
|
KolTabs,
|
|
34138
34756
|
KolTextarea,
|
|
34139
34757
|
KolToastContainer,
|
|
34758
|
+
KolToolbar,
|
|
34140
34759
|
KolTooltip,
|
|
34141
34760
|
KolTree,
|
|
34142
34761
|
KolTreeItem,
|