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

package/development/overlay/overlay.component.js

@@ -1,374 +1,2 @@
-var __typeError = (msg) => {
-  throw TypeError(msg);
-};
-var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
-var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
-import { __runInitializers, __esDecorate } from "tslib";
-import { property } from "lit/decorators.js";
-import { ref } from "lit/directives/ref.js";
-import { html } from "lit/static-html.js";
-import { forceType } from "../core/decorators.js";
-import { isZeroAnimationDuration } from "../core/dom.js";
-import { forwardEvent } from "../core/eventing.js";
-import { i18nCloseDialog } from "../core/i18n.js";
-import { boxSizingStyles } from "../core/styles.js";
-import { SbbOverlayBaseElement, overlayRefs, SbbOverlayCloseEvent } from "./overlay-base-element.js";
-import { css } from "lit";
-import "../button/secondary-button.js";
-import "../button/transparent-button.js";
-import "../container.js";
-import "../screen-reader-only.js";
-const style = css`:host {
-  --sbb-scrollbar-thumb-width: 0.125rem;
-  --sbb-scrollbar-thumb-width-hover: 0.25rem;
-  --sbb-scrollbar-width-firefox: thin;
-  --sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);
-  --sbb-scrollbar-color: light-dark(
-    color-mix(in srgb, var(--sbb-color-black) 30%, transparent),
-    color-mix(in srgb, var(--sbb-color-white) 30%, transparent)
-  );
-  --sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);
-  --sbb-scrollbar-color-hover: light-dark(
-    color-mix(in srgb, var(--sbb-color-black) 60%, transparent),
-    color-mix(in srgb, var(--sbb-color-white) 60%, transparent)
-  );
-  --sbb-scrollbar-track-color: transparent;
-  --sbb-overlay-background-color: var(--sbb-background-color-3);
-  --sbb-overlay-height: 100%;
-  --sbb-overlay-inset: 0 auto auto 0;
-  --sbb-overlay-padding-block: calc(var(--sbb-spacing-fixed-14x) + var(--sbb-spacing-responsive-l));
-  --sbb-overlay-animation-duration: var(
-    --sbb-disable-animation-duration,
-    var(--sbb-animation-duration-6x)
-  );
-  --sbb-overlay-animation-easing: ease;
-  --sbb-overlay-pointer-events: none;
-  display: none;
-  position: fixed;
-  inset: var(--sbb-overlay-inset);
-  z-index: var(--sbb-overlay-z-index, var(--sbb-overlay-default-z-index));
-}
-
-:host(:is(:is(:state(state-opening),[state--state-opening]), :is(:state(state-opened),[state--state-opened]), :is(:state(state-closing),[state--state-closing]))) {
-  display: block;
-}
-
-:host(:is(:is(:state(state-opening),[state--state-opening]), :is(:state(state-opened),[state--state-opened]))) {
-  --sbb-overlay-pointer-events: all;
-}
-
-:host([negative]) {
-  --sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-white) 30%, transparent);
-  --sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-white) 60%, transparent);
-  --sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);
-  --sbb-overlay-color: var(--sbb-color-1-negative);
-  --sbb-overlay-background-color: var(--sbb-background-color-3-negative);
-}
-
-:host(:not(:is(:state(state-closed),[state--state-closed]))) {
-  --sbb-overlay-inset: 0;
-}
-
-.sbb-overlay__container {
-  background-color: var(--sbb-overlay-background-color);
-  pointer-events: var(--sbb-overlay-pointer-events);
-  display: none;
-  align-items: center;
-  position: fixed;
-  inset: var(--sbb-overlay-inset);
-}
-:host(:is(:is(:state(state-opening),[state--state-opening]), :is(:state(state-opened),[state--state-opened]), :is(:state(state-closing),[state--state-closing]))) .sbb-overlay__container {
-  display: flex;
-  animation-name: open;
-  animation-duration: var(--sbb-overlay-animation-duration);
-  animation-timing-function: var(--sbb-overlay-animation-easing);
-}
-:host(:is(:state(state-closing),[state--state-closing])) .sbb-overlay__container {
-  pointer-events: none;
-  animation-name: close;
-}
-
-.sbb-overlay {
-  position: absolute;
-  inset-inline: 0;
-  margin: auto;
-  padding: 0;
-  border: none;
-  height: var(--sbb-overlay-height);
-  overflow: auto;
-  color: var(--sbb-overlay-color);
-}
-:host(:is(:is(:state(state-opening),[state--state-opening]), :is(:state(state-opened),[state--state-opened]), :is(:state(state-closing),[state--state-closing]))) .sbb-overlay {
-  animation-name: open-move-in;
-  animation-duration: var(--sbb-overlay-animation-duration);
-  animation-timing-function: var(--sbb-overlay-animation-easing);
-}
-:host(:is(:state(state-closing),[state--state-closing])) .sbb-overlay {
-  animation-name: close-move-out;
-}
-
-.sbb-overlay__wrapper {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: var(--sbb-overlay-height);
-  outline: none;
-  position: fixed;
-}
-@media (min-width: calc(64rem)) {
-  .sbb-overlay__wrapper {
-    position: sticky;
-    inset-block-start: 0;
-    height: auto;
-  }
-}
-
-.sbb-overlay__header {
-  position: absolute;
-  inset-inline-start: 0;
-  display: flex;
-  pointer-events: none;
-  align-items: start;
-  justify-content: space-between;
-  width: 100%;
-  padding: var(--sbb-spacing-responsive-xs);
-  padding-block-end: 0;
-  z-index: 1;
-}
-.sbb-overlay__header * {
-  pointer-events: all;
-}
-
-.sbb-overlay__close {
-  margin-inline-start: auto;
-}
-
-.sbb-overlay__content {
-  --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
-}
-.sbb-overlay__content::-webkit-scrollbar {
-  width: var(--sbb-scrollbar-width);
-  height: var(--sbb-scrollbar-width);
-  background-color: var(--sbb-scrollbar-track-color, transparent);
-}
-.sbb-overlay__content::-webkit-scrollbar-corner {
-  background-color: var(--sbb-scrollbar-track-color, transparent);
-}
-.sbb-overlay__content::-webkit-scrollbar-thumb {
-  background-color: var(--sbb-scrollbar-color, currentcolor);
-  border: calc(0.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;
-  border-radius: var(--sbb-border-radius-4x);
-  background-clip: padding-box;
-}
-.sbb-overlay__content::-webkit-scrollbar-thumb:hover {
-  background-color: var(--sbb-scrollbar-color-hover, currentcolor);
-  border-width: calc(0.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)));
-}
-.sbb-overlay__content::-webkit-scrollbar-button, .sbb-overlay__content::-webkit-scrollbar-corner {
-  display: none;
-}
-@supports not selector(::-webkit-scrollbar) {
-  .sbb-overlay__content {
-    scrollbar-width: var(--sbb-scrollbar-width-firefox);
-    scrollbar-color: var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent);
-  }
-}
-.sbb-overlay__content {
-  height: 100vh;
-  overflow: auto;
-  -webkit-overflow-scrolling: touch;
-}
-
-.sbb-overlay__content-container {
-  padding-block: var(--sbb-overlay-padding-block);
-}
-
-@keyframes open {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-@keyframes open-move-in {
-  from {
-    transform: translateY(var(--sbb-spacing-fixed-4x));
-  }
-  to {
-    transform: translateY(0%);
-  }
-}
-@keyframes close {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-  }
-}
-@keyframes close-move-out {
-  from {
-    transform: translateY(0%);
-  }
-  to {
-    transform: translateY(var(--sbb-spacing-fixed-4x));
-  }
-}`;
-let nextId = 0;
-let SbbOverlayElement = (() => {
-  var _expanded_accessor_storage, _accessibilityCloseLabel_accessor_storage, _a;
-  let _classSuper = SbbOverlayBaseElement;
-  let _expanded_decorators;
-  let _expanded_initializers = [];
-  let _expanded_extraInitializers = [];
-  let _accessibilityCloseLabel_decorators;
-  let _accessibilityCloseLabel_initializers = [];
-  let _accessibilityCloseLabel_extraInitializers = [];
-  return _a = class extends _classSuper {
-    constructor() {
-      super(...arguments);
-      __privateAdd(this, _expanded_accessor_storage);
-      __privateAdd(this, _accessibilityCloseLabel_accessor_storage);
-      __privateSet(this, _expanded_accessor_storage, __runInitializers(this, _expanded_initializers, false));
-      __privateSet(this, _accessibilityCloseLabel_accessor_storage, (__runInitializers(this, _expanded_extraInitializers), __runInitializers(this, _accessibilityCloseLabel_initializers, "")));
-      this.closeAttribute = (__runInitializers(this, _accessibilityCloseLabel_extraInitializers), "sbb-overlay-close");
-      this._overlayContentElement = null;
-    }
-    /**
-     * Whether to allow the overlay content to stretch to full width.
-     * By default, the content has the appropriate page size.
-     */
-    get expanded() {
-      return __privateGet(this, _expanded_accessor_storage);
-    }
-    set expanded(value) {
-      __privateSet(this, _expanded_accessor_storage, value);
-    }
-    /** This will be forwarded as aria-label to the close button element. */
-    get accessibilityCloseLabel() {
-      return __privateGet(this, _accessibilityCloseLabel_accessor_storage);
-    }
-    set accessibilityCloseLabel(value) {
-      __privateSet(this, _accessibilityCloseLabel_accessor_storage, value);
-    }
-    connectedCallback() {
-      this.id ||= `sbb-overlay-${nextId++}`;
-      super.connectedCallback();
-    }
-    firstUpdated(changedProperties) {
-      super.firstUpdated(changedProperties);
-      if (this.isOpen) {
-        this.setAriaLiveRefContent();
-      }
-    }
-    isZeroAnimationDuration() {
-      return isZeroAnimationDuration(this, "--sbb-overlay-animation-duration");
-    }
-    handleOpening() {
-      this.state = "opened";
-      this.inertController.activate();
-      this.focusTrapController.focusInitialElement();
-      setTimeout(() => this.setAriaLiveRefContent(this.accessibilityLabel));
-      this.focusTrapController.enabled = true;
-      this.dispatchOpenEvent();
-    }
-    handleClosing() {
-      this._overlayContentElement?.scrollTo(0, 0);
-      this.state = "closed";
-      this.hidePopover?.();
-      this.inertController.deactivate();
-      if (!this.skipFocusRestoration) {
-        this.lastFocusedElement?.focus();
-      }
-      this.openOverlayController?.abort();
-      this.focusTrapController.enabled = false;
-      this.removeInstanceFromGlobalCollection();
-      if (!overlayRefs.length) {
-        this.scrollHandler.enableScroll();
-      }
-      this.escapableOverlayController.disconnect();
-      this.dispatchCloseEvent({
-        returnValue: this.returnValue,
-        closeTarget: this.overlayCloseElement
-      });
-    }
-    // TODO: remove parameter `detail`
-    dispatchBeforeCloseEvent(_detail) {
-      return this.dispatchEvent(new SbbOverlayCloseEvent("beforeclose", {
-        cancelable: true,
-        closeAttribute: this.closeAttribute,
-        closeTarget: this.overlayCloseElement,
-        result: this.returnValue
-      }));
-    }
-    // TODO: remove parameter `detail`
-    dispatchCloseEvent(_detail) {
-      return this.dispatchEvent(new SbbOverlayCloseEvent("close", {
-        closeAttribute: this.closeAttribute,
-        closeTarget: this.overlayCloseElement,
-        result: this.returnValue
-      }));
-    }
-    render() {
-      return html`
-      <div class="sbb-overlay__container" @animationend=${this.onOverlayAnimationEnd}>
-        <div class="sbb-overlay">
-          <div
-            @click=${(event) => this.closeOnSbbOverlayCloseClick(event)}
-            class="sbb-overlay__wrapper"
-          >
-            <div class="sbb-overlay__header">
-              <sbb-secondary-button
-                class="sbb-overlay__close"
-                aria-label="${this.accessibilityCloseLabel || i18nCloseDialog[this.language.current]}"
-                ?negative=${this.negative}
-                size="m"
-                type="button"
-                icon-name="cross-small"
-                sbb-overlay-close
-              ></sbb-secondary-button>
-            </div>
-            <div
-              class="sbb-overlay__content"
-              ${ref((el) => this._overlayContentElement = el)}
-              @scroll=${(e) => forwardEvent(e, document)}
-            >
-              <sbb-container
-                class="sbb-overlay__content-container"
-                ?expanded=${this.expanded}
-                color="transparent"
-              >
-                <slot></slot>
-              </sbb-container>
-            </div>
-          </div>
-        </div>
-      </div>
-      <sbb-screen-reader-only aria-live="polite"></sbb-screen-reader-only>
-    `;
-    }
-  }, _expanded_accessor_storage = new WeakMap(), _accessibilityCloseLabel_accessor_storage = new WeakMap(), (() => {
-    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-    _expanded_decorators = [forceType(), property({ reflect: true, type: Boolean })];
-    _accessibilityCloseLabel_decorators = [forceType(), property({ attribute: "accessibility-close-label" })];
-    __esDecorate(_a, null, _expanded_decorators, { kind: "accessor", name: "expanded", static: false, private: false, access: { has: (obj) => "expanded" in obj, get: (obj) => obj.expanded, set: (obj, value) => {
-      obj.expanded = value;
-    } }, metadata: _metadata }, _expanded_initializers, _expanded_extraInitializers);
-    __esDecorate(_a, null, _accessibilityCloseLabel_decorators, { kind: "accessor", name: "accessibilityCloseLabel", static: false, private: false, access: { has: (obj) => "accessibilityCloseLabel" in obj, get: (obj) => obj.accessibilityCloseLabel, set: (obj, value) => {
-      obj.accessibilityCloseLabel = value;
-    } }, metadata: _metadata }, _accessibilityCloseLabel_initializers, _accessibilityCloseLabel_extraInitializers);
-    if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-  })(), _a.elementName = "sbb-overlay", _a.styles = [boxSizingStyles, style], _a.events = {
-    beforeopen: "beforeopen",
-    open: "open",
-    beforeclose: "beforeclose",
-    close: "close"
-  }, _a;
-})();
-export {
-  SbbOverlayElement
-};
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9vdmVybGF5L292ZXJsYXkuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFByb3BlcnR5VmFsdWVzLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IHJlZiB9IGZyb20gJ2xpdC9kaXJlY3RpdmVzL3JlZi5qcyc7XG5pbXBvcnQgeyBodG1sIH0gZnJvbSAnbGl0L3N0YXRpYy1odG1sLmpzJztcblxuaW1wb3J0IHsgZm9yY2VUeXBlIH0gZnJvbSAnLi4vY29yZS9kZWNvcmF0b3JzLnRzJztcbmltcG9ydCB7IGlzWmVyb0FuaW1hdGlvbkR1cmF0aW9uIH0gZnJvbSAnLi4vY29yZS9kb20udHMnO1xuaW1wb3J0IHsgZm9yd2FyZEV2ZW50IH0gZnJvbSAnLi4vY29yZS9ldmVudGluZy50cyc7XG5pbXBvcnQgeyBpMThuQ2xvc2VEaWFsb2cgfSBmcm9tICcuLi9jb3JlL2kxOG4udHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJPdmVybGF5Q2xvc2VFdmVudERldGFpbHMgfSBmcm9tICcuLi9jb3JlL2ludGVyZmFjZXMudHMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnLi4vY29yZS9zdHlsZXMudHMnO1xuXG5pbXBvcnQge1xuICBvdmVybGF5UmVmcyxcbiAgU2JiT3ZlcmxheUJhc2VFbGVtZW50LFxuICBTYmJPdmVybGF5Q2xvc2VFdmVudCxcbn0gZnJvbSAnLi9vdmVybGF5LWJhc2UtZWxlbWVudC50cyc7XG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9vdmVybGF5LnNjc3M/bGl0JmlubGluZSc7XG5cbmltcG9ydCAnLi4vYnV0dG9uL3NlY29uZGFyeS1idXR0b24udHMnO1xuaW1wb3J0ICcuLi9idXR0b24vdHJhbnNwYXJlbnQtYnV0dG9uLnRzJztcbmltcG9ydCAnLi4vY29udGFpbmVyLnRzJztcbmltcG9ydCAnLi4vc2NyZWVuLXJlYWRlci1vbmx5LnRzJztcblxubGV0IG5leHRJZCA9IDA7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYW4gaW50ZXJhY3RpdmUgb3ZlcmxheSBlbGVtZW50LlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gcHJvdmlkZSBhIGNvbnRlbnQgZm9yIHRoZSBvdmVybGF5LlxuICogQGNzc3Byb3AgWy0tc2JiLW92ZXJsYXktei1pbmRleD12YXIoLS1zYmItb3ZlcmxheS1kZWZhdWx0LXotaW5kZXgpXSAtIFRvIHNwZWNpZnkgYSBjdXN0b20gc3RhY2sgb3JkZXIsXG4gKiB0aGUgYHotaW5kZXhgIGNhbiBiZSBvdmVycmlkZGVuIGJ5IGRlZmluaW5nIHRoaXMgQ1NTIHZhcmlhYmxlLiBUaGUgZGVmYXVsdCBgei1pbmRleGAgb2YgdGhlXG4gKiBjb21wb25lbnQgaXMgc2V0IHRvIGB2YXIoLS1zYmItb3ZlcmxheS1kZWZhdWx0LXotaW5kZXgpYCB3aXRoIGEgdmFsdWUgb2YgYDEwMDBgLlxuICovXG5leHBvcnQgY2xhc3MgU2JiT3ZlcmxheUVsZW1lbnQgZXh0ZW5kcyBTYmJPdmVybGF5QmFzZUVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLW92ZXJsYXknO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCBzdHlsZV07XG5cbiAgLy8gVE9ETzogZml4IHVzaW5nIC4uLnN1cGVyLmV2ZW50cyByZXF1aXJlczogaHR0cHM6Ly9naXRodWIuY29tL3NiYi1kZXNpZ24tc3lzdGVtcy9seW5lLWNvbXBvbmVudHMvaXNzdWVzLzI2MDBcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBldmVudHMgPSB7XG4gICAgYmVmb3Jlb3BlbjogJ2JlZm9yZW9wZW4nLFxuICAgIG9wZW46ICdvcGVuJyxcbiAgICBiZWZvcmVjbG9zZTogJ2JlZm9yZWNsb3NlJyxcbiAgICBjbG9zZTogJ2Nsb3NlJyxcbiAgfSBhcyBjb25zdDtcblxuICAvKipcbiAgICogV2hldGhlciB0byBhbGxvdyB0aGUgb3ZlcmxheSBjb250ZW50IHRvIHN0cmV0Y2ggdG8gZnVsbCB3aWR0aC5cbiAgICogQnkgZGVmYXVsdCwgdGhlIGNvbnRlbnQgaGFzIHRoZSBhcHByb3ByaWF0ZSBwYWdlIHNpemUuXG4gICAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSwgdHlwZTogQm9vbGVhbiB9KVxuICBwdWJsaWMgYWNjZXNzb3IgZXhwYW5kZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKiogVGhpcyB3aWxsIGJlIGZvcndhcmRlZCBhcyBhcmlhLWxhYmVsIHRvIHRoZSBjbG9zZSBidXR0b24gZWxlbWVudC4gKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ2FjY2Vzc2liaWxpdHktY2xvc2UtbGFiZWwnIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBhY2Nlc3NpYmlsaXR5Q2xvc2VMYWJlbDogc3RyaW5nID0gJyc7XG5cbiAgcHJvdGVjdGVkIGNsb3NlQXR0cmlidXRlOiBzdHJpbmcgPSAnc2JiLW92ZXJsYXktY2xvc2UnO1xuICBwcml2YXRlIF9vdmVybGF5Q29udGVudEVsZW1lbnQ6IEhUTUxFbGVtZW50IHwgbnVsbCA9IG51bGw7XG5cbiAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHRoaXMuaWQgfHw9IGBzYmItb3ZlcmxheS0ke25leHRJZCsrfWA7XG5cbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIGZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiB2b2lkIHtcbiAgICBzdXBlci5maXJzdFVwZGF0ZWQoY2hhbmdlZFByb3BlcnRpZXMpO1xuXG4gICAgLy8gSWYgdGhlIGNvbXBvbmVudCBpcyBhbHJlYWR5IG9wZW4gb24gZmlyc3RVcGRhdGUsIGFubm91bmNlIHRoZSB0aXRsZVxuICAgIGlmICh0aGlzLmlzT3Blbikge1xuICAgICAgdGhpcy5zZXRBcmlhTGl2ZVJlZkNvbnRlbnQoKTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgaXNaZXJvQW5pbWF0aW9uRHVyYXRpb24oKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIGlzWmVyb0FuaW1hdGlvbkR1cmF0aW9uKHRoaXMsICctLXNiYi1vdmVybGF5LWFuaW1hdGlvbi1kdXJhdGlvbicpO1xuICB9XG5cbiAgcHJvdGVjdGVkIGhhbmRsZU9wZW5pbmcoKTogdm9pZCB7XG4gICAgdGhpcy5zdGF0ZSA9ICdvcGVuZWQnO1xuICAgIHRoaXMuaW5lcnRDb250cm9sbGVyLmFjdGl2YXRlKCk7XG4gICAgdGhpcy5mb2N1c1RyYXBDb250cm9sbGVyLmZvY3VzSW5pdGlhbEVsZW1lbnQoKTtcbiAgICAvLyBVc2UgdGltZW91dCB0byByZWFkIGxhYmVsIGFmdGVyIGZvY3VzZWQgZWxlbWVudFxuICAgIHNldFRpbWVvdXQoKCkgPT4gdGhpcy5zZXRBcmlhTGl2ZVJlZkNvbnRlbnQodGhpcy5hY2Nlc3NpYmlsaXR5TGFiZWwpKTtcbiAgICB0aGlzLmZvY3VzVHJhcENvbnRyb2xsZXIuZW5hYmxlZCA9IHRydWU7XG4gICAgdGhpcy5kaXNwYXRjaE9wZW5FdmVudCgpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIGhhbmRsZUNsb3NpbmcoKTogdm9pZCB7XG4gICAgdGhpcy5fb3ZlcmxheUNvbnRlbnRFbGVtZW50Py5zY3JvbGxUbygwLCAwKTtcbiAgICB0aGlzLnN0YXRlID0gJ2Nsb3NlZCc7XG4gICAgdGhpcy5oaWRlUG9wb3Zlcj8uKCk7XG4gICAgdGhpcy5pbmVydENvbnRyb2xsZXIuZGVhY3RpdmF0ZSgpO1xuICAgIGlmICghdGhpcy5za2lwRm9jdXNSZXN0b3JhdGlvbikge1xuICAgICAgLy8gTWFudWFsbHkgZm9jdXMgbGFzdCBmb2N1c2VkIGVsZW1lbnRcbiAgICAgIHRoaXMubGFzdEZvY3VzZWRFbGVtZW50Py5mb2N1cygpO1xuICAgIH1cbiAgICB0aGlzLm9wZW5PdmVybGF5Q29udHJvbGxlcj8uYWJvcnQoKTtcbiAgICB0aGlzLmZvY3VzVHJhcENvbnRyb2xsZXIuZW5hYmxlZCA9IGZhbHNlO1xuICAgIHRoaXMucmVtb3ZlSW5zdGFuY2VGcm9tR2xvYmFsQ29sbGVjdGlvbigpO1xuICAgIC8vIEVuYWJsZSBzY3JvbGxpbmcgZm9yIGNvbnRlbnQgYmVsb3cgdGhlIG92ZXJsYXkgaWYgbm8gb3ZlcmxheSBpcyBvcGVuXG4gICAgaWYgKCFvdmVybGF5UmVmcy5sZW5ndGgpIHtcbiAgICAgIHRoaXMuc2Nyb2xsSGFuZGxlci5lbmFibGVTY3JvbGwoKTtcbiAgICB9XG4gICAgdGhpcy5lc2NhcGFibGVPdmVybGF5Q29udHJvbGxlci5kaXNjb25uZWN0KCk7XG4gICAgdGhpcy5kaXNwYXRjaENsb3NlRXZlbnQoe1xuICAgICAgcmV0dXJuVmFsdWU6IHRoaXMucmV0dXJuVmFsdWUsXG4gICAgICBjbG9zZVRhcmdldDogdGhpcy5vdmVybGF5Q2xvc2VFbGVtZW50LFxuICAgIH0pO1xuICB9XG5cbiAgLy8gVE9ETzogcmVtb3ZlIHBhcmFtZXRlciBgZGV0YWlsYFxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgZGlzcGF0Y2hCZWZvcmVDbG9zZUV2ZW50KF9kZXRhaWw/OiBTYmJPdmVybGF5Q2xvc2VFdmVudERldGFpbHMpOiBib29sZWFuIHtcbiAgICAvKiogQHR5cGUge1NiYk92ZXJsYXlDbG9zZUV2ZW50fSBFbWl0cyB3aGVuZXZlciB0aGUgY29tcG9uZW50IGJlZ2lucyB0aGUgY2xvc2luZyB0cmFuc2l0aW9uLiBDYW4gYmUgY2FuY2VsZWQuICovXG4gICAgcmV0dXJuIHRoaXMuZGlzcGF0Y2hFdmVudChcbiAgICAgIG5ldyBTYmJPdmVybGF5Q2xvc2VFdmVudCgnYmVmb3JlY2xvc2UnLCB7XG4gICAgICAgIGNhbmNlbGFibGU6IHRydWUsXG4gICAgICAgIGNsb3NlQXR0cmlidXRlOiB0aGlzLmNsb3NlQXR0cmlidXRlLFxuICAgICAgICBjbG9zZVRhcmdldDogdGhpcy5vdmVybGF5Q2xvc2VFbGVtZW50LFxuICAgICAgICByZXN1bHQ6IHRoaXMucmV0dXJuVmFsdWUsXG4gICAgICB9KSxcbiAgICApO1xuICB9XG5cbiAgLy8gVE9ETzogcmVtb3ZlIHBhcmFtZXRlciBgZGV0YWlsYFxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgZGlzcGF0Y2hDbG9zZUV2ZW50KF9kZXRhaWw/OiBTYmJPdmVybGF5Q2xvc2VFdmVudERldGFpbHMpOiBib29sZWFuIHtcbiAgICAvKiogQHR5cGUge1NiYk92ZXJsYXlDbG9zZUV2ZW50fSBFbWl0cyB3aGVuZXZlciB0aGUgY29tcG9uZW50IGlzIGNsb3NlZC4gKi9cbiAgICByZXR1cm4gdGhpcy5kaXNwYXRjaEV2ZW50KFxuICAgICAgbmV3IFNiYk92ZXJsYXlDbG9zZUV2ZW50KCdjbG9zZScsIHtcbiAgICAgICAgY2xvc2VBdHRyaWJ1dGU6IHRoaXMuY2xvc2VBdHRyaWJ1dGUsXG4gICAgICAgIGNsb3NlVGFyZ2V0OiB0aGlzLm92ZXJsYXlDbG9zZUVsZW1lbnQsXG4gICAgICAgIHJlc3VsdDogdGhpcy5yZXR1cm5WYWx1ZSxcbiAgICAgIH0pLFxuICAgICk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItb3ZlcmxheV9fY29udGFpbmVyXCIgQGFuaW1hdGlvbmVuZD0ke3RoaXMub25PdmVybGF5QW5pbWF0aW9uRW5kfT5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNiYi1vdmVybGF5XCI+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgQGNsaWNrPSR7KGV2ZW50OiBFdmVudCkgPT4gdGhpcy5jbG9zZU9uU2JiT3ZlcmxheUNsb3NlQ2xpY2soZXZlbnQpfVxuICAgICAgICAgICAgY2xhc3M9XCJzYmItb3ZlcmxheV9fd3JhcHBlclwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNiYi1vdmVybGF5X19oZWFkZXJcIj5cbiAgICAgICAgICAgICAgPHNiYi1zZWNvbmRhcnktYnV0dG9uXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJzYmItb3ZlcmxheV9fY2xvc2VcIlxuICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9XCIke3RoaXMuYWNjZXNzaWJpbGl0eUNsb3NlTGFiZWwgfHxcbiAgICAgICAgICAgICAgICBpMThuQ2xvc2VEaWFsb2dbdGhpcy5sYW5ndWFnZS5jdXJyZW50XX1cIlxuICAgICAgICAgICAgICAgID9uZWdhdGl2ZT0ke3RoaXMubmVnYXRpdmV9XG4gICAgICAgICAgICAgICAgc2l6ZT1cIm1cIlxuICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICAgIGljb24tbmFtZT1cImNyb3NzLXNtYWxsXCJcbiAgICAgICAgICAgICAgICBzYmItb3ZlcmxheS1jbG9zZVxuICAgICAgICAgICAgICA+PC9zYmItc2Vjb25kYXJ5LWJ1dHRvbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICBjbGFzcz1cInNiYi1vdmVybGF5X19jb250ZW50XCJcbiAgICAgICAgICAgICAgJHtyZWYoKGVsPzogRWxlbWVudCkgPT4gKHRoaXMuX292ZXJsYXlDb250ZW50RWxlbWVudCA9IGVsIGFzIEhUTUxEaXZFbGVtZW50KSl9XG4gICAgICAgICAgICAgIEBzY3JvbGw9JHsoZTogRXZlbnQpID0+IGZvcndhcmRFdmVudChlLCBkb2N1bWVudCl9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxzYmItY29udGFpbmVyXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJzYmItb3ZlcmxheV9fY29udGVudC1jb250YWluZXJcIlxuICAgICAgICAgICAgICAgID9leHBhbmRlZD0ke3RoaXMuZXhwYW5kZWR9XG4gICAgICAgICAgICAgICAgY29sb3I9XCJ0cmFuc3BhcmVudFwiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICAgICAgICAgIDwvc2JiLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAgPHNiYi1zY3JlZW4tcmVhZGVyLW9ubHkgYXJpYS1saXZlPVwicG9saXRlXCI+PC9zYmItc2NyZWVuLXJlYWRlci1vbmx5PlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1vdmVybGF5JzogU2JiT3ZlcmxheUVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUF3QkEsSUFBSSxTQUFTO0lBVUEscUJBQWlCLE1BQUE7O29CQUFTOzs7Ozs7O0FBQTFCLFNBQUEsbUJBQTBCLFlBQXFCO0FBQUE7O0FB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
+import { t as SbbOverlayElement } from "../overlay.component-RS_v3xaA.js";
+export { SbbOverlayElement };