@sbb-esta/lyne-elements 0.0.0 → 0.52.0

package/development/notification/notification.d.ts

@@ -0,0 +1,82 @@
+import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
+import { SbbTitleLevel } from '../title.js';
+
+/**
+ * It displays messages which require a user's attention without interrupting its tasks.
+ *
+ * @slot - Use the unnamed slot to add content to the notification message.
+ * @slot title - Use this to provide a notification title (optional).
+ * @event {CustomEvent<void>} willOpen - Emits whenever the `sbb-notification` starts the opening transition.
+ * @event {CustomEvent<void>} didOpen - Emits whenever the `sbb-notification` is opened.
+ * @event {CustomEvent<void>} willClose - Emits whenever the `sbb-notification` begins the closing transition.
+ * @event {CustomEvent<void>} didClose - Emits whenever the `sbb-notification` is closed.
+ * @cssprop [--sbb-notification-margin=0] - Can be used to modify the margin in order to get a smoother animation.
+ * See style section for more information.
+ */
+export declare class SbbNotificationElement extends LitElement {
+    static styles: CSSResultGroup;
+    static readonly events: {
+        readonly willOpen: "willOpen";
+        readonly didOpen: "didOpen";
+        readonly willClose: "willClose";
+        readonly didClose: "didClose";
+    };
+    /**
+     * The type of the notification.
+     */
+    type: 'info' | 'success' | 'warn' | 'error';
+    /**
+     * Content of title.
+     */
+    titleContent?: string;
+    /**
+     * Level of title, it will be rendered as heading tag (e.g. h3). Defaults to level 3.
+     */
+    titleLevel: SbbTitleLevel;
+    /**
+     * Whether the notification is readonly.
+     * In readonly mode, there is no dismiss button offered to the user.
+     */
+    readonly: boolean;
+    /** Size variant, either s or m. */
+    size: 'm' | 's';
+    /**
+     * The enabled animations.
+     */
+    animation: 'open' | 'close' | 'all' | 'none';
+    /**
+     * The state of the notification.
+     */
+    private set _state(value);
+    private get _state();
+    private _notificationElement;
+    private _resizeObserverTimeout;
+    private _language;
+    private _notificationResizeObserver;
+    /** Emits whenever the `sbb-notification` starts the opening transition. */
+    private _willOpen;
+    /** Emits whenever the `sbb-notification` is opened. */
+    private _didOpen;
+    /** Emits whenever the `sbb-notification` begins the closing transition. */
+    private _willClose;
+    /** Emits whenever the `sbb-notification` is closed. */
+    private _didClose;
+    constructor();
+    private _open;
+    close(): void;
+    connectedCallback(): void;
+    protected firstUpdated(changedProperties: PropertyValues<this>): Promise<void>;
+    disconnectedCallback(): void;
+    private _setNotificationHeight;
+    private _onNotificationResize;
+    private _onNotificationAnimationEnd;
+    private _handleOpening;
+    private _handleClosing;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-notification': SbbNotificationElement;
+    }
+}
+//# sourceMappingURL=notification.d.ts.map

package/development/notification/notification.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../../src/elements/notification/notification.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAQhD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,+BAA+B,CAAC;AACvC,OAAO,eAAe,CAAC;AACvB,OAAO,YAAY,CAAC;AACpB,OAAO,aAAa,CAAC;AAarB;;;;;;;;;;;GAWG;AACH,qBACa,sBAAuB,SAAQ,UAAU;IAEpD,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;;;MAKlB;IAEX;;OAEG;IACiC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAU;IAEzF;;OAEG;IAC6D,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtF;;OAEG;IAC4C,UAAU,EAAE,aAAa,CAAO;IAE/E;;;OAGG;IACgD,QAAQ,UAAS;IAEpE,mCAAmC;IACC,IAAI,EAAE,GAAG,GAAG,GAAG,CAAO;IAE1D;;OAEG;IACiC,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,CAAS;IAEzF;;OAEG;IACH,OAAO,KAAK,MAAM,QAEjB;IACD,OAAO,KAAK,MAAM,GAEjB;IAED,OAAO,CAAC,oBAAoB,CAAe;IAC3C,OAAO,CAAC,sBAAsB,CAA8C;IAC5E,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,2BAA2B,CAEjC;IAEF,2EAA2E;IAC3E,OAAO,CAAC,SAAS,CAGf;IAEF,uDAAuD;IACvD,OAAO,CAAC,QAAQ,CAGd;IAEF,2EAA2E;IAC3E,OAAO,CAAC,UAAU,CAGhB;IAEF,uDAAuD;IACvD,OAAO,CAAC,SAAS,CAGf;;IAOF,OAAO,CAAC,KAAK;IAON,KAAK,IAAI,IAAI;IAOJ,iBAAiB,IAAI,IAAI;cAMhB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAa7E,oBAAoB,IAAI,IAAI;IAK5C,OAAO,CAAC,sBAAsB;IAQ9B,OAAO,CAAC,qBAAqB;IAmB7B,OAAO,CAAC,2BAA2B;IAUnC,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,cAAc;cAOH,MAAM,IAAI,cAAc;CAuC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,kBAAkB,EAAE,sBAAsB,CAAC;KAC5C;CACF"}

package/development/notification.d.ts

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

package/development/notification.d.ts.map

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

package/development/notification.js

@@ -0,0 +1,472 @@
+import { css, LitElement, html, nothing } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { SbbLanguageController, SbbSlotStateController } from "./core/controllers.js";
+import { EventEmitter } from "./core/eventing.js";
+import { i18nCloseNotification } from "./core/i18n.js";
+import { AgnosticResizeObserver } from "./core/observers.js";
+import "./button/secondary-button.js";
+import "./divider.js";
+import "./icon.js";
+import "./title.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-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-zero-time,
+    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-time: 0.1ms;
+  --sbb-disable-animation-zero-time: 0s;
+}
+
+:host([data-state=closing]:not([animation=close], [animation=all])) {
+  --sbb-disable-animation-time: 0.1ms;
+  --sbb-disable-animation-zero-time: 0s;
+}
+
+:host([data-resize-disable-animation]) {
+  --sbb-disable-animation-time: 0.1ms;
+  --sbb-disable-animation-zero-time: 0s;
+}
+
+/* Types */
+:host([type=info]) {
+  --sbb-notification-type-color: var(--sbb-color-smoke);
+  --sbb-notification-type-color-sass: #f9f9f9;
+  --sbb-notification-icon-color: var(--sbb-notification-color);
+}
+
+:host([type=success]) {
+  --sbb-notification-type-color: var(--sbb-color-green);
+  --sbb-notification-type-color-sass: #f2f9f5;
+}
+
+:host([type=warn]) {
+  --sbb-notification-type-color: var(--sbb-color-peach);
+  --sbb-notification-type-color-sass: #fffcf2;
+  --sbb-notification-icon-color: var(--sbb-notification-color);
+}
+
+:host([type=error]) {
+  --sbb-notification-type-color: var(--sbb-color-red);
+  --sbb-notification-type-color-sass: #fef2f2;
+}
+
+: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-zero-time, 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-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;
+  }
+}`;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+const 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 = class extends LitElement {
+  constructor() {
+    super();
+    this.type = "info";
+    this.titleLevel = "3";
+    this.readonly = false;
+    this.size = "m";
+    this.animation = "all";
+    this._resizeObserverTimeout = null;
+    this._language = new SbbLanguageController(this);
+    this._notificationResizeObserver = new AgnosticResizeObserver(
+      () => this._onNotificationResize()
+    );
+    this._willOpen = new EventEmitter(
+      this,
+      SbbNotificationElement.events.willOpen
+    );
+    this._didOpen = new EventEmitter(
+      this,
+      SbbNotificationElement.events.didOpen
+    );
+    this._willClose = new EventEmitter(
+      this,
+      SbbNotificationElement.events.willClose
+    );
+    this._didClose = new EventEmitter(
+      this,
+      SbbNotificationElement.events.didClose
+    );
+    new SbbSlotStateController(this);
+  }
+  /**
+   * 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();
+    }
+  }
+  close() {
+    if (this._state === "opened") {
+      this._state = "closing";
+      this._willClose.emit();
+    }
+  }
+  connectedCallback() {
+    this._state || (this._state = "closed");
+    super.connectedCallback();
+  }
+  async firstUpdated(changedProperties) {
+    var _a;
+    super.firstUpdated(changedProperties);
+    this._notificationElement = (_a = this.shadowRoot) == null ? void 0 : _a.querySelector(
+      ".sbb-notification__wrapper"
+    );
+    await this.updateComplete;
+    this._setNotificationHeight();
+    this._open();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this._notificationResizeObserver.disconnect();
+  }
+  _setNotificationHeight() {
+    var _a;
+    if (!((_a = this._notificationElement) == null ? void 0 : _a.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._setNotificationHeight();
+    this._resizeObserverTimeout = setTimeout(
+      () => this.removeAttribute("data-resize-disable-animation"),
+      DEBOUNCE_TIME
+    );
+  }
+  _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._didOpen.emit();
+    this._notificationResizeObserver.observe(this._notificationElement);
+  }
+  _handleClosing() {
+    this._state = "closed";
+    this._didClose.emit();
+    this._notificationResizeObserver.unobserve(this._notificationElement);
+    setTimeout(() => this.remove());
+  }
+  render() {
+    return html`
+      <div
+        class="sbb-notification__wrapper"
+        @animationend=${(event) => this._onNotificationAnimationEnd(event)}
+      >
+        <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>
+    `;
+  }
+};
+SbbNotificationElement.styles = style;
+SbbNotificationElement.events = {
+  willOpen: "willOpen",
+  didOpen: "didOpen",
+  willClose: "willClose",
+  didClose: "didClose"
+};
+__decorateClass([
+  property({ reflect: true })
+], SbbNotificationElement.prototype, "type", 2);
+__decorateClass([
+  property({ attribute: "title-content", reflect: true })
+], SbbNotificationElement.prototype, "titleContent", 2);
+__decorateClass([
+  property({ attribute: "title-level" })
+], SbbNotificationElement.prototype, "titleLevel", 2);
+__decorateClass([
+  property({ reflect: true, type: Boolean })
+], SbbNotificationElement.prototype, "readonly", 2);
+__decorateClass([
+  property({ reflect: true })
+], SbbNotificationElement.prototype, "size", 2);
+__decorateClass([
+  property({ reflect: true })
+], SbbNotificationElement.prototype, "animation", 2);
+SbbNotificationElement = __decorateClass([
+  customElement("sbb-notification")
+], SbbNotificationElement);
+export {
+  SbbNotificationElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvbm90aWZpY2F0aW9uL25vdGlmaWNhdGlvbi50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBQcm9wZXJ0eVZhbHVlcywgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCwgTGl0RWxlbWVudCwgbm90aGluZyB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiTGFuZ3VhZ2VDb250cm9sbGVyLCBTYmJTbG90U3RhdGVDb250cm9sbGVyIH0gZnJvbSAnLi4vY29yZS9jb250cm9sbGVycy5qcyc7XG5pbXBvcnQgeyBFdmVudEVtaXR0ZXIgfSBmcm9tICcuLi9jb3JlL2V2ZW50aW5nLmpzJztcbmltcG9ydCB7IGkxOG5DbG9zZU5vdGlmaWNhdGlvbiB9IGZyb20gJy4uL2NvcmUvaTE4bi5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYk9wZW5lZENsb3NlZFN0YXRlIH0gZnJvbSAnLi4vY29yZS9pbnRlcmZhY2VzLmpzJztcbmltcG9ydCB7IEFnbm9zdGljUmVzaXplT2JzZXJ2ZXIgfSBmcm9tICcuLi9jb3JlL29ic2VydmVycy5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYlRpdGxlTGV2ZWwgfSBmcm9tICcuLi90aXRsZS5qcyc7XG5pbXBvcnQgJy4uL2J1dHRvbi9zZWNvbmRhcnktYnV0dG9uLmpzJztcbmltcG9ydCAnLi4vZGl2aWRlci5qcyc7XG5pbXBvcnQgJy4uL2ljb24uanMnO1xuaW1wb3J0ICcuLi90aXRsZS5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL25vdGlmaWNhdGlvbi5zY3NzP2xpdCZpbmxpbmUnO1xuXG5jb25zdCBub3RpZmljYXRpb25UeXBlcyA9IG5ldyBNYXAoW1xuICBbJ2luZm8nLCAnY2lyY2xlLWluZm9ybWF0aW9uLXNtYWxsJ10sXG4gIFsnc3VjY2VzcycsICdjaXJjbGUtdGljay1zbWFsbCddLFxuICBbJ3dhcm4nLCAnY2lyY2xlLWV4Y2xhbWF0aW9uLXBvaW50LXNtYWxsJ10sXG4gIFsnZXJyb3InLCAnY2lyY2xlLWNyb3NzLXNtYWxsJ10sXG5dKTtcblxuY29uc3QgREVCT1VOQ0VfVElNRSA9IDE1MDtcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBtZXNzYWdlcyB3aGljaCByZXF1aXJlIGEgdXNlcidzIGF0dGVudGlvbiB3aXRob3V0IGludGVycnVwdGluZyBpdHMgdGFza3MuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgY29udGVudCB0byB0aGUgbm90aWZpY2F0aW9uIG1lc3NhZ2UuXG4gKiBAc2xvdCB0aXRsZSAtIFVzZSB0aGlzIHRvIHByb3ZpZGUgYSBub3RpZmljYXRpb24gdGl0bGUgKG9wdGlvbmFsKS5cbiAqIEBldmVudCB7Q3VzdG9tRXZlbnQ8dm9pZD59IHdpbGxPcGVuIC0gRW1pdHMgd2hlbmV2ZXIgdGhlIGBzYmItbm90aWZpY2F0aW9uYCBzdGFydHMgdGhlIG9wZW5pbmcgdHJhbnNpdGlvbi5cbiAqIEBldmVudCB7Q3VzdG9tRXZlbnQ8dm9pZD59IGRpZE9wZW4gLSBFbWl0cyB3aGVuZXZlciB0aGUgYHNiYi1ub3RpZmljYXRpb25gIGlzIG9wZW5lZC5cbiAqIEBldmVudCB7Q3VzdG9tRXZlbnQ8dm9pZD59IHdpbGxDbG9zZSAtIEVtaXRzIHdoZW5ldmVyIHRoZSBgc2JiLW5vdGlmaWNhdGlvbmAgYmVnaW5zIHRoZSBjbG9zaW5nIHRyYW5zaXRpb24uXG4gKiBAZXZlbnQge0N1c3RvbUV2ZW50PHZvaWQ+fSBkaWRDbG9zZSAtIEVtaXRzIHdoZW5ldmVyIHRoZSBgc2JiLW5vdGlmaWNhdGlvbmAgaXMgY2xvc2VkLlxuICogQGNzc3Byb3AgWy0tc2JiLW5vdGlmaWNhdGlvbi1tYXJnaW49MF0gLSBDYW4gYmUgdXNlZCB0byBtb2RpZnkgdGhlIG1hcmdpbiBpbiBvcmRlciB0byBnZXQgYSBzbW9vdGhlciBhbmltYXRpb24uXG4gKiBTZWUgc3R5bGUgc2VjdGlvbiBmb3IgbW9yZSBpbmZvcm1hdGlvbi5cbiAqL1xuQGN1c3RvbUVsZW1lbnQoJ3NiYi1ub3RpZmljYXRpb24nKVxuZXhwb3J0IGNsYXNzIFNiYk5vdGlmaWNhdGlvbkVsZW1lbnQgZXh0ZW5kcyBMaXRFbGVtZW50IHtcbiAgLy8gRklYTUUgaW5oZXJpdGluZyBmcm9tIFNiYk9wZW5DbG9zZUJhc2VFbGVtZW50IHJlcXVpcmVzOiBodHRwczovL2dpdGh1Yi5jb20vb3Blbi13Yy9jdXN0b20tZWxlbWVudHMtbWFuaWZlc3QvaXNzdWVzLzI1M1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcbiAgcHVibGljIHN0YXRpYyByZWFkb25seSBldmVudHMgPSB7XG4gICAgd2lsbE9wZW46ICd3aWxsT3BlbicsXG4gICAgZGlkT3BlbjogJ2RpZE9wZW4nLFxuICAgIHdpbGxDbG9zZTogJ3dpbGxDbG9zZScsXG4gICAgZGlkQ2xvc2U6ICdkaWRDbG9zZScsXG4gIH0gYXMgY29uc3Q7XG5cbiAgLyoqXG4gICAqIFRoZSB0eXBlIG9mIHRoZSBub3RpZmljYXRpb24uXG4gICAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyB0eXBlOiAnaW5mbycgfCAnc3VjY2VzcycgfCAnd2FybicgfCAnZXJyb3InID0gJ2luZm8nO1xuXG4gIC8qKlxuICAgKiBDb250ZW50IG9mIHRpdGxlLlxuICAgKi9cbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAndGl0bGUtY29udGVudCcsIHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIHRpdGxlQ29udGVudD86IHN0cmluZztcblxuICAvKipcbiAgICogTGV2ZWwgb2YgdGl0bGUsIGl0IHdpbGwgYmUgcmVuZGVyZWQgYXMgaGVhZGluZyB0YWcgKGUuZy4gaDMpLiBEZWZhdWx0cyB0byBsZXZlbCAzLlxuICAgKi9cbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAndGl0bGUtbGV2ZWwnIH0pIHB1YmxpYyB0aXRsZUxldmVsOiBTYmJUaXRsZUxldmVsID0gJzMnO1xuXG4gIC8qKlxuICAgKiBXaGV0aGVyIHRoZSBub3RpZmljYXRpb24gaXMgcmVhZG9ubHkuXG4gICAqIEluIHJlYWRvbmx5IG1vZGUsIHRoZXJlIGlzIG5vIGRpc21pc3MgYnV0dG9uIG9mZmVyZWQgdG8gdGhlIHVzZXIuXG4gICAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlLCB0eXBlOiBCb29sZWFuIH0pIHB1YmxpYyByZWFkb25seSA9IGZhbHNlO1xuXG4gIC8qKiBTaXplIHZhcmlhbnQsIGVpdGhlciBzIG9yIG0uICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIHNpemU6ICdtJyB8ICdzJyA9ICdtJztcblxuICAvKipcbiAgICogVGhlIGVuYWJsZWQgYW5pbWF0aW9ucy5cbiAgICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIGFuaW1hdGlvbjogJ29wZW4nIHwgJ2Nsb3NlJyB8ICdhbGwnIHwgJ25vbmUnID0gJ2FsbCc7XG5cbiAgLyoqXG4gICAqIFRoZSBzdGF0ZSBvZiB0aGUgbm90aWZpY2F0aW9uLlxuICAgKi9cbiAgcHJpdmF0ZSBzZXQgX3N0YXRlKHN0YXRlOiBTYmJPcGVuZWRDbG9zZWRTdGF0ZSkge1xuICAgIHRoaXMuc2V0QXR0cmlidXRlKCdkYXRhLXN0YXRlJywgc3RhdGUpO1xuICB9XG4gIHByaXZhdGUgZ2V0IF9zdGF0ZSgpOiBTYmJPcGVuZWRDbG9zZWRTdGF0ZSB7XG4gICAgcmV0dXJuIHRoaXMuZ2V0QXR0cmlidXRlKCdkYXRhLXN0YXRlJykgYXMgU2JiT3BlbmVkQ2xvc2VkU3RhdGU7XG4gIH1cblxuICBwcml2YXRlIF9ub3RpZmljYXRpb25FbGVtZW50ITogSFRNTEVsZW1lbnQ7XG4gIHByaXZhdGUgX3Jlc2l6ZU9ic2VydmVyVGltZW91dDogUmV0dXJuVHlwZTx0eXBlb2Ygc2V0VGltZW91dD4gfCBudWxsID0gbnVsbDtcbiAgcHJpdmF0ZSBfbGFuZ3VhZ2UgPSBuZXcgU2JiTGFuZ3VhZ2VDb250cm9sbGVyKHRoaXMpO1xuICBwcml2YXRlIF9ub3RpZmljYXRpb25SZXNpemVPYnNlcnZlciA9IG5ldyBBZ25vc3RpY1Jlc2l6ZU9ic2VydmVyKCgpID0+XG4gICAgdGhpcy5fb25Ob3RpZmljYXRpb25SZXNpemUoKSxcbiAgKTtcblxuICAvKiogRW1pdHMgd2hlbmV2ZXIgdGhlIGBzYmItbm90aWZpY2F0aW9uYCBzdGFydHMgdGhlIG9wZW5pbmcgdHJhbnNpdGlvbi4gKi9cbiAgcHJpdmF0ZSBfd2lsbE9wZW46IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXIoXG4gICAgdGhpcyxcbiAgICBTYmJOb3RpZmljYXRpb25FbGVtZW50LmV2ZW50cy53aWxsT3BlbixcbiAgKTtcblxuICAvKiogRW1pdHMgd2hlbmV2ZXIgdGhlIGBzYmItbm90aWZpY2F0aW9uYCBpcyBvcGVuZWQuICovXG4gIHByaXZhdGUgX2RpZE9wZW46IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXIoXG4gICAgdGhpcyxcbiAgICBTYmJOb3RpZmljYXRpb25FbGVtZW50LmV2ZW50cy5kaWRPcGVuLFxuICApO1xuXG4gIC8qKiBFbWl0cyB3aGVuZXZlciB0aGUgYHNiYi1ub3RpZmljYXRpb25gIGJlZ2lucyB0aGUgY2xvc2luZyB0cmFuc2l0aW9uLiAqL1xuICBwcml2YXRlIF93aWxsQ2xvc2U6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXIoXG4gICAgdGhpcyxcbiAgICBTYmJOb3RpZmljYXRpb25FbGVtZW50LmV2ZW50cy53aWxsQ2xvc2UsXG4gICk7XG5cbiAgLyoqIEVtaXRzIHdoZW5ldmVyIHRoZSBgc2JiLW5vdGlmaWNhdGlvbmAgaXMgY2xvc2VkLiAqL1xuICBwcml2YXRlIF9kaWRDbG9zZTogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcihcbiAgICB0aGlzLFxuICAgIFNiYk5vdGlmaWNhdGlvbkVsZW1lbnQuZXZlbnRzLmRpZENsb3NlLFxuICApO1xuXG4gIHB1YmxpYyBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIG5ldyBTYmJTbG90U3RhdGVDb250cm9sbGVyKHRoaXMpO1xuICB9XG5cbiAgcHJpdmF0ZSBfb3BlbigpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5fc3RhdGUgPT09ICdjbG9zZWQnKSB7XG4gICAgICB0aGlzLl9zdGF0ZSA9ICdvcGVuaW5nJztcbiAgICAgIHRoaXMuX3dpbGxPcGVuLmVtaXQoKTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgY2xvc2UoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuX3N0YXRlID09PSAnb3BlbmVkJykge1xuICAgICAgdGhpcy5fc3RhdGUgPSAnY2xvc2luZyc7XG4gICAgICB0aGlzLl93aWxsQ2xvc2UuZW1pdCgpO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICB0aGlzLl9zdGF0ZSB8fD0gJ2Nsb3NlZCc7XG5cbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIGFzeW5jIGZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiBQcm9taXNlPHZvaWQ+IHtcbiAgICBzdXBlci5maXJzdFVwZGF0ZWQoY2hhbmdlZFByb3BlcnRpZXMpO1xuXG4gICAgdGhpcy5fbm90aWZpY2F0aW9uRWxlbWVudCA9IHRoaXMuc2hhZG93Um9vdD8ucXVlcnlTZWxlY3RvcihcbiAgICAgICcuc2JiLW5vdGlmaWNhdGlvbl9fd3JhcHBlcicsXG4gICAgKSBhcyBIVE1MRWxlbWVudDtcbiAgICAvLyBXZSBuZWVkIHRvIHdhaXQgZm9yIHRoZSBjb21wb25lbnQncyBgdXBkYXRlQ29tcGxldGVgIGluIG9yZGVyIHRvIHNldCB0aGUgY29ycmVjdFxuICAgIC8vIGhlaWdodCB0byB0aGUgbm90aWZpY2F0aW9uIGVsZW1lbnQuXG4gICAgYXdhaXQgdGhpcy51cGRhdGVDb21wbGV0ZTtcbiAgICB0aGlzLl9zZXROb3RpZmljYXRpb25IZWlnaHQoKTtcbiAgICB0aGlzLl9vcGVuKCk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgZGlzY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuZGlzY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICB0aGlzLl9ub3RpZmljYXRpb25SZXNpemVPYnNlcnZlci5kaXNjb25uZWN0KCk7XG4gIH1cblxuICBwcml2YXRlIF9zZXROb3RpZmljYXRpb25IZWlnaHQoKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLl9ub3RpZmljYXRpb25FbGVtZW50Py5zY3JvbGxIZWlnaHQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgY29uc3Qgbm90aWZpY2F0aW9uSGVpZ2h0ID0gYCR7dGhpcy5fbm90aWZpY2F0aW9uRWxlbWVudC5zY3JvbGxIZWlnaHR9cHhgO1xuICAgIHRoaXMuc3R5bGUuc2V0UHJvcGVydHkoJy0tc2JiLW5vdGlmaWNhdGlvbi1oZWlnaHQnLCBub3RpZmljYXRpb25IZWlnaHQpO1xuICB9XG5cbiAgcHJpdmF0ZSBfb25Ob3RpZmljYXRpb25SZXNpemUoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuX3N0YXRlICE9PSAnb3BlbmVkJykge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGlmICh0aGlzLl9yZXNpemVPYnNlcnZlclRpbWVvdXQpIHtcbiAgICAgIGNsZWFyVGltZW91dCh0aGlzLl9yZXNpemVPYnNlcnZlclRpbWVvdXQpO1xuICAgIH1cblxuICAgIHRoaXMudG9nZ2xlQXR0cmlidXRlKCdkYXRhLXJlc2l6ZS1kaXNhYmxlLWFuaW1hdGlvbicsIHRydWUpO1xuICAgIHRoaXMuX3NldE5vdGlmaWNhdGlvbkhlaWdodCgpO1xuXG4gICAgLy8gRGlzYWJsZSB0aGUgYW5pbWF0aW9uIHdoZW4gcmVzaXppbmcgdGhlIG5vdGlmaWNhdGlvbiB0byBhdm9pZCBzdHJhbmdlIGhlaWdodCB0cmFuc2l0aW9uIGVmZmVjdHMuXG4gICAgdGhpcy5fcmVzaXplT2JzZXJ2ZXJUaW1lb3V0ID0gc2V0VGltZW91dChcbiAgICAgICgpID0+IHRoaXMucmVtb3ZlQXR0cmlidXRlKCdkYXRhLXJlc2l6ZS1kaXNhYmxlLWFuaW1hdGlvbicpLFxuICAgICAgREVCT1VOQ0VfVElNRSxcbiAgICApO1xuICB9XG5cbiAgcHJpdmF0ZSBfb25Ob3RpZmljYXRpb25BbmltYXRpb25FbmQoZXZlbnQ6IEFuaW1hdGlvbkV2ZW50KTogdm9pZCB7XG4gICAgaWYgKHRoaXMuX3N0YXRlID09PSAnb3BlbmluZycgJiYgZXZlbnQuYW5pbWF0aW9uTmFtZSA9PT0gJ29wZW4nKSB7XG4gICAgICB0aGlzLl9oYW5kbGVPcGVuaW5nKCk7XG4gICAgfVxuXG4gICAgaWYgKHRoaXMuX3N0YXRlID09PSAnY2xvc2luZycgJiYgZXZlbnQuYW5pbWF0aW9uTmFtZSA9PT0gJ2Nsb3NlLWhlaWdodCcpIHtcbiAgICAgIHRoaXMuX2hhbmRsZUNsb3NpbmcoKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF9oYW5kbGVPcGVuaW5nKCk6IHZvaWQge1xuICAgIHRoaXMuX3N0YXRlID0gJ29wZW5lZCc7XG4gICAgdGhpcy5fZGlkT3Blbi5lbWl0KCk7XG4gICAgdGhpcy5fbm90aWZpY2F0aW9uUmVzaXplT2JzZXJ2ZXIub2JzZXJ2ZSh0aGlzLl9ub3RpZmljYXRpb25FbGVtZW50KTtcbiAgfVxuXG4gIHByaXZhdGUgX2hhbmRsZUNsb3NpbmcoKTogdm9pZCB7XG4gICAgdGhpcy5fc3RhdGUgPSAnY2xvc2VkJztcbiAgICB0aGlzLl9kaWRDbG9zZS5lbWl0KCk7XG4gICAgdGhpcy5fbm90aWZpY2F0aW9uUmVzaXplT2JzZXJ2ZXIudW5vYnNlcnZlKHRoaXMuX25vdGlmaWNhdGlvbkVsZW1lbnQpO1xuICAgIHNldFRpbWVvdXQoKCkgPT4gdGhpcy5yZW1vdmUoKSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJzYmItbm90aWZpY2F0aW9uX193cmFwcGVyXCJcbiAgICAgICAgQGFuaW1hdGlvbmVuZD0keyhldmVudDogQW5pbWF0aW9uRXZlbnQpID0+IHRoaXMuX29uTm90aWZpY2F0aW9uQW5pbWF0aW9uRW5kKGV2ZW50KX1cbiAgICAgID5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNiYi1ub3RpZmljYXRpb25cIj5cbiAgICAgICAgICA8c2JiLWljb25cbiAgICAgICAgICAgIGNsYXNzPVwic2JiLW5vdGlmaWNhdGlvbl9faWNvblwiXG4gICAgICAgICAgICBuYW1lPSR7bm90aWZpY2F0aW9uVHlwZXMuZ2V0KHRoaXMudHlwZSkhfVxuICAgICAgICAgID48L3NiYi1pY29uPlxuXG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItbm90aWZpY2F0aW9uX19jb250ZW50XCI+XG4gICAgICAgICAgICA8c2JiLXRpdGxlXG4gICAgICAgICAgICAgIGNsYXNzPVwic2JiLW5vdGlmaWNhdGlvbl9fdGl0bGVcIlxuICAgICAgICAgICAgICBsZXZlbD0ke3RoaXMudGl0bGVMZXZlbH1cbiAgICAgICAgICAgICAgdmlzdWFsLWxldmVsPSR7dGhpcy5zaXplID09PSAnbScgPyAnNScgOiAnNid9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxzbG90IG5hbWU9XCJ0aXRsZVwiPiR7dGhpcy50aXRsZUNvbnRlbnR9PC9zbG90PlxuICAgICAgICAgICAgPC9zYmItdGl0bGU+XG4gICAgICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICAgICAgPC9zcGFuPlxuXG4gICAgICAgICAgJHshdGhpcy5yZWFkb25seVxuICAgICAgICAgICAgPyBodG1sYDxzcGFuIGNsYXNzPVwic2JiLW5vdGlmaWNhdGlvbl9fY2xvc2Utd3JhcHBlclwiPlxuICAgICAgICAgICAgICAgIDxzYmItZGl2aWRlciBjbGFzcz1cInNiYi1ub3RpZmljYXRpb25fX2RpdmlkZXJcIiBvcmllbnRhdGlvbj1cInZlcnRpY2FsXCI+PC9zYmItZGl2aWRlcj5cbiAgICAgICAgICAgICAgICA8c2JiLXNlY29uZGFyeS1idXR0b25cbiAgICAgICAgICAgICAgICAgIHNpemU9JHt0aGlzLnNpemV9XG4gICAgICAgICAgICAgICAgICBpY29uLW5hbWU9XCJjcm9zcy1zbWFsbFwiXG4gICAgICAgICAgICAgICAgICBAY2xpY2s9JHsoKSA9PiB0aGlzLmNsb3NlKCl9XG4gICAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPSR7aTE4bkNsb3NlTm90aWZpY2F0aW9uW3RoaXMuX2xhbmd1YWdlLmN1cnJlbnRdfVxuICAgICAgICAgICAgICAgICAgY2xhc3M9XCJzYmItbm90aWZpY2F0aW9uX19jbG9zZVwiXG4gICAgICAgICAgICAgICAgPjwvc2JiLXNlY29uZGFyeS1idXR0b24+XG4gICAgICAgICAgICAgIDwvc3Bhbj5gXG4gICAgICAgICAgICA6IG5vdGhpbmd9XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLW5vdGlmaWNhdGlvbic6IFNiYk5vdGlmaWNhdGlvbkVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7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

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

@@ -0,0 +1,33 @@
+import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
+
+declare const SbbOptGroupElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbHydrationMixinType> & typeof LitElement;
+/**
+ * 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 SbbOptGroupElement_base {
+    static styles: CSSResultGroup;
+    /** Option group label. */
+    label: string;
+    private _negative;
+    private _negativeObserver;
+    private get _options();
+    connectedCallback(): void;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    disconnectedCallback(): void;
+    private _setVariantByContext;
+    private _handleSlotchange;
+    private _proxyGroupLabelToOptions;
+    private _proxyDisabledToOptions;
+    private _highlightOptions;
+    private _onNegativeChange;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-optgroup': SbbOptGroupElement;
+    }
+}
+export {};
+//# sourceMappingURL=optgroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"optgroup.d.ts","sourceRoot":"","sources":["../../../../../src/elements/option/optgroup/optgroup.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAWvC,OAAO,kBAAkB,CAAC;;AAS1B;;;;GAIG;AACH,qBAEa,kBAAmB,SAAQ,uBAA+C;IACrF,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,0BAA0B;IACP,KAAK,EAAG,MAAM,CAAC;IAEzB,OAAO,CAAC,SAAS,CAAS;IAEnC,OAAO,CAAC,iBAAiB,CAAgE;IAEzF,OAAO,KAAK,QAAQ,GAEnB;IAEe,iBAAiB,IAAI,IAAI;cAmBtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAe5D,oBAAoB,IAAI,IAAI;IAK5C,OAAO,CAAC,oBAAoB;IAQ5B,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,yBAAyB;IAkBjC,OAAO,CAAC,uBAAuB;IAM/B,OAAO,CAAC,iBAAiB;IAYzB,OAAO,CAAC,iBAAiB;cAIN,MAAM,IAAI,cAAc;CAY5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,cAAc,EAAE,kBAAkB,CAAC;KACpC;CACF"}

package/development/option/optgroup.d.ts

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

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

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