@public-ui/hydrate 3.0.1 → 3.0.2-6ae0104cda0b7b19a5b0d6bbc5f990b9fe544fa0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/README.md +5 -3
  2. package/dist/index.js +203 -128
  3. package/dist/index.mjs +203 -128
  4. package/package.json +3 -3
package/dist/index.mjs CHANGED
@@ -3828,6 +3828,10 @@ const validateAdjustHeight = (component, value) => {
3828
3828
  watchBoolean(component, '_adjustHeight', value);
3829
3829
  };
3830
3830
 
3831
+ const validateAlt = (component, value, options = {}) => {
3832
+ watchString(component, '_alt', value, options);
3833
+ };
3834
+
3831
3835
  const validateAlignment = (component, propName, value) => {
3832
3836
  watchValidator(component, propName, (value) => typeof value === 'string' && alignPropTypeOptions.includes(value), new Set(alignPropTypeOptions), value, {
3833
3837
  defaultValue: 'top',
@@ -4194,6 +4198,14 @@ const validateImageSource = (component, value, options) => {
4194
4198
  watchString(component, '_src', value, options);
4195
4199
  };
4196
4200
 
4201
+ const validateImageSizes = (component, value, options = {}) => {
4202
+ watchString(component, '_sizes', value, options);
4203
+ };
4204
+
4205
+ const validateImageSrcset = (component, value, options = {}) => {
4206
+ watchString(component, '_srcset', value, options);
4207
+ };
4208
+
4197
4209
  const validateIndeterminate = (component, value) => {
4198
4210
  watchBoolean(component, '_indeterminate', value);
4199
4211
  };
@@ -4498,6 +4510,7 @@ let KolAvatarWcTag = 'kol-avatar-wc';
4498
4510
  let KolBadgeTag = 'kol-badge';
4499
4511
  let KolButtonTag = 'kol-button';
4500
4512
  let KolButtonWcTag = 'kol-button-wc';
4513
+ let KolCardWcTag = 'kol-card-wc';
4501
4514
  let KolFormTag = 'kol-form';
4502
4515
  let KolHeadingTag = 'kol-heading';
4503
4516
  let KolIconTag = 'kol-icon';
@@ -5129,13 +5142,28 @@ const AlertIcon = ({ type, label }) => {
5129
5142
  }
5130
5143
  };
5131
5144
 
5145
+ const vibrateOnError = () => {
5146
+ if (typeof navigator === 'undefined' || typeof navigator.vibrate !== 'function') {
5147
+ return;
5148
+ }
5149
+ const ua = navigator.userActivation;
5150
+ const hasGesture = (ua === null || ua === void 0 ? void 0 : ua.isActive) || (ua === null || ua === void 0 ? void 0 : ua.hasBeenActive);
5151
+ if (!hasGesture) {
5152
+ return;
5153
+ }
5154
+ if (!matchMedia('(any-pointer: coarse)').matches) {
5155
+ return;
5156
+ }
5157
+ try {
5158
+ navigator.vibrate([100, 75, 100, 75, 100]);
5159
+ }
5160
+ catch (_a) {
5161
+ }
5162
+ };
5132
5163
  const KolAlertFc = (props, children) => {
5133
- var _a, _b;
5134
5164
  const { class: classNames = {}, alert = false, hasCloser = false, label, level = 0, type = 'default', variant = 'msg', onAlertTimeout, onCloserClick } = props, other = __rest(props, ["class", "alert", "hasCloser", "label", "level", "type", "variant", "onAlertTimeout", "onCloserClick"]);
5135
5165
  if (alert) {
5136
- if ((_a = navigator.userActivation) === null || _a === void 0 ? void 0 : _a.hasBeenActive) {
5137
- (_b = navigator === null || navigator === void 0 ? void 0 : navigator.vibrate) === null || _b === void 0 ? void 0 : _b.call(navigator, [100, 75, 100, 75, 100]);
5138
- }
5166
+ vibrateOnError();
5139
5167
  setTimeout(() => {
5140
5168
  onAlertTimeout === null || onAlertTimeout === void 0 ? void 0 : onAlertTimeout();
5141
5169
  }, 10000);
@@ -5200,7 +5228,7 @@ class KolAlertWc {
5200
5228
  onCloserClick: this.close,
5201
5229
  onAlertTimeout: this.handleAlertTimeout,
5202
5230
  };
5203
- return (hAsync(KolAlertFc, Object.assign({ key: '9038051f21b86a9c83c8ac5619e723dff5ebcbeb' }, props), hAsync("slot", { key: 'cfd116176ab783db5232d9d5520f8ae890ca44db' })));
5231
+ return (hAsync(KolAlertFc, Object.assign({ key: '2b0d74465270eef8d8d6f3da8c04377f862e8630' }, props), hAsync("slot", { key: '55e8ad62be763c26af16813e5ebfac2ce1f63b54' })));
5204
5232
  }
5205
5233
  validateAlert(value) {
5206
5234
  watchBoolean(this, '_alert', value);
@@ -16600,26 +16628,25 @@ class KolButtonWc {
16600
16628
  var _a;
16601
16629
  (_a = this.buttonRef) === null || _a === void 0 ? void 0 : _a.focus();
16602
16630
  }
16603
- async hideTooltip() {
16604
- var _a;
16605
- void ((_a = this.tooltipRef) === null || _a === void 0 ? void 0 : _a.hideTooltip());
16606
- }
16607
16631
  render() {
16608
16632
  var _a, _b;
16609
16633
  const hasExpertSlot = showExpertSlot(this.state._label);
16610
16634
  const hasAriaDescription = Boolean((_b = (_a = this.state._ariaDescription) === null || _a === void 0 ? void 0 : _a.trim()) === null || _b === void 0 ? void 0 : _b.length);
16611
16635
  const badgeText = this.state._accessKey || this.state._shortKey;
16612
- return (hAsync(Host, { key: '71641733bd8ba48dfd72bac7a0a07c273db013bc' }, hAsync("button", { key: '7407fd5674005c5550e8654b1a6f7a43796f1859', ref: (ref) => (this.buttonRef = ref), accessKey: this.state._accessKey || undefined, "aria-controls": this.state._ariaControls, "aria-describedby": hasAriaDescription ? this.internalDescriptionById : undefined, "aria-expanded": mapBoolean2String(this.state._ariaExpanded), "aria-haspopup": this._ariaHasPopup, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, "aria-selected": mapStringOrBoolean2String(this.state._ariaSelected), class: clsx('kol-button', {
16636
+ return (hAsync(Host, { key: '2b703fead6b1346566b8ba69fb37c3cdc5a5a537' }, hAsync("button", { key: 'eb4f2749f914c1dfcc37e1127b9af301f2e0c2f2', ref: this.catchRef, accessKey: this.state._accessKey || undefined, "aria-controls": this.state._ariaControls, "aria-describedby": hasAriaDescription ? this.internalDescriptionById : undefined, "aria-expanded": mapBoolean2String(this.state._ariaExpanded), "aria-haspopup": this._ariaHasPopup, "aria-label": this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined, "aria-selected": mapStringOrBoolean2String(this.state._ariaSelected), class: clsx('kol-button', {
16613
16637
  'kol-button--disabled': this.state._disabled === true,
16614
16638
  [`kol-button--${this.state._buttonVariant}`]: this.state._buttonVariant !== 'custom',
16615
16639
  [`kol-button--${this.state._linkVariant}`]: this.state._linkVariant,
16616
16640
  'kol-button--hide-label': this.state._hideLabel === true,
16617
16641
  [this.state._customClass]: this.state._buttonVariant === 'custom' && typeof this.state._customClass === 'string' && this.state._customClass.length > 0,
16618
- }), disabled: this.state._disabled, id: this.state._id, name: this.state._name, onClick: this.onClick, onMouseDown: this.onMouseDown, role: this.state._role, tabIndex: this.state._tabIndex, type: this.state._type }, hAsync(KolSpanFc, { key: '24ed20138e32faf6dec0d14af16d5d59f614ca39', class: "kol-button__text", badgeText: badgeText, icons: this.state._icons, hideLabel: this.state._hideLabel, label: hasExpertSlot ? '' : this.state._label }, hAsync("slot", { key: 'a226a7be8ef75dab02e8e111689df45b99cdbf38', name: "expert", slot: "expert" }))), hAsync(KolTooltipWcTag, { key: '4db92711d4a22180be5396921ef8773ed719f7e3', ref: (ref) => (this.tooltipRef = ref), "aria-hidden": "true", hidden: hasExpertSlot || !this.state._hideLabel, class: "kol-button__tooltip", _badgeText: badgeText, _align: this.state._tooltipAlign, _label: typeof this.state._label === 'string' ? this.state._label : '' }), hasAriaDescription && (hAsync("span", { key: 'f242311185e07dda62b486e4fff26dd7a5807a97', class: "visually-hidden", id: this.internalDescriptionById }, this.state._ariaDescription))));
16642
+ }), disabled: this.state._disabled, id: this.state._id, name: this.state._name, onClick: this.onClick, onMouseDown: this.onMouseDown, role: this.state._role, tabIndex: this.state._tabIndex, type: this.state._type }, hAsync(KolSpanFc, { key: '2efcf0481450a17adeff115deb1d5f4dd401d450', class: "kol-button__text", badgeText: badgeText, icons: this.state._icons, hideLabel: this.state._hideLabel, label: hasExpertSlot ? '' : this.state._label }, hAsync("slot", { key: 'c0b27f62c80ac0f5ea5c90033e715e9519776f67', name: "expert", slot: "expert" }))), hAsync(KolTooltipWcTag, { key: '127bacca5614982dcd5ad452230b7be6f273de0d', "aria-hidden": "true", hidden: hasExpertSlot || !this.state._hideLabel, class: "kol-button__tooltip", _badgeText: badgeText, _align: this.state._tooltipAlign, _label: typeof this.state._label === 'string' ? this.state._label : '' }), hasAriaDescription && (hAsync("span", { key: 'a16e0c834c2ffb061402ca75ae5610b26042877c', class: "visually-hidden", id: this.internalDescriptionById }, this.state._ariaDescription))));
16619
16643
  }
16620
16644
  constructor(hostRef) {
16621
16645
  registerInstance(this, hostRef);
16622
16646
  this.internalDescriptionById = nonce();
16647
+ this.catchRef = (ref) => {
16648
+ this.buttonRef = ref;
16649
+ };
16623
16650
  this.onClick = (event) => {
16624
16651
  var _a, _b;
16625
16652
  if (this.state._type === 'submit') {
@@ -16833,8 +16860,7 @@ class KolButtonWc {
16833
16860
  "_value": [8],
16834
16861
  "_buttonVariant": [1, "_button-variant"],
16835
16862
  "state": [32],
16836
- "kolFocus": [64],
16837
- "hideTooltip": [64]
16863
+ "kolFocus": [64]
16838
16864
  },
16839
16865
  "$listeners$": undefined,
16840
16866
  "$lazyBundleId$": "-",
@@ -16845,6 +16871,35 @@ class KolButtonWc {
16845
16871
  const defaultStyleCss$E = "/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n /*\n * Letter spacing is required for all texts.\n */\n letter-spacing: inherit;\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n word-break: break-word;\n /*\n * Word spacing is required for all texts.\n */\n word-spacing: inherit;\n }\n /*\n * All interactive elements should have a minimum size of rem(44).\n */\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n /* option, */\n /* select, */\n /* textarea, */\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 * Some interactive elements should not inherit the font-family and font-size.\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 * All elements should inherit the font family from his parent element.\n */\n font-family: inherit;\n /*\n * All elements should inherit the font size from his parent element.\n */\n font-size: inherit;\n }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\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 * Dieses CSS stellt sicher, dass der Standard-Style\n * von A und Button resettet werden.\n */\n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%;\n /* 100% needed for custom width from outside */\n }\n /*\n * Ensure elements with hidden attribute to be actually not visible\n * @see https://meowni.ca/hidden.is.a.lie.html\n */\n [hidden] {\n display: none !important;\n }\n .badge-text-hint {\n background-color: lightgray;\n color: black;\n }\n}\n@layer kol-global {\n :host {\n font-size: rem(16);\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n .kol-span {\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n display: grid;\n place-items: center;\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n }\n .kol-span__container {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .kol-span .kol-span__label--hide-label .kol-span__label {\n display: none;\n }\n /* Reset browser agent style. */\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,\n [disabled]:focus .kol-span {\n outline: none !important;\n }\n}\n@layer kol-component {\n .kol-tooltip {\n display: contents;\n }\n .kol-tooltip__floating {\n animation-duration: 0.25s;\n animation-iteration-count: 1;\n animation-name: fadeInOpacity;\n animation-timing-function: ease-in;\n display: none;\n position: fixed;\n visibility: hidden;\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n top: 0;\n left: 0;\n max-width: 90vw;\n max-height: 90vh;\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\n width: var(--kol-tooltip-width);\n }\n .kol-tooltip__arrow {\n background-color: #fff;\n color: #000;\n height: calc(10rem / var(--kolibri-root-font-size, 16));\n position: absolute;\n transform: rotate(45deg);\n width: calc(10rem / var(--kolibri-root-font-size, 16));\n z-index: 999;\n }\n .kol-tooltip__content {\n background-color: #fff;\n color: #000;\n position: relative;\n z-index: 1000;\n }\n @keyframes fadeInOpacity {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n }\n}\n@layer kol-component {\n .kol-card {\n height: 100%;\n position: relative;\n /* Visible with forced colors */\n outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-card__close-button {\n position: absolute;\n top: 0;\n right: 0;\n }\n}";
16846
16872
  var KolCardDefaultStyle0 = defaultStyleCss$E;
16847
16873
 
16874
+ class KolCard$1 {
16875
+ constructor(hostRef) {
16876
+ registerInstance(this, hostRef);
16877
+ this._on = undefined;
16878
+ this._hasCloser = false;
16879
+ this._label = undefined;
16880
+ this._level = 0;
16881
+ }
16882
+ render() {
16883
+ return (hAsync(KolCardWcTag, { key: '214de69b88f18259f7ea036d889fd6caab14a346', _on: this._on, _hasCloser: this._hasCloser, _label: this._label, _level: this._level }, hAsync("slot", { key: '671f44467a488eb8dedd4cdb36aaeeb33b6f8aea' })));
16884
+ }
16885
+ static get style() { return {
16886
+ default: KolCardDefaultStyle0
16887
+ }; }
16888
+ static get cmpMeta() { return {
16889
+ "$flags$": 41,
16890
+ "$tagName$": "kol-card",
16891
+ "$members$": {
16892
+ "_on": [16],
16893
+ "_hasCloser": [4, "_has-closer"],
16894
+ "_label": [1],
16895
+ "_level": [2]
16896
+ },
16897
+ "$listeners$": undefined,
16898
+ "$lazyBundleId$": "-",
16899
+ "$attrsToReflect$": []
16900
+ }; }
16901
+ }
16902
+
16848
16903
  class KolCard {
16849
16904
  constructor(hostRef) {
16850
16905
  registerInstance(this, hostRef);
@@ -16870,7 +16925,7 @@ class KolCard {
16870
16925
  };
16871
16926
  }
16872
16927
  render() {
16873
- return (hAsync("div", { key: '9b3f3c20c9f8873638f5b814a0bb975d35c6755f', class: "kol-card" }, hAsync("div", { key: 'c27dd41fa36b132eb59a6f04079ea6f4449ccfa3', class: "kol-card__header" }, hAsync(KolHeadingFc, { key: '2b20ac61c90422eed8000a20fd280e420a3a5baf', class: "kol-card__headline", level: this.state._level }, this.state._label)), hAsync("div", { key: '1603a72a02901b29effa7169aa8e50eb2c99ee05', class: "kol-card__content" }, hAsync("slot", { key: '97db416900df4d84d0d5060d9c0a0bf926c02dd3' })), this.state._hasCloser && (hAsync(KolButtonWcTag, { key: 'b3fd968a5063de19f354be783e37c2674ede03ef', class: "kol-card__close-button", "data-testid": "card-close-button", _hideLabel: true, _icons: {
16928
+ return (hAsync("div", { key: '459b910b39a061357474b7eb1a500bb08efe8b89', class: "kol-card" }, hAsync("div", { key: '564f7fcd86c1aa3d5a4a452b2e2502536706de8b', class: "kol-card__header" }, hAsync(KolHeadingFc, { key: '39f035c5c3ed1a28eaadf699a70ef90dfec6eba6', class: "kol-card__headline", level: this.state._level }, this.state._label)), hAsync("div", { key: '7cbe3a9d08443e2c15484d8e7c1c802c98798c67', class: "kol-card__content" }, hAsync("slot", { key: '09aabe1eec2f48032544bcfe9e563ed927204cd1' })), this.state._hasCloser && (hAsync(KolButtonWcTag, { key: 'f06b010aca26af488a67366493b9aceced466ef9', class: "kol-card__close-button", "data-testid": "card-close-button", _hideLabel: true, _icons: {
16874
16929
  left: {
16875
16930
  icon: 'codicon codicon-close',
16876
16931
  },
@@ -16907,12 +16962,9 @@ class KolCard {
16907
16962
  "_label": ["validateLabel"],
16908
16963
  "_level": ["validateLevel"]
16909
16964
  }; }
16910
- static get style() { return {
16911
- default: KolCardDefaultStyle0
16912
- }; }
16913
16965
  static get cmpMeta() { return {
16914
- "$flags$": 41,
16915
- "$tagName$": "kol-card",
16966
+ "$flags$": 4,
16967
+ "$tagName$": "kol-card-wc",
16916
16968
  "$members$": {
16917
16969
  "_on": [16],
16918
16970
  "_hasCloser": [4, "_has-closer"],
@@ -17465,7 +17517,7 @@ class KolCombobox {
17465
17517
  }, onChange: this.onChange.bind(this), onInput: this.onInput.bind(this), placeholder: this.state._placeholder });
17466
17518
  }
17467
17519
  render() {
17468
- return (hAsync(FormFieldStateWrapper, Object.assign({ key: '7518c6b1ba75658aa9b3101ebfb371ed8ad3409e' }, this.getFormFieldProps()), hAsync(InputContainerStateWrapperFc, { key: 'b8cf517f39abdac1f97a497e7dab07beb6b146c7', state: this.state }, hAsync("div", { key: '3ec383f5f9c883b6bb555811ec8901ff98709a05', class: "kol-combobox__group" }, hAsync(InputStateWrapper, Object.assign({ key: '58838796460e841e2ae6d2a322c9c2409f18653e' }, this.getInputProps())), hAsync(CustomSuggestionsToggleFc, { key: 'b585a1dcb6a8a23b31e2a639f6dfaa8f3286be73', onClick: this.toggleListbox.bind(this), disabled: this.state._disabled })), this._isOpen && !(this.state._disabled === true) && (hAsync(CustomSuggestionsOptionsGroupFc, { key: 'e2e27ed383625650c0349b091d7e766829e3cd4b', blockSuggestionMouseOver: this.blockSuggestionMouseOver, onKeyDown: this.handleKeyDownDropdown.bind(this) }, Array.isArray(this._filteredSuggestions) &&
17520
+ return (hAsync(FormFieldStateWrapper, Object.assign({ key: '44bc85c62caa382896b635dbc743f16d24863644' }, this.getFormFieldProps()), hAsync(InputContainerStateWrapperFc, { key: 'fd4b270034c88219b2f7f7eae2591334906ece02', state: this.state }, hAsync("div", { key: 'd4510edc466749cef9b6291afd9c282c77b88f8f', class: "kol-combobox__group" }, hAsync(InputStateWrapper, Object.assign({ key: 'ddc7d75b247724e081da3b8360238e271110cdca' }, this.getInputProps())), hAsync(CustomSuggestionsToggleFc, { key: '4531ca610c2f04d45072823222cac12c49c3ab74', onClick: this.toggleListbox.bind(this), disabled: this.state._disabled })), this._isOpen && !(this.state._disabled === true) && (hAsync(CustomSuggestionsOptionsGroupFc, { key: 'd995a87095216c4f1cf32b8e6c789dffffcf2572', blockSuggestionMouseOver: this.blockSuggestionMouseOver, onKeyDown: this.handleKeyDownDropdown.bind(this) }, Array.isArray(this._filteredSuggestions) &&
17469
17521
  this._filteredSuggestions.length > 0 &&
17470
17522
  this._filteredSuggestions.map((option, index) => (hAsync(CustomSuggestionsOptionFc, { index: index, option: option, ref: (el) => {
17471
17523
  if (el)
@@ -17850,7 +17902,7 @@ class KolDetails {
17850
17902
  animationClass: `${rootClass}__wrapper-animation`,
17851
17903
  },
17852
17904
  };
17853
- return (hAsync(KolCollapsibleFc, Object.assign({ key: 'bda32e79cfd2848ae618845ab2a20ae8b65ad0a3' }, props), hAsync("slot", { key: '846096375015a456c275333f701a44343a9e167c' })));
17905
+ return (hAsync(KolCollapsibleFc, Object.assign({ key: '66ab4c4a61c0ac220f184174cc77bf5038e0b65c' }, props), hAsync("slot", { key: '121a4d8fd086db1177eccc25b5b6a860741b1917' })));
17854
17906
  }
17855
17907
  validateDisabled(value) {
17856
17908
  validateDisabled(this, value);
@@ -17905,7 +17957,7 @@ class KolDetails {
17905
17957
  }; }
17906
17958
  }
17907
17959
 
17908
- const defaultStyleCss$B = "/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n /*\n * Letter spacing is required for all texts.\n */\n letter-spacing: inherit;\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n word-break: break-word;\n /*\n * Word spacing is required for all texts.\n */\n word-spacing: inherit;\n }\n /*\n * All interactive elements should have a minimum size of rem(44).\n */\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n /* option, */\n /* select, */\n /* textarea, */\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 * Some interactive elements should not inherit the font-family and font-size.\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 * All elements should inherit the font family from his parent element.\n */\n font-family: inherit;\n /*\n * All elements should inherit the font size from his parent element.\n */\n font-size: inherit;\n }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\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 * Dieses CSS stellt sicher, dass der Standard-Style\n * von A und Button resettet werden.\n */\n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%;\n /* 100% needed for custom width from outside */\n }\n /*\n * Ensure elements with hidden attribute to be actually not visible\n * @see https://meowni.ca/hidden.is.a.lie.html\n */\n [hidden] {\n display: none !important;\n }\n .badge-text-hint {\n background-color: lightgray;\n color: black;\n }\n}\n@layer kol-global {\n :host {\n font-size: rem(16);\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n .kol-span {\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n display: grid;\n place-items: center;\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n }\n .kol-span__container {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .kol-span .kol-span__label--hide-label .kol-span__label {\n display: none;\n }\n /* Reset browser agent style. */\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,\n [disabled]:focus .kol-span {\n outline: none !important;\n }\n}\n@layer kol-component {\n .kol-drawer__dialog {\n padding: 0;\n border: none;\n }\n .kol-drawer__wrapper {\n position: fixed;\n width: auto;\n overflow: auto;\n background-color: white;\n }\n .kol-drawer__wrapper--left {\n top: 0;\n left: 0;\n height: 100vh;\n max-height: 100%;\n }\n .kol-drawer__wrapper--left .kol-drawer__content {\n height: 100%;\n }\n .kol-drawer__wrapper--right {\n top: 0;\n right: 0;\n height: 100vh;\n max-height: 100%;\n }\n .kol-drawer__wrapper--right .kol-drawer__content {\n height: 100%;\n }\n .kol-drawer__wrapper--top {\n left: 0;\n top: 0;\n width: 100vw;\n max-width: 100%;\n }\n .kol-drawer__wrapper--top .kol-drawer__content {\n width: 100%;\n }\n .kol-drawer__wrapper--bottom {\n left: 0;\n bottom: 0;\n width: 100vw;\n max-width: 100%;\n }\n .kol-drawer__wrapper--bottom .kol-drawer__content {\n width: 100%;\n }\n .kol-drawer__content {\n position: relative;\n padding: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n}";
17960
+ const defaultStyleCss$B = "/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n :host {\n /*\n * Minimum size of interactive elements.\n */\n --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n /*\n * No element should be used without a background and font color whose contrast ratio has\n * not been checked. By initially setting the background color to white and the font color\n * to black, the contrast ratio is ensured and explicit adjustment is forced.\n */\n background-color: white;\n color: black;\n }\n * {\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n hyphens: auto;\n /*\n * Verdana is an accessible font that can be used without requiring additional loading time.\n */\n font-family: Verdana;\n /*\n * Letter spacing is required for all texts.\n */\n letter-spacing: inherit;\n /*\n * This rule enables the word dividing for all texts. That is important for high zoom levels.\n */\n word-break: break-word;\n /*\n * Word spacing is required for all texts.\n */\n word-spacing: inherit;\n }\n /*\n * All interactive elements should have a minimum size of rem(44).\n */\n /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n /* option, */\n /* select, */\n /* textarea, */\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 * Some interactive elements should not inherit the font-family and font-size.\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 * All elements should inherit the font family from his parent element.\n */\n font-family: inherit;\n /*\n * All elements should inherit the font size from his parent element.\n */\n font-size: inherit;\n }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\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 * Dieses CSS stellt sicher, dass der Standard-Style\n * von A und Button resettet werden.\n */\n :is(a, button) {\n background-color: transparent;\n border: none;\n margin: 0;\n padding: 0;\n width: 100%;\n /* 100% needed for custom width from outside */\n }\n /*\n * Ensure elements with hidden attribute to be actually not visible\n * @see https://meowni.ca/hidden.is.a.lie.html\n */\n [hidden] {\n display: none !important;\n }\n .badge-text-hint {\n background-color: lightgray;\n color: black;\n }\n}\n@layer kol-global {\n :host {\n font-size: rem(16);\n /*\n * The max-width is needed to prevent the table from overflowing the\n * parent node, if the table is wider than the parent node.\n */\n max-width: 100%;\n }\n * {\n /*\n * We prefer to box-sizing: border-box for all elements.\n */\n box-sizing: border-box;\n }\n .kol-span {\n /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n display: grid;\n place-items: center;\n /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n }\n .kol-span__container {\n display: flex;\n place-items: center;\n }\n a,\n button {\n cursor: pointer;\n }\n .kol-span .kol-span__label--hide-label .kol-span__label {\n display: none;\n }\n /* Reset browser agent style. */\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,\n [disabled]:focus .kol-span {\n outline: none !important;\n }\n}\n@layer kol-component {\n .kol-tooltip {\n display: contents;\n }\n .kol-tooltip__floating {\n animation-duration: 0.25s;\n animation-iteration-count: 1;\n animation-name: fadeInOpacity;\n animation-timing-function: ease-in;\n display: none;\n position: fixed;\n visibility: hidden;\n /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n top: 0;\n left: 0;\n max-width: 90vw;\n max-height: 90vh;\n /* Can be used to specify the tooltip-width from the outside. Unset by default. */\n width: var(--kol-tooltip-width);\n }\n .kol-tooltip__arrow {\n background-color: #fff;\n color: #000;\n height: calc(10rem / var(--kolibri-root-font-size, 16));\n position: absolute;\n transform: rotate(45deg);\n width: calc(10rem / var(--kolibri-root-font-size, 16));\n z-index: 999;\n }\n .kol-tooltip__content {\n background-color: #fff;\n color: #000;\n position: relative;\n z-index: 1000;\n }\n @keyframes fadeInOpacity {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n }\n}\n@layer kol-component {\n .kol-card {\n height: 100%;\n position: relative;\n /* Visible with forced colors */\n outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\n }\n .kol-card__close-button {\n position: absolute;\n top: 0;\n right: 0;\n }\n}\n@layer kol-component {\n .kol-drawer__dialog {\n padding: 0;\n border: none;\n }\n .kol-drawer__wrapper {\n position: fixed;\n width: auto;\n overflow: auto;\n }\n .kol-drawer__wrapper--left {\n top: 0;\n left: 0;\n height: 100vh;\n max-height: 100%;\n }\n .kol-drawer__wrapper--left .kol-drawer__content {\n height: 100%;\n }\n .kol-drawer__wrapper--right {\n top: 0;\n right: 0;\n height: 100vh;\n max-height: 100%;\n }\n .kol-drawer__wrapper--right .kol-drawer__content {\n height: 100%;\n }\n .kol-drawer__wrapper--top {\n left: 0;\n top: 0;\n width: 100vw;\n max-width: 100%;\n }\n .kol-drawer__wrapper--top .kol-drawer__content {\n width: 100%;\n }\n .kol-drawer__wrapper--bottom {\n left: 0;\n bottom: 0;\n width: 100vw;\n max-width: 100%;\n }\n .kol-drawer__wrapper--bottom .kol-drawer__content {\n width: 100%;\n }\n .kol-drawer__content {\n position: relative;\n }\n}";
17909
17961
  var KolDrawerDefaultStyle0 = defaultStyleCss$B;
17910
17962
 
17911
17963
  class KolDrawer {
@@ -17920,6 +17972,7 @@ class KolDrawer {
17920
17972
  };
17921
17973
  this._open = undefined;
17922
17974
  this._align = undefined;
17975
+ this._hasCloser = false;
17923
17976
  this._label = undefined;
17924
17977
  this._on = undefined;
17925
17978
  this.state = {
@@ -17945,13 +17998,17 @@ class KolDrawer {
17945
17998
  }
17946
17999
  renderDialogContent() {
17947
18000
  const align = this.state._align;
17948
- return (hAsync("div", { ref: this.getWrapperRef, class: clsx(`kol-drawer__wrapper`, `kol-drawer__wrapper--${align}`, {
18001
+ return (hAsync(KolCardWcTag, { ref: this.getWrapperRef, class: clsx(`kol-drawer__wrapper`, `kol-drawer__wrapper--${align}`, {
17949
18002
  'kol-drawer__wrapper--open': this.state._open,
17950
18003
  'kol-drawer__wrapper--is-closing': this.state._open === false,
17951
- }), "aria-label": this.state._label }, hAsync("div", { class: "kol-drawer__content" }, hAsync("slot", null))));
18004
+ }), _label: this.state._label, _hasCloser: this.state._hasCloser, _on: {
18005
+ onClose: () => {
18006
+ void this.close();
18007
+ },
18008
+ } }, hAsync("div", { class: "kol-drawer__content" }, hAsync("slot", null))));
17952
18009
  }
17953
18010
  render() {
17954
- return (hAsync(Host, { key: '4e33d8dec59c5c93cab94c35812db4fce6bf84c3', class: "kol-drawer" }, hAsync("dialog", { key: '8e5db5cc7ee900ffba6f5cd5dafafbee2dc7636c', class: "kol-drawer__dialog", ref: this.getRef }, this.renderDialogContent())));
18011
+ return (hAsync(Host, { key: '6a688ecbd6f17156a13d429abdfbbbd26aa45878', class: "kol-drawer" }, hAsync("dialog", { key: 'cfbfa7d3eaf54db3915d4941b154c6ac21f99fc8', "aria-label": this.state._label, class: "kol-drawer__dialog", ref: this.getRef }, this.renderDialogContent())));
17955
18012
  }
17956
18013
  validateLabel(value) {
17957
18014
  validateLabel(this, value, {
@@ -17961,6 +18018,9 @@ class KolDrawer {
17961
18018
  validateAlign(value) {
17962
18019
  validateAlign(this, value);
17963
18020
  }
18021
+ validateHasCloser(value) {
18022
+ validateHasCloser(this, value);
18023
+ }
17964
18024
  validateOpen(value) {
17965
18025
  if (typeof value === 'boolean') {
17966
18026
  validateOpen(this, value);
@@ -18020,12 +18080,14 @@ class KolDrawer {
18020
18080
  this.validateLabel(this._label);
18021
18081
  this.validateOpen(this._open);
18022
18082
  this.validateAlign(this._align);
18083
+ this.validateHasCloser(this._hasCloser);
18023
18084
  this.validateOn(this._on);
18024
18085
  }
18025
18086
  get host() { return getElement(this); }
18026
18087
  static get watchers() { return {
18027
18088
  "_label": ["validateLabel"],
18028
18089
  "_align": ["validateAlign"],
18090
+ "_hasCloser": ["validateHasCloser"],
18029
18091
  "_open": ["validateOpen"],
18030
18092
  "_on": ["validateOn"]
18031
18093
  }; }
@@ -18038,6 +18100,7 @@ class KolDrawer {
18038
18100
  "$members$": {
18039
18101
  "_open": [4],
18040
18102
  "_align": [1],
18103
+ "_hasCloser": [4, "_has-closer"],
18041
18104
  "_label": [1],
18042
18105
  "_on": [16],
18043
18106
  "state": [32],
@@ -18098,7 +18161,7 @@ class KolForm {
18098
18161
  }
18099
18162
  render() {
18100
18163
  const hasErrorList = Array.isArray(this._errorList) && this._errorList.length > 0;
18101
- return (hAsync(Host, { key: '3cfeeb7596783c154fadf43a4646dcd74070a920' }, hasErrorList && this.renderErrorList(this._errorList), this.renderFormElement()));
18164
+ return (hAsync(Host, { key: '48650c4c31e4e6f05a85ee46557e8007357c52b6' }, hasErrorList && this.renderErrorList(this._errorList), this.renderFormElement()));
18102
18165
  }
18103
18166
  scrollToErrorList() {
18104
18167
  var _a;
@@ -18191,7 +18254,7 @@ class KolHeading {
18191
18254
  }
18192
18255
  render() {
18193
18256
  const { _secondaryHeadline, _label, _level } = this.state;
18194
- return (hAsync(KolHeadingFc, { key: '4acb20dadb12cf9f57642b5a3f686e48a69b7c3c', secondaryHeadline: _secondaryHeadline, level: _level }, _label, hAsync("slot", { key: '1b27358b50f7dc744d5a9d06321d63218c524e22', name: "expert", slot: "expert" })));
18257
+ return (hAsync(KolHeadingFc, { key: 'bca6f091d8c15ebbd3cd448deb11b8c21253369c', secondaryHeadline: _secondaryHeadline, level: _level }, _label, hAsync("slot", { key: '16c1177a2937b4a31efd828e26fb316f365049a7', name: "expert", slot: "expert" })));
18195
18258
  }
18196
18259
  static get watchers() { return {
18197
18260
  "_label": ["validateLabel"],
@@ -18220,7 +18283,7 @@ const bem = s();
18220
18283
  const BEM_CLASS_ICON = bem('kol-icon');
18221
18284
  const BEM_CLASS_ICON__ICON = bem('kol-icon', 'icon');
18222
18285
 
18223
- const defaultStyleCss$y = "/*---------------------------------------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT License. See License.txt in the project root for license information.\n *--------------------------------------------------------------------------------------------*/\n@font-face {\n font-family: \"codicon\";\n font-display: block;\n src: url(\"./codicon.ttf?be64b7213e352cd7f91ef58198e71237\") format(\"truetype\");\n}\n.codicon[class*=codicon-] {\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 * Modifiers\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 {\n /* Use steps to throttle FPS to reduce CPU usage */\n animation: codicon-spin 1.5s steps(30) infinite;\n}\n\n.codicon-modifier-disabled {\n opacity: 0.5;\n}\n\n.codicon-modifier-hidden {\n opacity: 0;\n}\n\n/* custom speed & easing for loading icon */\n.codicon-loading {\n animation-duration: 1s !important;\n animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67) !important;\n}\n\n/*---------------------\n * Icons\n *-------------------*/\n.codicon-add:before {\n content: \"\\ea60\";\n}\n\n.codicon-plus:before {\n content: \"\\ea60\";\n}\n\n.codicon-gist-new:before {\n content: \"\\ea60\";\n}\n\n.codicon-repo-create:before {\n content: \"\\ea60\";\n}\n\n.codicon-lightbulb:before {\n content: \"\\ea61\";\n}\n\n.codicon-light-bulb:before {\n content: \"\\ea61\";\n}\n\n.codicon-repo:before {\n content: \"\\ea62\";\n}\n\n.codicon-repo-delete:before {\n content: \"\\ea62\";\n}\n\n.codicon-gist-fork:before {\n content: \"\\ea63\";\n}\n\n.codicon-repo-forked:before {\n content: \"\\ea63\";\n}\n\n.codicon-git-pull-request:before {\n content: \"\\ea64\";\n}\n\n.codicon-git-pull-request-abandoned:before {\n content: \"\\ea64\";\n}\n\n.codicon-record-keys:before {\n content: \"\\ea65\";\n}\n\n.codicon-keyboard:before {\n content: \"\\ea65\";\n}\n\n.codicon-tag:before {\n content: \"\\ea66\";\n}\n\n.codicon-git-pull-request-label:before {\n content: \"\\ea66\";\n}\n\n.codicon-tag-add:before {\n content: \"\\ea66\";\n}\n\n.codicon-tag-remove:before {\n content: \"\\ea66\";\n}\n\n.codicon-person:before {\n content: \"\\ea67\";\n}\n\n.codicon-person-follow:before {\n content: \"\\ea67\";\n}\n\n.codicon-person-outline:before {\n content: \"\\ea67\";\n}\n\n.codicon-person-filled:before {\n content: \"\\ea67\";\n}\n\n.codicon-git-branch:before {\n content: \"\\ea68\";\n}\n\n.codicon-git-branch-create:before {\n content: \"\\ea68\";\n}\n\n.codicon-git-branch-delete:before {\n content: \"\\ea68\";\n}\n\n.codicon-source-control:before {\n content: \"\\ea68\";\n}\n\n.codicon-mirror:before {\n content: \"\\ea69\";\n}\n\n.codicon-mirror-public:before {\n content: \"\\ea69\";\n}\n\n.codicon-star:before {\n content: \"\\ea6a\";\n}\n\n.codicon-star-add:before {\n content: \"\\ea6a\";\n}\n\n.codicon-star-delete:before {\n content: \"\\ea6a\";\n}\n\n.codicon-star-empty:before {\n content: \"\\ea6a\";\n}\n\n.codicon-comment:before {\n content: \"\\ea6b\";\n}\n\n.codicon-comment-add:before {\n content: \"\\ea6b\";\n}\n\n.codicon-alert:before {\n content: \"\\ea6c\";\n}\n\n.codicon-warning:before {\n content: \"\\ea6c\";\n}\n\n.codicon-search:before {\n content: \"\\ea6d\";\n}\n\n.codicon-search-save:before {\n content: \"\\ea6d\";\n}\n\n.codicon-log-out:before {\n content: \"\\ea6e\";\n}\n\n.codicon-sign-out:before {\n content: \"\\ea6e\";\n}\n\n.codicon-log-in:before {\n content: \"\\ea6f\";\n}\n\n.codicon-sign-in:before {\n content: \"\\ea6f\";\n}\n\n.codicon-eye:before {\n content: \"\\ea70\";\n}\n\n.codicon-eye-unwatch:before {\n content: \"\\ea70\";\n}\n\n.codicon-eye-watch:before {\n content: \"\\ea70\";\n}\n\n.codicon-circle-filled:before {\n content: \"\\ea71\";\n}\n\n.codicon-primitive-dot:before {\n content: \"\\ea71\";\n}\n\n.codicon-close-dirty:before {\n content: \"\\ea71\";\n}\n\n.codicon-debug-breakpoint:before {\n content: \"\\ea71\";\n}\n\n.codicon-debug-breakpoint-disabled:before {\n content: \"\\ea71\";\n}\n\n.codicon-debug-hint:before {\n content: \"\\ea71\";\n}\n\n.codicon-terminal-decoration-success:before {\n content: \"\\ea71\";\n}\n\n.codicon-primitive-square:before {\n content: \"\\ea72\";\n}\n\n.codicon-edit:before {\n content: \"\\ea73\";\n}\n\n.codicon-pencil:before {\n content: \"\\ea73\";\n}\n\n.codicon-info:before {\n content: \"\\ea74\";\n}\n\n.codicon-issue-opened:before {\n content: \"\\ea74\";\n}\n\n.codicon-gist-private:before {\n content: \"\\ea75\";\n}\n\n.codicon-git-fork-private:before {\n content: \"\\ea75\";\n}\n\n.codicon-lock:before {\n content: \"\\ea75\";\n}\n\n.codicon-mirror-private:before {\n content: \"\\ea75\";\n}\n\n.codicon-close:before {\n content: \"\\ea76\";\n}\n\n.codicon-remove-close:before {\n content: \"\\ea76\";\n}\n\n.codicon-x:before {\n content: \"\\ea76\";\n}\n\n.codicon-repo-sync:before {\n content: \"\\ea77\";\n}\n\n.codicon-sync:before {\n content: \"\\ea77\";\n}\n\n.codicon-clone:before {\n content: \"\\ea78\";\n}\n\n.codicon-desktop-download:before {\n content: \"\\ea78\";\n}\n\n.codicon-beaker:before {\n content: \"\\ea79\";\n}\n\n.codicon-microscope:before {\n content: \"\\ea79\";\n}\n\n.codicon-vm:before {\n content: \"\\ea7a\";\n}\n\n.codicon-device-desktop:before {\n content: \"\\ea7a\";\n}\n\n.codicon-file:before {\n content: \"\\ea7b\";\n}\n\n.codicon-file-text:before {\n content: \"\\ea7b\";\n}\n\n.codicon-more:before {\n content: \"\\ea7c\";\n}\n\n.codicon-ellipsis:before {\n content: \"\\ea7c\";\n}\n\n.codicon-kebab-horizontal:before {\n content: \"\\ea7c\";\n}\n\n.codicon-mail-reply:before {\n content: \"\\ea7d\";\n}\n\n.codicon-reply:before {\n content: \"\\ea7d\";\n}\n\n.codicon-organization:before {\n content: \"\\ea7e\";\n}\n\n.codicon-organization-filled:before {\n content: \"\\ea7e\";\n}\n\n.codicon-organization-outline:before {\n content: \"\\ea7e\";\n}\n\n.codicon-new-file:before {\n content: \"\\ea7f\";\n}\n\n.codicon-file-add:before {\n content: \"\\ea7f\";\n}\n\n.codicon-new-folder:before {\n content: \"\\ea80\";\n}\n\n.codicon-file-directory-create:before {\n content: \"\\ea80\";\n}\n\n.codicon-trash:before {\n content: \"\\ea81\";\n}\n\n.codicon-trashcan:before {\n content: \"\\ea81\";\n}\n\n.codicon-history:before {\n content: \"\\ea82\";\n}\n\n.codicon-clock:before {\n content: \"\\ea82\";\n}\n\n.codicon-folder:before {\n content: \"\\ea83\";\n}\n\n.codicon-file-directory:before {\n content: \"\\ea83\";\n}\n\n.codicon-symbol-folder:before {\n content: \"\\ea83\";\n}\n\n.codicon-logo-github:before {\n content: \"\\ea84\";\n}\n\n.codicon-mark-github:before {\n content: \"\\ea84\";\n}\n\n.codicon-github:before {\n content: \"\\ea84\";\n}\n\n.codicon-terminal:before {\n content: \"\\ea85\";\n}\n\n.codicon-console:before {\n content: \"\\ea85\";\n}\n\n.codicon-repl:before {\n content: \"\\ea85\";\n}\n\n.codicon-zap:before {\n content: \"\\ea86\";\n}\n\n.codicon-symbol-event:before {\n content: \"\\ea86\";\n}\n\n.codicon-error:before {\n content: \"\\ea87\";\n}\n\n.codicon-stop:before {\n content: \"\\ea87\";\n}\n\n.codicon-variable:before {\n content: \"\\ea88\";\n}\n\n.codicon-symbol-variable:before {\n content: \"\\ea88\";\n}\n\n.codicon-array:before {\n content: \"\\ea8a\";\n}\n\n.codicon-symbol-array:before {\n content: \"\\ea8a\";\n}\n\n.codicon-symbol-module:before {\n content: \"\\ea8b\";\n}\n\n.codicon-symbol-package:before {\n content: \"\\ea8b\";\n}\n\n.codicon-symbol-namespace:before {\n content: \"\\ea8b\";\n}\n\n.codicon-symbol-object:before {\n content: \"\\ea8b\";\n}\n\n.codicon-symbol-method:before {\n content: \"\\ea8c\";\n}\n\n.codicon-symbol-function:before {\n content: \"\\ea8c\";\n}\n\n.codicon-symbol-constructor:before {\n content: \"\\ea8c\";\n}\n\n.codicon-symbol-boolean:before {\n content: \"\\ea8f\";\n}\n\n.codicon-symbol-null:before {\n content: \"\\ea8f\";\n}\n\n.codicon-symbol-numeric:before {\n content: \"\\ea90\";\n}\n\n.codicon-symbol-number:before {\n content: \"\\ea90\";\n}\n\n.codicon-symbol-structure:before {\n content: \"\\ea91\";\n}\n\n.codicon-symbol-struct:before {\n content: \"\\ea91\";\n}\n\n.codicon-symbol-parameter:before {\n content: \"\\ea92\";\n}\n\n.codicon-symbol-type-parameter:before {\n content: \"\\ea92\";\n}\n\n.codicon-symbol-key:before {\n content: \"\\ea93\";\n}\n\n.codicon-symbol-text:before {\n content: \"\\ea93\";\n}\n\n.codicon-symbol-reference:before {\n content: \"\\ea94\";\n}\n\n.codicon-go-to-file:before {\n content: \"\\ea94\";\n}\n\n.codicon-symbol-enum:before {\n content: \"\\ea95\";\n}\n\n.codicon-symbol-value:before {\n content: \"\\ea95\";\n}\n\n.codicon-symbol-ruler:before {\n content: \"\\ea96\";\n}\n\n.codicon-symbol-unit:before {\n content: \"\\ea96\";\n}\n\n.codicon-activate-breakpoints:before {\n content: \"\\ea97\";\n}\n\n.codicon-archive:before {\n content: \"\\ea98\";\n}\n\n.codicon-arrow-both:before {\n content: \"\\ea99\";\n}\n\n.codicon-arrow-down:before {\n content: \"\\ea9a\";\n}\n\n.codicon-arrow-left:before {\n content: \"\\ea9b\";\n}\n\n.codicon-arrow-right:before {\n content: \"\\ea9c\";\n}\n\n.codicon-arrow-small-down:before {\n content: \"\\ea9d\";\n}\n\n.codicon-arrow-small-left:before {\n content: \"\\ea9e\";\n}\n\n.codicon-arrow-small-right:before {\n content: \"\\ea9f\";\n}\n\n.codicon-arrow-small-up:before {\n content: \"\\eaa0\";\n}\n\n.codicon-arrow-up:before {\n content: \"\\eaa1\";\n}\n\n.codicon-bell:before {\n content: \"\\eaa2\";\n}\n\n.codicon-bold:before {\n content: \"\\eaa3\";\n}\n\n.codicon-book:before {\n content: \"\\eaa4\";\n}\n\n.codicon-bookmark:before {\n content: \"\\eaa5\";\n}\n\n.codicon-debug-breakpoint-conditional-unverified:before {\n content: \"\\eaa6\";\n}\n\n.codicon-debug-breakpoint-conditional:before {\n content: \"\\eaa7\";\n}\n\n.codicon-debug-breakpoint-conditional-disabled:before {\n content: \"\\eaa7\";\n}\n\n.codicon-debug-breakpoint-data-unverified:before {\n content: \"\\eaa8\";\n}\n\n.codicon-debug-breakpoint-data:before {\n content: \"\\eaa9\";\n}\n\n.codicon-debug-breakpoint-data-disabled:before {\n content: \"\\eaa9\";\n}\n\n.codicon-debug-breakpoint-log-unverified:before {\n content: \"\\eaaa\";\n}\n\n.codicon-debug-breakpoint-log:before {\n content: \"\\eaab\";\n}\n\n.codicon-debug-breakpoint-log-disabled:before {\n content: \"\\eaab\";\n}\n\n.codicon-briefcase:before {\n content: \"\\eaac\";\n}\n\n.codicon-broadcast:before {\n content: \"\\eaad\";\n}\n\n.codicon-browser:before {\n content: \"\\eaae\";\n}\n\n.codicon-bug:before {\n content: \"\\eaaf\";\n}\n\n.codicon-calendar:before {\n content: \"\\eab0\";\n}\n\n.codicon-case-sensitive:before {\n content: \"\\eab1\";\n}\n\n.codicon-check:before {\n content: \"\\eab2\";\n}\n\n.codicon-checklist:before {\n content: \"\\eab3\";\n}\n\n.codicon-chevron-down:before {\n content: \"\\eab4\";\n}\n\n.codicon-chevron-left:before {\n content: \"\\eab5\";\n}\n\n.codicon-chevron-right:before {\n content: \"\\eab6\";\n}\n\n.codicon-chevron-up:before {\n content: \"\\eab7\";\n}\n\n.codicon-chrome-close:before {\n content: \"\\eab8\";\n}\n\n.codicon-chrome-maximize:before {\n content: \"\\eab9\";\n}\n\n.codicon-chrome-minimize:before {\n content: \"\\eaba\";\n}\n\n.codicon-chrome-restore:before {\n content: \"\\eabb\";\n}\n\n.codicon-circle-outline:before {\n content: \"\\eabc\";\n}\n\n.codicon-circle:before {\n content: \"\\eabc\";\n}\n\n.codicon-debug-breakpoint-unverified:before {\n content: \"\\eabc\";\n}\n\n.codicon-terminal-decoration-incomplete:before {\n content: \"\\eabc\";\n}\n\n.codicon-circle-slash:before {\n content: \"\\eabd\";\n}\n\n.codicon-circuit-board:before {\n content: \"\\eabe\";\n}\n\n.codicon-clear-all:before {\n content: \"\\eabf\";\n}\n\n.codicon-clippy:before {\n content: \"\\eac0\";\n}\n\n.codicon-close-all:before {\n content: \"\\eac1\";\n}\n\n.codicon-cloud-download:before {\n content: \"\\eac2\";\n}\n\n.codicon-cloud-upload:before {\n content: \"\\eac3\";\n}\n\n.codicon-code:before {\n content: \"\\eac4\";\n}\n\n.codicon-collapse-all:before {\n content: \"\\eac5\";\n}\n\n.codicon-color-mode:before {\n content: \"\\eac6\";\n}\n\n.codicon-comment-discussion:before {\n content: \"\\eac7\";\n}\n\n.codicon-credit-card:before {\n content: \"\\eac9\";\n}\n\n.codicon-dash:before {\n content: \"\\eacc\";\n}\n\n.codicon-dashboard:before {\n content: \"\\eacd\";\n}\n\n.codicon-database:before {\n content: \"\\eace\";\n}\n\n.codicon-debug-continue:before {\n content: \"\\eacf\";\n}\n\n.codicon-debug-disconnect:before {\n content: \"\\ead0\";\n}\n\n.codicon-debug-pause:before {\n content: \"\\ead1\";\n}\n\n.codicon-debug-restart:before {\n content: \"\\ead2\";\n}\n\n.codicon-debug-start:before {\n content: \"\\ead3\";\n}\n\n.codicon-debug-step-into:before {\n content: \"\\ead4\";\n}\n\n.codicon-debug-step-out:before {\n content: \"\\ead5\";\n}\n\n.codicon-debug-step-over:before {\n content: \"\\ead6\";\n}\n\n.codicon-debug-stop:before {\n content: \"\\ead7\";\n}\n\n.codicon-debug:before {\n content: \"\\ead8\";\n}\n\n.codicon-device-camera-video:before {\n content: \"\\ead9\";\n}\n\n.codicon-device-camera:before {\n content: \"\\eada\";\n}\n\n.codicon-device-mobile:before {\n content: \"\\eadb\";\n}\n\n.codicon-diff-added:before {\n content: \"\\eadc\";\n}\n\n.codicon-diff-ignored:before {\n content: \"\\eadd\";\n}\n\n.codicon-diff-modified:before {\n content: \"\\eade\";\n}\n\n.codicon-diff-removed:before {\n content: \"\\eadf\";\n}\n\n.codicon-diff-renamed:before {\n content: \"\\eae0\";\n}\n\n.codicon-diff:before {\n content: \"\\eae1\";\n}\n\n.codicon-diff-sidebyside:before {\n content: \"\\eae1\";\n}\n\n.codicon-discard:before {\n content: \"\\eae2\";\n}\n\n.codicon-editor-layout:before {\n content: \"\\eae3\";\n}\n\n.codicon-empty-window:before {\n content: \"\\eae4\";\n}\n\n.codicon-exclude:before {\n content: \"\\eae5\";\n}\n\n.codicon-extensions:before {\n content: \"\\eae6\";\n}\n\n.codicon-eye-closed:before {\n content: \"\\eae7\";\n}\n\n.codicon-file-binary:before {\n content: \"\\eae8\";\n}\n\n.codicon-file-code:before {\n content: \"\\eae9\";\n}\n\n.codicon-file-media:before {\n content: \"\\eaea\";\n}\n\n.codicon-file-pdf:before {\n content: \"\\eaeb\";\n}\n\n.codicon-file-submodule:before {\n content: \"\\eaec\";\n}\n\n.codicon-file-symlink-directory:before {\n content: \"\\eaed\";\n}\n\n.codicon-file-symlink-file:before {\n content: \"\\eaee\";\n}\n\n.codicon-file-zip:before {\n content: \"\\eaef\";\n}\n\n.codicon-files:before {\n content: \"\\eaf0\";\n}\n\n.codicon-filter:before {\n content: \"\\eaf1\";\n}\n\n.codicon-flame:before {\n content: \"\\eaf2\";\n}\n\n.codicon-fold-down:before {\n content: \"\\eaf3\";\n}\n\n.codicon-fold-up:before {\n content: \"\\eaf4\";\n}\n\n.codicon-fold:before {\n content: \"\\eaf5\";\n}\n\n.codicon-folder-active:before {\n content: \"\\eaf6\";\n}\n\n.codicon-folder-opened:before {\n content: \"\\eaf7\";\n}\n\n.codicon-gear:before {\n content: \"\\eaf8\";\n}\n\n.codicon-gift:before {\n content: \"\\eaf9\";\n}\n\n.codicon-gist-secret:before {\n content: \"\\eafa\";\n}\n\n.codicon-gist:before {\n content: \"\\eafb\";\n}\n\n.codicon-git-commit:before {\n content: \"\\eafc\";\n}\n\n.codicon-git-compare:before {\n content: \"\\eafd\";\n}\n\n.codicon-compare-changes:before {\n content: \"\\eafd\";\n}\n\n.codicon-git-merge:before {\n content: \"\\eafe\";\n}\n\n.codicon-github-action:before {\n content: \"\\eaff\";\n}\n\n.codicon-github-alt:before {\n content: \"\\eb00\";\n}\n\n.codicon-globe:before {\n content: \"\\eb01\";\n}\n\n.codicon-grabber:before {\n content: \"\\eb02\";\n}\n\n.codicon-graph:before {\n content: \"\\eb03\";\n}\n\n.codicon-gripper:before {\n content: \"\\eb04\";\n}\n\n.codicon-heart:before {\n content: \"\\eb05\";\n}\n\n.codicon-home:before {\n content: \"\\eb06\";\n}\n\n.codicon-horizontal-rule:before {\n content: \"\\eb07\";\n}\n\n.codicon-hubot:before {\n content: \"\\eb08\";\n}\n\n.codicon-inbox:before {\n content: \"\\eb09\";\n}\n\n.codicon-issue-reopened:before {\n content: \"\\eb0b\";\n}\n\n.codicon-issues:before {\n content: \"\\eb0c\";\n}\n\n.codicon-italic:before {\n content: \"\\eb0d\";\n}\n\n.codicon-jersey:before {\n content: \"\\eb0e\";\n}\n\n.codicon-json:before {\n content: \"\\eb0f\";\n}\n\n.codicon-kebab-vertical:before {\n content: \"\\eb10\";\n}\n\n.codicon-key:before {\n content: \"\\eb11\";\n}\n\n.codicon-law:before {\n content: \"\\eb12\";\n}\n\n.codicon-lightbulb-autofix:before {\n content: \"\\eb13\";\n}\n\n.codicon-link-external:before {\n content: \"\\eb14\";\n}\n\n.codicon-link:before {\n content: \"\\eb15\";\n}\n\n.codicon-list-ordered:before {\n content: \"\\eb16\";\n}\n\n.codicon-list-unordered:before {\n content: \"\\eb17\";\n}\n\n.codicon-live-share:before {\n content: \"\\eb18\";\n}\n\n.codicon-loading:before {\n content: \"\\eb19\";\n}\n\n.codicon-location:before {\n content: \"\\eb1a\";\n}\n\n.codicon-mail-read:before {\n content: \"\\eb1b\";\n}\n\n.codicon-mail:before {\n content: \"\\eb1c\";\n}\n\n.codicon-markdown:before {\n content: \"\\eb1d\";\n}\n\n.codicon-megaphone:before {\n content: \"\\eb1e\";\n}\n\n.codicon-mention:before {\n content: \"\\eb1f\";\n}\n\n.codicon-milestone:before {\n content: \"\\eb20\";\n}\n\n.codicon-git-pull-request-milestone:before {\n content: \"\\eb20\";\n}\n\n.codicon-mortar-board:before {\n content: \"\\eb21\";\n}\n\n.codicon-move:before {\n content: \"\\eb22\";\n}\n\n.codicon-multiple-windows:before {\n content: \"\\eb23\";\n}\n\n.codicon-mute:before {\n content: \"\\eb24\";\n}\n\n.codicon-no-newline:before {\n content: \"\\eb25\";\n}\n\n.codicon-note:before {\n content: \"\\eb26\";\n}\n\n.codicon-octoface:before {\n content: \"\\eb27\";\n}\n\n.codicon-open-preview:before {\n content: \"\\eb28\";\n}\n\n.codicon-package:before {\n content: \"\\eb29\";\n}\n\n.codicon-paintcan:before {\n content: \"\\eb2a\";\n}\n\n.codicon-pin:before {\n content: \"\\eb2b\";\n}\n\n.codicon-play:before {\n content: \"\\eb2c\";\n}\n\n.codicon-run:before {\n content: \"\\eb2c\";\n}\n\n.codicon-plug:before {\n content: \"\\eb2d\";\n}\n\n.codicon-preserve-case:before {\n content: \"\\eb2e\";\n}\n\n.codicon-preview:before {\n content: \"\\eb2f\";\n}\n\n.codicon-project:before {\n content: \"\\eb30\";\n}\n\n.codicon-pulse:before {\n content: \"\\eb31\";\n}\n\n.codicon-question:before {\n content: \"\\eb32\";\n}\n\n.codicon-quote:before {\n content: \"\\eb33\";\n}\n\n.codicon-radio-tower:before {\n content: \"\\eb34\";\n}\n\n.codicon-reactions:before {\n content: \"\\eb35\";\n}\n\n.codicon-references:before {\n content: \"\\eb36\";\n}\n\n.codicon-refresh:before {\n content: \"\\eb37\";\n}\n\n.codicon-regex:before {\n content: \"\\eb38\";\n}\n\n.codicon-remote-explorer:before {\n content: \"\\eb39\";\n}\n\n.codicon-remote:before {\n content: \"\\eb3a\";\n}\n\n.codicon-remove:before {\n content: \"\\eb3b\";\n}\n\n.codicon-replace-all:before {\n content: \"\\eb3c\";\n}\n\n.codicon-replace:before {\n content: \"\\eb3d\";\n}\n\n.codicon-repo-clone:before {\n content: \"\\eb3e\";\n}\n\n.codicon-repo-force-push:before {\n content: \"\\eb3f\";\n}\n\n.codicon-repo-pull:before {\n content: \"\\eb40\";\n}\n\n.codicon-repo-push:before {\n content: \"\\eb41\";\n}\n\n.codicon-report:before {\n content: \"\\eb42\";\n}\n\n.codicon-request-changes:before {\n content: \"\\eb43\";\n}\n\n.codicon-rocket:before {\n content: \"\\eb44\";\n}\n\n.codicon-root-folder-opened:before {\n content: \"\\eb45\";\n}\n\n.codicon-root-folder:before {\n content: \"\\eb46\";\n}\n\n.codicon-rss:before {\n content: \"\\eb47\";\n}\n\n.codicon-ruby:before {\n content: \"\\eb48\";\n}\n\n.codicon-save-all:before {\n content: \"\\eb49\";\n}\n\n.codicon-save-as:before {\n content: \"\\eb4a\";\n}\n\n.codicon-save:before {\n content: \"\\eb4b\";\n}\n\n.codicon-screen-full:before {\n content: \"\\eb4c\";\n}\n\n.codicon-screen-normal:before {\n content: \"\\eb4d\";\n}\n\n.codicon-search-stop:before {\n content: \"\\eb4e\";\n}\n\n.codicon-server:before {\n content: \"\\eb50\";\n}\n\n.codicon-settings-gear:before {\n content: \"\\eb51\";\n}\n\n.codicon-settings:before {\n content: \"\\eb52\";\n}\n\n.codicon-shield:before {\n content: \"\\eb53\";\n}\n\n.codicon-smiley:before {\n content: \"\\eb54\";\n}\n\n.codicon-sort-precedence:before {\n content: \"\\eb55\";\n}\n\n.codicon-split-horizontal:before {\n content: \"\\eb56\";\n}\n\n.codicon-split-vertical:before {\n content: \"\\eb57\";\n}\n\n.codicon-squirrel:before {\n content: \"\\eb58\";\n}\n\n.codicon-star-full:before {\n content: \"\\eb59\";\n}\n\n.codicon-star-half:before {\n content: \"\\eb5a\";\n}\n\n.codicon-symbol-class:before {\n content: \"\\eb5b\";\n}\n\n.codicon-symbol-color:before {\n content: \"\\eb5c\";\n}\n\n.codicon-symbol-constant:before {\n content: \"\\eb5d\";\n}\n\n.codicon-symbol-enum-member:before {\n content: \"\\eb5e\";\n}\n\n.codicon-symbol-field:before {\n content: \"\\eb5f\";\n}\n\n.codicon-symbol-file:before {\n content: \"\\eb60\";\n}\n\n.codicon-symbol-interface:before {\n content: \"\\eb61\";\n}\n\n.codicon-symbol-keyword:before {\n content: \"\\eb62\";\n}\n\n.codicon-symbol-misc:before {\n content: \"\\eb63\";\n}\n\n.codicon-symbol-operator:before {\n content: \"\\eb64\";\n}\n\n.codicon-symbol-property:before {\n content: \"\\eb65\";\n}\n\n.codicon-wrench:before {\n content: \"\\eb65\";\n}\n\n.codicon-wrench-subaction:before {\n content: \"\\eb65\";\n}\n\n.codicon-symbol-snippet:before {\n content: \"\\eb66\";\n}\n\n.codicon-tasklist:before {\n content: \"\\eb67\";\n}\n\n.codicon-telescope:before {\n content: \"\\eb68\";\n}\n\n.codicon-text-size:before {\n content: \"\\eb69\";\n}\n\n.codicon-three-bars:before {\n content: \"\\eb6a\";\n}\n\n.codicon-thumbsdown:before {\n content: \"\\eb6b\";\n}\n\n.codicon-thumbsup:before {\n content: \"\\eb6c\";\n}\n\n.codicon-tools:before {\n content: \"\\eb6d\";\n}\n\n.codicon-triangle-down:before {\n content: \"\\eb6e\";\n}\n\n.codicon-triangle-left:before {\n content: \"\\eb6f\";\n}\n\n.codicon-triangle-right:before {\n content: \"\\eb70\";\n}\n\n.codicon-triangle-up:before {\n content: \"\\eb71\";\n}\n\n.codicon-twitter:before {\n content: \"\\eb72\";\n}\n\n.codicon-unfold:before {\n content: \"\\eb73\";\n}\n\n.codicon-unlock:before {\n content: \"\\eb74\";\n}\n\n.codicon-unmute:before {\n content: \"\\eb75\";\n}\n\n.codicon-unverified:before {\n content: \"\\eb76\";\n}\n\n.codicon-verified:before {\n content: \"\\eb77\";\n}\n\n.codicon-versions:before {\n content: \"\\eb78\";\n}\n\n.codicon-vm-active:before {\n content: \"\\eb79\";\n}\n\n.codicon-vm-outline:before {\n content: \"\\eb7a\";\n}\n\n.codicon-vm-running:before {\n content: \"\\eb7b\";\n}\n\n.codicon-watch:before {\n content: \"\\eb7c\";\n}\n\n.codicon-whitespace:before {\n content: \"\\eb7d\";\n}\n\n.codicon-whole-word:before {\n content: \"\\eb7e\";\n}\n\n.codicon-window:before {\n content: \"\\eb7f\";\n}\n\n.codicon-word-wrap:before {\n content: \"\\eb80\";\n}\n\n.codicon-zoom-in:before {\n content: \"\\eb81\";\n}\n\n.codicon-zoom-out:before {\n content: \"\\eb82\";\n}\n\n.codicon-list-filter:before {\n content: \"\\eb83\";\n}\n\n.codicon-list-flat:before {\n content: \"\\eb84\";\n}\n\n.codicon-list-selection:before {\n content: \"\\eb85\";\n}\n\n.codicon-selection:before {\n content: \"\\eb85\";\n}\n\n.codicon-list-tree:before {\n content: \"\\eb86\";\n}\n\n.codicon-debug-breakpoint-function-unverified:before {\n content: \"\\eb87\";\n}\n\n.codicon-debug-breakpoint-function:before {\n content: \"\\eb88\";\n}\n\n.codicon-debug-breakpoint-function-disabled:before {\n content: \"\\eb88\";\n}\n\n.codicon-debug-stackframe-active:before {\n content: \"\\eb89\";\n}\n\n.codicon-circle-small-filled:before {\n content: \"\\eb8a\";\n}\n\n.codicon-debug-stackframe-dot:before {\n content: \"\\eb8a\";\n}\n\n.codicon-terminal-decoration-mark:before {\n content: \"\\eb8a\";\n}\n\n.codicon-debug-stackframe:before {\n content: \"\\eb8b\";\n}\n\n.codicon-debug-stackframe-focused:before {\n content: \"\\eb8b\";\n}\n\n.codicon-debug-breakpoint-unsupported:before {\n content: \"\\eb8c\";\n}\n\n.codicon-symbol-string:before {\n content: \"\\eb8d\";\n}\n\n.codicon-debug-reverse-continue:before {\n content: \"\\eb8e\";\n}\n\n.codicon-debug-step-back:before {\n content: \"\\eb8f\";\n}\n\n.codicon-debug-restart-frame:before {\n content: \"\\eb90\";\n}\n\n.codicon-debug-alt:before {\n content: \"\\eb91\";\n}\n\n.codicon-call-incoming:before {\n content: \"\\eb92\";\n}\n\n.codicon-call-outgoing:before {\n content: \"\\eb93\";\n}\n\n.codicon-menu:before {\n content: \"\\eb94\";\n}\n\n.codicon-expand-all:before {\n content: \"\\eb95\";\n}\n\n.codicon-feedback:before {\n content: \"\\eb96\";\n}\n\n.codicon-git-pull-request-reviewer:before {\n content: \"\\eb96\";\n}\n\n.codicon-group-by-ref-type:before {\n content: \"\\eb97\";\n}\n\n.codicon-ungroup-by-ref-type:before {\n content: \"\\eb98\";\n}\n\n.codicon-account:before {\n content: \"\\eb99\";\n}\n\n.codicon-git-pull-request-assignee:before {\n content: \"\\eb99\";\n}\n\n.codicon-bell-dot:before {\n content: \"\\eb9a\";\n}\n\n.codicon-debug-console:before {\n content: \"\\eb9b\";\n}\n\n.codicon-library:before {\n content: \"\\eb9c\";\n}\n\n.codicon-output:before {\n content: \"\\eb9d\";\n}\n\n.codicon-run-all:before {\n content: \"\\eb9e\";\n}\n\n.codicon-sync-ignored:before {\n content: \"\\eb9f\";\n}\n\n.codicon-pinned:before {\n content: \"\\eba0\";\n}\n\n.codicon-github-inverted:before {\n content: \"\\eba1\";\n}\n\n.codicon-server-process:before {\n content: \"\\eba2\";\n}\n\n.codicon-server-environment:before {\n content: \"\\eba3\";\n}\n\n.codicon-pass:before {\n content: \"\\eba4\";\n}\n\n.codicon-issue-closed:before {\n content: \"\\eba4\";\n}\n\n.codicon-stop-circle:before {\n content: \"\\eba5\";\n}\n\n.codicon-play-circle:before {\n content: \"\\eba6\";\n}\n\n.codicon-record:before {\n content: \"\\eba7\";\n}\n\n.codicon-debug-alt-small:before {\n content: \"\\eba8\";\n}\n\n.codicon-vm-connect:before {\n content: \"\\eba9\";\n}\n\n.codicon-cloud:before {\n content: \"\\ebaa\";\n}\n\n.codicon-merge:before {\n content: \"\\ebab\";\n}\n\n.codicon-export:before {\n content: \"\\ebac\";\n}\n\n.codicon-graph-left:before {\n content: \"\\ebad\";\n}\n\n.codicon-magnet:before {\n content: \"\\ebae\";\n}\n\n.codicon-notebook:before {\n content: \"\\ebaf\";\n}\n\n.codicon-redo:before {\n content: \"\\ebb0\";\n}\n\n.codicon-check-all:before {\n content: \"\\ebb1\";\n}\n\n.codicon-pinned-dirty:before {\n content: \"\\ebb2\";\n}\n\n.codicon-pass-filled:before {\n content: \"\\ebb3\";\n}\n\n.codicon-circle-large-filled:before {\n content: \"\\ebb4\";\n}\n\n.codicon-circle-large:before {\n content: \"\\ebb5\";\n}\n\n.codicon-circle-large-outline:before {\n content: \"\\ebb5\";\n}\n\n.codicon-combine:before {\n content: \"\\ebb6\";\n}\n\n.codicon-gather:before {\n content: \"\\ebb6\";\n}\n\n.codicon-table:before {\n content: \"\\ebb7\";\n}\n\n.codicon-variable-group:before {\n content: \"\\ebb8\";\n}\n\n.codicon-type-hierarchy:before {\n content: \"\\ebb9\";\n}\n\n.codicon-type-hierarchy-sub:before {\n content: \"\\ebba\";\n}\n\n.codicon-type-hierarchy-super:before {\n content: \"\\ebbb\";\n}\n\n.codicon-git-pull-request-create:before {\n content: \"\\ebbc\";\n}\n\n.codicon-run-above:before {\n content: \"\\ebbd\";\n}\n\n.codicon-run-below:before {\n content: \"\\ebbe\";\n}\n\n.codicon-notebook-template:before {\n content: \"\\ebbf\";\n}\n\n.codicon-debug-rerun:before {\n content: \"\\ebc0\";\n}\n\n.codicon-workspace-trusted:before {\n content: \"\\ebc1\";\n}\n\n.codicon-workspace-untrusted:before {\n content: \"\\ebc2\";\n}\n\n.codicon-workspace-unknown:before {\n content: \"\\ebc3\";\n}\n\n.codicon-terminal-cmd:before {\n content: \"\\ebc4\";\n}\n\n.codicon-terminal-debian:before {\n content: \"\\ebc5\";\n}\n\n.codicon-terminal-linux:before {\n content: \"\\ebc6\";\n}\n\n.codicon-terminal-powershell:before {\n content: \"\\ebc7\";\n}\n\n.codicon-terminal-tmux:before {\n content: \"\\ebc8\";\n}\n\n.codicon-terminal-ubuntu:before {\n content: \"\\ebc9\";\n}\n\n.codicon-terminal-bash:before {\n content: \"\\ebca\";\n}\n\n.codicon-arrow-swap:before {\n content: \"\\ebcb\";\n}\n\n.codicon-copy:before {\n content: \"\\ebcc\";\n}\n\n.codicon-person-add:before {\n content: \"\\ebcd\";\n}\n\n.codicon-filter-filled:before {\n content: \"\\ebce\";\n}\n\n.codicon-wand:before {\n content: \"\\ebcf\";\n}\n\n.codicon-debug-line-by-line:before {\n content: \"\\ebd0\";\n}\n\n.codicon-inspect:before {\n content: \"\\ebd1\";\n}\n\n.codicon-layers:before {\n content: \"\\ebd2\";\n}\n\n.codicon-layers-dot:before {\n content: \"\\ebd3\";\n}\n\n.codicon-layers-active:before {\n content: \"\\ebd4\";\n}\n\n.codicon-compass:before {\n content: \"\\ebd5\";\n}\n\n.codicon-compass-dot:before {\n content: \"\\ebd6\";\n}\n\n.codicon-compass-active:before {\n content: \"\\ebd7\";\n}\n\n.codicon-azure:before {\n content: \"\\ebd8\";\n}\n\n.codicon-issue-draft:before {\n content: \"\\ebd9\";\n}\n\n.codicon-git-pull-request-closed:before {\n content: \"\\ebda\";\n}\n\n.codicon-git-pull-request-draft:before {\n content: \"\\ebdb\";\n}\n\n.codicon-debug-all:before {\n content: \"\\ebdc\";\n}\n\n.codicon-debug-coverage:before {\n content: \"\\ebdd\";\n}\n\n.codicon-run-errors:before {\n content: \"\\ebde\";\n}\n\n.codicon-folder-library:before {\n content: \"\\ebdf\";\n}\n\n.codicon-debug-continue-small:before {\n content: \"\\ebe0\";\n}\n\n.codicon-beaker-stop:before {\n content: \"\\ebe1\";\n}\n\n.codicon-graph-line:before {\n content: \"\\ebe2\";\n}\n\n.codicon-graph-scatter:before {\n content: \"\\ebe3\";\n}\n\n.codicon-pie-chart:before {\n content: \"\\ebe4\";\n}\n\n.codicon-bracket:before {\n content: \"\\eb0f\";\n}\n\n.codicon-bracket-dot:before {\n content: \"\\ebe5\";\n}\n\n.codicon-bracket-error:before {\n content: \"\\ebe6\";\n}\n\n.codicon-lock-small:before {\n content: \"\\ebe7\";\n}\n\n.codicon-azure-devops:before {\n content: \"\\ebe8\";\n}\n\n.codicon-verified-filled:before {\n content: \"\\ebe9\";\n}\n\n.codicon-newline:before {\n content: \"\\ebea\";\n}\n\n.codicon-layout:before {\n content: \"\\ebeb\";\n}\n\n.codicon-layout-activitybar-left:before {\n content: \"\\ebec\";\n}\n\n.codicon-layout-activitybar-right:before {\n content: \"\\ebed\";\n}\n\n.codicon-layout-panel-left:before {\n content: \"\\ebee\";\n}\n\n.codicon-layout-panel-center:before {\n content: \"\\ebef\";\n}\n\n.codicon-layout-panel-justify:before {\n content: \"\\ebf0\";\n}\n\n.codicon-layout-panel-right:before {\n content: \"\\ebf1\";\n}\n\n.codicon-layout-panel:before {\n content: \"\\ebf2\";\n}\n\n.codicon-layout-sidebar-left:before {\n content: \"\\ebf3\";\n}\n\n.codicon-layout-sidebar-right:before {\n content: \"\\ebf4\";\n}\n\n.codicon-layout-statusbar:before {\n content: \"\\ebf5\";\n}\n\n.codicon-layout-menubar:before {\n content: \"\\ebf6\";\n}\n\n.codicon-layout-centered:before {\n content: \"\\ebf7\";\n}\n\n.codicon-target:before {\n content: \"\\ebf8\";\n}\n\n.codicon-indent:before {\n content: \"\\ebf9\";\n}\n\n.codicon-record-small:before {\n content: \"\\ebfa\";\n}\n\n.codicon-error-small:before {\n content: \"\\ebfb\";\n}\n\n.codicon-terminal-decoration-error:before {\n content: \"\\ebfb\";\n}\n\n.codicon-arrow-circle-down:before {\n content: \"\\ebfc\";\n}\n\n.codicon-arrow-circle-left:before {\n content: \"\\ebfd\";\n}\n\n.codicon-arrow-circle-right:before {\n content: \"\\ebfe\";\n}\n\n.codicon-arrow-circle-up:before {\n content: \"\\ebff\";\n}\n\n.codicon-layout-sidebar-right-off:before {\n content: \"\\ec00\";\n}\n\n.codicon-layout-panel-off:before {\n content: \"\\ec01\";\n}\n\n.codicon-layout-sidebar-left-off:before {\n content: \"\\ec02\";\n}\n\n.codicon-blank:before {\n content: \"\\ec03\";\n}\n\n.codicon-heart-filled:before {\n content: \"\\ec04\";\n}\n\n.codicon-map:before {\n content: \"\\ec05\";\n}\n\n.codicon-map-horizontal:before {\n content: \"\\ec05\";\n}\n\n.codicon-fold-horizontal:before {\n content: \"\\ec05\";\n}\n\n.codicon-map-filled:before {\n content: \"\\ec06\";\n}\n\n.codicon-map-horizontal-filled:before {\n content: \"\\ec06\";\n}\n\n.codicon-fold-horizontal-filled:before {\n content: \"\\ec06\";\n}\n\n.codicon-circle-small:before {\n content: \"\\ec07\";\n}\n\n.codicon-bell-slash:before {\n content: \"\\ec08\";\n}\n\n.codicon-bell-slash-dot:before {\n content: \"\\ec09\";\n}\n\n.codicon-comment-unresolved:before {\n content: \"\\ec0a\";\n}\n\n.codicon-git-pull-request-go-to-changes:before {\n content: \"\\ec0b\";\n}\n\n.codicon-git-pull-request-new-changes:before {\n content: \"\\ec0c\";\n}\n\n.codicon-search-fuzzy:before {\n content: \"\\ec0d\";\n}\n\n.codicon-comment-draft:before {\n content: \"\\ec0e\";\n}\n\n.codicon-send:before {\n content: \"\\ec0f\";\n}\n\n.codicon-sparkle:before {\n content: \"\\ec10\";\n}\n\n.codicon-insert:before {\n content: \"\\ec11\";\n}\n\n.codicon-mic:before {\n content: \"\\ec12\";\n}\n\n.codicon-thumbsdown-filled:before {\n content: \"\\ec13\";\n}\n\n.codicon-thumbsup-filled:before {\n content: \"\\ec14\";\n}\n\n.codicon-coffee:before {\n content: \"\\ec15\";\n}\n\n.codicon-snake:before {\n content: \"\\ec16\";\n}\n\n.codicon-game:before {\n content: \"\\ec17\";\n}\n\n.codicon-vr:before {\n content: \"\\ec18\";\n}\n\n.codicon-chip:before {\n content: \"\\ec19\";\n}\n\n.codicon-piano:before {\n content: \"\\ec1a\";\n}\n\n.codicon-music:before {\n content: \"\\ec1b\";\n}\n\n.codicon-mic-filled:before {\n content: \"\\ec1c\";\n}\n\n.codicon-repo-fetch:before {\n content: \"\\ec1d\";\n}\n\n.codicon-copilot:before {\n content: \"\\ec1e\";\n}\n\n.codicon-lightbulb-sparkle:before {\n content: \"\\ec1f\";\n}\n\n.codicon-robot:before {\n content: \"\\ec20\";\n}\n\n.codicon-sparkle-filled:before {\n content: \"\\ec21\";\n}\n\n.codicon-diff-single:before {\n content: \"\\ec22\";\n}\n\n.codicon-diff-multiple:before {\n content: \"\\ec23\";\n}\n\n.codicon-surround-with:before {\n content: \"\\ec24\";\n}\n\n.codicon-share:before {\n content: \"\\ec25\";\n}\n\n.codicon-git-stash:before {\n content: \"\\ec26\";\n}\n\n.codicon-git-stash-apply:before {\n content: \"\\ec27\";\n}\n\n.codicon-git-stash-pop:before {\n content: \"\\ec28\";\n}\n\n.codicon-vscode:before {\n content: \"\\ec29\";\n}\n\n.codicon-vscode-insiders:before {\n content: \"\\ec2a\";\n}\n\n.codicon-code-oss:before {\n content: \"\\ec2b\";\n}\n\n.codicon-run-coverage:before {\n content: \"\\ec2c\";\n}\n\n.codicon-run-all-coverage:before {\n content: \"\\ec2d\";\n}\n\n.codicon-coverage:before {\n content: \"\\ec2e\";\n}\n\n.codicon-github-project:before {\n content: \"\\ec2f\";\n}\n\n.codicon-map-vertical:before {\n content: \"\\ec30\";\n}\n\n.codicon-fold-vertical:before {\n content: \"\\ec30\";\n}\n\n.codicon-map-vertical-filled:before {\n content: \"\\ec31\";\n}\n\n.codicon-fold-vertical-filled:before {\n content: \"\\ec31\";\n}\n\n.codicon-go-to-search:before {\n content: \"\\ec32\";\n}\n\n.codicon-percentage:before {\n content: \"\\ec33\";\n}\n\n.codicon-sort-percentage:before {\n content: \"\\ec33\";\n}\n\n.codicon-attach:before {\n content: \"\\ec34\";\n}\n\n.codicon-go-to-editing-session:before {\n content: \"\\ec35\";\n}\n\n.codicon-edit-session:before {\n content: \"\\ec36\";\n}\n\n.codicon-code-review:before {\n content: \"\\ec37\";\n}\n\n.codicon-copilot-warning:before {\n content: \"\\ec38\";\n}\n\n.codicon-python:before {\n content: \"\\ec39\";\n}\n\n.codicon-git-fetch:before {\n content: \"\\f101\";\n}\n\n@layer kol-component {\n /* :host implicitly inherits font-size, see below */\n :host {\n color: inherit;\n display: contents;\n font-size: inherit;\n line-height: inherit;\n }\n}";
18286
+ const defaultStyleCss$y = "/*---------------------------------------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * Licensed under the MIT License. See License.txt in the project root for license information.\n *--------------------------------------------------------------------------------------------*/\n@font-face {\n font-family: \"codicon\";\n font-display: block;\n src: url(\"./codicon.ttf?be64b7213e352cd7f91ef58198e71237\") format(\"truetype\");\n}\n.codicon[class*=codicon-] {\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 * Modifiers\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 {\n /* Use steps to throttle FPS to reduce CPU usage */\n animation: codicon-spin 1.5s steps(30) infinite;\n}\n\n.codicon-modifier-disabled {\n opacity: 0.5;\n}\n\n.codicon-modifier-hidden {\n opacity: 0;\n}\n\n/* custom speed & easing for loading icon */\n.codicon-loading {\n animation-duration: 1s !important;\n animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67) !important;\n}\n\n/*---------------------\n * Icons\n *-------------------*/\n.codicon-add:before {\n content: \"\\ea60\";\n}\n\n.codicon-plus:before {\n content: \"\\ea60\";\n}\n\n.codicon-gist-new:before {\n content: \"\\ea60\";\n}\n\n.codicon-repo-create:before {\n content: \"\\ea60\";\n}\n\n.codicon-lightbulb:before {\n content: \"\\ea61\";\n}\n\n.codicon-light-bulb:before {\n content: \"\\ea61\";\n}\n\n.codicon-repo:before {\n content: \"\\ea62\";\n}\n\n.codicon-repo-delete:before {\n content: \"\\ea62\";\n}\n\n.codicon-gist-fork:before {\n content: \"\\ea63\";\n}\n\n.codicon-repo-forked:before {\n content: \"\\ea63\";\n}\n\n.codicon-git-pull-request:before {\n content: \"\\ea64\";\n}\n\n.codicon-git-pull-request-abandoned:before {\n content: \"\\ea64\";\n}\n\n.codicon-record-keys:before {\n content: \"\\ea65\";\n}\n\n.codicon-keyboard:before {\n content: \"\\ea65\";\n}\n\n.codicon-tag:before {\n content: \"\\ea66\";\n}\n\n.codicon-git-pull-request-label:before {\n content: \"\\ea66\";\n}\n\n.codicon-tag-add:before {\n content: \"\\ea66\";\n}\n\n.codicon-tag-remove:before {\n content: \"\\ea66\";\n}\n\n.codicon-person:before {\n content: \"\\ea67\";\n}\n\n.codicon-person-follow:before {\n content: \"\\ea67\";\n}\n\n.codicon-person-outline:before {\n content: \"\\ea67\";\n}\n\n.codicon-person-filled:before {\n content: \"\\ea67\";\n}\n\n.codicon-git-branch:before {\n content: \"\\ea68\";\n}\n\n.codicon-git-branch-create:before {\n content: \"\\ea68\";\n}\n\n.codicon-git-branch-delete:before {\n content: \"\\ea68\";\n}\n\n.codicon-source-control:before {\n content: \"\\ea68\";\n}\n\n.codicon-mirror:before {\n content: \"\\ea69\";\n}\n\n.codicon-mirror-public:before {\n content: \"\\ea69\";\n}\n\n.codicon-star:before {\n content: \"\\ea6a\";\n}\n\n.codicon-star-add:before {\n content: \"\\ea6a\";\n}\n\n.codicon-star-delete:before {\n content: \"\\ea6a\";\n}\n\n.codicon-star-empty:before {\n content: \"\\ea6a\";\n}\n\n.codicon-comment:before {\n content: \"\\ea6b\";\n}\n\n.codicon-comment-add:before {\n content: \"\\ea6b\";\n}\n\n.codicon-alert:before {\n content: \"\\ea6c\";\n}\n\n.codicon-warning:before {\n content: \"\\ea6c\";\n}\n\n.codicon-search:before {\n content: \"\\ea6d\";\n}\n\n.codicon-search-save:before {\n content: \"\\ea6d\";\n}\n\n.codicon-log-out:before {\n content: \"\\ea6e\";\n}\n\n.codicon-sign-out:before {\n content: \"\\ea6e\";\n}\n\n.codicon-log-in:before {\n content: \"\\ea6f\";\n}\n\n.codicon-sign-in:before {\n content: \"\\ea6f\";\n}\n\n.codicon-eye:before {\n content: \"\\ea70\";\n}\n\n.codicon-eye-unwatch:before {\n content: \"\\ea70\";\n}\n\n.codicon-eye-watch:before {\n content: \"\\ea70\";\n}\n\n.codicon-circle-filled:before {\n content: \"\\ea71\";\n}\n\n.codicon-primitive-dot:before {\n content: \"\\ea71\";\n}\n\n.codicon-close-dirty:before {\n content: \"\\ea71\";\n}\n\n.codicon-debug-breakpoint:before {\n content: \"\\ea71\";\n}\n\n.codicon-debug-breakpoint-disabled:before {\n content: \"\\ea71\";\n}\n\n.codicon-debug-hint:before {\n content: \"\\ea71\";\n}\n\n.codicon-terminal-decoration-success:before {\n content: \"\\ea71\";\n}\n\n.codicon-primitive-square:before {\n content: \"\\ea72\";\n}\n\n.codicon-edit:before {\n content: \"\\ea73\";\n}\n\n.codicon-pencil:before {\n content: \"\\ea73\";\n}\n\n.codicon-info:before {\n content: \"\\ea74\";\n}\n\n.codicon-issue-opened:before {\n content: \"\\ea74\";\n}\n\n.codicon-gist-private:before {\n content: \"\\ea75\";\n}\n\n.codicon-git-fork-private:before {\n content: \"\\ea75\";\n}\n\n.codicon-lock:before {\n content: \"\\ea75\";\n}\n\n.codicon-mirror-private:before {\n content: \"\\ea75\";\n}\n\n.codicon-close:before {\n content: \"\\ea76\";\n}\n\n.codicon-remove-close:before {\n content: \"\\ea76\";\n}\n\n.codicon-x:before {\n content: \"\\ea76\";\n}\n\n.codicon-repo-sync:before {\n content: \"\\ea77\";\n}\n\n.codicon-sync:before {\n content: \"\\ea77\";\n}\n\n.codicon-clone:before {\n content: \"\\ea78\";\n}\n\n.codicon-desktop-download:before {\n content: \"\\ea78\";\n}\n\n.codicon-beaker:before {\n content: \"\\ea79\";\n}\n\n.codicon-microscope:before {\n content: \"\\ea79\";\n}\n\n.codicon-vm:before {\n content: \"\\ea7a\";\n}\n\n.codicon-device-desktop:before {\n content: \"\\ea7a\";\n}\n\n.codicon-file:before {\n content: \"\\ea7b\";\n}\n\n.codicon-file-text:before {\n content: \"\\ea7b\";\n}\n\n.codicon-more:before {\n content: \"\\ea7c\";\n}\n\n.codicon-ellipsis:before {\n content: \"\\ea7c\";\n}\n\n.codicon-kebab-horizontal:before {\n content: \"\\ea7c\";\n}\n\n.codicon-mail-reply:before {\n content: \"\\ea7d\";\n}\n\n.codicon-reply:before {\n content: \"\\ea7d\";\n}\n\n.codicon-organization:before {\n content: \"\\ea7e\";\n}\n\n.codicon-organization-filled:before {\n content: \"\\ea7e\";\n}\n\n.codicon-organization-outline:before {\n content: \"\\ea7e\";\n}\n\n.codicon-new-file:before {\n content: \"\\ea7f\";\n}\n\n.codicon-file-add:before {\n content: \"\\ea7f\";\n}\n\n.codicon-new-folder:before {\n content: \"\\ea80\";\n}\n\n.codicon-file-directory-create:before {\n content: \"\\ea80\";\n}\n\n.codicon-trash:before {\n content: \"\\ea81\";\n}\n\n.codicon-trashcan:before {\n content: \"\\ea81\";\n}\n\n.codicon-history:before {\n content: \"\\ea82\";\n}\n\n.codicon-clock:before {\n content: \"\\ea82\";\n}\n\n.codicon-folder:before {\n content: \"\\ea83\";\n}\n\n.codicon-file-directory:before {\n content: \"\\ea83\";\n}\n\n.codicon-symbol-folder:before {\n content: \"\\ea83\";\n}\n\n.codicon-logo-github:before {\n content: \"\\ea84\";\n}\n\n.codicon-mark-github:before {\n content: \"\\ea84\";\n}\n\n.codicon-github:before {\n content: \"\\ea84\";\n}\n\n.codicon-terminal:before {\n content: \"\\ea85\";\n}\n\n.codicon-console:before {\n content: \"\\ea85\";\n}\n\n.codicon-repl:before {\n content: \"\\ea85\";\n}\n\n.codicon-zap:before {\n content: \"\\ea86\";\n}\n\n.codicon-symbol-event:before {\n content: \"\\ea86\";\n}\n\n.codicon-error:before {\n content: \"\\ea87\";\n}\n\n.codicon-stop:before {\n content: \"\\ea87\";\n}\n\n.codicon-variable:before {\n content: \"\\ea88\";\n}\n\n.codicon-symbol-variable:before {\n content: \"\\ea88\";\n}\n\n.codicon-array:before {\n content: \"\\ea8a\";\n}\n\n.codicon-symbol-array:before {\n content: \"\\ea8a\";\n}\n\n.codicon-symbol-module:before {\n content: \"\\ea8b\";\n}\n\n.codicon-symbol-package:before {\n content: \"\\ea8b\";\n}\n\n.codicon-symbol-namespace:before {\n content: \"\\ea8b\";\n}\n\n.codicon-symbol-object:before {\n content: \"\\ea8b\";\n}\n\n.codicon-symbol-method:before {\n content: \"\\ea8c\";\n}\n\n.codicon-symbol-function:before {\n content: \"\\ea8c\";\n}\n\n.codicon-symbol-constructor:before {\n content: \"\\ea8c\";\n}\n\n.codicon-symbol-boolean:before {\n content: \"\\ea8f\";\n}\n\n.codicon-symbol-null:before {\n content: \"\\ea8f\";\n}\n\n.codicon-symbol-numeric:before {\n content: \"\\ea90\";\n}\n\n.codicon-symbol-number:before {\n content: \"\\ea90\";\n}\n\n.codicon-symbol-structure:before {\n content: \"\\ea91\";\n}\n\n.codicon-symbol-struct:before {\n content: \"\\ea91\";\n}\n\n.codicon-symbol-parameter:before {\n content: \"\\ea92\";\n}\n\n.codicon-symbol-type-parameter:before {\n content: \"\\ea92\";\n}\n\n.codicon-symbol-key:before {\n content: \"\\ea93\";\n}\n\n.codicon-symbol-text:before {\n content: \"\\ea93\";\n}\n\n.codicon-symbol-reference:before {\n content: \"\\ea94\";\n}\n\n.codicon-go-to-file:before {\n content: \"\\ea94\";\n}\n\n.codicon-symbol-enum:before {\n content: \"\\ea95\";\n}\n\n.codicon-symbol-value:before {\n content: \"\\ea95\";\n}\n\n.codicon-symbol-ruler:before {\n content: \"\\ea96\";\n}\n\n.codicon-symbol-unit:before {\n content: \"\\ea96\";\n}\n\n.codicon-activate-breakpoints:before {\n content: \"\\ea97\";\n}\n\n.codicon-archive:before {\n content: \"\\ea98\";\n}\n\n.codicon-arrow-both:before {\n content: \"\\ea99\";\n}\n\n.codicon-arrow-down:before {\n content: \"\\ea9a\";\n}\n\n.codicon-arrow-left:before {\n content: \"\\ea9b\";\n}\n\n.codicon-arrow-right:before {\n content: \"\\ea9c\";\n}\n\n.codicon-arrow-small-down:before {\n content: \"\\ea9d\";\n}\n\n.codicon-arrow-small-left:before {\n content: \"\\ea9e\";\n}\n\n.codicon-arrow-small-right:before {\n content: \"\\ea9f\";\n}\n\n.codicon-arrow-small-up:before {\n content: \"\\eaa0\";\n}\n\n.codicon-arrow-up:before {\n content: \"\\eaa1\";\n}\n\n.codicon-bell:before {\n content: \"\\eaa2\";\n}\n\n.codicon-bold:before {\n content: \"\\eaa3\";\n}\n\n.codicon-book:before {\n content: \"\\eaa4\";\n}\n\n.codicon-bookmark:before {\n content: \"\\eaa5\";\n}\n\n.codicon-debug-breakpoint-conditional-unverified:before {\n content: \"\\eaa6\";\n}\n\n.codicon-debug-breakpoint-conditional:before {\n content: \"\\eaa7\";\n}\n\n.codicon-debug-breakpoint-conditional-disabled:before {\n content: \"\\eaa7\";\n}\n\n.codicon-debug-breakpoint-data-unverified:before {\n content: \"\\eaa8\";\n}\n\n.codicon-debug-breakpoint-data:before {\n content: \"\\eaa9\";\n}\n\n.codicon-debug-breakpoint-data-disabled:before {\n content: \"\\eaa9\";\n}\n\n.codicon-debug-breakpoint-log-unverified:before {\n content: \"\\eaaa\";\n}\n\n.codicon-debug-breakpoint-log:before {\n content: \"\\eaab\";\n}\n\n.codicon-debug-breakpoint-log-disabled:before {\n content: \"\\eaab\";\n}\n\n.codicon-briefcase:before {\n content: \"\\eaac\";\n}\n\n.codicon-broadcast:before {\n content: \"\\eaad\";\n}\n\n.codicon-browser:before {\n content: \"\\eaae\";\n}\n\n.codicon-bug:before {\n content: \"\\eaaf\";\n}\n\n.codicon-calendar:before {\n content: \"\\eab0\";\n}\n\n.codicon-case-sensitive:before {\n content: \"\\eab1\";\n}\n\n.codicon-check:before {\n content: \"\\eab2\";\n}\n\n.codicon-checklist:before {\n content: \"\\eab3\";\n}\n\n.codicon-chevron-down:before {\n content: \"\\eab4\";\n}\n\n.codicon-chevron-left:before {\n content: \"\\eab5\";\n}\n\n.codicon-chevron-right:before {\n content: \"\\eab6\";\n}\n\n.codicon-chevron-up:before {\n content: \"\\eab7\";\n}\n\n.codicon-chrome-close:before {\n content: \"\\eab8\";\n}\n\n.codicon-chrome-maximize:before {\n content: \"\\eab9\";\n}\n\n.codicon-chrome-minimize:before {\n content: \"\\eaba\";\n}\n\n.codicon-chrome-restore:before {\n content: \"\\eabb\";\n}\n\n.codicon-circle-outline:before {\n content: \"\\eabc\";\n}\n\n.codicon-circle:before {\n content: \"\\eabc\";\n}\n\n.codicon-debug-breakpoint-unverified:before {\n content: \"\\eabc\";\n}\n\n.codicon-terminal-decoration-incomplete:before {\n content: \"\\eabc\";\n}\n\n.codicon-circle-slash:before {\n content: \"\\eabd\";\n}\n\n.codicon-circuit-board:before {\n content: \"\\eabe\";\n}\n\n.codicon-clear-all:before {\n content: \"\\eabf\";\n}\n\n.codicon-clippy:before {\n content: \"\\eac0\";\n}\n\n.codicon-close-all:before {\n content: \"\\eac1\";\n}\n\n.codicon-cloud-download:before {\n content: \"\\eac2\";\n}\n\n.codicon-cloud-upload:before {\n content: \"\\eac3\";\n}\n\n.codicon-code:before {\n content: \"\\eac4\";\n}\n\n.codicon-collapse-all:before {\n content: \"\\eac5\";\n}\n\n.codicon-color-mode:before {\n content: \"\\eac6\";\n}\n\n.codicon-comment-discussion:before {\n content: \"\\eac7\";\n}\n\n.codicon-credit-card:before {\n content: \"\\eac9\";\n}\n\n.codicon-dash:before {\n content: \"\\eacc\";\n}\n\n.codicon-dashboard:before {\n content: \"\\eacd\";\n}\n\n.codicon-database:before {\n content: \"\\eace\";\n}\n\n.codicon-debug-continue:before {\n content: \"\\eacf\";\n}\n\n.codicon-debug-disconnect:before {\n content: \"\\ead0\";\n}\n\n.codicon-debug-pause:before {\n content: \"\\ead1\";\n}\n\n.codicon-debug-restart:before {\n content: \"\\ead2\";\n}\n\n.codicon-debug-start:before {\n content: \"\\ead3\";\n}\n\n.codicon-debug-step-into:before {\n content: \"\\ead4\";\n}\n\n.codicon-debug-step-out:before {\n content: \"\\ead5\";\n}\n\n.codicon-debug-step-over:before {\n content: \"\\ead6\";\n}\n\n.codicon-debug-stop:before {\n content: \"\\ead7\";\n}\n\n.codicon-debug:before {\n content: \"\\ead8\";\n}\n\n.codicon-device-camera-video:before {\n content: \"\\ead9\";\n}\n\n.codicon-device-camera:before {\n content: \"\\eada\";\n}\n\n.codicon-device-mobile:before {\n content: \"\\eadb\";\n}\n\n.codicon-diff-added:before {\n content: \"\\eadc\";\n}\n\n.codicon-diff-ignored:before {\n content: \"\\eadd\";\n}\n\n.codicon-diff-modified:before {\n content: \"\\eade\";\n}\n\n.codicon-diff-removed:before {\n content: \"\\eadf\";\n}\n\n.codicon-diff-renamed:before {\n content: \"\\eae0\";\n}\n\n.codicon-diff:before {\n content: \"\\eae1\";\n}\n\n.codicon-diff-sidebyside:before {\n content: \"\\eae1\";\n}\n\n.codicon-discard:before {\n content: \"\\eae2\";\n}\n\n.codicon-editor-layout:before {\n content: \"\\eae3\";\n}\n\n.codicon-empty-window:before {\n content: \"\\eae4\";\n}\n\n.codicon-exclude:before {\n content: \"\\eae5\";\n}\n\n.codicon-extensions:before {\n content: \"\\eae6\";\n}\n\n.codicon-eye-closed:before {\n content: \"\\eae7\";\n}\n\n.codicon-file-binary:before {\n content: \"\\eae8\";\n}\n\n.codicon-file-code:before {\n content: \"\\eae9\";\n}\n\n.codicon-file-media:before {\n content: \"\\eaea\";\n}\n\n.codicon-file-pdf:before {\n content: \"\\eaeb\";\n}\n\n.codicon-file-submodule:before {\n content: \"\\eaec\";\n}\n\n.codicon-file-symlink-directory:before {\n content: \"\\eaed\";\n}\n\n.codicon-file-symlink-file:before {\n content: \"\\eaee\";\n}\n\n.codicon-file-zip:before {\n content: \"\\eaef\";\n}\n\n.codicon-files:before {\n content: \"\\eaf0\";\n}\n\n.codicon-filter:before {\n content: \"\\eaf1\";\n}\n\n.codicon-flame:before {\n content: \"\\eaf2\";\n}\n\n.codicon-fold-down:before {\n content: \"\\eaf3\";\n}\n\n.codicon-fold-up:before {\n content: \"\\eaf4\";\n}\n\n.codicon-fold:before {\n content: \"\\eaf5\";\n}\n\n.codicon-folder-active:before {\n content: \"\\eaf6\";\n}\n\n.codicon-folder-opened:before {\n content: \"\\eaf7\";\n}\n\n.codicon-gear:before {\n content: \"\\eaf8\";\n}\n\n.codicon-gift:before {\n content: \"\\eaf9\";\n}\n\n.codicon-gist-secret:before {\n content: \"\\eafa\";\n}\n\n.codicon-gist:before {\n content: \"\\eafb\";\n}\n\n.codicon-git-commit:before {\n content: \"\\eafc\";\n}\n\n.codicon-git-compare:before {\n content: \"\\eafd\";\n}\n\n.codicon-compare-changes:before {\n content: \"\\eafd\";\n}\n\n.codicon-git-merge:before {\n content: \"\\eafe\";\n}\n\n.codicon-github-action:before {\n content: \"\\eaff\";\n}\n\n.codicon-github-alt:before {\n content: \"\\eb00\";\n}\n\n.codicon-globe:before {\n content: \"\\eb01\";\n}\n\n.codicon-grabber:before {\n content: \"\\eb02\";\n}\n\n.codicon-graph:before {\n content: \"\\eb03\";\n}\n\n.codicon-gripper:before {\n content: \"\\eb04\";\n}\n\n.codicon-heart:before {\n content: \"\\eb05\";\n}\n\n.codicon-home:before {\n content: \"\\eb06\";\n}\n\n.codicon-horizontal-rule:before {\n content: \"\\eb07\";\n}\n\n.codicon-hubot:before {\n content: \"\\eb08\";\n}\n\n.codicon-inbox:before {\n content: \"\\eb09\";\n}\n\n.codicon-issue-reopened:before {\n content: \"\\eb0b\";\n}\n\n.codicon-issues:before {\n content: \"\\eb0c\";\n}\n\n.codicon-italic:before {\n content: \"\\eb0d\";\n}\n\n.codicon-jersey:before {\n content: \"\\eb0e\";\n}\n\n.codicon-json:before {\n content: \"\\eb0f\";\n}\n\n.codicon-kebab-vertical:before {\n content: \"\\eb10\";\n}\n\n.codicon-key:before {\n content: \"\\eb11\";\n}\n\n.codicon-law:before {\n content: \"\\eb12\";\n}\n\n.codicon-lightbulb-autofix:before {\n content: \"\\eb13\";\n}\n\n.codicon-link-external:before {\n content: \"\\eb14\";\n}\n\n.codicon-link:before {\n content: \"\\eb15\";\n}\n\n.codicon-list-ordered:before {\n content: \"\\eb16\";\n}\n\n.codicon-list-unordered:before {\n content: \"\\eb17\";\n}\n\n.codicon-live-share:before {\n content: \"\\eb18\";\n}\n\n.codicon-loading:before {\n content: \"\\eb19\";\n}\n\n.codicon-location:before {\n content: \"\\eb1a\";\n}\n\n.codicon-mail-read:before {\n content: \"\\eb1b\";\n}\n\n.codicon-mail:before {\n content: \"\\eb1c\";\n}\n\n.codicon-markdown:before {\n content: \"\\eb1d\";\n}\n\n.codicon-megaphone:before {\n content: \"\\eb1e\";\n}\n\n.codicon-mention:before {\n content: \"\\eb1f\";\n}\n\n.codicon-milestone:before {\n content: \"\\eb20\";\n}\n\n.codicon-git-pull-request-milestone:before {\n content: \"\\eb20\";\n}\n\n.codicon-mortar-board:before {\n content: \"\\eb21\";\n}\n\n.codicon-move:before {\n content: \"\\eb22\";\n}\n\n.codicon-multiple-windows:before {\n content: \"\\eb23\";\n}\n\n.codicon-mute:before {\n content: \"\\eb24\";\n}\n\n.codicon-no-newline:before {\n content: \"\\eb25\";\n}\n\n.codicon-note:before {\n content: \"\\eb26\";\n}\n\n.codicon-octoface:before {\n content: \"\\eb27\";\n}\n\n.codicon-open-preview:before {\n content: \"\\eb28\";\n}\n\n.codicon-package:before {\n content: \"\\eb29\";\n}\n\n.codicon-paintcan:before {\n content: \"\\eb2a\";\n}\n\n.codicon-pin:before {\n content: \"\\eb2b\";\n}\n\n.codicon-play:before {\n content: \"\\eb2c\";\n}\n\n.codicon-run:before {\n content: \"\\eb2c\";\n}\n\n.codicon-plug:before {\n content: \"\\eb2d\";\n}\n\n.codicon-preserve-case:before {\n content: \"\\eb2e\";\n}\n\n.codicon-preview:before {\n content: \"\\eb2f\";\n}\n\n.codicon-project:before {\n content: \"\\eb30\";\n}\n\n.codicon-pulse:before {\n content: \"\\eb31\";\n}\n\n.codicon-question:before {\n content: \"\\eb32\";\n}\n\n.codicon-quote:before {\n content: \"\\eb33\";\n}\n\n.codicon-radio-tower:before {\n content: \"\\eb34\";\n}\n\n.codicon-reactions:before {\n content: \"\\eb35\";\n}\n\n.codicon-references:before {\n content: \"\\eb36\";\n}\n\n.codicon-refresh:before {\n content: \"\\eb37\";\n}\n\n.codicon-regex:before {\n content: \"\\eb38\";\n}\n\n.codicon-remote-explorer:before {\n content: \"\\eb39\";\n}\n\n.codicon-remote:before {\n content: \"\\eb3a\";\n}\n\n.codicon-remove:before {\n content: \"\\eb3b\";\n}\n\n.codicon-replace-all:before {\n content: \"\\eb3c\";\n}\n\n.codicon-replace:before {\n content: \"\\eb3d\";\n}\n\n.codicon-repo-clone:before {\n content: \"\\eb3e\";\n}\n\n.codicon-repo-force-push:before {\n content: \"\\eb3f\";\n}\n\n.codicon-repo-pull:before {\n content: \"\\eb40\";\n}\n\n.codicon-repo-push:before {\n content: \"\\eb41\";\n}\n\n.codicon-report:before {\n content: \"\\eb42\";\n}\n\n.codicon-request-changes:before {\n content: \"\\eb43\";\n}\n\n.codicon-rocket:before {\n content: \"\\eb44\";\n}\n\n.codicon-root-folder-opened:before {\n content: \"\\eb45\";\n}\n\n.codicon-root-folder:before {\n content: \"\\eb46\";\n}\n\n.codicon-rss:before {\n content: \"\\eb47\";\n}\n\n.codicon-ruby:before {\n content: \"\\eb48\";\n}\n\n.codicon-save-all:before {\n content: \"\\eb49\";\n}\n\n.codicon-save-as:before {\n content: \"\\eb4a\";\n}\n\n.codicon-save:before {\n content: \"\\eb4b\";\n}\n\n.codicon-screen-full:before {\n content: \"\\eb4c\";\n}\n\n.codicon-screen-normal:before {\n content: \"\\eb4d\";\n}\n\n.codicon-search-stop:before {\n content: \"\\eb4e\";\n}\n\n.codicon-server:before {\n content: \"\\eb50\";\n}\n\n.codicon-settings-gear:before {\n content: \"\\eb51\";\n}\n\n.codicon-settings:before {\n content: \"\\eb52\";\n}\n\n.codicon-shield:before {\n content: \"\\eb53\";\n}\n\n.codicon-smiley:before {\n content: \"\\eb54\";\n}\n\n.codicon-sort-precedence:before {\n content: \"\\eb55\";\n}\n\n.codicon-split-horizontal:before {\n content: \"\\eb56\";\n}\n\n.codicon-split-vertical:before {\n content: \"\\eb57\";\n}\n\n.codicon-squirrel:before {\n content: \"\\eb58\";\n}\n\n.codicon-star-full:before {\n content: \"\\eb59\";\n}\n\n.codicon-star-half:before {\n content: \"\\eb5a\";\n}\n\n.codicon-symbol-class:before {\n content: \"\\eb5b\";\n}\n\n.codicon-symbol-color:before {\n content: \"\\eb5c\";\n}\n\n.codicon-symbol-constant:before {\n content: \"\\eb5d\";\n}\n\n.codicon-symbol-enum-member:before {\n content: \"\\eb5e\";\n}\n\n.codicon-symbol-field:before {\n content: \"\\eb5f\";\n}\n\n.codicon-symbol-file:before {\n content: \"\\eb60\";\n}\n\n.codicon-symbol-interface:before {\n content: \"\\eb61\";\n}\n\n.codicon-symbol-keyword:before {\n content: \"\\eb62\";\n}\n\n.codicon-symbol-misc:before {\n content: \"\\eb63\";\n}\n\n.codicon-symbol-operator:before {\n content: \"\\eb64\";\n}\n\n.codicon-symbol-property:before {\n content: \"\\eb65\";\n}\n\n.codicon-wrench:before {\n content: \"\\eb65\";\n}\n\n.codicon-wrench-subaction:before {\n content: \"\\eb65\";\n}\n\n.codicon-symbol-snippet:before {\n content: \"\\eb66\";\n}\n\n.codicon-tasklist:before {\n content: \"\\eb67\";\n}\n\n.codicon-telescope:before {\n content: \"\\eb68\";\n}\n\n.codicon-text-size:before {\n content: \"\\eb69\";\n}\n\n.codicon-three-bars:before {\n content: \"\\eb6a\";\n}\n\n.codicon-thumbsdown:before {\n content: \"\\eb6b\";\n}\n\n.codicon-thumbsup:before {\n content: \"\\eb6c\";\n}\n\n.codicon-tools:before {\n content: \"\\eb6d\";\n}\n\n.codicon-triangle-down:before {\n content: \"\\eb6e\";\n}\n\n.codicon-triangle-left:before {\n content: \"\\eb6f\";\n}\n\n.codicon-triangle-right:before {\n content: \"\\eb70\";\n}\n\n.codicon-triangle-up:before {\n content: \"\\eb71\";\n}\n\n.codicon-twitter:before {\n content: \"\\eb72\";\n}\n\n.codicon-unfold:before {\n content: \"\\eb73\";\n}\n\n.codicon-unlock:before {\n content: \"\\eb74\";\n}\n\n.codicon-unmute:before {\n content: \"\\eb75\";\n}\n\n.codicon-unverified:before {\n content: \"\\eb76\";\n}\n\n.codicon-verified:before {\n content: \"\\eb77\";\n}\n\n.codicon-versions:before {\n content: \"\\eb78\";\n}\n\n.codicon-vm-active:before {\n content: \"\\eb79\";\n}\n\n.codicon-vm-outline:before {\n content: \"\\eb7a\";\n}\n\n.codicon-vm-running:before {\n content: \"\\eb7b\";\n}\n\n.codicon-watch:before {\n content: \"\\eb7c\";\n}\n\n.codicon-whitespace:before {\n content: \"\\eb7d\";\n}\n\n.codicon-whole-word:before {\n content: \"\\eb7e\";\n}\n\n.codicon-window:before {\n content: \"\\eb7f\";\n}\n\n.codicon-word-wrap:before {\n content: \"\\eb80\";\n}\n\n.codicon-zoom-in:before {\n content: \"\\eb81\";\n}\n\n.codicon-zoom-out:before {\n content: \"\\eb82\";\n}\n\n.codicon-list-filter:before {\n content: \"\\eb83\";\n}\n\n.codicon-list-flat:before {\n content: \"\\eb84\";\n}\n\n.codicon-list-selection:before {\n content: \"\\eb85\";\n}\n\n.codicon-selection:before {\n content: \"\\eb85\";\n}\n\n.codicon-list-tree:before {\n content: \"\\eb86\";\n}\n\n.codicon-debug-breakpoint-function-unverified:before {\n content: \"\\eb87\";\n}\n\n.codicon-debug-breakpoint-function:before {\n content: \"\\eb88\";\n}\n\n.codicon-debug-breakpoint-function-disabled:before {\n content: \"\\eb88\";\n}\n\n.codicon-debug-stackframe-active:before {\n content: \"\\eb89\";\n}\n\n.codicon-circle-small-filled:before {\n content: \"\\eb8a\";\n}\n\n.codicon-debug-stackframe-dot:before {\n content: \"\\eb8a\";\n}\n\n.codicon-terminal-decoration-mark:before {\n content: \"\\eb8a\";\n}\n\n.codicon-debug-stackframe:before {\n content: \"\\eb8b\";\n}\n\n.codicon-debug-stackframe-focused:before {\n content: \"\\eb8b\";\n}\n\n.codicon-debug-breakpoint-unsupported:before {\n content: \"\\eb8c\";\n}\n\n.codicon-symbol-string:before {\n content: \"\\eb8d\";\n}\n\n.codicon-debug-reverse-continue:before {\n content: \"\\eb8e\";\n}\n\n.codicon-debug-step-back:before {\n content: \"\\eb8f\";\n}\n\n.codicon-debug-restart-frame:before {\n content: \"\\eb90\";\n}\n\n.codicon-debug-alt:before {\n content: \"\\eb91\";\n}\n\n.codicon-call-incoming:before {\n content: \"\\eb92\";\n}\n\n.codicon-call-outgoing:before {\n content: \"\\eb93\";\n}\n\n.codicon-menu:before {\n content: \"\\eb94\";\n}\n\n.codicon-expand-all:before {\n content: \"\\eb95\";\n}\n\n.codicon-feedback:before {\n content: \"\\eb96\";\n}\n\n.codicon-git-pull-request-reviewer:before {\n content: \"\\eb96\";\n}\n\n.codicon-group-by-ref-type:before {\n content: \"\\eb97\";\n}\n\n.codicon-ungroup-by-ref-type:before {\n content: \"\\eb98\";\n}\n\n.codicon-account:before {\n content: \"\\eb99\";\n}\n\n.codicon-git-pull-request-assignee:before {\n content: \"\\eb99\";\n}\n\n.codicon-bell-dot:before {\n content: \"\\eb9a\";\n}\n\n.codicon-debug-console:before {\n content: \"\\eb9b\";\n}\n\n.codicon-library:before {\n content: \"\\eb9c\";\n}\n\n.codicon-output:before {\n content: \"\\eb9d\";\n}\n\n.codicon-run-all:before {\n content: \"\\eb9e\";\n}\n\n.codicon-sync-ignored:before {\n content: \"\\eb9f\";\n}\n\n.codicon-pinned:before {\n content: \"\\eba0\";\n}\n\n.codicon-github-inverted:before {\n content: \"\\eba1\";\n}\n\n.codicon-server-process:before {\n content: \"\\eba2\";\n}\n\n.codicon-server-environment:before {\n content: \"\\eba3\";\n}\n\n.codicon-pass:before {\n content: \"\\eba4\";\n}\n\n.codicon-issue-closed:before {\n content: \"\\eba4\";\n}\n\n.codicon-stop-circle:before {\n content: \"\\eba5\";\n}\n\n.codicon-play-circle:before {\n content: \"\\eba6\";\n}\n\n.codicon-record:before {\n content: \"\\eba7\";\n}\n\n.codicon-debug-alt-small:before {\n content: \"\\eba8\";\n}\n\n.codicon-vm-connect:before {\n content: \"\\eba9\";\n}\n\n.codicon-cloud:before {\n content: \"\\ebaa\";\n}\n\n.codicon-merge:before {\n content: \"\\ebab\";\n}\n\n.codicon-export:before {\n content: \"\\ebac\";\n}\n\n.codicon-graph-left:before {\n content: \"\\ebad\";\n}\n\n.codicon-magnet:before {\n content: \"\\ebae\";\n}\n\n.codicon-notebook:before {\n content: \"\\ebaf\";\n}\n\n.codicon-redo:before {\n content: \"\\ebb0\";\n}\n\n.codicon-check-all:before {\n content: \"\\ebb1\";\n}\n\n.codicon-pinned-dirty:before {\n content: \"\\ebb2\";\n}\n\n.codicon-pass-filled:before {\n content: \"\\ebb3\";\n}\n\n.codicon-circle-large-filled:before {\n content: \"\\ebb4\";\n}\n\n.codicon-circle-large:before {\n content: \"\\ebb5\";\n}\n\n.codicon-circle-large-outline:before {\n content: \"\\ebb5\";\n}\n\n.codicon-combine:before {\n content: \"\\ebb6\";\n}\n\n.codicon-gather:before {\n content: \"\\ebb6\";\n}\n\n.codicon-table:before {\n content: \"\\ebb7\";\n}\n\n.codicon-variable-group:before {\n content: \"\\ebb8\";\n}\n\n.codicon-type-hierarchy:before {\n content: \"\\ebb9\";\n}\n\n.codicon-type-hierarchy-sub:before {\n content: \"\\ebba\";\n}\n\n.codicon-type-hierarchy-super:before {\n content: \"\\ebbb\";\n}\n\n.codicon-git-pull-request-create:before {\n content: \"\\ebbc\";\n}\n\n.codicon-run-above:before {\n content: \"\\ebbd\";\n}\n\n.codicon-run-below:before {\n content: \"\\ebbe\";\n}\n\n.codicon-notebook-template:before {\n content: \"\\ebbf\";\n}\n\n.codicon-debug-rerun:before {\n content: \"\\ebc0\";\n}\n\n.codicon-workspace-trusted:before {\n content: \"\\ebc1\";\n}\n\n.codicon-workspace-untrusted:before {\n content: \"\\ebc2\";\n}\n\n.codicon-workspace-unknown:before {\n content: \"\\ebc3\";\n}\n\n.codicon-terminal-cmd:before {\n content: \"\\ebc4\";\n}\n\n.codicon-terminal-debian:before {\n content: \"\\ebc5\";\n}\n\n.codicon-terminal-linux:before {\n content: \"\\ebc6\";\n}\n\n.codicon-terminal-powershell:before {\n content: \"\\ebc7\";\n}\n\n.codicon-terminal-tmux:before {\n content: \"\\ebc8\";\n}\n\n.codicon-terminal-ubuntu:before {\n content: \"\\ebc9\";\n}\n\n.codicon-terminal-bash:before {\n content: \"\\ebca\";\n}\n\n.codicon-arrow-swap:before {\n content: \"\\ebcb\";\n}\n\n.codicon-copy:before {\n content: \"\\ebcc\";\n}\n\n.codicon-person-add:before {\n content: \"\\ebcd\";\n}\n\n.codicon-filter-filled:before {\n content: \"\\ebce\";\n}\n\n.codicon-wand:before {\n content: \"\\ebcf\";\n}\n\n.codicon-debug-line-by-line:before {\n content: \"\\ebd0\";\n}\n\n.codicon-inspect:before {\n content: \"\\ebd1\";\n}\n\n.codicon-layers:before {\n content: \"\\ebd2\";\n}\n\n.codicon-layers-dot:before {\n content: \"\\ebd3\";\n}\n\n.codicon-layers-active:before {\n content: \"\\ebd4\";\n}\n\n.codicon-compass:before {\n content: \"\\ebd5\";\n}\n\n.codicon-compass-dot:before {\n content: \"\\ebd6\";\n}\n\n.codicon-compass-active:before {\n content: \"\\ebd7\";\n}\n\n.codicon-azure:before {\n content: \"\\ebd8\";\n}\n\n.codicon-issue-draft:before {\n content: \"\\ebd9\";\n}\n\n.codicon-git-pull-request-closed:before {\n content: \"\\ebda\";\n}\n\n.codicon-git-pull-request-draft:before {\n content: \"\\ebdb\";\n}\n\n.codicon-debug-all:before {\n content: \"\\ebdc\";\n}\n\n.codicon-debug-coverage:before {\n content: \"\\ebdd\";\n}\n\n.codicon-run-errors:before {\n content: \"\\ebde\";\n}\n\n.codicon-folder-library:before {\n content: \"\\ebdf\";\n}\n\n.codicon-debug-continue-small:before {\n content: \"\\ebe0\";\n}\n\n.codicon-beaker-stop:before {\n content: \"\\ebe1\";\n}\n\n.codicon-graph-line:before {\n content: \"\\ebe2\";\n}\n\n.codicon-graph-scatter:before {\n content: \"\\ebe3\";\n}\n\n.codicon-pie-chart:before {\n content: \"\\ebe4\";\n}\n\n.codicon-bracket:before {\n content: \"\\eb0f\";\n}\n\n.codicon-bracket-dot:before {\n content: \"\\ebe5\";\n}\n\n.codicon-bracket-error:before {\n content: \"\\ebe6\";\n}\n\n.codicon-lock-small:before {\n content: \"\\ebe7\";\n}\n\n.codicon-azure-devops:before {\n content: \"\\ebe8\";\n}\n\n.codicon-verified-filled:before {\n content: \"\\ebe9\";\n}\n\n.codicon-newline:before {\n content: \"\\ebea\";\n}\n\n.codicon-layout:before {\n content: \"\\ebeb\";\n}\n\n.codicon-layout-activitybar-left:before {\n content: \"\\ebec\";\n}\n\n.codicon-layout-activitybar-right:before {\n content: \"\\ebed\";\n}\n\n.codicon-layout-panel-left:before {\n content: \"\\ebee\";\n}\n\n.codicon-layout-panel-center:before {\n content: \"\\ebef\";\n}\n\n.codicon-layout-panel-justify:before {\n content: \"\\ebf0\";\n}\n\n.codicon-layout-panel-right:before {\n content: \"\\ebf1\";\n}\n\n.codicon-layout-panel:before {\n content: \"\\ebf2\";\n}\n\n.codicon-layout-sidebar-left:before {\n content: \"\\ebf3\";\n}\n\n.codicon-layout-sidebar-right:before {\n content: \"\\ebf4\";\n}\n\n.codicon-layout-statusbar:before {\n content: \"\\ebf5\";\n}\n\n.codicon-layout-menubar:before {\n content: \"\\ebf6\";\n}\n\n.codicon-layout-centered:before {\n content: \"\\ebf7\";\n}\n\n.codicon-target:before {\n content: \"\\ebf8\";\n}\n\n.codicon-indent:before {\n content: \"\\ebf9\";\n}\n\n.codicon-record-small:before {\n content: \"\\ebfa\";\n}\n\n.codicon-error-small:before {\n content: \"\\ebfb\";\n}\n\n.codicon-terminal-decoration-error:before {\n content: \"\\ebfb\";\n}\n\n.codicon-arrow-circle-down:before {\n content: \"\\ebfc\";\n}\n\n.codicon-arrow-circle-left:before {\n content: \"\\ebfd\";\n}\n\n.codicon-arrow-circle-right:before {\n content: \"\\ebfe\";\n}\n\n.codicon-arrow-circle-up:before {\n content: \"\\ebff\";\n}\n\n.codicon-layout-sidebar-right-off:before {\n content: \"\\ec00\";\n}\n\n.codicon-layout-panel-off:before {\n content: \"\\ec01\";\n}\n\n.codicon-layout-sidebar-left-off:before {\n content: \"\\ec02\";\n}\n\n.codicon-blank:before {\n content: \"\\ec03\";\n}\n\n.codicon-heart-filled:before {\n content: \"\\ec04\";\n}\n\n.codicon-map:before {\n content: \"\\ec05\";\n}\n\n.codicon-map-horizontal:before {\n content: \"\\ec05\";\n}\n\n.codicon-fold-horizontal:before {\n content: \"\\ec05\";\n}\n\n.codicon-map-filled:before {\n content: \"\\ec06\";\n}\n\n.codicon-map-horizontal-filled:before {\n content: \"\\ec06\";\n}\n\n.codicon-fold-horizontal-filled:before {\n content: \"\\ec06\";\n}\n\n.codicon-circle-small:before {\n content: \"\\ec07\";\n}\n\n.codicon-bell-slash:before {\n content: \"\\ec08\";\n}\n\n.codicon-bell-slash-dot:before {\n content: \"\\ec09\";\n}\n\n.codicon-comment-unresolved:before {\n content: \"\\ec0a\";\n}\n\n.codicon-git-pull-request-go-to-changes:before {\n content: \"\\ec0b\";\n}\n\n.codicon-git-pull-request-new-changes:before {\n content: \"\\ec0c\";\n}\n\n.codicon-search-fuzzy:before {\n content: \"\\ec0d\";\n}\n\n.codicon-comment-draft:before {\n content: \"\\ec0e\";\n}\n\n.codicon-send:before {\n content: \"\\ec0f\";\n}\n\n.codicon-sparkle:before {\n content: \"\\ec10\";\n}\n\n.codicon-insert:before {\n content: \"\\ec11\";\n}\n\n.codicon-mic:before {\n content: \"\\ec12\";\n}\n\n.codicon-thumbsdown-filled:before {\n content: \"\\ec13\";\n}\n\n.codicon-thumbsup-filled:before {\n content: \"\\ec14\";\n}\n\n.codicon-coffee:before {\n content: \"\\ec15\";\n}\n\n.codicon-snake:before {\n content: \"\\ec16\";\n}\n\n.codicon-game:before {\n content: \"\\ec17\";\n}\n\n.codicon-vr:before {\n content: \"\\ec18\";\n}\n\n.codicon-chip:before {\n content: \"\\ec19\";\n}\n\n.codicon-piano:before {\n content: \"\\ec1a\";\n}\n\n.codicon-music:before {\n content: \"\\ec1b\";\n}\n\n.codicon-mic-filled:before {\n content: \"\\ec1c\";\n}\n\n.codicon-repo-fetch:before {\n content: \"\\ec1d\";\n}\n\n.codicon-copilot:before {\n content: \"\\ec1e\";\n}\n\n.codicon-lightbulb-sparkle:before {\n content: \"\\ec1f\";\n}\n\n.codicon-robot:before {\n content: \"\\ec20\";\n}\n\n.codicon-sparkle-filled:before {\n content: \"\\ec21\";\n}\n\n.codicon-diff-single:before {\n content: \"\\ec22\";\n}\n\n.codicon-diff-multiple:before {\n content: \"\\ec23\";\n}\n\n.codicon-surround-with:before {\n content: \"\\ec24\";\n}\n\n.codicon-share:before {\n content: \"\\ec25\";\n}\n\n.codicon-git-stash:before {\n content: \"\\ec26\";\n}\n\n.codicon-git-stash-apply:before {\n content: \"\\ec27\";\n}\n\n.codicon-git-stash-pop:before {\n content: \"\\ec28\";\n}\n\n.codicon-vscode:before {\n content: \"\\ec29\";\n}\n\n.codicon-vscode-insiders:before {\n content: \"\\ec2a\";\n}\n\n.codicon-code-oss:before {\n content: \"\\ec2b\";\n}\n\n.codicon-run-coverage:before {\n content: \"\\ec2c\";\n}\n\n.codicon-run-all-coverage:before {\n content: \"\\ec2d\";\n}\n\n.codicon-coverage:before {\n content: \"\\ec2e\";\n}\n\n.codicon-github-project:before {\n content: \"\\ec2f\";\n}\n\n.codicon-map-vertical:before {\n content: \"\\ec30\";\n}\n\n.codicon-fold-vertical:before {\n content: \"\\ec30\";\n}\n\n.codicon-map-vertical-filled:before {\n content: \"\\ec31\";\n}\n\n.codicon-fold-vertical-filled:before {\n content: \"\\ec31\";\n}\n\n.codicon-go-to-search:before {\n content: \"\\ec32\";\n}\n\n.codicon-percentage:before {\n content: \"\\ec33\";\n}\n\n.codicon-sort-percentage:before {\n content: \"\\ec33\";\n}\n\n.codicon-attach:before {\n content: \"\\ec34\";\n}\n\n.codicon-go-to-editing-session:before {\n content: \"\\ec35\";\n}\n\n.codicon-edit-session:before {\n content: \"\\ec36\";\n}\n\n.codicon-code-review:before {\n content: \"\\ec37\";\n}\n\n.codicon-copilot-warning:before {\n content: \"\\ec38\";\n}\n\n.codicon-python:before {\n content: \"\\ec39\";\n}\n\n.codicon-git-fetch:before {\n content: \"\\f101\";\n}\n\n@layer kol-component {\n /* :host implicitly inherits font-size, see below */\n :host {\n color: inherit;\n display: contents;\n font-size: inherit;\n line-height: inherit;\n }\n /* this rules overwrites the fixed font size from codicon */\n :host > i,\n :host > i::before {\n font-size: inherit !important;\n }\n}";
18224
18287
  var KolIconDefaultStyle0 = defaultStyleCss$y;
18225
18288
 
18226
18289
  class KolIcon {
@@ -18235,7 +18298,7 @@ class KolIcon {
18235
18298
  }
18236
18299
  render() {
18237
18300
  const ariaShow = this.state._label.length > 0;
18238
- return (hAsync(Host, { key: '7af77fdb58dcda68c7b39486bd80adb6605afd3d', exportparts: "icon", class: BEM_CLASS_ICON }, hAsync("i", { key: '8d8041a785fa85206a2b49d813ad1606bddd3a45', "aria-hidden": ariaShow ? undefined : 'true', "aria-label": ariaShow ? this.state._label : undefined, class: clsx(BEM_CLASS_ICON__ICON, this.state._icons), part: "icon", role: "img" })));
18301
+ return (hAsync(Host, { key: '75353c56fd805e34a400117efb8fabd4d67fe0e3', exportparts: "icon", class: BEM_CLASS_ICON }, hAsync("i", { key: '558cd2544c2d67890645a2b96056f75fbe5d23ca', "aria-hidden": ariaShow ? undefined : 'true', "aria-label": ariaShow ? this.state._label : undefined, class: clsx(BEM_CLASS_ICON__ICON, this.state._icons), part: "icon", role: "img" })));
18239
18302
  }
18240
18303
  validateIcons(value) {
18241
18304
  watchString(this, '_icons', value, {
@@ -18290,15 +18353,13 @@ class KolImage {
18290
18353
  };
18291
18354
  }
18292
18355
  validateAlt(value) {
18293
- watchString(this, '_alt', value, {
18294
- required: true,
18295
- });
18356
+ validateAlt(this, value, { required: true });
18296
18357
  }
18297
18358
  validateLoading(value) {
18298
18359
  validateLoading(this, value);
18299
18360
  }
18300
18361
  validateSizes(value) {
18301
- watchString(this, '_sizes', value);
18362
+ validateImageSizes(this, value);
18302
18363
  }
18303
18364
  validateSrc(value) {
18304
18365
  validateImageSource(this, value, {
@@ -18306,7 +18367,7 @@ class KolImage {
18306
18367
  });
18307
18368
  }
18308
18369
  validateSrcset(value) {
18309
- watchString(this, '_srcset', value);
18370
+ validateImageSrcset(this, value);
18310
18371
  }
18311
18372
  componentWillLoad() {
18312
18373
  this.validateAlt(this._alt);
@@ -18316,7 +18377,7 @@ class KolImage {
18316
18377
  this.validateSrcset(this._srcset);
18317
18378
  }
18318
18379
  render() {
18319
- return (hAsync("img", { key: '4e7a343118526969cd9823e2900daaa9de531f44', class: "kol-image", alt: this.state._alt, loading: this.state._loading, sizes: this.state._sizes, src: this.state._src, srcset: this.state._srcset }));
18380
+ return (hAsync("img", { key: 'cca1e1b65e9aab11b4c15bea394d6c54ead1a123', class: "kol-image", alt: this.state._alt, loading: this.state._loading, sizes: this.state._sizes, src: this.state._src, srcset: this.state._srcset }));
18320
18381
  }
18321
18382
  static get watchers() { return {
18322
18383
  "_alt": ["validateAlt"],
@@ -18662,7 +18723,7 @@ class KolInputCheckbox {
18662
18723
  return this.state._icons.unchecked;
18663
18724
  }
18664
18725
  render() {
18665
- return (hAsync(FormFieldStateWrapper, Object.assign({ key: '7fb2ecb21c81667431909cd393b331609c83be4e' }, this.getFormFieldProps(), { renderNoLabel: true }), hAsync(FieldControlStateWrapper, Object.assign({ key: 'b7211c6548c3cab0a5a7f9d71efe6c7bfd56f90b' }, this.getFieldControlProps(), { renderNoHint: true }), hAsync(CheckboxStateWrapper, Object.assign({ key: '9a6294d54e1ea9d51942eb13b27c1de2a036c431' }, this.getInputProps())))));
18726
+ return (hAsync(FormFieldStateWrapper, Object.assign({ key: '73b31891162e361165df092c4c7bc413003772ad' }, this.getFormFieldProps(), { renderNoLabel: true }), hAsync(FieldControlStateWrapper, Object.assign({ key: '538a09b43b95e7df787dda335d15ad20627f9310' }, this.getFieldControlProps(), { renderNoHint: true }), hAsync(CheckboxStateWrapper, Object.assign({ key: 'e6f0354200837b341d1a5d96140c6d8d1819553e' }, this.getInputProps())))));
18666
18727
  }
18667
18728
  constructor(hostRef) {
18668
18729
  registerInstance(this, hostRef);
@@ -18906,7 +18967,7 @@ class KolInputColor {
18906
18967
  return Object.assign(Object.assign({ state: Object.assign(Object.assign({}, other), { _suggestions: [] }) }, this.controller.onFacade), { onBlur: this.onBlur, onFocus: this.onFocus });
18907
18968
  }
18908
18969
  render() {
18909
- return (hAsync(FormFieldStateWrapper, Object.assign({ key: '4618fa8ab667bdc8d8418ddb9a5612298c70a52f' }, this.getFormFieldProps()), hAsync(InputContainerStateWrapperFc, { key: 'fe5ab536ae149d533ca24d048722def43b9414c8', state: this.state, class: "kol-input-color__inputs-wrapper" }, hAsync("div", { key: '5152e937fb33845d08374862d90487b507132edf', class: "kol-input-color__inputs-wrapper" }, hAsync(InputStateWrapper, Object.assign({ key: '4f256a72a9b3f45c4153a63a6c865ff5e5d50bfb', class: "kol-input-color__input kol-input-color__input--color" }, this.getInputColorProps())), hAsync(InputStateWrapper, Object.assign({ key: 'bb9edc748af69658ba7082624c75ff0c05527415', class: "kol-input-color__input kol-input-color__input--text" }, this.getInputTextProps()))))));
18970
+ return (hAsync(FormFieldStateWrapper, Object.assign({ key: '9819e75ec79e2f433b9891c65e8adc76a6060ff7' }, this.getFormFieldProps()), hAsync(InputContainerStateWrapperFc, { key: '39d921772be67e90f4318065eaa301de73c55de1', state: this.state, class: "kol-input-color__inputs-wrapper" }, hAsync("div", { key: '1344ed8e921f4a0b5e3f19b641e143087cf0c5ad', class: "kol-input-color__inputs-wrapper" }, hAsync(InputStateWrapper, Object.assign({ key: '4268a7202c520334cc00909cd830a600857e7a9b', class: "kol-input-color__input kol-input-color__input--color" }, this.getInputColorProps())), hAsync(InputStateWrapper, Object.assign({ key: '0dcb7f557b5b54992f59264f09e3d6f1669256e3', class: "kol-input-color__input kol-input-color__input--text" }, this.getInputTextProps()))))));
18910
18971
  }
18911
18972
  constructor(hostRef) {
18912
18973
  registerInstance(this, hostRef);
@@ -19297,7 +19358,7 @@ class KolInputDate {
19297
19358
  return Object.assign(Object.assign({ ref: this.catchRef, state: this.state }, this.controller.onFacade), { onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown, onChange: this.onChange, onInput: this.onInput });
19298
19359
  }
19299
19360
  render() {
19300
- return (hAsync(FormFieldStateWrapper, Object.assign({ key: 'ac7f8fd7609b8b4d6413bf6eca8312510b79bb2f' }, this.getFormFieldProps()), hAsync(InputContainerStateWrapperFc, { key: '591c94a645aed027dcbe71d36961cd5af27e1519', state: this.state }, hAsync(InputStateWrapper, Object.assign({ key: '9de3fc6749e333dc59202452773517b64f90e79c' }, this.getInputProps())))));
19361
+ return (hAsync(FormFieldStateWrapper, Object.assign({ key: '50b5630f0ed6bbdc759fc9a0a61e6a23da72d0fd' }, this.getFormFieldProps()), hAsync(InputContainerStateWrapperFc, { key: '61b9ac1c39b36767015c04d2fb287217de4b2630', state: this.state }, hAsync(InputStateWrapper, Object.assign({ key: 'd85db84980c7b4b433e58ae90f46312ffe1c471a' }, this.getInputProps())))));
19301
19362
  }
19302
19363
  constructor(hostRef) {
19303
19364
  registerInstance(this, hostRef);
@@ -19680,7 +19741,7 @@ class KolInputEmail {
19680
19741
  } });
19681
19742
  }
19682
19743
  render() {
19683
- return (hAsync(FormFieldStateWrapper, Object.assign({ key: '45f5d7733d0a437342c2e8bb1ce1775d0e7c9120' }, this.getFormFieldProps()), hAsync(InputContainerStateWrapperFc, { key: '2a8defce2681140146403050a95d4b06fa317d94', state: this.state }, hAsync(InputStateWrapper, Object.assign({ key: 'a7cc60872de4bb3da384bb0241bcaed3920574dc' }, this.getInputProps())))));
19744
+ return (hAsync(FormFieldStateWrapper, Object.assign({ key: '62d2b1a21c177e4291a1e3dd085cc62dacfedc89' }, this.getFormFieldProps()), hAsync(InputContainerStateWrapperFc, { key: 'b3173f28bda0736c7a836bc69d0d49c5719d839c', state: this.state }, hAsync(InputStateWrapper, Object.assign({ key: 'a1b8c5004238ef40999f17c4326daf1600a9c2eb' }, this.getInputProps())))));
19684
19745
  }
19685
19746
  constructor(hostRef) {
19686
19747
  registerInstance(this, hostRef);
@@ -19949,7 +20010,7 @@ class KolInputFile {
19949
20010
  } });
19950
20011
  }
19951
20012
  render() {
19952
- return (hAsync(FormFieldStateWrapper, Object.assign({ key: '6c81b473b7ba7db7b45405159e0ae33913fdea8a' }, this.getFormFieldProps()), hAsync(InputContainerStateWrapperFc, { key: '5e7229bb6eb56acb38c9354bd3a2f1d5e101aa93', state: this.state }, hAsync("span", { key: '3742d51be8c2cc4ee6723269a964589a990f9e23', class: clsx('kol-input-container__filename', { 'kol-input-container__filename--has-file': this.hasFileSelected }) }, this.filename), hAsync(InputStateWrapper, Object.assign({ key: 'a1f03cccb74166437976eea391187546537fdfff' }, this.getInputProps())), hAsync(KolButtonWcTag, { key: 'f4a981d962e7aa6b95c57629aa47c97eecec0483', class: "kol-input-container__button", _label: translate('kol-data-browse-text'), _buttonVariant: "primary", _disabled: this._disabled }))));
20013
+ return (hAsync(FormFieldStateWrapper, Object.assign({ key: '571eeade5da1a2c7c33c6e9536fff73ab6b7c856' }, this.getFormFieldProps()), hAsync(InputContainerStateWrapperFc, { key: 'a05eadc8193d5952f60e240baeed36b6d3880c2b', state: this.state }, hAsync("span", { key: '6b8aed4223e78be6f2f1cd2d063ea3fdcf1a06b4', class: clsx('kol-input-container__filename', { 'kol-input-container__filename--has-file': this.hasFileSelected }) }, this.filename), hAsync(InputStateWrapper, Object.assign({ key: 'c70e67ec14e42414e5878ba02db8223807f6821e' }, this.getInputProps())), hAsync(KolButtonWcTag, { key: '54a7770ad286224155c4b5990239e195254d1e0c', class: "kol-input-container__button", _label: translate('kol-data-browse-text'), _buttonVariant: "primary", _disabled: this._disabled }))));
19953
20014
  }
19954
20015
  constructor(hostRef) {
19955
20016
  registerInstance(this, hostRef);
@@ -20253,7 +20314,7 @@ class KolInputNumber {
20253
20314
  } });
20254
20315
  }
20255
20316
  render() {
20256
- return (hAsync(FormFieldStateWrapper, Object.assign({ key: 'feca61b5264bf7d6c2ff99750c740c40cd2718be' }, this.getFormFieldProps()), hAsync(InputContainerStateWrapperFc, { key: 'e5c1c8c4b34e514eb48169fd3c698d9623621a26', state: this.state }, hAsync(InputStateWrapper, Object.assign({ key: '3bd9aa36a2b5cf83821f9f372c501b2424f8c8d8' }, this.getInputProps())))));
20317
+ return (hAsync(FormFieldStateWrapper, Object.assign({ key: '0f80a75583c63b7ca5df58006a765a47749ca15a' }, this.getFormFieldProps()), hAsync(InputContainerStateWrapperFc, { key: '737a2e9a830d830e78e698828de9e6b6c0a89fa1', state: this.state }, hAsync(InputStateWrapper, Object.assign({ key: 'dd94e2b01de6df603fc092a56723cb7cb10d9b72' }, this.getInputProps())))));
20257
20318
  }
20258
20319
  constructor(hostRef) {
20259
20320
  registerInstance(this, hostRef);
@@ -20519,7 +20580,7 @@ class KolInputPassword {
20519
20580
  }, icon: `codicon codicon-eye-${this._passwordVisible ? 'closed' : 'watch'}`, disabled: this._disabled }));
20520
20581
  }
20521
20582
  render() {
20522
- return (hAsync(FormFieldStateWrapper, Object.assign({ key: '2ba660e23dc9483372fdd8fba9bb399b025ee171' }, this.getFormFieldProps()), hAsync(InputContainerStateWrapperFc, { key: 'c4134efc91a398dbdd9400b6e6ee76514c918bb0', state: this.state, endAdornment: this.getShowPasswordButton() }, hAsync(InputStateWrapper, Object.assign({ key: 'fb18f741c95177b8db5d969f3555d1f410106c35' }, this.getInputProps())))));
20583
+ return (hAsync(FormFieldStateWrapper, Object.assign({ key: 'e9ead4d96e4257182ca0d308afe292deccf89108' }, this.getFormFieldProps()), hAsync(InputContainerStateWrapperFc, { key: 'd5e99e1805500ee6c57d7500c11a99d7fd0add98', state: this.state, endAdornment: this.getShowPasswordButton() }, hAsync(InputStateWrapper, Object.assign({ key: '3dc6efeb4978d2c3de7644039407c6eae2b3162b' }, this.getInputProps())))));
20523
20584
  }
20524
20585
  constructor(hostRef) {
20525
20586
  registerInstance(this, hostRef);
@@ -20806,7 +20867,7 @@ class KolInputRadio {
20806
20867
  };
20807
20868
  }
20808
20869
  render() {
20809
- return (hAsync(FormFieldStateWrapper, Object.assign({ key: '1dc48b26e8e760c4fa2c5db8ec8d93e6e83e5adc' }, this.getFormFieldProps()), this.state._options.map((option, index) => this.renderOption(option, index))));
20870
+ return (hAsync(FormFieldStateWrapper, Object.assign({ key: '3f0e5e53e5145d7e6cf07ab9674897319dad9517' }, this.getFormFieldProps()), this.state._options.map((option, index) => this.renderOption(option, index))));
20810
20871
  }
20811
20872
  getOptionProps(option, id) {
20812
20873
  const obj = {
@@ -21120,7 +21181,7 @@ class KolInputRange {
21120
21181
  const inputsWrapperStyle = {
21121
21182
  '--kolibri-input-range--input-number--width': `calc(${String((_a = this.state._max) !== null && _a !== void 0 ? _a : 1000).length}ch + 1.5em)`,
21122
21183
  };
21123
- return (hAsync(FormFieldStateWrapper, Object.assign({ key: '5d56861fc1c23ffbefab29f5d5f0fb8d4e4f2683' }, this.getFormFieldProps()), hAsync(InputContainerStateWrapperFc, { key: '3f100003b5d753e159faae7eab73bef9f7dba0c4', state: this.state }, hAsync("div", { key: '97d3e471d84050d5db115356bd5d2896f9221552', class: "kol-input-range__inputs-wrapper", style: inputsWrapperStyle }, hAsync(InputStateWrapper, Object.assign({ key: '5bb76d32de7231b50943bd087dc0a9c95884dba8', class: "kol-input-range__input kol-input-range__input--range" }, this.getInputRangeProps())), hAsync(InputStateWrapper, Object.assign({ key: 'ab64cf16ab7a18bbf64dcbb34a3b267fa85f1944', class: "kol-input-range__input kol-input-range__input--number" }, this.getInputNumberProps()))), this.hasSuggestions && hAsync(SuggestionsFc, { key: '68853b859d7495e36f0fd1822b110b33c31cbcdb', id: this.state._id, suggestions: this.state._suggestions }))));
21184
+ return (hAsync(FormFieldStateWrapper, Object.assign({ key: '8d438c5dff8f05f99138e4bc8a462cb8d6ac4528' }, this.getFormFieldProps()), hAsync(InputContainerStateWrapperFc, { key: '388ed516536c78a7a71d62c16fbc4e7a9f94082a', state: this.state }, hAsync("div", { key: 'beb70e9701121d84fe1350f8ed011893fffd8175', class: "kol-input-range__inputs-wrapper", style: inputsWrapperStyle }, hAsync(InputStateWrapper, Object.assign({ key: '6edb48a90fc5d5495d1b4659b57a4e134ccf9c00', class: "kol-input-range__input kol-input-range__input--range" }, this.getInputRangeProps())), hAsync(InputStateWrapper, Object.assign({ key: 'eb10eee938ac3e32c693804fe18c5db3aae51441', class: "kol-input-range__input kol-input-range__input--number" }, this.getInputNumberProps()))), this.hasSuggestions && hAsync(SuggestionsFc, { key: 'd8e4bb882db04f3a8150461055327afd2606c29a', id: this.state._id, suggestions: this.state._suggestions }))));
21124
21185
  }
21125
21186
  constructor(hostRef) {
21126
21187
  registerInstance(this, hostRef);
@@ -21354,7 +21415,7 @@ class KolInputText {
21354
21415
  return Object.assign(Object.assign({ ref: this.catchRef, state: this.state }, this.controller.onFacade), { onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, onKeyDown: this.onKeyDown });
21355
21416
  }
21356
21417
  render() {
21357
- return (hAsync(FormFieldStateWrapper, Object.assign({ key: '03b91cd888725258ffc7d51f35cedd847147babf' }, this.getFormFieldProps()), hAsync(InputContainerStateWrapperFc, { key: '8a9378fb5d82ab7427c4869899da6326e0b6030d', state: this.state }, hAsync(InputStateWrapper, Object.assign({ key: 'd78f3ae5645e24c5967922faa3c2b7b0908481e8' }, this.getInputProps())))));
21418
+ return (hAsync(FormFieldStateWrapper, Object.assign({ key: '07428ffab7472429381e21d4826f6fc3a7e462ba' }, this.getFormFieldProps()), hAsync(InputContainerStateWrapperFc, { key: '283eb7cf54bef34c361c946aabedfb3f875f6898', state: this.state }, hAsync(InputStateWrapper, Object.assign({ key: '1691927cde0c7b08bf7c82628a91ec36beb9e776' }, this.getInputProps())))));
21358
21419
  }
21359
21420
  constructor(hostRef) {
21360
21421
  registerInstance(this, hostRef);
@@ -21628,7 +21689,7 @@ class KolKolibri {
21628
21689
  }
21629
21690
  render() {
21630
21691
  const fillColor = `rgb(${this.state._color.red},${this.state._color.green},${this.state._color.blue})`;
21631
- return (hAsync("svg", { key: 'ebf40a012601aa47d7d8ccf468bedd4d2c3a1791', class: "kol-kolibri", role: "img", "aria-label": translate('kol-kolibri-logo'), xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 600 600", fill: fillColor }, hAsync("path", { key: 'ab975a91f6e8c31b5974d34e84756d632abd3f97', d: "M353 322L213 304V434L353 322Z" }), hAsync("path", { key: '1a4eb79c9a5e6b4583794a1c2eb907e743631250', d: "M209 564V304L149 434L209 564Z" }), hAsync("path", { key: 'b7a568ab2df23c1c1d2e5d3118306124b2951f5f', d: "M357 316L417 250L361 210L275 244L357 316Z" }), hAsync("path", { key: '6c0b57921a108bf854bcd58e3f7e37a946caa4db', d: "M329 218L237 92L250 222L272 241L329 218Z" }), hAsync("path", { key: '19ac22727540e5886ea0e5aa1e7614132cee0cd6', d: "M353 318L35 36L213 300L353 318Z" }), hAsync("path", { key: '2ebe31030f448a79dc81987f765451346816c4fc', d: "M391 286L565 272L421 252L391 286Z" }), this.state._labeled === true && (hAsync("text", { key: '438c55b66636fd2059b753741489e25209a29e87', class: "kol-kolibri__text", x: "250", y: "525", fill: fillColor }, "KoliBri"))));
21692
+ return (hAsync("svg", { key: '1945fdcb58c141c29f0d1c8a50916c355b6d3803', class: "kol-kolibri", role: "img", "aria-label": translate('kol-kolibri-logo'), xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 600 600", fill: fillColor }, hAsync("path", { key: 'c274327a042aff7394850483cf48e2e0f5009f16', d: "M353 322L213 304V434L353 322Z" }), hAsync("path", { key: 'd2dcf55ef33f5fa55cbf780c53eb78b318c5ee1a', d: "M209 564V304L149 434L209 564Z" }), hAsync("path", { key: '94bee6eb94b3a33895d6ad1e42e10ff5f579dd34', d: "M357 316L417 250L361 210L275 244L357 316Z" }), hAsync("path", { key: '19a48f90c9f6d24391a2b5bdaaec0205ef6b346d', d: "M329 218L237 92L250 222L272 241L329 218Z" }), hAsync("path", { key: 'e8e04281d24bd01ef48b98a7396603c31557bb81', d: "M353 318L35 36L213 300L353 318Z" }), hAsync("path", { key: 'ce6865b2cb1f6e3d1782e257e9ba409daa48074d', d: "M391 286L565 272L421 252L391 286Z" }), this.state._labeled === true && (hAsync("text", { key: '01776673c11b8869494caa3df7fafc847f8e8276', class: "kol-kolibri__text", x: "250", y: "525", fill: fillColor }, "KoliBri"))));
21632
21693
  }
21633
21694
  validateColor(value) {
21634
21695
  validateColor(this, value, {
@@ -21698,7 +21759,7 @@ class KolLink {
21698
21759
  await ((_a = this.linkWcRef) === null || _a === void 0 ? void 0 : _a.kolFocus());
21699
21760
  }
21700
21761
  render() {
21701
- return (hAsync(KolLinkWcTag, { key: 'c0e4247236d6e2ba43b83c11a44ccb69e756b26e', ref: this.catchRef, _accessKey: this._accessKey, _ariaCurrentValue: this._ariaCurrentValue, _ariaDescription: this._ariaDescription, _disabled: this._disabled, _download: this._download, _hideLabel: this._hideLabel, _href: this._href, _icons: this._icons, _label: this._label, _linkVariant: this._variant, _on: this._on, _role: this._role, _shortKey: this._shortKey, _target: this._target, _tooltipAlign: this._tooltipAlign }, hAsync("slot", { key: '932d6f5c1ec8941a310205bfa7d565ed3df38346', name: "expert", slot: "expert" })));
21762
+ return (hAsync(KolLinkWcTag, { key: '90543b09e049e96279c230a150f090deaf7bbb72', ref: this.catchRef, _accessKey: this._accessKey, _ariaCurrentValue: this._ariaCurrentValue, _ariaDescription: this._ariaDescription, _disabled: this._disabled, _download: this._download, _hideLabel: this._hideLabel, _href: this._href, _icons: this._icons, _label: this._label, _linkVariant: this._variant, _on: this._on, _role: this._role, _shortKey: this._shortKey, _target: this._target, _tooltipAlign: this._tooltipAlign }, hAsync("slot", { key: '3fa4b6a10a59453f0ebd3114bfa6811eb44cea92', name: "expert", slot: "expert" })));
21702
21763
  }
21703
21764
  static get delegatesFocus() { return true; }
21704
21765
  static get style() { return {
@@ -21762,7 +21823,7 @@ class KolLinkButton {
21762
21823
  await ((_a = this.linkWcRef) === null || _a === void 0 ? void 0 : _a.kolFocus());
21763
21824
  }
21764
21825
  render() {
21765
- return (hAsync(KolLinkWcTag, { key: '3ce48436143c5b859fff353b42ce2a052a65059f', ref: this.catchRef, _accessKey: this._accessKey, _ariaCurrentValue: this._ariaCurrentValue, _ariaDescription: this._ariaDescription, _customClass: this._customClass, _disabled: this._disabled, _download: this._download, _hideLabel: this._hideLabel, _href: this._href, _icons: this._icons, _label: this._label, _on: this._on, _role: "button", _shortKey: this._shortKey, _target: this._target, _tooltipAlign: this._tooltipAlign, _buttonVariant: this._variant }, hAsync("slot", { key: '24987526fca9ad8841498d5b42a653f48ad44f85', name: "expert", slot: "expert" })));
21826
+ return (hAsync(KolLinkWcTag, { key: 'c43e9c9834dff4e54aa321ef464b9e6f95019dc5', ref: this.catchRef, _accessKey: this._accessKey, _ariaCurrentValue: this._ariaCurrentValue, _ariaDescription: this._ariaDescription, _customClass: this._customClass, _disabled: this._disabled, _download: this._download, _hideLabel: this._hideLabel, _href: this._href, _icons: this._icons, _label: this._label, _on: this._on, _role: "button", _shortKey: this._shortKey, _target: this._target, _tooltipAlign: this._tooltipAlign, _buttonVariant: this._variant }, hAsync("slot", { key: 'c2d514cb0c22f129364fb59ec873c91f826043fe', name: "expert", slot: "expert" })));
21766
21827
  }
21767
21828
  static get delegatesFocus() { return true; }
21768
21829
  static get style() { return {
@@ -21876,7 +21937,7 @@ class KolLinkWc {
21876
21937
  const { isExternal, tagAttrs } = this.getRenderValues();
21877
21938
  const hasExpertSlot = showExpertSlot(this.state._label);
21878
21939
  const hasAriaDescription = Boolean((_b = (_a = this.state._ariaDescription) === null || _a === void 0 ? void 0 : _a.trim()) === null || _b === void 0 ? void 0 : _b.length);
21879
- return (hAsync(Host, { key: 'f4b7614d0e2338f6788664a4d2af3b7f8596446a' }, hAsync("a", Object.assign({ key: 'cf573cd4f7ace42825ff86906c9d2bfb00d3d675', ref: this.catchRef }, tagAttrs, { accessKey: this.state._accessKey, "aria-current": this.state._ariaCurrent, "aria-describedby": hasAriaDescription ? this.internalDescriptionById : undefined, "aria-disabled": this.state._disabled ? 'true' : undefined, "aria-expanded": typeof this.state._ariaExpanded === 'boolean' ? String(this.state._ariaExpanded) : undefined, "aria-owns": this.state._ariaOwns, "aria-label": this.state._hideLabel && typeof this.state._label === 'string'
21940
+ return (hAsync(Host, { key: '9fd3ab61de61d27594a243f8b0eeb4ac2f303eec' }, hAsync("a", Object.assign({ key: '2c1ecc6b981fa646bd9b2f16aaf13c586deb503d', ref: this.catchRef }, tagAttrs, { accessKey: this.state._accessKey, "aria-current": this.state._ariaCurrent, "aria-describedby": hasAriaDescription ? this.internalDescriptionById : undefined, "aria-disabled": this.state._disabled ? 'true' : undefined, "aria-expanded": typeof this.state._ariaExpanded === 'boolean' ? String(this.state._ariaExpanded) : undefined, "aria-owns": this.state._ariaOwns, "aria-label": this.state._hideLabel && typeof this.state._label === 'string'
21880
21941
  ? `${this.state._label}${isExternal ? ` (${translate('kol-open-link-in-tab')})` : ''}`
21881
21942
  : undefined, class: clsx('kol-link', {
21882
21943
  'kol-link--disabled': this.state._disabled === true,
@@ -21885,7 +21946,7 @@ class KolLinkWc {
21885
21946
  [`kol-link--${this.state._buttonVariant}`]: this.state._role === 'button' && this.state._buttonVariant !== 'custom',
21886
21947
  [`kol-link--${this.state._linkVariant}`]: this.state._linkVariant,
21887
21948
  [this.state._customClass]: this.state._buttonVariant === 'custom' && typeof this.state._customClass === 'string' && this.state._customClass.length > 0,
21888
- }) }, this.state._on, { onClick: this.onClick, onKeyPress: this.onClick, role: this.state._role, tabIndex: this.state._disabled ? -1 : this.state._tabIndex }), hAsync(KolSpanFc, { key: '6843964d8916e46baba9fa60f9595a5110f56b3a', class: "kol-link__text", badgeText: this.state._accessKey || this.state._shortKey, icons: this.state._icons, hideLabel: this.state._hideLabel, label: hasExpertSlot ? '' : this.state._label || this.state._href }, hAsync("slot", { key: '0bda74f7546d38397f925f6fd3d4ac26ca1493fd', name: "expert", slot: "expert" })), isExternal && (hAsync(KolIconTag, { key: 'a6c6a408eda2c2366de194b9c5e59d7e41fe1ab3', class: "kol-link__icon", _label: this.state._hideLabel ? '' : translate('kol-open-link-in-tab'), _icons: 'codicon codicon-link-external', "aria-hidden": this.state._hideLabel }))), hAsync(KolTooltipWcTag, { key: 'a54e006832ffc7c4bcd92b17b7c4c28819211319', "aria-hidden": "true", class: "kol-link__tooltip", hidden: hasExpertSlot || !this.state._hideLabel, _badgeText: this.state._accessKey || this.state._shortKey, _align: this.state._tooltipAlign, _label: this.state._label || this.state._href }), hasAriaDescription && (hAsync("span", { key: 'e2faae829a690eff8740fc24263f86ab840016ce', class: "visually-hidden", id: this.internalDescriptionById }, this.state._ariaDescription))));
21949
+ }) }, this.state._on, { onClick: this.onClick, onKeyPress: this.onClick, role: this.state._role, tabIndex: this.state._disabled ? -1 : this.state._tabIndex }), hAsync(KolSpanFc, { key: 'e5ef2f2e1c87c31ecc1ef6407f096d167350c0f2', class: "kol-link__text", badgeText: this.state._accessKey || this.state._shortKey, icons: this.state._icons, hideLabel: this.state._hideLabel, label: hasExpertSlot ? '' : this.state._label || this.state._href }, hAsync("slot", { key: '60d906388bd1cf763c2bd4631945e3926c478086', name: "expert", slot: "expert" })), isExternal && (hAsync(KolIconTag, { key: '137e738b086d43c2cbc619b2a57b980609e79bc1', class: "kol-link__icon", _label: this.state._hideLabel ? '' : translate('kol-open-link-in-tab'), _icons: 'codicon codicon-link-external', "aria-hidden": this.state._hideLabel }))), hAsync(KolTooltipWcTag, { key: 'e0064f0ca3a2e2b579ca411d9734ef8e4beaaa75', "aria-hidden": "true", class: "kol-link__tooltip", hidden: hasExpertSlot || !this.state._hideLabel, _badgeText: this.state._accessKey || this.state._shortKey, _align: this.state._tooltipAlign, _label: this.state._label || this.state._href }), hasAriaDescription && (hAsync("span", { key: '3563c0639768272faaabcba6ff98327c5997f69b', class: "visually-hidden", id: this.internalDescriptionById }, this.state._ariaDescription))));
21889
21950
  }
21890
21951
  validateAccessKey(value) {
21891
21952
  validateAccessKey(this, value);
@@ -22082,11 +22143,11 @@ class KolModal {
22082
22143
  (_b = (_a = this.refDialog) === null || _a === void 0 ? void 0 : _a.close) === null || _b === void 0 ? void 0 : _b.call(_a);
22083
22144
  }
22084
22145
  render() {
22085
- return (hAsync("dialog", { key: 'a7746d9555c2d6e0172e184e370562e7bf7d8967', class: clsx('kol-modal', { 'kol-modal__card': this.state._variant === 'card' }), ref: (el) => {
22146
+ return (hAsync("dialog", { key: 'e78e57c1eb66cde98ff6fa4149a2589ee16ba9cf', class: clsx('kol-modal', { 'kol-modal__card': this.state._variant === 'card' }), ref: (el) => {
22086
22147
  this.refDialog = el;
22087
22148
  }, style: {
22088
22149
  width: this.state._width,
22089
- }, "aria-label": this.state._label, onClose: this.handleNativeCloseEvent.bind(this) }, hAsync("div", { key: 'af55fc367328cff9c1495518b39b92941101d9be', tabindex: "-1" }, hAsync("slot", { key: 'e83efa707edf86463258ec35c174f2553a8405bf' })), this.state._variant === 'card' && (hAsync(KolButtonWcTag, { key: '234abb9a34c39e748a74471fb87595f9d144b994', class: "kol-modal__close-button", "data-testid": "modal-close-button", _hideLabel: true, _icons: {
22150
+ }, "aria-label": this.state._label, onClose: this.handleNativeCloseEvent.bind(this) }, hAsync("div", { key: '695626e109e7026ed4ec1bf8cbfe8b60125d64f6', tabindex: "-1" }, hAsync("slot", { key: 'ef6165e95f52d3a4ea08058bd8a6f05e7487066e' })), this.state._variant === 'card' && (hAsync(KolButtonWcTag, { key: '1b591e2d72673fbd7ee85ae77568997af248ce85', class: "kol-modal__close-button", "data-testid": "modal-close-button", _hideLabel: true, _icons: {
22090
22151
  left: {
22091
22152
  icon: 'codicon codicon-close',
22092
22153
  },
@@ -22263,9 +22324,9 @@ class KolNav {
22263
22324
  const collapsible = this.state._collapsible === true;
22264
22325
  const hideLabel = this.state._hideLabel === true;
22265
22326
  const orientation = this.state._orientation;
22266
- return (hAsync("div", { key: 'e1017686dbaff0b5e937753f1d31d358dc26275b', class: clsx('kol-nav', `kol-nav--${orientation}`, {
22327
+ return (hAsync("div", { key: '41b5171c34c2c740b8b4dd8449e6334721e7cb19', class: clsx('kol-nav', `kol-nav--${orientation}`, {
22267
22328
  'kol-nav--is-compact': this.state._hideLabel,
22268
- }) }, hAsync("nav", { key: '9b231aa86130dc61157a18ab253981a794f35879', class: "kol-nav__navigation", "aria-label": this.state._label, id: "nav" }, hAsync(this.linkList, { key: 'c363f2c816f0d762212c78ddba77624a461534d4', collapsible: collapsible, hideLabel: hideLabel, deep: 0, links: this.state._links, orientation: orientation })), hasCompactButton && (hAsync("div", { key: 'b8c48aa28e97d7b3f0aafbb21e40f2a88f4afa24', class: "kol-nav__compact" }, hAsync(KolButtonWcTag, { key: '5e9c3b8abd99125fde3a7318e6841ea7fcc82c8a', class: "kol-nav__toggle-button", _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: {
22329
+ }) }, hAsync("nav", { key: 'b0604a9fda51cb5e6435eb6187f3b461acc6743c', class: "kol-nav__navigation", "aria-label": this.state._label, id: "nav" }, hAsync(this.linkList, { key: 'ef7b63a443cf20b1ae7dfe96ce4561da14e26ef6', collapsible: collapsible, hideLabel: hideLabel, deep: 0, links: this.state._links, orientation: orientation })), hasCompactButton && (hAsync("div", { key: 'b65cdbaa29dbb9c490223969949eeaa28e9ad99e', class: "kol-nav__compact" }, hAsync(KolButtonWcTag, { key: '06923cae2ce196795887157deb943ce2009bddaf', class: "kol-nav__toggle-button", _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: {
22269
22330
  onClick: () => {
22270
22331
  this.state = Object.assign(Object.assign({}, this.state), { _hideLabel: this.state._hideLabel === false });
22271
22332
  },
@@ -24892,7 +24953,7 @@ class KolPopover {
24892
24953
  });
24893
24954
  }
24894
24955
  render() {
24895
- return (hAsync(Host, { key: '23e4ea8f366f0263df0099ee1f804412ccd05892', ref: this.catchHostAndTriggerElement, class: "kol-popover" }, hAsync("div", { key: 'f0b966725406619aecf64015f1cdebe11c24b047', class: clsx('kol-popover__content', { 'kol-popover__content--visible': this.state._visible }), ref: this.catchPopoverElement, hidden: !this.state._show }, hAsync("div", { key: '629b53f52ff434ef87738dfccb8c346a15f39c40', class: clsx('kol-popover__arrow', `kol-popover__arrow--${this.state._align}`), ref: this.catchArrowElement }), hAsync("slot", { key: 'afa7350520898288c61b7f65b07978c9a81c7289' }))));
24956
+ return (hAsync(Host, { key: '0e4417b04026533fed39e55e37c4b0257d1619ed', ref: this.catchHostAndTriggerElement, class: "kol-popover" }, hAsync("div", { key: '3135a074c8effed62444d63f72b17f4857532f21', class: clsx('kol-popover__content', { 'kol-popover__content--visible': this.state._visible }), ref: this.catchPopoverElement, hidden: !this.state._show }, hAsync("div", { key: 'f058aefc95d866b4fdb21b13ea1ca865b9e27106', class: clsx('kol-popover__arrow', `kol-popover__arrow--${this.state._align}`), ref: this.catchArrowElement }), hAsync("slot", { key: '9828753438fb3c917db8fd27ca1063b8acc09d84' }))));
24896
24957
  }
24897
24958
  validateAlign(value) {
24898
24959
  validateAlign(this, value);
@@ -24962,7 +25023,7 @@ class KolPopoverButton$1 {
24962
25023
  void ((_a = this.ref) === null || _a === void 0 ? void 0 : _a.hidePopover());
24963
25024
  }
24964
25025
  render() {
24965
- return (hAsync(KolPopoverButtonWcTag, { key: 'c47261012fde8a6ea604dffc419673425b7bcb1c', ref: (element) => (this.ref = element), _accessKey: this._accessKey, _ariaControls: this._ariaControls, _ariaDescription: this._ariaDescription, _ariaSelected: this._ariaSelected, _customClass: this._customClass, _disabled: this._disabled, _hideLabel: this._hideLabel, _icons: this._icons, _id: this._id, _label: this._label, _name: this._name, _on: this._on, _popoverAlign: this._popoverAlign, _role: this._role, _shortKey: this._shortKey, _syncValueBySelector: this._syncValueBySelector, _tabIndex: this._tabIndex, _tooltipAlign: this._tooltipAlign, _type: this._type, _value: this._value, _variant: this._variant }, hAsync("slot", { key: '5e50afed8e6312299acb9936a092159df9fa32c9', name: "expert", slot: "expert" }), hAsync("slot", { key: '0f6c9b9ef137e6564f7d2d11d88e336340444d03' })));
25026
+ return (hAsync(KolPopoverButtonWcTag, { key: 'f116338f1f3cd8bb93907e4609d0fcbfea9992c4', ref: (element) => (this.ref = element), _accessKey: this._accessKey, _ariaControls: this._ariaControls, _ariaDescription: this._ariaDescription, _ariaSelected: this._ariaSelected, _customClass: this._customClass, _disabled: this._disabled, _hideLabel: this._hideLabel, _icons: this._icons, _id: this._id, _label: this._label, _name: this._name, _on: this._on, _popoverAlign: this._popoverAlign, _role: this._role, _shortKey: this._shortKey, _syncValueBySelector: this._syncValueBySelector, _tabIndex: this._tabIndex, _tooltipAlign: this._tooltipAlign, _type: this._type, _value: this._value, _variant: this._variant }, hAsync("slot", { key: '93fe9317598006721f26047934b261bdcb6274b2', name: "expert", slot: "expert" }), hAsync("slot", { key: 'ec45ecc130d0d980a933fc83a01ef2d5d61b7a93' })));
24966
25027
  }
24967
25028
  static get style() { return {
24968
25029
  default: KolPopoverButtonDefaultStyle0
@@ -25036,18 +25097,14 @@ class KolPopoverButton {
25036
25097
  void ((_a = this.refPopover) === null || _a === void 0 ? void 0 : _a.hidePopover());
25037
25098
  }
25038
25099
  handleBeforeToggle(event) {
25039
- var _a;
25040
25100
  if (event.newState === 'closed') {
25041
25101
  this.justClosed = true;
25042
25102
  setTimeout(() => {
25043
25103
  this.justClosed = false;
25044
25104
  }, 10);
25045
25105
  }
25046
- else {
25047
- if (this.refPopover) {
25048
- this.refPopover.style.visibility = 'hidden';
25049
- }
25050
- void ((_a = this.refButton) === null || _a === void 0 ? void 0 : _a.hideTooltip());
25106
+ else if (this.refPopover) {
25107
+ this.refPopover.style.visibility = 'hidden';
25051
25108
  }
25052
25109
  }
25053
25110
  alignPopover() {
@@ -25091,7 +25148,7 @@ class KolPopoverButton {
25091
25148
  (_c = this.cleanupAutoPositioning) === null || _c === void 0 ? void 0 : _c.call(this);
25092
25149
  }
25093
25150
  render() {
25094
- return (hAsync("div", { key: '5cb52fe61726e04b1e1d03a05b94214ec42d2abf', class: "kol-popover-button" }, hAsync(KolButtonWcTag, { key: '4bfdf67607c8c235b4a9b1c9a29770b52d671c0f', _accessKey: this._accessKey, "_aria-controls": "popover", _ariaControls: this._ariaControls, _ariaDescription: this._ariaDescription, _ariaExpanded: this.popoverOpen, _ariaHasPopup: 'dialog', _ariaSelected: this._ariaSelected, _customClass: this._customClass, _disabled: this._disabled, _hideLabel: this._hideLabel, _icons: this._icons, _id: this._id, _label: this._label, _name: this._name, _on: this._on, _role: this._role, _shortKey: this._shortKey, _syncValueBySelector: this._syncValueBySelector, _tabIndex: this._tabIndex, _tooltipAlign: this._tooltipAlign, _type: this._type, _value: this._value, _buttonVariant: this._variant, "data-testid": "popover-button", class: "kol-popover-button__button", ref: (element) => (this.refButton = element), onClick: this.handleButtonClick.bind(this) }, hAsync("slot", { key: '4452fc20d9c224e4a83c691344e63433fb4a190d', name: "expert", slot: "expert" })), hAsync("div", { key: '8c16ae2ec0ebc5e5528752160c1663132b245e71', ref: (element) => (this.refPopover = element), "data-testid": "popover-content", popover: "auto", id: "popover", class: "kol-popover-button__popover" }, hAsync("slot", { key: '8a855bee0b23d26339faa5bf856adc0fb93ba22d' }))));
25151
+ return (hAsync("div", { key: '2dacb79a5409c806df4d034ae9cd6aa3decb9a63', class: "kol-popover-button" }, hAsync(KolButtonWcTag, { key: 'd514f8f8e3208f140aed7ed14b263467e6f6b065', _accessKey: this._accessKey, "_aria-controls": "popover", _ariaControls: this._ariaControls, _ariaDescription: this._ariaDescription, _ariaExpanded: this.popoverOpen, _ariaHasPopup: 'dialog', _ariaSelected: this._ariaSelected, _customClass: this._customClass, _disabled: this._disabled, _hideLabel: this._hideLabel, _icons: this._icons, _id: this._id, _label: this._label, _name: this._name, _on: this._on, _role: this._role, _shortKey: this._shortKey, _syncValueBySelector: this._syncValueBySelector, _tabIndex: this._tabIndex, _tooltipAlign: this._tooltipAlign, _type: this._type, _value: this._value, _buttonVariant: this._variant, "data-testid": "popover-button", class: "kol-popover-button__button", ref: (element) => (this.refButton = element), onClick: this.handleButtonClick.bind(this) }, hAsync("slot", { key: 'e052e61aff815944f46363f663df0f1db3b0da24', name: "expert", slot: "expert" })), hAsync("div", { key: '82aa1f6d4bfc555726160e50a2dd0000e4324847', ref: (element) => (this.refPopover = element), "data-testid": "popover-content", popover: "auto", id: "popover", class: "kol-popover-button__popover" }, hAsync("slot", { key: 'fa8ac92afc9062d727dfc8599f83515b1523d9ba' }))));
25095
25152
  }
25096
25153
  validatePopoverAlign(value) {
25097
25154
  validatePopoverAlign(this, value);
@@ -25180,10 +25237,10 @@ class KolProgress {
25180
25237
  const isPercentage = this.state._unit === '%';
25181
25238
  const liveProgressValue = isPercentage ? `${Math.round((this.state._liveValue / this.state._max) * 100)}` : this.state._liveValue;
25182
25239
  const displayValue = isPercentage ? Math.round((this.state._value / this.state._max) * 100) : this.state._value;
25183
- return (hAsync("div", { key: 'a3cb72fa70f83e640758aa2a9a9b05f3144586d1', class: "kol-progress" }, hAsync("div", { key: '3f9f7a83fa9fe5f0e01ab96051b0f058afeb6ba0', "aria-hidden": "true", class: {
25240
+ return (hAsync("div", { key: 'c48ac85de814b2b78da6ec99a26c299bdb5d4022', class: "kol-progress" }, hAsync("div", { key: '78ea68e2f7f167fe2fa3602dad06d81d109e2521', "aria-hidden": "true", class: {
25184
25241
  'kol-progress__cycle': this.state._variant === 'cycle',
25185
25242
  'kol-progress__bar': this.state._variant === 'bar',
25186
- } }, this.state._variant === 'bar' && this.state._label && hAsync("div", { key: 'e53ad6ee7ff680988179e7b57208cb0361783d31', class: "kol-progress__bar-label" }, this.state._label), createProgressSVG(this.state), this.state._variant === 'cycle' && (hAsync("div", { key: 'ea204d7f0d0ee5e31bc2069f024b43c0d2284169', class: "kol-progress__cycle-text" }, this.state._label && hAsync("div", { key: 'f583eb8c55ebd0cb7c2fb3a09783756443db3d2b', class: "kol-progress__cycle-label" }, this.state._label), hAsync("div", { key: '1346b894f81071541519512ce1abb20ded13591a', class: "kol-progress__cycle-value" }, `${displayValue} ${this.state._unit}`))), this.state._variant === 'bar' && (hAsync("div", { key: '36594c75a4ea3d61a62570a9409fd037fdd30b94', class: "kol-progress__bar-value", style: { width: `${`${(isPercentage ? 100 : this.state._max) + 1}`.length}ch` } }, displayValue)), this.state._variant === 'bar' && hAsync("div", { key: '65e88af3902b2c8b6c30f2a54f8feb66009463bd', class: "kol-progress__bar-unit" }, this.state._unit)), hAsync("progress", { key: '2297eabe4c35dd762224c91138439f6024b6ddf4', class: "visually-hidden", "aria-busy": this.state._value < this.state._max ? 'true' : 'false', max: this.state._max, value: this.state._value }), hAsync("span", { key: '46f34a72036af783e44740c48611671576c29cc9', "aria-live": "polite", "aria-relevant": "removals text", class: "visually-hidden" }, isPercentage ? `${liveProgressValue} %` : `${liveProgressValue} von ${this.state._max} ${this.state._unit}`)));
25243
+ } }, this.state._variant === 'bar' && this.state._label && hAsync("div", { key: '5279fbb55640dea2f99b04fb4a0ef1eea60c10eb', class: "kol-progress__bar-label" }, this.state._label), createProgressSVG(this.state), this.state._variant === 'cycle' && (hAsync("div", { key: '650a0b648e2bb305fb3a1bdb69844b3ca6d5ee3b', class: "kol-progress__cycle-text" }, this.state._label && hAsync("div", { key: '0b9b4f87b7f5b3db52c68cf0086f1fd66d44ef06', class: "kol-progress__cycle-label" }, this.state._label), hAsync("div", { key: '05cfafd57913ac9f320de511574fd2352eafb26b', class: "kol-progress__cycle-value" }, `${displayValue} ${this.state._unit}`))), this.state._variant === 'bar' && (hAsync("div", { key: '840ba597045f909ef61e3c4e68582258609fa8b7', class: "kol-progress__bar-value", style: { width: `${`${(isPercentage ? 100 : this.state._max) + 1}`.length}ch` } }, displayValue)), this.state._variant === 'bar' && hAsync("div", { key: '4bfe04e8e60c7414b8330271cc99bcbaf0d70b01', class: "kol-progress__bar-unit" }, this.state._unit)), hAsync("progress", { key: '63a9fc04563bb96e968bbf9ae7aa7ebd2c41f846', class: "visually-hidden", "aria-busy": this.state._value < this.state._max ? 'true' : 'false', max: this.state._max, value: this.state._value }), hAsync("span", { key: 'a316bbf889b073525bd53b32138710ff7d7d6c4c', "aria-live": "polite", "aria-relevant": "removals text", class: "visually-hidden" }, isPercentage ? `${liveProgressValue} %` : `${liveProgressValue} von ${this.state._max} ${this.state._unit}`)));
25187
25244
  }
25188
25245
  validateLabel(value) {
25189
25246
  validateLabel(this, value);
@@ -25293,7 +25350,7 @@ class KolQuote {
25293
25350
  }
25294
25351
  render() {
25295
25352
  const hasExpertSlot = showExpertSlot(this.state._quote);
25296
- return (hAsync("figure", { key: '8be0826ad4e95bca0b969faecf9a127dc0782025', class: clsx('kol-quote', `kol-quote--${this.state._variant}`) }, this.state._variant === 'block' ? (hAsync("blockquote", { class: "kol-quote__blockquote", cite: this.state._href }, this.state._quote, hAsync("span", { "aria-hidden": !hasExpertSlot ? 'true' : undefined, hidden: !hasExpertSlot }, hAsync("slot", { name: "expert" })))) : (hAsync("q", { class: "kol-quote__quote", cite: this.state._href }, this.state._quote, hAsync("span", { "aria-hidden": !hasExpertSlot ? 'true' : undefined, hidden: !hasExpertSlot }, hAsync("slot", { name: "expert" })))), typeof this.state._label === 'string' && this.state._label.length > 0 && (hAsync("figcaption", { key: '8a60619741efd09a2ce14f941393640d5d1b7066', class: "kol-quote__figcaption" }, hAsync("cite", { key: '2a66a637f160007802b816c7abc01c97dbaef5b9', class: "kol-quote__cite" }, hAsync(KolLinkTag, { key: '866e0a367215220fcbf12f24ff48a19010914449', _href: this.state._href, _label: this.state._label, _target: "_blank" }))))));
25353
+ return (hAsync("figure", { key: '78d631f0d5dd0dad6b89eae8b0dc4dbaf4ead851', class: clsx('kol-quote', `kol-quote--${this.state._variant}`) }, this.state._variant === 'block' ? (hAsync("blockquote", { class: "kol-quote__blockquote", cite: this.state._href }, this.state._quote, hAsync("span", { "aria-hidden": !hasExpertSlot ? 'true' : undefined, hidden: !hasExpertSlot }, hAsync("slot", { name: "expert" })))) : (hAsync("q", { class: "kol-quote__quote", cite: this.state._href }, this.state._quote, hAsync("span", { "aria-hidden": !hasExpertSlot ? 'true' : undefined, hidden: !hasExpertSlot }, hAsync("slot", { name: "expert" })))), typeof this.state._label === 'string' && this.state._label.length > 0 && (hAsync("figcaption", { key: 'c4d64d8ac6593ac6dcd153c2f4fbb18b7c327278', class: "kol-quote__figcaption" }, hAsync("cite", { key: 'a7d71571245e7110e97cf9e37bd0560ed5f67a88', class: "kol-quote__cite" }, hAsync(KolLinkTag, { key: '295878eecc876a4e9864dd87e779318f30a0dd63', _href: this.state._href, _label: this.state._label, _target: "_blank" }))))));
25297
25354
  }
25298
25355
  static get watchers() { return {
25299
25356
  "_label": ["validateLabel"],
@@ -25506,13 +25563,13 @@ class KolSelect {
25506
25563
  } });
25507
25564
  }
25508
25565
  render() {
25509
- return (hAsync(FormFieldStateWrapper, Object.assign({ key: '33fdf8081753ace8e90195030f777e43ef56c5d7' }, this.getFormFieldProps()), hAsync(InputContainerStateWrapperFc, { key: 'b1327b307a05097e79510f2bb35d89af3af94308', state: this.state }, hAsync("form", { key: 'fef09038fe3d111706c872a0ca6dbd241edf00ba', onSubmit: (event) => {
25566
+ return (hAsync(FormFieldStateWrapper, Object.assign({ key: 'cefd579b38a495e4000cbabb3b929357b7139efc' }, this.getFormFieldProps()), hAsync(InputContainerStateWrapperFc, { key: '5185f5ca0cde756999e6c57b1b200c8b2030a78b', state: this.state }, hAsync("form", { key: '74cdb0d8519acd611debfdb5338a6f398bedce27', onSubmit: (event) => {
25510
25567
  event.preventDefault();
25511
25568
  propagateSubmitEventToForm({
25512
25569
  form: this.host,
25513
25570
  ref: this.selectRef,
25514
25571
  });
25515
- } }, hAsync("input", { key: '40e415c9a229f1b4112fb3475544db56db565872', type: "submit", hidden: true }), hAsync(SelectStateWrapper, Object.assign({ key: '0882b17318c52bd1a34785a8e14d00c98dddcacc' }, this.getSelectProps()))))));
25572
+ } }, hAsync("input", { key: '5cb7da582c0711714ebe1400cd51c0cea4f26303', type: "submit", hidden: true }), hAsync(SelectStateWrapper, Object.assign({ key: 'c8454ca15f481efc2d30426d09d3a946e736773a' }, this.getSelectProps()))))));
25516
25573
  }
25517
25574
  constructor(hostRef) {
25518
25575
  registerInstance(this, hostRef);
@@ -25861,13 +25918,13 @@ class KolSingleSelect {
25861
25918
  }
25862
25919
  render() {
25863
25920
  var _a;
25864
- return (hAsync(FormFieldStateWrapper, Object.assign({ key: '3be581bedba65017d37af23aa15b99adff79ec0f' }, this.getFormFieldProps()), hAsync(InputContainerStateWrapperFc, { key: '0937db03f4b6c2fc3b91a87e3bcca079014a93a6', state: this.state }, hAsync("div", { key: '3ad19c192be283728807ac6bd34d90643baeff51', class: "kol-single-select__group" }, hAsync(InputStateWrapper, Object.assign({ key: '52672442da47bf366871b9c5922e54023d5ed984' }, this.getInputProps())), this._inputValue && !this.state._hideClearButton && (hAsync(KolIconTag, { key: '275fe6ab7720074988ea09ca7173c805e41137a7', _icons: "codicon codicon-close", "data-testid": "single-select-delete", _label: translate('kol-delete-selection'), onClick: () => {
25921
+ return (hAsync(FormFieldStateWrapper, Object.assign({ key: '23fc505e38f0d76c21eba472c85143cf15230f70' }, this.getFormFieldProps()), hAsync(InputContainerStateWrapperFc, { key: 'ef29ccf5ff6f6aa206c8e55b1eb534d4ade29617', state: this.state }, hAsync("div", { key: '4caf86c5feb559d8067f2c6fc9d8cf1d5809e62f', class: "kol-single-select__group" }, hAsync(InputStateWrapper, Object.assign({ key: 'a6a72c275cbb6c944f635738190d5075dae6dde8' }, this.getInputProps())), this._inputValue && !this.state._hideClearButton && (hAsync(KolIconTag, { key: 'da7bb5a28584183085464e1c870bd1b1e9f5a54d', _icons: "codicon codicon-close", "data-testid": "single-select-delete", _label: translate('kol-delete-selection'), onClick: () => {
25865
25922
  var _a;
25866
25923
  this.clearSelection();
25867
25924
  (_a = this.refInput) === null || _a === void 0 ? void 0 : _a.focus();
25868
25925
  }, class: clsx('kol-single-select__delete', {
25869
25926
  'kol-single-select__delete--disabled': this.state._disabled,
25870
- }) })), hAsync(CustomSuggestionsToggleFc, { key: '68ac00c8eed96090dabfad30bf19914127f4320c', onClick: this.toggleListbox.bind(this), disabled: this.state._disabled })), this._isOpen && !(this.state._disabled === true) && (hAsync(CustomSuggestionsOptionsGroupFc, { key: 'e4278a4999682a51ffa6d2c188e8f5ce432e3317', blockSuggestionMouseOver: this.blockSuggestionMouseOver, onKeyDown: this.handleKeyDownDropdown.bind(this), style: { '--visible-options': `${(_a = this._rows) !== null && _a !== void 0 ? _a : 5}` } }, Array.isArray(this._filteredOptions) && this._filteredOptions.length > 0 ? (this._filteredOptions.map((option, index) => (hAsync(CustomSuggestionsOptionFc, { index: index, option: option.label, ref: (el) => {
25927
+ }) })), hAsync(CustomSuggestionsToggleFc, { key: '6ed5dfdd0465c0aa15745ed3b0210eec01f769e2', onClick: this.toggleListbox.bind(this), disabled: this.state._disabled })), this._isOpen && !(this.state._disabled === true) && (hAsync(CustomSuggestionsOptionsGroupFc, { key: 'f6caab6259e0928ecdff02385e690ff6aba9bbb4', blockSuggestionMouseOver: this.blockSuggestionMouseOver, onKeyDown: this.handleKeyDownDropdown.bind(this), style: { '--visible-options': `${(_a = this._rows) !== null && _a !== void 0 ? _a : 5}` } }, Array.isArray(this._filteredOptions) && this._filteredOptions.length > 0 ? (this._filteredOptions.map((option, index) => (hAsync(CustomSuggestionsOptionFc, { index: index, option: option.label, ref: (el) => {
25871
25928
  if (el)
25872
25929
  this.refOptions[index] = el;
25873
25930
  }, selected: this._value === option.value, onClick: (event) => {
@@ -26236,7 +26293,7 @@ class KolSkipNav {
26236
26293
  };
26237
26294
  }
26238
26295
  render() {
26239
- return (hAsync("nav", { key: '6696f974f96add5529fce40c73c96429d6d46c14', class: "kol-skip-nav", "aria-label": this.state._label }, hAsync("ul", { key: '44472c7c253cb6bdffd89d999d9b5f11a39bad22', class: "kol-skip-nav__list" }, this.state._links.map((link, index) => {
26296
+ return (hAsync("nav", { key: 'fc580f9edeb7512ee0a0aafc3fdc5abbd805d90a', class: "kol-skip-nav", "aria-label": this.state._label }, hAsync("ul", { key: '821ae6e29469bf0a078742202e18a2c8f80d9f71', class: "kol-skip-nav__list" }, this.state._links.map((link, index) => {
26240
26297
  return (hAsync("li", { class: "kol-skip-nav__list-item", key: index }, hAsync(KolLinkWcTag, Object.assign({}, link))));
26241
26298
  }))));
26242
26299
  }
@@ -26304,7 +26361,7 @@ class KolSpin {
26304
26361
  };
26305
26362
  }
26306
26363
  render() {
26307
- return (hAsync(Host, { key: '728409fcfcd08192157e7b2e561ec6c0c1f482c7', class: "kol-spin" }, this.state._show ? (hAsync("span", { "aria-busy": "true", "aria-label": translate('kol-action-running'), "aria-live": "polite", class: clsx('kol-spin__spinner', `kol-spin__spinner--${this.state._variant}`), role: "alert" }, renderSpin(this.state._variant))) : (this.showToggled && hAsync("span", { "aria-label": translate('kol-action-done'), "aria-busy": "false", "aria-live": "polite", role: "alert" }))));
26364
+ return (hAsync(Host, { key: 'b862ca1a3c7cdc1ffbd8148e095fbd601c875ecb', class: "kol-spin" }, this.state._show ? (hAsync("span", { "aria-busy": "true", "aria-label": translate('kol-action-running'), "aria-live": "polite", class: clsx('kol-spin__spinner', `kol-spin__spinner--${this.state._variant}`), role: "alert" }, renderSpin(this.state._variant))) : (this.showToggled && hAsync("span", { "aria-label": translate('kol-action-done'), "aria-busy": "false", "aria-live": "polite", role: "alert" }))));
26308
26365
  }
26309
26366
  validateShow(value) {
26310
26367
  this.showToggled = this.state._show === true && this._show === false;
@@ -26344,6 +26401,9 @@ var KolSplitButtonDefaultStyle0 = defaultStyleCss$9;
26344
26401
  class KolSplitButton {
26345
26402
  constructor(hostRef) {
26346
26403
  registerInstance(this, hostRef);
26404
+ this.catchPrimaryRef = (ref) => {
26405
+ this.primaryButtonWcRef = ref;
26406
+ };
26347
26407
  this.clickButtonHandler = {
26348
26408
  onClick: (event) => {
26349
26409
  var _a, _b;
@@ -26351,9 +26411,6 @@ class KolSplitButton {
26351
26411
  if (typeof ((_a = this._on) === null || _a === void 0 ? void 0 : _a.onClick) === 'function') {
26352
26412
  (_b = this._on) === null || _b === void 0 ? void 0 : _b.onClick(event, this._value);
26353
26413
  }
26354
- else {
26355
- this.toggleDropdown();
26356
- }
26357
26414
  },
26358
26415
  };
26359
26416
  this.clickToggleHandler = {
@@ -26368,7 +26425,9 @@ class KolSplitButton {
26368
26425
  this.handleOnClose = () => {
26369
26426
  this.state = Object.assign(Object.assign({}, this.state), { _show: false });
26370
26427
  };
26428
+ this._accessKey = undefined;
26371
26429
  this._ariaControls = undefined;
26430
+ this._ariaDescription = undefined;
26372
26431
  this._ariaExpanded = undefined;
26373
26432
  this._ariaSelected = undefined;
26374
26433
  this._customClass = undefined;
@@ -26380,6 +26439,7 @@ class KolSplitButton {
26380
26439
  this._name = undefined;
26381
26440
  this._on = undefined;
26382
26441
  this._role = undefined;
26442
+ this._shortKey = undefined;
26383
26443
  this._syncValueBySelector = undefined;
26384
26444
  this._tooltipAlign = 'top';
26385
26445
  this._type = 'button';
@@ -26389,12 +26449,19 @@ class KolSplitButton {
26389
26449
  _show: false,
26390
26450
  };
26391
26451
  }
26452
+ async getValue() {
26453
+ return this._value;
26454
+ }
26455
+ async kolFocus() {
26456
+ var _a;
26457
+ await ((_a = this.primaryButtonWcRef) === null || _a === void 0 ? void 0 : _a.kolFocus());
26458
+ }
26392
26459
  render() {
26393
26460
  const i18nDropdownLabel = 'kol-split-button-dropdown-label';
26394
- return (hAsync("div", { key: '0c88a85fb8276e85ec24cb2e4c6d5b4ea5f4def5', class: "kol-split-button" }, hAsync("div", { key: 'dc3714e07c2520223c2b8cad45898e9815282681', class: "kol-split-button__root" }, hAsync(KolButtonWcTag, { key: '4ccd051dd3d8aab40f6c8e6f848cc61da8325d76', class: clsx('kol-split-button__button', {
26461
+ return (hAsync("div", { key: '2ca0df775c2fcce89473dfeaad1fbb64235b8a3b', class: "kol-split-button" }, hAsync("div", { key: '8933d5eddbc53f3653dcba1c4bcee525cff244b4', class: "kol-split-button__root" }, hAsync(KolButtonWcTag, { key: 'f5a0ca81140515725acb321757a7fe36ee02ea14', class: clsx('kol-split-button__button', {
26395
26462
  [this._variant]: this._variant !== 'custom',
26396
26463
  [this._customClass]: this._variant === 'custom' && typeof this._customClass === 'string' && this._customClass.length > 0,
26397
- }), _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, _tooltipAlign: this._tooltipAlign, _type: this._type, _value: this._value, _buttonVariant: this._variant }), hAsync("div", { key: '3e95b357440e81f95d3c318edf1ee7e5ddcd1966', class: "kol-split-button__horizontal-line" }), hAsync(KolButtonWcTag, { key: '4545c89c1f7edf6e75c4edce2c8a58a366d2cf52', class: "kol-split-button__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(KolPopoverWcTag, { key: 'db83c79d566cd73b83c36bcf6bdb83a5296a7243', _show: this.state._show, _on: { onClose: this.handleOnClose }, _align: "bottom" }, hAsync("slot", { key: '81ff429669d7ac56bddadaffd1f733eeb10c0726' }))));
26464
+ }), ref: this.catchPrimaryRef, _accessKey: this._accessKey, _ariaControls: this._ariaControls, _ariaDescription: this._ariaDescription, _ariaExpanded: this._ariaExpanded, _ariaSelected: this._ariaSelected, _customClass: this._customClass, _disabled: this._disabled, _icons: this._icons, _id: this._id, _hideLabel: this._hideLabel, _label: this._label, _name: this._name, _on: this.clickButtonHandler, _role: this._role, _shortKey: this._shortKey, _syncValueBySelector: this._syncValueBySelector, _tooltipAlign: this._tooltipAlign, _type: this._type, _value: this._value, _buttonVariant: this._variant }), hAsync("div", { key: '4ee2a8564093ceaf91735a06cadb2d61477e8403', class: "kol-split-button__horizontal-line" }), hAsync(KolButtonWcTag, { key: 'aae9e7140a3f4fe3c892a29172b33c72ef165a30', class: "kol-split-button__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(KolPopoverWcTag, { key: '032232308b826e91f2bed8dce79ce898961f5f0f', _show: this.state._show, _on: { onClose: this.handleOnClose }, _align: "bottom" }, hAsync("slot", { key: 'dc706f0a2c45e7527111af72e0bdf5b6a551ef60' }))));
26398
26465
  }
26399
26466
  async closePopup() {
26400
26467
  this.handleOnClose();
@@ -26408,7 +26475,9 @@ class KolSplitButton {
26408
26475
  "$flags$": 57,
26409
26476
  "$tagName$": "kol-split-button",
26410
26477
  "$members$": {
26478
+ "_accessKey": [1, "_access-key"],
26411
26479
  "_ariaControls": [1, "_aria-controls"],
26480
+ "_ariaDescription": [1, "_aria-description"],
26412
26481
  "_ariaExpanded": [4, "_aria-expanded"],
26413
26482
  "_ariaSelected": [4, "_aria-selected"],
26414
26483
  "_customClass": [1, "_custom-class"],
@@ -26420,12 +26489,15 @@ class KolSplitButton {
26420
26489
  "_name": [1],
26421
26490
  "_on": [16],
26422
26491
  "_role": [1],
26492
+ "_shortKey": [1, "_short-key"],
26423
26493
  "_syncValueBySelector": [1, "_sync-value-by-selector"],
26424
26494
  "_tooltipAlign": [1, "_tooltip-align"],
26425
26495
  "_type": [1],
26426
26496
  "_value": [8],
26427
26497
  "_variant": [1],
26428
26498
  "state": [32],
26499
+ "getValue": [64],
26500
+ "kolFocus": [64],
26429
26501
  "closePopup": [64]
26430
26502
  },
26431
26503
  "$listeners$": undefined,
@@ -26491,7 +26563,7 @@ class KolTableSettings {
26491
26563
  }
26492
26564
  render() {
26493
26565
  const sortedColumns = [...this.tableSettings.columns].sort((a, b) => a.position - b.position);
26494
- return (hAsync(KolPopoverButtonWcTag, { key: 'a3e0145a3399d8dee361f7e29e34198b1ec99b27', ref: (el) => (this.popoverRef = el), class: "kol-table-settings", _icons: "codicon codicon-settings-gear", _label: translate('kol-table-settings'), _popoverAlign: "top", _hideLabel: true }, hAsync("div", { key: '66f2e14ac78f6d865a6a6ad9e2393c94c42fa8a7', class: "kol-table-settings__content" }, hAsync(KolHeadingTag, { key: '558f2b97ac8c7f049147125a642e5e4862108dda', _label: translate('kol-table-settings'), _level: 0 }), this.errorMessage && hAsync(KolAlertWcTag, { key: '433c0381c504eff423516b40d899751ae5ea4658', _type: "error", _label: this.errorMessage, _variant: "msg", class: "kol-table-settings__error-message" }), hAsync("form", { key: '404aae1da74273e840c1980fe3a94d126cbfbe8b', onSubmit: this.handleSubmit.bind(this) }, hAsync("div", { key: 'd18a3fe79c0f576dbf23444eb06a744d003b77af', class: "kol-table-settings__columns-container" }, hAsync("div", { key: 'adb1ad8d4afc6e0dc062f7dfb2cbbfebbc5b83d1', class: "kol-table-settings__columns" }, sortedColumns.map((column, index) => (hAsync("div", { key: column.key, class: "kol-table-settings__column" }, hAsync(KolInputCheckboxTag, { _checked: column.visible, _label: translate('kol-table-settings-show-column', { placeholders: { column: column.label } }), _value: true, _hideLabel: true, _on: { onInput: (_, value) => this.handleVisibilityChange(column.key, value) } }), hAsync("span", null, column.label), hAsync(KolInputNumberTag, { _hideLabel: true, _value: column.width, _label: translate('kol-table-settings-column-width', { placeholders: { column: column.label } }), _min: 1, _on: { onInput: (_, value) => this.handleWidthChange(column.key, value) } }), hAsync(KolButtonWcTag, { _icons: "codicon codicon-arrow-up", _label: translate('kol-table-settings-move-up', { placeholders: { column: column.label } }), _hideLabel: true, _buttonVariant: "ghost", _on: { onClick: () => this.moveColumn(column.key, 'up') }, _disabled: index === 0, "data-testid": "table-settings-move-up" }), hAsync(KolButtonWcTag, { _icons: "codicon codicon-arrow-down", _label: translate('kol-table-settings-move-down', { placeholders: { column: column.label } }), _hideLabel: true, _buttonVariant: "ghost", _on: { onClick: () => this.moveColumn(column.key, 'down') }, _disabled: index === sortedColumns.length - 1, "data-testid": "table-settings-move-down" })))))), hAsync("div", { key: '07f4257444c1093dd6ec20a2cf7dfadc85699d85', class: "kol-table-settings__actions" }, hAsync(KolButtonWcTag, { key: 'f190eb5faee74b857c23e1c5bb13ee8da9a5d96d', _label: translate('kol-table-settings-cancel'), _buttonVariant: "secondary", _on: { onClick: () => this.handleCancel() }, "data-testid": "table-settings-cancel" }), hAsync(KolButtonWcTag, { key: 'e3954fe4f3bec3e0aff45b207e712efb352dca92', _label: translate('kol-table-settings-apply'), _buttonVariant: "primary", _type: "submit", "data-testid": "table-settings-apply" }))))));
26566
+ return (hAsync(KolPopoverButtonWcTag, { key: 'efbe65355597dcc6a5b5b5e23077b037ab90318c', ref: (el) => (this.popoverRef = el), class: "kol-table-settings", _icons: "codicon codicon-settings-gear", _label: translate('kol-table-settings'), _popoverAlign: "top", _hideLabel: true }, hAsync("div", { key: '5b149682787c1fb1fb73faab858b7ec7d4d753e4', class: "kol-table-settings__content" }, hAsync(KolHeadingTag, { key: '3e651488c0b04dfcd1acf8a32a4f060e4b08d0a6', _label: translate('kol-table-settings'), _level: 0 }), this.errorMessage && hAsync(KolAlertWcTag, { key: '5b5cfdfdce5ae3da8b378a574abfea48b0c04460', _type: "error", _label: this.errorMessage, _variant: "msg", class: "kol-table-settings__error-message" }), hAsync("form", { key: 'b9b80cd51c8ec1e89c1559201e6e0f0287c48c86', onSubmit: this.handleSubmit.bind(this) }, hAsync("div", { key: '0675d6796ab9e94592dad2649933e5c3905026b6', class: "kol-table-settings__columns-container" }, hAsync("div", { key: '76eca8bcb960febf13c5ecd7f64cb1b8c295edc7', class: "kol-table-settings__columns" }, sortedColumns.map((column, index) => (hAsync("div", { key: column.key, class: "kol-table-settings__column" }, hAsync(KolInputCheckboxTag, { _checked: column.visible, _label: translate('kol-table-settings-show-column', { placeholders: { column: column.label } }), _value: true, _hideLabel: true, _on: { onInput: (_, value) => this.handleVisibilityChange(column.key, value) } }), hAsync("span", null, column.label), hAsync(KolInputNumberTag, { _hideLabel: true, _value: column.width, _label: translate('kol-table-settings-column-width', { placeholders: { column: column.label } }), _min: 1, _on: { onInput: (_, value) => this.handleWidthChange(column.key, value) } }), hAsync(KolButtonWcTag, { _icons: "codicon codicon-arrow-up", _label: translate('kol-table-settings-move-up', { placeholders: { column: column.label } }), _hideLabel: true, _buttonVariant: "ghost", _on: { onClick: () => this.moveColumn(column.key, 'up') }, _disabled: index === 0, "data-testid": "table-settings-move-up" }), hAsync(KolButtonWcTag, { _icons: "codicon codicon-arrow-down", _label: translate('kol-table-settings-move-down', { placeholders: { column: column.label } }), _hideLabel: true, _buttonVariant: "ghost", _on: { onClick: () => this.moveColumn(column.key, 'down') }, _disabled: index === sortedColumns.length - 1, "data-testid": "table-settings-move-down" })))))), hAsync("div", { key: 'b48eb18949304209ed611de05ce4ea26f4035fd5', class: "kol-table-settings__actions" }, hAsync(KolButtonWcTag, { key: '6a5ec1307960f14e0c3fbb513ccf7ea79914793a', _label: translate('kol-table-settings-cancel'), _buttonVariant: "secondary", _on: { onClick: () => this.handleCancel() }, "data-testid": "table-settings-cancel" }), hAsync(KolButtonWcTag, { key: '4f40c7f57985ee0f9264a3f33fe819bd9e9467cc', _label: translate('kol-table-settings-apply'), _buttonVariant: "primary", _type: "submit", "data-testid": "table-settings-apply" }))))));
26495
26567
  }
26496
26568
  get host() { return getElement(this); }
26497
26569
  static get watchers() { return {
@@ -26888,7 +26960,7 @@ class KolTableStateful {
26888
26960
  horizontal: (_d = (_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) }))))) !== null && _d !== void 0 ? _d : [],
26889
26961
  vertical: (_f = (_e = this.state._headers.vertical) === null || _e === void 0 ? void 0 : _e.map((column) => column.map((cell) => (Object.assign(Object.assign({}, cell), { sortDirection: this.getHeaderCellSortState(cell) }))))) !== null && _f !== void 0 ? _f : [],
26890
26962
  };
26891
- return (hAsync(Host, { key: '8d03ec785a9c294c2fa38598d08f98940c400e93', class: "kol-table-stateful" }, this.pageEndSlice > 0 && this.showPagination && paginationTop, hAsync(KolTableStatelessWcTag, { key: 'd8d5d31565435ff9d5dedcf396c34eb83dba7475', ref: this.catchRef, _data: displayedData, _headerCells: headerCells, _label: this.state._label, _dataFoot: this.state._dataFoot, _minWidth: this.state._minWidth, _on: {
26963
+ return (hAsync(Host, { key: '807cc711bfe34ca458ec8aecb858234761e8a1de', class: "kol-table-stateful" }, this.pageEndSlice > 0 && this.showPagination && paginationTop, hAsync(KolTableStatelessWcTag, { key: '2d5f259e75c6f178a06237bef92bc72d3b182ec5', ref: this.catchRef, _data: displayedData, _headerCells: headerCells, _label: this.state._label, _dataFoot: this.state._dataFoot, _minWidth: this.state._minWidth, _on: {
26892
26964
  onSort: (_, payload) => {
26893
26965
  this.handleSort(payload);
26894
26966
  },
@@ -26954,7 +27026,7 @@ class KolTableStateless$1 {
26954
27026
  this._tableSettings = undefined;
26955
27027
  }
26956
27028
  render() {
26957
- return (hAsync(KolTableStatelessWcTag, { key: '9e5cbf024de83c62888cfee1ecb15ee9ed1f8ffc', _data: this._data, _dataFoot: this._dataFoot, _headerCells: this._headerCells, _label: this._label, _minWidth: this._minWidth, _on: this._on, _selection: this._selection, _tableSettings: this._tableSettings }));
27029
+ return (hAsync(KolTableStatelessWcTag, { key: 'dedf6d73b1b7ac72b4e6c6dfe3144ebf9ea42f4a', _data: this._data, _dataFoot: this._dataFoot, _headerCells: this._headerCells, _label: this._label, _minWidth: this._minWidth, _on: this._on, _selection: this._selection, _tableSettings: this._tableSettings }));
26958
27030
  }
26959
27031
  static get style() { return {
26960
27032
  default: KolTableStatelessDefaultStyle0
@@ -27518,12 +27590,12 @@ class KolTableStateless {
27518
27590
  const dataField = this.createDataField(this.state._data, this.state._headerCells);
27519
27591
  this.checkboxRefs = [];
27520
27592
  const sortedHorizontalHeaders = (_a = this.state._headerCells.horizontal) === null || _a === void 0 ? void 0 : _a.map((row) => this.sortByColumnPosition(row));
27521
- return (hAsync("div", { key: '41ef1f9232f94305a6492420a311cf543b582a22', class: "kol-table" }, hAsync(KolTableSettingsWcTag, { key: '3e0def33d6cf806d72c305d0e350b7ee4b2d3899', _tableSettings: this.state._tableSettings }), hAsync("div", { key: 'cc55a031f7bae8733cc5877763b68f9b1717b3e2', ref: (element) => (this.tableDivElement = element), class: "kol-table__scroll-container", tabindex: this.tableDivElementHasScrollbar ? '-1' : undefined }, hAsync("table", { key: 'c96b4770ff54fb28a6d6eea1a9f021132e04652c', class: "kol-table__table", style: {
27593
+ return (hAsync("div", { key: '55c1614208608e7206bfde32af951f066267b629', class: "kol-table" }, hAsync(KolTableSettingsWcTag, { key: 'a6a176a7a90d134c6c99fae76b14d0dd6523a88b', _tableSettings: this.state._tableSettings }), hAsync("div", { key: '7d1498c5925016efc03772480936bfd2d8d9bd27', ref: (element) => (this.tableDivElement = element), class: "kol-table__scroll-container", tabindex: this.tableDivElementHasScrollbar ? '-1' : undefined }, hAsync("table", { key: '41097ebc50e0913333e017d43206778c031add65', class: "kol-table__table", style: {
27522
27594
  minWidth: this.getTableMinWidth(),
27523
- } }, hAsync("div", { key: '96095fade8aa2347d2db8e4a42a735e07a683f05', class: "kol-table__focus-element", tabindex: this.tableDivElementHasScrollbar ? '0' : undefined, "aria-describedby": "caption" }, "\u00A0"), hAsync("caption", { key: 'fbf77baecd9f1f569c97df6596e598926f4fc420', class: "kol-table__caption", id: "caption" }, this.state._label), Array.isArray(sortedHorizontalHeaders) && (hAsync("thead", { key: 'aeab10b5b582c3134e5e0e7a483fbd441e00edc1', class: "kol-table__head" }, [
27595
+ } }, hAsync("div", { key: 'f0539b67aa7c7ef1271a67dd22c741e4a6f60d4e', class: "kol-table__focus-element", tabindex: this.tableDivElementHasScrollbar ? '0' : undefined, "aria-describedby": "caption" }, "\u00A0"), hAsync("caption", { key: '7199792f023995a8964efaa2b9f11b79780717b1', class: "kol-table__caption", id: "caption" }, this.state._label), Array.isArray(sortedHorizontalHeaders) && (hAsync("thead", { key: '86242ee062afb71d654b7e64698dca8178012bc3', class: "kol-table__head" }, [
27524
27596
  sortedHorizontalHeaders.map((cols, rowIndex) => (hAsync("tr", { class: "kol-table__head-row", key: `thead-${rowIndex}` }, this.state._selection && this.renderHeadingSelectionCell(), rowIndex === 0 && this.renderHeaderTdCell(), Array.isArray(cols) && cols.map((cell, colIndex) => this.renderHeadingCell(cell, rowIndex, colIndex, false))))),
27525
27597
  this.renderSpacer('head', sortedHorizontalHeaders),
27526
- ])), hAsync("tbody", { key: '536ad9c3574792ce18cf2694a4251cd781587aea', class: "kol-table__body" }, dataField.map((row, rowIndex) => this.renderTableRow(row, rowIndex, true))), this.renderFoot()))));
27598
+ ])), hAsync("tbody", { key: 'b7866fe3430029ea01b05d747ea49e42c577d10c', class: "kol-table__body" }, dataField.map((row, rowIndex) => this.renderTableRow(row, rowIndex, true))), this.renderFoot()))));
27527
27599
  }
27528
27600
  get host() { return getElement(this); }
27529
27601
  static get watchers() { return {
@@ -27767,9 +27839,9 @@ class KolTabs {
27767
27839
  }, _icons: "codicon codicon-plus", "data-testid": "tabs-create-button" }))));
27768
27840
  }
27769
27841
  render() {
27770
- return (hAsync("div", { key: 'b50c61d8d0937441c4b7119207a84d0392a089f3', ref: (el) => {
27842
+ return (hAsync("div", { key: '651b397e4e56da8694268e5670dd12da67fb4430', ref: (el) => {
27771
27843
  this.tabPanelsElement = el;
27772
- }, class: clsx('kol-tabs', `kol-tabs--align-${this.state._align}`) }, this.renderButtonGroup(), hAsync("div", { key: '9ef0d7f8890f19740eb66931924947759b353a0b', class: "kol-tabs__content", ref: this.catchTabPanelHost })));
27844
+ }, class: clsx('kol-tabs', `kol-tabs--align-${this.state._align}`) }, this.renderButtonGroup(), hAsync("div", { key: '2583e66740101758cdf796a45961142384bf9fdf', class: "kol-tabs__content", ref: this.catchTabPanelHost })));
27773
27845
  }
27774
27846
  validateAlign(value) {
27775
27847
  validateAlign(this, value);
@@ -28009,7 +28081,7 @@ class KolTextarea {
28009
28081
  } });
28010
28082
  }
28011
28083
  render() {
28012
- return (hAsync(FormFieldStateWrapper, Object.assign({ key: '754dea74a89ae00f840540e45092d145055a30cd' }, this.getFormFieldProps()), hAsync(InputContainerStateWrapperFc, { key: 'c6823b12d2ee282a62dabd16e2c42509abe62862', state: this.state }, hAsync(TextAreaStateWrapper, Object.assign({ key: 'aa8ab23c18521e393e14a9ad716de8928d40a2ae' }, this.getTextAreaProps())))));
28084
+ return (hAsync(FormFieldStateWrapper, Object.assign({ key: '7561d490f442000a93a1cefd22593be40ed9cbb9' }, this.getFormFieldProps()), hAsync(InputContainerStateWrapperFc, { key: '0d83e48269354e9aecc39845cd7199a4a0df3691', state: this.state }, hAsync(TextAreaStateWrapper, Object.assign({ key: 'a984a131997c4196c52408696e1517fcbc7cc940' }, this.getTextAreaProps())))));
28013
28085
  }
28014
28086
  constructor(hostRef) {
28015
28087
  registerInstance(this, hostRef);
@@ -28285,7 +28357,7 @@ class KolToastContainer {
28285
28357
  }
28286
28358
  }
28287
28359
  render() {
28288
- return (hAsync(Host, { key: '43cab139328015afcc3105680b99a8880ad8c525', class: "kol-toast-container" }, this.state._toastStates.length > 1 && (hAsync(KolButtonTag, { key: '1c8af42ea396c97e400db71cb7aeb4522fa12d4e', _label: translate('kol-toast-close-all'), class: "kol-toast-container__button-close-all", _on: {
28360
+ return (hAsync(Host, { key: '4446bc4544f05d74ee8afd3757d8c0b7ce58d6c4', class: "kol-toast-container" }, this.state._toastStates.length > 1 && (hAsync(KolButtonTag, { key: '923a3ae7f4463e710bebbe94ffb7d55812510f70', _label: translate('kol-toast-close-all'), class: "kol-toast-container__button-close-all", _on: {
28289
28361
  onClick: () => {
28290
28362
  void this.closeAll();
28291
28363
  },
@@ -28337,7 +28409,7 @@ class KolToolbar {
28337
28409
  this._orientation = undefined;
28338
28410
  }
28339
28411
  render() {
28340
- return (hAsync("div", { key: '30938e1827e44beda26c1cc9ac80df905f674f91', class: `kol-toolbar kol-toolbar--orientation-${this.state._orientation}`, role: "toolbar", "aria-label": this.state._label }, this.state._items.map(this.renderItem)));
28412
+ return (hAsync("div", { key: '02fe5aa9de964fcfe0147442105076cc9502a375', class: `kol-toolbar kol-toolbar--orientation-${this.state._orientation}`, role: "toolbar", "aria-label": this.state._label }, this.state._items.map(this.renderItem)));
28341
28413
  }
28342
28414
  validateLabel(value) {
28343
28415
  validateLabel(this, value);
@@ -28434,10 +28506,11 @@ function hideOverlay(overlay) {
28434
28506
  }
28435
28507
  }
28436
28508
 
28437
- const TOOLTIP_DELAY = 300;
28438
28509
  class KolTooltipWc {
28439
28510
  constructor(hostRef) {
28440
28511
  registerInstance(this, hostRef);
28512
+ this.hasFocusIn = false;
28513
+ this.hasMouseIn = false;
28441
28514
  this.showTooltip = () => {
28442
28515
  if (this.previousSibling && this.tooltipElement) {
28443
28516
  showOverlay(this.tooltipElement);
@@ -28450,21 +28523,21 @@ class KolTooltipWc {
28450
28523
  });
28451
28524
  }
28452
28525
  };
28453
- this.showTooltipWithDelay = () => {
28454
- clearTimeout(this.showTooltipTimeout);
28455
- this.showTooltipTimeout = setTimeout(() => {
28456
- this.showTooltip();
28457
- }, TOOLTIP_DELAY);
28458
- };
28459
- this.hideTooltipWithDelay = () => {
28460
- clearTimeout(this.hideTooltipTimeout);
28461
- this.hideTooltipTimeout = setTimeout(() => {
28462
- void this.hideTooltip();
28463
- }, TOOLTIP_DELAY);
28526
+ this.hideTooltip = () => {
28527
+ if (this.tooltipElement) {
28528
+ hideOverlay(this.tooltipElement);
28529
+ this.tooltipElement.style.setProperty('display', 'none');
28530
+ this.tooltipElement.style.setProperty('visibility', 'hidden');
28531
+ if (this.cleanupAutoPositioning) {
28532
+ this.cleanupAutoPositioning();
28533
+ this.cleanupAutoPositioning = undefined;
28534
+ }
28535
+ }
28536
+ getDocument().removeEventListener('keyup', this.hideTooltipByEscape);
28464
28537
  };
28465
28538
  this.hideTooltipByEscape = (event) => {
28466
28539
  if (event.key === 'Escape') {
28467
- void this.hideTooltip();
28540
+ this.hideTooltip();
28468
28541
  }
28469
28542
  };
28470
28543
  this.addListeners = (el) => {
@@ -28496,6 +28569,17 @@ class KolTooltipWc {
28496
28569
  this.catchArrowElement = (element) => {
28497
28570
  this.arrowElement = element;
28498
28571
  };
28572
+ this.showOrHideTooltip = () => {
28573
+ clearTimeout(this.overFocusTimeout);
28574
+ this.overFocusTimeout = setTimeout(() => {
28575
+ if (this.hasMouseIn || this.hasFocusIn) {
28576
+ this.showTooltip();
28577
+ }
28578
+ else {
28579
+ this.hideTooltip();
28580
+ }
28581
+ }, 300);
28582
+ };
28499
28583
  this._badgeText = undefined;
28500
28584
  this._align = 'top';
28501
28585
  this._id = undefined;
@@ -28515,33 +28599,24 @@ class KolTooltipWc {
28515
28599
  });
28516
28600
  }
28517
28601
  }
28518
- async hideTooltip() {
28519
- clearTimeout(this.showTooltipTimeout);
28520
- if (this.tooltipElement) {
28521
- hideOverlay(this.tooltipElement);
28522
- this.tooltipElement.style.setProperty('display', 'none');
28523
- this.tooltipElement.style.setProperty('visibility', 'hidden');
28524
- if (this.cleanupAutoPositioning) {
28525
- this.cleanupAutoPositioning();
28526
- this.cleanupAutoPositioning = undefined;
28527
- }
28528
- }
28529
- getDocument().removeEventListener('keyup', this.hideTooltipByEscape);
28530
- }
28531
28602
  handleMouseEnter() {
28532
- this.showTooltipWithDelay();
28603
+ this.hasMouseIn = true;
28604
+ this.showOrHideTooltip();
28533
28605
  }
28534
28606
  handleMouseleave() {
28535
- this.hideTooltipWithDelay();
28607
+ this.hasMouseIn = false;
28608
+ this.showOrHideTooltip();
28536
28609
  }
28537
28610
  handleFocusIn() {
28538
- this.showTooltipWithDelay();
28611
+ this.hasFocusIn = true;
28612
+ this.showOrHideTooltip();
28539
28613
  }
28540
28614
  handleFocusout() {
28541
- this.hideTooltipWithDelay();
28615
+ this.hasFocusIn = false;
28616
+ this.showOrHideTooltip();
28542
28617
  }
28543
28618
  render() {
28544
- return (hAsync(Host, { key: '6ad9ed485572637aed6d5cdd5541a08dd4df4370', class: "kol-tooltip" }, this.state._label !== '' && (hAsync("div", { key: 'b17bbd19a6179aab5d0d1c1a84ae9f0132bae650', class: "kol-tooltip__floating", ref: this.catchTooltipElement }, hAsync("div", { key: '38a52559848377f83753eb0e1d38bb1e0dad93da', class: "kol-tooltip__arrow", ref: this.catchArrowElement }), hAsync(KolSpanFc, { key: '08d2154602b5d6c27753ad06886b00f951c395c4', class: "kol-tooltip__content", id: this.state._id, badgeText: this._badgeText, label: this.state._label })))));
28619
+ return (hAsync(Host, { key: '6b03bbbae8b6a083bcdb3b304e9985101a5be022', class: "kol-tooltip" }, this.state._label !== '' && (hAsync("div", { key: '75fa23644f41ba3fde4e1be656ed89fe2bd5be9d', class: "kol-tooltip__floating", ref: this.catchTooltipElement }, hAsync("div", { key: '74d99d02b5d7557e4dc9c8d81880d76fbc23aa2d', class: "kol-tooltip__arrow", ref: this.catchArrowElement }), hAsync(KolSpanFc, { key: '7a6b461ff6da4a292fabd08ab8a6bd90412a85fc', class: "kol-tooltip__content", id: this.state._id, badgeText: this._badgeText, label: this.state._label })))));
28545
28620
  }
28546
28621
  validateBadgeText(value) {
28547
28622
  validateBadgeText(this, value);
@@ -28602,8 +28677,7 @@ class KolTooltipWc {
28602
28677
  "_align": [1],
28603
28678
  "_id": [1],
28604
28679
  "_label": [1],
28605
- "state": [32],
28606
- "hideTooltip": [64]
28680
+ "state": [32]
28607
28681
  },
28608
28682
  "$listeners$": undefined,
28609
28683
  "$lazyBundleId$": "-",
@@ -28620,7 +28694,7 @@ class KolTree {
28620
28694
  this._label = undefined;
28621
28695
  }
28622
28696
  render() {
28623
- return (hAsync(KolTreeWcTag, { key: 'd9f26f840ce0ccdb32731859e6075cd0fd737dd5', _label: this._label }, hAsync("slot", { key: '8f020e01d6f839e2739e5cf0256afdd01eb5c0e5' })));
28697
+ return (hAsync(KolTreeWcTag, { key: 'a9de70659b4ae51eb7e54067eff48641f22a51fc', _label: this._label }, hAsync("slot", { key: 'd6ee7409c81f3eee881f345d450675fe643eb64e' })));
28624
28698
  }
28625
28699
  static get style() { return {
28626
28700
  default: KolTreeDefaultStyle0
@@ -28668,7 +28742,7 @@ class KolTreeItem {
28668
28742
  return (_b = (await ((_a = this.element) === null || _a === void 0 ? void 0 : _a.isOpen()))) !== null && _b !== void 0 ? _b : false;
28669
28743
  }
28670
28744
  render() {
28671
- return (hAsync(KolTreeItemWcTag, { key: '058ffb876889218e812b8d16395cf3d4735e9786', _active: this._active, _label: this._label, _open: this._open, _href: this._href, ref: (element) => (this.element = element) }, hAsync("slot", { key: 'a084e5ba793a60fd5696756cd16d92e50f6c9c9f' })));
28745
+ return (hAsync(KolTreeItemWcTag, { key: 'ee71c6917f4011af06750545f760bab1aa87fd4c', _active: this._active, _label: this._label, _open: this._open, _href: this._href, ref: (element) => (this.element = element) }, hAsync("slot", { key: 'fafd216a2e718504e1ade48d100b9fae25be4cc7' })));
28672
28746
  }
28673
28747
  static get style() { return {
28674
28748
  default: KolTreeItemDefaultStyle0
@@ -28711,12 +28785,12 @@ class KolTreeItemWc {
28711
28785
  }
28712
28786
  render() {
28713
28787
  const { _href, _active, _hasChildren, _open, _label } = this.state;
28714
- return (hAsync(Host, { key: '1358f3b8f8c7ae14535f30e3c2ff1ef8ab6904b1', onSlotchange: this.handleSlotchange.bind(this) }, hAsync("li", { key: 'd6271238a133cac44eb78bf8ed0b94a951135432', class: "kol-tree-item", style: {
28788
+ return (hAsync(Host, { key: '59dba82967b79373a9b3eb040bb1fafed522060b', onSlotchange: this.handleSlotchange.bind(this) }, hAsync("li", { key: '214ebbe9b6850f2fde0f9e83bd0019feb6a62714', class: "kol-tree-item", style: {
28715
28789
  '--level': `${this.level}`,
28716
- } }, hAsync(KolLinkWcTag, { key: '329b9adc28bacf6742544123bc02fe82f2ceb9b5', class: clsx('kol-tree-item__link', {
28790
+ } }, hAsync(KolLinkWcTag, { key: '25c19762e151a6628e6604ae656db511cf3bd2ef', class: clsx('kol-tree-item__link', {
28717
28791
  'kol-tree-item__link--first-level': this.level === 0,
28718
28792
  'kol-tree-item__link--active': _active,
28719
- }), _href: _href, _label: "", _role: "treeitem", _tabIndex: _active ? 0 : -1, _ariaExpanded: _hasChildren ? _open : undefined, _ariaOwns: _hasChildren ? this.groupId : undefined, ref: (element) => (this.linkElement = element) }, hAsync("span", { key: '0292f071a8abfe0f9332ef4a8561149d38f804e2', class: "kol-tree-item__link-inner", slot: "expert" }, _hasChildren ? (hAsync("span", { class: "kol-tree-item__toggle-button", onClick: (event) => (_open ? void this.handleCollapseClick(event) : void this.handleExpandClick(event)) }, hAsync(KolIconTag, { class: "kol-tree-item__toggle-button-icon", _icons: `codicon codicon-${_open ? 'chevron-down' : 'chevron-right'}`, _label: '' }))) : (hAsync("span", { class: "kol-tree-item__toggle-button-placeholder" })), hAsync("span", { key: 'ed810a798a4e2ba38f848ce0c6fdfc3893c3c86d', class: "kol-tree-item__text" }, _label))), hAsync("ul", { key: '0e8ea268f1c26f79e55d45bfeda91d230bc4789d', class: "kol-tree-item__children", hidden: !_hasChildren || !_open, role: "group", id: this.groupId }, hAsync("slot", { key: 'a6509011c3fa851be4c6cace3aadf2b6d6bbfc7b' })))));
28793
+ }), _href: _href, _label: "", _role: "treeitem", _tabIndex: _active ? 0 : -1, _ariaExpanded: _hasChildren ? _open : undefined, _ariaOwns: _hasChildren ? this.groupId : undefined, ref: (element) => (this.linkElement = element) }, hAsync("span", { key: '1d511401118ac91f1d23dab02a0ac21109a7cbe8', class: "kol-tree-item__link-inner", slot: "expert" }, _hasChildren ? (hAsync("span", { class: "kol-tree-item__toggle-button", onClick: (event) => (_open ? void this.handleCollapseClick(event) : void this.handleExpandClick(event)) }, hAsync(KolIconTag, { class: "kol-tree-item__toggle-button-icon", _icons: `codicon codicon-${_open ? 'chevron-down' : 'chevron-right'}`, _label: '' }))) : (hAsync("span", { class: "kol-tree-item__toggle-button-placeholder" })), hAsync("span", { key: '0b58755f14c8fff333a07c35c19b82d738512919', class: "kol-tree-item__text" }, _label))), hAsync("ul", { key: '3477fcc73f76e6b5efa35cd17cea964977980245', class: "kol-tree-item__children", hidden: !_hasChildren || !_open, role: "group", id: this.groupId }, hAsync("slot", { key: '5c0e9ca02ee1b65e277d7e9e926d92466e6322a8' })))));
28720
28794
  }
28721
28795
  validateActive(value) {
28722
28796
  validateActive(this, value || false);
@@ -28821,7 +28895,7 @@ class KolTreeWc {
28821
28895
  validateLabel(this, value);
28822
28896
  }
28823
28897
  render() {
28824
- return (hAsync(Host, { key: '05d1fdf7fc5589847e2fdce7b3d307860721ccd2', onSlotchange: this.handleSlotchange.bind(this) }, hAsync("nav", { key: 'b03ad56f3ce550d09d22efa04e23273588093034', class: "kol-tree", "aria-label": this.state._label }, hAsync("ul", { key: '7b7e4fc2e98037621beb67e6dcdd00f7072d3878', class: "kol-tree__treeview-navigation", role: "tree", "aria-label": this.state._label }, hAsync("slot", { key: 'c6bd99309dd93b1eb88031533f17f25c0e9952c7' })))));
28898
+ return (hAsync(Host, { key: '6e1fc1f0d6757fec0658d28ff54fe73a58b60fa9', onSlotchange: this.handleSlotchange.bind(this) }, hAsync("nav", { key: 'dfc733503c12e36fc8e6fc958273555f4e698237', class: "kol-tree", "aria-label": this.state._label }, hAsync("ul", { key: '9c68ce61a9bfbe5ade976515eaa43e2d9fbf380d', class: "kol-tree__treeview-navigation", role: "tree", "aria-label": this.state._label }, hAsync("slot", { key: 'db660a5bc5cb5544f2c35e9e14f2a61d6e06ac69' })))));
28825
28899
  }
28826
28900
  static isTreeItem(element) {
28827
28901
  return (element === null || element === void 0 ? void 0 : element.tagName) === KolTreeItemTag.toUpperCase();
@@ -29019,7 +29093,7 @@ class KolVersion {
29019
29093
  };
29020
29094
  }
29021
29095
  render() {
29022
- return (hAsync(Host, { key: 'abaf942617b20e8e900dde885533f035b3cda21a', class: "kol-version" }, hAsync(KolBadgeTag, { key: 'ac1df455d3abf291c8a88debe0a0e2ae51ce6b61', _color: "#bec5c9", _icons: {
29096
+ return (hAsync(Host, { key: '504d576bcb558a37e573c76a5ba0a4a74e7c0bb4', class: "kol-version" }, hAsync(KolBadgeTag, { key: 'cad1661faee70f01e77c1b2ef9f02fce548f7c70', _color: "#bec5c9", _icons: {
29023
29097
  left: { icon: 'codicon codicon-versions', label: translate('kol-version') },
29024
29098
  }, _label: this.state._label })));
29025
29099
  }
@@ -29076,6 +29150,7 @@ registerComponents([
29076
29150
  KolButton,
29077
29151
  KolButtonLink,
29078
29152
  KolButtonWc,
29153
+ KolCard$1,
29079
29154
  KolCard,
29080
29155
  KolCombobox,
29081
29156
  KolDetails,