@sbb-esta/lyne-elements-dev 4.11.0-dev.1777279894 → 4.11.0-dev.1777284830

package/development/popover.pure.js

@@ -1,2 +1,2 @@
-import { n as SbbPopoverElement, t as SbbPopoverBaseElement } from "./popover.component-B3tm93Pe.js";
+import { n as SbbPopoverElement, t as SbbPopoverBaseElement } from "./popover.component-rZb6B9uW.js";
 export { SbbPopoverBaseElement, SbbPopoverElement };

package/development/toast/toast.component.js

@@ -1,2 +1,2 @@
-import { t as SbbToastElement } from "../toast.component-Cgr5ZGOr.js";
+import { t as SbbToastElement } from "../toast.component-IhHx0Qt3.js";
 export { SbbToastElement };

package/development/toast.component-IhHx0Qt3.js

@@ -0,0 +1,275 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { html, nothing, unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+import { SbbOpenCloseBaseElement } from "./core/base-elements.js";
+import { forceType } from "./core/decorators.js";
+import { isLean, isZeroAnimationDuration } from "./core/dom.js";
+import { composedPathHasAttribute } from "./core/eventing.js";
+import { SbbReadonlyMixin } from "./core/mixins.js";
+import { boxSizingStyles } from "./core/styles.js";
+import { SbbTransparentButtonElement } from "./button.pure.js";
+import { SbbDarkModeController, SbbLanguageController } from "./core/controllers.js";
+import { i18nCloseAlert } from "./core/i18n.js";
+import { SbbIconNameMixin } from "./icon.js";
+import "./divider.js";
+//#region src/elements/toast/toast.scss?inline
+var toast_default = ":host {\n  --sbb-toast-animation-duration: var(\n    --sbb-disable-animation-duration,\n    var(--sbb-animation-duration-6x)\n  );\n  --sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);\n  display: none;\n}\n\n:host(:is(:is(:state(state-opening),[state--state-opening]), :is(:state(state-opened),[state--state-opened]), :is(:state(state-closing),[state--state-closing]))) {\n  --sbb-toast-container-display: flex;\n  display: block;\n}\n\n:host([position=bottom-left]),\n:host([position=bottom-start]) {\n  --sbb-toast-horizontal-position: flex-start;\n  --sbb-toast-vertical-position: flex-end;\n}\n\n:host([position=bottom-center]) {\n  --sbb-toast-horizontal-position: center;\n  --sbb-toast-vertical-position: flex-end;\n}\n\n:host([position=bottom-right]),\n:host([position=bottom-end]) {\n  --sbb-toast-horizontal-position: flex-end;\n  --sbb-toast-vertical-position: flex-end;\n}\n\n:host([position=top-left]),\n:host([position=top-start]) {\n  --sbb-toast-horizontal-position: flex-start;\n  --sbb-toast-vertical-position: flex-start;\n}\n\n:host([position=top-center]) {\n  --sbb-toast-horizontal-position: center;\n  --sbb-toast-vertical-position: flex-start;\n}\n\n:host([position=top-right]),\n:host([position=top-end]) {\n  --sbb-toast-horizontal-position: flex-end;\n  --sbb-toast-vertical-position: flex-start;\n}\n\n:host(:is(:state(dark),[state--dark])) {\n  --sbb-focus-outline-color: var(--sbb-focus-outline-color-default);\n}\n\n.sbb-toast__overlay-container {\n  position: var(--sbb-toast-container-position);\n  pointer-events: none;\n  inset: 0;\n  display: var(--sbb-toast-container-display, none);\n  justify-content: var(--sbb-toast-horizontal-position);\n  align-items: var(--sbb-toast-vertical-position);\n}\n\n.sbb-toast {\n  z-index: var(--sbb-toast-z-index, var(--sbb-overlay-default-z-index));\n  pointer-events: auto;\n  margin: var(--sbb-toast-margin);\n  border-radius: var(--sbb-toast-border-radius);\n  max-width: var(--sbb-toast-max-width);\n  display: flex;\n  color: var(--sbb-toast-text-color);\n  background-color: var(--sbb-toast-background-color);\n}\n:host(:is(:state(state-opening),[state--state-opening])) .sbb-toast {\n  animation-name: open;\n  animation-duration: var(--sbb-toast-animation-duration);\n  animation-timing-function: var(--sbb-toast-animation-timing-function);\n}\n:host(:is(:state(state-closing),[state--state-closing])) .sbb-toast {\n  animation-name: close;\n  animation-duration: var(--sbb-toast-animation-duration);\n  animation-timing-function: var(--sbb-toast-animation-timing-function);\n}\n\n.sbb-toast-wrapper {\n  display: flex;\n  align-items: center;\n  gap: var(--sbb-toast-gap);\n  padding-block: var(--sbb-toast-padding-block);\n  padding-inline: var(--sbb-toast-padding-inline);\n}\n\nslot:not([name=icon]),\n.sbb-toast__close {\n  color-scheme: only light;\n}\n\n.sbb-toast__content {\n  --sbb-title-font-size: var(--sbb-title-font-size-level-6-lean, var(--sbb-heading-font-size-6));\n  --sbb-title-line-height: var(--sbb-typo-line-height-text);\n  margin-block: var(--sbb-title-margin-block, 0);\n  margin-inline: 0;\n  font-family: var(--sbb-typo-font-family);\n  font-weight: bold;\n  font-size: var(--sbb-title-font-size);\n  letter-spacing: var(--sbb-typo-letter-spacing-heading);\n  line-height: var(--sbb-title-line-height, var(--sbb-typo-line-height-heading));\n  flex: 1 1 0;\n}\n\n.sbb-toast__close {\n  display: flex;\n  align-items: center;\n}\n\n.sbb-toast__close-divider {\n  padding-block: var(--sbb-toast-padding-block);\n}\n\n.sbb-toast__close-button {\n  margin-inline: var(--sbb-spacing-responsive-xxxs);\n}\n\n@keyframes open {\n  from {\n    visibility: hidden;\n    opacity: 0;\n    translate: 0 var(--sbb-spacing-fixed-2x);\n  }\n  to {\n    visibility: visible;\n    opacity: 1;\n    translate: 0;\n  }\n}\n@keyframes close {\n  from {\n    visibility: visible;\n    opacity: 1;\n    translate: 0;\n  }\n  to {\n    visibility: hidden;\n    opacity: 0;\n    translate: 0 var(--sbb-spacing-fixed-2x);\n  }\n}";
+//#endregion
+//#region src/elements/toast/toast.component.ts
+SbbTransparentButtonElement.define();
+var toastRefs = /* @__PURE__ */ new Set();
+/**
+* It displays a toast notification.
+*
+* @slot - Use the unnamed slot to add content to the `sbb-toast`.
+* @slot icon - Assign a custom icon via slot.
+* @slot action - Provide a custom action for this toast.
+* @cssprop [--sbb-toast-z-index=var(--sbb-overlay-default-z-index)] - To specify a custom stack order,
+* the `z-index` can be overridden by defining this CSS variable. The default `z-index` of the
+* component is set to `var(--sbb-overlay-default-z-index)` with a value of `1000`.
+*/
+var SbbToastElement = (() => {
+	let _classSuper = SbbIconNameMixin(SbbReadonlyMixin(SbbOpenCloseBaseElement));
+	let _timeout_decorators;
+	let _timeout_initializers = [];
+	let _timeout_extraInitializers = [];
+	let _position_decorators;
+	let _position_initializers = [];
+	let _position_extraInitializers = [];
+	let _politeness_decorators;
+	let _politeness_initializers = [];
+	let _politeness_extraInitializers = [];
+	return class SbbToastElement extends _classSuper {
+		static {
+			const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+			_timeout_decorators = [forceType(), property({ type: Number })];
+			_position_decorators = [property({ reflect: true })];
+			_politeness_decorators = [property()];
+			__esDecorate(this, null, _timeout_decorators, {
+				kind: "accessor",
+				name: "timeout",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "timeout" in obj,
+					get: (obj) => obj.timeout,
+					set: (obj, value) => {
+						obj.timeout = value;
+					}
+				},
+				metadata: _metadata
+			}, _timeout_initializers, _timeout_extraInitializers);
+			__esDecorate(this, null, _position_decorators, {
+				kind: "accessor",
+				name: "position",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "position" in obj,
+					get: (obj) => obj.position,
+					set: (obj, value) => {
+						obj.position = value;
+					}
+				},
+				metadata: _metadata
+			}, _position_initializers, _position_extraInitializers);
+			__esDecorate(this, null, _politeness_decorators, {
+				kind: "accessor",
+				name: "politeness",
+				static: false,
+				private: false,
+				access: {
+					has: (obj) => "politeness" in obj,
+					get: (obj) => obj.politeness,
+					set: (obj, value) => {
+						obj.politeness = value;
+					}
+				},
+				metadata: _metadata
+			}, _politeness_initializers, _politeness_extraInitializers);
+			if (_metadata) Object.defineProperty(this, Symbol.metadata, {
+				enumerable: true,
+				configurable: true,
+				writable: true,
+				value: _metadata
+			});
+		}
+		static {
+			this.elementName = "sbb-toast";
+		}
+		static {
+			this.styles = [boxSizingStyles, unsafeCSS(toast_default)];
+		}
+		#timeout_accessor_storage;
+		/**
+		* The length of time in milliseconds to wait before automatically dismissing the toast.
+		* If 0 (default), it stays open indefinitely.
+		* From accessibility perspective, it is recommended to set a timeout of at least 20 seconds.
+		*/
+		get timeout() {
+			return this.#timeout_accessor_storage;
+		}
+		set timeout(value) {
+			this.#timeout_accessor_storage = value;
+		}
+		#position_accessor_storage;
+		/** The position where to place the toast. */
+		get position() {
+			return this.#position_accessor_storage;
+		}
+		set position(value) {
+			this.#position_accessor_storage = value;
+		}
+		#politeness_accessor_storage;
+		/**
+		* The ARIA politeness level.
+		* Check https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions#live_regions for further info
+		*/
+		get politeness() {
+			return this.#politeness_accessor_storage;
+		}
+		set politeness(value) {
+			this.#politeness_accessor_storage = value;
+		}
+		constructor() {
+			super();
+			this.#timeout_accessor_storage = __runInitializers(this, _timeout_initializers, 0);
+			this.#position_accessor_storage = (__runInitializers(this, _timeout_extraInitializers), __runInitializers(this, _position_initializers, "bottom-center"));
+			this.#politeness_accessor_storage = (__runInitializers(this, _position_extraInitializers), __runInitializers(this, _politeness_initializers, "polite"));
+			this._closeTimeout = __runInitializers(this, _politeness_extraInitializers);
+			this._language = new SbbLanguageController(this);
+			this._darkModeController = new SbbDarkModeController(this, () => {
+				this._syncSlottedElements();
+				this.requestUpdate();
+			});
+			this.addEventListener?.("click", (e) => this._onClick(e));
+		}
+		connectedCallback() {
+			this.popover = "manual";
+			super.connectedCallback();
+			toastRefs.add(this);
+		}
+		disconnectedCallback() {
+			super.disconnectedCallback();
+			clearTimeout(this._closeTimeout);
+			toastRefs.delete(this);
+		}
+		willUpdate(changedProperties) {
+			super.willUpdate(changedProperties);
+			if (changedProperties.has("politeness")) this.internals.ariaLive = this.politeness;
+		}
+		/**
+		* Open the toast.
+		* If there are other opened toasts in the page, close them first.
+		*/
+		open() {
+			if (this.state === "opened" || this.state === "opening" || !this.dispatchBeforeOpenEvent()) return;
+			this._closeOtherToasts();
+			this.showPopover?.();
+			this.state = "opening";
+			if (this._isZeroAnimationDuration()) this._handleOpening();
+		}
+		/**
+		* Close the toast.
+		*/
+		close() {
+			if (this.state === "closed" || this.state === "closing" || !this.dispatchBeforeCloseEvent()) return;
+			clearTimeout(this._closeTimeout);
+			this.state = "closing";
+			if (this._isZeroAnimationDuration()) this._handleClosing();
+		}
+		_handleClosing() {
+			this.state = "closed";
+			this.hidePopover?.();
+			this.dispatchCloseEvent();
+		}
+		_handleOpening() {
+			this.state = "opened";
+			this.dispatchOpenEvent();
+			if (this.timeout) {
+				const global = globalThis;
+				const setTimeout = global[global.Zone?.__symbol__?.("setTimeout")] ?? global.setTimeout;
+				this._closeTimeout = setTimeout(() => this.close(), this.timeout);
+			}
+		}
+		_onClick(event) {
+			const closeElement = composedPathHasAttribute(event, "sbb-toast-close", this);
+			if (closeElement && !closeElement.hasAttribute("disabled")) this.close();
+		}
+		_isZeroAnimationDuration() {
+			return isZeroAnimationDuration(this, "--sbb-toast-animation-duration");
+		}
+		/**
+		* Slotted text nodes are not read correctly by screen readers on Chrome.
+		* To address the problem, if there is at least a root text node,
+		* we wrap the whole content in a <span> tag
+		*/
+		_onContentSlotChange(event) {
+			const slotNodes = event.target.assignedNodes();
+			if (slotNodes.some((el) => el.nodeType === Node.TEXT_NODE)) {
+				const span = document.createElement("span");
+				this.prepend(span);
+				span.append(...slotNodes);
+			}
+			this._syncSlottedElements();
+		}
+		_syncSlottedElements() {
+			this.querySelectorAll("sbb-transparent-button, sbb-transparent-button-link").forEach((btn) => {
+				btn.negative = this._isLightMode();
+				btn.size = isLean() ? "s" : "m";
+			});
+			this.querySelectorAll("sbb-link, sbb-link-button, sbb-link-static").forEach((link) => {
+				link.negative = this._isLightMode();
+			});
+		}
+		_onToastAnimationEnd(event) {
+			if (event.animationName === "open" && this.state === "opening") this._handleOpening();
+			else if (event.animationName === "close" && this.state === "closing") this._handleClosing();
+		}
+		/**
+		* Since we do not stack toasts, we force the closing on other existing opened ones
+		*/
+		_closeOtherToasts() {
+			toastRefs.forEach((t) => {
+				if (t.state === "opened" || t.state === "opening") t.close();
+			});
+		}
+		_isLightMode() {
+			return !this._darkModeController.matches();
+		}
+		render() {
+			return html`
+      <div class="sbb-toast__overlay-container">
+        <div class="sbb-toast" @animationend=${this._onToastAnimationEnd}>
+          <div class="sbb-toast-wrapper">
+            ${this.renderIconSlot()}
+            <div class="sbb-toast__content">
+              <slot @slotchange=${this._onContentSlotChange}></slot>
+            </div>
+            <slot name="action" @slotchange=${this._syncSlottedElements}></slot>
+          </div>
+          <div class="sbb-toast__close">
+            <sbb-divider
+              class="sbb-toast__close-divider"
+              orientation="vertical"
+              ?negative=${this._isLightMode()}
+            ></sbb-divider>
+            ${!this.readOnly ? html`<sbb-transparent-button
+                  class="sbb-toast__close-button"
+                  icon-name="cross-small"
+                  ?negative=${this._isLightMode()}
+                  size="m"
+                  aria-label=${i18nCloseAlert[this._language.current]}
+                  sbb-toast-close
+                ></sbb-transparent-button>` : nothing}
+          </div>
+        </div>
+      </div>
+    `;
+		}
+	};
+})();
+//#endregion
+export { SbbToastElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QuY29tcG9uZW50LUloSHgwUXQzLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90b2FzdC90b2FzdC5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90b2FzdC90b2FzdC5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICAtLXNiYi10b2FzdC1hbmltYXRpb24tZHVyYXRpb246IHZhcihcbiAgICAtLXNiYi1kaXNhYmxlLWFuaW1hdGlvbi1kdXJhdGlvbixcbiAgICB2YXIoLS1zYmItYW5pbWF0aW9uLWR1cmF0aW9uLTZ4KVxuICApO1xuICAtLXNiYi1mb2N1cy1vdXRsaW5lLWNvbG9yOiB2YXIoLS1zYmItZm9jdXMtb3V0bGluZS1jb2xvci1kYXJrKTtcblxuICBkaXNwbGF5OiBub25lO1xufVxuXG46aG9zdCg6aXMoOnN0YXRlKHN0YXRlLW9wZW5pbmcpLCA6c3RhdGUoc3RhdGUtb3BlbmVkKSwgOnN0YXRlKHN0YXRlLWNsb3NpbmcpKSkge1xuICAtLXNiYi10b2FzdC1jb250YWluZXItZGlzcGxheTogZmxleDtcblxuICBkaXNwbGF5OiBibG9jaztcbn1cblxuOmhvc3QoW3Bvc2l0aW9uPSdib3R0b20tbGVmdCddKSxcbjpob3N0KFtwb3NpdGlvbj0nYm90dG9tLXN0YXJ0J10pIHtcbiAgLS1zYmItdG9hc3QtaG9yaXpvbnRhbC1wb3NpdGlvbjogZmxleC1zdGFydDtcbiAgLS1zYmItdG9hc3QtdmVydGljYWwtcG9zaXRpb246IGZsZXgtZW5kO1xufVxuXG46aG9zdChbcG9zaXRpb249J2JvdHRvbS1jZW50ZXInXSkge1xuICAtLXNiYi10b2FzdC1ob3Jpem9udGFsLXBvc2l0aW9uOiBjZW50ZXI7XG4gIC0tc2JiLXRvYXN0LXZlcnRpY2FsLXBvc2l0aW9uOiBmbGV4LWVuZDtcbn1cblxuOmhvc3QoW3Bvc2l0aW9uPSdib3R0b20tcmlnaHQnXSksXG46aG9zdChbcG9zaXRpb249J2JvdHRvbS1lbmQnXSkge1xuICAtLXNiYi10b2FzdC1ob3Jpem9udGFsLXBvc2l0aW9uOiBmbGV4LWVuZDtcbiAgLS1zYmItdG9hc3QtdmVydGljYWwtcG9zaXRpb246IGZsZXgtZW5kO1xufVxuXG46aG9zdChbcG9zaXRpb249J3RvcC1sZWZ0J10pLFxuOmhvc3QoW3Bvc2l0aW9uPSd0b3Atc3RhcnQnXSkge1xuICAtLXNiYi10b2FzdC1ob3Jpem9udGFsLXBvc2l0aW9uOiBmbGV4LXN0YXJ0O1xuICAtLXNiYi10b2FzdC12ZXJ0aWNhbC1wb3NpdGlvbjogZmxleC1zdGFydDtcbn1cblxuOmhvc3QoW3Bvc2l0aW9uPSd0b3AtY2VudGVyJ10pIHtcbiAgLS1zYmItdG9hc3QtaG9yaXpvbnRhbC1wb3NpdGlvbjogY2VudGVyO1xuICAtLXNiYi10b2FzdC12ZXJ0aWNhbC1wb3NpdGlvbjogZmxleC1zdGFydDtcbn1cblxuOmhvc3QoW3Bvc2l0aW9uPSd0b3AtcmlnaHQnXSksXG46aG9zdChbcG9zaXRpb249J3RvcC1lbmQnXSkge1xuICAtLXNiYi10b2FzdC1ob3Jpem9udGFsLXBvc2l0aW9uOiBmbGV4LWVuZDtcbiAgLS1zYmItdG9hc3QtdmVydGljYWwtcG9zaXRpb246IGZsZXgtc3RhcnQ7XG59XG5cbjpob3N0KDpzdGF0ZShkYXJrKSkge1xuICAtLXNiYi1mb2N1cy1vdXRsaW5lLWNvbG9yOiB2YXIoLS1zYmItZm9jdXMtb3V0bGluZS1jb2xvci1kZWZhdWx0KTtcbn1cblxuLnNiYi10b2FzdF9fb3ZlcmxheS1jb250YWluZXIge1xuICBwb3NpdGlvbjogdmFyKC0tc2JiLXRvYXN0LWNvbnRhaW5lci1wb3NpdGlvbik7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICBpbnNldDogMDtcbiAgZGlzcGxheTogdmFyKC0tc2JiLXRvYXN0LWNvbnRhaW5lci1kaXNwbGF5LCBub25lKTtcbiAganVzdGlmeS1jb250ZW50OiB2YXIoLS1zYmItdG9hc3QtaG9yaXpvbnRhbC1wb3NpdGlvbik7XG4gIGFsaWduLWl0ZW1zOiB2YXIoLS1zYmItdG9hc3QtdmVydGljYWwtcG9zaXRpb24pO1xufVxuXG4uc2JiLXRvYXN0IHtcbiAgei1pbmRleDogdmFyKC0tc2JiLXRvYXN0LXotaW5kZXgsIHZhcigtLXNiYi1vdmVybGF5LWRlZmF1bHQtei1pbmRleCkpO1xuICBwb2ludGVyLWV2ZW50czogYXV0bztcbiAgbWFyZ2luOiB2YXIoLS1zYmItdG9hc3QtbWFyZ2luKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tc2JiLXRvYXN0LWJvcmRlci1yYWRpdXMpO1xuICBtYXgtd2lkdGg6IHZhcigtLXNiYi10b2FzdC1tYXgtd2lkdGgpO1xuICBkaXNwbGF5OiBmbGV4O1xuICBjb2xvcjogdmFyKC0tc2JiLXRvYXN0LXRleHQtY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItdG9hc3QtYmFja2dyb3VuZC1jb2xvcik7XG5cbiAgOmhvc3QoOnN0YXRlKHN0YXRlLW9wZW5pbmcpKSAmIHtcbiAgICBhbmltYXRpb246IHtcbiAgICAgIG5hbWU6IG9wZW47XG4gICAgICBkdXJhdGlvbjogdmFyKC0tc2JiLXRvYXN0LWFuaW1hdGlvbi1kdXJhdGlvbik7XG4gICAgICB0aW1pbmctZnVuY3Rpb246IHZhcigtLXNiYi10b2FzdC1hbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uKTtcbiAgICB9XG4gIH1cblxuICA6aG9zdCg6c3RhdGUoc3RhdGUtY2xvc2luZykpICYge1xuICAgIGFuaW1hdGlvbjoge1xuICAgICAgbmFtZTogY2xvc2U7XG4gICAgICBkdXJhdGlvbjogdmFyKC0tc2JiLXRvYXN0LWFuaW1hdGlvbi1kdXJhdGlvbik7XG4gICAgICB0aW1pbmctZnVuY3Rpb246IHZhcigtLXNiYi10b2FzdC1hbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uKTtcbiAgICB9XG4gIH1cbn1cblxuLnNiYi10b2FzdC13cmFwcGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiB2YXIoLS1zYmItdG9hc3QtZ2FwKTtcbiAgcGFkZGluZy1ibG9jazogdmFyKC0tc2JiLXRvYXN0LXBhZGRpbmctYmxvY2spO1xuICBwYWRkaW5nLWlubGluZTogdmFyKC0tc2JiLXRvYXN0LXBhZGRpbmctaW5saW5lKTtcbn1cblxuc2xvdDpub3QoW25hbWU9J2ljb24nXSksXG4uc2JiLXRvYXN0X19jbG9zZSB7XG4gIC8vIEFzIHRoZSBzbG90dGVkIGNvbnRlbnQgaXMgZGlzcGxheWVkIG9uIGEgd2hpdGUgYmFja2dyb3VuZCwgd2UgbmVlZCB0byBmb3JjZSBsaWdodCBtb2RlIGZvciB0aGVtLlxuICBjb2xvci1zY2hlbWU6IG9ubHkgbGlnaHQ7XG59XG5cbi5zYmItdG9hc3RfX2NvbnRlbnQge1xuICBAaW5jbHVkZSBzYmIudGl0bGUtNigkZXhjbHVkZS1zcGFjaW5nOiB0cnVlKTtcblxuICBmbGV4OiAxIDEgMDtcbn1cblxuLnNiYi10b2FzdF9fY2xvc2Uge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuXG4uc2JiLXRvYXN0X19jbG9zZS1kaXZpZGVyIHtcbiAgcGFkZGluZy1ibG9jazogdmFyKC0tc2JiLXRvYXN0LXBhZGRpbmctYmxvY2spO1xufVxuXG4uc2JiLXRvYXN0X19jbG9zZS1idXR0b24ge1xuICBtYXJnaW4taW5saW5lOiB2YXIoLS1zYmItc3BhY2luZy1yZXNwb25zaXZlLXh4eHMpO1xufVxuXG5Aa2V5ZnJhbWVzIG9wZW4ge1xuICBmcm9tIHtcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2xhdGU6IDAgdmFyKC0tc2JiLXNwYWNpbmctZml4ZWQtMngpO1xuICB9XG5cbiAgdG8ge1xuICAgIHZpc2liaWxpdHk6IHZpc2libGU7XG4gICAgb3BhY2l0eTogMTtcbiAgICB0cmFuc2xhdGU6IDA7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBjbG9zZSB7XG4gIGZyb20ge1xuICAgIHZpc2liaWxpdHk6IHZpc2libGU7XG4gICAgb3BhY2l0eTogMTtcbiAgICB0cmFuc2xhdGU6IDA7XG4gIH1cblxuICB0byB7XG4gICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdHJhbnNsYXRlOiAwIHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTJ4KTtcbiAgfVxufVxuIiwiaW1wb3J0IHtcbiAgaHRtbCxcbiAgbm90aGluZyxcbiAgdW5zYWZlQ1NTLFxuICB0eXBlIENTU1Jlc3VsdEdyb3VwLFxuICB0eXBlIFByb3BlcnR5VmFsdWVzLFxuICB0eXBlIFRlbXBsYXRlUmVzdWx0LFxufSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7XG4gIFNiYlRyYW5zcGFyZW50QnV0dG9uRWxlbWVudCxcbiAgdHlwZSBTYmJUcmFuc3BhcmVudEJ1dHRvbkxpbmtFbGVtZW50LFxufSBmcm9tICcuLi9idXR0b24ucHVyZS50cyc7XG5pbXBvcnQgeyBTYmJPcGVuQ2xvc2VCYXNlRWxlbWVudCB9IGZyb20gJy4uL2NvcmUvYmFzZS1lbGVtZW50cy50cyc7XG5pbXBvcnQgeyBTYmJEYXJrTW9kZUNvbnRyb2xsZXIsIFNiYkxhbmd1YWdlQ29udHJvbGxlciB9IGZyb20gJy4uL2NvcmUvY29udHJvbGxlcnMudHMnO1xuaW1wb3J0IHsgZm9yY2VUeXBlIH0gZnJvbSAnLi4vY29yZS9kZWNvcmF0b3JzLnRzJztcbmltcG9ydCB7IGlzTGVhbiwgaXNaZXJvQW5pbWF0aW9uRHVyYXRpb24gfSBmcm9tICcuLi9jb3JlL2RvbS50cyc7XG5pbXBvcnQgeyBjb21wb3NlZFBhdGhIYXNBdHRyaWJ1dGUgfSBmcm9tICcuLi9jb3JlL2V2ZW50aW5nLnRzJztcbmltcG9ydCB7IGkxOG5DbG9zZUFsZXJ0IH0gZnJvbSAnLi4vY29yZS9pMThuLnRzJztcbmltcG9ydCB7IFNiYlJlYWRvbmx5TWl4aW4gfSBmcm9tICcuLi9jb3JlL21peGlucy50cyc7XG5pbXBvcnQgeyBib3hTaXppbmdTdHlsZXMgfSBmcm9tICcuLi9jb3JlL3N0eWxlcy50cyc7XG5pbXBvcnQgeyBTYmJJY29uTmFtZU1peGluIH0gZnJvbSAnLi4vaWNvbi50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYkxpbmtCdXR0b25FbGVtZW50LCBTYmJMaW5rRWxlbWVudCwgU2JiTGlua1N0YXRpY0VsZW1lbnQgfSBmcm9tICcuLi9saW5rLnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vdG9hc3Quc2Nzcz9pbmxpbmUnO1xuXG5pbXBvcnQgJy4uL2RpdmlkZXIudHMnO1xuXG4vLyBUT0RPKGJyZWFraW5nLWNoYW5nZSk6IFJlbW92ZSBjYWxsIHRvIGRlZmluZS5cblNiYlRyYW5zcGFyZW50QnV0dG9uRWxlbWVudC5kZWZpbmUoKTtcblxudHlwZSBTYmJUb2FzdFBvc2l0aW9uVmVydGljYWwgPSAndG9wJyB8ICdib3R0b20nO1xudHlwZSBTYmJUb2FzdFBvc2l0aW9uSG9yaXpvbnRhbCA9ICdsZWZ0JyB8ICdzdGFydCcgfCAnY2VudGVyJyB8ICdyaWdodCcgfCAnZW5kJztcbmV4cG9ydCB0eXBlIFNiYlRvYXN0UG9zaXRpb24gPSBgJHtTYmJUb2FzdFBvc2l0aW9uVmVydGljYWx9LSR7U2JiVG9hc3RQb3NpdGlvbkhvcml6b250YWx9YDtcblxuLy8gQSBnbG9iYWwgY29sbGVjdGlvbiBvZiBleGlzdGluZyB0b2FzdHNcbmNvbnN0IHRvYXN0UmVmcyA9IG5ldyBTZXQ8U2JiVG9hc3RFbGVtZW50PigpO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGEgdG9hc3Qgbm90aWZpY2F0aW9uLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGNvbnRlbnQgdG8gdGhlIGBzYmItdG9hc3RgLlxuICogQHNsb3QgaWNvbiAtIEFzc2lnbiBhIGN1c3RvbSBpY29uIHZpYSBzbG90LlxuICogQHNsb3QgYWN0aW9uIC0gUHJvdmlkZSBhIGN1c3RvbSBhY3Rpb24gZm9yIHRoaXMgdG9hc3QuXG4gKiBAY3NzcHJvcCBbLS1zYmItdG9hc3Qtei1pbmRleD12YXIoLS1zYmItb3ZlcmxheS1kZWZhdWx0LXotaW5kZXgpXSAtIFRvIHNwZWNpZnkgYSBjdXN0b20gc3RhY2sgb3JkZXIsXG4gKiB0aGUgYHotaW5kZXhgIGNhbiBiZSBvdmVycmlkZGVuIGJ5IGRlZmluaW5nIHRoaXMgQ1NTIHZhcmlhYmxlLiBUaGUgZGVmYXVsdCBgei1pbmRleGAgb2YgdGhlXG4gKiBjb21wb25lbnQgaXMgc2V0IHRvIGB2YXIoLS1zYmItb3ZlcmxheS1kZWZhdWx0LXotaW5kZXgpYCB3aXRoIGEgdmFsdWUgb2YgYDEwMDBgLlxuICovXG5leHBvcnQgY2xhc3MgU2JiVG9hc3RFbGVtZW50IGV4dGVuZHMgU2JiSWNvbk5hbWVNaXhpbihTYmJSZWFkb25seU1peGluKFNiYk9wZW5DbG9zZUJhc2VFbGVtZW50KSkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLXRvYXN0JztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2JveFNpemluZ1N0eWxlcywgdW5zYWZlQ1NTKHN0eWxlKV07XG5cbiAgLyoqXG4gICAqIFRoZSBsZW5ndGggb2YgdGltZSBpbiBtaWxsaXNlY29uZHMgdG8gd2FpdCBiZWZvcmUgYXV0b21hdGljYWxseSBkaXNtaXNzaW5nIHRoZSB0b2FzdC5cbiAgICogSWYgMCAoZGVmYXVsdCksIGl0IHN0YXlzIG9wZW4gaW5kZWZpbml0ZWx5LlxuICAgKiBGcm9tIGFjY2Vzc2liaWxpdHkgcGVyc3BlY3RpdmUsIGl0IGlzIHJlY29tbWVuZGVkIHRvIHNldCBhIHRpbWVvdXQgb2YgYXQgbGVhc3QgMjAgc2Vjb25kcy5cbiAgICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyB0eXBlOiBOdW1iZXIgfSlcbiAgcHVibGljIGFjY2Vzc29yIHRpbWVvdXQ6IG51bWJlciA9IDA7XG5cbiAgLyoqIFRoZSBwb3NpdGlvbiB3aGVyZSB0byBwbGFjZSB0aGUgdG9hc3QuICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIGFjY2Vzc29yIHBvc2l0aW9uOiBTYmJUb2FzdFBvc2l0aW9uID0gJ2JvdHRvbS1jZW50ZXInO1xuXG4gIC8qKlxuICAgKiBUaGUgQVJJQSBwb2xpdGVuZXNzIGxldmVsLlxuICAgKiBDaGVjayBodHRwczovL2RldmVsb3Blci5tb3ppbGxhLm9yZy9lbi1VUy9kb2NzL1dlYi9BY2Nlc3NpYmlsaXR5L0FSSUEvQVJJQV9MaXZlX1JlZ2lvbnMjbGl2ZV9yZWdpb25zIGZvciBmdXJ0aGVyIGluZm9cbiAgICovXG4gIEBwcm9wZXJ0eSgpIHB1YmxpYyBhY2Nlc3NvciBwb2xpdGVuZXNzOiAncG9saXRlJyB8ICdhc3NlcnRpdmUnIHwgJ29mZicgPSAncG9saXRlJztcblxuICBwcml2YXRlIF9jbG9zZVRpbWVvdXQ/OiBSZXR1cm5UeXBlPHR5cGVvZiBzZXRUaW1lb3V0PjtcbiAgcHJpdmF0ZSBfbGFuZ3VhZ2UgPSBuZXcgU2JiTGFuZ3VhZ2VDb250cm9sbGVyKHRoaXMpO1xuICBwcml2YXRlIF9kYXJrTW9kZUNvbnRyb2xsZXIgPSBuZXcgU2JiRGFya01vZGVDb250cm9sbGVyKHRoaXMsICgpID0+IHtcbiAgICB0aGlzLl9zeW5jU2xvdHRlZEVsZW1lbnRzKCk7XG4gICAgdGhpcy5yZXF1ZXN0VXBkYXRlKCk7XG4gIH0pO1xuXG4gIHB1YmxpYyBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIHRoaXMuYWRkRXZlbnRMaXN0ZW5lcj8uKCdjbGljaycsIChlKSA9PiB0aGlzLl9vbkNsaWNrKGUpKTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICB0aGlzLnBvcG92ZXIgPSAnbWFudWFsJztcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuXG4gICAgLy8gQWRkIHRoaXMgdG9hc3QgdG8gdGhlIGdsb2JhbCBjb2xsZWN0aW9uXG4gICAgdG9hc3RSZWZzLmFkZCh0aGlzKTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBkaXNjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5kaXNjb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIGNsZWFyVGltZW91dCh0aGlzLl9jbG9zZVRpbWVvdXQpO1xuXG4gICAgLy8gUmVtb3ZlIHRoaXMgaW5zdGFuY2VcbiAgICB0b2FzdFJlZnMuZGVsZXRlKHRoaXMpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHdpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPHRoaXM+KTogdm9pZCB7XG4gICAgc3VwZXIud2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdwb2xpdGVuZXNzJykpIHtcbiAgICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFMaXZlID0gdGhpcy5wb2xpdGVuZXNzO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBPcGVuIHRoZSB0b2FzdC5cbiAgICogSWYgdGhlcmUgYXJlIG90aGVyIG9wZW5lZCB0b2FzdHMgaW4gdGhlIHBhZ2UsIGNsb3NlIHRoZW0gZmlyc3QuXG4gICAqL1xuICBwdWJsaWMgb3BlbigpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5zdGF0ZSA9PT0gJ29wZW5lZCcgfHwgdGhpcy5zdGF0ZSA9PT0gJ29wZW5pbmcnIHx8ICF0aGlzLmRpc3BhdGNoQmVmb3JlT3BlbkV2ZW50KCkpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aGlzLl9jbG9zZU90aGVyVG9hc3RzKCk7XG4gICAgdGhpcy5zaG93UG9wb3Zlcj8uKCk7XG4gICAgdGhpcy5zdGF0ZSA9ICdvcGVuaW5nJztcblxuICAgIC8vIElmIHRoZSBhbmltYXRpb24gZHVyYXRpb24gaXMgemVybywgdGhlIGFuaW1hdGlvbmVuZCBldmVudCBpcyBub3QgYWx3YXlzIGZpcmVkIHJlbGlhYmx5LlxuICAgIC8vIEluIHRoaXMgY2FzZSB3ZSBkaXJlY3RseSBzZXQgdGhlIGBvcGVuZWRgIHN0YXRlLlxuICAgIGlmICh0aGlzLl9pc1plcm9BbmltYXRpb25EdXJhdGlvbigpKSB7XG4gICAgICB0aGlzLl9oYW5kbGVPcGVuaW5nKCk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIENsb3NlIHRoZSB0b2FzdC5cbiAgICovXG4gIHB1YmxpYyBjbG9zZSgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5zdGF0ZSA9PT0gJ2Nsb3NlZCcgfHwgdGhpcy5zdGF0ZSA9PT0gJ2Nsb3NpbmcnIHx8ICF0aGlzLmRpc3BhdGNoQmVmb3JlQ2xvc2VFdmVudCgpKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY2xlYXJUaW1lb3V0KHRoaXMuX2Nsb3NlVGltZW91dCk7XG4gICAgdGhpcy5zdGF0ZSA9ICdjbG9zaW5nJztcblxuICAgIC8vIElmIHRoZSBhbmltYXRpb24gZHVyYXRpb24gaXMgemVybywgdGhlIGFuaW1hdGlvbmVuZCBldmVudCBpcyBub3QgYWx3YXlzIGZpcmVkIHJlbGlhYmx5LlxuICAgIC8vIEluIHRoaXMgY2FzZSB3ZSBkaXJlY3RseSBzZXQgdGhlIGBjbG9zZWRgIHN0YXRlLlxuICAgIGlmICh0aGlzLl9pc1plcm9BbmltYXRpb25EdXJhdGlvbigpKSB7XG4gICAgICB0aGlzLl9oYW5kbGVDbG9zaW5nKCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfaGFuZGxlQ2xvc2luZygpOiB2b2lkIHtcbiAgICB0aGlzLnN0YXRlID0gJ2Nsb3NlZCc7XG4gICAgdGhpcy5oaWRlUG9wb3Zlcj8uKCk7XG4gICAgdGhpcy5kaXNwYXRjaENsb3NlRXZlbnQoKTtcbiAgfVxuXG4gIHByaXZhdGUgX2hhbmRsZU9wZW5pbmcoKTogdm9pZCB7XG4gICAgdGhpcy5zdGF0ZSA9ICdvcGVuZWQnO1xuICAgIHRoaXMuZGlzcGF0Y2hPcGVuRXZlbnQoKTtcblxuICAgIC8vIFN0YXJ0IHRoZSBjb3VudGRvd24gdG8gY2xvc2UgaXRcbiAgICBpZiAodGhpcy50aW1lb3V0KSB7XG4gICAgICAvLyBXb3JrYXJvdW5kIGZvciBodHRwczovL2dpdGh1Yi5jb20vc2JiLWRlc2lnbi1zeXN0ZW1zL2x5bmUtYW5ndWxhci9pc3N1ZXMvMTkwXG4gICAgICAvLyBJZiB6b25lLmpzIGlzIGxvYWRlZCwgc2V0VGltZW91dCBpcyB3cmFwcGVkIGFuZCB0cmFja2VkIHdoaWNoIHdpbGwgbWFya1xuICAgICAgLy8gYW55dGhpbmcgaW4gQW5ndWxhciBhcyB1bnN0YWJsZSBhcyBsb25nIGFzIHNldFRpbWVvdXQgaXMgbm90IGZpbmlzaGVkLlxuICAgICAgLy8gVGhpcyBvbmx5IG5lZWRzIHRvIGJlIGZpeGVkIGluIHBsYWNlcyB3aGVyZSB3ZSBhY3R1YWxseSB3YW50IHRvIHdhaXQgYVxuICAgICAgLy8gc3BlY2lmaWMgYW1vdW50IG9mIHRpbWUgd2l0aG91dCBhbiBpbnRlcmFjdGlvbiAoZS5nLiBmb3IgdGhpcyBjYXNlKS5cbiAgICAgIGNvbnN0IGdsb2JhbCA9IGdsb2JhbFRoaXMgYXMgYW55O1xuICAgICAgY29uc3Qgc2V0VGltZW91dDogdHlwZW9mIGdsb2JhbFRoaXMuc2V0VGltZW91dCA9XG4gICAgICAgIGdsb2JhbFtnbG9iYWwuWm9uZT8uX19zeW1ib2xfXz8uKCdzZXRUaW1lb3V0JykgYXMgc3RyaW5nXSA/PyBnbG9iYWwuc2V0VGltZW91dDtcblxuICAgICAgdGhpcy5fY2xvc2VUaW1lb3V0ID0gc2V0VGltZW91dCgoKSA9PiB0aGlzLmNsb3NlKCksIHRoaXMudGltZW91dCk7XG4gICAgfVxuICB9XG5cbiAgLy8gQ2xvc2UgdGhlIHRvYXN0IG9uIGNsaWNrIG9mIGFueSBlbGVtZW50IHRoYXQgaGFzIHRoZSAnc2JiLXRvYXN0LWNsb3NlJyBhdHRyaWJ1dGUuXG4gIHByaXZhdGUgX29uQ2xpY2soZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgY29uc3QgY2xvc2VFbGVtZW50ID0gY29tcG9zZWRQYXRoSGFzQXR0cmlidXRlKGV2ZW50LCAnc2JiLXRvYXN0LWNsb3NlJywgdGhpcyk7XG5cbiAgICBpZiAoY2xvc2VFbGVtZW50ICYmICFjbG9zZUVsZW1lbnQuaGFzQXR0cmlidXRlKCdkaXNhYmxlZCcpKSB7XG4gICAgICB0aGlzLmNsb3NlKCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfaXNaZXJvQW5pbWF0aW9uRHVyYXRpb24oKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIGlzWmVyb0FuaW1hdGlvbkR1cmF0aW9uKHRoaXMsICctLXNiYi10b2FzdC1hbmltYXRpb24tZHVyYXRpb24nKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBTbG90dGVkIHRleHQgbm9kZXMgYXJlIG5vdCByZWFkIGNvcnJlY3RseSBieSBzY3JlZW4gcmVhZGVycyBvbiBDaHJvbWUuXG4gICAqIFRvIGFkZHJlc3MgdGhlIHByb2JsZW0sIGlmIHRoZXJlIGlzIGF0IGxlYXN0IGEgcm9vdCB0ZXh0IG5vZGUsXG4gICAqIHdlIHdyYXAgdGhlIHdob2xlIGNvbnRlbnQgaW4gYSA8c3Bhbj4gdGFnXG4gICAqL1xuICBwcml2YXRlIF9vbkNvbnRlbnRTbG90Q2hhbmdlKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IHNsb3ROb2RlcyA9IChldmVudC50YXJnZXQgYXMgSFRNTFNsb3RFbGVtZW50KS5hc3NpZ25lZE5vZGVzKCk7XG5cbiAgICBpZiAoc2xvdE5vZGVzLnNvbWUoKGVsKSA9PiBlbC5ub2RlVHlwZSA9PT0gTm9kZS5URVhUX05PREUpKSB7XG4gICAgICBjb25zdCBzcGFuID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnc3BhbicpO1xuICAgICAgdGhpcy5wcmVwZW5kKHNwYW4pO1xuICAgICAgc3Bhbi5hcHBlbmQoLi4uc2xvdE5vZGVzKTtcbiAgICB9XG4gICAgdGhpcy5fc3luY1Nsb3R0ZWRFbGVtZW50cygpO1xuICB9XG5cbiAgcHJpdmF0ZSBfc3luY1Nsb3R0ZWRFbGVtZW50cygpOiB2b2lkIHtcbiAgICAvLyBGb3JjZSB0aGUgdmlzdWFsIHN0YXRlIG9uIHNsb3R0ZWQgYnV0dG9uc1xuICAgIHRoaXMucXVlcnlTZWxlY3RvckFsbDxTYmJUcmFuc3BhcmVudEJ1dHRvbkVsZW1lbnQgfCBTYmJUcmFuc3BhcmVudEJ1dHRvbkxpbmtFbGVtZW50PihcbiAgICAgICdzYmItdHJhbnNwYXJlbnQtYnV0dG9uLCBzYmItdHJhbnNwYXJlbnQtYnV0dG9uLWxpbmsnLFxuICAgICkuZm9yRWFjaCgoYnRuKSA9PiB7XG4gICAgICBidG4ubmVnYXRpdmUgPSB0aGlzLl9pc0xpZ2h0TW9kZSgpO1xuICAgICAgYnRuLnNpemUgPSBpc0xlYW4oKSA/ICdzJyA6ICdtJztcbiAgICB9KTtcblxuICAgIC8vIEZvcmNlIG5lZ2F0aXZlIG9uIHNsb3R0ZWQgbGlua3NcbiAgICB0aGlzLnF1ZXJ5U2VsZWN0b3JBbGw8U2JiTGlua0VsZW1lbnQgfCBTYmJMaW5rQnV0dG9uRWxlbWVudCB8IFNiYkxpbmtTdGF0aWNFbGVtZW50PihcbiAgICAgICdzYmItbGluaywgc2JiLWxpbmstYnV0dG9uLCBzYmItbGluay1zdGF0aWMnLFxuICAgICkuZm9yRWFjaCgobGluaykgPT4ge1xuICAgICAgbGluay5uZWdhdGl2ZSA9IHRoaXMuX2lzTGlnaHRNb2RlKCk7XG4gICAgfSk7XG4gIH1cblxuICAvLyBJbiByYXJlIGNhc2VzIGl0IGNhbiBiZSB0aGF0IHRoZSBhbmltYXRpb25FbmQgZXZlbnQgaXMgdHJpZ2dlcmVkIHR3aWNlLlxuICAvLyBUbyBhdm9pZCBlbnRlcmluZyBhIGNvcnJ1cHQgc3RhdGUsIGV4aXQgd2hlbiBzdGF0ZSBpcyBub3QgZXhwZWN0ZWQuXG4gIHByaXZhdGUgX29uVG9hc3RBbmltYXRpb25FbmQoZXZlbnQ6IEFuaW1hdGlvbkV2ZW50KTogdm9pZCB7XG4gICAgLy8gT24gdG9hc3Qgb3BlbmVkXG4gICAgaWYgKGV2ZW50LmFuaW1hdGlvbk5hbWUgPT09ICdvcGVuJyAmJiB0aGlzLnN0YXRlID09PSAnb3BlbmluZycpIHtcbiAgICAgIHRoaXMuX2hhbmRsZU9wZW5pbmcoKTtcbiAgICB9IGVsc2UgaWYgKGV2ZW50LmFuaW1hdGlvbk5hbWUgPT09ICdjbG9zZScgJiYgdGhpcy5zdGF0ZSA9PT0gJ2Nsb3NpbmcnKSB7XG4gICAgICB0aGlzLl9oYW5kbGVDbG9zaW5nKCk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIFNpbmNlIHdlIGRvIG5vdCBzdGFjayB0b2FzdHMsIHdlIGZvcmNlIHRoZSBjbG9zaW5nIG9uIG90aGVyIGV4aXN0aW5nIG9wZW5lZCBvbmVzXG4gICAqL1xuICBwcml2YXRlIF9jbG9zZU90aGVyVG9hc3RzKCk6IHZvaWQge1xuICAgIHRvYXN0UmVmcy5mb3JFYWNoKCh0KSA9PiB7XG4gICAgICBpZiAodC5zdGF0ZSA9PT0gJ29wZW5lZCcgfHwgdC5zdGF0ZSA9PT0gJ29wZW5pbmcnKSB7XG4gICAgICAgIHQuY2xvc2UoKTtcbiAgICAgIH1cbiAgICB9KTtcbiAgfVxuXG4gIHByaXZhdGUgX2lzTGlnaHRNb2RlKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAhdGhpcy5fZGFya01vZGVDb250cm9sbGVyLm1hdGNoZXMoKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi10b2FzdF9fb3ZlcmxheS1jb250YWluZXJcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNiYi10b2FzdFwiIEBhbmltYXRpb25lbmQ9JHt0aGlzLl9vblRvYXN0QW5pbWF0aW9uRW5kfT5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwic2JiLXRvYXN0LXdyYXBwZXJcIj5cbiAgICAgICAgICAgICR7dGhpcy5yZW5kZXJJY29uU2xvdCgpfVxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNiYi10b2FzdF9fY29udGVudFwiPlxuICAgICAgICAgICAgICA8c2xvdCBAc2xvdGNoYW5nZT0ke3RoaXMuX29uQ29udGVudFNsb3RDaGFuZ2V9Pjwvc2xvdD5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPHNsb3QgbmFtZT1cImFjdGlvblwiIEBzbG90Y2hhbmdlPSR7dGhpcy5fc3luY1Nsb3R0ZWRFbGVtZW50c30+PC9zbG90PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzYmItdG9hc3RfX2Nsb3NlXCI+XG4gICAgICAgICAgICA8c2JiLWRpdmlkZXJcbiAgICAgICAgICAgICAgY2xhc3M9XCJzYmItdG9hc3RfX2Nsb3NlLWRpdmlkZXJcIlxuICAgICAgICAgICAgICBvcmllbnRhdGlvbj1cInZlcnRpY2FsXCJcbiAgICAgICAgICAgICAgP25lZ2F0aXZlPSR7dGhpcy5faXNMaWdodE1vZGUoKX1cbiAgICAgICAgICAgID48L3NiYi1kaXZpZGVyPlxuICAgICAgICAgICAgJHshdGhpcy5yZWFkT25seVxuICAgICAgICAgICAgICA/IGh0bWxgPHNiYi10cmFuc3BhcmVudC1idXR0b25cbiAgICAgICAgICAgICAgICAgIGNsYXNzPVwic2JiLXRvYXN0X19jbG9zZS1idXR0b25cIlxuICAgICAgICAgICAgICAgICAgaWNvbi1uYW1lPVwiY3Jvc3Mtc21hbGxcIlxuICAgICAgICAgICAgICAgICAgP25lZ2F0aXZlPSR7dGhpcy5faXNMaWdodE1vZGUoKX1cbiAgICAgICAgICAgICAgICAgIHNpemU9XCJtXCJcbiAgICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9JHtpMThuQ2xvc2VBbGVydFt0aGlzLl9sYW5ndWFnZS5jdXJyZW50XX1cbiAgICAgICAgICAgICAgICAgIHNiYi10b2FzdC1jbG9zZVxuICAgICAgICAgICAgICAgID48L3NiYi10cmFuc3BhcmVudC1idXR0b24+YFxuICAgICAgICAgICAgICA6IG5vdGhpbmd9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXRvYXN0JzogU2JiVG9hc3RFbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQzhCQSw0QkFBNEIsUUFBUTtBQU9wQyxJQUFNLDRCQUFZLElBQUksS0FBc0I7Ozs7Ozs7Ozs7O0lBWS9CLHlCQUFlO21CQUFTLGlCQUFpQixpQkFBaUIsd0JBQXdCLENBQUM7Ozs7Ozs7Ozs7Y0FBbkYsd0JBQXdCLFlBQTJEOzs7MEJBUzdGLFdBQVcsRUFDWCxTQUFTLEVBQUUsTUFBTSxRQUFRLENBQUMsQ0FBQTsyQkFJMUIsU0FBUyxFQUFFLFNBQVMsTUFBTSxDQUFDLENBQUE7NkJBTTNCLFVBQVUsQ0FBQTtBQVRYLGdCQUFBLE1BQUEsTUFBQSxxQkFBQTtJQUFBLE1BQUE7SUFBQSxNQUFBO0lBQUEsUUFBQTtJQUFBLFNBQUE7SUFBQSxRQUFBO0tBQUEsTUFBQSxRQUFBLGFBQUE7S0FBQSxNQUFBLFFBQUEsSUFBZ0I7S0FBTyxNQUFBLEtBQUEsVUFBQTtBQUFBLFVBQVAsVUFBTzs7S0FBQTtJQUFBLFVBQUE7SUFBQSxFQUFBLHVCQUFBLDJCQUFBO0FBR00sZ0JBQUEsTUFBQSxNQUFBLHNCQUFBO0lBQUEsTUFBQTtJQUFBLE1BQUE7SUFBQSxRQUFBO0lBQUEsU0FBQTtJQUFBLFFBQUE7S0FBQSxNQUFBLFFBQUEsY0FBQTtLQUFBLE1BQUEsUUFBQSxJQUFnQjtLQUFRLE1BQUEsS0FBQSxVQUFBO0FBQUEsVUFBUixXQUFROztLQUFBO0lBQUEsVUFBQTtJQUFBLEVBQUEsd0JBQUEsNEJBQUE7QUFNekMsZ0JBQUEsTUFBQSxNQUFBLHdCQUFBO0lBQUEsTUFBQTtJQUFBLE1BQUE7SUFB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

package/development/toast.js

@@ -1,4 +1,4 @@
-import { t as SbbToastElement } from "./toast.component-Cgr5ZGOr.js";
+import { t as SbbToastElement } from "./toast.component-IhHx0Qt3.js";
 import "./toast.pure.js";
 //#region src/elements/toast.ts
 /** @entrypoint */

package/development/toast.pure.js

@@ -1,2 +1,2 @@
-import { t as SbbToastElement } from "./toast.component-Cgr5ZGOr.js";
+import { t as SbbToastElement } from "./toast.component-IhHx0Qt3.js";
 export { SbbToastElement };

package/off-brand-theme.css

@@ -1959,6 +1959,18 @@ slot[name=error]::slotted(*) {
   --sbb-overlay-position-try-fallbacks:
     block-start span-inline-end, block-start span-inline-start, block-end,
     block-end span-inline-end, block-end span-inline-start;
+  --sbb-toast-max-width: 25rem;
+  --sbb-toast-animation-timing-function: ease;
+  --sbb-toast-text-color: var(--sbb-color-3-inverted);
+  --sbb-toast-background-color: var(--sbb-background-color-1-inverted);
+  --sbb-toast-margin: var(--sbb-spacing-responsive-s);
+  --sbb-toast-padding-block: var(--sbb-spacing-responsive-xxxs);
+  --sbb-toast-padding-inline: var(--sbb-spacing-responsive-xs);
+  --sbb-toast-border-radius: var(--sbb-border-radius-4x);
+  --sbb-toast-container-position: fixed;
+  --sbb-toast-horizontal-position: initial;
+  --sbb-toast-vertical-position: initial;
+  --sbb-toast-gap: var(--sbb-spacing-fixed-2x);
   --sbb-visual-checkbox-dimension: var(--sbb-checkbox-dimension-m);
   --sbb-visual-checkbox-selection-color: var(--sbb-color-primary);
   --sbb-visual-checkbox-selection-color-negative: var(--sbb-color-primary85);

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@sbb-esta/lyne-elements-dev",
-  "version": "4.11.0-dev.1777279894",
+  "version": "4.11.0-dev.1777284830",
   "description": "Lyne Design System",
   "keywords": [
     "design system",
     "web components",
     "lit",
-    "https://github.com/sbb-design-systems/lyne-components/commit/79619ae5e031a3a15bde656641271c3ae999782f"
+    "https://github.com/sbb-design-systems/lyne-components/commit/bd9b1699867e8a10613e456b8318255ae67474c9"
   ],
   "type": "module",
   "exports": {

package/popover/popover.component.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../popover.component-Bv6-zVf4.js";
+import { n as e, t } from "../popover.component-DAgwBcBW.js";
 export { t as SbbPopoverBaseElement, e as SbbPopoverElement };

package/{popover.component-Bv6-zVf4.js → popover.component-DAgwBcBW.js}

@@ -10,24 +10,28 @@ import { boxSizingStyles as p } from "./core/styles.js";
 import { SbbSecondaryButtonElement as m } from "./button.pure.js";
 import { SbbEscapableOverlayController as h, SbbLanguageController as g, SbbMediaQueryPointerCoarse as _ } from "./core/controllers.js";
 import { i18nClosePopover as v } from "./core/i18n.js";
-import { ref as y } from "lit/directives/ref.js";
-import { getElementPosition as b, isEventOnElement as x, removeAriaOverlayTriggerAttributes as S, setAriaOverlayTriggerAttributes as C } from "./core/overlay.js";
-import { IS_FOCUSABLE_QUERY as w, SbbFocusTrapController as T, isFakeMousedownFromScreenReader as E, sbbInputModalityDetector as D } from "./core/a11y.js";
-import { readConfig as O } from "./core/config.js";
+import { ResizeController as y } from "@lit-labs/observers/resize-controller.js";
+import { ref as b } from "lit/directives/ref.js";
+import { getElementPosition as x, isEventOnElement as S, removeAriaOverlayTriggerAttributes as C, setAriaOverlayTriggerAttributes as w } from "./core/overlay.js";
+import { IS_FOCUSABLE_QUERY as T, SbbFocusTrapController as E, isFakeMousedownFromScreenReader as D, sbbInputModalityDetector as O } from "./core/a11y.js";
+import { readConfig as k } from "./core/config.js";
 //#region src/elements/popover/popover.scss?inline
-var k = ":host{--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);--sbb-focus-outline-color: light-dark( var(--sbb-focus-outline-color-default), var(--sbb-focus-outline-color-dark) );--sbb-popover-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--_sbb-popover-inset: 0 auto auto 0;--_sbb-popover-transform: translateY(var(--sbb-spacing-fixed-2x));--_sbb-popover-box-shadow: var(--sbb-box-shadow-level-9-hard);outline:none!important;display:none}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){--_sbb-popover-inset: 0;display:block}:host(:is(:state(position-above),[state--position-above])){--_sbb-popover-transform: translateY(calc(var(--sbb-spacing-fixed-2x) * -1))}:host(:not([hide-close-button],:is(:state(hover-trigger),[state--hover-trigger]))){--sbb-popover-min-height: calc(var(--sbb-size-element-xs) + 2 * var(--sbb-popover-padding))}.sbb-popover:after,.sbb-popover__content:before{content:\"\";position:absolute;display:block;width:var(--sbb-popover-arrow-size);height:var(--sbb-popover-arrow-size);left:var(--_sbb-popover-arrow-position-x, 0);bottom:calc(100% - var(--sbb-popover-arrow-size) / 2);background-color:var(--sbb-popover-background);border-radius:var(--sbb-border-radius-2x) 0;transform:rotate(45deg)}.sbb-popover__container{position:fixed;inset:var(--_sbb-popover-inset);pointer-events:none;z-index:var(--sbb-popover-z-index, var(--sbb-overlay-default-z-index))}.sbb-popover{display:none;position:var(--sbb-popover-position, absolute);top:var(--_sbb-popover-position-y, 0);bottom:unset;left:var(--_sbb-popover-position-x, 0);right:unset;background-color:var(--sbb-popover-background);max-width:var(--sbb-popover-max-width);width:max-content;padding:0;box-shadow:var(--_sbb-popover-box-shadow);border:none;border-radius:var(--sbb-popover-border-radius);outline:none;pointer-events:all}:host(:focus-visible) .sbb-popover{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-popover{display:block;animation-name:open;animation-duration:var(--sbb-popover-animation-duration);animation-timing-function:var(--sbb-popover-animation-easing)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-popover{pointer-events:none;animation-name:close;animation-duration:var(--sbb-popover-animation-duration);animation-timing-function:var(--sbb-popover-animation-easing)}.sbb-popover:after{z-index:-1;box-shadow:var(--_sbb-popover-box-shadow)}@media(forced-colors:active){.sbb-popover:after{outline:var(--sbb-border-width-1x) solid CanvasText}}:host(:is(:state(position-above),[state--position-above])) .sbb-popover:after{top:calc(100% - var(--sbb-popover-arrow-size) / 2)}@media(forced-colors:active){.sbb-popover{outline:var(--sbb-border-width-1x) solid CanvasText}}.sbb-popover:before{content:\"\";display:block;position:absolute;inset:0;z-index:-1;background-color:transparent}:host(:is(:state(position-below),[state--position-below])) .sbb-popover:before{inset-block-start:calc(-1 * var(--sbb-spacing-fixed-6x))}:host(:is(:state(position-above),[state--position-above])) .sbb-popover:before{inset-block-end:calc(-1 * var(--sbb-spacing-fixed-6x))}.sbb-popover__content{display:flex;gap:var(--sbb-spacing-fixed-4x);border-radius:var(--sbb-popover-border-radius);padding-block:var(--sbb-popover-padding) 0;padding-inline:var(--sbb-popover-padding);outline:none;background-color:var(--sbb-popover-background);flex-direction:row-reverse;min-height:var(--sbb-popover-min-height)}:host(:is(:state(position-above),[state--position-above])) .sbb-popover__content:before{top:calc(100% - var(--sbb-popover-arrow-size) / 2)}.sbb-popover__scrollable-content{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-popover__scrollable-content::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-popover__scrollable-content::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-popover__scrollable-content::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-popover__scrollable-content::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-popover__scrollable-content::-webkit-scrollbar-button,.sbb-popover__scrollable-content::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-popover__scrollable-content{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-popover__scrollable-content{display:block;padding-block-end:var(--sbb-popover-padding);max-height:calc(var(--_sbb-popover-max-height));overflow:auto}@keyframes open{0%{opacity:0;transform:var(--_sbb-popover-transform)}to{opacity:1;transform:translateY(0)}}@keyframes close{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:var(--_sbb-popover-transform)}}";
+var A = ":host{--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);--sbb-focus-outline-color: light-dark( var(--sbb-focus-outline-color-default), var(--sbb-focus-outline-color-dark) );--sbb-popover-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--_sbb-popover-inset: 0 auto auto 0;--_sbb-popover-transform: translateY(var(--sbb-spacing-fixed-2x));--_sbb-popover-box-shadow: var(--sbb-box-shadow-level-9-hard);outline:none!important;display:none}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){--_sbb-popover-inset: 0;display:block}:host(:is(:state(position-above),[state--position-above])){--_sbb-popover-transform: translateY(calc(var(--sbb-spacing-fixed-2x) * -1))}:host(:not([hide-close-button],:is(:state(hover-trigger),[state--hover-trigger]))){--sbb-popover-min-height: calc(var(--sbb-size-element-xs) + 2 * var(--sbb-popover-padding))}.sbb-popover:after,.sbb-popover__content:before{content:\"\";position:absolute;display:block;width:var(--sbb-popover-arrow-size);height:var(--sbb-popover-arrow-size);left:var(--_sbb-popover-arrow-position-x, 0);bottom:calc(100% - var(--sbb-popover-arrow-size) / 2);background-color:var(--sbb-popover-background);border-radius:var(--sbb-border-radius-2x) 0;transform:rotate(45deg)}.sbb-popover__container{position:fixed;inset:var(--_sbb-popover-inset);pointer-events:none;z-index:var(--sbb-popover-z-index, var(--sbb-overlay-default-z-index))}.sbb-popover{display:none;position:var(--sbb-popover-position, absolute);top:var(--_sbb-popover-position-y, 0);bottom:unset;left:var(--_sbb-popover-position-x, 0);right:unset;background-color:var(--sbb-popover-background);max-width:var(--sbb-popover-max-width);width:max-content;padding:0;box-shadow:var(--_sbb-popover-box-shadow);border:none;border-radius:var(--sbb-popover-border-radius);outline:none;pointer-events:all}:host(:focus-visible) .sbb-popover{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-popover{display:block;animation-name:open;animation-duration:var(--sbb-popover-animation-duration);animation-timing-function:var(--sbb-popover-animation-easing)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-popover{pointer-events:none;animation-name:close;animation-duration:var(--sbb-popover-animation-duration);animation-timing-function:var(--sbb-popover-animation-easing)}.sbb-popover:after{z-index:-1;box-shadow:var(--_sbb-popover-box-shadow)}@media(forced-colors:active){.sbb-popover:after{outline:var(--sbb-border-width-1x) solid CanvasText}}:host(:is(:state(position-above),[state--position-above])) .sbb-popover:after{top:calc(100% - var(--sbb-popover-arrow-size) / 2)}@media(forced-colors:active){.sbb-popover{outline:var(--sbb-border-width-1x) solid CanvasText}}.sbb-popover:before{content:\"\";display:block;position:absolute;inset:0;z-index:-1;background-color:transparent}:host(:is(:state(position-below),[state--position-below])) .sbb-popover:before{inset-block-start:calc(-1 * var(--sbb-spacing-fixed-6x))}:host(:is(:state(position-above),[state--position-above])) .sbb-popover:before{inset-block-end:calc(-1 * var(--sbb-spacing-fixed-6x))}.sbb-popover__content{display:flex;gap:var(--sbb-spacing-fixed-4x);border-radius:var(--sbb-popover-border-radius);padding-block:var(--sbb-popover-padding) 0;padding-inline:var(--sbb-popover-padding);outline:none;background-color:var(--sbb-popover-background);flex-direction:row-reverse;min-height:var(--sbb-popover-min-height)}:host(:is(:state(position-above),[state--position-above])) .sbb-popover__content:before{top:calc(100% - var(--sbb-popover-arrow-size) / 2)}.sbb-popover__scrollable-content{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-popover__scrollable-content::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-popover__scrollable-content::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-popover__scrollable-content::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-popover__scrollable-content::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-popover__scrollable-content::-webkit-scrollbar-button,.sbb-popover__scrollable-content::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-popover__scrollable-content{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-popover__scrollable-content{display:block;padding-block-end:var(--sbb-popover-padding);max-height:calc(var(--_sbb-popover-max-height));overflow:auto}@keyframes open{0%{opacity:0;transform:var(--_sbb-popover-transform)}to{opacity:1;transform:translateY(0)}}@keyframes close{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:var(--_sbb-popover-transform)}}";
 //#endregion
 //#region src/elements/popover/popover.component.ts
 m.define();
-var A = 16, j = 32, M = 0, N = /* @__PURE__ */ new Set(), P = r ? !1 : matchMedia(_).matches, F = (() => {
+var j = 16, M = 32, N = 0, P = /* @__PURE__ */ new Set(), F = r ? !1 : matchMedia(_).matches, I = (() => {
 	let i = s, c, f = [], m = [];
 	return class extends i {
 		constructor() {
-			super(...arguments), this.#e = t(this, f, null), this._nextFocusedElement = t(this, m), this._skipCloseFocus = !1, this._escapableOverlayController = new h(this), this._focusTrapController = new T(this), this._blurTimeout = null, this._pointerDownListener = (e) => {
-				this._isPointerDownEventOnPopover = x(this.overlay, e);
+			super(...arguments), this.#e = t(this, f, null), this._nextFocusedElement = t(this, m), this._skipCloseFocus = !1, this._resizeController = new y(this, {
+				target: null,
+				callback: () => this._setPopoverPosition()
+			}), this._escapableOverlayController = new h(this), this._focusTrapController = new E(this), this._blurTimeout = null, this._pointerDownListener = (e) => {
+				this._isPointerDownEventOnPopover = S(this.overlay, e);
 			}, this._closeOnBackdropClick = (e) => {
 				let t = e.composedPath();
-				!this._isPointerDownEventOnPopover && !x(this.overlay, e) && (!this.trigger || !t.includes(this.trigger)) && (this._nextFocusedElement = t.filter((e) => e instanceof window.HTMLElement).find((e) => e.matches(w)), clearTimeout(this.closeTimeout), this.close());
+				!this._isPointerDownEventOnPopover && !S(this.overlay, e) && (!this.trigger || !t.includes(this.trigger)) && (this._nextFocusedElement = t.filter((e) => e instanceof window.HTMLElement).find((e) => e.matches(T)), clearTimeout(this.closeTimeout), this.close());
 			};
 		}
 		static {
@@ -53,7 +57,7 @@ var A = 16, j = 32, M = 0, N = /* @__PURE__ */ new Set(), P = r ? !1 : matchMedi
 			});
 		}
 		static {
-			this.styles = [p, a(k)];
+			this.styles = [p, a(A)];
 		}
 		#e;
 		get trigger() {
@@ -64,7 +68,7 @@ var A = 16, j = 32, M = 0, N = /* @__PURE__ */ new Set(), P = r ? !1 : matchMedi
 		}
 		open() {
 			if (!(this.state !== "closed" && this.state !== "closing" || !this.overlay || !this.dispatchBeforeOpenEvent())) {
-				for (let e of N) (e.state === "opened" || e.state === "opening") && e.close();
+				for (let e of P) (e.state === "opened" || e.state === "opening") && e.close();
 				this.showPopover?.(), this.state = "opening", this.inert = !0, this._setPopoverPosition(), this._attachWindowEvents(), this._escapableOverlayController.connect(), this._triggerElement?.setAttribute("aria-expanded", "true"), this._nextFocusedElement = void 0, this._skipCloseFocus = !1, this._isZeroAnimationDuration() && this._handleOpening();
 			}
 		}
@@ -75,13 +79,13 @@ var A = 16, j = 32, M = 0, N = /* @__PURE__ */ new Set(), P = r ? !1 : matchMedi
 			return u(this, "--sbb-popover-animation-duration");
 		}
 		_handleClosing() {
-			this.state = "closed", this.hidePopover?.(), this.overlay?.firstElementChild?.scrollTo(0, 0), this.removeAttribute("tabindex"), this._skipCloseFocus || (this._nextFocusedElement || this._triggerElement)?.focus(), this._escapableOverlayController.disconnect(), this._openStateController?.abort(), this._focusTrapController.enabled = !1, this.dispatchCloseEvent({ closeTarget: this._popoverCloseElement ?? null });
+			this.state = "closed", this.hidePopover?.(), this.overlay && (this._resizeController.unobserve(this.overlay), this.overlay.firstElementChild?.scrollTo(0, 0)), this.removeAttribute("tabindex"), this._skipCloseFocus || (this._nextFocusedElement || this._triggerElement)?.focus(), this._escapableOverlayController.disconnect(), this._openStateController?.abort(), this._focusTrapController.enabled = !1, this.dispatchCloseEvent({ closeTarget: this._popoverCloseElement ?? null });
 		}
 		_handleOpening() {
-			this.state = "opened", this.inert = !1, this._setPopoverFocus(), this._focusTrapController.enabled = !0, this.dispatchOpenEvent();
+			this.state = "opened", this.inert = !1, this._setPopoverFocus(), this._focusTrapController.enabled = !0, this.overlay && this._resizeController.observe(this.overlay), this.dispatchOpenEvent();
 		}
 		connectedCallback() {
-			this.popover = "manual", super.connectedCallback(), this.id ||= `sbb-popover-${++M}`, this.state = "closed", N.add(this), this.hasUpdated && this._configureTrigger();
+			this.popover = "manual", super.connectedCallback(), this.id ||= `sbb-popover-${++N}`, this.state = "closed", P.add(this), this.hasUpdated && this._configureTrigger();
 		}
 		requestUpdate(e, t, n) {
 			super.requestUpdate(e, t, n), !r && (!e || e === "trigger" || e === "hoverTrigger") && this.hasUpdated && this._configureTrigger();
@@ -90,7 +94,7 @@ var A = 16, j = 32, M = 0, N = /* @__PURE__ */ new Set(), P = r ? !1 : matchMedi
 			super.firstUpdated(e), this._configureTrigger();
 		}
 		disconnectedCallback() {
-			super.disconnectedCallback(), this._triggerElement = null, this._triggerAbortController?.abort(), this._openStateController?.abort(), N.delete(this), this._blurTimeout && clearTimeout(this._blurTimeout);
+			super.disconnectedCallback(), this._triggerElement = null, this._triggerAbortController?.abort(), this._openStateController?.abort(), P.delete(this), this._blurTimeout && clearTimeout(this._blurTimeout);
 		}
 		_configureTrigger() {
 			if (!r) {
@@ -102,7 +106,7 @@ var A = 16, j = 32, M = 0, N = /* @__PURE__ */ new Set(), P = r ? !1 : matchMedi
 			}
 		}
 		configureTrigger(e) {
-			this._triggerAbortController?.abort(), S(this._triggerElement), this._triggerElement = this.trigger, this._triggerElement && (C(this._triggerElement, "dialog", this.id, this.state), this._triggerAbortController = new AbortController(), this.registerTriggerListeners(this._triggerAbortController.signal));
+			this._triggerAbortController?.abort(), C(this._triggerElement), this._triggerElement = this.trigger, this._triggerElement && (w(this._triggerElement, "dialog", this.id, this.state), this._triggerAbortController = new AbortController(), this.registerTriggerListeners(this._triggerAbortController.signal));
 		}
 		registerTriggerListeners(e) {
 			this._triggerElement.addEventListener("click", () => this.open(), { signal: e });
@@ -136,9 +140,9 @@ var A = 16, j = 32, M = 0, N = /* @__PURE__ */ new Set(), P = r ? !1 : matchMedi
 		}
 		_setPopoverPosition() {
 			if (!this.overlay || !this._triggerElement) return;
-			let e = b(this.overlay, this._triggerElement, this.shadowRoot.querySelector(".sbb-popover__container"), {
-				verticalOffset: A,
-				horizontalOffset: j,
+			let e = x(this.overlay, this._triggerElement, this.shadowRoot.querySelector(".sbb-popover__container"), {
+				verticalOffset: j,
+				horizontalOffset: M,
 				centered: !0,
 				responsiveHeight: !0
 			}), t = e.alignment.vertical;
@@ -162,7 +166,7 @@ var A = 16, j = 32, M = 0, N = /* @__PURE__ */ new Set(), P = r ? !1 : matchMedi
           @animationend=${this._onPopoverAnimationEnd}
           class="sbb-popover"
           role="tooltip"
-          ${y((e) => this.overlay = e)}
+          ${b((e) => this.overlay = e)}
         >
           <div
             @click=${(e) => this._closeOnSbbPopoverCloseClick(e)}
@@ -175,13 +179,13 @@ var A = 16, j = 32, M = 0, N = /* @__PURE__ */ new Set(), P = r ? !1 : matchMedi
     `;
 		}
 	};
-})(), I = (() => {
-	let r = F, a = [], s, l = [], u = [], d, p = [], m = [], h, _, y, b = [], x = [];
+})(), L = (() => {
+	let r = I, a = [], s, l = [], u = [], d, p = [], m = [], h, _, y, b = [], x = [];
 	return class extends r {
 		constructor() {
 			super(...arguments), this.#e = (t(this, a), t(this, l, !1)), this.#t = (t(this, u), t(this, p, !1)), this._openDelay = t(this, m), this.#n = t(this, b, ""), this._hoverTrigger = (t(this, x), !1), this._language = new g(this), this._overlayAbortController = null, this._onTriggerMouseEnter = () => {
 				this.state === "closed" || this.state === "closing" ? this._openTimeout = setTimeout(() => {
-					D.reset(), this.open();
+					O.reset(), this.open();
 				}, this.openDelay) : clearTimeout(this.closeTimeout);
 			}, this._onTriggerMouseLeave = () => {
 				this.state === "opened" || this.state === "opening" ? this.closeTimeout = setTimeout(() => this.close(), this.closeDelay) : clearTimeout(this._openTimeout);
@@ -297,13 +301,13 @@ var A = 16, j = 32, M = 0, N = /* @__PURE__ */ new Set(), P = r ? !1 : matchMedi
 			this._openDelay = +e;
 		}
 		get openDelay() {
-			return this._openDelay ?? O().popover?.openDelay ?? 0;
+			return this._openDelay ?? k().popover?.openDelay ?? 0;
 		}
 		set closeDelay(e) {
 			this._closeDelay = +e;
 		}
 		get closeDelay() {
-			return this._closeDelay ?? O().popover?.closeDelay ?? 0;
+			return this._closeDelay ?? k().popover?.closeDelay ?? 0;
 		}
 		#n;
 		get accessibilityCloseLabel() {
@@ -313,7 +317,7 @@ var A = 16, j = 32, M = 0, N = /* @__PURE__ */ new Set(), P = r ? !1 : matchMedi
 			this.#n = e;
 		}
 		configureTrigger(e) {
-			let t = this.hoverTrigger && !P;
+			let t = this.hoverTrigger && !F;
 			this.trigger === e && t === this._hoverTrigger || (this._hoverTrigger !== t && (this._hoverTrigger = t, this.toggleState("hover-trigger", this._hoverTrigger), this._registerOverlayListeners()), super.configureTrigger(e));
 		}
 		_registerOverlayListeners() {
@@ -323,7 +327,7 @@ var A = 16, j = 32, M = 0, N = /* @__PURE__ */ new Set(), P = r ? !1 : matchMedi
 			this._hoverTrigger && this.trigger ? (this.trigger.addEventListener("mouseenter", this._onTriggerMouseEnter, { signal: e }), this.trigger.addEventListener("mouseleave", this._onTriggerMouseLeave, { signal: e }), this.trigger.addEventListener("keydown", (e) => {
 				(e.code === "Space" || e.code === "Enter") && this.open();
 			}, { signal: e }), this.trigger.addEventListener("mousedown", (e) => {
-				E(e) && this.open();
+				D(e) && this.open();
 			}, { signal: e })) : super.registerTriggerListeners(e);
 		}
 		firstUpdated(e) {
@@ -355,4 +359,4 @@ var A = 16, j = 32, M = 0, N = /* @__PURE__ */ new Set(), P = r ? !1 : matchMedi
 	};
 })();
 //#endregion
-export { I as n, F as t };
+export { L as n, I as t };

package/popover.js

@@ -1,4 +1,4 @@
-import { n as e, t } from "./popover.component-Bv6-zVf4.js";
+import { n as e, t } from "./popover.component-DAgwBcBW.js";
 import "./popover.pure.js";
 //#region src/elements/popover.ts
 e.define();

package/popover.pure.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./popover.component-Bv6-zVf4.js";
+import { n as e, t } from "./popover.component-DAgwBcBW.js";
 export { t as SbbPopoverBaseElement, e as SbbPopoverElement };

package/safety-theme.css

@@ -1959,6 +1959,18 @@ slot[name=error]::slotted(*) {
   --sbb-overlay-position-try-fallbacks:
     block-start span-inline-end, block-start span-inline-start, block-end,
     block-end span-inline-end, block-end span-inline-start;
+  --sbb-toast-max-width: 25rem;
+  --sbb-toast-animation-timing-function: ease;
+  --sbb-toast-text-color: var(--sbb-color-3-inverted);
+  --sbb-toast-background-color: var(--sbb-background-color-1-inverted);
+  --sbb-toast-margin: var(--sbb-spacing-responsive-s);
+  --sbb-toast-padding-block: var(--sbb-spacing-responsive-xxxs);
+  --sbb-toast-padding-inline: var(--sbb-spacing-responsive-xs);
+  --sbb-toast-border-radius: var(--sbb-border-radius-4x);
+  --sbb-toast-container-position: fixed;
+  --sbb-toast-horizontal-position: initial;
+  --sbb-toast-vertical-position: initial;
+  --sbb-toast-gap: var(--sbb-spacing-fixed-2x);
   --sbb-visual-checkbox-dimension: var(--sbb-checkbox-dimension-m);
   --sbb-visual-checkbox-selection-color: var(--sbb-color-primary);
   --sbb-visual-checkbox-selection-color-negative: var(--sbb-color-primary85);

package/standard-theme.css

@@ -1959,6 +1959,18 @@ slot[name=error]::slotted(*) {
   --sbb-overlay-position-try-fallbacks:
     block-start span-inline-end, block-start span-inline-start, block-end,
     block-end span-inline-end, block-end span-inline-start;
+  --sbb-toast-max-width: 25rem;
+  --sbb-toast-animation-timing-function: ease;
+  --sbb-toast-text-color: var(--sbb-color-3-inverted);
+  --sbb-toast-background-color: var(--sbb-background-color-1-inverted);
+  --sbb-toast-margin: var(--sbb-spacing-responsive-s);
+  --sbb-toast-padding-block: var(--sbb-spacing-responsive-xxxs);
+  --sbb-toast-padding-inline: var(--sbb-spacing-responsive-xs);
+  --sbb-toast-border-radius: var(--sbb-border-radius-4x);
+  --sbb-toast-container-position: fixed;
+  --sbb-toast-horizontal-position: initial;
+  --sbb-toast-vertical-position: initial;
+  --sbb-toast-gap: var(--sbb-spacing-fixed-2x);
   --sbb-visual-checkbox-dimension: var(--sbb-checkbox-dimension-m);
   --sbb-visual-checkbox-selection-color: var(--sbb-color-primary);
   --sbb-visual-checkbox-selection-color-negative: var(--sbb-color-primary85);