@sbb-esta/lyne-elements-dev 5.0.0-next.3-dev.1779268556 → 5.0.0-next.3-dev.1779280398

package/{overlay.component-D7Z_vx1A.js → overlay.component-OSLtja0_.js}

@@ -99,15 +99,15 @@ var g = ":host{--_sbb-overlay-padding-block: calc( var(--sbb-spacing-fixed-14x)
 			return this.dispatchEvent(new t("beforeclose", {
 				cancelable: !0,
 				closeAttribute: this.closeAttribute,
-				closeTarget: this.overlayCloseElement,
-				result: this.returnValue
+				closeTarget: this.lastClosedTarget,
+				result: this.lastResult
 			}));
 		}
 		dispatchCloseEvent() {
 			return this.dispatchEvent(new t("close", {
 				closeAttribute: this.closeAttribute,
-				closeTarget: this.overlayCloseElement,
-				result: this.returnValue
+				closeTarget: this.lastClosedTarget,
+				result: this.lastResult
 			}));
 		}
 		render() {

package/overlay.js

@@ -1,5 +1,5 @@
 import { SbbOverlayBaseElement as e, SbbOverlayCloseEvent as t, assignOverlayResult as n, overlayRefs as r } from "./overlay/overlay-base-element.js";
-import { t as i } from "./overlay.component-D7Z_vx1A.js";
+import { t as i } from "./overlay.component-OSLtja0_.js";
 import "./overlay.pure.js";
 //#region src/elements/overlay.ts
 i.define();

package/overlay.pure.js

@@ -1,3 +1,3 @@
 import { SbbOverlayBaseElement as e, SbbOverlayCloseEvent as t, assignOverlayResult as n, overlayRefs as r } from "./overlay/overlay-base-element.js";
-import { t as i } from "./overlay.component-D7Z_vx1A.js";
+import { t as i } from "./overlay.component-OSLtja0_.js";
 export { e as SbbOverlayBaseElement, t as SbbOverlayCloseEvent, i as SbbOverlayElement, n as assignOverlayResult, r as overlayRefs };

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@sbb-esta/lyne-elements-dev",
-  "version": "5.0.0-next.3-dev.1779268556",
+  "version": "5.0.0-next.3-dev.1779280398",
   "description": "Lyne Design System",
   "keywords": [
     "design system",
     "web components",
     "lit",
-    "https://github.com/sbb-design-systems/lyne-components/commit/78a118bb9f2630131a500b4573dd816c52b129ee"
+    "https://github.com/sbb-design-systems/lyne-components/commit/01cbc060d8848ad350f7636d73fb8377cc83c476"
   ],
   "type": "module",
   "exports": {

package/safety-theme.css

@@ -1798,6 +1798,7 @@ slot[name=error]::slotted(*) {
   --sbb-optgroup-label-font-size: var(--sbb-text-font-size-xxs);
   --sbb-optgroup-label-padding-end: var(--sbb-spacing-fixed-2x);
   --sbb-optgroup-label-padding-inline: var(--sbb-spacing-responsive-xxxs);
+  --sbb-optgroup-divider-color: var(--sbb-divider-color);
   --sbb-overlay-background-color: var(--sbb-background-color-3);
   --sbb-overlay-display: none;
   --sbb-overlay-height: 100%;

package/slider/slider.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../slider.component-C8LKcM11.js";
+import { t as e } from "../slider.component-BMkoF1l1.js";
 export { e as SbbSliderElement };

package/{slider.component-C8LKcM11.js → slider.component-BMkoF1l1.js}

@@ -1,22 +1,19 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
 import { html as n, nothing as r, unsafeCSS as i } from "lit";
 import { property as a } from "lit/decorators.js";
-import { SbbDisabledMixin as o, SbbElement as s, SbbFormAssociatedMixin as c, SbbReadonlyMixin as l, forceType as u, hostAttributes as d } from "./core.js";
-import { SbbIconElement as f } from "./icon.pure.js";
-import { ref as p } from "lit/directives/ref.js";
+import { SbbDisabledMixin as o, SbbElement as s, SbbFormAssociatedMixin as c, SbbReadonlyMixin as l, forceType as u } from "./core.js";
+import { SbbIconElement as d } from "./icon.pure.js";
+import { ref as f } from "lit/directives/ref.js";
 //#region src/elements/slider/slider.scss?inline
-var m = "@charset \"UTF-8\";:host{--_sbb-slider-value-fraction: 0;outline:none!important;display:inline-block;min-width:var(--sbb-slider-min-width);width:min(var(--sbb-slider-width),100%)}:host(:disabled){--sbb-slider-icon-color: var(--sbb-color-graphite);--sbb-slider-icon-color: light-dark(var(--sbb-color-graphite), var(--sbb-color-smoke));--sbb-slider-knob-border-color: var(--sbb-border-color-5);--sbb-slider-knob-border-size: var(--sbb-border-width-2x);--sbb-slider-knob-border-style: dashed}:host([readonly]){--sbb-slider-icon-color: var(--sbb-color-5);--sbb-slider-knob-border-color: var(--sbb-slider-selected-line-disabled-color)}:host(:disabled),:host([readonly]){--sbb-slider-line-color: var(--sbb-slider-line-disabled-color);--sbb-slider-selected-line-color: var(--sbb-slider-selected-line-disabled-color)}@media(forced-colors:active){:host(:disabled),:host([readonly]){--sbb-slider-icon-color: GrayText;--sbb-slider-selected-line-disabled-color: GrayText;--sbb-slider-line-disabled-color: GrayText}}.sbb-slider__height-container{display:flex;flex-direction:column}.sbb-slider__height-container:before{content:\"​\";-webkit-user-select:none;user-select:none;width:0;height:0}.sbb-slider__wrapper{display:flex;gap:var(--sbb-slider-gap);padding-block:var(--sbb-slider-padding-block);color:var(--sbb-slider-icon-color)}.sbb-slider__container{position:relative;min-height:var(--sbb-size-icon-ui-small);flex-grow:1}.sbb-slider__range-input{position:absolute;width:100%;inset:0;opacity:0;margin:0}.sbb-slider__line{position:absolute;top:50%;translate:0 -50%;height:var(--sbb-slider-line-height);width:100%;background-color:var(--sbb-slider-line-color);border-radius:var(--sbb-slider-line-height);overflow:hidden;pointer-events:none}.sbb-slider__selected-line{position:relative;height:100%;background-color:var(--sbb-slider-selected-line-color);width:calc(var(--_sbb-slider-value-fraction) * 100%)}.sbb-slider__knob{position:absolute;top:50%;translate:0 -50%;box-shadow:var(--sbb-box-shadow-level-5-hard);width:var(--sbb-slider-knob-size);height:var(--sbb-slider-knob-size);inset-inline-start:calc(var(--_sbb-slider-value-fraction) * 100% - var(--sbb-slider-knob-size) * var(--_sbb-slider-value-fraction));transition-property:width,height;transition-duration:var(--sbb-disable-animation-duration, var(--sbb-animation-duration-1x));transition-timing-function:ease-in;background-color:var(--sbb-slider-knob-color);border:var(--sbb-slider-knob-border-size) var(--sbb-slider-knob-border-style) var(--sbb-slider-knob-border-color);border-radius:50%;pointer-events:none}:host(:focus-visible) .sbb-slider__knob{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-slider-knob-size: var(--sbb-slider-knob-size-active)}:host(:not(:is(:disabled,[readonly]))) .sbb-slider__range-input:active~.sbb-slider__knob{--sbb-slider-knob-size: var(--sbb-slider-knob-size-active)}", h = (() => {
-	let h = [d({ tabindex: "0" })], g, _ = [], v, y = o(l(c(s))), b = [], x, S, C, w, T, E = [], D = [], O, k = [], A = [];
-	var j = class extends y {
+var p = "@charset \"UTF-8\";:host{--_sbb-slider-value-fraction: 0;outline:none!important;display:inline-block;min-width:var(--sbb-slider-min-width);width:min(var(--sbb-slider-width),100%)}:host(:disabled){--sbb-slider-icon-color: var(--sbb-color-graphite);--sbb-slider-icon-color: light-dark(var(--sbb-color-graphite), var(--sbb-color-smoke));--sbb-slider-knob-border-color: var(--sbb-border-color-5);--sbb-slider-knob-border-size: var(--sbb-border-width-2x);--sbb-slider-knob-border-style: dashed}:host([readonly]){--sbb-slider-icon-color: var(--sbb-color-5);--sbb-slider-knob-border-color: var(--sbb-slider-selected-line-disabled-color)}:host(:disabled),:host([readonly]){--sbb-slider-line-color: var(--sbb-slider-line-disabled-color);--sbb-slider-selected-line-color: var(--sbb-slider-selected-line-disabled-color)}@media(forced-colors:active){:host(:disabled),:host([readonly]){--sbb-slider-icon-color: GrayText;--sbb-slider-selected-line-disabled-color: GrayText;--sbb-slider-line-disabled-color: GrayText}}.sbb-slider__height-container{display:flex;flex-direction:column}.sbb-slider__height-container:before{content:\"​\";-webkit-user-select:none;user-select:none;width:0;height:0}.sbb-slider__wrapper{display:flex;gap:var(--sbb-slider-gap);padding-block:var(--sbb-slider-padding-block);color:var(--sbb-slider-icon-color)}.sbb-slider__container{position:relative;min-height:var(--sbb-size-icon-ui-small);flex-grow:1}.sbb-slider__range-input{position:absolute;width:100%;inset:0;opacity:0;margin:0}.sbb-slider__line{position:absolute;top:50%;translate:0 -50%;height:var(--sbb-slider-line-height);width:100%;background-color:var(--sbb-slider-line-color);border-radius:var(--sbb-slider-line-height);overflow:hidden;pointer-events:none}.sbb-slider__selected-line{position:relative;height:100%;background-color:var(--sbb-slider-selected-line-color);width:calc(var(--_sbb-slider-value-fraction) * 100%)}.sbb-slider__knob{position:absolute;top:50%;translate:0 -50%;box-shadow:var(--sbb-box-shadow-level-5-hard);width:var(--sbb-slider-knob-size);height:var(--sbb-slider-knob-size);inset-inline-start:calc(var(--_sbb-slider-value-fraction) * 100% - var(--sbb-slider-knob-size) * var(--_sbb-slider-value-fraction));transition-property:width,height;transition-duration:var(--sbb-disable-animation-duration, var(--sbb-animation-duration-1x));transition-timing-function:ease-in;background-color:var(--sbb-slider-knob-color);border:var(--sbb-slider-knob-border-size) var(--sbb-slider-knob-border-style) var(--sbb-slider-knob-border-color);border-radius:50%;pointer-events:none}:host(:focus-visible) .sbb-slider__knob{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-slider-knob-size: var(--sbb-slider-knob-size-active)}:host(:not(:is(:disabled,[readonly]))) .sbb-slider__range-input:active~.sbb-slider__knob{--sbb-slider-knob-size: var(--sbb-slider-knob-size-active)}", m = (() => {
+	let m = o(l(c(s))), h = [], g, _, v, y, b, x = [], S = [], C, w = [], T = [];
+	return class extends m {
 		static {
-			v = this;
-		}
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(y[Symbol.metadata] ?? null) : void 0;
-			x = [a()], S = [a({
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(m[Symbol.metadata] ?? null) : void 0;
+			g = [a()], _ = [a({
 				attribute: "value-as-number",
 				type: Number
-			})], C = [a()], w = [a()], T = [u(), a({ attribute: "start-icon" })], O = [u(), a({ attribute: "end-icon" })], e(this, null, x, {
+			})], v = [a()], y = [a()], b = [u(), a({ attribute: "start-icon" })], C = [u(), a({ attribute: "end-icon" })], e(this, null, g, {
 				kind: "setter",
 				name: "value",
 				static: !1,
@@ -28,7 +25,7 @@ var m = "@charset \"UTF-8\";:host{--_sbb-slider-value-fraction: 0;outline:none!i
 					}
 				},
 				metadata: t
-			}, null, b), e(this, null, S, {
+			}, null, h), e(this, null, _, {
 				kind: "setter",
 				name: "valueAsNumber",
 				static: !1,
@@ -40,7 +37,7 @@ var m = "@charset \"UTF-8\";:host{--_sbb-slider-value-fraction: 0;outline:none!i
 					}
 				},
 				metadata: t
-			}, null, b), e(this, null, C, {
+			}, null, h), e(this, null, v, {
 				kind: "setter",
 				name: "min",
 				static: !1,
@@ -52,7 +49,7 @@ var m = "@charset \"UTF-8\";:host{--_sbb-slider-value-fraction: 0;outline:none!i
 					}
 				},
 				metadata: t
-			}, null, b), e(this, null, w, {
+			}, null, h), e(this, null, y, {
 				kind: "setter",
 				name: "max",
 				static: !1,
@@ -64,7 +61,7 @@ var m = "@charset \"UTF-8\";:host{--_sbb-slider-value-fraction: 0;outline:none!i
 					}
 				},
 				metadata: t
-			}, null, b), e(this, null, T, {
+			}, null, h), e(this, null, b, {
 				kind: "accessor",
 				name: "startIcon",
 				static: !1,
@@ -77,7 +74,7 @@ var m = "@charset \"UTF-8\";:host{--_sbb-slider-value-fraction: 0;outline:none!i
 					}
 				},
 				metadata: t
-			}, E, D), e(this, null, O, {
+			}, x, S), e(this, null, C, {
 				kind: "accessor",
 				name: "endIcon",
 				static: !1,
@@ -90,11 +87,7 @@ var m = "@charset \"UTF-8\";:host{--_sbb-slider-value-fraction: 0;outline:none!i
 					}
 				},
 				metadata: t
-			}, k, A), e(null, g = { value: v }, h, {
-				kind: "class",
-				name: v.name,
-				metadata: t
-			}, null, _), j = v = g.value, t && Object.defineProperty(v, Symbol.metadata, {
+			}, w, T), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -105,13 +98,13 @@ var m = "@charset \"UTF-8\";:host{--_sbb-slider-value-fraction: 0;outline:none!i
 			this.elementName = "sbb-slider";
 		}
 		static {
-			this.elementDependencies = [f];
+			this.elementDependencies = [d];
 		}
 		static {
 			this.role = "slider";
 		}
 		static {
-			this.styles = [i(m)];
+			this.styles = [i(p)];
 		}
 		static {
 			this.events = { didChange: "didChange" };
@@ -164,7 +157,10 @@ var m = "@charset \"UTF-8\";:host{--_sbb-slider-value-fraction: 0;outline:none!i
 			return "range";
 		}
 		constructor() {
-			super(), this._value = (t(this, b), null), this._min = "0", this._max = "100", this.#e = t(this, E, ""), this.#t = (t(this, D), t(this, k, "")), this._rangeInput = t(this, A), this.addEventListener?.("keydown", (e) => this._handleKeydown(e));
+			super(), this._value = (t(this, h), null), this._min = "0", this._max = "100", this.#e = t(this, x, ""), this.#t = (t(this, S), t(this, w, "")), this._rangeInput = t(this, T), this.addEventListener?.("keydown", (e) => this._handleKeydown(e));
+		}
+		connectedCallback() {
+			super.connectedCallback(), this.tabIndex = 0;
 		}
 		willUpdate(e) {
 			super.willUpdate(e), e.has("readOnly") && (this.internals.ariaReadOnly = (!!this.readOnly).toString()), this.style?.setProperty("--_sbb-slider-value-fraction", this._valueFraction().toString());
@@ -225,7 +221,7 @@ var m = "@charset \"UTF-8\";:host{--_sbb-slider-value-fraction: 0;outline:none!i
               type="range"
               @change=${() => this._dispatchChangeEvent()}
               @input=${() => this.value = this._rangeInput.value}
-              ${p((e) => this._rangeInput = e)}
+              ${f((e) => this._rangeInput = e)}
             />
             <div class="sbb-slider__line">
               <div class="sbb-slider__selected-line"></div>
@@ -239,11 +235,7 @@ var m = "@charset \"UTF-8\";:host{--_sbb-slider-value-fraction: 0;outline:none!i
       </div>
     `;
 		}
-		static {
-			t(v, _);
-		}
 	};
-	return v;
 })();
 //#endregion
-export { h as t };
+export { m as t };

package/slider.js

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

package/slider.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./slider.component-C8LKcM11.js";
+import { t as e } from "./slider.component-BMkoF1l1.js";
 export { e as SbbSliderElement };

package/standard-theme.css

@@ -1798,6 +1798,7 @@ slot[name=error]::slotted(*) {
   --sbb-optgroup-label-font-size: var(--sbb-text-font-size-xxs);
   --sbb-optgroup-label-padding-end: var(--sbb-spacing-fixed-2x);
   --sbb-optgroup-label-padding-inline: var(--sbb-spacing-responsive-xxxs);
+  --sbb-optgroup-divider-color: var(--sbb-divider-color);
   --sbb-overlay-background-color: var(--sbb-background-color-3);
   --sbb-overlay-display: none;
   --sbb-overlay-height: 100%;

package/core/decorators/host-attributes.js

@@ -1,17 +0,0 @@
-import { isServer as e } from "lit";
-//#region src/elements/core/decorators/host-attributes.ts
-function t(e, t) {
-	for (let [n, r] of Object.entries(t)) r ? e.setAttribute(n, r) : e.toggleAttribute(n, r !== null);
-}
-var n = (n) => (r) => r.addInitializer((r) => {
-	e ? t(r, n) : r.addController({
-		hostConnected() {
-			t(r, n), r.removeController(this);
-		},
-		hostUpdate() {
-			t(r, n), r.removeController(this);
-		}
-	});
-});
-//#endregion
-export { n as hostAttributes };

package/core/eventing/throttle.js

@@ -1,11 +0,0 @@
-//#region src/elements/core/eventing/throttle.ts
-var e = (e, t) => {
-	let n = !1;
-	return (...r) => {
-		n || (e(...r), n = !0, setTimeout(() => {
-			n = !1;
-		}, t));
-	};
-};
-//#endregion
-export { e as throttle };