@sbb-esta/lyne-elements 2.8.0 → 2.10.0

package/development/notification/notification.component.js

@@ -0,0 +1,527 @@
+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 { ResizeController } from "@lit-labs/observers/resize-controller.js";
+import { css, LitElement, nothing, html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { SbbLanguageController } from "../core/controllers.js";
+import { slotState, forceType, omitEmptyConverter } from "../core/decorators.js";
+import { isLean, isZeroAnimationDuration } from "../core/dom.js";
+import { EventEmitter } from "../core/eventing.js";
+import { i18nCloseNotification } from "../core/i18n.js";
+import "../button/secondary-button.js";
+import "../divider.js";
+import "../icon.js";
+import "../title.js";
+const style = css`*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  --sbb-notification-margin: 0;
+  --sbb-notification-padding-block: var(--sbb-spacing-responsive-xxs);
+  --sbb-notification-padding-inline: var(--sbb-spacing-responsive-xs);
+  --sbb-notification-color: var(--sbb-color-charcoal);
+  --sbb-notification-icon-color: var(--sbb-notification-type-color);
+  --sbb-notification-icon-margin-block-start: 0;
+  --sbb-notification-border-width: var(--sbb-border-width-1x);
+  --sbb-notification-border: var(--sbb-notification-border-width) solid
+    var(--sbb-notification-type-color);
+  --sbb-notification-base-radius: var(--sbb-border-radius-4x);
+  --sbb-notification-border-radius: calc(var(--sbb-notification-base-radius) / 2)
+    var(--sbb-notification-base-radius) var(--sbb-notification-base-radius)
+    calc(var(--sbb-notification-base-radius) / 2);
+  --sbb-notification-animation-duration: var(
+    --sbb-disable-animation-duration,
+    var(--sbb-animation-duration-4x)
+  );
+  --sbb-notification-timing-function: ease-in;
+  --sbb-notification-content-padding-inline: var(--sbb-spacing-responsive-xxxs)
+    var(--sbb-spacing-responsive-xs);
+  --sbb-focus-outline-color: var(--sbb-focus-outline-color-default);
+  display: block;
+}
+
+:host([data-state=opening]:not([animation=open], [animation=all])) {
+  --sbb-disable-animation-duration: 0s;
+}
+
+:host([data-state=closing]:not([animation=close], [animation=all])) {
+  --sbb-disable-animation-duration: 0s;
+}
+
+:host([data-resize-disable-animation]) {
+  --sbb-disable-animation-duration: 0s;
+}
+
+:host([type=info]) {
+  --sbb-notification-type-color: var(--sbb-color-smoke);
+  --sbb-notification-type-color-sass: rgb(249.3, 249.3, 249.3);
+  --sbb-notification-icon-color: var(--sbb-notification-color);
+}
+
+:host([type=success]) {
+  --sbb-notification-type-color: var(--sbb-color-green);
+  --sbb-notification-type-color-sass: rgb(242.25, 249.15, 244.95);
+}
+
+:host([type=warn]) {
+  --sbb-notification-type-color: var(--sbb-color-peach);
+  --sbb-notification-type-color-sass: rgb(254.85, 251.6, 242.25);
+  --sbb-notification-icon-color: var(--sbb-notification-color);
+}
+
+:host([type=error]) {
+  --sbb-notification-type-color: var(--sbb-color-red);
+  --sbb-notification-type-color-sass: rgb(254, 242.25, 242.25);
+}
+
+:host([size=s]) {
+  --sbb-notification-padding-block: var(--sbb-spacing-responsive-xxxs);
+  --sbb-notification-padding-inline: var(--sbb-spacing-responsive-xxs)
+    var(--sbb-spacing-responsive-xxxs);
+  --sbb-notification-content-padding-inline: var(--sbb-spacing-responsive-xxxs)
+    var(--sbb-spacing-responsive-xxs);
+}
+
+@media (min-width: calc(37.5rem)) {
+  :host {
+    --sbb-notification-icon-margin-block-start: calc(
+      ((1em * var(--sbb-typo-line-height-body-text)) - var(--sbb-size-icon-ui-small)) / 2
+    );
+  }
+  :host(:where([data-slot-names~=title], [title-content])) {
+    --sbb-notification-icon-margin-block-start: calc(
+      (
+          (var(--sbb-font-size-title-5) * var(--sbb-typo-line-height-body-text)) - var(
+              --sbb-size-icon-ui-small
+            )
+        ) /
+        2
+    );
+  }
+  :host([size=s]) {
+    --sbb-notification-padding-inline: var(--sbb-spacing-responsive-xxs);
+    --sbb-notification-icon-margin-block-start: 0;
+  }
+}
+.sbb-notification__wrapper {
+  position: relative;
+  inset-inline-start: calc(var(--sbb-notification-base-radius) - var(--sbb-notification-border-width));
+  width: calc(100% - (var(--sbb-notification-base-radius) - var(--sbb-notification-border-width)));
+  border: var(--sbb-notification-border);
+  border-radius: var(--sbb-notification-border-radius);
+  opacity: 0;
+  max-height: 0;
+  margin: 0;
+}
+.sbb-notification__wrapper::before {
+  content: "";
+  position: absolute;
+  inset: calc(var(--sbb-notification-border-width) * -1) var(--sbb-notification-base-radius) calc(var(--sbb-notification-border-width) * -1) calc(var(--sbb-notification-base-radius) * -1);
+  background-color: var(--sbb-notification-type-color);
+  border: var(--sbb-notification-border);
+  border-radius: var(--sbb-notification-base-radius);
+}
+:host(:is([data-state=opened], [data-state=closing])) .sbb-notification__wrapper {
+  opacity: 1;
+  max-height: calc(var(--sbb-notification-height) + var(--sbb-notification-border-width) * 2);
+  margin: var(--sbb-notification-margin, 0);
+}
+:host([data-state=opening]) .sbb-notification__wrapper {
+  animation-name: open;
+  animation-fill-mode: forwards;
+  animation-duration: var(--sbb-notification-animation-duration);
+  animation-timing-function: var(--sbb-notification-timing-function);
+}
+:host([data-state=closing]) .sbb-notification__wrapper {
+  animation-name: close, close-height;
+  animation-fill-mode: forwards;
+  animation-duration: var(--sbb-notification-animation-duration);
+  animation-timing-function: var(--sbb-notification-timing-function);
+  animation-delay: 0s, var(--sbb-disable-animation-duration, var(--sbb-animation-duration-2x));
+}
+
+.sbb-notification {
+  --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);
+  position: relative;
+  display: grid;
+  grid-template-columns: 1fr auto;
+  align-items: center;
+  padding-block: var(--sbb-notification-padding-block);
+  padding-inline: var(--sbb-notification-padding-inline);
+  color: var(--sbb-notification-color);
+  border-radius: var(--sbb-notification-border-radius);
+  overflow: hidden;
+  background-color: var(--sbb-notification-type-color-sass);
+}
+@supports (background-color: color-mix(in srgb, transparent 5%, white)) {
+  .sbb-notification {
+    background-color: color-mix(in srgb, var(--sbb-notification-type-color) 5%, white);
+  }
+}
+@media (min-width: calc(37.5rem)) {
+  .sbb-notification {
+    grid-template-columns: auto 1fr auto;
+    align-items: flex-start;
+  }
+}
+:host([size=s]) .sbb-notification {
+  --sbb-text-font-size: var(--sbb-font-size-text-xs);
+  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);
+}
+
+.sbb-notification__icon {
+  color: var(--sbb-notification-icon-color);
+  margin-block-start: var(--sbb-notification-icon-margin-block-start);
+  --sbb-icon-svg-width: var(--sbb-notification-icon-size);
+}
+
+.sbb-notification__title {
+  margin: 0;
+}
+:host(:not([data-slot-names~=title], [title-content])) .sbb-notification__title {
+  display: none;
+}
+
+.sbb-notification__content {
+  order: 3;
+  grid-area: 2/1/3/3;
+  margin-block-start: var(--sbb-spacing-fixed-2x);
+}
+@media (min-width: calc(37.5rem)) {
+  .sbb-notification__content {
+    order: initial;
+    grid-area: initial;
+    margin-block-start: 0;
+    padding-inline: var(--sbb-notification-content-padding-inline);
+  }
+}
+
+.sbb-notification__close-wrapper {
+  display: flex;
+  align-items: center;
+  gap: var(--sbb-spacing-responsive-xxs);
+  height: 100%;
+}
+
+.sbb-notification__divider {
+  --sbb-divider-color: var(--sbb-notification-type-color);
+  display: none;
+  position: relative;
+  inset-inline-start: var(--sbb-border-width-1x);
+  opacity: 0.2;
+}
+@media (min-width: calc(37.5rem)) {
+  .sbb-notification__divider {
+    display: block;
+    height: calc(100% - var(--sbb-spacing-fixed-1x) * 2);
+  }
+}
+
+@keyframes open {
+  from {
+    opacity: 0;
+    max-height: 0;
+    margin: 0;
+  }
+  to {
+    opacity: 1;
+    max-height: calc(var(--sbb-notification-height) + var(--sbb-notification-border-width) * 2);
+    margin: var(--sbb-notification-margin, 0);
+  }
+}
+@keyframes close {
+  from {
+    opacity: 1;
+    margin: var(--sbb-notification-margin, 0);
+  }
+  to {
+    opacity: 0;
+    margin: 0;
+  }
+}
+@keyframes close-height {
+  from {
+    max-height: calc(var(--sbb-notification-height) + var(--sbb-notification-border-width) * 2);
+  }
+  to {
+    max-height: 0;
+  }
+}`;
+const notificationTypes = /* @__PURE__ */ new Map([
+  ["info", "circle-information-small"],
+  ["success", "circle-tick-small"],
+  ["warn", "circle-exclamation-point-small"],
+  ["error", "circle-cross-small"]
+]);
+const DEBOUNCE_TIME = 150;
+let SbbNotificationElement = (() => {
+  var _type_accessor_storage, _titleContent_accessor_storage, _titleLevel_accessor_storage, _readonly_accessor_storage, _size_accessor_storage, _animation_accessor_storage, _a;
+  let _classDecorators = [customElement("sbb-notification"), slotState()];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = LitElement;
+  let _type_decorators;
+  let _type_initializers = [];
+  let _type_extraInitializers = [];
+  let _titleContent_decorators;
+  let _titleContent_initializers = [];
+  let _titleContent_extraInitializers = [];
+  let _titleLevel_decorators;
+  let _titleLevel_initializers = [];
+  let _titleLevel_extraInitializers = [];
+  let _readonly_decorators;
+  let _readonly_initializers = [];
+  let _readonly_extraInitializers = [];
+  let _size_decorators;
+  let _size_initializers = [];
+  let _size_extraInitializers = [];
+  let _animation_decorators;
+  let _animation_initializers = [];
+  let _animation_extraInitializers = [];
+  var SbbNotificationElement2 = (_a = class extends _classSuper {
+    constructor() {
+      super(...arguments);
+      __privateAdd(this, _type_accessor_storage);
+      __privateAdd(this, _titleContent_accessor_storage);
+      __privateAdd(this, _titleLevel_accessor_storage);
+      __privateAdd(this, _readonly_accessor_storage);
+      __privateAdd(this, _size_accessor_storage);
+      __privateAdd(this, _animation_accessor_storage);
+      __privateSet(this, _type_accessor_storage, __runInitializers(this, _type_initializers, "info"));
+      __privateSet(this, _titleContent_accessor_storage, (__runInitializers(this, _type_extraInitializers), __runInitializers(this, _titleContent_initializers, "")));
+      __privateSet(this, _titleLevel_accessor_storage, (__runInitializers(this, _titleContent_extraInitializers), __runInitializers(this, _titleLevel_initializers, "3")));
+      __privateSet(this, _readonly_accessor_storage, (__runInitializers(this, _titleLevel_extraInitializers), __runInitializers(this, _readonly_initializers, false)));
+      __privateSet(this, _size_accessor_storage, (__runInitializers(this, _readonly_extraInitializers), __runInitializers(this, _size_initializers, isLean() ? "s" : "m")));
+      __privateSet(this, _animation_accessor_storage, (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _animation_initializers, "all")));
+      this._notificationElement = __runInitializers(this, _animation_extraInitializers);
+      this._resizeObserverTimeout = null;
+      this._language = new SbbLanguageController(this);
+      this._notificationResizeObserver = new ResizeController(this, {
+        target: null,
+        skipInitial: true,
+        callback: () => this._onNotificationResize()
+      });
+      this._willOpen = new EventEmitter(this, SbbNotificationElement2.events.willOpen, { cancelable: true });
+      this._didOpen = new EventEmitter(this, SbbNotificationElement2.events.didOpen, { cancelable: true });
+      this._willClose = new EventEmitter(this, SbbNotificationElement2.events.willClose, { cancelable: true });
+      this._didClose = new EventEmitter(this, SbbNotificationElement2.events.didClose, { cancelable: true });
+    }
+    /** The type of the notification. */
+    get type() {
+      return __privateGet(this, _type_accessor_storage);
+    }
+    set type(value) {
+      __privateSet(this, _type_accessor_storage, value);
+    }
+    /** Content of title. */
+    get titleContent() {
+      return __privateGet(this, _titleContent_accessor_storage);
+    }
+    set titleContent(value) {
+      __privateSet(this, _titleContent_accessor_storage, value);
+    }
+    /** Level of title, it will be rendered as heading tag (e.g. h3). Defaults to level 3. */
+    get titleLevel() {
+      return __privateGet(this, _titleLevel_accessor_storage);
+    }
+    set titleLevel(value) {
+      __privateSet(this, _titleLevel_accessor_storage, value);
+    }
+    /**
+     * Whether the notification is readonly.
+     * In readonly mode, there is no dismiss button offered to the user.
+     */
+    get readonly() {
+      return __privateGet(this, _readonly_accessor_storage);
+    }
+    set readonly(value) {
+      __privateSet(this, _readonly_accessor_storage, value);
+    }
+    /**
+     * Size variant, either s or m.
+     * @default 'm' / 's' (lean)
+     */
+    get size() {
+      return __privateGet(this, _size_accessor_storage);
+    }
+    set size(value) {
+      __privateSet(this, _size_accessor_storage, value);
+    }
+    /** The enabled animations. */
+    get animation() {
+      return __privateGet(this, _animation_accessor_storage);
+    }
+    set animation(value) {
+      __privateSet(this, _animation_accessor_storage, value);
+    }
+    /** The state of the notification. */
+    set _state(state) {
+      this.setAttribute("data-state", state);
+    }
+    get _state() {
+      return this.getAttribute("data-state");
+    }
+    _open() {
+      if (this._state === "closed") {
+        this._state = "opening";
+        this._willOpen.emit();
+        if (this._isZeroAnimationDuration()) {
+          this._handleOpening();
+        }
+      }
+    }
+    close() {
+      if (this._state === "opened" && this._willClose.emit()) {
+        this._state = "closing";
+        if (this._isZeroAnimationDuration()) {
+          this._handleClosing();
+        }
+      }
+    }
+    connectedCallback() {
+      this._state || (this._state = "closed");
+      super.connectedCallback();
+    }
+    async firstUpdated(changedProperties) {
+      var _a2;
+      super.firstUpdated(changedProperties);
+      this._notificationElement = (_a2 = this.shadowRoot) == null ? void 0 : _a2.querySelector(".sbb-notification__wrapper");
+      await this.updateComplete;
+      this._setNotificationHeight();
+      this._open();
+    }
+    _isZeroAnimationDuration() {
+      return isZeroAnimationDuration(this, "--sbb-notification-animation-duration");
+    }
+    _setNotificationHeight() {
+      var _a2;
+      if (!((_a2 = this._notificationElement) == null ? void 0 : _a2.scrollHeight)) {
+        return;
+      }
+      const notificationHeight = `${this._notificationElement.scrollHeight}px`;
+      this.style.setProperty("--sbb-notification-height", notificationHeight);
+    }
+    _onNotificationResize() {
+      if (this._state !== "opened") {
+        return;
+      }
+      if (this._resizeObserverTimeout) {
+        clearTimeout(this._resizeObserverTimeout);
+      }
+      this.toggleAttribute("data-resize-disable-animation", true);
+      this._resizeObserverTimeout = setTimeout(() => this.removeAttribute("data-resize-disable-animation"), DEBOUNCE_TIME);
+      setTimeout(() => this._setNotificationHeight());
+    }
+    _onNotificationAnimationEnd(event) {
+      if (this._state === "opening" && event.animationName === "open") {
+        this._handleOpening();
+      }
+      if (this._state === "closing" && event.animationName === "close-height") {
+        this._handleClosing();
+      }
+    }
+    _handleOpening() {
+      this._state = "opened";
+      this._notificationResizeObserver.observe(this._notificationElement);
+      this._didOpen.emit();
+    }
+    _handleClosing() {
+      this._state = "closed";
+      this._didClose.emit();
+      this._notificationResizeObserver.unobserve(this._notificationElement);
+      setTimeout(() => this.remove());
+    }
+    render() {
+      return html`
+      <div class="sbb-notification__wrapper" @animationend=${this._onNotificationAnimationEnd}>
+        <div class="sbb-notification">
+          <sbb-icon
+            class="sbb-notification__icon"
+            name=${notificationTypes.get(this.type)}
+          ></sbb-icon>
+
+          <span class="sbb-notification__content">
+            <sbb-title
+              class="sbb-notification__title"
+              level=${this.titleLevel}
+              visual-level=${this.size === "m" ? "5" : "6"}
+            >
+              <slot name="title">${this.titleContent}</slot>
+            </sbb-title>
+            <slot></slot>
+          </span>
+
+          ${!this.readonly ? html`<span class="sbb-notification__close-wrapper">
+                <sbb-divider class="sbb-notification__divider" orientation="vertical"></sbb-divider>
+                <sbb-secondary-button
+                  size=${this.size}
+                  icon-name="cross-small"
+                  @click=${() => this.close()}
+                  aria-label=${i18nCloseNotification[this._language.current]}
+                  class="sbb-notification__close"
+                ></sbb-secondary-button>
+              </span>` : nothing}
+        </div>
+      </div>
+    `;
+    }
+  }, _type_accessor_storage = new WeakMap(), _titleContent_accessor_storage = new WeakMap(), _titleLevel_accessor_storage = new WeakMap(), _readonly_accessor_storage = new WeakMap(), _size_accessor_storage = new WeakMap(), _animation_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _type_decorators = [property({ reflect: true })];
+    _titleContent_decorators = [forceType(), property({ attribute: "title-content", reflect: true, converter: omitEmptyConverter })];
+    _titleLevel_decorators = [property({ attribute: "title-level" })];
+    _readonly_decorators = [forceType(), property({ reflect: true, type: Boolean })];
+    _size_decorators = [property({ reflect: true })];
+    _animation_decorators = [property({ reflect: true })];
+    __esDecorate(_a, null, _type_decorators, { kind: "accessor", name: "type", static: false, private: false, access: { has: (obj) => "type" in obj, get: (obj) => obj.type, set: (obj, value) => {
+      obj.type = value;
+    } }, metadata: _metadata }, _type_initializers, _type_extraInitializers);
+    __esDecorate(_a, null, _titleContent_decorators, { kind: "accessor", name: "titleContent", static: false, private: false, access: { has: (obj) => "titleContent" in obj, get: (obj) => obj.titleContent, set: (obj, value) => {
+      obj.titleContent = value;
+    } }, metadata: _metadata }, _titleContent_initializers, _titleContent_extraInitializers);
+    __esDecorate(_a, null, _titleLevel_decorators, { kind: "accessor", name: "titleLevel", static: false, private: false, access: { has: (obj) => "titleLevel" in obj, get: (obj) => obj.titleLevel, set: (obj, value) => {
+      obj.titleLevel = value;
+    } }, metadata: _metadata }, _titleLevel_initializers, _titleLevel_extraInitializers);
+    __esDecorate(_a, null, _readonly_decorators, { kind: "accessor", name: "readonly", static: false, private: false, access: { has: (obj) => "readonly" in obj, get: (obj) => obj.readonly, set: (obj, value) => {
+      obj.readonly = value;
+    } }, metadata: _metadata }, _readonly_initializers, _readonly_extraInitializers);
+    __esDecorate(_a, null, _size_decorators, { kind: "accessor", name: "size", static: false, private: false, access: { has: (obj) => "size" in obj, get: (obj) => obj.size, set: (obj, value) => {
+      obj.size = value;
+    } }, metadata: _metadata }, _size_initializers, _size_extraInitializers);
+    __esDecorate(_a, null, _animation_decorators, { kind: "accessor", name: "animation", static: false, private: false, access: { has: (obj) => "animation" in obj, get: (obj) => obj.animation, set: (obj, value) => {
+      obj.animation = value;
+    } }, metadata: _metadata }, _animation_initializers, _animation_extraInitializers);
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    SbbNotificationElement2 = _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.styles = style, _a.events = {
+    willOpen: "willOpen",
+    didOpen: "didOpen",
+    willClose: "willClose",
+    didClose: "didClose"
+  }, __runInitializers(_classThis, _classExtraInitializers), _a);
+  return SbbNotificationElement2 = _classThis;
+})();
+export {
+  SbbNotificationElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL25vdGlmaWNhdGlvbi9ub3RpZmljYXRpb24uY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFJlc2l6ZUNvbnRyb2xsZXIgfSBmcm9tICdAbGl0LWxhYnMvb2JzZXJ2ZXJzL3Jlc2l6ZS1jb250cm9sbGVyLmpzJztcbmltcG9ydCB7XG4gIHR5cGUgQ1NTUmVzdWx0R3JvdXAsXG4gIGh0bWwsXG4gIExpdEVsZW1lbnQsXG4gIG5vdGhpbmcsXG4gIHR5cGUgUHJvcGVydHlWYWx1ZXMsXG4gIHR5cGUgVGVtcGxhdGVSZXN1bHQsXG59IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiTGFuZ3VhZ2VDb250cm9sbGVyIH0gZnJvbSAnLi4vY29yZS9jb250cm9sbGVycy5qcyc7XG5pbXBvcnQgeyBmb3JjZVR5cGUsIG9taXRFbXB0eUNvbnZlcnRlciwgc2xvdFN0YXRlIH0gZnJvbSAnLi4vY29yZS9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IGlzTGVhbiwgaXNaZXJvQW5pbWF0aW9uRHVyYXRpb24gfSBmcm9tICcuLi9jb3JlL2RvbS5qcyc7XG5pbXBvcnQgeyBFdmVudEVtaXR0ZXIgfSBmcm9tICcuLi9jb3JlL2V2ZW50aW5nLmpzJztcbmltcG9ydCB7IGkxOG5DbG9zZU5vdGlmaWNhdGlvbiB9IGZyb20gJy4uL2NvcmUvaTE4bi5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYk9wZW5lZENsb3NlZFN0YXRlIH0gZnJvbSAnLi4vY29yZS9pbnRlcmZhY2VzLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiVGl0bGVMZXZlbCB9IGZyb20gJy4uL3RpdGxlLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vbm90aWZpY2F0aW9uLnNjc3M/bGl0JmlubGluZSc7XG5cbmltcG9ydCAnLi4vYnV0dG9uL3NlY29uZGFyeS1idXR0b24uanMnO1xuaW1wb3J0ICcuLi9kaXZpZGVyLmpzJztcbmltcG9ydCAnLi4vaWNvbi5qcyc7XG5pbXBvcnQgJy4uL3RpdGxlLmpzJztcblxuY29uc3Qgbm90aWZpY2F0aW9uVHlwZXMgPSBuZXcgTWFwKFtcbiAgWydpbmZvJywgJ2NpcmNsZS1pbmZvcm1hdGlvbi1zbWFsbCddLFxuICBbJ3N1Y2Nlc3MnLCAnY2lyY2xlLXRpY2stc21hbGwnXSxcbiAgWyd3YXJuJywgJ2NpcmNsZS1leGNsYW1hdGlvbi1wb2ludC1zbWFsbCddLFxuICBbJ2Vycm9yJywgJ2NpcmNsZS1jcm9zcy1zbWFsbCddLFxuXSk7XG5cbmNvbnN0IERFQk9VTkNFX1RJTUUgPSAxNTA7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgbWVzc2FnZXMgd2hpY2ggcmVxdWlyZSBhIHVzZXIncyBhdHRlbnRpb24gd2l0aG91dCBpbnRlcnJ1cHRpbmcgaXRzIHRhc2tzLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGNvbnRlbnQgdG8gdGhlIG5vdGlmaWNhdGlvbiBtZXNzYWdlLlxuICogQHNsb3QgdGl0bGUgLSBVc2UgdGhpcyB0byBwcm92aWRlIGEgbm90aWZpY2F0aW9uIHRpdGxlIChvcHRpb25hbCkuXG4gKiBAZXZlbnQge0N1c3RvbUV2ZW50PHZvaWQ+fSB3aWxsT3BlbiAtIEVtaXRzIHdoZW4gdGhlIG9wZW5pbmcgYW5pbWF0aW9uIHN0YXJ0cy5cbiAqIEBldmVudCB7Q3VzdG9tRXZlbnQ8dm9pZD59IGRpZE9wZW4gLSBFbWl0cyB3aGVuIHRoZSBvcGVuaW5nIGFuaW1hdGlvbiBlbmRzLlxuICogQGV2ZW50IHtDdXN0b21FdmVudDx2b2lkPn0gd2lsbENsb3NlIC0gRW1pdHMgd2hlbiB0aGUgY2xvc2luZyBhbmltYXRpb24gc3RhcnRzLlxuICogQGV2ZW50IHtDdXN0b21FdmVudDx2b2lkPn0gZGlkQ2xvc2UgLSBFbWl0cyB3aGVuIHRoZSBjbG9zaW5nIGFuaW1hdGlvbiBlbmRzLlxuICogQGNzc3Byb3AgWy0tc2JiLW5vdGlmaWNhdGlvbi1tYXJnaW49MF0gLSBDYW4gYmUgdXNlZCB0byBtb2RpZnkgdGhlIG1hcmdpbiBpbiBvcmRlciB0byBnZXQgYSBzbW9vdGhlciBhbmltYXRpb24uXG4gKiBTZWUgc3R5bGUgc2VjdGlvbiBmb3IgbW9yZSBpbmZvcm1hdGlvbi5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLW5vdGlmaWNhdGlvbicpXG5Ac2xvdFN0YXRlKClcbmNsYXNzIFNiYk5vdGlmaWNhdGlvbkVsZW1lbnQgZXh0ZW5kcyBMaXRFbGVtZW50IHtcbiAgLy8gVE9ETzogZml4IGluaGVyaXRpbmcgZnJvbSBTYmJPcGVuQ2xvc2VCYXNlRWxlbWVudCByZXF1aXJlczogaHR0cHM6Ly9naXRodWIuY29tL29wZW4td2MvY3VzdG9tLWVsZW1lbnRzLW1hbmlmZXN0L2lzc3Vlcy8yNTNcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG4gIHB1YmxpYyBzdGF0aWMgcmVhZG9ubHkgZXZlbnRzID0ge1xuICAgIHdpbGxPcGVuOiAnd2lsbE9wZW4nLFxuICAgIGRpZE9wZW46ICdkaWRPcGVuJyxcbiAgICB3aWxsQ2xvc2U6ICd3aWxsQ2xvc2UnLFxuICAgIGRpZENsb3NlOiAnZGlkQ2xvc2UnLFxuICB9IGFzIGNvbnN0O1xuXG4gIC8qKiBUaGUgdHlwZSBvZiB0aGUgbm90aWZpY2F0aW9uLiAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBhY2Nlc3NvciB0eXBlOiAnaW5mbycgfCAnc3VjY2VzcycgfCAnd2FybicgfCAnZXJyb3InID0gJ2luZm8nO1xuXG4gIC8qKiBDb250ZW50IG9mIHRpdGxlLiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAndGl0bGUtY29udGVudCcsIHJlZmxlY3Q6IHRydWUsIGNvbnZlcnRlcjogb21pdEVtcHR5Q29udmVydGVyIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciB0aXRsZUNvbnRlbnQ6IHN0cmluZyA9ICcnO1xuXG4gIC8qKiBMZXZlbCBvZiB0aXRsZSwgaXQgd2lsbCBiZSByZW5kZXJlZCBhcyBoZWFkaW5nIHRhZyAoZS5nLiBoMykuIERlZmF1bHRzIHRvIGxldmVsIDMuICovXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ3RpdGxlLWxldmVsJyB9KSBwdWJsaWMgYWNjZXNzb3IgdGl0bGVMZXZlbDogU2JiVGl0bGVMZXZlbCA9ICczJztcblxuICAvKipcbiAgICogV2hldGhlciB0aGUgbm90aWZpY2F0aW9uIGlzIHJlYWRvbmx5LlxuICAgKiBJbiByZWFkb25seSBtb2RlLCB0aGVyZSBpcyBubyBkaXNtaXNzIGJ1dHRvbiBvZmZlcmVkIHRvIHRoZSB1c2VyLlxuICAgKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUsIHR5cGU6IEJvb2xlYW4gfSlcbiAgcHVibGljIGFjY2Vzc29yIHJlYWRvbmx5OiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIFNpemUgdmFyaWFudCwgZWl0aGVyIHMgb3IgbS5cbiAgICogQGRlZmF1bHQgJ20nIC8gJ3MnIChsZWFuKVxuICAgKi9cbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSB9KSBwdWJsaWMgYWNjZXNzb3Igc2l6ZTogJ20nIHwgJ3MnID0gaXNMZWFuKCkgPyAncycgOiAnbSc7XG5cbiAgLyoqIFRoZSBlbmFibGVkIGFuaW1hdGlvbnMuICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIGFjY2Vzc29yIGFuaW1hdGlvbjogJ29wZW4nIHwgJ2Nsb3NlJyB8ICdhbGwnIHwgJ25vbmUnID0gJ2FsbCc7XG5cbiAgLyoqIFRoZSBzdGF0ZSBvZiB0aGUgbm90aWZpY2F0aW9uLiAqL1xuICBwcml2YXRlIHNldCBfc3RhdGUoc3RhdGU6IFNiYk9wZW5lZENsb3NlZFN0YXRlKSB7XG4gICAgdGhpcy5zZXRBdHRyaWJ1dGUoJ2RhdGEtc3RhdGUnLCBzdGF0ZSk7XG4gIH1cbiAgcHJpdmF0ZSBnZXQgX3N0YXRlKCk6IFNiYk9wZW5lZENsb3NlZFN0YXRlIHtcbiAgICByZXR1cm4gdGhpcy5nZXRBdHRyaWJ1dGUoJ2RhdGEtc3RhdGUnKSBhcyBTYmJPcGVuZWRDbG9zZWRTdGF0ZTtcbiAgfVxuXG4gIHByaXZhdGUgX25vdGlmaWNhdGlvbkVsZW1lbnQhOiBIVE1MRWxlbWVudDtcbiAgcHJpdmF0ZSBfcmVzaXplT2JzZXJ2ZXJUaW1lb3V0OiBSZXR1cm5UeXBlPHR5cGVvZiBzZXRUaW1lb3V0PiB8IG51bGwgPSBudWxsO1xuICBwcml2YXRlIF9sYW5ndWFnZSA9IG5ldyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIodGhpcyk7XG4gIHByaXZhdGUgX25vdGlmaWNhdGlvblJlc2l6ZU9ic2VydmVyID0gbmV3IFJlc2l6ZUNvbnRyb2xsZXIodGhpcywge1xuICAgIHRhcmdldDogbnVsbCxcbiAgICBza2lwSW5pdGlhbDogdHJ1ZSxcbiAgICBjYWxsYmFjazogKCkgPT4gdGhpcy5fb25Ob3RpZmljYXRpb25SZXNpemUoKSxcbiAgfSk7XG5cbiAgLyoqIEVtaXRzIHdoZW5ldmVyIHRoZSBgc2JiLW5vdGlmaWNhdGlvbmAgc3RhcnRzIHRoZSBvcGVuaW5nIHRyYW5zaXRpb24uICovXG4gIHByaXZhdGUgX3dpbGxPcGVuOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyKFxuICAgIHRoaXMsXG4gICAgU2JiTm90aWZpY2F0aW9uRWxlbWVudC5ldmVudHMud2lsbE9wZW4sXG4gICAgeyBjYW5jZWxhYmxlOiB0cnVlIH0sXG4gICk7XG5cbiAgLyoqIEVtaXRzIHdoZW5ldmVyIHRoZSBgc2JiLW5vdGlmaWNhdGlvbmAgaXMgb3BlbmVkLiAqL1xuICBwcml2YXRlIF9kaWRPcGVuOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyKFxuICAgIHRoaXMsXG4gICAgU2JiTm90aWZpY2F0aW9uRWxlbWVudC5ldmVudHMuZGlkT3BlbixcbiAgICB7IGNhbmNlbGFibGU6IHRydWUgfSxcbiAgKTtcblxuICAvKiogRW1pdHMgd2hlbmV2ZXIgdGhlIGBzYmItbm90aWZpY2F0aW9uYCBiZWdpbnMgdGhlIGNsb3NpbmcgdHJhbnNpdGlvbi4gKi9cbiAgcHJpdmF0ZSBfd2lsbENsb3NlOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyKFxuICAgIHRoaXMsXG4gICAgU2JiTm90aWZpY2F0aW9uRWxlbWVudC5ldmVudHMud2lsbENsb3NlLFxuICAgIHsgY2FuY2VsYWJsZTogdHJ1ZSB9LFxuICApO1xuXG4gIC8qKiBFbWl0cyB3aGVuZXZlciB0aGUgYHNiYi1ub3RpZmljYXRpb25gIGlzIGNsb3NlZC4gKi9cbiAgcHJpdmF0ZSBfZGlkQ2xvc2U6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXIoXG4gICAgdGhpcyxcbiAgICBTYmJOb3RpZmljYXRpb25FbGVtZW50LmV2ZW50cy5kaWRDbG9zZSxcbiAgICB7IGNhbmNlbGFibGU6IHRydWUgfSxcbiAgKTtcblxuICBwcml2YXRlIF9vcGVuKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLl9zdGF0ZSA9PT0gJ2Nsb3NlZCcpIHtcbiAgICAgIHRoaXMuX3N0YXRlID0gJ29wZW5pbmcnO1xuICAgICAgdGhpcy5fd2lsbE9wZW4uZW1pdCgpO1xuXG4gICAgICAvLyBJZiB0aGUgYW5pbWF0aW9uIGR1cmF0aW9uIGlzIHplcm8sIHRoZSBhbmltYXRpb25lbmQgZXZlbnQgaXMgbm90IGFsd2F5cyBmaXJlZCByZWxpYWJseS5cbiAgICAgIC8vIEluIHRoaXMgY2FzZSB3ZSBkaXJlY3RseSBzZXQgdGhlIGBvcGVuZWRgIHN0YXRlLlxuICAgICAgaWYgKHRoaXMuX2lzWmVyb0FuaW1hdGlvbkR1cmF0aW9uKCkpIHtcbiAgICAgICAgdGhpcy5faGFuZGxlT3BlbmluZygpO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBjbG9zZSgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5fc3RhdGUgPT09ICdvcGVuZWQnICYmIHRoaXMuX3dpbGxDbG9zZS5lbWl0KCkpIHtcbiAgICAgIHRoaXMuX3N0YXRlID0gJ2Nsb3NpbmcnO1xuXG4gICAgICAvLyBJZiB0aGUgYW5pbWF0aW9uIGR1cmF0aW9uIGlzIHplcm8sIHRoZSBhbmltYXRpb25lbmQgZXZlbnQgaXMgbm90IGFsd2F5cyBmaXJlZCByZWxpYWJseS5cbiAgICAgIC8vIEluIHRoaXMgY2FzZSB3ZSBkaXJlY3RseSBzZXQgdGhlIGBjbG9zZWRgIHN0YXRlLlxuICAgICAgaWYgKHRoaXMuX2lzWmVyb0FuaW1hdGlvbkR1cmF0aW9uKCkpIHtcbiAgICAgICAgdGhpcy5faGFuZGxlQ2xvc2luZygpO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICB0aGlzLl9zdGF0ZSB8fD0gJ2Nsb3NlZCc7XG5cbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIGFzeW5jIGZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiBQcm9taXNlPHZvaWQ+IHtcbiAgICBzdXBlci5maXJzdFVwZGF0ZWQoY2hhbmdlZFByb3BlcnRpZXMpO1xuXG4gICAgdGhpcy5fbm90aWZpY2F0aW9uRWxlbWVudCA9IHRoaXMuc2hhZG93Um9vdD8ucXVlcnlTZWxlY3RvcihcbiAgICAgICcuc2JiLW5vdGlmaWNhdGlvbl9fd3JhcHBlcicsXG4gICAgKSBhcyBIVE1MRWxlbWVudDtcbiAgICAvLyBXZSBuZWVkIHRvIHdhaXQgZm9yIHRoZSBjb21wb25lbnQncyBgdXBkYXRlQ29tcGxldGVgIGluIG9yZGVyIHRvIHNldCB0aGUgY29ycmVjdFxuICAgIC8vIGhlaWdodCB0byB0aGUgbm90aWZpY2F0aW9uIGVsZW1lbnQuXG4gICAgYXdhaXQgdGhpcy51cGRhdGVDb21wbGV0ZTtcbiAgICB0aGlzLl9zZXROb3RpZmljYXRpb25IZWlnaHQoKTtcbiAgICB0aGlzLl9vcGVuKCk7XG4gIH1cblxuICBwcml2YXRlIF9pc1plcm9BbmltYXRpb25EdXJhdGlvbigpOiBib29sZWFuIHtcbiAgICByZXR1cm4gaXNaZXJvQW5pbWF0aW9uRHVyYXRpb24odGhpcywgJy0tc2JiLW5vdGlmaWNhdGlvbi1hbmltYXRpb24tZHVyYXRpb24nKTtcbiAgfVxuXG4gIHByaXZhdGUgX3NldE5vdGlmaWNhdGlvbkhlaWdodCgpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuX25vdGlmaWNhdGlvbkVsZW1lbnQ/LnNjcm9sbEhlaWdodCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBjb25zdCBub3RpZmljYXRpb25IZWlnaHQgPSBgJHt0aGlzLl9ub3RpZmljYXRpb25FbGVtZW50LnNjcm9sbEhlaWdodH1weGA7XG4gICAgdGhpcy5zdHlsZS5zZXRQcm9wZXJ0eSgnLS1zYmItbm90aWZpY2F0aW9uLWhlaWdodCcsIG5vdGlmaWNhdGlvbkhlaWdodCk7XG4gIH1cblxuICBwcml2YXRlIF9vbk5vdGlmaWNhdGlvblJlc2l6ZSgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5fc3RhdGUgIT09ICdvcGVuZWQnKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgaWYgKHRoaXMuX3Jlc2l6ZU9ic2VydmVyVGltZW91dCkge1xuICAgICAgY2xlYXJUaW1lb3V0KHRoaXMuX3Jlc2l6ZU9ic2VydmVyVGltZW91dCk7XG4gICAgfVxuXG4gICAgLy8gRGlzYWJsZSB0aGUgYW5pbWF0aW9uIHdoZW4gcmVzaXppbmcgdGhlIG5vdGlmaWNhdGlvbiB0byBhdm9pZCBzdHJhbmdlIGhlaWdodCB0cmFuc2l0aW9uIGVmZmVjdHMuXG4gICAgdGhpcy50b2dnbGVBdHRyaWJ1dGUoJ2RhdGEtcmVzaXplLWRpc2FibGUtYW5pbWF0aW9uJywgdHJ1ZSk7XG4gICAgdGhpcy5fcmVzaXplT2JzZXJ2ZXJUaW1lb3V0ID0gc2V0VGltZW91dChcbiAgICAgICgpID0+IHRoaXMucmVtb3ZlQXR0cmlidXRlKCdkYXRhLXJlc2l6ZS1kaXNhYmxlLWFuaW1hdGlvbicpLFxuICAgICAgREVCT1VOQ0VfVElNRSxcbiAgICApO1xuXG4gICAgLy8gVG8gYXZvaWQgUmVzaXplT2JzZXJ2ZXIgbG9vcHMsIHdlIHNldCB0aGUgaGVpZ2h0IGEgdGljayBsYXRlci5cbiAgICBzZXRUaW1lb3V0KCgpID0+IHRoaXMuX3NldE5vdGlmaWNhdGlvbkhlaWdodCgpKTtcbiAgfVxuXG4gIHByaXZhdGUgX29uTm90aWZpY2F0aW9uQW5pbWF0aW9uRW5kKGV2ZW50OiBBbmltYXRpb25FdmVudCk6IHZvaWQge1xuICAgIGlmICh0aGlzLl9zdGF0ZSA9PT0gJ29wZW5pbmcnICYmIGV2ZW50LmFuaW1hdGlvbk5hbWUgPT09ICdvcGVuJykge1xuICAgICAgdGhpcy5faGFuZGxlT3BlbmluZygpO1xuICAgIH1cblxuICAgIGlmICh0aGlzLl9zdGF0ZSA9PT0gJ2Nsb3NpbmcnICYmIGV2ZW50LmFuaW1hdGlvbk5hbWUgPT09ICdjbG9zZS1oZWlnaHQnKSB7XG4gICAgICB0aGlzLl9oYW5kbGVDbG9zaW5nKCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfaGFuZGxlT3BlbmluZygpOiB2b2lkIHtcbiAgICB0aGlzLl9zdGF0ZSA9ICdvcGVuZWQnO1xuICAgIHRoaXMuX25vdGlmaWNhdGlvblJlc2l6ZU9ic2VydmVyLm9ic2VydmUodGhpcy5fbm90aWZpY2F0aW9uRWxlbWVudCk7XG4gICAgdGhpcy5fZGlkT3Blbi5lbWl0KCk7XG4gIH1cblxuICBwcml2YXRlIF9oYW5kbGVDbG9zaW5nKCk6IHZvaWQge1xuICAgIHRoaXMuX3N0YXRlID0gJ2Nsb3NlZCc7XG4gICAgdGhpcy5fZGlkQ2xvc2UuZW1pdCgpO1xuICAgIHRoaXMuX25vdGlmaWNhdGlvblJlc2l6ZU9ic2VydmVyLnVub2JzZXJ2ZSh0aGlzLl9ub3RpZmljYXRpb25FbGVtZW50KTtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHRoaXMucmVtb3ZlKCkpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2IGNsYXNzPVwic2JiLW5vdGlmaWNhdGlvbl9fd3JhcHBlclwiIEBhbmltYXRpb25lbmQ9JHt0aGlzLl9vbk5vdGlmaWNhdGlvbkFuaW1hdGlvbkVuZH0+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzYmItbm90aWZpY2F0aW9uXCI+XG4gICAgICAgICAgPHNiYi1pY29uXG4gICAgICAgICAgICBjbGFzcz1cInNiYi1ub3RpZmljYXRpb25fX2ljb25cIlxuICAgICAgICAgICAgbmFtZT0ke25vdGlmaWNhdGlvblR5cGVzLmdldCh0aGlzLnR5cGUpIX1cbiAgICAgICAgICA+PC9zYmItaWNvbj5cblxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLW5vdGlmaWNhdGlvbl9fY29udGVudFwiPlxuICAgICAgICAgICAgPHNiYi10aXRsZVxuICAgICAgICAgICAgICBjbGFzcz1cInNiYi1ub3RpZmljYXRpb25fX3RpdGxlXCJcbiAgICAgICAgICAgICAgbGV2ZWw9JHt0aGlzLnRpdGxlTGV2ZWx9XG4gICAgICAgICAgICAgIHZpc3VhbC1sZXZlbD0ke3RoaXMuc2l6ZSA9PT0gJ20nID8gJzUnIDogJzYnfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8c2xvdCBuYW1lPVwidGl0bGVcIj4ke3RoaXMudGl0bGVDb250ZW50fTwvc2xvdD5cbiAgICAgICAgICAgIDwvc2JiLXRpdGxlPlxuICAgICAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgICAgIDwvc3Bhbj5cblxuICAgICAgICAgICR7IXRoaXMucmVhZG9ubHlcbiAgICAgICAgICAgID8gaHRtbGA8c3BhbiBjbGFzcz1cInNiYi1ub3RpZmljYXRpb25fX2Nsb3NlLXdyYXBwZXJcIj5cbiAgICAgICAgICAgICAgICA8c2JiLWRpdmlkZXIgY2xhc3M9XCJzYmItbm90aWZpY2F0aW9uX19kaXZpZGVyXCIgb3JpZW50YXRpb249XCJ2ZXJ0aWNhbFwiPjwvc2JiLWRpdmlkZXI+XG4gICAgICAgICAgICAgICAgPHNiYi1zZWNvbmRhcnktYnV0dG9uXG4gICAgICAgICAgICAgICAgICBzaXplPSR7dGhpcy5zaXplfVxuICAgICAgICAgICAgICAgICAgaWNvbi1uYW1lPVwiY3Jvc3Mtc21hbGxcIlxuICAgICAgICAgICAgICAgICAgQGNsaWNrPSR7KCkgPT4gdGhpcy5jbG9zZSgpfVxuICAgICAgICAgICAgICAgICAgYXJpYS1sYWJlbD0ke2kxOG5DbG9zZU5vdGlmaWNhdGlvblt0aGlzLl9sYW5ndWFnZS5jdXJyZW50XX1cbiAgICAgICAgICAgICAgICAgIGNsYXNzPVwic2JiLW5vdGlmaWNhdGlvbl9fY2xvc2VcIlxuICAgICAgICAgICAgICAgID48L3NiYi1zZWNvbmRhcnktYnV0dG9uPlxuICAgICAgICAgICAgICA8L3NwYW4+YFxuICAgICAgICAgICAgOiBub3RoaW5nfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1ub3RpZmljYXRpb24nOiBTYmJOb3RpZmljYXRpb25FbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOlsiU2JiTm90aWZpY2F0aW9uRWxlbWVudCIsIl9hIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7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

package/development/notification.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './notification/notification.js';
+export * from './notification/notification.component.js';
 //# sourceMappingURL=notification.d.ts.map

package/development/notification.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../src/elements/notification.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,gCAAgC,CAAC"}
+{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../src/elements/notification.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,0CAA0C,CAAC"}

package/development/notification.js

@@ -1,4 +1,4 @@
-import { SbbNotificationElement } from "./notification/notification.js";
+import { SbbNotificationElement } from "./notification/notification.component.js";
 export {
   SbbNotificationElement
 };

package/development/option/optgroup/optgroup.component.d.ts

@@ -0,0 +1,21 @@
+import { SbbAutocompleteBaseElement } from '../../autocomplete.js';
+import { SbbOptionElement } from '../option.js';
+import { SbbOptgroupBaseElement } from './optgroup-base-element.js';
+/**
+ * It can be used as a container for one or more `sbb-option`.
+ *
+ * @slot - Use the unnamed slot to add `sbb-option` elements to the `sbb-optgroup`.
+ */
+export declare class SbbOptGroupElement extends SbbOptgroupBaseElement {
+    protected get options(): SbbOptionElement[];
+    protected getAutocompleteParent(): SbbAutocompleteBaseElement | null;
+    protected setAttributeFromParent(): void;
+    connectedCallback(): void;
+    private _setVariantByContext;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-optgroup': SbbOptGroupElement;
+    }
+}
+//# sourceMappingURL=optgroup.component.d.ts.map

package/development/option/optgroup/optgroup.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"optgroup.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/option/optgroup/optgroup.component.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AACxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAEpE;;;;GAIG;AACH,qBAEM,kBAAmB,SAAQ,sBAAsB;IACrD,SAAS,KAAK,OAAO,IAAI,gBAAgB,EAAE,CAE1C;IAED,SAAS,CAAC,qBAAqB,IAAI,0BAA0B,GAAG,IAAI;IAIpE,SAAS,CAAC,sBAAsB,IAAI,IAAI;IAKxB,iBAAiB,IAAI,IAAI;IAMzC,OAAO,CAAC,oBAAoB;CAO7B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,cAAc,EAAE,kBAAkB,CAAC;KACpC;CACF"}

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

@@ -0,0 +1,50 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement } from "lit/decorators.js";
+import { SbbOptgroupBaseElement } from "./optgroup-base-element.js";
+let SbbOptGroupElement = (() => {
+  var _a;
+  let _classDecorators = [customElement("sbb-optgroup")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbOptgroupBaseElement;
+  _a = class extends _classSuper {
+    get options() {
+      var _a2;
+      return Array.from(((_a2 = this.querySelectorAll) == null ? void 0 : _a2.call(this, "sbb-option")) ?? []);
+    }
+    getAutocompleteParent() {
+      var _a2;
+      return ((_a2 = this.closest) == null ? void 0 : _a2.call(this, "sbb-autocomplete")) || null;
+    }
+    setAttributeFromParent() {
+      var _a2;
+      this.negative = !!((_a2 = this.closest) == null ? void 0 : _a2.call(this, `:is(sbb-autocomplete, sbb-select, sbb-form-field)[negative]`));
+      this.toggleAttribute("data-negative", this.negative);
+    }
+    connectedCallback() {
+      super.connectedCallback();
+      this.toggleAttribute("data-multiple", !!this.closest("sbb-select[multiple]"));
+      this._setVariantByContext();
+    }
+    _setVariantByContext() {
+      var _a2, _b;
+      if ((_a2 = this.closest) == null ? void 0 : _a2.call(this, "sbb-autocomplete")) {
+        this.setAttribute("data-variant", "autocomplete");
+      } else if ((_b = this.closest) == null ? void 0 : _b.call(this, "sbb-select")) {
+        this.setAttribute("data-variant", "select");
+      }
+    }
+  }, _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+    __runInitializers(_classThis, _classExtraInitializers);
+  })(), _a;
+  return _classThis;
+})();
+export {
+  SbbOptGroupElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0Z3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvb3B0aW9uL29wdGdyb3VwL29wdGdyb3VwLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjdXN0b21FbGVtZW50IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgdHlwZSB7IFNiYkF1dG9jb21wbGV0ZUJhc2VFbGVtZW50IH0gZnJvbSAnLi4vLi4vYXV0b2NvbXBsZXRlLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiT3B0aW9uRWxlbWVudCB9IGZyb20gJy4uL29wdGlvbi5qcyc7XG5cbmltcG9ydCB7IFNiYk9wdGdyb3VwQmFzZUVsZW1lbnQgfSBmcm9tICcuL29wdGdyb3VwLWJhc2UtZWxlbWVudC5qcyc7XG5cbi8qKlxuICogSXQgY2FuIGJlIHVzZWQgYXMgYSBjb250YWluZXIgZm9yIG9uZSBvciBtb3JlIGBzYmItb3B0aW9uYC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBgc2JiLW9wdGlvbmAgZWxlbWVudHMgdG8gdGhlIGBzYmItb3B0Z3JvdXBgLlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItb3B0Z3JvdXAnKVxuY2xhc3MgU2JiT3B0R3JvdXBFbGVtZW50IGV4dGVuZHMgU2JiT3B0Z3JvdXBCYXNlRWxlbWVudCB7XG4gIHByb3RlY3RlZCBnZXQgb3B0aW9ucygpOiBTYmJPcHRpb25FbGVtZW50W10ge1xuICAgIHJldHVybiBBcnJheS5mcm9tKHRoaXMucXVlcnlTZWxlY3RvckFsbD8uKCdzYmItb3B0aW9uJykgPz8gW10pIGFzIFNiYk9wdGlvbkVsZW1lbnRbXTtcbiAgfVxuXG4gIHByb3RlY3RlZCBnZXRBdXRvY29tcGxldGVQYXJlbnQoKTogU2JiQXV0b2NvbXBsZXRlQmFzZUVsZW1lbnQgfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy5jbG9zZXN0Py48U2JiQXV0b2NvbXBsZXRlQmFzZUVsZW1lbnQ+KCdzYmItYXV0b2NvbXBsZXRlJykgfHwgbnVsbDtcbiAgfVxuXG4gIHByb3RlY3RlZCBzZXRBdHRyaWJ1dGVGcm9tUGFyZW50KCk6IHZvaWQge1xuICAgIHRoaXMubmVnYXRpdmUgPSAhIXRoaXMuY2xvc2VzdD8uKGA6aXMoc2JiLWF1dG9jb21wbGV0ZSwgc2JiLXNlbGVjdCwgc2JiLWZvcm0tZmllbGQpW25lZ2F0aXZlXWApO1xuICAgIHRoaXMudG9nZ2xlQXR0cmlidXRlKCdkYXRhLW5lZ2F0aXZlJywgdGhpcy5uZWdhdGl2ZSk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICB0aGlzLnRvZ2dsZUF0dHJpYnV0ZSgnZGF0YS1tdWx0aXBsZScsICEhdGhpcy5jbG9zZXN0KCdzYmItc2VsZWN0W211bHRpcGxlXScpKTtcbiAgICB0aGlzLl9zZXRWYXJpYW50QnlDb250ZXh0KCk7XG4gIH1cblxuICBwcml2YXRlIF9zZXRWYXJpYW50QnlDb250ZXh0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmNsb3Nlc3Q/Lignc2JiLWF1dG9jb21wbGV0ZScpKSB7XG4gICAgICB0aGlzLnNldEF0dHJpYnV0ZSgnZGF0YS12YXJpYW50JywgJ2F1dG9jb21wbGV0ZScpO1xuICAgIH0gZWxzZSBpZiAodGhpcy5jbG9zZXN0Py4oJ3NiYi1zZWxlY3QnKSkge1xuICAgICAgdGhpcy5zZXRBdHRyaWJ1dGUoJ2RhdGEtdmFyaWFudCcsICdzZWxlY3QnKTtcbiAgICB9XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1vcHRncm91cCc6IFNiYk9wdEdyb3VwRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbIl9hIl0sIm1hcHBpbmdzIjoiOzs7SUFjTSxzQkFBa0IsTUFBQTs7MEJBRHZCLGNBQWMsY0FBYyxDQUFDOzs7O29CQUNHO0FBQVIsRUFBQSxtQkFBUSxZQUFzQjtBQUFBLElBQ3JELElBQWMsVUFBTzs7QUFDbkIsYUFBTyxNQUFNLE9BQUtBLE1BQUEsS0FBSyxxQkFBTCxnQkFBQUEsSUFBQSxXQUF3QixrQkFBaUIsRUFBRTtBQUFBLElBQUE7QUFBQSxJQUdyRCx3QkFBcUI7O0FBQ3RCLGVBQUFBLE1BQUEsS0FBSyxZQUFMLGdCQUFBQSxJQUFBLFdBQTJDLHdCQUF1QjtBQUFBLElBQUE7QUFBQSxJQUdqRSx5QkFBc0I7O0FBQzlCLFdBQUssV0FBVyxDQUFDLEdBQUNBLE1BQUEsS0FBSyxZQUFMLGdCQUFBQSxJQUFBLFdBQWU7QUFDNUIsV0FBQSxnQkFBZ0IsaUJBQWlCLEtBQUssUUFBUTtBQUFBLElBQUE7QUFBQSxJQUdyQyxvQkFBaUI7QUFDL0IsWUFBTSxrQkFBaUI7QUFDdkIsV0FBSyxnQkFBZ0IsaUJBQWlCLENBQUMsQ0FBQyxLQUFLLFFBQVEsc0JBQXNCLENBQUM7QUFDNUUsV0FBSyxxQkFBb0I7QUFBQSxJQUFBO0FBQUEsSUFHbkIsdUJBQW9COztBQUN0QixXQUFBQSxNQUFBLEtBQUssWUFBTCxnQkFBQUEsSUFBQSxXQUFlLHFCQUFxQjtBQUNqQyxhQUFBLGFBQWEsZ0JBQWdCLGNBQWM7QUFBQSxNQUN2QyxZQUFBLFVBQUssWUFBTCw4QkFBZSxlQUFlO0FBQ2xDLGFBQUEsYUFBYSxnQkFBZ0IsUUFBUTtBQUFBLE1BQUE7QUFBQSxJQUM1QztBQUFBLEVBQ0Y7O0FBMUJGLGlCQTJCQyxNQUFBLG1CQUFBLEVBQUEsT0FBQSxXQUFBLEdBQUEsa0JBQUEsRUFBQSxNQUFBLFNBQUEsTUFBQSxXQUFBLE1BQUEsVUFBQSxVQUFBLEdBQUEsTUFBQSx1QkFBQTs7O0FBM0JLLHNCQUFrQixZQUFBLHVCQUFBO0FBQUEsRUFBQSxNQUFDOzs7In0=