@sbb-esta/lyne-elements-dev 5.0.0-next-dev.1776736853 → 5.0.0-next-dev.1776760633

package/dialog-content.component-DvJiuDJI.js

@@ -1,19 +0,0 @@
-import { html as e, unsafeCSS as t } from "lit";
-import { SbbElement as n } from "./core.js";
-//#region src/elements/dialog/dialog-content/dialog-content.scss?inline
-var r = ":host{display:block;padding-block:var(--sbb-dialog-padding-block);padding-inline:var(--sbb-dialog-padding-inline);grid-area:content;overflow:auto}:host(:focus-visible){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);--sbb-focus-outline-offset: calc(var(--sbb-focus-outline-width) * -1)}", i = class extends n {
-	static {
-		this.elementName = "sbb-dialog-content";
-	}
-	static {
-		this.styles = t(r);
-	}
-	connectedCallback() {
-		super.connectedCallback(), this.classList.add("sbb-scrollbar");
-	}
-	render() {
-		return e`<slot></slot>`;
-	}
-};
-//#endregion
-export { i as t };

package/overlay.component-OzDUV8t1.js

@@ -1,164 +0,0 @@
-import { SbbOverlayBaseElement as e, SbbOverlayCloseEvent as t, overlayRefs as n } from "./overlay/overlay-base-element.js";
-import { __esDecorate as r, __runInitializers as i } from "tslib";
-import { unsafeCSS as a } from "lit";
-import { property as o } from "lit/decorators.js";
-import { SbbScreenReaderOnlyElement as s, boxSizingStyles as c, forceType as l, forwardEvent as u, i18nCloseDialog as d, isZeroAnimationDuration as f } from "./core.js";
-import { html as p } from "lit/static-html.js";
-import { SbbSecondaryButtonElement as m } from "./button.pure.js";
-import { ref as h } from "lit/directives/ref.js";
-import { SbbContainerElement as g } from "./container.pure.js";
-//#region src/elements/overlay/overlay.scss?inline
-var _ = ":host{--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-overlay-padding-block: calc( var(--sbb-spacing-fixed-14x) + var(--sbb-spacing-responsive-l) );--sbb-overlay-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );display:var(--sbb-overlay-display);position:fixed;inset:var(--sbb-overlay-inset);z-index:var(--sbb-overlay-z-index, var(--sbb-overlay-default-z-index))}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){--sbb-overlay-display: block;--sbb-overlay-container-display: flex}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]))){--sbb-overlay-pointer-events: all}:host([negative]){--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-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-overlay-color: var(--sbb-color-1-negative);--sbb-overlay-background-color: var(--sbb-background-color-3-negative)}:host(:not(:is(:state(state-closed),[state--state-closed]))){--sbb-overlay-inset: 0}.sbb-overlay__container{background-color:var(--sbb-overlay-background-color);pointer-events:var(--sbb-overlay-pointer-events);display:var(--sbb-overlay-container-display);align-items:center;position:fixed;inset:var(--sbb-overlay-inset)}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-overlay__container{animation-name:open;animation-duration:var(--sbb-overlay-animation-duration);animation-timing-function:var(--sbb-overlay-animation-easing)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-overlay__container{pointer-events:none;animation-name:close}.sbb-overlay{position:absolute;inset-inline:0;margin:auto;padding:0;border:none;height:var(--sbb-overlay-height);overflow:auto;color:var(--sbb-overlay-color)}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-overlay{animation-name:open-move-in;animation-duration:var(--sbb-overlay-animation-duration);animation-timing-function:var(--sbb-overlay-animation-easing)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-overlay{animation-name:close-move-out}.sbb-overlay__wrapper{display:flex;flex-direction:column;width:100%;height:var(--sbb-overlay-height);outline:none;position:fixed}@media(min-width:64rem){.sbb-overlay__wrapper{position:sticky;inset-block-start:0;height:auto}}.sbb-overlay__header{position:absolute;inset-inline-start:0;display:flex;pointer-events:none;align-items:start;justify-content:space-between;width:100%;padding:var(--sbb-spacing-responsive-xs);padding-block-end:0;z-index:1}.sbb-overlay__header *{pointer-events:all}.sbb-overlay__close{margin-inline-start:auto}.sbb-overlay__content{--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-overlay__content::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-overlay__content::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-overlay__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-overlay__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-overlay__content::-webkit-scrollbar-button,.sbb-overlay__content::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-overlay__content{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-overlay__content{height:100vh;overflow:auto;-webkit-overflow-scrolling:touch}.sbb-overlay__content-container{padding-block:var(--_sbb-overlay-padding-block)}@keyframes open{0%{opacity:0}to{opacity:1}}@keyframes open-move-in{0%{transform:translateY(var(--sbb-spacing-fixed-4x))}to{transform:translateY(0)}}@keyframes close{0%{opacity:1}to{opacity:0}}@keyframes close-move-out{0%{transform:translateY(0)}to{transform:translateY(var(--sbb-spacing-fixed-4x))}}", v = 0, y = (() => {
-	let y = e, b, x = [], S = [], C, w = [], T = [];
-	return class extends y {
-		constructor() {
-			super(...arguments), this.#e = i(this, x, !1), this.#t = (i(this, S), i(this, w, "")), this.closeAttribute = (i(this, T), "sbb-overlay-close"), this._overlayContentElement = null;
-		}
-		static {
-			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(y[Symbol.metadata] ?? null) : void 0;
-			b = [l(), o({
-				reflect: !0,
-				type: Boolean
-			})], C = [l(), o({ attribute: "accessibility-close-label" })], r(this, null, b, {
-				kind: "accessor",
-				name: "expanded",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "expanded" in e,
-					get: (e) => e.expanded,
-					set: (e, t) => {
-						e.expanded = t;
-					}
-				},
-				metadata: e
-			}, x, S), r(this, null, C, {
-				kind: "accessor",
-				name: "accessibilityCloseLabel",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "accessibilityCloseLabel" in e,
-					get: (e) => e.accessibilityCloseLabel,
-					set: (e, t) => {
-						e.accessibilityCloseLabel = t;
-					}
-				},
-				metadata: e
-			}, w, T), e && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: e
-			});
-		}
-		static {
-			this.elementName = "sbb-overlay";
-		}
-		static {
-			this.elementDependencies = [
-				m,
-				g,
-				s
-			];
-		}
-		static {
-			this.styles = [c, a(_)];
-		}
-		static {
-			this.events = {
-				beforeopen: "beforeopen",
-				open: "open",
-				beforeclose: "beforeclose",
-				close: "close"
-			};
-		}
-		#e;
-		get expanded() {
-			return this.#e;
-		}
-		set expanded(e) {
-			this.#e = e;
-		}
-		#t;
-		get accessibilityCloseLabel() {
-			return this.#t;
-		}
-		set accessibilityCloseLabel(e) {
-			this.#t = e;
-		}
-		connectedCallback() {
-			this.id ||= `sbb-overlay-${v++}`, super.connectedCallback();
-		}
-		firstUpdated(e) {
-			super.firstUpdated(e), this.isOpen && this.setAriaLiveRefContent();
-		}
-		isZeroAnimationDuration() {
-			return f(this, "--sbb-overlay-animation-duration");
-		}
-		handleOpening() {
-			this.state = "opened", this.inertController.activate(), this.focusTrapController.focusInitialElement(), setTimeout(() => this.setAriaLiveRefContent(this.accessibilityLabel)), this.focusTrapController.enabled = !0, this.dispatchOpenEvent();
-		}
-		handleClosing() {
-			this._overlayContentElement?.scrollTo(0, 0), this.state = "closed", this.hidePopover?.(), this.inertController.deactivate(), this.skipFocusRestoration || this.lastFocusedElement?.focus(), this.openOverlayController?.abort(), this.focusTrapController.enabled = !1, this.removeInstanceFromGlobalCollection(), n.length || this.scrollHandler.enableScroll(), this.escapableOverlayController.disconnect(), this.dispatchCloseEvent({
-				returnValue: this.returnValue,
-				closeTarget: this.overlayCloseElement
-			});
-		}
-		dispatchBeforeCloseEvent(e) {
-			return this.dispatchEvent(new t("beforeclose", {
-				cancelable: !0,
-				closeAttribute: this.closeAttribute,
-				closeTarget: this.overlayCloseElement,
-				result: this.returnValue
-			}));
-		}
-		dispatchCloseEvent(e) {
-			return this.dispatchEvent(new t("close", {
-				closeAttribute: this.closeAttribute,
-				closeTarget: this.overlayCloseElement,
-				result: this.returnValue
-			}));
-		}
-		render() {
-			return p`
-      <div class="sbb-overlay__container" @animationend=${this.onOverlayAnimationEnd}>
-        <div class="sbb-overlay">
-          <div
-            @click=${(e) => this.closeOnSbbOverlayCloseClick(e)}
-            class="sbb-overlay__wrapper"
-          >
-            <div class="sbb-overlay__header">
-              <sbb-secondary-button
-                class="sbb-overlay__close"
-                aria-label="${this.accessibilityCloseLabel || d[this.language.current]}"
-                ?negative=${this.negative}
-                size="m"
-                type="button"
-                icon-name="cross-small"
-                sbb-overlay-close
-              ></sbb-secondary-button>
-            </div>
-            <div
-              class="sbb-overlay__content"
-              ${h((e) => this._overlayContentElement = e)}
-              @scroll=${(e) => u(e, document)}
-            >
-              <sbb-container
-                class="sbb-overlay__content-container"
-                ?expanded=${this.expanded}
-                color="transparent"
-              >
-                <slot></slot>
-              </sbb-container>
-            </div>
-          </div>
-        </div>
-      </div>
-      <sbb-screen-reader-only aria-live="polite"></sbb-screen-reader-only>
-    `;
-		}
-	};
-})();
-//#endregion
-export { y as t };

package/styles-x5HG0xjp.js

@@ -1,6 +0,0 @@
-import { unsafeCSS as e } from "lit";
-//#endregion
-//#region src/elements/core/styles/styles.ts
-var t = e("*,:before,:after{box-sizing:border-box}");
-//#endregion
-export { t };