@sbb-esta/lyne-elements-dev 5.0.0-next.1-dev.1777366078 → 5.0.0-next.1-dev.1777448509

package/development/toast.component-CrjaQMNl.js

@@ -0,0 +1,268 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { html, nothing, unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+import { SbbDarkModeController, SbbLanguageController, SbbOpenCloseBaseElement, SbbReadonlyMixin, boxSizingStyles, composedPathHasAttribute, forceType, i18nCloseAlert, isZeroAnimationDuration } from "./core.js";
+import { SbbTransparentButtonElement } from "./button.pure.js";
+import { SbbDividerElement } from "./divider.pure.js";
+import { SbbIconNameMixin } from "./icon.pure.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  font-weight: bold;\n  font-size: var(--sbb-heading-font-size-6);\n  letter-spacing: var(--sbb-typo-letter-spacing-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
+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.elementDependencies = [SbbTransparentButtonElement, SbbDividerElement];
+		}
+		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();
+			});
+			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()}
+                  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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QuY29tcG9uZW50LUNyamFRTU5sLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90b2FzdC90b2FzdC5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90b2FzdC90b2FzdC5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICAtLXNiYi10b2FzdC1hbmltYXRpb24tZHVyYXRpb246IHZhcihcbiAgICAtLXNiYi1kaXNhYmxlLWFuaW1hdGlvbi1kdXJhdGlvbixcbiAgICB2YXIoLS1zYmItYW5pbWF0aW9uLWR1cmF0aW9uLTZ4KVxuICApO1xuICAtLXNiYi1mb2N1cy1vdXRsaW5lLWNvbG9yOiB2YXIoLS1zYmItZm9jdXMtb3V0bGluZS1jb2xvci1kYXJrKTtcblxuICBkaXNwbGF5OiBub25lO1xufVxuXG46aG9zdCg6aXMoOnN0YXRlKHN0YXRlLW9wZW5pbmcpLCA6c3RhdGUoc3RhdGUtb3BlbmVkKSwgOnN0YXRlKHN0YXRlLWNsb3NpbmcpKSkge1xuICAtLXNiYi10b2FzdC1jb250YWluZXItZGlzcGxheTogZmxleDtcblxuICBkaXNwbGF5OiBibG9jaztcbn1cblxuOmhvc3QoW3Bvc2l0aW9uPSdib3R0b20tbGVmdCddKSxcbjpob3N0KFtwb3NpdGlvbj0nYm90dG9tLXN0YXJ0J10pIHtcbiAgLS1zYmItdG9hc3QtaG9yaXpvbnRhbC1wb3NpdGlvbjogZmxleC1zdGFydDtcbiAgLS1zYmItdG9hc3QtdmVydGljYWwtcG9zaXRpb246IGZsZXgtZW5kO1xufVxuXG46aG9zdChbcG9zaXRpb249J2JvdHRvbS1jZW50ZXInXSkge1xuICAtLXNiYi10b2FzdC1ob3Jpem9udGFsLXBvc2l0aW9uOiBjZW50ZXI7XG4gIC0tc2JiLXRvYXN0LXZlcnRpY2FsLXBvc2l0aW9uOiBmbGV4LWVuZDtcbn1cblxuOmhvc3QoW3Bvc2l0aW9uPSdib3R0b20tcmlnaHQnXSksXG46aG9zdChbcG9zaXRpb249J2JvdHRvbS1lbmQnXSkge1xuICAtLXNiYi10b2FzdC1ob3Jpem9udGFsLXBvc2l0aW9uOiBmbGV4LWVuZDtcbiAgLS1zYmItdG9hc3QtdmVydGljYWwtcG9zaXRpb246IGZsZXgtZW5kO1xufVxuXG46aG9zdChbcG9zaXRpb249J3RvcC1sZWZ0J10pLFxuOmhvc3QoW3Bvc2l0aW9uPSd0b3Atc3RhcnQnXSkge1xuICAtLXNiYi10b2FzdC1ob3Jpem9udGFsLXBvc2l0aW9uOiBmbGV4LXN0YXJ0O1xuICAtLXNiYi10b2FzdC12ZXJ0aWNhbC1wb3NpdGlvbjogZmxleC1zdGFydDtcbn1cblxuOmhvc3QoW3Bvc2l0aW9uPSd0b3AtY2VudGVyJ10pIHtcbiAgLS1zYmItdG9hc3QtaG9yaXpvbnRhbC1wb3NpdGlvbjogY2VudGVyO1xuICAtLXNiYi10b2FzdC12ZXJ0aWNhbC1wb3NpdGlvbjogZmxleC1zdGFydDtcbn1cblxuOmhvc3QoW3Bvc2l0aW9uPSd0b3AtcmlnaHQnXSksXG46aG9zdChbcG9zaXRpb249J3RvcC1lbmQnXSkge1xuICAtLXNiYi10b2FzdC1ob3Jpem9udGFsLXBvc2l0aW9uOiBmbGV4LWVuZDtcbiAgLS1zYmItdG9hc3QtdmVydGljYWwtcG9zaXRpb246IGZsZXgtc3RhcnQ7XG59XG5cbjpob3N0KDpzdGF0ZShkYXJrKSkge1xuICAtLXNiYi1mb2N1cy1vdXRsaW5lLWNvbG9yOiB2YXIoLS1zYmItZm9jdXMtb3V0bGluZS1jb2xvci1kZWZhdWx0KTtcbn1cblxuLnNiYi10b2FzdF9fb3ZlcmxheS1jb250YWluZXIge1xuICBwb3NpdGlvbjogdmFyKC0tc2JiLXRvYXN0LWNvbnRhaW5lci1wb3NpdGlvbik7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICBpbnNldDogMDtcbiAgZGlzcGxheTogdmFyKC0tc2JiLXRvYXN0LWNvbnRhaW5lci1kaXNwbGF5LCBub25lKTtcbiAganVzdGlmeS1jb250ZW50OiB2YXIoLS1zYmItdG9hc3QtaG9yaXpvbnRhbC1wb3NpdGlvbik7XG4gIGFsaWduLWl0ZW1zOiB2YXIoLS1zYmItdG9hc3QtdmVydGljYWwtcG9zaXRpb24pO1xufVxuXG4uc2JiLXRvYXN0IHtcbiAgei1pbmRleDogdmFyKC0tc2JiLXRvYXN0LXotaW5kZXgsIHZhcigtLXNiYi1vdmVybGF5LWRlZmF1bHQtei1pbmRleCkpO1xuICBwb2ludGVyLWV2ZW50czogYXV0bztcbiAgbWFyZ2luOiB2YXIoLS1zYmItdG9hc3QtbWFyZ2luKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tc2JiLXRvYXN0LWJvcmRlci1yYWRpdXMpO1xuICBtYXgtd2lkdGg6IHZhcigtLXNiYi10b2FzdC1tYXgtd2lkdGgpO1xuICBkaXNwbGF5OiBmbGV4O1xuICBjb2xvcjogdmFyKC0tc2JiLXRvYXN0LXRleHQtY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItdG9hc3QtYmFja2dyb3VuZC1jb2xvcik7XG5cbiAgOmhvc3QoOnN0YXRlKHN0YXRlLW9wZW5pbmcpKSAmIHtcbiAgICBhbmltYXRpb246IHtcbiAgICAgIG5hbWU6IG9wZW47XG4gICAgICBkdXJhdGlvbjogdmFyKC0tc2JiLXRvYXN0LWFuaW1hdGlvbi1kdXJhdGlvbik7XG4gICAgICB0aW1pbmctZnVuY3Rpb246IHZhcigtLXNiYi10b2FzdC1hbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uKTtcbiAgICB9XG4gIH1cblxuICA6aG9zdCg6c3RhdGUoc3RhdGUtY2xvc2luZykpICYge1xuICAgIGFuaW1hdGlvbjoge1xuICAgICAgbmFtZTogY2xvc2U7XG4gICAgICBkdXJhdGlvbjogdmFyKC0tc2JiLXRvYXN0LWFuaW1hdGlvbi1kdXJhdGlvbik7XG4gICAgICB0aW1pbmctZnVuY3Rpb246IHZhcigtLXNiYi10b2FzdC1hbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uKTtcbiAgICB9XG4gIH1cbn1cblxuLnNiYi10b2FzdC13cmFwcGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiB2YXIoLS1zYmItdG9hc3QtZ2FwKTtcbiAgcGFkZGluZy1ibG9jazogdmFyKC0tc2JiLXRvYXN0LXBhZGRpbmctYmxvY2spO1xuICBwYWRkaW5nLWlubGluZTogdmFyKC0tc2JiLXRvYXN0LXBhZGRpbmctaW5saW5lKTtcbn1cblxuc2xvdDpub3QoW25hbWU9J2ljb24nXSksXG4uc2JiLXRvYXN0X19jbG9zZSB7XG4gIC8vIEFzIHRoZSBzbG90dGVkIGNvbnRlbnQgaXMgZGlzcGxheWVkIG9uIGEgd2hpdGUgYmFja2dyb3VuZCwgd2UgbmVlZCB0byBmb3JjZSBsaWdodCBtb2RlIGZvciB0aGVtLlxuICBjb2xvci1zY2hlbWU6IG9ubHkgbGlnaHQ7XG59XG5cbi5zYmItdG9hc3RfX2NvbnRlbnQge1xuICBmb250LXdlaWdodDogYm9sZDtcbiAgZm9udC1zaXplOiB2YXIoLS1zYmItaGVhZGluZy1mb250LXNpemUtNik7XG4gIGxldHRlci1zcGFjaW5nOiB2YXIoLS1zYmItdHlwby1sZXR0ZXItc3BhY2luZy1oZWFkaW5nKTtcbiAgZmxleDogMSAxIDA7XG59XG5cbi5zYmItdG9hc3RfX2Nsb3NlIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cblxuLnNiYi10b2FzdF9fY2xvc2UtZGl2aWRlciB7XG4gIHBhZGRpbmctYmxvY2s6IHZhcigtLXNiYi10b2FzdC1wYWRkaW5nLWJsb2NrKTtcbn1cblxuLnNiYi10b2FzdF9fY2xvc2UtYnV0dG9uIHtcbiAgbWFyZ2luLWlubGluZTogdmFyKC0tc2JiLXNwYWNpbmctcmVzcG9uc2l2ZS14eHhzKTtcbn1cblxuQGtleWZyYW1lcyBvcGVuIHtcbiAgZnJvbSB7XG4gICAgdmlzaWJpbGl0eTogaGlkZGVuO1xuICAgIG9wYWNpdHk6IDA7XG4gICAgdHJhbnNsYXRlOiAwIHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTJ4KTtcbiAgfVxuXG4gIHRvIHtcbiAgICB2aXNpYmlsaXR5OiB2aXNpYmxlO1xuICAgIG9wYWNpdHk6IDE7XG4gICAgdHJhbnNsYXRlOiAwO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgY2xvc2Uge1xuICBmcm9tIHtcbiAgICB2aXNpYmlsaXR5OiB2aXNpYmxlO1xuICAgIG9wYWNpdHk6IDE7XG4gICAgdHJhbnNsYXRlOiAwO1xuICB9XG5cbiAgdG8ge1xuICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICBvcGFjaXR5OiAwO1xuICAgIHRyYW5zbGF0ZTogMCB2YXIoLS1zYmItc3BhY2luZy1maXhlZC0yeCk7XG4gIH1cbn1cbiIsImltcG9ydCB7XG4gIHR5cGUgQ1NTUmVzdWx0R3JvdXAsXG4gIGh0bWwsXG4gIG5vdGhpbmcsXG4gIHR5cGUgUHJvcGVydHlWYWx1ZXMsXG4gIHR5cGUgVGVtcGxhdGVSZXN1bHQsXG4gIHVuc2FmZUNTUyxcbn0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQge1xuICBTYmJUcmFuc3BhcmVudEJ1dHRvbkVsZW1lbnQsXG4gIHR5cGUgU2JiVHJhbnNwYXJlbnRCdXR0b25MaW5rRWxlbWVudCxcbn0gZnJvbSAnLi4vYnV0dG9uLnB1cmUudHMnO1xuaW1wb3J0IHtcbiAgYm94U2l6aW5nU3R5bGVzLFxuICBjb21wb3NlZFBhdGhIYXNBdHRyaWJ1dGUsXG4gIGZvcmNlVHlwZSxcbiAgaTE4bkNsb3NlQWxlcnQsXG4gIGlzWmVyb0FuaW1hdGlvbkR1cmF0aW9uLFxuICBTYmJEYXJrTW9kZUNvbnRyb2xsZXIsXG4gIHR5cGUgU2JiRWxlbWVudFR5cGUsXG4gIFNiYkxhbmd1YWdlQ29udHJvbGxlcixcbiAgU2JiT3BlbkNsb3NlQmFzZUVsZW1lbnQsXG4gIFNiYlJlYWRvbmx5TWl4aW4sXG59IGZyb20gJy4uL2NvcmUudHMnO1xuaW1wb3J0IHsgU2JiRGl2aWRlckVsZW1lbnQgfSBmcm9tICcuLi9kaXZpZGVyLnB1cmUudHMnO1xuaW1wb3J0IHsgU2JiSWNvbk5hbWVNaXhpbiB9IGZyb20gJy4uL2ljb24ucHVyZS50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYkxpbmtCdXR0b25FbGVtZW50LCBTYmJMaW5rRWxlbWVudCwgU2JiTGlua1N0YXRpY0VsZW1lbnQgfSBmcm9tICcuLi9saW5rLnB1cmUudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90b2FzdC5zY3NzP2lubGluZSc7XG5cbnR5cGUgU2JiVG9hc3RQb3NpdGlvblZlcnRpY2FsID0gJ3RvcCcgfCAnYm90dG9tJztcbnR5cGUgU2JiVG9hc3RQb3NpdGlvbkhvcml6b250YWwgPSAnbGVmdCcgfCAnc3RhcnQnIHwgJ2NlbnRlcicgfCAncmlnaHQnIHwgJ2VuZCc7XG5leHBvcnQgdHlwZSBTYmJUb2FzdFBvc2l0aW9uID0gYCR7U2JiVG9hc3RQb3NpdGlvblZlcnRpY2FsfS0ke1NiYlRvYXN0UG9zaXRpb25Ib3Jpem9udGFsfWA7XG5cbi8vIEEgZ2xvYmFsIGNvbGxlY3Rpb24gb2YgZXhpc3RpbmcgdG9hc3RzXG5jb25zdCB0b2FzdFJlZnMgPSBuZXcgU2V0PFNiYlRvYXN0RWxlbWVudD4oKTtcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBhIHRvYXN0IG5vdGlmaWNhdGlvbi5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBjb250ZW50IHRvIHRoZSBgc2JiLXRvYXN0YC5cbiAqIEBzbG90IGljb24gLSBBc3NpZ24gYSBjdXN0b20gaWNvbiB2aWEgc2xvdC5cbiAqIEBzbG90IGFjdGlvbiAtIFByb3ZpZGUgYSBjdXN0b20gYWN0aW9uIGZvciB0aGlzIHRvYXN0LlxuICogQGNzc3Byb3AgWy0tc2JiLXRvYXN0LXotaW5kZXg9dmFyKC0tc2JiLW92ZXJsYXktZGVmYXVsdC16LWluZGV4KV0gLSBUbyBzcGVjaWZ5IGEgY3VzdG9tIHN0YWNrIG9yZGVyLFxuICogdGhlIGB6LWluZGV4YCBjYW4gYmUgb3ZlcnJpZGRlbiBieSBkZWZpbmluZyB0aGlzIENTUyB2YXJpYWJsZS4gVGhlIGRlZmF1bHQgYHotaW5kZXhgIG9mIHRoZVxuICogY29tcG9uZW50IGlzIHNldCB0byBgdmFyKC0tc2JiLW92ZXJsYXktZGVmYXVsdC16LWluZGV4KWAgd2l0aCBhIHZhbHVlIG9mIGAxMDAwYC5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYlRvYXN0RWxlbWVudCBleHRlbmRzIFNiYkljb25OYW1lTWl4aW4oU2JiUmVhZG9ubHlNaXhpbihTYmJPcGVuQ2xvc2VCYXNlRWxlbWVudCkpIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi10b2FzdCc7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgZWxlbWVudERlcGVuZGVuY2llczogU2JiRWxlbWVudFR5cGVbXSA9IFtcbiAgICBTYmJUcmFuc3BhcmVudEJ1dHRvbkVsZW1lbnQsXG4gICAgU2JiRGl2aWRlckVsZW1lbnQsXG4gIF07XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtib3hTaXppbmdTdHlsZXMsIHVuc2FmZUNTUyhzdHlsZSldO1xuXG4gIC8qKlxuICAgKiBUaGUgbGVuZ3RoIG9mIHRpbWUgaW4gbWlsbGlzZWNvbmRzIHRvIHdhaXQgYmVmb3JlIGF1dG9tYXRpY2FsbHkgZGlzbWlzc2luZyB0aGUgdG9hc3QuXG4gICAqIElmIDAgKGRlZmF1bHQpLCBpdCBzdGF5cyBvcGVuIGluZGVmaW5pdGVseS5cbiAgICogRnJvbSBhY2Nlc3NpYmlsaXR5IHBlcnNwZWN0aXZlLCBpdCBpcyByZWNvbW1lbmRlZCB0byBzZXQgYSB0aW1lb3V0IG9mIGF0IGxlYXN0IDIwIHNlY29uZHMuXG4gICAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgdHlwZTogTnVtYmVyIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciB0aW1lb3V0OiBudW1iZXIgPSAwO1xuXG4gIC8qKiBUaGUgcG9zaXRpb24gd2hlcmUgdG8gcGxhY2UgdGhlIHRvYXN0LiAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBhY2Nlc3NvciBwb3NpdGlvbjogU2JiVG9hc3RQb3NpdGlvbiA9ICdib3R0b20tY2VudGVyJztcblxuICAvKipcbiAgICogVGhlIEFSSUEgcG9saXRlbmVzcyBsZXZlbC5cbiAgICogQ2hlY2sgaHR0cHM6Ly9kZXZlbG9wZXIubW96aWxsYS5vcmcvZW4tVVMvZG9jcy9XZWIvQWNjZXNzaWJpbGl0eS9BUklBL0FSSUFfTGl2ZV9SZWdpb25zI2xpdmVfcmVnaW9ucyBmb3IgZnVydGhlciBpbmZvXG4gICAqL1xuICBAcHJvcGVydHkoKSBwdWJsaWMgYWNjZXNzb3IgcG9saXRlbmVzczogJ3BvbGl0ZScgfCAnYXNzZXJ0aXZlJyB8ICdvZmYnID0gJ3BvbGl0ZSc7XG5cbiAgcHJpdmF0ZSBfY2xvc2VUaW1lb3V0PzogUmV0dXJuVHlwZTx0eXBlb2Ygc2V0VGltZW91dD47XG4gIHByaXZhdGUgX2xhbmd1YWdlID0gbmV3IFNiYkxhbmd1YWdlQ29udHJvbGxlcih0aGlzKTtcbiAgcHJpdmF0ZSBfZGFya01vZGVDb250cm9sbGVyID0gbmV3IFNiYkRhcmtNb2RlQ29udHJvbGxlcih0aGlzLCAoKSA9PiB7XG4gICAgdGhpcy5fc3luY1Nsb3R0ZWRFbGVtZW50cygpO1xuICAgIHRoaXMucmVxdWVzdFVwZGF0ZSgpO1xuICB9KTtcblxuICBwdWJsaWMgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICB0aGlzLmFkZEV2ZW50TGlzdGVuZXI/LignY2xpY2snLCAoZSkgPT4gdGhpcy5fb25DbGljayhlKSk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgdGhpcy5wb3BvdmVyID0gJ21hbnVhbCc7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcblxuICAgIC8vIEFkZCB0aGlzIHRvYXN0IHRvIHRoZSBnbG9iYWwgY29sbGVjdGlvblxuICAgIHRvYXN0UmVmcy5hZGQodGhpcyk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgZGlzY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuZGlzY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICBjbGVhclRpbWVvdXQodGhpcy5fY2xvc2VUaW1lb3V0KTtcblxuICAgIC8vIFJlbW92ZSB0aGlzIGluc3RhbmNlXG4gICAgdG9hc3RSZWZzLmRlbGV0ZSh0aGlzKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSB3aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczx0aGlzPik6IHZvaWQge1xuICAgIHN1cGVyLndpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXMpO1xuXG4gICAgaWYgKGNoYW5nZWRQcm9wZXJ0aWVzLmhhcygncG9saXRlbmVzcycpKSB7XG4gICAgICB0aGlzLmludGVybmFscy5hcmlhTGl2ZSA9IHRoaXMucG9saXRlbmVzcztcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogT3BlbiB0aGUgdG9hc3QuXG4gICAqIElmIHRoZXJlIGFyZSBvdGhlciBvcGVuZWQgdG9hc3RzIGluIHRoZSBwYWdlLCBjbG9zZSB0aGVtIGZpcnN0LlxuICAgKi9cbiAgcHVibGljIG9wZW4oKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuc3RhdGUgPT09ICdvcGVuZWQnIHx8IHRoaXMuc3RhdGUgPT09ICdvcGVuaW5nJyB8fCAhdGhpcy5kaXNwYXRjaEJlZm9yZU9wZW5FdmVudCgpKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdGhpcy5fY2xvc2VPdGhlclRvYXN0cygpO1xuICAgIHRoaXMuc2hvd1BvcG92ZXI/LigpO1xuICAgIHRoaXMuc3RhdGUgPSAnb3BlbmluZyc7XG5cbiAgICAvLyBJZiB0aGUgYW5pbWF0aW9uIGR1cmF0aW9uIGlzIHplcm8sIHRoZSBhbmltYXRpb25lbmQgZXZlbnQgaXMgbm90IGFsd2F5cyBmaXJlZCByZWxpYWJseS5cbiAgICAvLyBJbiB0aGlzIGNhc2Ugd2UgZGlyZWN0bHkgc2V0IHRoZSBgb3BlbmVkYCBzdGF0ZS5cbiAgICBpZiAodGhpcy5faXNaZXJvQW5pbWF0aW9uRHVyYXRpb24oKSkge1xuICAgICAgdGhpcy5faGFuZGxlT3BlbmluZygpO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBDbG9zZSB0aGUgdG9hc3QuXG4gICAqL1xuICBwdWJsaWMgY2xvc2UoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuc3RhdGUgPT09ICdjbG9zZWQnIHx8IHRoaXMuc3RhdGUgPT09ICdjbG9zaW5nJyB8fCAhdGhpcy5kaXNwYXRjaEJlZm9yZUNsb3NlRXZlbnQoKSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNsZWFyVGltZW91dCh0aGlzLl9jbG9zZVRpbWVvdXQpO1xuICAgIHRoaXMuc3RhdGUgPSAnY2xvc2luZyc7XG5cbiAgICAvLyBJZiB0aGUgYW5pbWF0aW9uIGR1cmF0aW9uIGlzIHplcm8sIHRoZSBhbmltYXRpb25lbmQgZXZlbnQgaXMgbm90IGFsd2F5cyBmaXJlZCByZWxpYWJseS5cbiAgICAvLyBJbiB0aGlzIGNhc2Ugd2UgZGlyZWN0bHkgc2V0IHRoZSBgY2xvc2VkYCBzdGF0ZS5cbiAgICBpZiAodGhpcy5faXNaZXJvQW5pbWF0aW9uRHVyYXRpb24oKSkge1xuICAgICAgdGhpcy5faGFuZGxlQ2xvc2luZygpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX2hhbmRsZUNsb3NpbmcoKTogdm9pZCB7XG4gICAgdGhpcy5zdGF0ZSA9ICdjbG9zZWQnO1xuICAgIHRoaXMuaGlkZVBvcG92ZXI/LigpO1xuICAgIHRoaXMuZGlzcGF0Y2hDbG9zZUV2ZW50KCk7XG4gIH1cblxuICBwcml2YXRlIF9oYW5kbGVPcGVuaW5nKCk6IHZvaWQge1xuICAgIHRoaXMuc3RhdGUgPSAnb3BlbmVkJztcbiAgICB0aGlzLmRpc3BhdGNoT3BlbkV2ZW50KCk7XG5cbiAgICAvLyBTdGFydCB0aGUgY291bnRkb3duIHRvIGNsb3NlIGl0XG4gICAgaWYgKHRoaXMudGltZW91dCkge1xuICAgICAgLy8gV29ya2Fyb3VuZCBmb3IgaHR0cHM6Ly9naXRodWIuY29tL3NiYi1kZXNpZ24tc3lzdGVtcy9seW5lLWFuZ3VsYXIvaXNzdWVzLzE5MFxuICAgICAgLy8gSWYgem9uZS5qcyBpcyBsb2FkZWQsIHNldFRpbWVvdXQgaXMgd3JhcHBlZCBhbmQgdHJhY2tlZCB3aGljaCB3aWxsIG1hcmtcbiAgICAgIC8vIGFueXRoaW5nIGluIEFuZ3VsYXIgYXMgdW5zdGFibGUgYXMgbG9uZyBhcyBzZXRUaW1lb3V0IGlzIG5vdCBmaW5pc2hlZC5cbiAgICAgIC8vIFRoaXMgb25seSBuZWVkcyB0byBiZSBmaXhlZCBpbiBwbGFjZXMgd2hlcmUgd2UgYWN0dWFsbHkgd2FudCB0byB3YWl0IGFcbiAgICAgIC8vIHNwZWNpZmljIGFtb3VudCBvZiB0aW1lIHdpdGhvdXQgYW4gaW50ZXJhY3Rpb24gKGUuZy4gZm9yIHRoaXMgY2FzZSkuXG4gICAgICBjb25zdCBnbG9iYWwgPSBnbG9iYWxUaGlzIGFzIGFueTtcbiAgICAgIGNvbnN0IHNldFRpbWVvdXQ6IHR5cGVvZiBnbG9iYWxUaGlzLnNldFRpbWVvdXQgPVxuICAgICAgICBnbG9iYWxbZ2xvYmFsLlpvbmU/Ll9fc3ltYm9sX18/Lignc2V0VGltZW91dCcpIGFzIHN0cmluZ10gPz8gZ2xvYmFsLnNldFRpbWVvdXQ7XG5cbiAgICAgIHRoaXMuX2Nsb3NlVGltZW91dCA9IHNldFRpbWVvdXQoKCkgPT4gdGhpcy5jbG9zZSgpLCB0aGlzLnRpbWVvdXQpO1xuICAgIH1cbiAgfVxuXG4gIC8vIENsb3NlIHRoZSB0b2FzdCBvbiBjbGljayBvZiBhbnkgZWxlbWVudCB0aGF0IGhhcyB0aGUgJ3NiYi10b2FzdC1jbG9zZScgYXR0cmlidXRlLlxuICBwcml2YXRlIF9vbkNsaWNrKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IGNsb3NlRWxlbWVudCA9IGNvbXBvc2VkUGF0aEhhc0F0dHJpYnV0ZShldmVudCwgJ3NiYi10b2FzdC1jbG9zZScsIHRoaXMpO1xuXG4gICAgaWYgKGNsb3NlRWxlbWVudCAmJiAhY2xvc2VFbGVtZW50Lmhhc0F0dHJpYnV0ZSgnZGlzYWJsZWQnKSkge1xuICAgICAgdGhpcy5jbG9zZSgpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX2lzWmVyb0FuaW1hdGlvbkR1cmF0aW9uKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiBpc1plcm9BbmltYXRpb25EdXJhdGlvbih0aGlzLCAnLS1zYmItdG9hc3QtYW5pbWF0aW9uLWR1cmF0aW9uJyk7XG4gIH1cblxuICAvKipcbiAgICogU2xvdHRlZCB0ZXh0IG5vZGVzIGFyZSBub3QgcmVhZCBjb3JyZWN0bHkgYnkgc2NyZWVuIHJlYWRlcnMgb24gQ2hyb21lLlxuICAgKiBUbyBhZGRyZXNzIHRoZSBwcm9ibGVtLCBpZiB0aGVyZSBpcyBhdCBsZWFzdCBhIHJvb3QgdGV4dCBub2RlLFxuICAgKiB3ZSB3cmFwIHRoZSB3aG9sZSBjb250ZW50IGluIGEgPHNwYW4+IHRhZ1xuICAgKi9cbiAgcHJpdmF0ZSBfb25Db250ZW50U2xvdENoYW5nZShldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICBjb25zdCBzbG90Tm9kZXMgPSAoZXZlbnQudGFyZ2V0IGFzIEhUTUxTbG90RWxlbWVudCkuYXNzaWduZWROb2RlcygpO1xuXG4gICAgaWYgKHNsb3ROb2Rlcy5zb21lKChlbCkgPT4gZWwubm9kZVR5cGUgPT09IE5vZGUuVEVYVF9OT0RFKSkge1xuICAgICAgY29uc3Qgc3BhbiA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3NwYW4nKTtcbiAgICAgIHRoaXMucHJlcGVuZChzcGFuKTtcbiAgICAgIHNwYW4uYXBwZW5kKC4uLnNsb3ROb2Rlcyk7XG4gICAgfVxuICAgIHRoaXMuX3N5bmNTbG90dGVkRWxlbWVudHMoKTtcbiAgfVxuXG4gIHByaXZhdGUgX3N5bmNTbG90dGVkRWxlbWVudHMoKTogdm9pZCB7XG4gICAgLy8gRm9yY2UgdGhlIHZpc3VhbCBzdGF0ZSBvbiBzbG90dGVkIGJ1dHRvbnNcbiAgICB0aGlzLnF1ZXJ5U2VsZWN0b3JBbGw8U2JiVHJhbnNwYXJlbnRCdXR0b25FbGVtZW50IHwgU2JiVHJhbnNwYXJlbnRCdXR0b25MaW5rRWxlbWVudD4oXG4gICAgICAnc2JiLXRyYW5zcGFyZW50LWJ1dHRvbiwgc2JiLXRyYW5zcGFyZW50LWJ1dHRvbi1saW5rJyxcbiAgICApLmZvckVhY2goKGJ0bikgPT4ge1xuICAgICAgYnRuLm5lZ2F0aXZlID0gdGhpcy5faXNMaWdodE1vZGUoKTtcbiAgICB9KTtcblxuICAgIC8vIEZvcmNlIG5lZ2F0aXZlIG9uIHNsb3R0ZWQgbGlua3NcbiAgICB0aGlzLnF1ZXJ5U2VsZWN0b3JBbGw8U2JiTGlua0VsZW1lbnQgfCBTYmJMaW5rQnV0dG9uRWxlbWVudCB8IFNiYkxpbmtTdGF0aWNFbGVtZW50PihcbiAgICAgICdzYmItbGluaywgc2JiLWxpbmstYnV0dG9uLCBzYmItbGluay1zdGF0aWMnLFxuICAgICkuZm9yRWFjaCgobGluaykgPT4ge1xuICAgICAgbGluay5uZWdhdGl2ZSA9IHRoaXMuX2lzTGlnaHRNb2RlKCk7XG4gICAgfSk7XG4gIH1cblxuICAvLyBJbiByYXJlIGNhc2VzIGl0IGNhbiBiZSB0aGF0IHRoZSBhbmltYXRpb25FbmQgZXZlbnQgaXMgdHJpZ2dlcmVkIHR3aWNlLlxuICAvLyBUbyBhdm9pZCBlbnRlcmluZyBhIGNvcnJ1cHQgc3RhdGUsIGV4aXQgd2hlbiBzdGF0ZSBpcyBub3QgZXhwZWN0ZWQuXG4gIHByaXZhdGUgX29uVG9hc3RBbmltYXRpb25FbmQoZXZlbnQ6IEFuaW1hdGlvbkV2ZW50KTogdm9pZCB7XG4gICAgLy8gT24gdG9hc3Qgb3BlbmVkXG4gICAgaWYgKGV2ZW50LmFuaW1hdGlvbk5hbWUgPT09ICdvcGVuJyAmJiB0aGlzLnN0YXRlID09PSAnb3BlbmluZycpIHtcbiAgICAgIHRoaXMuX2hhbmRsZU9wZW5pbmcoKTtcbiAgICB9IGVsc2UgaWYgKGV2ZW50LmFuaW1hdGlvbk5hbWUgPT09ICdjbG9zZScgJiYgdGhpcy5zdGF0ZSA9PT0gJ2Nsb3NpbmcnKSB7XG4gICAgICB0aGlzLl9oYW5kbGVDbG9zaW5nKCk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIFNpbmNlIHdlIGRvIG5vdCBzdGFjayB0b2FzdHMsIHdlIGZvcmNlIHRoZSBjbG9zaW5nIG9uIG90aGVyIGV4aXN0aW5nIG9wZW5lZCBvbmVzXG4gICAqL1xuICBwcml2YXRlIF9jbG9zZU90aGVyVG9hc3RzKCk6IHZvaWQge1xuICAgIHRvYXN0UmVmcy5mb3JFYWNoKCh0KSA9PiB7XG4gICAgICBpZiAodC5zdGF0ZSA9PT0gJ29wZW5lZCcgfHwgdC5zdGF0ZSA9PT0gJ29wZW5pbmcnKSB7XG4gICAgICAgIHQuY2xvc2UoKTtcbiAgICAgIH1cbiAgICB9KTtcbiAgfVxuXG4gIHByaXZhdGUgX2lzTGlnaHRNb2RlKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAhdGhpcy5fZGFya01vZGVDb250cm9sbGVyLm1hdGNoZXMoKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi10b2FzdF9fb3ZlcmxheS1jb250YWluZXJcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNiYi10b2FzdFwiIEBhbmltYXRpb25lbmQ9JHt0aGlzLl9vblRvYXN0QW5pbWF0aW9uRW5kfT5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwic2JiLXRvYXN0LXdyYXBwZXJcIj5cbiAgICAgICAgICAgICR7dGhpcy5yZW5kZXJJY29uU2xvdCgpfVxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNiYi10b2FzdF9fY29udGVudFwiPlxuICAgICAgICAgICAgICA8c2xvdCBAc2xvdGNoYW5nZT0ke3RoaXMuX29uQ29udGVudFNsb3RDaGFuZ2V9Pjwvc2xvdD5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPHNsb3QgbmFtZT1cImFjdGlvblwiIEBzbG90Y2hhbmdlPSR7dGhpcy5fc3luY1Nsb3R0ZWRFbGVtZW50c30+PC9zbG90PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzYmItdG9hc3RfX2Nsb3NlXCI+XG4gICAgICAgICAgICA8c2JiLWRpdmlkZXJcbiAgICAgICAgICAgICAgY2xhc3M9XCJzYmItdG9hc3RfX2Nsb3NlLWRpdmlkZXJcIlxuICAgICAgICAgICAgICBvcmllbnRhdGlvbj1cInZlcnRpY2FsXCJcbiAgICAgICAgICAgICAgP25lZ2F0aXZlPSR7dGhpcy5faXNMaWdodE1vZGUoKX1cbiAgICAgICAgICAgID48L3NiYi1kaXZpZGVyPlxuICAgICAgICAgICAgJHshdGhpcy5yZWFkT25seVxuICAgICAgICAgICAgICA/IGh0bWxgPHNiYi10cmFuc3BhcmVudC1idXR0b25cbiAgICAgICAgICAgICAgICAgIGNsYXNzPVwic2JiLXRvYXN0X19jbG9zZS1idXR0b25cIlxuICAgICAgICAgICAgICAgICAgaWNvbi1uYW1lPVwiY3Jvc3Mtc21hbGxcIlxuICAgICAgICAgICAgICAgICAgP25lZ2F0aXZlPSR7dGhpcy5faXNMaWdodE1vZGUoKX1cbiAgICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9JHtpMThuQ2xvc2VBbGVydFt0aGlzLl9sYW5ndWFnZS5jdXJyZW50XX1cbiAgICAgICAgICAgICAgICAgIHNiYi10b2FzdC1jbG9zZVxuICAgICAgICAgICAgICAgID48L3NiYi10cmFuc3BhcmVudC1idXR0b24+YFxuICAgICAgICAgICAgICA6IG5vdGhpbmd9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXRvYXN0JzogU2JiVG9hc3RFbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FDcUNBLElBQU0sNEJBQVksSUFBSSxLQUFzQjs7Ozs7Ozs7Ozs7SUFZL0IseUJBQWU7bUJBQVMsaUJBQWlCLGlCQUFpQix3QkFBd0IsQ0FBQzs7Ozs7Ozs7OztjQUFuRix3QkFBd0IsWUFBMkQ7OzswQkFhN0YsV0FBVyxFQUNYLFNBQVMsRUFBRSxNQUFNLFFBQVEsQ0FBQyxDQUFBOzJCQUkxQixTQUFTLEVBQUUsU0FBUyxNQUFNLENBQUMsQ0FBQTs2QkFNM0IsVUFBVSxDQUFBO0FBVFgsZ0JBQUEsTUFBQSxNQUFBLHFCQUFBO0lBQUEsTUFBQTtJQUFBLE1BQUE7SUFBQSxRQUFBO0lBQUEsU0FBQTtJQUFBLFFBQUE7S0FBQSxNQUFBLFFBQUEsYUFBQTtLQUFBLE1BQUEsUUFBQSxJQUFnQjtLQUFPLE1BQUEsS0FBQSxVQUFBO0FBQUEsVUFBUCxVQUFPOztLQUFBO0lBQUEsVUFBQTtJQUFBLEVBQUEsdUJBQUEsMkJBQUE7QUFHTSxnQkFBQSxNQUFBLE1BQUEsc0JBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSxjQUFBO0tBQUEsTUFBQSxRQUFBLElBQWdCO0tBQVEsTUFBQSxLQUFBLFVBQUE7QUFBQSxVQUFSLFdBQVE7O0tBQUE7SUFBQSxVQUFBO0lBQUEsRUFBQSx3QkFBQSw0QkFBQTtBQU16QyxnQkFBQSxNQUFBLE1BQUEsd0JBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSxnQkFBQTtLQUFBLE1BQUEsUUFBQSxJQUFnQjtLQUFVLE1BQUEsS0FBQSxVQUFBO0FBQUEsVUFBVixhQUFVOztLQUFBO0lBQUEsVUFBQTtJQUFBLEVBQUEsMEJBQUEsOEJBQUE7Ozs7Ozs7OztBQXZCTixRQUFBLGNBQXNCOzs7QUFD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

package/development/toast.js

@@ -1,4 +1,4 @@
-import { t as SbbToastElement } from "./toast.component-DvVY7zpe.js";
+import { t as SbbToastElement } from "./toast.component-CrjaQMNl.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-DvVY7zpe.js";
+import { t as SbbToastElement } from "./toast.component-CrjaQMNl.js";
 export { SbbToastElement };

package/dialog/dialog-title/dialog-title.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../dialog-title.component-CRGqiwZu.js";
+import { t as e } from "../../dialog-title.component-Cm-QxTF7.js";
 export { e as SbbDialogTitleElement };

package/dialog-title.component-Cm-QxTF7.js

@@ -0,0 +1,17 @@
+import { unsafeCSS as e } from "lit";
+import { SbbNegativeMixin as t } from "./core.js";
+import { SbbTitleBase as n } from "./title.pure.js";
+//#region src/elements/dialog/dialog-title/dialog-title.scss?inline
+var r = ":host{padding-block:var(--sbb-dialog-padding-block);padding-inline:var(--sbb-dialog-padding-inline);-webkit-hyphens:auto;hyphens:auto;grid-area:title;position:relative}:host([negative]){--sbb-title-color: var(--sbb-color-3-negative)}:host:after{content:\"\";display:block;position:absolute;pointer-events:none;inset:0 -10rem 0 0;transition:box-shadow var(--sbb-animation-easing) var(--sbb-dialog-shadow-animation-duration);box-shadow:var(--sbb-dialog-block-start-box-shadow, none)}", i = class extends t(n) {
+	static {
+		this.elementName = "sbb-dialog-title";
+	}
+	static {
+		this.styles = [n.styles, e(r)];
+	}
+	constructor() {
+		super(), this.level = "2", this.visualLevel = "4";
+	}
+};
+//#endregion
+export { i as t };

package/dialog.js

@@ -1,7 +1,7 @@
 import { t as e } from "./dialog-actions.component-DjBJ65tV.js";
 import { t } from "./dialog-close-button.component-CLWP-IVb.js";
 import { t as n } from "./dialog-content.component-C_Gr8BNL.js";
-import { t as r } from "./dialog-title.component-CRGqiwZu.js";
+import { t as r } from "./dialog-title.component-Cm-QxTF7.js";
 import { n as i, r as a, t as o } from "./dialog.component-ChB9gCyY.js";
 import "./dialog.pure.js";
 i.define(), e.define(), t.define(), n.define(), r.define();

package/dialog.pure.js

@@ -1,6 +1,6 @@
 import { t as e } from "./dialog-actions.component-DjBJ65tV.js";
 import { t } from "./dialog-close-button.component-CLWP-IVb.js";
 import { t as n } from "./dialog-content.component-C_Gr8BNL.js";
-import { t as r } from "./dialog-title.component-CRGqiwZu.js";
+import { t as r } from "./dialog-title.component-Cm-QxTF7.js";
 import { n as i, r as a, t as o } from "./dialog.component-ChB9gCyY.js";
 export { e as SbbDialogActionsElement, t as SbbDialogCloseButtonElement, o as SbbDialogCloseEvent, n as SbbDialogContentElement, i as SbbDialogElement, r as SbbDialogTitleElement, a as assignDialogResult };

package/file-selector/file-selector-dropzone/file-selector-dropzone.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../file-selector-dropzone.component-CWwpvAVD.js";
+import { t as e } from "../../file-selector-dropzone.component-DYLTIaiE.js";
 export { e as SbbFileSelectorDropzoneElement };

package/{file-selector-dropzone.component-CWwpvAVD.js → file-selector-dropzone.component-DYLTIaiE.js}

@@ -8,7 +8,7 @@ import { SbbIconElement as d } from "./icon.pure.js";
 import { ref as f } from "lit/directives/ref.js";
 import { SbbFileSelectorCommonElementMixin as p, fileSelectorCommonStyle as m } from "./file-selector/common/file-selector-common.js";
 //#region src/elements/file-selector/file-selector-dropzone/file-selector-dropzone.scss?inline
-var h = ":host([size=m]){--_sbb-file-selector-dropzone-icon-medium-display: block;--_sbb-file-selector-dropzone-icon-small-display: none}:host([size=s]){--_sbb-file-selector-dropzone-icon-medium-display: none;--_sbb-file-selector-dropzone-icon-small-display: block}.sbb-file-selector__dropzone-area{display:flex;flex-direction:column;align-items:center;padding:var(--sbb-spacing-responsive-s);background-color:var(--sbb-file-selector-background-color);border:var(--sbb-border-width-1x) dashed var(--sbb-file-selector-border-color);border-radius:var(--sbb-border-radius-4x);transition-duration:var(--sbb-file-selector-transition-duration);transition-timing-function:var(--sbb-file-selector-transition-easing-function);transition-property:background-color,border-color}.sbb-file-selector__dropzone-area--icon{color:var(--sbb-file-selector-color);line-height:0}.sbb-file-selector__dropzone-area--icon sbb-icon[name=folder-open-medium]{display:var(--_sbb-file-selector-dropzone-icon-medium-display)}.sbb-file-selector__dropzone-area--icon sbb-icon[name=folder-open-small]{display:var(--_sbb-file-selector-dropzone-icon-small-display)}.sbb-file-selector__dropzone-area--title{--sbb-title-font-size: var(--sbb-title-font-size-level-6-lean, var(--sbb-heading-font-size-6));--sbb-title-line-height: var(--sbb-typo-line-height-text);margin-block:var(--sbb-title-margin-block, 0);margin-inline:0;font-family:var(--sbb-typo-font-family);font-weight:700;font-size:var(--sbb-title-font-size);letter-spacing:var(--sbb-typo-letter-spacing-heading);line-height:var(--sbb-title-line-height, var(--sbb-typo-line-height-heading));text-align:center;color:var(--sbb-file-selector-color)}.sbb-file-selector__dropzone-area--subtitle{--sbb-text-font-size: var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);text-align:center;color:var(--sbb-file-selector-subtitle-color);margin-block-end:var(--sbb-spacing-fixed-4x)}", g = (() => {
+var h = ":host([size=m]){--_sbb-file-selector-dropzone-icon-medium-display: block;--_sbb-file-selector-dropzone-icon-small-display: none}:host([size=s]){--_sbb-file-selector-dropzone-icon-medium-display: none;--_sbb-file-selector-dropzone-icon-small-display: block}.sbb-file-selector__dropzone-area{display:flex;flex-direction:column;align-items:center;padding:var(--sbb-spacing-responsive-s);background-color:var(--sbb-file-selector-background-color);border:var(--sbb-border-width-1x) dashed var(--sbb-file-selector-border-color);border-radius:var(--sbb-border-radius-4x);transition-duration:var(--sbb-file-selector-transition-duration);transition-timing-function:var(--sbb-file-selector-transition-easing-function);transition-property:background-color,border-color}.sbb-file-selector__dropzone-area--icon{color:var(--sbb-file-selector-color);line-height:0}.sbb-file-selector__dropzone-area--icon sbb-icon[name=folder-open-medium]{display:var(--_sbb-file-selector-dropzone-icon-medium-display)}.sbb-file-selector__dropzone-area--icon sbb-icon[name=folder-open-small]{display:var(--_sbb-file-selector-dropzone-icon-small-display)}.sbb-file-selector__dropzone-area--title{font-weight:700;font-size:var(--sbb-heading-font-size-6);letter-spacing:var(--sbb-typo-letter-spacing-heading);text-align:center;color:var(--sbb-file-selector-color)}.sbb-file-selector__dropzone-area--subtitle{--sbb-text-font-size: var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);text-align:center;color:var(--sbb-file-selector-subtitle-color);margin-block-end:var(--sbb-spacing-fixed-4x)}", g = (() => {
 	let g = p(i), _, v = [], y = [];
 	return class extends g {
 		static {

package/file-selector.js

@@ -1,5 +1,5 @@
 import { n as e, t } from "./file-selector-common-CMLaHuDP.js";
-import { t as n } from "./file-selector-dropzone.component-CWwpvAVD.js";
+import { t as n } from "./file-selector-dropzone.component-DYLTIaiE.js";
 import { SbbFileSelectorElement as r } from "./file-selector/file-selector/file-selector.component.js";
 import "./file-selector.pure.js";
 r.define(), n.define();

package/file-selector.pure.js

@@ -1,4 +1,4 @@
 import { n as e, t } from "./file-selector-common-CMLaHuDP.js";
-import { t as n } from "./file-selector-dropzone.component-CWwpvAVD.js";
+import { t as n } from "./file-selector-dropzone.component-DYLTIaiE.js";
 import { SbbFileSelectorElement as r } from "./file-selector/file-selector/file-selector.component.js";
 export { t as SbbFileSelectorCommonElementMixin, n as SbbFileSelectorDropzoneElement, r as SbbFileSelectorElement, e as fileSelectorCommonStyle };

package/journey-header/journey-header.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../journey-header.component-DU09Hyme.js";
+import { t as e } from "../journey-header.component-DPqv2v3z.js";
 export { e as SbbJourneyHeaderElement };

package/{journey-header.component-DU09Hyme.js → journey-header.component-DPqv2v3z.js}

@@ -5,7 +5,7 @@ import { SbbLanguageController as a, SbbNegativeMixin as o, boxSizingStyles as s
 import { SbbIconElement as f } from "./icon.pure.js";
 import { SbbTitleBase as p } from "./title.pure.js";
 //#region src/elements/journey-header/journey-header.scss?inline
-var m = ":host{--sbb-journey-header-gap: var(--sbb-spacing-fixed-1x);display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--sbb-journey-header-gap);width:fit-content}:host(:dir(rtl)) sbb-icon{rotate:-180deg}:host([id]){scroll-margin-block-start:var(--sbb-spacing-fixed-10x)}:host([negative]){--sbb-title-text-color-normal: var(--sbb-color-3-negative)}sbb-icon{min-width:var(--sbb-size-icon-ui-small)}", h = (() => {
+var m = ":host{--sbb-journey-header-gap: var(--sbb-spacing-fixed-1x);display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--sbb-journey-header-gap);width:fit-content}:host(:dir(rtl)) sbb-icon{rotate:-180deg}:host([negative]){--sbb-title-color: var(--sbb-color-3-negative)}sbb-icon{min-width:var(--sbb-size-icon-ui-small)}", h = (() => {
 	let h = o(p), g, _ = [], v = [], y, b = [], x = [], S, C = [], w = [];
 	return class extends h {
 		static {

package/journey-header.js

@@ -1,4 +1,4 @@
-import { t as e } from "./journey-header.component-DU09Hyme.js";
+import { t as e } from "./journey-header.component-DPqv2v3z.js";
 import "./journey-header.pure.js";
 //#region src/elements/journey-header.ts
 e.define();

package/journey-header.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./journey-header.component-DU09Hyme.js";
+import { t as e } from "./journey-header.component-DPqv2v3z.js";
 export { e as SbbJourneyHeaderElement };

package/navigation/navigation-section/navigation-section.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../navigation-section.component-K4Pa53K7.js";
+import { t as e } from "../../navigation-section.component-BkhBZ4vH.js";
 export { e as SbbNavigationSectionElement };

package/{navigation-section.component-K4Pa53K7.js → navigation-section.component-BkhBZ4vH.js}

@@ -4,7 +4,7 @@ import { property as o } from "lit/decorators.js";
 import { IS_FOCUSABLE_QUERY as s, SbbFocusTrapController as c, SbbLanguageController as l, SbbMediaMatcherController as u, SbbMediaQueryBreakpointSmallAndBelow as d, SbbOpenCloseBaseElement as f, SbbUpdateSchedulerMixin as p, boxSizingStyles as m, forceType as h, i18nGoBack as g, idReference as _, isZeroAnimationDuration as v, omitEmptyConverter as y, removeAriaOverlayTriggerProperties as b, sbbInputModalityDetector as x, setAriaOverlayTriggerProperties as S, ɵstateController as C } from "./core.js";
 import { SbbTransparentButtonElement as w } from "./button.pure.js";
 //#region src/elements/navigation/navigation-section/navigation-section.scss?inline
-var T = ":host{--sbb-navigation-section-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-3x) );--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);display:var(--sbb-navigation-section-display, none);position:var(--sbb-navigation-section-position);grid-column:var(--sbb-navigation-section-column);inset-inline-start:0;inset-block-start:0;width:var(--sbb-navigation-section-width);height:var(--sbb-navigation-section-height);z-index:var(--sbb-navigation-z-index, var(--sbb-overlay-default-z-index))}@media(min-width:64rem){:host{--sbb-navigation-section-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-navigation-section-width: calc( 100% + var(--sbb-layout-base-offset-responsive) + var(--sbb-grid-base-gutter-responsive) );translate:calc(var(--sbb-grid-base-gutter-responsive) * -1) 0}}:host(:is(:state(state-opened),[state--state-opened])){--sbb-navigation-section-pointer-events: all}:host(:is(:state(state-opening),[state--state-opening])){--sbb-navigation-section-position: absolute}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-closing),[state--state-closing]))){--sbb-navigation-section-pointer-events: 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-navigation-section-display: block}::slotted(*){padding-inline-start:var(--sbb-navigation-section-content-padding-inline-start)}::slotted(:is(:state(sbb-button),[state--sbb-button])){grid-column-start:1}.sbb-navigation-section__container{pointer-events:var(--sbb-navigation-section-pointer-events);height:var(--sbb-navigation-section-height)}.sbb-navigation-section{display:none;border:none;margin:0;width:100%;height:100%;color:var(--sbb-navigation-color, var(--sbb-color-1-negative));background-color:transparent;padding:0;overflow:hidden}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-navigation-section{display:block;animation-name:open;animation-duration:var(--sbb-navigation-section-animation-duration);animation-timing-function:var(--sbb-navigation-section-animation-easing)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-navigation-section{animation-name:close}@media(forced-colors:active){.sbb-navigation-section{outline:var(--sbb-border-width-1x) solid CanvasText}}.sbb-navigation-section__wrapper{--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);--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-white) 30%, transparent);--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-white) 60%, transparent);--sbb-scrollbar-track-color: transparent}.sbb-navigation-section__wrapper::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-navigation-section__wrapper::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-navigation-section__wrapper::-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-navigation-section__wrapper::-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-navigation-section__wrapper::-webkit-scrollbar-button,.sbb-navigation-section__wrapper::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-navigation-section__wrapper{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-navigation-section__wrapper{height:100%;padding-block:var(--sbb-navigation-section-padding-block);outline:none;overflow-y:auto}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-closing),[state--state-closing]))) .sbb-navigation-section__wrapper{--sbb-scrollbar-color: transparent;scrollbar-color:transparent transparent}.sbb-navigation-section__header{position:relative;display:flex;align-items:center;gap:var(--sbb-spacing-fixed-1x);margin-block-start:var(--sbb-spacing-responsive-xxl);padding-inline-start:var(--sbb-navigation-section-content-padding-inline-start)}@media(min-width:64rem){.sbb-navigation-section__header{margin-block-start:0;padding-inline-start:0}}@media(min-width:90rem){.sbb-navigation-section__header{grid-column:1/4}}.sbb-navigation-section__back{position:absolute;translate:calc((100% + var(--sbb-spacing-fixed-1x)) * -1) 0}@media(min-width:64rem){.sbb-navigation-section__back{display:none}}.sbb-navigation-section__title{margin-block:var(--sbb-title-margin-block, 0);margin-inline:0;font-family:var(--sbb-typo-font-family);font-weight:700;font-size:var(--sbb-title-font-size);letter-spacing:var(--sbb-typo-letter-spacing-heading);line-height:var(--sbb-title-line-height, var(--sbb-typo-line-height-heading));font-size:var(--sbb-navigation-section-font-size)}.sbb-navigation-section__content{display:grid;grid-template-columns:1fr;gap:var(--sbb-spacing-responsive-l) var(--sbb-grid-base-gutter-responsive);padding-inline:var(--sbb-navigation-section-padding-inline)}@media(min-width:64rem){.sbb-navigation-section__content{opacity:0;translate:0 var(--sbb-spacing-fixed-3x);transition-duration:var(--sbb-navigation-section-animation-duration);transition-delay:var(--sbb-navigation-section-animation-duration);transition-timing-function:var(--sbb-navigation-section-animation-easing);transition-property:opacity,translate}:host(:is(:state(state-opened),[state--state-opened])) .sbb-navigation-section__content{opacity:1;translate:0 0}}@media(min-width:90rem){.sbb-navigation-section__content{grid-template-columns:repeat(3,1fr)}}:host(:is(:state(state-closing),[state--state-closing])) .sbb-navigation-section__content{transition-delay:0s}@keyframes open{0%{translate:var(--sbb-navigation-section-translate) 0}to{translate:0 0}}@keyframes close{0%{translate:0 0}to{translate:var(--sbb-navigation-section-translate) 0}}", E = (() => {
+var T = ":host{--sbb-navigation-section-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-3x) );--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);display:var(--sbb-navigation-section-display, none);position:var(--sbb-navigation-section-position);grid-column:var(--sbb-navigation-section-column);inset-inline-start:0;inset-block-start:0;width:var(--sbb-navigation-section-width);height:var(--sbb-navigation-section-height);z-index:var(--sbb-navigation-z-index, var(--sbb-overlay-default-z-index))}@media(min-width:64rem){:host{--sbb-navigation-section-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-navigation-section-width: calc( 100% + var(--sbb-layout-base-offset-responsive) + var(--sbb-grid-base-gutter-responsive) );translate:calc(var(--sbb-grid-base-gutter-responsive) * -1) 0}}:host(:is(:state(state-opened),[state--state-opened])){--sbb-navigation-section-pointer-events: all}:host(:is(:state(state-opening),[state--state-opening])){--sbb-navigation-section-position: absolute}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-closing),[state--state-closing]))){--sbb-navigation-section-pointer-events: 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-navigation-section-display: block}::slotted(*){padding-inline-start:var(--sbb-navigation-section-content-padding-inline-start)}::slotted(:is(:state(sbb-button),[state--sbb-button])){grid-column-start:1}.sbb-navigation-section__container{pointer-events:var(--sbb-navigation-section-pointer-events);height:var(--sbb-navigation-section-height)}.sbb-navigation-section{display:none;border:none;margin:0;width:100%;height:100%;color:var(--sbb-navigation-color, var(--sbb-color-1-negative));background-color:transparent;padding:0;overflow:hidden}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-navigation-section{display:block;animation-name:open;animation-duration:var(--sbb-navigation-section-animation-duration);animation-timing-function:var(--sbb-navigation-section-animation-easing)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-navigation-section{animation-name:close}@media(forced-colors:active){.sbb-navigation-section{outline:var(--sbb-border-width-1x) solid CanvasText}}.sbb-navigation-section__wrapper{--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);--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-white) 30%, transparent);--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-white) 60%, transparent);--sbb-scrollbar-track-color: transparent}.sbb-navigation-section__wrapper::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-navigation-section__wrapper::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-navigation-section__wrapper::-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-navigation-section__wrapper::-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-navigation-section__wrapper::-webkit-scrollbar-button,.sbb-navigation-section__wrapper::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-navigation-section__wrapper{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-navigation-section__wrapper{height:100%;padding-block:var(--sbb-navigation-section-padding-block);outline:none;overflow-y:auto}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-closing),[state--state-closing]))) .sbb-navigation-section__wrapper{--sbb-scrollbar-color: transparent;scrollbar-color:transparent transparent}.sbb-navigation-section__header{position:relative;display:flex;align-items:center;gap:var(--sbb-spacing-fixed-1x);margin-block-start:var(--sbb-spacing-responsive-xxl);padding-inline-start:var(--sbb-navigation-section-content-padding-inline-start)}@media(min-width:64rem){.sbb-navigation-section__header{margin-block-start:0;padding-inline-start:0}}@media(min-width:90rem){.sbb-navigation-section__header{grid-column:1/4}}.sbb-navigation-section__back{position:absolute;translate:calc((100% + var(--sbb-spacing-fixed-1x)) * -1) 0}@media(min-width:64rem){.sbb-navigation-section__back{display:none}}.sbb-navigation-section__title{font-weight:700;font-size:var(--sbb-navigation-section-font-size);letter-spacing:var(--sbb-typo-letter-spacing-heading);line-height:var(--sbb-typo-line-height-heading)}.sbb-navigation-section__content{display:grid;grid-template-columns:1fr;gap:var(--sbb-spacing-responsive-l) var(--sbb-grid-base-gutter-responsive);padding-inline:var(--sbb-navigation-section-padding-inline)}@media(min-width:64rem){.sbb-navigation-section__content{opacity:0;translate:0 var(--sbb-spacing-fixed-3x);transition-duration:var(--sbb-navigation-section-animation-duration);transition-delay:var(--sbb-navigation-section-animation-duration);transition-timing-function:var(--sbb-navigation-section-animation-easing);transition-property:opacity,translate}:host(:is(:state(state-opened),[state--state-opened])) .sbb-navigation-section__content{opacity:1;translate:0 0}}@media(min-width:90rem){.sbb-navigation-section__content{grid-template-columns:repeat(3,1fr)}}:host(:is(:state(state-closing),[state--state-closing])) .sbb-navigation-section__content{transition-delay:0s}@keyframes open{0%{translate:var(--sbb-navigation-section-translate) 0}to{translate:0 0}}@keyframes close{0%{translate:0 0}to{translate:var(--sbb-navigation-section-translate) 0}}", E = (() => {
 	let E = p(f), D, O = [], k = [], A, j = [], M = [], N, P = [], F = [], I, L = [], R = [];
 	return class extends E {
 		static {

package/navigation.js

@@ -3,7 +3,7 @@ import { SbbNavigationButtonElement as t } from "./navigation/navigation-button/
 import { SbbNavigationLinkElement as n } from "./navigation/navigation-link/navigation-link.component.js";
 import { t as r } from "./navigation-list.component-BX-kv06z.js";
 import { t as i } from "./navigation-marker.component-iSodFQRj.js";
-import { t as a } from "./navigation-section.component-K4Pa53K7.js";
+import { t as a } from "./navigation-section.component-BkhBZ4vH.js";
 import { t as o } from "./navigation.component-BFejmwjr.js";
 import "./navigation.pure.js";
 o.define(), t.define(), n.define(), r.define(), i.define(), a.define();

package/navigation.pure.js

@@ -3,6 +3,6 @@ import { SbbNavigationButtonElement as t } from "./navigation/navigation-button/
 import { SbbNavigationLinkElement as n } from "./navigation/navigation-link/navigation-link.component.js";
 import { t as r } from "./navigation-list.component-BX-kv06z.js";
 import { t as i } from "./navigation-marker.component-iSodFQRj.js";
-import { t as a } from "./navigation-section.component-K4Pa53K7.js";
+import { t as a } from "./navigation-section.component-BkhBZ4vH.js";
 import { t as o } from "./navigation.component-BFejmwjr.js";
 export { e as SbbNavigationActionCommonElementMixin, t as SbbNavigationButtonElement, o as SbbNavigationElement, n as SbbNavigationLinkElement, r as SbbNavigationListElement, i as SbbNavigationMarkerElement, a as SbbNavigationSectionElement };

package/off-brand-theme.css

@@ -2041,6 +2041,9 @@ slot[name=error]::slotted(*) {
   --sbb-timetable-occupancy-list-gap: var(--sbb-spacing-fixed-2x);
   --sbb-timetable-occupancy-item-gap: var(--sbb-spacing-fixed-1x);
   --sbb-time-input-max-width: 3.625rem;
+  --sbb-title-font-size: var(--sbb-heading-font-size-1);
+  --sbb-title-color: var(--sbb-color-3);
+  --sbb-title-margin-block: var(--sbb-heading-margin-block-1);
   --sbb-toggle-check-font-size: var(--sbb-text-font-size-s);
   --sbb-toggle-check-color: var(--sbb-color-2);
   --sbb-toggle-check-checked-color: var(--sbb-color-primary);
@@ -2178,25 +2181,6 @@ slot[name=error]::slotted(*) {
   --sbb-cursor-pointer: pointer;
   --sbb-border-radius-infinity: calc(infinity * 1px);
 }
-:root.sbb-lean {
-  --sbb-title-font-size-level-1-lean: var(--sbb-heading-font-size-2);
-  --sbb-title-font-size-level-2-lean: var(--sbb-heading-font-size-3);
-  --sbb-title-font-size-level-3-lean: var(--sbb-heading-font-size-4);
-  --sbb-title-font-size-level-4-lean: var(--sbb-heading-font-size-5);
-  --sbb-title-font-size-level-5-lean: var(--sbb-heading-font-size-6);
-  --sbb-title-font-size-level-6-lean: var(--sbb-typo-scale-0-75x);
-  --sbb-heading-margin-block-1-lean: var(--sbb-spacing-responsive-s)
-    var(--sbb-spacing-fixed-3x);
-  --sbb-heading-margin-block-2-lean: var(--sbb-spacing-responsive-s)
-    var(--sbb-spacing-fixed-3x);
-  --sbb-heading-margin-block-3-lean: var(--sbb-spacing-responsive-s)
-    var(--sbb-spacing-responsive-xxxs);
-  --sbb-heading-margin-block-4-lean: var(--sbb-spacing-responsive-s)
-    var(--sbb-spacing-fixed-2x);
-  --sbb-heading-margin-block-5-lean: var(--sbb-spacing-responsive-s)
-    var(--sbb-spacing-fixed-1x);
-  --sbb-heading-margin-block-6-lean: var(--sbb-spacing-responsive-s) 0;
-}
 :root:where(.sbb-focus-modality-mouse, .sbb-focus-modality-touch) {
   --sbb-focus-outline-style: none;
 }
@@ -2298,9 +2282,6 @@ slot[name=error]::slotted(*) {
     --sbb-teaser-product-footer-min-height: var(--sbb-teaser-product-container-spacing);
     --sbb-time-input-max-width: 4.0625rem;
   }
-  :root.sbb-lean {
-    --sbb-title-font-size-level-6-lean: var(--sbb-typo-scale-0-875x);
-  }
 }
 @media (min-width: calc(90rem)) {
   :root {

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@sbb-esta/lyne-elements-dev",
-  "version": "5.0.0-next.1-dev.1777366078",
+  "version": "5.0.0-next.1-dev.1777448509",
   "description": "Lyne Design System",
   "keywords": [
     "design system",
     "web components",
     "lit",
-    "https://github.com/sbb-design-systems/lyne-components/commit/e0e2268a4de4e0cb79f5a13e4fc080026e9fcc05"
+    "https://github.com/sbb-design-systems/lyne-components/commit/7993f82d5fbf3baffe5258eaaa716052c91ef4de"
   ],
   "type": "module",
   "exports": {

package/safety-theme.css

@@ -2041,6 +2041,9 @@ slot[name=error]::slotted(*) {
   --sbb-timetable-occupancy-list-gap: var(--sbb-spacing-fixed-2x);
   --sbb-timetable-occupancy-item-gap: var(--sbb-spacing-fixed-1x);
   --sbb-time-input-max-width: 3.625rem;
+  --sbb-title-font-size: var(--sbb-heading-font-size-1);
+  --sbb-title-color: var(--sbb-color-3);
+  --sbb-title-margin-block: var(--sbb-heading-margin-block-1);
   --sbb-toggle-check-font-size: var(--sbb-text-font-size-s);
   --sbb-toggle-check-color: var(--sbb-color-2);
   --sbb-toggle-check-checked-color: var(--sbb-color-primary);
@@ -2178,25 +2181,6 @@ slot[name=error]::slotted(*) {
   --sbb-cursor-pointer: pointer;
   --sbb-border-radius-infinity: calc(infinity * 1px);
 }
-:root.sbb-lean {
-  --sbb-title-font-size-level-1-lean: var(--sbb-heading-font-size-2);
-  --sbb-title-font-size-level-2-lean: var(--sbb-heading-font-size-3);
-  --sbb-title-font-size-level-3-lean: var(--sbb-heading-font-size-4);
-  --sbb-title-font-size-level-4-lean: var(--sbb-heading-font-size-5);
-  --sbb-title-font-size-level-5-lean: var(--sbb-heading-font-size-6);
-  --sbb-title-font-size-level-6-lean: var(--sbb-typo-scale-0-75x);
-  --sbb-heading-margin-block-1-lean: var(--sbb-spacing-responsive-s)
-    var(--sbb-spacing-fixed-3x);
-  --sbb-heading-margin-block-2-lean: var(--sbb-spacing-responsive-s)
-    var(--sbb-spacing-fixed-3x);
-  --sbb-heading-margin-block-3-lean: var(--sbb-spacing-responsive-s)
-    var(--sbb-spacing-responsive-xxxs);
-  --sbb-heading-margin-block-4-lean: var(--sbb-spacing-responsive-s)
-    var(--sbb-spacing-fixed-2x);
-  --sbb-heading-margin-block-5-lean: var(--sbb-spacing-responsive-s)
-    var(--sbb-spacing-fixed-1x);
-  --sbb-heading-margin-block-6-lean: var(--sbb-spacing-responsive-s) 0;
-}
 :root:where(.sbb-focus-modality-mouse, .sbb-focus-modality-touch) {
   --sbb-focus-outline-style: none;
 }
@@ -2298,9 +2282,6 @@ slot[name=error]::slotted(*) {
     --sbb-teaser-product-footer-min-height: var(--sbb-teaser-product-container-spacing);
     --sbb-time-input-max-width: 4.0625rem;
   }
-  :root.sbb-lean {
-    --sbb-title-font-size-level-6-lean: var(--sbb-typo-scale-0-875x);
-  }
 }
 @media (min-width: calc(90rem)) {
   :root {