@sbb-esta/lyne-elements-dev 4.7.0-dev.1773648103 → 4.7.0-dev.1773648656

package/development/option/option/option.component.js

@@ -1,241 +1,2 @@
-import { css, nothing, html } from "lit";
-import { SbbPropertyWatcherController } from "../../core/controllers.js";
-import { boxSizingStyles } from "../../core/styles.js";
-import { SbbOptionBaseElement } from "./option-base-element.js";
-import "../../visual-checkbox.js";
-const style = css`:host {
-  display: block;
-  background-color: var(--sbb-option-background-color);
-  font-size: var(--sbb-option-font-size);
-  letter-spacing: var(--sbb-typo-letter-spacing-text);
-}
-
-:host(:is(:state(negative),[state--negative])) {
-  --sbb-option-color: var(--sbb-color-3-negative);
-  --sbb-option-icon-color: var(--sbb-color-5);
-  --sbb-option-background-color-hover: var(--sbb-background-color-3-negative);
-  --sbb-option-background-color-active: var(--sbb-background-color-4-negative);
-  --sbb-option-disabled-border-color: var(--sbb-border-color-5);
-  --sbb-option-disabled-background-color: var(--sbb-background-color-3-negative);
-  --sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);
-}
-
-@media (any-hover: hover) {
-  :host(:hover:not(:is(:state(disabled),[state--disabled]))) {
-    --sbb-option-background-color: var(--sbb-option-background-color-hover);
-  }
-}
-
-:host(:active:not(:is(:state(disabled),[state--disabled]))) {
-  --sbb-option-background-color: var(--sbb-option-background-color-active);
-}
-
-:host(:not(:is(:state(disable-highlight),[state--disable-highlight]))) .sbb-option__label slot {
-  display: none;
-}
-
-:host(:is(:state(disabled),[state--disabled])) {
-  --sbb-option-cursor: var(--sbb-cursor-default);
-}
-@media (forced-colors: active) {
-  :host(:is(:state(disabled),[state--disabled])) {
-    --sbb-option-color: GrayText;
-  }
-}
-
-:host(:is(:state(variant-select),[state--variant-select])) {
-  --sbb-option-column-gap: var(--sbb-spacing-fixed-2x);
-  --sbb-option-justify-content: space-between;
-}
-
-:host(:is(:state(variant-select),[state--variant-select]):is(:state(multiple),[state--multiple])) {
-  --sbb-option-justify-content: start;
-}
-
-:host(:is(:state(active),[state--active])) {
-  --sbb-option-focus-outline-color: var(--sbb-focus-outline-color);
-}
-
-:host(:not(:is(:is(:state(disabled),[state--disabled])))) .sbb-option__label--highlight {
-  font-weight: bold;
-}
-@media (forced-colors: active) {
-  :host(:not(:is(:is(:state(disabled),[state--disabled])))) .sbb-option__label--highlight {
-    color: Highlight;
-  }
-}
-
-.sbb-option {
-  position: relative;
-  display: flex;
-  min-height: var(--sbb-option-min-height);
-  align-items: center;
-  column-gap: var(--sbb-option-column-gap);
-  padding-inline: var(--sbb-option-padding-inline);
-  justify-content: var(--sbb-option-justify-content);
-  color: var(--sbb-option-color);
-  cursor: var(--sbb-option-cursor);
-  -webkit-tap-highlight-color: transparent;
-  -webkit-text-fill-color: var(--sbb-option-color);
-}
-.sbb-option::after {
-  content: "";
-  display: block;
-  position: absolute;
-  inset: var(--sbb-option-focus-outline-inset);
-  pointer-events: none;
-  border: var(--sbb-focus-outline-width) solid var(--sbb-option-focus-outline-color);
-  border-radius: var(--sbb-option-border-radius);
-}
-:host(:is(:state(disabled),[state--disabled]):not(:is(:state(multiple),[state--multiple]))) .sbb-option {
-  position: relative;
-  z-index: 0;
-}
-:host(:is(:state(disabled),[state--disabled]):not(:is(:state(multiple),[state--multiple]))) .sbb-option::before {
-  content: "";
-  display: block;
-  position: absolute;
-  inset: 0.375rem;
-  border: var(--sbb-border-width-1x) dashed var(--sbb-option-disabled-border-color);
-  border-radius: var(--sbb-border-radius-2x);
-  background-color: var(--sbb-option-disabled-background-color);
-  z-index: -1;
-}
-@media (forced-colors: active) {
-  :host(:is(:state(disabled),[state--disabled]):not(:is(:state(multiple),[state--multiple]))) .sbb-option::before {
-    border-color: GrayText;
-  }
-}
-
-.sbb-option__icon {
-  display: flex;
-  min-width: var(--sbb-size-icon-ui-small);
-  min-height: var(--sbb-size-icon-ui-small);
-  color: var(--sbb-option-icon-color);
-}
-:host(:not(:is(:state(slotted-icon),[state--slotted-icon]), :is(:state(has-icon-name),[state--has-icon-name]))) .sbb-option__icon {
-  display: var(--sbb-option-icon-container-display, none);
-}
-
-.sbb-option__label {
-  text-overflow: var(--sbb-option-text-overflow);
-  overflow: var(--sbb-option-overflow);
-  white-space: var(--sbb-option-white-space, initial);
-}`;
-const _SbbOptionElement = class _SbbOptionElement extends SbbOptionBaseElement {
-  set _variant(variant) {
-    if (this._variantInternal) {
-      this.internals.states.delete(`variant-${this._variantInternal}`);
-    }
-    this._variantInternal = variant;
-    if (this._variantInternal) {
-      this.internals.states.add(`variant-${this._variantInternal}`);
-    }
-  }
-  get _variant() {
-    return this._variantInternal ?? null;
-  }
-  constructor() {
-    super();
-    this.optionId = `sbb-option`;
-    this.addController(new SbbPropertyWatcherController(this, () => this.closest("sbb-optgroup"), {
-      disabled: (p) => this.disabledFromGroup = p.disabled,
-      label: (p) => this.groupLabel = p.label
-    }));
-    this.addController(new SbbPropertyWatcherController(this, () => this.closest("sbb-autocomplete"), {
-      negative: (e) => this._handleNegativeChange(e)
-    }));
-    this.addController(new SbbPropertyWatcherController(this, () => this.closest("sbb-select"), {
-      multiple: (ancestor) => {
-        this.toggleState("multiple", ancestor.multiple);
-        this.requestUpdate();
-      },
-      negative: (e) => this._handleNegativeChange(e)
-    }));
-  }
-  _isMultiple() {
-    return !this.hydrationRequired && this.internals.states.has("multiple");
-  }
-  _handleNegativeChange(ancestor) {
-    this.toggleState("negative", ancestor.negative);
-    this.requestUpdate();
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    if (this.hydrationRequired) {
-      this.hydrationComplete.then(() => this._init());
-    } else {
-      this._init();
-    }
-  }
-  _init() {
-    this._setVariantByContext();
-    this.handleHighlightState();
-  }
-  selectByClick(event) {
-    if (this.disabled || this.disabledFromGroup) {
-      event.stopPropagation();
-      return;
-    }
-    if (this._isMultiple()) {
-      event.stopPropagation();
-      this.selectViaUserInteraction(!this.selected);
-    } else {
-      this.selectViaUserInteraction(true);
-    }
-  }
-  selectViaUserInteraction(selected) {
-    super.selectViaUserInteraction(selected);
-    this.dispatchEvent(new Event("optionselectionchange", { bubbles: true, composed: true }));
-  }
-  _setVariantByContext() {
-    if (this.closest?.("sbb-autocomplete")) {
-      this._variant = "autocomplete";
-    } else if (this.closest?.("sbb-select")) {
-      this._variant = "select";
-    }
-  }
-  handleHighlightState() {
-    if (this._variant !== "autocomplete") {
-      this.updateDisableHighlight(true);
-      return;
-    }
-    super.handleHighlightState();
-  }
-  renderIcon() {
-    return html`
-      <!-- Icon -->
-      ${!this._isMultiple() ? html` <span class="sbb-option__icon"> ${this.renderIconSlot()} </span>` : nothing}
-
-      <!-- Checkbox -->
-      ${this._isMultiple() ? html`
-            <sbb-visual-checkbox
-              ?checked=${this.selected}
-              ?disabled=${this.disabled || this.disabledFromGroup}
-              ?negative=${this.matches?.(":is(:state(negative),[state--negative])")}
-            ></sbb-visual-checkbox>
-          ` : nothing}
-    `;
-  }
-  renderLabel() {
-    if (this._variant !== "autocomplete") {
-      return nothing;
-    }
-    return super.renderLabel();
-  }
-  renderTick() {
-    return this._variant === "select" && !this._isMultiple() && this.selected ? html`<sbb-icon name="tick-small"></sbb-icon>` : nothing;
-  }
-};
-_SbbOptionElement.elementName = "sbb-option";
-_SbbOptionElement.role = "option";
-_SbbOptionElement.styles = [boxSizingStyles, style];
-_SbbOptionElement.events = {
-  optionselectionchange: "optionselectionchange",
-  optionselected: "optionselected"
-};
-let SbbOptionElement = _SbbOptionElement;
-export {
-  SbbOptionElement
-};
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL29wdGlvbi9vcHRpb24vb3B0aW9uLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBodG1sLCBub3RoaW5nIH0gZnJvbSAnbGl0JztcblxuaW1wb3J0IHR5cGUgeyBTYmJBdXRvY29tcGxldGVFbGVtZW50IH0gZnJvbSAnLi4vLi4vYXV0b2NvbXBsZXRlLnRzJztcbmltcG9ydCB7IFNiYlByb3BlcnR5V2F0Y2hlckNvbnRyb2xsZXIgfSBmcm9tICcuLi8uLi9jb3JlL2NvbnRyb2xsZXJzLnRzJztcbmltcG9ydCB7IGJveFNpemluZ1N0eWxlcyB9IGZyb20gJy4uLy4uL2NvcmUvc3R5bGVzLnRzJztcbmltcG9ydCB0eXBlIHsgU2JiU2VsZWN0RWxlbWVudCB9IGZyb20gJy4uLy4uL3NlbGVjdC50cyc7XG5cbmltcG9ydCB7IFNiYk9wdGlvbkJhc2VFbGVtZW50IH0gZnJvbSAnLi9vcHRpb24tYmFzZS1lbGVtZW50LnRzJztcbmltcG9ydCBzdHlsZSBmcm9tICcuL29wdGlvbi5zY3NzP2xpdCZpbmxpbmUnO1xuXG5pbXBvcnQgJy4uLy4uL3Zpc3VhbC1jaGVja2JveC50cyc7XG5cbmV4cG9ydCB0eXBlIFNiYk9wdGlvblZhcmlhbnQgPSAnYXV0b2NvbXBsZXRlJyB8ICdzZWxlY3QnIHwgbnVsbDtcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBvbiBvcHRpb24gaXRlbSB3aGljaCBjYW4gYmUgdXNlZCBpbiBgc2JiLXNlbGVjdGAgb3IgYHNiYi1hdXRvY29tcGxldGVgLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGNvbnRlbnQgdG8gdGhlIG9wdGlvbiBsYWJlbC5cbiAqIEBzbG90IGljb24gLSBVc2UgdGhpcyBzbG90IHRvIHByb3ZpZGUgYW4gaWNvbi4gSWYgYGljb24tbmFtZWAgaXMgc2V0LCBhIHNiYi1pY29uIHdpbGwgYmUgdXNlZC5cbiAqIEBjc3Nwcm9wIFstLXNiYi1vcHRpb24taWNvbi1jb250YWluZXItZGlzcGxheT1ub25lXSAtIENhbiBiZSB1c2VkIHRvIHJlc2VydmUgc3BhY2UgZXZlblxuICogd2hlbiBwcmVzZXJ2ZS1pY29uLXNwYWNlIG9uIGF1dG9jb21wbGV0ZSBpcyBub3Qgc2V0IG9yIGljb25OYW1lIGlzIG5vdCBzZXQuXG4gKiBAb3ZlcnJpZGVUeXBlIHZhbHVlIC0gKFQgPSBzdHJpbmcpIHwgbnVsbFxuICovXG5leHBvcnQgY2xhc3MgU2JiT3B0aW9uRWxlbWVudDxUID0gc3RyaW5nPiBleHRlbmRzIFNiYk9wdGlvbkJhc2VFbGVtZW50PFQ+IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi1vcHRpb24nO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IHJvbGUgPSAnb3B0aW9uJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2JveFNpemluZ1N0eWxlcywgc3R5bGVdO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGV2ZW50cyA9IHtcbiAgICBvcHRpb25zZWxlY3Rpb25jaGFuZ2U6ICdvcHRpb25zZWxlY3Rpb25jaGFuZ2UnLFxuICAgIG9wdGlvbnNlbGVjdGVkOiAnb3B0aW9uc2VsZWN0ZWQnLFxuICB9IGFzIGNvbnN0O1xuXG4gIHByb3RlY3RlZCBvcHRpb25JZCA9IGBzYmItb3B0aW9uYDtcblxuICBwcml2YXRlIHNldCBfdmFyaWFudCh2YXJpYW50OiBTYmJPcHRpb25WYXJpYW50KSB7XG4gICAgaWYgKHRoaXMuX3ZhcmlhbnRJbnRlcm5hbCkge1xuICAgICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmRlbGV0ZShgdmFyaWFudC0ke3RoaXMuX3ZhcmlhbnRJbnRlcm5hbH1gKTtcbiAgICB9XG4gICAgdGhpcy5fdmFyaWFudEludGVybmFsID0gdmFyaWFudDtcbiAgICBpZiAodGhpcy5fdmFyaWFudEludGVybmFsKSB7XG4gICAgICB0aGlzLmludGVybmFscy5zdGF0ZXMuYWRkKGB2YXJpYW50LSR7dGhpcy5fdmFyaWFudEludGVybmFsfWApO1xuICAgIH1cbiAgfVxuICBwcml2YXRlIGdldCBfdmFyaWFudCgpOiBTYmJPcHRpb25WYXJpYW50IHtcbiAgICByZXR1cm4gdGhpcy5fdmFyaWFudEludGVybmFsID8/IG51bGw7XG4gIH1cbiAgcHJpdmF0ZSBfdmFyaWFudEludGVybmFsPzogU2JiT3B0aW9uVmFyaWFudDtcblxuICBwdWJsaWMgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICB0aGlzLmFkZENvbnRyb2xsZXIoXG4gICAgICBuZXcgU2JiUHJvcGVydHlXYXRjaGVyQ29udHJvbGxlcih0aGlzLCAoKSA9PiB0aGlzLmNsb3Nlc3QoJ3NiYi1vcHRncm91cCcpLCB7XG4gICAgICAgIGRpc2FibGVkOiAocCkgPT4gKHRoaXMuZGlzYWJsZWRGcm9tR3JvdXAgPSBwLmRpc2FibGVkKSxcbiAgICAgICAgbGFiZWw6IChwKSA9PiAodGhpcy5ncm91cExhYmVsID0gcC5sYWJlbCksXG4gICAgICB9KSxcbiAgICApO1xuXG4gICAgdGhpcy5hZGRDb250cm9sbGVyKFxuICAgICAgbmV3IFNiYlByb3BlcnR5V2F0Y2hlckNvbnRyb2xsZXIodGhpcywgKCkgPT4gdGhpcy5jbG9zZXN0KCdzYmItYXV0b2NvbXBsZXRlJyksIHtcbiAgICAgICAgbmVnYXRpdmU6IChlKSA9PiB0aGlzLl9oYW5kbGVOZWdhdGl2ZUNoYW5nZShlKSxcbiAgICAgIH0pLFxuICAgICk7XG5cbiAgICB0aGlzLmFkZENvbnRyb2xsZXIoXG4gICAgICBuZXcgU2JiUHJvcGVydHlXYXRjaGVyQ29udHJvbGxlcih0aGlzLCAoKSA9PiB0aGlzLmNsb3Nlc3QoJ3NiYi1zZWxlY3QnKSwge1xuICAgICAgICBtdWx0aXBsZTogKGFuY2VzdG9yKSA9PiB7XG4gICAgICAgICAgdGhpcy50b2dnbGVTdGF0ZSgnbXVsdGlwbGUnLCBhbmNlc3Rvci5tdWx0aXBsZSk7XG5cbiAgICAgICAgICAvLyBNdWx0aXBsZSBoYXMgdG8gYmUgcHJvcGFnYXRlZCB0byBzYmItdmlzdWFsLWNoZWNrYm94IGluc2lkZSB0aGUgb3B0aW9uLlxuICAgICAgICAgIHRoaXMucmVxdWVzdFVwZGF0ZSgpO1xuICAgICAgICB9LFxuICAgICAgICBuZWdhdGl2ZTogKGUpID0+IHRoaXMuX2hhbmRsZU5lZ2F0aXZlQ2hhbmdlKGUpLFxuICAgICAgfSksXG4gICAgKTtcbiAgfVxuXG4gIHByaXZhdGUgX2lzTXVsdGlwbGUoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuICF0aGlzLmh5ZHJhdGlvblJlcXVpcmVkICYmIHRoaXMuaW50ZXJuYWxzLnN0YXRlcy5oYXMoJ211bHRpcGxlJyk7XG4gIH1cblxuICBwcml2YXRlIF9oYW5kbGVOZWdhdGl2ZUNoYW5nZShhbmNlc3RvcjogU2JiQXV0b2NvbXBsZXRlRWxlbWVudCB8IFNiYlNlbGVjdEVsZW1lbnQpOiB2b2lkIHtcbiAgICB0aGlzLnRvZ2dsZVN0YXRlKCduZWdhdGl2ZScsIGFuY2VzdG9yLm5lZ2F0aXZlKTtcblxuICAgIC8vIE5lZ2F0aXZlIGhhcyB0byBiZSBwcm9wYWdhdGVkIHRvIHNiYi12aXN1YWwtY2hlY2tib3ggaW5zaWRlIHRoZSBvcHRpb24uXG4gICAgdGhpcy5yZXF1ZXN0VXBkYXRlKCk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcblxuICAgIC8vIFdlIG5lZWQgdG8gY2hlY2sgaGlnaGxpZ2h0IHN0YXRlIGJvdGggb24gc2xvdCBjaGFuZ2UsIGJ1dCBhbHNvIHdoZW4gY29ubmVjdGluZ1xuICAgIC8vIHRoZSBlbGVtZW50IHRvIHRoZSBET00uIFRoZSBzbG90IGNoYW5nZSBldmVudHMgbWlnaHQgYmUgc3dhbGxvd2VkIHdoZW4gdXNpbmcgZGVjbGFyYXRpdmVcbiAgICAvLyBzaGFkb3cgRE9NIHdpdGggU1NSIG9yIGlmIHRoZSBET00gaXMgY2hhbmdlZCB3aGVuIGRpc2Nvbm5lY3RlZC5cbiAgICBpZiAodGhpcy5oeWRyYXRpb25SZXF1aXJlZCkge1xuICAgICAgdGhpcy5oeWRyYXRpb25Db21wbGV0ZS50aGVuKCgpID0+IHRoaXMuX2luaXQoKSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuX2luaXQoKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF9pbml0KCk6IHZvaWQge1xuICAgIHRoaXMuX3NldFZhcmlhbnRCeUNvbnRleHQoKTtcbiAgICB0aGlzLmhhbmRsZUhpZ2hsaWdodFN0YXRlKCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgc2VsZWN0QnlDbGljayhldmVudDogTW91c2VFdmVudCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmRpc2FibGVkIHx8IHRoaXMuZGlzYWJsZWRGcm9tR3JvdXApIHtcbiAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGlmICh0aGlzLl9pc011bHRpcGxlKCkpIHtcbiAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgdGhpcy5zZWxlY3RWaWFVc2VySW50ZXJhY3Rpb24oIXRoaXMuc2VsZWN0ZWQpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnNlbGVjdFZpYVVzZXJJbnRlcmFjdGlvbih0cnVlKTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgc2VsZWN0VmlhVXNlckludGVyYWN0aW9uKHNlbGVjdGVkOiBib29sZWFuKTogdm9pZCB7XG4gICAgc3VwZXIuc2VsZWN0VmlhVXNlckludGVyYWN0aW9uKHNlbGVjdGVkKTtcbiAgICAvKiogVGhlIG9wdGlvbnNlbGVjdGlvbmNoYW5nZSBldmVudCBpcyBkaXNwYXRjaGVkIHdoZW4gdGhlIG9wdGlvbiBzZWxlY3Rpb24gc3RhdHVzIGNoYW5nZXMuICovXG4gICAgdGhpcy5kaXNwYXRjaEV2ZW50KG5ldyBFdmVudCgnb3B0aW9uc2VsZWN0aW9uY2hhbmdlJywgeyBidWJibGVzOiB0cnVlLCBjb21wb3NlZDogdHJ1ZSB9KSk7XG4gIH1cblxuICBwcml2YXRlIF9zZXRWYXJpYW50QnlDb250ZXh0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmNsb3Nlc3Q/Lignc2JiLWF1dG9jb21wbGV0ZScpKSB7XG4gICAgICB0aGlzLl92YXJpYW50ID0gJ2F1dG9jb21wbGV0ZSc7XG4gICAgfSBlbHNlIGlmICh0aGlzLmNsb3Nlc3Q/Lignc2JiLXNlbGVjdCcpKSB7XG4gICAgICB0aGlzLl92YXJpYW50ID0gJ3NlbGVjdCc7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIGhhbmRsZUhpZ2hsaWdodFN0YXRlKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLl92YXJpYW50ICE9PSAnYXV0b2NvbXBsZXRlJykge1xuICAgICAgdGhpcy51cGRhdGVEaXNhYmxlSGlnaGxpZ2h0KHRydWUpO1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHN1cGVyLmhhbmRsZUhpZ2hsaWdodFN0YXRlKCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVySWNvbigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8IS0tIEljb24gLS0+XG4gICAgICAkeyF0aGlzLl9pc011bHRpcGxlKClcbiAgICAgICAgPyBodG1sYCA8c3BhbiBjbGFzcz1cInNiYi1vcHRpb25fX2ljb25cIj4gJHt0aGlzLnJlbmRlckljb25TbG90KCl9IDwvc3Bhbj5gXG4gICAgICAgIDogbm90aGluZ31cblxuICAgICAgPCEtLSBDaGVja2JveCAtLT5cbiAgICAgICR7dGhpcy5faXNNdWx0aXBsZSgpXG4gICAgICAgID8gaHRtbGBcbiAgICAgICAgICAgIDxzYmItdmlzdWFsLWNoZWNrYm94XG4gICAgICAgICAgICAgID9jaGVja2VkPSR7dGhpcy5zZWxlY3RlZH1cbiAgICAgICAgICAgICAgP2Rpc2FibGVkPSR7dGhpcy5kaXNhYmxlZCB8fCB0aGlzLmRpc2FibGVkRnJvbUdyb3VwfVxuICAgICAgICAgICAgICA/bmVnYXRpdmU9JHt0aGlzLm1hdGNoZXM/LignOnN0YXRlKG5lZ2F0aXZlKScpfVxuICAgICAgICAgICAgPjwvc2JiLXZpc3VhbC1jaGVja2JveD5cbiAgICAgICAgICBgXG4gICAgICAgIDogbm90aGluZ31cbiAgICBgO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlckxhYmVsKCk6IFRlbXBsYXRlUmVzdWx0IHwgdHlwZW9mIG5vdGhpbmcge1xuICAgIGlmICh0aGlzLl92YXJpYW50ICE9PSAnYXV0b2NvbXBsZXRlJykge1xuICAgICAgcmV0dXJuIG5vdGhpbmc7XG4gICAgfVxuICAgIHJldHVybiBzdXBlci5yZW5kZXJMYWJlbCgpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlclRpY2soKTogVGVtcGxhdGVSZXN1bHQgfCB0eXBlb2Ygbm90aGluZyB7XG4gICAgcmV0dXJuIHRoaXMuX3ZhcmlhbnQgPT09ICdzZWxlY3QnICYmICF0aGlzLl9pc011bHRpcGxlKCkgJiYgdGhpcy5zZWxlY3RlZFxuICAgICAgPyBodG1sYDxzYmItaWNvbiBuYW1lPVwidGljay1zbWFsbFwiPjwvc2JiLWljb24+YFxuICAgICAgOiBub3RoaW5nO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItb3B0aW9uJzogU2JiT3B0aW9uRWxlbWVudDtcbiAgfVxuXG4gIGludGVyZmFjZSBHbG9iYWxFdmVudEhhbmRsZXJzRXZlbnRNYXAge1xuICAgIG9wdGlvbnNlbGVjdGlvbmNoYW5nZTogRXZlbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBd0JNLE1BQU8sb0JBQVAsTUFBTywwQkFBcUMscUJBQXVCO0FBQUEsRUFXdkUsSUFBWSxTQUFTLFNBQXlCO0FBQzVDLFFBQUksS0FBSyxrQkFBa0I7QUFDekIsV0FBSyxVQUFVLE9BQU8sT0FBTyxXQUFXLEtBQUssZ0JBQWdCLEVBQUU7QUFBQSxJQUNqRTtBQUNBLFNBQUssbUJBQW1CO0FBQ3hCLFFBQUksS0FBSyxrQkFBa0I7QUFDekIsV0FBSyxVQUFVLE9BQU8sSUFBSSxXQUFXLEtBQUssZ0JBQWdCLEVBQUU7QUFBQSxJQUM5RDtBQUFBLEVBQ0Y7QUFBQSxFQUNBLElBQVksV0FBUTtBQUNsQixXQUFPLEtBQUssb0JBQW9CO0FBQUEsRUFDbEM7QUFBQSxFQUdBLGNBQUE7QUFDRSxVQUFBO0FBakJRLFNBQUEsV0FBVztBQWtCbkIsU0FBSyxjQUNILElBQUksNkJBQTZCLE1BQU0sTUFBTSxLQUFLLFFBQVEsY0FBYyxHQUFHO0FBQUEsTUFDekUsVUFBVSxDQUFDLE1BQU8sS0FBSyxvQkFBb0IsRUFBRTtBQUFBLE1BQzdDLE9BQU8sQ0FBQyxNQUFPLEtBQUssYUFBYSxFQUFFO0FBQUEsSUFBQSxDQUNwQyxDQUFDO0FBR0osU0FBSyxjQUNILElBQUksNkJBQTZCLE1BQU0sTUFBTSxLQUFLLFFBQVEsa0JBQWtCLEdBQUc7QUFBQSxNQUM3RSxVQUFVLENBQUMsTUFBTSxLQUFLLHNCQUFzQixDQUFDO0FBQUEsSUFBQSxDQUM5QyxDQUFDO0FBR0osU0FBSyxjQUNILElBQUksNkJBQTZCLE1BQU0sTUFBTSxLQUFL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
+import { t as SbbOptionElement } from "../../option.component-BvOsW8Gn.js";
+export { SbbOptionElement };

package/development/option/option-hint/option-hint.component.js

@@ -1,44 +1,2 @@
-import { css, html } from "lit";
-import { SbbElement } from "../../core/base-elements.js";
-import { SbbNegativeMixin } from "../../core/mixins.js";
-import { boxSizingStyles } from "../../core/styles.js";
-const style = css`:host {
-  display: flex;
-  column-gap: var(--sbb-option-hint-column-gap);
-  padding-inline: var(--sbb-option-hint-padding-inline);
-  padding-block-end: var(--sbb-option-hint-padding-block-end);
-  font-size: var(--sbb-option-hint-font-size);
-  letter-spacing: var(--sbb-typo-letter-spacing-text);
-}
-
-:host([negative]) {
-  --sbb-option-hint-color: var(--sbb-color-5);
-}
-
-.sbb-optgroup__icon-space {
-  display: var(--sbb-option-icon-container-display, none);
-  min-width: var(--sbb-size-icon-ui-small);
-}
-
-.sbb-option-hint {
-  color: var(--sbb-option-hint-color);
-  -webkit-text-fill-color: var(--sbb-option-hint-color);
-  flex-grow: 1;
-}`;
-const _SbbOptionHintElement = class _SbbOptionHintElement extends SbbNegativeMixin(SbbElement) {
-  render() {
-    return html`
-      <div class="sbb-optgroup__icon-space"></div>
-      <span class="sbb-option-hint">
-        <slot></slot>
-      </span>
-    `;
-  }
-};
-_SbbOptionHintElement.elementName = "sbb-option-hint";
-_SbbOptionHintElement.styles = [boxSizingStyles, style];
-let SbbOptionHintElement = _SbbOptionHintElement;
-export {
-  SbbOptionHintElement
-};
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9uLWhpbnQuY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvb3B0aW9uL29wdGlvbi1oaW50L29wdGlvbi1oaW50LmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBodG1sIH0gZnJvbSAnbGl0JztcblxuaW1wb3J0IHsgU2JiRWxlbWVudCB9IGZyb20gJy4uLy4uL2NvcmUvYmFzZS1lbGVtZW50cy50cyc7XG5pbXBvcnQgeyBTYmJOZWdhdGl2ZU1peGluIH0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMudHMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnLi4vLi4vY29yZS9zdHlsZXMudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9vcHRpb24taGludC5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIERpc3BsYXkgYSB0ZXh0dWFsIGhpbnQgaW5zaWRlIGEgYHNiYi1hdXRvY29tcGxldGVgIG9yIGEgYHNiYi1zZWxlY3RgLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gZGlzcGxheSB0aGUgaGludCBtZXNzYWdlLlxuICovXG5leHBvcnQgY2xhc3MgU2JiT3B0aW9uSGludEVsZW1lbnQgZXh0ZW5kcyBTYmJOZWdhdGl2ZU1peGluKFNiYkVsZW1lbnQpIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi1vcHRpb24taGludCc7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtib3hTaXppbmdTdHlsZXMsIHN0eWxlXTtcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItb3B0Z3JvdXBfX2ljb24tc3BhY2VcIj48L2Rpdj5cbiAgICAgIDxzcGFuIGNsYXNzPVwic2JiLW9wdGlvbi1oaW50XCI+XG4gICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgIDwvc3Bhbj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItb3B0aW9uLWhpbnQnOiBTYmJPcHRpb25IaW50RWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztNQWNhLDhCQUFBLDhCQUE2QixpQkFBaUIsVUFBVSxFQUFDO0FBQUEsRUFJakQsU0FBTTtBQUN2QixXQUFPO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLEVBTVQ7O0FBVmdDLHNCQUFBLGNBQXNCO0FBQy9CLHNCQUFBLFNBQXlCLENBQUMsaUJBQWlCLEtBQUs7SUFGNUQ7In0=
+import { t as SbbOptionHintElement } from "../../option-hint.component-CHS5Z_sK.js";
+export { SbbOptionHintElement };

package/development/option/option-hint.js

@@ -1,8 +1,10 @@
-import { SbbOptionHintElement } from "./option-hint/option-hint.component.js";
+import { t as SbbOptionHintElement } from "../option-hint.component-CHS5Z_sK.js";
+//#region src/elements/option/option-hint.ts
+/** @entrypoint */
 SbbOptionHintElement.define();
 console.warn(`The entrypoint '@sbb-esta/elements/option/option-hint.js' has been deprecated.
 Use either '@sbb-esta/elements/option.js' or '@sbb-esta/elements/option.pure.js' instead.`);
-export {
-  SbbOptionHintElement
-};
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9uLWhpbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9vcHRpb24vb3B0aW9uLWhpbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiLyoqIEBlbnRyeXBvaW50ICovXG5pbXBvcnQgeyBTYmJPcHRpb25IaW50RWxlbWVudCB9IGZyb20gJy4vb3B0aW9uLWhpbnQvb3B0aW9uLWhpbnQuY29tcG9uZW50LnRzJztcblxuZXhwb3J0ICogZnJvbSAnLi9vcHRpb24taGludC9vcHRpb24taGludC5jb21wb25lbnQudHMnO1xuXG5TYmJPcHRpb25IaW50RWxlbWVudC5kZWZpbmUoKTtcblxuY29uc29sZS53YXJuKGBUaGUgZW50cnlwb2ludCAnQHNiYi1lc3RhL2VsZW1lbnRzL29wdGlvbi9vcHRpb24taGludC5qcycgaGFzIGJlZW4gZGVwcmVjYXRlZC5cblVzZSBlaXRoZXIgJ0BzYmItZXN0YS9lbGVtZW50cy9vcHRpb24uanMnIG9yICdAc2JiLWVzdGEvZWxlbWVudHMvb3B0aW9uLnB1cmUuanMnIGluc3RlYWQuYCk7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUtBLHFCQUFxQixPQUFBO0FBRXJCLFFBQVEsS0FBSztBQUFBLDBGQUM2RTsifQ==
+//#endregion
+export { SbbOptionHintElement };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9uLWhpbnQuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL29wdGlvbi9vcHRpb24taGludC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGVudHJ5cG9pbnQgKi9cbmltcG9ydCB7IFNiYk9wdGlvbkhpbnRFbGVtZW50IH0gZnJvbSAnLi9vcHRpb24taGludC9vcHRpb24taGludC5jb21wb25lbnQudHMnO1xuXG5leHBvcnQgKiBmcm9tICcuL29wdGlvbi1oaW50L29wdGlvbi1oaW50LmNvbXBvbmVudC50cyc7XG5cblNiYk9wdGlvbkhpbnRFbGVtZW50LmRlZmluZSgpO1xuXG5jb25zb2xlLndhcm4oYFRoZSBlbnRyeXBvaW50ICdAc2JiLWVzdGEvZWxlbWVudHMvb3B0aW9uL29wdGlvbi1oaW50LmpzJyBoYXMgYmVlbiBkZXByZWNhdGVkLlxuVXNlIGVpdGhlciAnQHNiYi1lc3RhL2VsZW1lbnRzL29wdGlvbi5qcycgb3IgJ0BzYmItZXN0YS9lbGVtZW50cy9vcHRpb24ucHVyZS5qcycgaW5zdGVhZC5gKTtcbiJdLCJtYXBwaW5ncyI6Ijs7O0FBS0EscUJBQXFCLFFBQVE7QUFFN0IsUUFBUSxLQUFLOzJGQUM4RSJ9

package/development/option/option.js

@@ -1,10 +1,11 @@
-import { SbbOptionElement } from "./option/option.component.js";
 import { SbbOptionBaseElement } from "./option/option-base-element.js";
+import { t as SbbOptionElement } from "../option.component-BvOsW8Gn.js";
+//#region src/elements/option/option.ts
+/** @entrypoint */
 SbbOptionElement.define();
 console.warn(`The entrypoint '@sbb-esta/elements/option/option.js' has been deprecated.
 Use either '@sbb-esta/elements/option.js' or '@sbb-esta/elements/option.pure.js' instead.`);
-export {
-  SbbOptionBaseElement,
-  SbbOptionElement
-};
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9uLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvb3B0aW9uL29wdGlvbi50cyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGVudHJ5cG9pbnQgKi9cbmltcG9ydCB7IFNiYk9wdGlvbkVsZW1lbnQgfSBmcm9tICcuL29wdGlvbi9vcHRpb24uY29tcG9uZW50LnRzJztcblxuZXhwb3J0ICogZnJvbSAnLi9vcHRpb24vb3B0aW9uLmNvbXBvbmVudC50cyc7XG5leHBvcnQgKiBmcm9tICcuL29wdGlvbi9vcHRpb24tYmFzZS1lbGVtZW50LnRzJztcblxuU2JiT3B0aW9uRWxlbWVudC5kZWZpbmUoKTtcblxuY29uc29sZS53YXJuKGBUaGUgZW50cnlwb2ludCAnQHNiYi1lc3RhL2VsZW1lbnRzL29wdGlvbi9vcHRpb24uanMnIGhhcyBiZWVuIGRlcHJlY2F0ZWQuXG5Vc2UgZWl0aGVyICdAc2JiLWVzdGEvZWxlbWVudHMvb3B0aW9uLmpzJyBvciAnQHNiYi1lc3RhL2VsZW1lbnRzL29wdGlvbi5wdXJlLmpzJyBpbnN0ZWFkLmApO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBTUEsaUJBQWlCLE9BQUE7QUFFakIsUUFBUSxLQUFLO0FBQUEsMEZBQzZFOyJ9
+//#endregion
+export { SbbOptionBaseElement, SbbOptionElement };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9uLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9vcHRpb24vb3B0aW9uLnRzIl0sInNvdXJjZXNDb250ZW50IjpbIi8qKiBAZW50cnlwb2ludCAqL1xuaW1wb3J0IHsgU2JiT3B0aW9uRWxlbWVudCB9IGZyb20gJy4vb3B0aW9uL29wdGlvbi5jb21wb25lbnQudHMnO1xuXG5leHBvcnQgKiBmcm9tICcuL29wdGlvbi9vcHRpb24uY29tcG9uZW50LnRzJztcbmV4cG9ydCAqIGZyb20gJy4vb3B0aW9uL29wdGlvbi1iYXNlLWVsZW1lbnQudHMnO1xuXG5TYmJPcHRpb25FbGVtZW50LmRlZmluZSgpO1xuXG5jb25zb2xlLndhcm4oYFRoZSBlbnRyeXBvaW50ICdAc2JiLWVzdGEvZWxlbWVudHMvb3B0aW9uL29wdGlvbi5qcycgaGFzIGJlZW4gZGVwcmVjYXRlZC5cblVzZSBlaXRoZXIgJ0BzYmItZXN0YS9lbGVtZW50cy9vcHRpb24uanMnIG9yICdAc2JiLWVzdGEvZWxlbWVudHMvb3B0aW9uLnB1cmUuanMnIGluc3RlYWQuYCk7XG4iXSwibWFwcGluZ3MiOiI7Ozs7QUFNQSxpQkFBaUIsUUFBUTtBQUV6QixRQUFRLEtBQUs7MkZBQzhFIn0=

package/development/option-hint.component-CHS5Z_sK.js

@@ -0,0 +1,55 @@
+import { css, html } from "lit";
+import { SbbElement } from "./core/base-elements.js";
+import { SbbNegativeMixin } from "./core/mixins.js";
+import { boxSizingStyles } from "./core/styles.js";
+//#region src/elements/option/option-hint/option-hint.scss?lit&inline
+var option_hint_default = css`:host {
+  display: flex;
+  column-gap: var(--sbb-option-hint-column-gap);
+  padding-inline: var(--sbb-option-hint-padding-inline);
+  padding-block-end: var(--sbb-option-hint-padding-block-end);
+  font-size: var(--sbb-option-hint-font-size);
+  letter-spacing: var(--sbb-typo-letter-spacing-text);
+}
+
+:host([negative]) {
+  --sbb-option-hint-color: var(--sbb-color-5);
+}
+
+.sbb-optgroup__icon-space {
+  display: var(--sbb-option-icon-container-display, none);
+  min-width: var(--sbb-size-icon-ui-small);
+}
+
+.sbb-option-hint {
+  color: var(--sbb-option-hint-color);
+  -webkit-text-fill-color: var(--sbb-option-hint-color);
+  flex-grow: 1;
+}`;
+//#endregion
+//#region src/elements/option/option-hint/option-hint.component.ts
+/**
+* Display a textual hint inside a `sbb-autocomplete` or a `sbb-select`.
+*
+* @slot - Use the unnamed slot to display the hint message.
+*/
+var SbbOptionHintElement = class extends SbbNegativeMixin(SbbElement) {
+	static {
+		this.elementName = "sbb-option-hint";
+	}
+	static {
+		this.styles = [boxSizingStyles, option_hint_default];
+	}
+	render() {
+		return html`
+      <div class="sbb-optgroup__icon-space"></div>
+      <span class="sbb-option-hint">
+        <slot></slot>
+      </span>
+    `;
+	}
+};
+//#endregion
+export { SbbOptionHintElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9uLWhpbnQuY29tcG9uZW50LUNIUzVaX3NLLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9vcHRpb24vb3B0aW9uLWhpbnQvb3B0aW9uLWhpbnQuc2Nzcz9saXQmaW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL29wdGlvbi9vcHRpb24taGludC9vcHRpb24taGludC5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICBkaXNwbGF5OiBmbGV4O1xuICBjb2x1bW4tZ2FwOiB2YXIoLS1zYmItb3B0aW9uLWhpbnQtY29sdW1uLWdhcCk7XG4gIHBhZGRpbmctaW5saW5lOiB2YXIoLS1zYmItb3B0aW9uLWhpbnQtcGFkZGluZy1pbmxpbmUpO1xuICBwYWRkaW5nLWJsb2NrLWVuZDogdmFyKC0tc2JiLW9wdGlvbi1oaW50LXBhZGRpbmctYmxvY2stZW5kKTtcbiAgZm9udC1zaXplOiB2YXIoLS1zYmItb3B0aW9uLWhpbnQtZm9udC1zaXplKTtcbiAgbGV0dGVyLXNwYWNpbmc6IHZhcigtLXNiYi10eXBvLWxldHRlci1zcGFjaW5nLXRleHQpO1xufVxuXG46aG9zdChbbmVnYXRpdmVdKSB7XG4gIC0tc2JiLW9wdGlvbi1oaW50LWNvbG9yOiB2YXIoLS1zYmItY29sb3ItNSk7XG59XG5cbi5zYmItb3B0Z3JvdXBfX2ljb24tc3BhY2Uge1xuICAvLyBDYW4gYmUgb3ZlcnJpZGRlbiBieSB0aGUgJ3ByZXNlcnZlLWljb24tc3BhY2UnIG9uIHRoZSBhdXRvY29tcGxldGVcbiAgZGlzcGxheTogdmFyKC0tc2JiLW9wdGlvbi1pY29uLWNvbnRhaW5lci1kaXNwbGF5LCBub25lKTtcbiAgbWluLXdpZHRoOiB2YXIoLS1zYmItc2l6ZS1pY29uLXVpLXNtYWxsKTtcbn1cblxuLnNiYi1vcHRpb24taGludCB7XG4gIGNvbG9yOiB2YXIoLS1zYmItb3B0aW9uLWhpbnQtY29sb3IpO1xuICAtd2Via2l0LXRleHQtZmlsbC1jb2xvcjogdmFyKC0tc2JiLW9wdGlvbi1oaW50LWNvbG9yKTtcbiAgZmxleC1ncm93OiAxO1xufVxuIiwiaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCwgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCB9IGZyb20gJ2xpdCc7XG5cbmltcG9ydCB7IFNiYkVsZW1lbnQgfSBmcm9tICcuLi8uLi9jb3JlL2Jhc2UtZWxlbWVudHMudHMnO1xuaW1wb3J0IHsgU2JiTmVnYXRpdmVNaXhpbiB9IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLnRzJztcbmltcG9ydCB7IGJveFNpemluZ1N0eWxlcyB9IGZyb20gJy4uLy4uL2NvcmUvc3R5bGVzLnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vb3B0aW9uLWhpbnQuc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBEaXNwbGF5IGEgdGV4dHVhbCBoaW50IGluc2lkZSBhIGBzYmItYXV0b2NvbXBsZXRlYCBvciBhIGBzYmItc2VsZWN0YC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGRpc3BsYXkgdGhlIGhpbnQgbWVzc2FnZS5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYk9wdGlvbkhpbnRFbGVtZW50IGV4dGVuZHMgU2JiTmVnYXRpdmVNaXhpbihTYmJFbGVtZW50KSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItb3B0aW9uLWhpbnQnO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCBzdHlsZV07XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2IGNsYXNzPVwic2JiLW9wdGdyb3VwX19pY29uLXNwYWNlXCI+PC9kaXY+XG4gICAgICA8c3BhbiBjbGFzcz1cInNiYi1vcHRpb24taGludFwiPlxuICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICA8L3NwYW4+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLW9wdGlvbi1oaW50JzogU2JiT3B0aW9uSGludEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUNjQSxJQUFhLHVCQUFiLGNBQTBDLGlCQUFpQixXQUFXLENBQUE7O0FBQ3BDLE9BQUEsY0FBc0I7OztBQUMvQixPQUFBLFNBQXlCLENBQUMsaUJBQWlCLG9CQUFNOztDQUVyRCxTQUFNO0FBQ3ZCLFNBQU8sSUFBSSJ9