@sbb-esta/lyne-elements 0.0.0 → 0.52.0

package/development/option/option.js

@@ -0,0 +1,444 @@
+import { css, LitElement, html, nothing } from "lit";
+import { property, state, customElement } from "lit/decorators.js";
+import { SbbConnectedAbortController, SbbSlotStateController } from "../core/controllers.js";
+import { hostAttributes } from "../core/decorators.js";
+import { setOrRemoveAttribute, isAndroid, isSafari } from "../core/dom.js";
+import { EventEmitter } from "../core/eventing.js";
+import { SbbDisabledMixin } from "../core/mixins.js";
+import { AgnosticMutationObserver } from "../core/observers.js";
+import { SbbIconNameMixin } from "../icon.js";
+import "../screen-reader-only.js";
+import "../visual-checkbox.js";
+const style = css`/**
+ * Better font rendering (on OS X)
+ * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
+ *
+ * Usage:
+ *
+ * .var_dark_on_light {
+ * 	@include font-smoothing;
+ * }
+ * .var_light_on_dark {
+ * 	@include font-smoothing-reset;
+ * }
+ */
+/** This mixin can be used to avoid spacing problems by inserting an invisible space as pseudo element. */
+*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  --sbb-option-color: var(--sbb-color-charcoal);
+  --sbb-option-background-color: inherit;
+  --sbb-option-background-color-hover: var(--sbb-color-milk);
+  --sbb-option-background-color-active: var(--sbb-color-cloud);
+  --sbb-option-disabled-border-color: var(--sbb-color-graphite);
+  --sbb-option-disabled-background-color: var(--sbb-color-milk);
+  --sbb-option-padding-inline: var(--sbb-spacing-responsive-xxxs);
+  --sbb-option-padding-block: calc(var(--sbb-spacing-fixed-2x) + var(--sbb-border-width-2x));
+  --sbb-option-column-gap: var(--sbb-spacing-responsive-xxxs);
+  --sbb-option-justify-content: start;
+  --sbb-option-cursor: pointer;
+  --sbb-option-border-radius: var(--sbb-border-radius-4x);
+  --sbb-option-icon-color: var(--sbb-color-metal);
+  display: block;
+}
+
+:host([data-negative]) {
+  --sbb-option-color: var(--sbb-color-milk);
+  --sbb-option-icon-color: var(--sbb-color-smoke);
+  --sbb-option-background-color-hover: var(--sbb-color-charcoal);
+  --sbb-option-background-color-active: var(--sbb-color-iron);
+  --sbb-option-disabled-border-color: var(--sbb-color-smoke);
+  --sbb-option-disabled-background-color: var(--sbb-color-charcoal);
+  --sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);
+}
+
+:host([active]) {
+  --sbb-focus-outline-offset: calc(-1 * var(--sbb-spacing-fixed-1x));
+}
+
+@media (any-hover: hover) {
+  :host(:hover:not([disabled], [data-group-disabled])) {
+    --sbb-option-background-color: var(--sbb-option-background-color-hover);
+  }
+}
+
+:host(:active:not([disabled], [data-group-disabled])) {
+  --sbb-option-background-color: var(--sbb-option-background-color-active);
+}
+
+:host(:not([data-disable-highlight])) .sbb-option__label slot {
+  display: none;
+}
+
+:host(:is([data-group-disabled], [disabled])) {
+  --sbb-option-cursor: default;
+}
+@media (forced-colors: active) {
+  :host(:is([data-group-disabled], [disabled])) {
+    --sbb-option-color: GrayText;
+  }
+}
+
+:host([data-variant=select]) {
+  --sbb-option-column-gap: var(--sbb-spacing-fixed-2x);
+  --sbb-option-justify-content: space-between;
+}
+
+:host([data-variant=select][data-multiple]) {
+  --sbb-option-justify-content: start;
+}
+
+:host(:not(:is([disabled], [data-group-disabled]))) .sbb-option__label--highlight {
+  font-weight: bold;
+}
+@media (forced-colors: active) {
+  :host(:not(:is([disabled], [data-group-disabled]))) .sbb-option__label--highlight {
+    color: Highlight;
+  }
+}
+
+.sbb-option__container {
+  background-color: var(--sbb-option-background-color);
+}
+
+.sbb-option {
+  --sbb-text-font-size: var(--sbb-font-size-text-s);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  line-height: var(--sbb-typo-line-height-body-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-body-text);
+  font-size: var(--sbb-text-font-size);
+  display: flex;
+  align-items: center;
+  column-gap: var(--sbb-option-column-gap);
+  padding-inline: var(--sbb-option-padding-inline);
+  padding-block: var(--sbb-option-padding-block);
+  justify-content: var(--sbb-option-justify-content);
+  color: var(--sbb-option-color);
+  background-color: var(--sbb-option-background-color);
+  cursor: var(--sbb-option-cursor);
+  -webkit-tap-highlight-color: transparent;
+  -webkit-text-fill-color: var(--sbb-option-color);
+}
+:host([active]) .sbb-option {
+  outline-offset: var(--sbb-focus-outline-offset);
+  outline: var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);
+  border-radius: var(--sbb-option-border-radius);
+}
+:host(:is([data-group-disabled], [disabled]):not([data-multiple])) .sbb-option {
+  position: relative;
+  z-index: 0;
+}
+:host(:is([data-group-disabled], [disabled]):not([data-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([data-group-disabled], [disabled]):not([data-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([data-slot-names~=icon], [icon-name])) .sbb-option__icon {
+  display: var(--sbb-option-icon-container-display, none);
+}
+
+.sbb-option__label {
+  white-space: initial;
+}`;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+const inertAriaGroups = isSafari;
+let nextId = 0;
+const optionObserverConfig = {
+  attributeFilter: ["data-group-disabled", "data-negative"]
+};
+let SbbOptionElement = class extends SbbDisabledMixin(SbbIconNameMixin(LitElement)) {
+  constructor() {
+    super();
+    this._selectionChange = new EventEmitter(
+      this,
+      SbbOptionElement.events.selectionChange
+    );
+    this._optionSelected = new EventEmitter(
+      this,
+      SbbOptionElement.events.optionSelected
+    );
+    this._negative = false;
+    this._disabledFromGroup = false;
+    this._highlightString = null;
+    this._disableLabelHighlight = false;
+    this._abort = new SbbConnectedAbortController(this);
+    this._optionAttributeObserver = new AgnosticMutationObserver(
+      (mutationsList) => this._onOptionAttributesChange(mutationsList)
+    );
+    new SbbSlotStateController(this);
+  }
+  set value(value) {
+    this.setAttribute("value", `${value}`);
+  }
+  get value() {
+    return this.getAttribute("value") ?? "";
+  }
+  set selected(value) {
+    this.toggleAttribute("selected", value);
+    this._updateAriaSelected();
+  }
+  get selected() {
+    return this.hasAttribute("selected");
+  }
+  set _variant(state2) {
+    this.setAttribute("data-variant", state2);
+  }
+  get _variant() {
+    return this.getAttribute("data-variant");
+  }
+  get _isAutocomplete() {
+    return this._variant === "autocomplete";
+  }
+  get _isSelect() {
+    return this._variant === "select";
+  }
+  get _isMultiple() {
+    var _a;
+    return !!((_a = this.closest) == null ? void 0 : _a.call(this, "sbb-select[multiple]"));
+  }
+  attributeChangedCallback(name, old, value) {
+    if (name !== "value" || old !== value) {
+      super.attributeChangedCallback(name, old, value);
+    }
+  }
+  /**
+   * Highlight the label of the option
+   * @param value the highlighted portion of the label
+   * @internal
+   */
+  highlight(value) {
+    this._highlightString = value;
+  }
+  /**
+   * @internal
+   */
+  setSelectedViaUserInteraction(selected) {
+    this.selected = selected;
+    this._selectionChange.emit();
+    if (this.selected) {
+      this._optionSelected.emit();
+    }
+  }
+  _updateDisableHighlight(disabled) {
+    this._disableLabelHighlight = disabled;
+    this.toggleAttribute("data-disable-highlight", disabled);
+  }
+  _selectByClick(event) {
+    if (this.disabled || this._disabledFromGroup) {
+      event.stopPropagation();
+      return;
+    }
+    if (this._isMultiple) {
+      event.stopPropagation();
+      this.setSelectedViaUserInteraction(!this.selected);
+    } else {
+      this.setSelectedViaUserInteraction(true);
+    }
+  }
+  connectedCallback() {
+    var _a, _b;
+    super.connectedCallback();
+    this.id || (this.id = `sbb-option-${nextId++}`);
+    const signal = this._abort.signal;
+    const parentGroup = (_a = this.closest) == null ? void 0 : _a.call(this, "sbb-optgroup");
+    if (parentGroup) {
+      this._disabledFromGroup = parentGroup.disabled;
+      this._updateAriaDisabled();
+    }
+    this._optionAttributeObserver.observe(this, optionObserverConfig);
+    this._negative = !!((_b = this.closest) == null ? void 0 : _b.call(
+      this,
+      // :is() selector not possible due to test environment
+      `sbb-autocomplete[negative],sbb-select[negative],sbb-form-field[negative]`
+    ));
+    this.toggleAttribute("data-negative", this._negative);
+    this._setVariantByContext();
+    this._handleHighlightState();
+    this.toggleAttribute("data-multiple", this._isMultiple);
+    this.addEventListener("click", (e) => this._selectByClick(e), {
+      signal,
+      passive: true
+    });
+  }
+  willUpdate(changedProperties) {
+    super.willUpdate(changedProperties);
+    if (changedProperties.has("disabled")) {
+      setOrRemoveAttribute(this, "tabindex", isAndroid && !this.disabled && 0);
+      this._updateAriaDisabled();
+    }
+  }
+  firstUpdated(changedProperties) {
+    super.firstUpdated(changedProperties);
+    this._updateAriaSelected();
+  }
+  _updateAriaDisabled() {
+    setOrRemoveAttribute(
+      this,
+      "aria-disabled",
+      this.disabled || this._disabledFromGroup ? "true" : null
+    );
+  }
+  _updateAriaSelected() {
+    this.setAttribute("aria-selected", `${this.selected}`);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this._optionAttributeObserver.disconnect();
+  }
+  _setVariantByContext() {
+    var _a, _b;
+    if ((_a = this.closest) == null ? void 0 : _a.call(this, "sbb-autocomplete")) {
+      this._variant = "autocomplete";
+    } else if ((_b = this.closest) == null ? void 0 : _b.call(this, "sbb-select")) {
+      this._variant = "select";
+    }
+  }
+  /** Observe changes on data attributes and set the appropriate values. */
+  _onOptionAttributesChange(mutationsList) {
+    for (const mutation of mutationsList) {
+      if (mutation.attributeName === "data-group-disabled") {
+        this._disabledFromGroup = this.hasAttribute("data-group-disabled");
+        this._updateAriaDisabled();
+      } else if (mutation.attributeName === "data-negative") {
+        this._negative = this.hasAttribute("data-negative");
+      }
+    }
+  }
+  _handleHighlightState() {
+    if (!this._isAutocomplete) {
+      this._updateDisableHighlight(true);
+      return;
+    }
+    const slotNodes = Array.from(this.childNodes ?? []).filter(
+      (n) => !(n instanceof Element) || n.slot !== "icon"
+    );
+    const labelNodes = slotNodes.filter((el) => el.nodeType === Node.TEXT_NODE);
+    if (labelNodes.length === 0 || slotNodes.filter((n) => !(n instanceof Element) || n.localName !== "template").length !== labelNodes.length) {
+      this._updateDisableHighlight(true);
+      return;
+    }
+    this._label = labelNodes.map((l) => l.wholeText).filter((l) => l.trim()).join();
+  }
+  _getHighlightedLabel() {
+    if (!this._highlightString || !this._highlightString.trim()) {
+      return html`${this._label}`;
+    }
+    const matchIndex = this._label.toLowerCase().indexOf(this._highlightString.toLowerCase());
+    if (matchIndex === -1) {
+      return html`${this._label}`;
+    }
+    const prefix = this._label.substring(0, matchIndex);
+    const highlighted = this._label.substring(
+      matchIndex,
+      matchIndex + this._highlightString.length
+    );
+    const postfix = this._label.substring(matchIndex + this._highlightString.length);
+    return html`
+      <span class="sbb-option__label--highlight">${prefix}</span><span>${highlighted}</span
+      ><span class="sbb-option__label--highlight">${postfix}</span>
+    `;
+  }
+  render() {
+    const isMultiple = this._isMultiple;
+    return html`
+      <div class="sbb-option__container">
+        <div class="sbb-option">
+          <!-- Icon -->
+          ${!isMultiple ? html` <span class="sbb-option__icon"> ${this.renderIconSlot()} </span>` : nothing}
+
+          <!-- Checkbox -->
+          ${isMultiple ? html` <sbb-visual-checkbox
+                ?checked=${this.selected}
+                ?disabled=${this.disabled || this._disabledFromGroup}
+                ?negative=${this._negative}
+              ></sbb-visual-checkbox>` : nothing}
+
+          <!-- Label -->
+          <span class="sbb-option__label">
+            <slot @slotchange=${this._handleHighlightState}></slot>
+
+            <!-- Search highlight -->
+            ${this._isAutocomplete && this._label && !this._disableLabelHighlight ? this._getHighlightedLabel() : nothing}
+            ${inertAriaGroups && this.getAttribute("data-group-label") ? html` <sbb-screen-reader-only>
+                  (${this.getAttribute("data-group-label")})</sbb-screen-reader-only
+                >` : nothing}
+          </span>
+
+          <!-- Selected tick -->
+          ${this._isSelect && !isMultiple && this.selected ? html`<sbb-icon name="tick-small"></sbb-icon>` : nothing}
+        </div>
+      </div>
+    `;
+  }
+};
+SbbOptionElement.styles = style;
+SbbOptionElement.events = {
+  selectionChange: "optionSelectionChange",
+  optionSelected: "optionSelected"
+};
+__decorateClass([
+  property()
+], SbbOptionElement.prototype, "value", 1);
+__decorateClass([
+  property({ reflect: true, type: Boolean })
+], SbbOptionElement.prototype, "active", 2);
+__decorateClass([
+  property({ type: Boolean })
+], SbbOptionElement.prototype, "selected", 1);
+__decorateClass([
+  state()
+], SbbOptionElement.prototype, "_negative", 2);
+__decorateClass([
+  state()
+], SbbOptionElement.prototype, "_disabledFromGroup", 2);
+__decorateClass([
+  state()
+], SbbOptionElement.prototype, "_label", 2);
+__decorateClass([
+  state()
+], SbbOptionElement.prototype, "_highlightString", 2);
+__decorateClass([
+  state()
+], SbbOptionElement.prototype, "_disableLabelHighlight", 2);
+SbbOptionElement = __decorateClass([
+  customElement("sbb-option"),
+  hostAttributes({
+    role: "option"
+  })
+], SbbOptionElement);
+export {
+  SbbOptionElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9uLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvb3B0aW9uL29wdGlvbi9vcHRpb24udHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgdHlwZSBDU1NSZXN1bHRHcm91cCxcbiAgaHRtbCxcbiAgTGl0RWxlbWVudCxcbiAgbm90aGluZyxcbiAgdHlwZSBQcm9wZXJ0eVZhbHVlcyxcbiAgdHlwZSBUZW1wbGF0ZVJlc3VsdCxcbn0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHByb3BlcnR5LCBzdGF0ZSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiQ29ubmVjdGVkQWJvcnRDb250cm9sbGVyLCBTYmJTbG90U3RhdGVDb250cm9sbGVyIH0gZnJvbSAnLi4vLi4vY29yZS9jb250cm9sbGVycy5qcyc7XG5pbXBvcnQgeyBob3N0QXR0cmlidXRlcyB9IGZyb20gJy4uLy4uL2NvcmUvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBpc0FuZHJvaWQsIGlzU2FmYXJpLCBzZXRPclJlbW92ZUF0dHJpYnV0ZSB9IGZyb20gJy4uLy4uL2NvcmUvZG9tLmpzJztcbmltcG9ydCB7IEV2ZW50RW1pdHRlciB9IGZyb20gJy4uLy4uL2NvcmUvZXZlbnRpbmcuanMnO1xuaW1wb3J0IHsgU2JiRGlzYWJsZWRNaXhpbiB9IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLmpzJztcbmltcG9ydCB7IEFnbm9zdGljTXV0YXRpb25PYnNlcnZlciB9IGZyb20gJy4uLy4uL2NvcmUvb2JzZXJ2ZXJzLmpzJztcbmltcG9ydCB7IFNiYkljb25OYW1lTWl4aW4gfSBmcm9tICcuLi8uLi9pY29uLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vb3B0aW9uLnNjc3M/bGl0JmlubGluZSc7XG5cbmltcG9ydCAnLi4vLi4vc2NyZWVuLXJlYWRlci1vbmx5LmpzJztcbmltcG9ydCAnLi4vLi4vdmlzdWFsLWNoZWNrYm94LmpzJztcblxuLyoqXG4gKiBPbiBTYWZhcmksIHRoZSBncm91cHMgbGFiZWxzIGFyZSBub3QgcmVhZCBieSBWb2ljZU92ZXIuXG4gKiBUbyBzb2x2ZSB0aGUgcHJvYmxlbSwgd2UgcmVtb3ZlIHRoZSByb2xlPVwiZ3JvdXBcIiBhbmQgYWRkIGFuIGhpZGRlbiBzcGFuIGNvbnRhaW5pbmcgdGhlIGdyb3VwIG5hbWVcbiAqIFRPRE86IFdlIHNob3VsZCBwZXJpb2RpY2FsbHkgY2hlY2sgaWYgaXQgaGFzIGJlZW4gc29sdmVkIGFuZCwgaWYgc28sIHJlbW92ZSB0aGUgcHJvcGVydHkuXG4gKi9cbmNvbnN0IGluZXJ0QXJpYUdyb3VwcyA9IGlzU2FmYXJpO1xuXG5sZXQgbmV4dElkID0gMDtcblxuLyoqIENvbmZpZ3VyYXRpb24gZm9yIHRoZSBhdHRyaWJ1dGUgdG8gbG9vayBhdCBpZiBjb21wb25lbnQgaXMgbmVzdGVkIGluIGEgc2JiLWNoZWNrYm94LWdyb3VwICovXG5jb25zdCBvcHRpb25PYnNlcnZlckNvbmZpZzogTXV0YXRpb25PYnNlcnZlckluaXQgPSB7XG4gIGF0dHJpYnV0ZUZpbHRlcjogWydkYXRhLWdyb3VwLWRpc2FibGVkJywgJ2RhdGEtbmVnYXRpdmUnXSxcbn07XG5cbmV4cG9ydCB0eXBlIFNiYk9wdGlvblZhcmlhbnQgPSAnYXV0b2NvbXBsZXRlJyB8ICdzZWxlY3QnO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIG9uIG9wdGlvbiBpdGVtIHdoaWNoIGNhbiBiZSB1c2VkIGluIGBzYmItc2VsZWN0YCBvciBgc2JiLWF1dG9jb21wbGV0ZWAuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgY29udGVudCB0byB0aGUgb3B0aW9uIGxhYmVsLlxuICogQHNsb3QgaWNvbiAtIFVzZSB0aGlzIHNsb3QgdG8gcHJvdmlkZSBhbiBpY29uLiBJZiBgaWNvbi1uYW1lYCBpcyBzZXQsIGEgc2JiLWljb24gd2lsbCBiZSB1c2VkLlxuICogQGV2ZW50IHtDdXN0b21FdmVudDx2b2lkPn0gb3B0aW9uU2VsZWN0aW9uQ2hhbmdlIC0gRW1pdHMgd2hlbiB0aGUgb3B0aW9uIHNlbGVjdGlvbiBzdGF0dXMgY2hhbmdlcy5cbiAqIEBldmVudCB7Q3VzdG9tRXZlbnQ8dm9pZD59IG9wdGlvblNlbGVjdGVkIC0gRW1pdHMgd2hlbiBhbiBvcHRpb24gd2FzIHNlbGVjdGVkIGJ5IHVzZXIuXG4gKiBAY3NzcHJvcCBbLS1zYmItb3B0aW9uLWljb24tY29udGFpbmVyLWRpc3BsYXk9bm9uZV0gLSBDYW4gYmUgdXNlZCB0byByZXNlcnZlIHNwYWNlIGV2ZW5cbiAqIHdoZW4gcHJlc2VydmUtaWNvbi1zcGFjZSBvbiBhdXRvY29tcGxldGUgaXMgbm90IHNldCBvciBpY29uTmFtZSBpcyBub3Qgc2V0LlxuICovXG5AY3VzdG9tRWxlbWVudCgnc2JiLW9wdGlvbicpXG5AaG9zdEF0dHJpYnV0ZXMoe1xuICByb2xlOiAnb3B0aW9uJyxcbn0pXG5leHBvcnQgY2xhc3MgU2JiT3B0aW9uRWxlbWVudCBleHRlbmRzIFNiYkRpc2FibGVkTWl4aW4oU2JiSWNvbk5hbWVNaXhpbihMaXRFbGVtZW50KSkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcbiAgcHVibGljIHN0YXRpYyByZWFkb25seSBldmVudHMgPSB7XG4gICAgc2VsZWN0aW9uQ2hhbmdlOiAnb3B0aW9uU2VsZWN0aW9uQ2hhbmdlJyxcbiAgICBvcHRpb25TZWxlY3RlZDogJ29wdGlvblNlbGVjdGVkJyxcbiAgfSBhcyBjb25zdDtcblxuICAvKipcbiAgICogVmFsdWUgb2YgdGhlIG9wdGlvbi5cbiAgICpcbiAgICogQGRlc2NyaXB0aW9uIERldmVsb3BlciBub3RlOiBJbiB0aGlzIGNhc2UgdXBkYXRpbmcgdGhlIGF0dHJpYnV0ZSBtdXN0IGJlIHN5bmNocm9ub3VzLlxuICAgKiBEdWUgdG8gdGhpcyBpdCBpcyBpbXBsZW1lbnRlZCBhcyBhIGdldHRlci9zZXR0ZXIgYW5kIHRoZSBhdHRyaWJ1dGVDaGFuZ2VkQ2FsbGJhY2soKSBoYW5kbGVzIHRoZSBkaWZmIGNoZWNrLlxuICAgKi9cbiAgQHByb3BlcnR5KClcbiAgcHVibGljIHNldCB2YWx1ZSh2YWx1ZTogc3RyaW5nKSB7XG4gICAgdGhpcy5zZXRBdHRyaWJ1dGUoJ3ZhbHVlJywgYCR7dmFsdWV9YCk7XG4gIH1cbiAgcHVibGljIGdldCB2YWx1ZSgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLmdldEF0dHJpYnV0ZSgndmFsdWUnKSA/PyAnJztcbiAgfVxuXG4gIC8qKiBXaGV0aGVyIHRoZSBvcHRpb24gaXMgY3VycmVudGx5IGFjdGl2ZS4gKi9cbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSwgdHlwZTogQm9vbGVhbiB9KSBwdWJsaWMgYWN0aXZlPzogYm9vbGVhbjtcblxuICAvKiogV2hldGhlciB0aGUgb3B0aW9uIGlzIHNlbGVjdGVkLiAqL1xuICBAcHJvcGVydHkoeyB0eXBlOiBCb29sZWFuIH0pXG4gIHB1YmxpYyBzZXQgc2VsZWN0ZWQodmFsdWU6IGJvb2xlYW4pIHtcbiAgICB0aGlzLnRvZ2dsZUF0dHJpYnV0ZSgnc2VsZWN0ZWQnLCB2YWx1ZSk7XG4gICAgdGhpcy5fdXBkYXRlQXJpYVNlbGVjdGVkKCk7XG4gIH1cbiAgcHVibGljIGdldCBzZWxlY3RlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5oYXNBdHRyaWJ1dGUoJ3NlbGVjdGVkJyk7XG4gIH1cblxuICAvKiogRW1pdHMgd2hlbiB0aGUgb3B0aW9uIHNlbGVjdGlvbiBzdGF0dXMgY2hhbmdlcy4gKi9cbiAgcHJpdmF0ZSBfc2VsZWN0aW9uQ2hhbmdlOiBFdmVudEVtaXR0ZXIgPSBuZXcgRXZlbnRFbWl0dGVyKFxuICAgIHRoaXMsXG4gICAgU2JiT3B0aW9uRWxlbWVudC5ldmVudHMuc2VsZWN0aW9uQ2hhbmdlLFxuICApO1xuXG4gIC8qKiBFbWl0cyB3aGVuIGFuIG9wdGlvbiB3YXMgc2VsZWN0ZWQgYnkgdXNlci4gKi9cbiAgcHJpdmF0ZSBfb3B0aW9uU2VsZWN0ZWQ6IEV2ZW50RW1pdHRlciA9IG5ldyBFdmVudEVtaXR0ZXIoXG4gICAgdGhpcyxcbiAgICBTYmJPcHRpb25FbGVtZW50LmV2ZW50cy5vcHRpb25TZWxlY3RlZCxcbiAgKTtcblxuICAvKiogV2hldGhlciB0byBhcHBseSB0aGUgbmVnYXRpdmUgc3R5bGluZyAqL1xuICBAc3RhdGUoKSBwcml2YXRlIF9uZWdhdGl2ZSA9IGZhbHNlO1xuXG4gIC8qKiBXaGV0aGVyIHRoZSBjb21wb25lbnQgbXVzdCBiZSBzZXQgZGlzYWJsZWQgZHVlIGRpc2FibGVkIGF0dHJpYnV0ZSBvbiBzYmItY2hlY2tib3gtZ3JvdXAuICovXG4gIEBzdGF0ZSgpIHByaXZhdGUgX2Rpc2FibGVkRnJvbUdyb3VwID0gZmFsc2U7XG5cbiAgQHN0YXRlKCkgcHJpdmF0ZSBfbGFiZWw/OiBzdHJpbmc7XG5cbiAgLyoqIFRoZSBwb3J0aW9uIG9mIHRoZSBoaWdobGlnaHRlZCBsYWJlbC4gKi9cbiAgQHN0YXRlKCkgcHJpdmF0ZSBfaGlnaGxpZ2h0U3RyaW5nOiBzdHJpbmcgfCBudWxsID0gbnVsbDtcblxuICAvKiogRGlzYWJsZSB0aGUgaGlnaGxpZ2h0IG9mIHRoZSBsYWJlbC4gKi9cbiAgQHN0YXRlKCkgcHJpdmF0ZSBfZGlzYWJsZUxhYmVsSGlnaGxpZ2h0OiBib29sZWFuID0gZmFsc2U7XG5cbiAgcHJpdmF0ZSBzZXQgX3ZhcmlhbnQoc3RhdGU6IFNiYk9wdGlvblZhcmlhbnQpIHtcbiAgICB0aGlzLnNldEF0dHJpYnV0ZSgnZGF0YS12YXJpYW50Jywgc3RhdGUpO1xuICB9XG4gIHByaXZhdGUgZ2V0IF92YXJpYW50KCk6IFNiYk9wdGlvblZhcmlhbnQge1xuICAgIHJldHVybiB0aGlzLmdldEF0dHJpYnV0ZSgnZGF0YS12YXJpYW50JykgYXMgU2JiT3B0aW9uVmFyaWFudDtcbiAgfVxuXG4gIHByaXZhdGUgX2Fib3J0ID0gbmV3IFNiYkNvbm5lY3RlZEFib3J0Q29udHJvbGxlcih0aGlzKTtcblxuICAvKiogTXV0YXRpb25PYnNlcnZlciBvbiBkYXRhIGF0dHJpYnV0ZXMuICovXG4gIHByaXZhdGUgX29wdGlvbkF0dHJpYnV0ZU9ic2VydmVyID0gbmV3IEFnbm9zdGljTXV0YXRpb25PYnNlcnZlcigobXV0YXRpb25zTGlzdCkgPT5cbiAgICB0aGlzLl9vbk9wdGlvbkF0dHJpYnV0ZXNDaGFuZ2UobXV0YXRpb25zTGlzdCksXG4gICk7XG5cbiAgcHJpdmF0ZSBnZXQgX2lzQXV0b2NvbXBsZXRlKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLl92YXJpYW50ID09PSAnYXV0b2NvbXBsZXRlJztcbiAgfVxuXG4gIHByaXZhdGUgZ2V0IF9pc1NlbGVjdCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fdmFyaWFudCA9PT0gJ3NlbGVjdCc7XG4gIH1cblxuICBwcml2YXRlIGdldCBfaXNNdWx0aXBsZSgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gISF0aGlzLmNsb3Nlc3Q/Lignc2JiLXNlbGVjdFttdWx0aXBsZV0nKTtcbiAgfVxuXG4gIHB1YmxpYyBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIG5ldyBTYmJTbG90U3RhdGVDb250cm9sbGVyKHRoaXMpO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGF0dHJpYnV0ZUNoYW5nZWRDYWxsYmFjayhcbiAgICBuYW1lOiBzdHJpbmcsXG4gICAgb2xkOiBzdHJpbmcgfCBudWxsLFxuICAgIHZhbHVlOiBzdHJpbmcgfCBudWxsLFxuICApOiB2b2lkIHtcbiAgICBpZiAobmFtZSAhPT0gJ3ZhbHVlJyB8fCBvbGQgIT09IHZhbHVlKSB7XG4gICAgICBzdXBlci5hdHRyaWJ1dGVDaGFuZ2VkQ2FsbGJhY2sobmFtZSwgb2xkLCB2YWx1ZSk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIEhpZ2hsaWdodCB0aGUgbGFiZWwgb2YgdGhlIG9wdGlvblxuICAgKiBAcGFyYW0gdmFsdWUgdGhlIGhpZ2hsaWdodGVkIHBvcnRpb24gb2YgdGhlIGxhYmVsXG4gICAqIEBpbnRlcm5hbFxuICAgKi9cbiAgcHVibGljIGhpZ2hsaWdodCh2YWx1ZTogc3RyaW5nKTogdm9pZCB7XG4gICAgdGhpcy5faGlnaGxpZ2h0U3RyaW5nID0gdmFsdWU7XG4gIH1cblxuICAvKipcbiAgICogQGludGVybmFsXG4gICAqL1xuICBwdWJsaWMgc2V0U2VsZWN0ZWRWaWFVc2VySW50ZXJhY3Rpb24oc2VsZWN0ZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLnNlbGVjdGVkID0gc2VsZWN0ZWQ7XG4gICAgdGhpcy5fc2VsZWN0aW9uQ2hhbmdlLmVtaXQoKTtcbiAgICBpZiAodGhpcy5zZWxlY3RlZCkge1xuICAgICAgdGhpcy5fb3B0aW9uU2VsZWN0ZWQuZW1pdCgpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX3VwZGF0ZURpc2FibGVIaWdobGlnaHQoZGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLl9kaXNhYmxlTGFiZWxIaWdobGlnaHQgPSBkaXNhYmxlZDtcbiAgICB0aGlzLnRvZ2dsZUF0dHJpYnV0ZSgnZGF0YS1kaXNhYmxlLWhpZ2hsaWdodCcsIGRpc2FibGVkKTtcbiAgfVxuXG4gIHByaXZhdGUgX3NlbGVjdEJ5Q2xpY2soZXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5kaXNhYmxlZCB8fCB0aGlzLl9kaXNhYmxlZEZyb21Hcm91cCkge1xuICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgaWYgKHRoaXMuX2lzTXVsdGlwbGUpIHtcbiAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgdGhpcy5zZXRTZWxlY3RlZFZpYVVzZXJJbnRlcmFjdGlvbighdGhpcy5zZWxlY3RlZCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuc2V0U2VsZWN0ZWRWaWFVc2VySW50ZXJhY3Rpb24odHJ1ZSk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG5cbiAgICB0aGlzLmlkIHx8PSBgc2JiLW9wdGlvbi0ke25leHRJZCsrfWA7XG5cbiAgICBjb25zdCBzaWduYWwgPSB0aGlzLl9hYm9ydC5zaWduYWw7XG4gICAgY29uc3QgcGFyZW50R3JvdXAgPSB0aGlzLmNsb3Nlc3Q/Lignc2JiLW9wdGdyb3VwJyk7XG4gICAgaWYgKHBhcmVudEdyb3VwKSB7XG4gICAgICB0aGlzLl9kaXNhYmxlZEZyb21Hcm91cCA9IHBhcmVudEdyb3VwLmRpc2FibGVkO1xuICAgICAgdGhpcy5fdXBkYXRlQXJpYURpc2FibGVkKCk7XG4gICAgfVxuICAgIHRoaXMuX29wdGlvbkF0dHJpYnV0ZU9ic2VydmVyLm9ic2VydmUodGhpcywgb3B0aW9uT2JzZXJ2ZXJDb25maWcpO1xuXG4gICAgdGhpcy5fbmVnYXRpdmUgPSAhIXRoaXMuY2xvc2VzdD8uKFxuICAgICAgLy8gOmlzKCkgc2VsZWN0b3Igbm90IHBvc3NpYmxlIGR1ZSB0byB0ZXN0IGVudmlyb25tZW50XG4gICAgICBgc2JiLWF1dG9jb21wbGV0ZVtuZWdhdGl2ZV0sc2JiLXNlbGVjdFtuZWdhdGl2ZV0sc2JiLWZvcm0tZmllbGRbbmVnYXRpdmVdYCxcbiAgICApO1xuICAgIHRoaXMudG9nZ2xlQXR0cmlidXRlKCdkYXRhLW5lZ2F0aXZlJywgdGhpcy5fbmVnYXRpdmUpO1xuXG4gICAgdGhpcy5fc2V0VmFyaWFudEJ5Q29udGV4dCgpO1xuICAgIC8vIFdlIG5lZWQgdG8gY2hlY2sgaGlnaGxpZ2h0IHN0YXRlIGJvdGggb24gc2xvdCBjaGFuZ2UsIGJ1dCBhbHNvIHdoZW4gY29ubmVjdGluZ1xuICAgIC8vIHRoZSBlbGVtZW50IHRvIHRoZSBET00uIFRoZSBzbG90IGNoYW5nZSBldmVudHMgbWlnaHQgYmUgc3dhbGxvd2VkIHdoZW4gdXNpbmcgZGVjbGFyYXRpdmVcbiAgICAvLyBzaGFkb3cgRE9NIHdpdGggU1NSIG9yIGlmIHRoZSBET00gaXMgY2hhbmdlZCB3aGVuIGRpc2Nvbm5lY3RlZC5cbiAgICB0aGlzLl9oYW5kbGVIaWdobGlnaHRTdGF0ZSgpO1xuXG4gICAgdGhpcy50b2dnbGVBdHRyaWJ1dGUoJ2RhdGEtbXVsdGlwbGUnLCB0aGlzLl9pc011bHRpcGxlKTtcblxuICAgIHRoaXMuYWRkRXZlbnRMaXN0ZW5lcignY2xpY2snLCAoZTogTW91c2VFdmVudCkgPT4gdGhpcy5fc2VsZWN0QnlDbGljayhlKSwge1xuICAgICAgc2lnbmFsLFxuICAgICAgcGFzc2l2ZTogdHJ1ZSxcbiAgICB9KTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSB3aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczx0aGlzPik6IHZvaWQge1xuICAgIHN1cGVyLndpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXMpO1xuXG4gICAgaWYgKGNoYW5nZWRQcm9wZXJ0aWVzLmhhcygnZGlzYWJsZWQnKSkge1xuICAgICAgc2V0T3JSZW1vdmVBdHRyaWJ1dGUodGhpcywgJ3RhYmluZGV4JywgaXNBbmRyb2lkICYmICF0aGlzLmRpc2FibGVkICYmIDApO1xuICAgICAgdGhpcy5fdXBkYXRlQXJpYURpc2FibGVkKCk7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIGZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiB2b2lkIHtcbiAgICBzdXBlci5maXJzdFVwZGF0ZWQoY2hhbmdlZFByb3BlcnRpZXMpO1xuXG4gICAgLy8gSW5pdCBmaXJzdCBzZWxlY3Qgc3RhdGUgYmVjYXVzZSBmYWxzZSB3b3VsZCBub3QgY2FsbCBzZXR0ZXIgb2Ygc2VsZWN0ZWQgcHJvcGVydHkuXG4gICAgdGhpcy5fdXBkYXRlQXJpYVNlbGVjdGVkKCk7XG4gIH1cblxuICBwcml2YXRlIF91cGRhdGVBcmlhRGlzYWJsZWQoKTogdm9pZCB7XG4gICAgc2V0T3JSZW1vdmVBdHRyaWJ1dGUoXG4gICAgICB0aGlzLFxuICAgICAgJ2FyaWEtZGlzYWJsZWQnLFxuICAgICAgdGhpcy5kaXNhYmxlZCB8fCB0aGlzLl9kaXNhYmxlZEZyb21Hcm91cCA/ICd0cnVlJyA6IG51bGwsXG4gICAgKTtcbiAgfVxuXG4gIHByaXZhdGUgX3VwZGF0ZUFyaWFTZWxlY3RlZCgpOiB2b2lkIHtcbiAgICB0aGlzLnNldEF0dHJpYnV0ZSgnYXJpYS1zZWxlY3RlZCcsIGAke3RoaXMuc2VsZWN0ZWR9YCk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgZGlzY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuZGlzY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICB0aGlzLl9vcHRpb25BdHRyaWJ1dGVPYnNlcnZlci5kaXNjb25uZWN0KCk7XG4gIH1cblxuICBwcml2YXRlIF9zZXRWYXJpYW50QnlDb250ZXh0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmNsb3Nlc3Q/Lignc2JiLWF1dG9jb21wbGV0ZScpKSB7XG4gICAgICB0aGlzLl92YXJpYW50ID0gJ2F1dG9jb21wbGV0ZSc7XG4gICAgfSBlbHNlIGlmICh0aGlzLmNsb3Nlc3Q/Lignc2JiLXNlbGVjdCcpKSB7XG4gICAgICB0aGlzLl92YXJpYW50ID0gJ3NlbGVjdCc7XG4gICAgfVxuICB9XG5cbiAgLyoqIE9ic2VydmUgY2hhbmdlcyBvbiBkYXRhIGF0dHJpYnV0ZXMgYW5kIHNldCB0aGUgYXBwcm9wcmlhdGUgdmFsdWVzLiAqL1xuICBwcml2YXRlIF9vbk9wdGlvbkF0dHJpYnV0ZXNDaGFuZ2UobXV0YXRpb25zTGlzdDogTXV0YXRpb25SZWNvcmRbXSk6IHZvaWQge1xuICAgIGZvciAoY29uc3QgbXV0YXRpb24gb2YgbXV0YXRpb25zTGlzdCkge1xuICAgICAgaWYgKG11dGF0aW9uLmF0dHJpYnV0ZU5hbWUgPT09ICdkYXRhLWdyb3VwLWRpc2FibGVkJykge1xuICAgICAgICB0aGlzLl9kaXNhYmxlZEZyb21Hcm91cCA9IHRoaXMuaGFzQXR0cmlidXRlKCdkYXRhLWdyb3VwLWRpc2FibGVkJyk7XG4gICAgICAgIHRoaXMuX3VwZGF0ZUFyaWFEaXNhYmxlZCgpO1xuICAgICAgfSBlbHNlIGlmIChtdXRhdGlvbi5hdHRyaWJ1dGVOYW1lID09PSAnZGF0YS1uZWdhdGl2ZScpIHtcbiAgICAgICAgdGhpcy5fbmVnYXRpdmUgPSB0aGlzLmhhc0F0dHJpYnV0ZSgnZGF0YS1uZWdhdGl2ZScpO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX2hhbmRsZUhpZ2hsaWdodFN0YXRlKCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5faXNBdXRvY29tcGxldGUpIHtcbiAgICAgIHRoaXMuX3VwZGF0ZURpc2FibGVIaWdobGlnaHQodHJ1ZSk7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3Qgc2xvdE5vZGVzID0gQXJyYXkuZnJvbSh0aGlzLmNoaWxkTm9kZXMgPz8gW10pLmZpbHRlcihcbiAgICAgIChuKSA9PiAhKG4gaW5zdGFuY2VvZiBFbGVtZW50KSB8fCBuLnNsb3QgIT09ICdpY29uJyxcbiAgICApO1xuICAgIGNvbnN0IGxhYmVsTm9kZXMgPSBzbG90Tm9kZXMuZmlsdGVyKChlbCkgPT4gZWwubm9kZVR5cGUgPT09IE5vZGUuVEVYVF9OT0RFKSBhcyBUZXh0W107XG5cbiAgICAvLyBEaXNhYmxlIHRoZSBoaWdobGlnaHQgaWYgdGhlIHNsb3QgY29udGFpbiBtb3JlIHRoYW4ganVzdCB0ZXh0IG5vZGVzLlxuICAgIC8vIFdlIG5lZWQgdG8gaWdub3JlIHRlbXBsYXRlIGVsZW1lbnRzLCBhcyBTU1IgYWRkcyBhIGRlY2xhcmF0aXZlIHNoYWRvdyBET01cbiAgICAvLyBpbiB0aGUgZm9ybSBvZiBhIHRlbXBsYXRlIGVsZW1lbnQuXG4gICAgaWYgKFxuICAgICAgbGFiZWxOb2Rlcy5sZW5ndGggPT09IDAgfHxcbiAgICAgIHNsb3ROb2Rlcy5maWx0ZXIoKG4pID0+ICEobiBpbnN0YW5jZW9mIEVsZW1lbnQpIHx8IG4ubG9jYWxOYW1lICE9PSAndGVtcGxhdGUnKS5sZW5ndGggIT09XG4gICAgICAgIGxhYmVsTm9kZXMubGVuZ3RoXG4gICAgKSB7XG4gICAgICB0aGlzLl91cGRhdGVEaXNhYmxlSGlnaGxpZ2h0KHRydWUpO1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLl9sYWJlbCA9IGxhYmVsTm9kZXNcbiAgICAgIC5tYXAoKGwpID0+IGwud2hvbGVUZXh0KVxuICAgICAgLmZpbHRlcigobCkgPT4gbC50cmltKCkpXG4gICAgICAuam9pbigpO1xuICB9XG5cbiAgcHJpdmF0ZSBfZ2V0SGlnaGxpZ2h0ZWRMYWJlbCgpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgaWYgKCF0aGlzLl9oaWdobGlnaHRTdHJpbmcgfHwgIXRoaXMuX2hpZ2hsaWdodFN0cmluZy50cmltKCkpIHtcbiAgICAgIHJldHVybiBodG1sYCR7dGhpcy5fbGFiZWx9YDtcbiAgICB9XG5cbiAgICBjb25zdCBtYXRjaEluZGV4ID0gdGhpcy5fbGFiZWwhLnRvTG93ZXJDYXNlKCkuaW5kZXhPZih0aGlzLl9oaWdobGlnaHRTdHJpbmcudG9Mb3dlckNhc2UoKSk7XG5cbiAgICBpZiAobWF0Y2hJbmRleCA9PT0gLTEpIHtcbiAgICAgIHJldHVybiBodG1sYCR7dGhpcy5fbGFiZWx9YDtcbiAgICB9XG5cbiAgICBjb25zdCBwcmVmaXggPSB0aGlzLl9sYWJlbCEuc3Vic3RyaW5nKDAsIG1hdGNoSW5kZXgpO1xuICAgIGNvbnN0IGhpZ2hsaWdodGVkID0gdGhpcy5fbGFiZWwhLnN1YnN0cmluZyhcbiAgICAgIG1hdGNoSW5kZXgsXG4gICAgICBtYXRjaEluZGV4ICsgdGhpcy5faGlnaGxpZ2h0U3RyaW5nLmxlbmd0aCxcbiAgICApO1xuICAgIGNvbnN0IHBvc3RmaXggPSB0aGlzLl9sYWJlbCEuc3Vic3RyaW5nKG1hdGNoSW5kZXggKyB0aGlzLl9oaWdobGlnaHRTdHJpbmcubGVuZ3RoKTtcblxuICAgIHJldHVybiBodG1sYFxuICAgICAgPHNwYW4gY2xhc3M9XCJzYmItb3B0aW9uX19sYWJlbC0taGlnaGxpZ2h0XCI+JHtwcmVmaXh9PC9zcGFuPjxzcGFuPiR7aGlnaGxpZ2h0ZWR9PC9zcGFuXG4gICAgICA+PHNwYW4gY2xhc3M9XCJzYmItb3B0aW9uX19sYWJlbC0taGlnaGxpZ2h0XCI+JHtwb3N0Zml4fTwvc3Bhbj5cbiAgICBgO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgY29uc3QgaXNNdWx0aXBsZSA9IHRoaXMuX2lzTXVsdGlwbGU7XG5cbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItb3B0aW9uX19jb250YWluZXJcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNiYi1vcHRpb25cIj5cbiAgICAgICAgICA8IS0tIEljb24gLS0+XG4gICAgICAgICAgJHshaXNNdWx0aXBsZVxuICAgICAgICAgICAgPyBodG1sYCA8c3BhbiBjbGFzcz1cInNiYi1vcHRpb25fX2ljb25cIj4gJHt0aGlzLnJlbmRlckljb25TbG90KCl9IDwvc3Bhbj5gXG4gICAgICAgICAgICA6IG5vdGhpbmd9XG5cbiAgICAgICAgICA8IS0tIENoZWNrYm94IC0tPlxuICAgICAgICAgICR7aXNNdWx0aXBsZVxuICAgICAgICAgICAgPyBodG1sYCA8c2JiLXZpc3VhbC1jaGVja2JveFxuICAgICAgICAgICAgICAgID9jaGVja2VkPSR7dGhpcy5zZWxlY3RlZH1cbiAgICAgICAgICAgICAgICA/ZGlzYWJsZWQ9JHt0aGlzLmRpc2FibGVkIHx8IHRoaXMuX2Rpc2FibGVkRnJvbUdyb3VwfVxuICAgICAgICAgICAgICAgID9uZWdhdGl2ZT0ke3RoaXMuX25lZ2F0aXZlfVxuICAgICAgICAgICAgICA+PC9zYmItdmlzdWFsLWNoZWNrYm94PmBcbiAgICAgICAgICAgIDogbm90aGluZ31cblxuICAgICAgICAgIDwhLS0gTGFiZWwgLS0+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItb3B0aW9uX19sYWJlbFwiPlxuICAgICAgICAgICAgPHNsb3QgQHNsb3RjaGFuZ2U9JHt0aGlzLl9oYW5kbGVIaWdobGlnaHRTdGF0ZX0+PC9zbG90PlxuXG4gICAgICAgICAgICA8IS0tIFNlYXJjaCBoaWdobGlnaHQgLS0+XG4gICAgICAgICAgICAke3RoaXMuX2lzQXV0b2NvbXBsZXRlICYmIHRoaXMuX2xhYmVsICYmICF0aGlzLl9kaXNhYmxlTGFiZWxIaWdobGlnaHRcbiAgICAgICAgICAgICAgPyB0aGlzLl9nZXRIaWdobGlnaHRlZExhYmVsKClcbiAgICAgICAgICAgICAgOiBub3RoaW5nfVxuICAgICAgICAgICAgJHtpbmVydEFyaWFHcm91cHMgJiYgdGhpcy5nZXRBdHRyaWJ1dGUoJ2RhdGEtZ3JvdXAtbGFiZWwnKVxuICAgICAgICAgICAgICA/IGh0bWxgIDxzYmItc2NyZWVuLXJlYWRlci1vbmx5PlxuICAgICAgICAgICAgICAgICAgKCR7dGhpcy5nZXRBdHRyaWJ1dGUoJ2RhdGEtZ3JvdXAtbGFiZWwnKX0pPC9zYmItc2NyZWVuLXJlYWRlci1vbmx5XG4gICAgICAgICAgICAgICAgPmBcbiAgICAgICAgICAgICAgOiBub3RoaW5nfVxuICAgICAgICAgIDwvc3Bhbj5cblxuICAgICAgICAgIDwhLS0gU2VsZWN0ZWQgdGljayAtLT5cbiAgICAgICAgICAke3RoaXMuX2lzU2VsZWN0ICYmICFpc011bHRpcGxlICYmIHRoaXMuc2VsZWN0ZWRcbiAgICAgICAgICAgID8gaHRtbGA8c2JiLWljb24gbmFtZT1cInRpY2stc21hbGxcIj48L3NiYi1pY29uPmBcbiAgICAgICAgICAgIDogbm90aGluZ31cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItb3B0aW9uJzogU2JiT3B0aW9uRWxlbWVudDtcbiAgfVxuXG4gIGludGVyZmFjZSBHbG9iYWxFdmVudEhhbmRsZXJzRXZlbnRNYXAge1xuICAgIG9wdGlvblNlbGVjdGlvbkNoYW5nZTogQ3VzdG9tRXZlbnQ8dm9pZD47XG4gIH1cbn1cbiJdLCJuYW1lcyI6WyJzdGF0ZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQTRCQSxNQUFNLGtCQUFrQjtBQUV4QixJQUFJLFNBQVM7QUFHYixNQUFNLHVCQUE2QztBQUFBLEVBQ2pELGlCQUFpQixDQUFDLHVCQUF1QixlQUFlO0FBQzFEO0FBa0JPLElBQU0sbUJBQU4sY0FBK0IsaUJBQWlCLGlCQUFpQixVQUFVLENBQUMsRUFBRTtBQUFBLEVBc0Y1RSxjQUFjO0FBQ2I7QUFwRFIsU0FBUSxtQkFBaUMsSUFBSTtBQUFBLE1BQzNDO0FBQUEsTUFDQSxpQkFBaUIsT0FBTztBQUFBLElBQUE7QUFJMUIsU0FBUSxrQkFBZ0MsSUFBSTtBQUFBLE1BQzFDO0FBQUEsTUFDQSxpQkFBaUIsT0FBTztBQUFBLElBQUE7QUFJakIsU0FBUSxZQUFZO0FBR3BCLFNBQVEscUJBQXFCO0FBSzdCLFNBQVEsbUJBQWtDO0FBRzFDLFNBQVEseUJBQWtDO0FBUzNDLFNBQUEsU0FBUyxJQUFJLDRCQUE0QixJQUFJO0FBR3JELFNBQVEsMkJBQTJCLElBQUk7QUFBQSxNQUF5QixDQUFDLGtCQUMvRCxLQUFLLDBCQUEwQixhQUFhO0FBQUEsSUFBQTtBQWlCNUMsUUFBSSx1QkFBdUIsSUFBSTtBQUFBLEVBQ2pDO0FBQUEsRUEz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

package/development/option.d.ts

@@ -0,0 +1,3 @@
+export * from './option/optgroup.js';
+export * from './option/option.js';
+//# sourceMappingURL=option.d.ts.map

package/development/option.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"option.d.ts","sourceRoot":"","sources":["../../../src/elements/option.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC"}

package/development/option.js

@@ -0,0 +1,3 @@
+export * from "./option/optgroup.js";
+export * from "./option/option.js";
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9uLmpzIiwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7In0=

package/development/overlay/overlay-base-element.d.ts

@@ -0,0 +1,43 @@
+import { PropertyValues } from 'lit';
+import { SbbFocusHandler } from '../core/a11y.js';
+import { SbbOpenCloseBaseElement } from '../core/base-elements.js';
+import { SbbLanguageController } from '../core/controllers.js';
+import { SbbScrollHandler } from '../core/dom.js';
+import { EventEmitter } from '../core/eventing.js';
+import { SbbOverlayCloseEventDetails } from '../core/interfaces.js';
+import { SbbScreenReaderOnlyElement } from '../screen-reader-only.js';
+
+export declare const overlayRefs: SbbOverlayBaseElement[];
+declare const SbbOverlayBaseElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbNegativeMixinType> & typeof SbbOpenCloseBaseElement;
+export declare abstract class SbbOverlayBaseElement extends SbbOverlayBaseElement_base {
+    /** This will be forwarded as aria-label to the relevant nested element to describe the purpose of the overlay. */
+    accessibilityLabel: string | undefined;
+    /** Emits whenever the component is closed. */
+    protected didClose: EventEmitter<SbbOverlayCloseEventDetails>;
+    protected lastFocusedElement?: HTMLElement;
+    protected overlayCloseElement?: HTMLElement;
+    protected overlayController: AbortController;
+    protected openOverlayController: AbortController;
+    protected focusHandler: SbbFocusHandler;
+    protected scrollHandler: SbbScrollHandler;
+    protected returnValue: any;
+    protected ariaLiveRefToggle: boolean;
+    protected ariaLiveRef: SbbScreenReaderOnlyElement;
+    protected language: SbbLanguageController;
+    protected abstract onOverlayAnimationEnd(event: AnimationEvent): void;
+    protected abstract setOverlayFocus(): void;
+    protected abstract closeAttribute: string;
+    /** Closes the component. */
+    close(result?: any, target?: HTMLElement): any;
+    connectedCallback(): void;
+    protected firstUpdated(changedProperties: PropertyValues<this>): void;
+    disconnectedCallback(): void;
+    protected attachOpenOverlayEvents(): void;
+    protected onKeydownEvent(event: KeyboardEvent): void;
+    protected removeInstanceFromGlobalCollection(): void;
+    protected closeOnSbbOverlayCloseClick(event: Event): void;
+    protected removeAriaLiveRefContent(): void;
+    protected setAriaLiveRefContent(label?: string): void;
+}
+export {};
+//# sourceMappingURL=overlay-base-element.d.ts.map

package/development/overlay/overlay-base-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay-base-element.d.ts","sourceRoot":"","sources":["../../../../src/elements/overlay/overlay-base-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAe,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,uBAAuB,CAAC;AAGzE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AAG3E,eAAO,MAAM,WAAW,EAAE,qBAAqB,EAAO,CAAC;;AAEvD,8BAAsB,qBAAsB,SAAQ,0BAAyC;IAC3F,kHAAkH;IAC3D,kBAAkB,EAAE,MAAM,GAAG,SAAS,CAAC;IAE9F,8CAA8C;IAC9C,UAAmB,QAAQ,EAAE,YAAY,CAAC,2BAA2B,CAAC,CAGpE;IAGF,SAAS,CAAC,kBAAkB,CAAC,EAAE,WAAW,CAAC;IAC3C,SAAS,CAAC,mBAAmB,CAAC,EAAE,WAAW,CAAC;IAC5C,SAAS,CAAC,iBAAiB,EAAG,eAAe,CAAC;IAC9C,SAAS,CAAC,qBAAqB,EAAG,eAAe,CAAC;IAClD,SAAS,CAAC,YAAY,kBAAyB;IAC/C,SAAS,CAAC,aAAa,mBAA0B;IACjD,SAAS,CAAC,WAAW,EAAE,GAAG,CAAC;IAC3B,SAAS,CAAC,iBAAiB,UAAS;IACpC,SAAS,CAAC,WAAW,EAAG,0BAA0B,CAAC;IACnD,SAAS,CAAC,QAAQ,wBAAmC;IAErD,SAAS,CAAC,QAAQ,CAAC,qBAAqB,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI;IACrE,SAAS,CAAC,QAAQ,CAAC,eAAe,IAAI,IAAI;IAC1C,SAAS,CAAC,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAE1C,4BAA4B;IACrB,KAAK,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,MAAM,CAAC,EAAE,WAAW,GAAG,GAAG;IAmBrC,iBAAiB,IAAI,IAAI;cAUtB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAO9D,oBAAoB,IAAI,IAAI;IAS5C,SAAS,CAAC,uBAAuB,IAAI,IAAI;IAkBzC,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAWpD,SAAS,CAAC,kCAAkC,IAAI,IAAI;IAKpD,SAAS,CAAC,2BAA2B,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAoBzD,SAAS,CAAC,wBAAwB,IAAI,IAAI;IAI1C,SAAS,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI;CAStD"}

package/development/overlay/overlay.d.ts

@@ -0,0 +1,52 @@
+import { CSSResultGroup, TemplateResult } from 'lit';
+import { SbbOverlayBaseElement } from './overlay-base-element.js';
+
+/**
+ * It displays an interactive overlay element.
+ *
+ * @slot - Use the unnamed slot to provide a content for the overlay.
+ * @event {CustomEvent<void>} willOpen - Emits whenever the `sbb-overlay` starts the opening transition. Can be canceled.
+ * @event {CustomEvent<void>} didOpen - Emits whenever the `sbb-overlay` is opened.
+ * @event {CustomEvent<void>} willClose - Emits whenever the `sbb-overlay` begins the closing transition. Can be canceled.
+ * @event {CustomEvent<SbbOverlayCloseEventDetails>} didClose - Emits whenever the `sbb-overlay` is closed.
+ * @event {CustomEvent<void>} requestBackAction - Emits whenever the back button is clicked.
+ * @cssprop [--sbb-overlay-z-index=var(--sbb-overlay-default-z-index)] - To specify a custom stack order,
+ * the `z-index` can be overridden by defining this CSS variable. The default `z-index` of the
+ * component is set to `var(--sbb-overlay-default-z-index)` with a value of `1000`.
+ */
+export declare class SbbOverlayElement extends SbbOverlayBaseElement {
+    static styles: CSSResultGroup;
+    static readonly events: {
+        readonly willOpen: "willOpen";
+        readonly didOpen: "didOpen";
+        readonly willClose: "willClose";
+        readonly didClose: "didClose";
+        readonly backClick: "requestBackAction";
+    };
+    /**
+     * Whether to allow the overlay content to stretch to full width.
+     * By default, the content has the appropriate page size.
+     */
+    expanded: boolean;
+    /** Whether a back button is displayed next to the title. */
+    backButton: boolean;
+    /** This will be forwarded as aria-label to the close button element. */
+    accessibilityCloseLabel: string | undefined;
+    /** This will be forwarded as aria-label to the back button element. */
+    accessibilityBackLabel: string | undefined;
+    protected closeAttribute: string;
+    /** Emits whenever the back button is clicked. */
+    private _backClick;
+    private _overlayContentElement;
+    /** Opens the component. */
+    open(): void;
+    protected onOverlayAnimationEnd(event: AnimationEvent): void;
+    protected setOverlayFocus(): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-overlay': SbbOverlayElement;
+    }
+}
+//# sourceMappingURL=overlay.d.ts.map

package/development/overlay/overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../../src/elements/overlay/overlay.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAU1D,OAAO,EAAe,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAE/E,OAAO,+BAA+B,CAAC;AACvC,OAAO,iCAAiC,CAAC;AACzC,OAAO,iBAAiB,CAAC;AACzB,OAAO,0BAA0B,CAAC;AAElC;;;;;;;;;;;;GAYG;AACH,qBACa,iBAAkB,SAAQ,qBAAqB;IAC1D,OAAuB,MAAM,EAAE,cAAc,CAAS;IAGtD,gBAAgC,MAAM;;;;;;MAM3B;IAEX;;;OAGG;IACgD,QAAQ,UAAS;IAEpE,4DAA4D;IACE,UAAU,UAAS;IAEjF,wEAAwE;IACX,uBAAuB,EAChF,MAAM,GACN,SAAS,CAAC;IAEd,uEAAuE;IACX,sBAAsB,EAC9E,MAAM,GACN,SAAS,CAAC;IAEd,SAAS,CAAC,cAAc,EAAE,MAAM,CAAuB;IAEvD,iDAAiD;IACjD,OAAO,CAAC,UAAU,CAGhB;IACF,OAAO,CAAC,sBAAsB,CAA4B;IAE1D,2BAA2B;IACpB,IAAI,IAAI,IAAI;IAyBnB,SAAS,CAAC,qBAAqB,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI;IA8B5D,SAAS,CAAC,eAAe,IAAI,IAAI;cAUd,MAAM,IAAI,cAAc;CAyD5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,aAAa,EAAE,iBAAiB,CAAC;KAClC;CACF"}

package/development/overlay.d.ts

@@ -0,0 +1,3 @@
+export * from './overlay/overlay.js';
+export * from './overlay/overlay-base-element.js';
+//# sourceMappingURL=overlay.d.ts.map

package/development/overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../src/elements/overlay.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,mCAAmC,CAAC"}