@sbb-esta/lyne-elements 0.0.0 → 0.52.0

package/development/dialog/dialog.js

@@ -0,0 +1,437 @@
+import { property, customElement } from "lit/decorators.js";
+import { html } from "lit/static-html.js";
+import { setModalityOnNextFocus, getFirstFocusableElement } from "../core/a11y.js";
+import { isBreakpoint } from "../core/dom.js";
+import { AgnosticResizeObserver } from "../core/observers.js";
+import { applyInertMechanism, removeInertMechanism } from "../core/overlay.js";
+import { SbbOverlayBaseElement, overlayRefs } from "../overlay.js";
+import { css } from "lit";
+import "../screen-reader-only.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-scrollbar-thumb-width: 0.125rem;
+  --sbb-scrollbar-thumb-width-hover: 0.25rem;
+  --sbb-scrollbar-width-firefox: thin;
+  --sbb-scrollbar-color: var(--sbb-color-black-alpha-30);
+  --sbb-scrollbar-color-hover: var(--sbb-color-black-alpha-60);
+  --sbb-scrollbar-track-color: transparent;
+  --sbb-dialog-padding-inline: var(--sbb-spacing-fixed-5x);
+  --sbb-dialog-color: var(--sbb-color-black);
+  --sbb-dialog-background-color: var(--sbb-color-white);
+  --sbb-dialog-width: 100%;
+  --sbb-dialog-height: 100%;
+  --sbb-dialog-max-width: 100%;
+  --sbb-dialog-max-width-default: 55.75rem;
+  --sbb-dialog-max-height: 100%;
+  --sbb-dialog-inset: 0 auto auto 0;
+  --sbb-dialog-border-radius: var(--sbb-border-radius-8x);
+  --sbb-dialog-padding-block: var(--sbb-spacing-responsive-s);
+  --sbb-dialog-animation-duration: var(
+    --sbb-disable-animation-zero-time,
+    var(--sbb-animation-duration-6x)
+  );
+  --sbb-dialog-animation-easing: ease;
+  --sbb-dialog-pointer-events: none;
+  --sbb-dialog-backdrop-visibility: hidden;
+  --sbb-dialog-backdrop-pointer-events: none;
+  --sbb-dialog-backdrop-color: transparent;
+  --sbb-dialog-content-transition: transform var(--sbb-dialog-animation-duration)
+    var(--sbb-dialog-animation-easing);
+  --sbb-dialog-actions-border: var(--sbb-border-width-1x) solid var(--sbb-color-cloud);
+  display: block;
+  position: fixed;
+  inset: var(--sbb-dialog-inset);
+  z-index: var(--sbb-dialog-z-index, var(--sbb-overlay-default-z-index));
+}
+@media (min-width: calc(22.5rem)) {
+  :host {
+    --sbb-dialog-padding-inline: var(--sbb-spacing-fixed-6x);
+  }
+}
+@media (min-width: calc(37.5rem)) {
+  :host {
+    --sbb-dialog-padding-inline: var(--sbb-spacing-fixed-12x);
+  }
+}
+@media (min-width: calc(52.5rem)) {
+  :host {
+    --sbb-dialog-padding-inline: var(--sbb-spacing-responsive-s);
+    --sbb-dialog-max-width: min(
+      calc(100vw - var(--sbb-spacing-fixed-30x) * 2),
+      var(--sbb-dialog-max-width-default)
+    );
+    --sbb-dialog-max-height: calc(100vh - var(--sbb-spacing-fixed-16x));
+  }
+}
+
+:host(:is([data-state=opened], [data-state=opening])) {
+  --sbb-dialog-pointer-events: all;
+}
+@media (min-width: calc(52.5rem)) {
+  :host(:is([data-state=opened], [data-state=opening])) {
+    --sbb-dialog-backdrop-visibility: visible;
+    --sbb-dialog-backdrop-pointer-events: all;
+    --sbb-dialog-backdrop-color: var(--sbb-color-milk);
+  }
+}
+
+:host([data-hide-header]) {
+  --sbb-dialog-header-margin-block-start: calc(var(--sbb-dialog-header-height) * -1);
+}
+
+:host([negative]) {
+  --sbb-scrollbar-color: var(--sbb-color-white-alpha-30);
+  --sbb-scrollbar-color-hover: var(--sbb-color-white-alpha-60);
+  --sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);
+  --sbb-dialog-color: var(--sbb-color-white);
+  --sbb-dialog-background-color: var(--sbb-color-midnight);
+  --sbb-dialog-actions-border: none;
+}
+
+:host([data-overflows]:not([negative])) {
+  --sbb-dialog-actions-border: none;
+}
+
+:host(:not([data-state=closed])) {
+  --sbb-dialog-inset: 0;
+}
+
+.sbb-dialog__container {
+  pointer-events: var(--sbb-dialog-pointer-events);
+  display: flex;
+  align-items: center;
+  position: fixed;
+  inset: var(--sbb-dialog-inset);
+}
+.sbb-dialog__container::before {
+  content: "";
+  visibility: var(--sbb-dialog-backdrop-visibility);
+  pointer-events: var(--sbb-dialog-backdrop-pointer-events);
+  position: fixed;
+  inset: var(--sbb-dialog-inset);
+  background-color: var(--sbb-dialog-backdrop-color);
+  transition-duration: var(--sbb-dialog-animation-duration);
+  transition-timing-function: var(--sbb-dialog-animation-easing);
+  transition-property: background-color, visibility;
+}
+
+.sbb-dialog {
+  display: none;
+  position: absolute;
+  inset-inline: 0;
+  margin: auto;
+  padding: 0;
+  border: none;
+  width: var(--sbb-dialog-width);
+  height: var(--sbb-dialog-height);
+  max-width: var(--sbb-dialog-max-width);
+  max-height: var(--sbb-dialog-max-height);
+  overflow: auto;
+  color: var(--sbb-dialog-color);
+  background-color: var(--sbb-dialog-background-color);
+}
+:host([data-state]:not([data-state=closed])) .sbb-dialog {
+  display: block;
+  animation-name: open;
+  animation-duration: var(--sbb-dialog-animation-duration);
+  animation-timing-function: ease;
+}
+:host([data-state][data-state=closing]) .sbb-dialog {
+  pointer-events: none;
+  animation-name: close;
+}
+@media (forced-colors: active) {
+  .sbb-dialog {
+    outline: var(--sbb-border-width-1x) solid CanvasText;
+  }
+}
+@media (min-width: calc(52.5rem)) {
+  .sbb-dialog {
+    border-radius: var(--sbb-dialog-border-radius);
+    overflow: hidden;
+    height: fit-content;
+  }
+}
+
+.sbb-dialog__wrapper {
+  display: flex;
+  flex-direction: column;
+  width: var(--sbb-dialog-width);
+  height: var(--sbb-dialog-height);
+  max-width: var(--sbb-dialog-max-width);
+  max-height: var(--sbb-dialog-max-height);
+  outline: none;
+  position: fixed;
+  word-break: break-word;
+}
+@media (min-width: calc(52.5rem)) {
+  .sbb-dialog__wrapper {
+    position: sticky;
+    inset-block-start: 0;
+    height: auto;
+  }
+}
+
+@keyframes open {
+  from {
+    opacity: 0;
+    transform: translateY(var(--sbb-spacing-fixed-4x));
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0%);
+  }
+}
+@keyframes close {
+  from {
+    opacity: 1;
+    transform: translateY(0%);
+  }
+  to {
+    opacity: 0;
+    transform: translateY(var(--sbb-spacing-fixed-4x));
+  }
+}`;
+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;
+};
+let nextId = 0;
+let SbbDialogElement = class extends SbbOverlayBaseElement {
+  constructor() {
+    super(...arguments);
+    this.backdropAction = "close";
+    this._dialogContentResizeObserver = new AgnosticResizeObserver(
+      () => setTimeout(() => this._onContentResize())
+    );
+    this._dialogTitleElement = null;
+    this._dialogContentElement = null;
+    this._dialogActionsElement = null;
+    this._isPointerDownEventOnDialog = false;
+    this._overflows = false;
+    this._lastScroll = 0;
+    this._dialogId = `sbb-dialog-${nextId++}`;
+    this.closeAttribute = "sbb-dialog-close";
+    this._pointerDownListener = (event) => {
+      if (this.backdropAction !== "close") {
+        return;
+      }
+      this._isPointerDownEventOnDialog = event.composedPath().filter((e) => e instanceof window.HTMLElement).some((target) => target.id === this._dialogId);
+    };
+    this._closeOnBackdropClick = (event) => {
+      if (this.backdropAction !== "close") {
+        return;
+      }
+      if (!this._isPointerDownEventOnDialog && !event.composedPath().filter((e) => e instanceof window.HTMLElement).some((target) => target.id === this._dialogId)) {
+        this.close();
+      }
+    };
+  }
+  /** Opens the component. */
+  open() {
+    var _a;
+    if (this.state !== "closed") {
+      return;
+    }
+    this.lastFocusedElement = document.activeElement;
+    this._dialogTitleElement = this.querySelector("sbb-dialog-title");
+    this._dialogContentElement = (_a = this.querySelector("sbb-dialog-content")) == null ? void 0 : _a.shadowRoot.firstElementChild;
+    this._dialogActionsElement = this.querySelector("sbb-dialog-actions");
+    this._syncNegative();
+    if (!this.willOpen.emit()) {
+      return;
+    }
+    this.state = "opening";
+    overlayRefs.push(this);
+    this._dialogContentResizeObserver.observe(this._dialogContentElement);
+    this.scrollHandler.disableScroll();
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.addEventListener("pointerdown", this._pointerDownListener, {
+      signal: this.overlayController.signal
+    });
+    this.addEventListener("pointerup", this._closeOnBackdropClick, {
+      signal: this.overlayController.signal
+    });
+  }
+  firstUpdated(changedProperties) {
+    this._dialogTitleElement = this.querySelector("sbb-dialog-title");
+    this._syncNegative();
+    super.firstUpdated(changedProperties);
+  }
+  willUpdate(changedProperties) {
+    super.willUpdate(changedProperties);
+    if (changedProperties.has("negative")) {
+      this._syncNegative();
+    }
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this._dialogContentResizeObserver.disconnect();
+  }
+  attachOpenOverlayEvents() {
+    var _a;
+    super.attachOpenOverlayEvents();
+    (_a = this._dialogContentElement) == null ? void 0 : _a.addEventListener("scroll", () => this._onContentScroll(), {
+      passive: true,
+      signal: this.openOverlayController.signal
+    });
+    window.addEventListener("resize", () => this._setHideHeaderDataAttribute(false), {
+      signal: this.openOverlayController.signal
+    });
+  }
+  // Wait for dialog transition to complete.
+  // In rare cases, it can be that the animationEnd event is triggered twice.
+  // To avoid entering a corrupt state, exit when state is not expected.
+  onOverlayAnimationEnd(event) {
+    var _a, _b, _c;
+    if (event.animationName === "open" && this.state === "opening") {
+      this.state = "opened";
+      this.didOpen.emit();
+      applyInertMechanism(this);
+      this.attachOpenOverlayEvents();
+      this.setOverlayFocus();
+      setTimeout(
+        () => {
+          var _a2;
+          return this.setAriaLiveRefContent(
+            this.accessibilityLabel || ((_a2 = this._dialogTitleElement) == null ? void 0 : _a2.innerText.trim())
+          );
+        }
+      );
+      this.focusHandler.trap(this);
+    } else if (event.animationName === "close" && this.state === "closing") {
+      this._setHideHeaderDataAttribute(false);
+      (_a = this._dialogContentElement) == null ? void 0 : _a.scrollTo(0, 0);
+      this.state = "closed";
+      removeInertMechanism();
+      setModalityOnNextFocus(this.lastFocusedElement);
+      (_b = this.lastFocusedElement) == null ? void 0 : _b.focus();
+      (_c = this.openOverlayController) == null ? void 0 : _c.abort();
+      this.focusHandler.disconnect();
+      this._dialogContentResizeObserver.disconnect();
+      this.removeInstanceFromGlobalCollection();
+      !overlayRefs.length && this.scrollHandler.enableScroll();
+      this.didClose.emit({
+        returnValue: this.returnValue,
+        closeTarget: this.overlayCloseElement
+      });
+    }
+  }
+  // Set focus on the first focusable element.
+  setOverlayFocus() {
+    const firstFocusable = getFirstFocusableElement(
+      Array.from(this.children).filter((e) => e instanceof window.HTMLElement)
+    );
+    setModalityOnNextFocus(firstFocusable);
+    firstFocusable == null ? void 0 : firstFocusable.focus();
+  }
+  _syncNegative() {
+    if (this._dialogTitleElement) {
+      this._dialogTitleElement.negative = this.negative;
+    }
+    if (this._dialogActionsElement) {
+      this._dialogActionsElement.toggleAttribute("data-negative", this.negative);
+    }
+  }
+  _onContentScroll() {
+    if (!this._dialogContentElement) {
+      return;
+    }
+    const hasVisibleHeader = this.dataset.hideHeader === void 0;
+    if (hasVisibleHeader && this._dialogContentElement.clientHeight + this._dialogTitleHeight >= this._dialogContentElement.scrollHeight) {
+      return;
+    }
+    const currentScroll = this._dialogContentElement.scrollTop;
+    if (Math.round(currentScroll + this._dialogContentElement.clientHeight) >= this._dialogContentElement.scrollHeight) {
+      return;
+    }
+    if (currentScroll > 0 && this._lastScroll < currentScroll) {
+      this._setHideHeaderDataAttribute(true);
+    } else {
+      this._setHideHeaderDataAttribute(false);
+    }
+    this._lastScroll = currentScroll <= 0 ? 0 : currentScroll;
+  }
+  _setDialogHeaderHeight() {
+    var _a;
+    this._dialogTitleHeight = (_a = this._dialogTitleElement) == null ? void 0 : _a.shadowRoot.firstElementChild.clientHeight;
+    this.style.setProperty("--sbb-dialog-header-height", `${this._dialogTitleHeight}px`);
+  }
+  _onContentResize() {
+    var _a, _b;
+    this._setDialogHeaderHeight();
+    this._overflows = this._dialogContentElement ? ((_a = this._dialogContentElement) == null ? void 0 : _a.scrollHeight) > ((_b = this._dialogContentElement) == null ? void 0 : _b.clientHeight) : false;
+    this._setOverflowsDataAttribute();
+  }
+  _setHideHeaderDataAttribute(value) {
+    var _a;
+    const hideOnScroll = ((_a = this._dialogTitleElement) == null ? void 0 : _a.hideOnScroll) ?? false;
+    const hideHeader = typeof hideOnScroll === "boolean" ? hideOnScroll : isBreakpoint("zero", hideOnScroll, { includeMaxBreakpoint: true });
+    this.toggleAttribute("data-hide-header", !hideHeader ? false : value);
+    this._dialogTitleElement && this._dialogTitleElement.toggleAttribute("data-hide-header", !hideHeader ? false : value);
+  }
+  _setOverflowsDataAttribute() {
+    var _a, _b;
+    this.toggleAttribute("data-overflows", this._overflows);
+    (_a = this._dialogTitleElement) == null ? void 0 : _a.toggleAttribute("data-overflows", this._overflows);
+    (_b = this._dialogActionsElement) == null ? void 0 : _b.toggleAttribute("data-overflows", this._overflows);
+  }
+  render() {
+    return html`
+      <div class="sbb-dialog__container">
+        <div
+          @animationend=${(event) => this.onOverlayAnimationEnd(event)}
+          class="sbb-dialog"
+          id=${this._dialogId}
+        >
+          <div
+            @click=${(event) => this.closeOnSbbOverlayCloseClick(event)}
+            class="sbb-dialog__wrapper"
+          >
+            <slot></slot>
+          </div>
+        </div>
+      </div>
+      <sbb-screen-reader-only aria-live="polite"></sbb-screen-reader-only>
+    `;
+  }
+};
+SbbDialogElement.styles = style;
+__decorateClass([
+  property({ attribute: "backdrop-action" })
+], SbbDialogElement.prototype, "backdropAction", 2);
+SbbDialogElement = __decorateClass([
+  customElement("sbb-dialog")
+], SbbDialogElement);
+export {
+  SbbDialogElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvZGlhbG9nL2RpYWxvZy9kaWFsb2cudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCwgUHJvcGVydHlWYWx1ZXMsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgaHRtbCB9IGZyb20gJ2xpdC9zdGF0aWMtaHRtbC5qcyc7XG5cbmltcG9ydCB7IGdldEZpcnN0Rm9jdXNhYmxlRWxlbWVudCwgc2V0TW9kYWxpdHlPbk5leHRGb2N1cyB9IGZyb20gJy4uLy4uL2NvcmUvYTExeS5qcyc7XG5pbXBvcnQgeyBpc0JyZWFrcG9pbnQgfSBmcm9tICcuLi8uLi9jb3JlL2RvbS5qcyc7XG5pbXBvcnQgeyBBZ25vc3RpY1Jlc2l6ZU9ic2VydmVyIH0gZnJvbSAnLi4vLi4vY29yZS9vYnNlcnZlcnMuanMnO1xuaW1wb3J0IHsgYXBwbHlJbmVydE1lY2hhbmlzbSwgcmVtb3ZlSW5lcnRNZWNoYW5pc20gfSBmcm9tICcuLi8uLi9jb3JlL292ZXJsYXkuanMnO1xuaW1wb3J0IHsgb3ZlcmxheVJlZnMsIFNiYk92ZXJsYXlCYXNlRWxlbWVudCB9IGZyb20gJy4uLy4uL292ZXJsYXkuanMnO1xuaW1wb3J0IHR5cGUgeyBTYmJEaWFsb2dBY3Rpb25zRWxlbWVudCB9IGZyb20gJy4uL2RpYWxvZy1hY3Rpb25zLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiRGlhbG9nVGl0bGVFbGVtZW50IH0gZnJvbSAnLi4vZGlhbG9nLXRpdGxlLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vZGlhbG9nLnNjc3M/bGl0JmlubGluZSc7XG5cbmltcG9ydCAnLi4vLi4vc2NyZWVuLXJlYWRlci1vbmx5LmpzJztcblxubGV0IG5leHRJZCA9IDA7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYW4gaW50ZXJhY3RpdmUgb3ZlcmxheSBlbGVtZW50LlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gcHJvdmlkZSBhIGBzYmItZGlhbG9nLXRpdGxlYCwgYHNiYi1kaWFsb2ctY29udGVudGAgYW5kIGFuIG9wdGlvbmFsIGBzYmItZGlhbG9nLWFjdGlvbnNgLlxuICogQGV2ZW50IHtDdXN0b21FdmVudDx2b2lkPn0gd2lsbE9wZW4gLSBFbWl0cyB3aGVuZXZlciB0aGUgYHNiYi1kaWFsb2dgIHN0YXJ0cyB0aGUgb3BlbmluZyB0cmFuc2l0aW9uLiBDYW4gYmUgY2FuY2VsZWQuXG4gKiBAZXZlbnQge0N1c3RvbUV2ZW50PHZvaWQ+fSBkaWRPcGVuIC0gRW1pdHMgd2hlbmV2ZXIgdGhlIGBzYmItZGlhbG9nYCBpcyBvcGVuZWQuXG4gKiBAZXZlbnQge0N1c3RvbUV2ZW50PHZvaWQ+fSB3aWxsQ2xvc2UgLSBFbWl0cyB3aGVuZXZlciB0aGUgYHNiYi1kaWFsb2dgIGJlZ2lucyB0aGUgY2xvc2luZyB0cmFuc2l0aW9uLiBDYW4gYmUgY2FuY2VsZWQuXG4gKiBAZXZlbnQge0N1c3RvbUV2ZW50PFNiYk92ZXJsYXlDbG9zZUV2ZW50RGV0YWlscz59IGRpZENsb3NlIC0gRW1pdHMgd2hlbmV2ZXIgdGhlIGBzYmItZGlhbG9nYCBpcyBjbG9zZWQuXG4gKiBAY3NzcHJvcCBbLS1zYmItZGlhbG9nLXotaW5kZXg9dmFyKC0tc2JiLW92ZXJsYXktZGVmYXVsdC16LWluZGV4KV0gLSBUbyBzcGVjaWZ5IGEgY3VzdG9tIHN0YWNrIG9yZGVyLFxuICogdGhlIGB6LWluZGV4YCBjYW4gYmUgb3ZlcnJpZGRlbiBieSBkZWZpbmluZyB0aGlzIENTUyB2YXJpYWJsZS4gVGhlIGRlZmF1bHQgYHotaW5kZXhgIG9mIHRoZVxuICogY29tcG9uZW50IGlzIHNldCB0byBgdmFyKC0tc2JiLW92ZXJsYXktZGVmYXVsdC16LWluZGV4KWAgd2l0aCBhIHZhbHVlIG9mIGAxMDAwYC5cbiAqL1xuQGN1c3RvbUVsZW1lbnQoJ3NiYi1kaWFsb2cnKVxuZXhwb3J0IGNsYXNzIFNiYkRpYWxvZ0VsZW1lbnQgZXh0ZW5kcyBTYmJPdmVybGF5QmFzZUVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICAvKiogQmFja2Ryb3AgY2xpY2sgYWN0aW9uLiAqL1xuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdiYWNrZHJvcC1hY3Rpb24nIH0pIHB1YmxpYyBiYWNrZHJvcEFjdGlvbjogJ2Nsb3NlJyB8ICdub25lJyA9ICdjbG9zZSc7XG5cbiAgLy8gV2UgdXNlIGEgdGltZW91dCBhcyBhIHdvcmthcm91bmQgdG8gdGhlIFwiUmVzaXplT2JzZXJ2ZXIgbG9vcCBjb21wbGV0ZWQgd2l0aCB1bmRlbGl2ZXJlZCBub3RpZmljYXRpb25zXCIgZXJyb3IuXG4gIC8vIEZvciBtb3JlIGRldGFpbHM6XG4gIC8vIC0gaHR0cHM6Ly9naXRodWIuY29tL1dJQ0cvcmVzaXplLW9ic2VydmVyL2lzc3Vlcy8zOCNpc3N1ZWNvbW1lbnQtNDIyMTI2MDA2XG4gIC8vIC0gaHR0cHM6Ly9naXRodWIuY29tL2p1Z2dsZS9yZXNpemUtb2JzZXJ2ZXIvaXNzdWVzLzEwMyNpc3N1ZWNvbW1lbnQtMTcxMTE0ODI4NVxuICBwcml2YXRlIF9kaWFsb2dDb250ZW50UmVzaXplT2JzZXJ2ZXIgPSBuZXcgQWdub3N0aWNSZXNpemVPYnNlcnZlcigoKSA9PlxuICAgIHNldFRpbWVvdXQoKCkgPT4gdGhpcy5fb25Db250ZW50UmVzaXplKCkpLFxuICApO1xuXG4gIHByaXZhdGUgX2RpYWxvZ1RpdGxlRWxlbWVudDogU2JiRGlhbG9nVGl0bGVFbGVtZW50IHwgbnVsbCA9IG51bGw7XG4gIHByaXZhdGUgX2RpYWxvZ1RpdGxlSGVpZ2h0PzogbnVtYmVyO1xuICBwcml2YXRlIF9kaWFsb2dDb250ZW50RWxlbWVudDogSFRNTEVsZW1lbnQgfCBudWxsID0gbnVsbDtcbiAgcHJpdmF0ZSBfZGlhbG9nQWN0aW9uc0VsZW1lbnQ6IFNiYkRpYWxvZ0FjdGlvbnNFbGVtZW50IHwgbnVsbCA9IG51bGw7XG4gIHByaXZhdGUgX2lzUG9pbnRlckRvd25FdmVudE9uRGlhbG9nOiBib29sZWFuID0gZmFsc2U7XG4gIHByaXZhdGUgX292ZXJmbG93czogYm9vbGVhbiA9IGZhbHNlO1xuICBwcml2YXRlIF9sYXN0U2Nyb2xsID0gMDtcbiAgcHJpdmF0ZSBfZGlhbG9nSWQgPSBgc2JiLWRpYWxvZy0ke25leHRJZCsrfWA7XG4gIHByb3RlY3RlZCBjbG9zZUF0dHJpYnV0ZTogc3RyaW5nID0gJ3NiYi1kaWFsb2ctY2xvc2UnO1xuXG4gIC8qKiBPcGVucyB0aGUgY29tcG9uZW50LiAqL1xuICBwdWJsaWMgb3BlbigpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5zdGF0ZSAhPT0gJ2Nsb3NlZCcpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5sYXN0Rm9jdXNlZEVsZW1lbnQgPSBkb2N1bWVudC5hY3RpdmVFbGVtZW50IGFzIEhUTUxFbGVtZW50O1xuXG4gICAgLy8gSW5pdGlhbGl6ZSBkaWFsb2cgZWxlbWVudHNcbiAgICB0aGlzLl9kaWFsb2dUaXRsZUVsZW1lbnQgPSB0aGlzLnF1ZXJ5U2VsZWN0b3IoJ3NiYi1kaWFsb2ctdGl0bGUnKTtcbiAgICB0aGlzLl9kaWFsb2dDb250ZW50RWxlbWVudCA9IHRoaXMucXVlcnlTZWxlY3Rvcignc2JiLWRpYWxvZy1jb250ZW50Jyk/LnNoYWRvd1Jvb3QhXG4gICAgICAuZmlyc3RFbGVtZW50Q2hpbGQgYXMgSFRNTEVsZW1lbnQ7XG4gICAgdGhpcy5fZGlhbG9nQWN0aW9uc0VsZW1lbnQgPSB0aGlzLnF1ZXJ5U2VsZWN0b3IoJ3NiYi1kaWFsb2ctYWN0aW9ucycpO1xuXG4gICAgdGhpcy5fc3luY05lZ2F0aXZlKCk7XG5cbiAgICBpZiAoIXRoaXMud2lsbE9wZW4uZW1pdCgpKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMuc3RhdGUgPSAnb3BlbmluZyc7XG5cbiAgICAvLyBBZGQgdGhpcyBkaWFsb2cgdG8gdGhlIGdsb2JhbCBjb2xsZWN0aW9uXG4gICAgb3ZlcmxheVJlZnMucHVzaCh0aGlzIGFzIFNiYkRpYWxvZ0VsZW1lbnQpO1xuICAgIHRoaXMuX2RpYWxvZ0NvbnRlbnRSZXNpemVPYnNlcnZlci5vYnNlcnZlKHRoaXMuX2RpYWxvZ0NvbnRlbnRFbGVtZW50KTtcblxuICAgIC8vIERpc2FibGUgc2Nyb2xsaW5nIGZvciBjb250ZW50IGJlbG93IHRoZSBkaWFsb2dcbiAgICB0aGlzLnNjcm9sbEhhbmRsZXIuZGlzYWJsZVNjcm9sbCgpO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG5cbiAgICAvLyBDbG9zZSBkaWFsb2cgb24gYmFja2Ryb3AgY2xpY2tcbiAgICB0aGlzLmFkZEV2ZW50TGlzdGVuZXIoJ3BvaW50ZXJkb3duJywgdGhpcy5fcG9pbnRlckRvd25MaXN0ZW5lciwge1xuICAgICAgc2lnbmFsOiB0aGlzLm92ZXJsYXlDb250cm9sbGVyLnNpZ25hbCxcbiAgICB9KTtcbiAgICB0aGlzLmFkZEV2ZW50TGlzdGVuZXIoJ3BvaW50ZXJ1cCcsIHRoaXMuX2Nsb3NlT25CYWNrZHJvcENsaWNrLCB7XG4gICAgICBzaWduYWw6IHRoaXMub3ZlcmxheUNvbnRyb2xsZXIuc2lnbmFsLFxuICAgIH0pO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIGZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiB2b2lkIHtcbiAgICAvLyBTeW5jaHJvbml6ZSB0aGUgbmVnYXRpdmUgc3RhdGUgYmVmb3JlIHRoZSBmaXJzdCBvcGVuaW5nIHRvIGF2b2lkIGEgcG9zc2libGUgY29sb3IgZmxhc2ggaWYgaXQgaXMgbmVnYXRpdmUuXG4gICAgdGhpcy5fZGlhbG9nVGl0bGVFbGVtZW50ID0gdGhpcy5xdWVyeVNlbGVjdG9yKCdzYmItZGlhbG9nLXRpdGxlJykhO1xuICAgIHRoaXMuX3N5bmNOZWdhdGl2ZSgpO1xuICAgIHN1cGVyLmZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllcyk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgd2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiB2b2lkIHtcbiAgICBzdXBlci53aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ25lZ2F0aXZlJykpIHtcbiAgICAgIHRoaXMuX3N5bmNOZWdhdGl2ZSgpO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBkaXNjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5kaXNjb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIHRoaXMuX2RpYWxvZ0NvbnRlbnRSZXNpemVPYnNlcnZlci5kaXNjb25uZWN0KCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgYXR0YWNoT3Blbk92ZXJsYXlFdmVudHMoKTogdm9pZCB7XG4gICAgc3VwZXIuYXR0YWNoT3Blbk92ZXJsYXlFdmVudHMoKTtcblxuICAgIC8vIElmIHRoZSBjb250ZW50IG92ZXJmbG93cywgc2hvdy9oaWRlIHRoZSBkaWFsb2cgaGVhZGVyIG9uIHNjcm9sbC5cbiAgICB0aGlzLl9kaWFsb2dDb250ZW50RWxlbWVudD8uYWRkRXZlbnRMaXN0ZW5lcignc2Nyb2xsJywgKCkgPT4gdGhpcy5fb25Db250ZW50U2Nyb2xsKCksIHtcbiAgICAgIHBhc3NpdmU6IHRydWUsXG4gICAgICBzaWduYWw6IHRoaXMub3Blbk92ZXJsYXlDb250cm9sbGVyLnNpZ25hbCxcbiAgICB9KTtcbiAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcigncmVzaXplJywgKCkgPT4gdGhpcy5fc2V0SGlkZUhlYWRlckRhdGFBdHRyaWJ1dGUoZmFsc2UpLCB7XG4gICAgICBzaWduYWw6IHRoaXMub3Blbk92ZXJsYXlDb250cm9sbGVyLnNpZ25hbCxcbiAgICB9KTtcbiAgfVxuXG4gIC8vIFdhaXQgZm9yIGRpYWxvZyB0cmFuc2l0aW9uIHRvIGNvbXBsZXRlLlxuICAvLyBJbiByYXJlIGNhc2VzLCBpdCBjYW4gYmUgdGhhdCB0aGUgYW5pbWF0aW9uRW5kIGV2ZW50IGlzIHRyaWdnZXJlZCB0d2ljZS5cbiAgLy8gVG8gYXZvaWQgZW50ZXJpbmcgYSBjb3JydXB0IHN0YXRlLCBleGl0IHdoZW4gc3RhdGUgaXMgbm90IGV4cGVjdGVkLlxuICBwcm90ZWN0ZWQgb25PdmVybGF5QW5pbWF0aW9uRW5kKGV2ZW50OiBBbmltYXRpb25FdmVudCk6IHZvaWQge1xuICAgIGlmIChldmVudC5hbmltYXRpb25OYW1lID09PSAnb3BlbicgJiYgdGhpcy5zdGF0ZSA9PT0gJ29wZW5pbmcnKSB7XG4gICAgICB0aGlzLnN0YXRlID0gJ29wZW5lZCc7XG4gICAgICB0aGlzLmRpZE9wZW4uZW1pdCgpO1xuICAgICAgYXBwbHlJbmVydE1lY2hhbmlzbSh0aGlzKTtcbiAgICAgIHRoaXMuYXR0YWNoT3Blbk92ZXJsYXlFdmVudHMoKTtcbiAgICAgIHRoaXMuc2V0T3ZlcmxheUZvY3VzKCk7XG4gICAgICAvLyBVc2UgdGltZW91dCB0byByZWFkIGxhYmVsIGFmdGVyIGZvY3VzZWQgZWxlbWVudFxuICAgICAgc2V0VGltZW91dCgoKSA9PlxuICAgICAgICB0aGlzLnNldEFyaWFMaXZlUmVmQ29udGVudChcbiAgICAgICAgICB0aGlzLmFjY2Vzc2liaWxpdHlMYWJlbCB8fCB0aGlzLl9kaWFsb2dUaXRsZUVsZW1lbnQ/LmlubmVyVGV4dC50cmltKCksXG4gICAgICAgICksXG4gICAgICApO1xuICAgICAgdGhpcy5mb2N1c0hhbmRsZXIudHJhcCh0aGlzKTtcbiAgICB9IGVsc2UgaWYgKGV2ZW50LmFuaW1hdGlvbk5hbWUgPT09ICdjbG9zZScgJiYgdGhpcy5zdGF0ZSA9PT0gJ2Nsb3NpbmcnKSB7XG4gICAgICB0aGlzLl9zZXRIaWRlSGVhZGVyRGF0YUF0dHJpYnV0ZShmYWxzZSk7XG4gICAgICB0aGlzLl9kaWFsb2dDb250ZW50RWxlbWVudD8uc2Nyb2xsVG8oMCwgMCk7XG4gICAgICB0aGlzLnN0YXRlID0gJ2Nsb3NlZCc7XG4gICAgICByZW1vdmVJbmVydE1lY2hhbmlzbSgpO1xuICAgICAgc2V0TW9kYWxpdHlPbk5leHRGb2N1cyh0aGlzLmxhc3RGb2N1c2VkRWxlbWVudCk7XG4gICAgICAvLyBNYW51YWxseSBmb2N1cyBsYXN0IGZvY3VzZWQgZWxlbWVudFxuICAgICAgdGhpcy5sYXN0Rm9jdXNlZEVsZW1lbnQ/LmZvY3VzKCk7XG4gICAgICB0aGlzLm9wZW5PdmVybGF5Q29udHJvbGxlcj8uYWJvcnQoKTtcbiAgICAgIHRoaXMuZm9jdXNIYW5kbGVyLmRpc2Nvbm5lY3QoKTtcbiAgICAgIHRoaXMuX2RpYWxvZ0NvbnRlbnRSZXNpemVPYnNlcnZlci5kaXNjb25uZWN0KCk7XG4gICAgICB0aGlzLnJlbW92ZUluc3RhbmNlRnJvbUdsb2JhbENvbGxlY3Rpb24oKTtcbiAgICAgIC8vIEVuYWJsZSBzY3JvbGxpbmcgZm9yIGNvbnRlbnQgYmVsb3cgdGhlIGRpYWxvZyBpZiBubyBkaWFsb2cgaXMgb3BlblxuICAgICAgIW92ZXJsYXlSZWZzLmxlbmd0aCAmJiB0aGlzLnNjcm9sbEhhbmRsZXIuZW5hYmxlU2Nyb2xsKCk7XG4gICAgICB0aGlzLmRpZENsb3NlLmVtaXQoe1xuICAgICAgICByZXR1cm5WYWx1ZTogdGhpcy5yZXR1cm5WYWx1ZSxcbiAgICAgICAgY2xvc2VUYXJnZXQ6IHRoaXMub3ZlcmxheUNsb3NlRWxlbWVudCxcbiAgICAgIH0pO1xuICAgIH1cbiAgfVxuXG4gIC8vIFNldCBmb2N1cyBvbiB0aGUgZmlyc3QgZm9jdXNhYmxlIGVsZW1lbnQuXG4gIHByb3RlY3RlZCBzZXRPdmVybGF5Rm9jdXMoKTogdm9pZCB7XG4gICAgY29uc3QgZmlyc3RGb2N1c2FibGUgPSBnZXRGaXJzdEZvY3VzYWJsZUVsZW1lbnQoXG4gICAgICBBcnJheS5mcm9tKHRoaXMuY2hpbGRyZW4pLmZpbHRlcigoZSk6IGUgaXMgSFRNTEVsZW1lbnQgPT4gZSBpbnN0YW5jZW9mIHdpbmRvdy5IVE1MRWxlbWVudCksXG4gICAgKTtcbiAgICBzZXRNb2RhbGl0eU9uTmV4dEZvY3VzKGZpcnN0Rm9jdXNhYmxlKTtcbiAgICBmaXJzdEZvY3VzYWJsZT8uZm9jdXMoKTtcbiAgfVxuXG4gIHByaXZhdGUgX3N5bmNOZWdhdGl2ZSgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5fZGlhbG9nVGl0bGVFbGVtZW50KSB7XG4gICAgICB0aGlzLl9kaWFsb2dUaXRsZUVsZW1lbnQubmVnYXRpdmUgPSB0aGlzLm5lZ2F0aXZlO1xuICAgIH1cblxuICAgIGlmICh0aGlzLl9kaWFsb2dBY3Rpb25zRWxlbWVudCkge1xuICAgICAgdGhpcy5fZGlhbG9nQWN0aW9uc0VsZW1lbnQudG9nZ2xlQXR0cmlidXRlKCdkYXRhLW5lZ2F0aXZlJywgdGhpcy5uZWdhdGl2ZSk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfb25Db250ZW50U2Nyb2xsKCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5fZGlhbG9nQ29udGVudEVsZW1lbnQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb25zdCBoYXNWaXNpYmxlSGVhZGVyID0gdGhpcy5kYXRhc2V0LmhpZGVIZWFkZXIgPT09IHVuZGVmaW5lZDtcblxuICAgIC8vIENoZWNrIHdoZXRoZXIgaGlkaW5nIHRoZSBoZWFkZXIgd291bGQgbWFrZSB0aGUgc2Nyb2xsYmFyIGRpc2FwcGVhclxuICAgIC8vIGFuZCBwcmV2ZW50IHRoZSBoaWRpbmcgYW5pbWF0aW9uIGlmIHNvLlxuICAgIGlmIChcbiAgICAgIGhhc1Zpc2libGVIZWFkZXIgJiZcbiAgICAgIHRoaXMuX2RpYWxvZ0NvbnRlbnRFbGVtZW50LmNsaWVudEhlaWdodCArIHRoaXMuX2RpYWxvZ1RpdGxlSGVpZ2h0ISA+PVxuICAgICAgICB0aGlzLl9kaWFsb2dDb250ZW50RWxlbWVudC5zY3JvbGxIZWlnaHRcbiAgICApIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb25zdCBjdXJyZW50U2Nyb2xsID0gdGhpcy5fZGlhbG9nQ29udGVudEVsZW1lbnQuc2Nyb2xsVG9wO1xuICAgIGlmIChcbiAgICAgIE1hdGgucm91bmQoY3VycmVudFNjcm9sbCArIHRoaXMuX2RpYWxvZ0NvbnRlbnRFbGVtZW50LmNsaWVudEhlaWdodCkgPj1cbiAgICAgIHRoaXMuX2RpYWxvZ0NvbnRlbnRFbGVtZW50LnNjcm9sbEhlaWdodFxuICAgICkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICAvLyBDaGVjayB3aGV0aGVyIGlzIHNjcm9sbGluZyBkb3duIG9yIHVwLlxuICAgIGlmIChjdXJyZW50U2Nyb2xsID4gMCAmJiB0aGlzLl9sYXN0U2Nyb2xsIDwgY3VycmVudFNjcm9sbCkge1xuICAgICAgLy8gU2Nyb2xsaW5nIGRvd25cbiAgICAgIHRoaXMuX3NldEhpZGVIZWFkZXJEYXRhQXR0cmlidXRlKHRydWUpO1xuICAgIH0gZWxzZSB7XG4gICAgICAvLyBTY3JvbGxpbmcgdXBcbiAgICAgIHRoaXMuX3NldEhpZGVIZWFkZXJEYXRhQXR0cmlidXRlKGZhbHNlKTtcbiAgICB9XG4gICAgLy8gYGN1cnJlbnRTY3JvbGxgIGNhbiBiZSBuZWdhdGl2ZSwgZS5nLiBvbiBtb2JpbGU7IHRoaXMgaXMgbm90IGFsbG93ZWQuXG4gICAgdGhpcy5fbGFzdFNjcm9sbCA9IGN1cnJlbnRTY3JvbGwgPD0gMCA/IDAgOiBjdXJyZW50U2Nyb2xsO1xuICB9XG5cbiAgLy8gQ2hlY2sgaWYgdGhlIHBvaW50ZXJkb3duIGV2ZW50IHRhcmdldCBpcyB0cmlnZ2VyZWQgb24gdGhlIGRpYWxvZy5cbiAgcHJpdmF0ZSBfcG9pbnRlckRvd25MaXN0ZW5lciA9IChldmVudDogUG9pbnRlckV2ZW50KTogdm9pZCA9PiB7XG4gICAgaWYgKHRoaXMuYmFja2Ryb3BBY3Rpb24gIT09ICdjbG9zZScpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aGlzLl9pc1BvaW50ZXJEb3duRXZlbnRPbkRpYWxvZyA9IGV2ZW50XG4gICAgICAuY29tcG9zZWRQYXRoKClcbiAgICAgIC5maWx0ZXIoKGUpOiBlIGlzIEhUTUxFbGVtZW50ID0+IGUgaW5zdGFuY2VvZiB3aW5kb3cuSFRNTEVsZW1lbnQpXG4gICAgICAuc29tZSgodGFyZ2V0KSA9PiB0YXJnZXQuaWQgPT09IHRoaXMuX2RpYWxvZ0lkKTtcbiAgfTtcblxuICAvLyBDbG9zZSBkaWFsb2cgb24gYmFja2Ryb3AgY2xpY2suXG4gIHByaXZhdGUgX2Nsb3NlT25CYWNrZHJvcENsaWNrID0gKGV2ZW50OiBQb2ludGVyRXZlbnQpOiB2b2lkID0+IHtcbiAgICBpZiAodGhpcy5iYWNrZHJvcEFjdGlvbiAhPT0gJ2Nsb3NlJykge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGlmIChcbiAgICAgICF0aGlzLl9pc1BvaW50ZXJEb3duRXZlbnRPbkRpYWxvZyAmJlxuICAgICAgIWV2ZW50XG4gICAgICAgIC5jb21wb3NlZFBhdGgoKVxuICAgICAgICAuZmlsdGVyKChlKTogZSBpcyBIVE1MRWxlbWVudCA9PiBlIGluc3RhbmNlb2Ygd2luZG93LkhUTUxFbGVtZW50KVxuICAgICAgICAuc29tZSgodGFyZ2V0KSA9PiB0YXJnZXQuaWQgPT09IHRoaXMuX2RpYWxvZ0lkKVxuICAgICkge1xuICAgICAgdGhpcy5jbG9zZSgpO1xuICAgIH1cbiAgfTtcblxuICBwcml2YXRlIF9zZXREaWFsb2dIZWFkZXJIZWlnaHQoKTogdm9pZCB7XG4gICAgdGhpcy5fZGlhbG9nVGl0bGVIZWlnaHQgPSB0aGlzLl9kaWFsb2dUaXRsZUVsZW1lbnQ/LnNoYWRvd1Jvb3QhLmZpcnN0RWxlbWVudENoaWxkIS5jbGllbnRIZWlnaHQ7XG4gICAgdGhpcy5zdHlsZS5zZXRQcm9wZXJ0eSgnLS1zYmItZGlhbG9nLWhlYWRlci1oZWlnaHQnLCBgJHt0aGlzLl9kaWFsb2dUaXRsZUhlaWdodH1weGApO1xuICB9XG5cbiAgcHJpdmF0ZSBfb25Db250ZW50UmVzaXplKCk6IHZvaWQge1xuICAgIHRoaXMuX3NldERpYWxvZ0hlYWRlckhlaWdodCgpO1xuICAgIC8vIENoZWNrIHdoZXRoZXIgdGhlIGNvbnRlbnQgb3ZlcmZsb3dzIGFuZCBzZXQgdGhlIGBvdmVyZmxvd3NgIGF0dHJpYnV0ZS5cbiAgICB0aGlzLl9vdmVyZmxvd3MgPSB0aGlzLl9kaWFsb2dDb250ZW50RWxlbWVudFxuICAgICAgPyB0aGlzLl9kaWFsb2dDb250ZW50RWxlbWVudD8uc2Nyb2xsSGVpZ2h0ID4gdGhpcy5fZGlhbG9nQ29udGVudEVsZW1lbnQ/LmNsaWVudEhlaWdodFxuICAgICAgOiBmYWxzZTtcbiAgICB0aGlzLl9zZXRPdmVyZmxvd3NEYXRhQXR0cmlidXRlKCk7XG4gIH1cblxuICBwcml2YXRlIF9zZXRIaWRlSGVhZGVyRGF0YUF0dHJpYnV0ZSh2YWx1ZTogYm9vbGVhbik6IHZvaWQge1xuICAgIGNvbnN0IGhpZGVPblNjcm9sbCA9IHRoaXMuX2RpYWxvZ1RpdGxlRWxlbWVudD8uaGlkZU9uU2Nyb2xsID8/IGZhbHNlO1xuICAgIGNvbnN0IGhpZGVIZWFkZXIgPVxuICAgICAgdHlwZW9mIGhpZGVPblNjcm9sbCA9PT0gJ2Jvb2xlYW4nXG4gICAgICAgID8gaGlkZU9uU2Nyb2xsXG4gICAgICAgIDogaXNCcmVha3BvaW50KCd6ZXJvJywgaGlkZU9uU2Nyb2xsLCB7IGluY2x1ZGVNYXhCcmVha3BvaW50OiB0cnVlIH0pO1xuICAgIHRoaXMudG9nZ2xlQXR0cmlidXRlKCdkYXRhLWhpZGUtaGVhZGVyJywgIWhpZGVIZWFkZXIgPyBmYWxzZSA6IHZhbHVlKTtcbiAgICB0aGlzLl9kaWFsb2dUaXRsZUVsZW1lbnQgJiZcbiAgICAgIHRoaXMuX2RpYWxvZ1RpdGxlRWxlbWVudC50b2dnbGVBdHRyaWJ1dGUoJ2RhdGEtaGlkZS1oZWFkZXInLCAhaGlkZUhlYWRlciA/IGZhbHNlIDogdmFsdWUpO1xuICB9XG5cbiAgcHJpdmF0ZSBfc2V0T3ZlcmZsb3dzRGF0YUF0dHJpYnV0ZSgpOiB2b2lkIHtcbiAgICB0aGlzLnRvZ2dsZUF0dHJpYnV0ZSgnZGF0YS1vdmVyZmxvd3MnLCB0aGlzLl9vdmVyZmxvd3MpO1xuICAgIHRoaXMuX2RpYWxvZ1RpdGxlRWxlbWVudD8udG9nZ2xlQXR0cmlidXRlKCdkYXRhLW92ZXJmbG93cycsIHRoaXMuX292ZXJmbG93cyk7XG4gICAgdGhpcy5fZGlhbG9nQWN0aW9uc0VsZW1lbnQ/LnRvZ2dsZUF0dHJpYnV0ZSgnZGF0YS1vdmVyZmxvd3MnLCB0aGlzLl9vdmVyZmxvd3MpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2IGNsYXNzPVwic2JiLWRpYWxvZ19fY29udGFpbmVyXCI+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBAYW5pbWF0aW9uZW5kPSR7KGV2ZW50OiBBbmltYXRpb25FdmVudCkgPT4gdGhpcy5vbk92ZXJsYXlBbmltYXRpb25FbmQoZXZlbnQpfVxuICAgICAgICAgIGNsYXNzPVwic2JiLWRpYWxvZ1wiXG4gICAgICAgICAgaWQ9JHt0aGlzLl9kaWFsb2dJZH1cbiAgICAgICAgPlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIEBjbGljaz0keyhldmVudDogRXZlbnQpID0+IHRoaXMuY2xvc2VPblNiYk92ZXJsYXlDbG9zZUNsaWNrKGV2ZW50KX1cbiAgICAgICAgICAgIGNsYXNzPVwic2JiLWRpYWxvZ19fd3JhcHBlclwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAgPHNiYi1zY3JlZW4tcmVhZGVyLW9ubHkgYXJpYS1saXZlPVwicG9saXRlXCI+PC9zYmItc2NyZWVuLXJlYWRlci1vbmx5PlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1kaWFsb2cnOiBTYmJEaWFsb2dFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOlsiX2EiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBZ0JBLElBQUksU0FBUztBQWVBLElBQUEsbUJBQU4sY0FBK0Isc0JBQXNCO0FBQUEsRUFBckQsY0FBQTtBQUFBLFVBQUEsR0FBQSxTQUFBO0FBSXVDLFNBQU8saUJBQW1DO0FBTXRGLFNBQVEsK0JBQStCLElBQUk7QUFBQSxNQUF1QixNQUNoRSxXQUFXLE1BQU0sS0FBSyxrQkFBa0I7QUFBQSxJQUFBO0FBRzFDLFNBQVEsc0JBQW9EO0FBRTVELFNBQVEsd0JBQTRDO0FBQ3BELFNBQVEsd0JBQXdEO0FBQ2hFLFNBQVEsOEJBQXVDO0FBQy9DLFNBQVEsYUFBc0I7QUFDOUIsU0FBUSxjQUFjO0FBQ2QsU0FBQSxZQUFZLGNBQWMsUUFBUTtBQUMxQyxTQUFVLGlCQUF5QjtBQXlLM0IsU0FBQSx1QkFBdUIsQ0FBQyxVQUE4QjtBQUN4RCxVQUFBLEtBQUssbUJBQW1CLFNBQVM7QUFDbkM7QUFBQSxNQUNGO0FBRUEsV0FBSyw4QkFBOEIsTUFDaEMsYUFDQSxFQUFBLE9BQU8s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

package/development/dialog.d.ts

@@ -0,0 +1,5 @@
+export * from './dialog/dialog-actions.js';
+export * from './dialog/dialog-content.js';
+export * from './dialog/dialog-title.js';
+export * from './dialog/dialog.js';
+//# sourceMappingURL=dialog.d.ts.map

package/development/dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/elements/dialog.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC"}

package/development/dialog.js

@@ -0,0 +1,5 @@
+export * from "./dialog/dialog-actions.js";
+export * from "./dialog/dialog-content.js";
+export * from "./dialog/dialog-title.js";
+export * from "./dialog/dialog.js";
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLmpzIiwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OzsifQ==

package/development/divider/divider.d.ts

@@ -0,0 +1,21 @@
+import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
+import { SbbOrientation } from '../core/interfaces.js';
+
+declare const SbbDividerElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbNegativeMixinType> & typeof LitElement;
+/**
+ * It displays a divider between sections.
+ */
+export declare class SbbDividerElement extends SbbDividerElement_base {
+    static styles: CSSResultGroup;
+    /** Orientation property with possible values 'horizontal' | 'vertical'. Defaults to horizontal. */
+    orientation: SbbOrientation;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-divider': SbbDividerElement;
+    }
+}
+export {};
+//# sourceMappingURL=divider.d.ts.map

package/development/divider/divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../../src/elements/divider/divider.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAIvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;;AAK5D;;GAEG;AACH,qBAIa,iBAAkB,SAAQ,sBAA4B;IACjE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,mGAAmG;IAC/D,WAAW,EAAE,cAAc,CAAgB;cAE5D,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAQzD,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,aAAa,EAAE,iBAAiB,CAAC;KAClC;CACF"}

package/development/divider.d.ts

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

package/development/divider.d.ts.map

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

package/development/divider.js

@@ -0,0 +1,85 @@
+import { css, LitElement, html } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { hostAttributes } from "./core/decorators.js";
+import { SbbNegativeMixin } from "./core/mixins.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-divider-color: var(--sbb-color-cloud);
+  --sbb-divider-border-width: var(--sbb-border-width-1x);
+  display: block;
+}
+
+:host([orientation=vertical]) {
+  height: 100%;
+}
+
+:host([negative]) {
+  --sbb-divider-color: var(--sbb-color-iron);
+}
+
+:host([orientation=horizontal]) .sbb-divider {
+  border-top: var(--sbb-divider-border-width) solid var(--sbb-divider-color);
+}
+:host([orientation=vertical]) .sbb-divider {
+  height: 100%;
+  border-left: var(--sbb-divider-border-width) solid var(--sbb-divider-color);
+}`;
+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;
+};
+let SbbDividerElement = class extends SbbNegativeMixin(LitElement) {
+  constructor() {
+    super(...arguments);
+    this.orientation = "horizontal";
+  }
+  willUpdate(changedProperties) {
+    super.willUpdate(changedProperties);
+    if (changedProperties.has("orientation")) {
+      this.setAttribute("aria-orientation", this.orientation);
+    }
+  }
+  render() {
+    return html` <div class="sbb-divider"></div> `;
+  }
+};
+SbbDividerElement.styles = style;
+__decorateClass([
+  property({ reflect: true })
+], SbbDividerElement.prototype, "orientation", 2);
+SbbDividerElement = __decorateClass([
+  customElement("sbb-divider"),
+  hostAttributes({
+    role: "separator"
+  })
+], SbbDividerElement);
+export {
+  SbbDividerElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGl2aWRlci5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2RpdmlkZXIvZGl2aWRlci50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBQcm9wZXJ0eVZhbHVlcywgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCwgTGl0RWxlbWVudCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgaG9zdEF0dHJpYnV0ZXMgfSBmcm9tICcuLi9jb3JlL2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHR5cGUgeyBTYmJPcmllbnRhdGlvbiB9IGZyb20gJy4uL2NvcmUvaW50ZXJmYWNlcy5qcyc7XG5pbXBvcnQgeyBTYmJOZWdhdGl2ZU1peGluIH0gZnJvbSAnLi4vY29yZS9taXhpbnMuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9kaXZpZGVyLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYSBkaXZpZGVyIGJldHdlZW4gc2VjdGlvbnMuXG4gKi9cbkBjdXN0b21FbGVtZW50KCdzYmItZGl2aWRlcicpXG5AaG9zdEF0dHJpYnV0ZXMoe1xuICByb2xlOiAnc2VwYXJhdG9yJyxcbn0pXG5leHBvcnQgY2xhc3MgU2JiRGl2aWRlckVsZW1lbnQgZXh0ZW5kcyBTYmJOZWdhdGl2ZU1peGluKExpdEVsZW1lbnQpIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG5cbiAgLyoqIE9yaWVudGF0aW9uIHByb3BlcnR5IHdpdGggcG9zc2libGUgdmFsdWVzICdob3Jpem9udGFsJyB8ICd2ZXJ0aWNhbCcuIERlZmF1bHRzIHRvIGhvcml6b250YWwuICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIG9yaWVudGF0aW9uOiBTYmJPcmllbnRhdGlvbiA9ICdob3Jpem9udGFsJztcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgd2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiB2b2lkIHtcbiAgICBzdXBlci53aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ29yaWVudGF0aW9uJykpIHtcbiAgICAgIHRoaXMuc2V0QXR0cmlidXRlKCdhcmlhLW9yaWVudGF0aW9uJywgdGhpcy5vcmllbnRhdGlvbik7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgIDxkaXYgY2xhc3M9XCJzYmItZGl2aWRlclwiPjwvZGl2PiBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItZGl2aWRlcic6IFNiYkRpdmlkZXJFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFpQk8sSUFBTSxvQkFBTixjQUFnQyxpQkFBaUIsVUFBVSxFQUFFO0FBQUEsRUFBN0QsY0FBQTtBQUFBLFVBQUEsR0FBQSxTQUFBO0FBSXdCLFNBQU8sY0FBOEI7QUFBQSxFQUFBO0FBQUEsRUFFL0MsV0FBVyxtQkFBK0M7QUFDM0UsVUFBTSxXQUFXLGlCQUFpQjtBQUU5QixRQUFBLGtCQUFrQixJQUFJLGFBQWEsR0FBRztBQUNuQyxXQUFBLGFBQWEsb0JBQW9CLEtBQUssV0FBVztBQUFBLElBQ3hEO0FBQUEsRUFDRjtBQUFBLEVBRW1CLFNBQXlCO0FBQ25DLFdBQUE7QUFBQSxFQUNUO0FBQ0Y7QUFqQmEsa0JBQ1ksU0FBeUI7QUFHWixnQkFBQTtBQUFBLEVBQW5DLFNBQVMsRUFBRSxTQUFTLE1BQU07QUFBQSxHQUpoQixrQkFJeUIsV0FBQSxlQUFBLENBQUE7QUFKekIsb0JBQU4sZ0JBQUE7QUFBQSxFQUpOLGNBQWMsYUFBYTtBQUFBLEVBQzNCLGVBQWU7QUFBQSxJQUNkLE1BQU07QUFBQSxFQUFBLENBQ1A7QUFBQSxHQUNZLGlCQUFBOyJ9