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

package/paginator/common/paginator-common.js

@@ -1,262 +1,270 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
 import { html as n } from "lit";
 import { property as r } from "lit/decorators.js";
-import { SbbDisabledMixin as i, SbbLanguageController as a, SbbNegativeMixin as o, SbbScreenReaderOnlyElement as s, forceType as c, i18nNextPage as l, i18nPage as u, i18nPaginatorSelected as d, i18nPreviousPage as f, isLean as p, sbbInputModalityDetector as m } from "../../core.js";
-import { SbbMiniButtonElement as h, SbbMiniButtonGroupElement as g } from "../../button.pure.js";
-import { SbbDividerElement as _ } from "../../divider.pure.js";
+import { SbbDisabledMixin as i, SbbLanguageController as a, SbbNegativeMixin as o, boxSizingStyles as s, forceType as c, i18nNextPage as l, i18nPage as u, i18nPaginatorSelected as d, i18nPreviousPage as f, isLean as p, sbbInputModalityDetector as m, screenReaderOnlyStyles as h } from "../../core.js";
+import { SbbMiniButtonElement as g, SbbMiniButtonGroupElement as _ } from "../../button.pure.js";
+import { SbbDividerElement as v } from "../../divider.pure.js";
 //#region src/elements/paginator/common/paginator-common.ts
-var v = (v) => (() => {
-	let y = o(i(v)), b, x = [], S = [], C, w = [], T = [], E, D = [], O = [], k, A = [], j = [], M, N = [], P = [], F, I = [], L = [], R, z = [], B = [], V, H = [], U = [];
-	return class extends y {
-		constructor() {
-			super(...arguments), this.#e = t(this, x, 0), this.#t = (t(this, S), t(this, w, 10)), this.#n = (t(this, T), t(this, D, 0)), this.#r = (t(this, O), t(this, A, "start")), this.#i = (t(this, j), t(this, N, p() ? "s" : "m")), this.#a = (t(this, P), t(this, I, "")), this.#o = (t(this, L), t(this, z, "")), this.#s = (t(this, B), t(this, H, "")), this.language = (t(this, U), new a(this));
-		}
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(y[Symbol.metadata] ?? null) : void 0;
-			b = [c(), r({ type: Number })], C = [c(), r({
-				attribute: "page-size",
-				type: Number
-			})], E = [c(), r({
-				attribute: "page-index",
-				type: Number
-			})], k = [r({
-				attribute: "pager-position",
-				reflect: !0
-			})], M = [r({ reflect: !0 })], F = [c(), r({ attribute: "accessibility-page-label" })], R = [c(), r({ attribute: "accessibility-previous-page-label" })], V = [c(), r({ attribute: "accessibility-next-page-label" })], e(this, null, b, {
-				kind: "accessor",
-				name: "length",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "length" in e,
-					get: (e) => e.length,
-					set: (e, t) => {
-						e.length = t;
-					}
-				},
-				metadata: t
-			}, x, S), e(this, null, C, {
-				kind: "accessor",
-				name: "pageSize",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "pageSize" in e,
-					get: (e) => e.pageSize,
-					set: (e, t) => {
-						e.pageSize = t;
-					}
-				},
-				metadata: t
-			}, w, T), e(this, null, E, {
-				kind: "accessor",
-				name: "pageIndex",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "pageIndex" in e,
-					get: (e) => e.pageIndex,
-					set: (e, t) => {
-						e.pageIndex = t;
-					}
-				},
-				metadata: t
-			}, D, O), e(this, null, k, {
-				kind: "accessor",
-				name: "pagerPosition",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "pagerPosition" in e,
-					get: (e) => e.pagerPosition,
-					set: (e, t) => {
-						e.pagerPosition = t;
-					}
-				},
-				metadata: t
-			}, A, j), e(this, null, M, {
-				kind: "accessor",
-				name: "size",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "size" in e,
-					get: (e) => e.size,
-					set: (e, t) => {
-						e.size = t;
-					}
-				},
-				metadata: t
-			}, N, P), e(this, null, F, {
-				kind: "accessor",
-				name: "accessibilityPageLabel",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "accessibilityPageLabel" in e,
-					get: (e) => e.accessibilityPageLabel,
-					set: (e, t) => {
-						e.accessibilityPageLabel = t;
-					}
-				},
-				metadata: t
-			}, I, L), e(this, null, R, {
-				kind: "accessor",
-				name: "accessibilityPreviousPageLabel",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "accessibilityPreviousPageLabel" in e,
-					get: (e) => e.accessibilityPreviousPageLabel,
-					set: (e, t) => {
-						e.accessibilityPreviousPageLabel = t;
-					}
-				},
-				metadata: t
-			}, z, B), e(this, null, V, {
-				kind: "accessor",
-				name: "accessibilityNextPageLabel",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "accessibilityNextPageLabel" in e,
-					get: (e) => e.accessibilityNextPageLabel,
-					set: (e, t) => {
-						e.accessibilityNextPageLabel = t;
-					}
-				},
-				metadata: t
-			}, H, U), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementDependencies = [
-				g,
-				h,
-				_,
-				s
-			];
-		}
-		static {
-			this.role = "group";
-		}
-		#e;
-		get length() {
-			return this.#e;
-		}
-		set length(e) {
-			this.#e = e;
-		}
-		#t;
-		get pageSize() {
-			return this.#t;
-		}
-		set pageSize(e) {
-			this.#t = e;
-		}
-		#n;
-		get pageIndex() {
-			return this.#n;
-		}
-		set pageIndex(e) {
-			this.#n = e;
-		}
-		#r;
-		get pagerPosition() {
-			return this.#r;
-		}
-		set pagerPosition(e) {
-			this.#r = e;
-		}
-		#i;
-		get size() {
-			return this.#i;
-		}
-		set size(e) {
-			this.#i = e;
-		}
-		#a;
-		get accessibilityPageLabel() {
-			return this.#a;
-		}
-		set accessibilityPageLabel(e) {
-			this.#a = e;
-		}
-		#o;
-		get accessibilityPreviousPageLabel() {
-			return this.#o;
-		}
-		set accessibilityPreviousPageLabel(e) {
-			this.#o = e;
-		}
-		#s;
-		get accessibilityNextPageLabel() {
-			return this.#s;
-		}
-		set accessibilityNextPageLabel(e) {
-			this.#s = e;
-		}
-		willUpdate(e) {
-			super.willUpdate(e);
-			let t = null;
-			if (e.has("length") && this.length !== e.get("length") && (this.length = isNaN(this.length) || this.length < 0 ? 0 : this.length, this.pageIndex = this._coercePageIndexInRange(this.pageIndex)), e.has("pageSize") && this.pageSize !== e.get("pageSize")) {
-				let n = e.get("pageSize");
-				this.pageSize = isNaN(this.pageSize) || this.pageSize < 0 ? 0 : this.pageSize, n && !e.has("pageIndex") && (this.pageIndex = Math.floor(this.pageIndex * n / this.pageSize) || 0), t = this.pageIndex;
-			}
-			e.has("pageIndex") && this.pageIndex !== e.get("pageIndex") && (this.pageIndex = this._coercePageIndexInRange(this.pageIndex), t = e.get("pageIndex")), t !== null && this._emitPageEvent(t);
-		}
-		updated(e) {
-			super.updated(e), this.shadowRoot.querySelector("sbb-screen-reader-only#status").textContent = this._currentPageLabel();
-		}
-		_coercePageIndexInRange(e) {
-			return Math.max(Math.min(Math.max(isNaN(e) ? 0 : e, 0), this.numberOfPages() - 1), 0);
-		}
-		_currentPageLabel() {
-			return `${this.accessibilityPageLabel ? this.accessibilityPageLabel : u[this.language.current]} ${this.pageIndex + 1} ${d[this.language.current]}.`;
-		}
-		nextPage() {
-			this.pageIndex += 1;
-		}
-		previousPage() {
-			--this.pageIndex;
-		}
-		firstPage() {
-			this.pageIndex = 0;
-		}
-		lastPage() {
-			this.pageIndex = this.numberOfPages() - 1;
-		}
-		selectPage(e) {
-			this.pageIndex = e;
-		}
-		hasPreviousPage() {
-			return this.pageIndex >= 1 && this.pageSize !== 0;
-		}
-		hasNextPage() {
-			let e = this.numberOfPages() - 1;
-			return this.pageIndex < e && this.pageSize !== 0;
-		}
-		numberOfPages() {
-			return this.pageSize ? Math.ceil(this.length / this.pageSize) : 0;
-		}
-		_emitPageEvent(e) {
-			this.hasUpdated && this.dispatchEvent(new CustomEvent("page", {
-				bubbles: !0,
-				composed: !0,
-				detail: {
-					previousPageIndex: e,
-					pageIndex: this.pageIndex,
-					length: this.length,
-					pageSize: this.pageSize
+var y = (y) => {
+	let b = o(i(y));
+	return (() => {
+		let i = b, o, y = [], x = [], S, C = [], w = [], T, E = [], D = [], O, k = [], A = [], j, M = [], N = [], P, F = [], I = [], L, R = [], z = [], B, V = [], H = [];
+		return class extends i {
+			constructor() {
+				super(...arguments), this.#e = t(this, y, 0), this.#t = (t(this, x), t(this, C, 10)), this.#n = (t(this, w), t(this, E, 0)), this.#r = (t(this, D), t(this, k, "start")), this.#i = (t(this, A), t(this, M, p() ? "s" : "m")), this.#a = (t(this, N), t(this, F, "")), this.#o = (t(this, I), t(this, R, "")), this.#s = (t(this, z), t(this, V, "")), this.language = (t(this, H), new a(this));
+			}
+			static {
+				let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
+				o = [c(), r({ type: Number })], S = [c(), r({
+					attribute: "page-size",
+					type: Number
+				})], T = [c(), r({
+					attribute: "page-index",
+					type: Number
+				})], O = [r({
+					attribute: "pager-position",
+					reflect: !0
+				})], j = [r({ reflect: !0 })], P = [c(), r({ attribute: "accessibility-page-label" })], L = [c(), r({ attribute: "accessibility-previous-page-label" })], B = [c(), r({ attribute: "accessibility-next-page-label" })], e(this, null, o, {
+					kind: "accessor",
+					name: "length",
+					static: !1,
+					private: !1,
+					access: {
+						has: (e) => "length" in e,
+						get: (e) => e.length,
+						set: (e, t) => {
+							e.length = t;
+						}
+					},
+					metadata: t
+				}, y, x), e(this, null, S, {
+					kind: "accessor",
+					name: "pageSize",
+					static: !1,
+					private: !1,
+					access: {
+						has: (e) => "pageSize" in e,
+						get: (e) => e.pageSize,
+						set: (e, t) => {
+							e.pageSize = t;
+						}
+					},
+					metadata: t
+				}, C, w), e(this, null, T, {
+					kind: "accessor",
+					name: "pageIndex",
+					static: !1,
+					private: !1,
+					access: {
+						has: (e) => "pageIndex" in e,
+						get: (e) => e.pageIndex,
+						set: (e, t) => {
+							e.pageIndex = t;
+						}
+					},
+					metadata: t
+				}, E, D), e(this, null, O, {
+					kind: "accessor",
+					name: "pagerPosition",
+					static: !1,
+					private: !1,
+					access: {
+						has: (e) => "pagerPosition" in e,
+						get: (e) => e.pagerPosition,
+						set: (e, t) => {
+							e.pagerPosition = t;
+						}
+					},
+					metadata: t
+				}, k, A), e(this, null, j, {
+					kind: "accessor",
+					name: "size",
+					static: !1,
+					private: !1,
+					access: {
+						has: (e) => "size" in e,
+						get: (e) => e.size,
+						set: (e, t) => {
+							e.size = t;
+						}
+					},
+					metadata: t
+				}, M, N), e(this, null, P, {
+					kind: "accessor",
+					name: "accessibilityPageLabel",
+					static: !1,
+					private: !1,
+					access: {
+						has: (e) => "accessibilityPageLabel" in e,
+						get: (e) => e.accessibilityPageLabel,
+						set: (e, t) => {
+							e.accessibilityPageLabel = t;
+						}
+					},
+					metadata: t
+				}, F, I), e(this, null, L, {
+					kind: "accessor",
+					name: "accessibilityPreviousPageLabel",
+					static: !1,
+					private: !1,
+					access: {
+						has: (e) => "accessibilityPreviousPageLabel" in e,
+						get: (e) => e.accessibilityPreviousPageLabel,
+						set: (e, t) => {
+							e.accessibilityPreviousPageLabel = t;
+						}
+					},
+					metadata: t
+				}, R, z), e(this, null, B, {
+					kind: "accessor",
+					name: "accessibilityNextPageLabel",
+					static: !1,
+					private: !1,
+					access: {
+						has: (e) => "accessibilityNextPageLabel" in e,
+						get: (e) => e.accessibilityNextPageLabel,
+						set: (e, t) => {
+							e.accessibilityNextPageLabel = t;
+						}
+					},
+					metadata: t
+				}, V, H), t && Object.defineProperty(this, Symbol.metadata, {
+					enumerable: !0,
+					configurable: !0,
+					writable: !0,
+					value: t
+				});
+			}
+			static {
+				this.styles = [
+					b.styles ?? [],
+					s,
+					h
+				];
+			}
+			static {
+				this.elementDependencies = [
+					_,
+					g,
+					v
+				];
+			}
+			static {
+				this.role = "group";
+			}
+			#e;
+			get length() {
+				return this.#e;
+			}
+			set length(e) {
+				this.#e = e;
+			}
+			#t;
+			get pageSize() {
+				return this.#t;
+			}
+			set pageSize(e) {
+				this.#t = e;
+			}
+			#n;
+			get pageIndex() {
+				return this.#n;
+			}
+			set pageIndex(e) {
+				this.#n = e;
+			}
+			#r;
+			get pagerPosition() {
+				return this.#r;
+			}
+			set pagerPosition(e) {
+				this.#r = e;
+			}
+			#i;
+			get size() {
+				return this.#i;
+			}
+			set size(e) {
+				this.#i = e;
+			}
+			#a;
+			get accessibilityPageLabel() {
+				return this.#a;
+			}
+			set accessibilityPageLabel(e) {
+				this.#a = e;
+			}
+			#o;
+			get accessibilityPreviousPageLabel() {
+				return this.#o;
+			}
+			set accessibilityPreviousPageLabel(e) {
+				this.#o = e;
+			}
+			#s;
+			get accessibilityNextPageLabel() {
+				return this.#s;
+			}
+			set accessibilityNextPageLabel(e) {
+				this.#s = e;
+			}
+			willUpdate(e) {
+				super.willUpdate(e);
+				let t = null;
+				if (e.has("length") && this.length !== e.get("length") && (this.length = isNaN(this.length) || this.length < 0 ? 0 : this.length, this.pageIndex = this._coercePageIndexInRange(this.pageIndex)), e.has("pageSize") && this.pageSize !== e.get("pageSize")) {
+					let n = e.get("pageSize");
+					this.pageSize = isNaN(this.pageSize) || this.pageSize < 0 ? 0 : this.pageSize, n && !e.has("pageIndex") && (this.pageIndex = Math.floor(this.pageIndex * n / this.pageSize) || 0), t = this.pageIndex;
 				}
-			}));
-		}
-		renderPrevNextButtons() {
-			return n`
+				e.has("pageIndex") && this.pageIndex !== e.get("pageIndex") && (this.pageIndex = this._coercePageIndexInRange(this.pageIndex), t = e.get("pageIndex")), t !== null && this._emitPageEvent(t);
+			}
+			updated(e) {
+				super.updated(e), this.shadowRoot.querySelector(".sbb-screen-reader-only#status").textContent = this._currentPageLabel();
+			}
+			_coercePageIndexInRange(e) {
+				return Math.max(Math.min(Math.max(isNaN(e) ? 0 : e, 0), this.numberOfPages() - 1), 0);
+			}
+			_currentPageLabel() {
+				return `${this.accessibilityPageLabel ? this.accessibilityPageLabel : u[this.language.current]} ${this.pageIndex + 1} ${d[this.language.current]}.`;
+			}
+			nextPage() {
+				this.pageIndex += 1;
+			}
+			previousPage() {
+				--this.pageIndex;
+			}
+			firstPage() {
+				this.pageIndex = 0;
+			}
+			lastPage() {
+				this.pageIndex = this.numberOfPages() - 1;
+			}
+			selectPage(e) {
+				this.pageIndex = e;
+			}
+			hasPreviousPage() {
+				return this.pageIndex >= 1 && this.pageSize !== 0;
+			}
+			hasNextPage() {
+				let e = this.numberOfPages() - 1;
+				return this.pageIndex < e && this.pageSize !== 0;
+			}
+			numberOfPages() {
+				return this.pageSize ? Math.ceil(this.length / this.pageSize) : 0;
+			}
+			_emitPageEvent(e) {
+				this.hasUpdated && this.dispatchEvent(new CustomEvent("page", {
+					bubbles: !0,
+					composed: !0,
+					detail: {
+						previousPageIndex: e,
+						pageIndex: this.pageIndex,
+						length: this.length,
+						pageSize: this.pageSize
+					}
+				}));
+			}
+			renderPrevNextButtons() {
+				return n`
         <sbb-mini-button-group ?negative=${this.negative} size=${this.size === "s" ? "s" : "l"}>
           <sbb-mini-button
             id="sbb-paginator-prev-page"
@@ -264,8 +272,8 @@ var v = (v) => (() => {
             icon-name="chevron-small-left-small"
             ?disabled=${this.disabled || !this.hasPreviousPage()}
             @click=${() => {
-				this.previousPage(), !this.hasPreviousPage() && m.mostRecentModality === "keyboard" && this.shadowRoot?.getElementById("sbb-paginator-next-page").focus();
-			}}
+					this.previousPage(), !this.hasPreviousPage() && m.mostRecentModality === "keyboard" && this.shadowRoot?.getElementById("sbb-paginator-next-page").focus();
+				}}
           ></sbb-mini-button>
           <sbb-divider orientation="vertical"></sbb-divider>
           <sbb-mini-button
@@ -274,19 +282,20 @@ var v = (v) => (() => {
             icon-name="chevron-small-right-small"
             ?disabled=${this.disabled || !this.hasNextPage()}
             @click=${() => {
-				this.nextPage(), !this.hasNextPage() && m.mostRecentModality === "keyboard" && this.shadowRoot?.getElementById("sbb-paginator-prev-page").focus();
-			}}
+					this.nextPage(), !this.hasNextPage() && m.mostRecentModality === "keyboard" && this.shadowRoot?.getElementById("sbb-paginator-prev-page").focus();
+				}}
           ></sbb-mini-button>
         </sbb-mini-button-group>
       `;
-		}
-		render() {
-			return n`
+			}
+			render() {
+				return n`
         ${this.renderPaginator()}
-        <sbb-screen-reader-only id="status" role="status"></sbb-screen-reader-only>
+        <span class="sbb-screen-reader-only" id="status" role="status"></span>
       `;
-		}
-	};
-})();
+			}
+		};
+	})();
+};
 //#endregion
-export { v as SbbPaginatorCommonElementMixin };
+export { y as SbbPaginatorCommonElementMixin };

package/paginator/compact-paginator/compact-paginator.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../compact-paginator.component-Dyu9bezr.js";
+import { t as e } from "../../compact-paginator.component-CoAxdqWU.js";
 export { e as SbbCompactPaginatorElement };

package/paginator/paginator/paginator.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../paginator.component-DA_wUypF.js";
+import { t as e } from "../../paginator.component-BtBmabiW.js";
 export { e as SbbPaginatorElement };