@sbb-esta/lyne-elements 2.11.2 → 3.0.0-next.1

package/overlay/overlay.component.js

@@ -2,12 +2,12 @@ var Y = (a) => {
   throw TypeError(a);
 };
 var j = (a, s, o) => s.has(a) || Y("Cannot " + o);
-var m = (a, s, o) => (j(a, s, "read from private field"), o ? o.call(a) : s.get(a)), y = (a, s, o) => s.has(a) ? Y("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(a) : s.set(a, o), n = (a, s, o, r) => (j(a, s, "write to private field"), r ? r.call(a, o) : s.set(a, o), o);
-import { __runInitializers as b, __esDecorate as p } from "tslib";
+var y = (a, s, o) => (j(a, s, "read from private field"), o ? o.call(a) : s.get(a)), p = (a, s, o) => s.has(a) ? Y("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(a) : s.set(a, o), n = (a, s, o, l) => (j(a, s, "write to private field"), l ? l.call(a, o) : s.set(a, o), o);
+import { __runInitializers as b, __esDecorate as u } from "tslib";
 import { css as G, nothing as N } from "lit";
-import { customElement as P, property as u } from "lit/decorators.js";
-import { unsafeStatic as _, html as x } from "lit/static-html.js";
-import { forceType as g } from "../core/decorators.js";
+import { customElement as P, property as _ } from "lit/decorators.js";
+import { unsafeStatic as g, html as x } from "lit/static-html.js";
+import { forceType as k } from "../core/decorators.js";
 import { isZeroAnimationDuration as R } from "../core/dom.js";
 import { EventEmitter as Z, forwardEvent as q } from "../core/eventing.js";
 import { i18nCloseDialog as H, i18nGoBack as V } from "../core/i18n.js";
@@ -19,50 +19,51 @@ import "../screen-reader-only.js";
 const J = G`*,:before,:after{box-sizing:border-box}:host{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: var(--sbb-color-black-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-black-alpha-60);--sbb-scrollbar-track-color: transparent;--sbb-overlay-background-color: var(--sbb-color-milk);--sbb-overlay-height: 100%;--sbb-overlay-inset: 0 auto auto 0;--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) );--sbb-overlay-animation-easing: ease;--sbb-overlay-pointer-events: none;display:none;position:fixed;inset:var(--sbb-overlay-inset);z-index:var(--sbb-overlay-z-index, var(--sbb-overlay-default-z-index))}:host([data-state]:not([data-state=closed])){display:block}:host(:is([data-state=opening],[data-state=opened])){--sbb-overlay-pointer-events: all}:host([negative]){--sbb-scrollbar-color: var(--sbb-color-white-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-white-alpha-60);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-overlay-color: var(--sbb-color-white);--sbb-overlay-background-color: var(--sbb-color-midnight)}:host(:not([data-state=closed])){--sbb-overlay-inset: 0}.sbb-overlay__container{background-color:var(--sbb-overlay-background-color);pointer-events:var(--sbb-overlay-pointer-events);display:none;align-items:center;position:fixed;inset:var(--sbb-overlay-inset)}:host([data-state]:not([data-state=closed])) .sbb-overlay__container{display:flex;animation-name:open;animation-duration:var(--sbb-overlay-animation-duration);animation-timing-function:var(--sbb-overlay-animation-easing)}:host([data-state][data-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([data-state]:not([data-state=closed])) .sbb-overlay{animation-name:open-move-in;animation-duration:var(--sbb-overlay-animation-duration);animation-timing-function:var(--sbb-overlay-animation-easing)}:host([data-state][data-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: 52.5rem){.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))}}`;
 let ce = (() => {
   var c, d, v, h, i;
-  let a = [P("sbb-overlay")], s, o = [], r, w = M, C, B = [], L = [], O, E = [], z = [], $, S = [], A = [], T, I = [], D = [];
-  var k = (i = class extends w {
+  let a = [P("sbb-overlay")], s, o = [], l, w = M, C, B = [], L = [], O, E = [], z = [], $, S = [], A = [], T, I = [], D = [];
+  var f = (i = class extends w {
     constructor() {
       super(...arguments);
-      y(this, c);
-      y(this, d);
-      y(this, v);
-      y(this, h);
-      n(this, c, b(this, B, !1)), n(this, d, (b(this, L), b(this, E, !1))), n(this, v, (b(this, z), b(this, S, ""))), n(this, h, (b(this, A), b(this, I, ""))), this.closeAttribute = (b(this, D), "sbb-overlay-close"), this._backClick = new Z(this, k.events.backClick), this._overlayContentElement = null;
+      p(this, c);
+      p(this, d);
+      p(this, v);
+      p(this, h);
+      n(this, c, b(this, B, !1)), n(this, d, (b(this, L), b(this, E, !1))), n(this, v, (b(this, z), b(this, S, ""))), n(this, h, (b(this, A), b(this, I, ""))), this.closeAttribute = (b(this, D), "sbb-overlay-close"), this._backClick = new Z(this, f.events.backClick), this._overlayContentElement = null;
     }
     /**
      * Whether to allow the overlay content to stretch to full width.
      * By default, the content has the appropriate page size.
      */
     get expanded() {
-      return m(this, c);
+      return y(this, c);
     }
     set expanded(t) {
       n(this, c, t);
     }
     /** Whether a back button is displayed next to the title. */
     get backButton() {
-      return m(this, d);
+      return y(this, d);
     }
     set backButton(t) {
       n(this, d, t);
     }
     /** This will be forwarded as aria-label to the close button element. */
     get accessibilityCloseLabel() {
-      return m(this, v);
+      return y(this, v);
     }
     set accessibilityCloseLabel(t) {
       n(this, v, t);
     }
     /** This will be forwarded as aria-label to the back button element. */
     get accessibilityBackLabel() {
-      return m(this, h);
+      return y(this, h);
     }
     set accessibilityBackLabel(t) {
       n(this, h, t);
     }
     /** Opens the component. */
     open() {
-      this.state === "closed" && (this.lastFocusedElement = document.activeElement, this._overlayContentElement = this.shadowRoot?.querySelector(".sbb-overlay__content"), this.willOpen.emit() && (this.showPopover?.(), this.state = "opening", F.push(this), this.scrollHandler.disableScroll(), this.isZeroAnimationDuration() && this._handleOpening()));
+      var t, e;
+      this.state === "closed" && (this.lastFocusedElement = document.activeElement, this._overlayContentElement = (t = this.shadowRoot) == null ? void 0 : t.querySelector(".sbb-overlay__content"), this.willOpen.emit() && ((e = this.showPopover) == null || e.call(this), this.state = "opening", F.push(this), this.scrollHandler.disableScroll(), this.isZeroAnimationDuration() && this._handleOpening()));
     }
     isZeroAnimationDuration() {
       return R(this, "--sbb-overlay-animation-duration");
@@ -71,7 +72,8 @@ let ce = (() => {
       this.state = "opened", this.inertController.activate(), this.sbbEscapableOverlayController.connect(), this.attachOpenOverlayEvents(), this.focusTrapController.focusInitialElement(), setTimeout(() => this.setAriaLiveRefContent(this.accessibilityLabel)), this.focusTrapController.enabled = !0, this.didOpen.emit();
     }
     handleClosing() {
-      this._overlayContentElement?.scrollTo(0, 0), this.state = "closed", this.hidePopover?.(), this.inertController.deactivate(), this.lastFocusedElement?.focus(), this.openOverlayController?.abort(), this.focusTrapController.enabled = !1, this.removeInstanceFromGlobalCollection(), F.length || this.scrollHandler.enableScroll(), this.sbbEscapableOverlayController.disconnect(), this.didClose.emit({
+      var t, e, r, m;
+      (t = this._overlayContentElement) == null || t.scrollTo(0, 0), this.state = "closed", (e = this.hidePopover) == null || e.call(this), this.inertController.deactivate(), (r = this.lastFocusedElement) == null || r.focus(), (m = this.openOverlayController) == null || m.abort(), this.focusTrapController.enabled = !1, this.removeInstanceFromGlobalCollection(), F.length || this.scrollHandler.enableScroll(), this.sbbEscapableOverlayController.disconnect(), this.didClose.emit({
         returnValue: this.returnValue,
         closeTarget: this.overlayCloseElement
       });
@@ -84,7 +86,7 @@ let ce = (() => {
     }
     render() {
       const t = this.negative ? "sbb-transparent-button" : "sbb-secondary-button", e = x`
-      <${_(t)}
+      <${g(t)}
         class="sbb-overlay__close"
         aria-label=${this.accessibilityCloseLabel || H[this.language.current]}
         ?negative=${this.negative}
@@ -92,9 +94,9 @@ let ce = (() => {
         type="button"
         icon-name="cross-small"
         sbb-overlay-close
-      ></${_(t)}>
-    `, l = x`
-      <${_(t)}
+      ></${g(t)}>
+    `, r = x`
+      <${g(t)}
         class="sbb-overlay__back"
         aria-label=${this.accessibilityBackLabel || V[this.language.current]}
         ?negative=${this.negative}
@@ -102,19 +104,19 @@ let ce = (() => {
         type="button"
         icon-name="chevron-small-left-small"
         @click=${() => this._backClick.emit()}
-      ></${_(t)}>
+      ></${g(t)}>
     `;
       return x`
       <div class="sbb-overlay__container" @animationend=${this.onOverlayAnimationEnd}>
         <div class="sbb-overlay">
           <div
-            @click=${(f) => this.closeOnSbbOverlayCloseClick(f)}
+            @click=${(m) => this.closeOnSbbOverlayCloseClick(m)}
             class="sbb-overlay__wrapper"
           >
             <div class="sbb-overlay__header">
-              ${this.backButton ? l : N} ${e}
+              ${this.backButton ? r : N} ${e}
             </div>
-            <div class="sbb-overlay__content" @scroll=${(f) => q(f, document)}>
+            <div class="sbb-overlay__content" @scroll=${(m) => q(m, document)}>
               <sbb-container
                 class="sbb-overlay__content-container"
                 ?expanded=${this.expanded}
@@ -129,25 +131,25 @@ let ce = (() => {
       <sbb-screen-reader-only aria-live="polite"></sbb-screen-reader-only>
     `;
     }
-  }, c = new WeakMap(), d = new WeakMap(), v = new WeakMap(), h = new WeakMap(), r = i, (() => {
+  }, c = new WeakMap(), d = new WeakMap(), v = new WeakMap(), h = new WeakMap(), l = i, (() => {
     const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(w[Symbol.metadata] ?? null) : void 0;
-    C = [g(), u({ reflect: !0, type: Boolean })], O = [g(), u({ attribute: "back-button", type: Boolean })], $ = [g(), u({ attribute: "accessibility-close-label" })], T = [g(), u({ attribute: "accessibility-back-label" })], p(i, null, C, { kind: "accessor", name: "expanded", static: !1, private: !1, access: { has: (e) => "expanded" in e, get: (e) => e.expanded, set: (e, l) => {
-      e.expanded = l;
-    } }, metadata: t }, B, L), p(i, null, O, { kind: "accessor", name: "backButton", static: !1, private: !1, access: { has: (e) => "backButton" in e, get: (e) => e.backButton, set: (e, l) => {
-      e.backButton = l;
-    } }, metadata: t }, E, z), p(i, null, $, { kind: "accessor", name: "accessibilityCloseLabel", static: !1, private: !1, access: { has: (e) => "accessibilityCloseLabel" in e, get: (e) => e.accessibilityCloseLabel, set: (e, l) => {
-      e.accessibilityCloseLabel = l;
-    } }, metadata: t }, S, A), p(i, null, T, { kind: "accessor", name: "accessibilityBackLabel", static: !1, private: !1, access: { has: (e) => "accessibilityBackLabel" in e, get: (e) => e.accessibilityBackLabel, set: (e, l) => {
-      e.accessibilityBackLabel = l;
-    } }, metadata: t }, I, D), p(null, s = { value: r }, a, { kind: "class", name: r.name, metadata: t }, null, o), k = r = s.value, t && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+    C = [k(), _({ reflect: !0, type: Boolean })], O = [k(), _({ attribute: "back-button", type: Boolean })], $ = [k(), _({ attribute: "accessibility-close-label" })], T = [k(), _({ attribute: "accessibility-back-label" })], u(i, null, C, { kind: "accessor", name: "expanded", static: !1, private: !1, access: { has: (e) => "expanded" in e, get: (e) => e.expanded, set: (e, r) => {
+      e.expanded = r;
+    } }, metadata: t }, B, L), u(i, null, O, { kind: "accessor", name: "backButton", static: !1, private: !1, access: { has: (e) => "backButton" in e, get: (e) => e.backButton, set: (e, r) => {
+      e.backButton = r;
+    } }, metadata: t }, E, z), u(i, null, $, { kind: "accessor", name: "accessibilityCloseLabel", static: !1, private: !1, access: { has: (e) => "accessibilityCloseLabel" in e, get: (e) => e.accessibilityCloseLabel, set: (e, r) => {
+      e.accessibilityCloseLabel = r;
+    } }, metadata: t }, S, A), u(i, null, T, { kind: "accessor", name: "accessibilityBackLabel", static: !1, private: !1, access: { has: (e) => "accessibilityBackLabel" in e, get: (e) => e.accessibilityBackLabel, set: (e, r) => {
+      e.accessibilityBackLabel = r;
+    } }, metadata: t }, I, D), u(null, s = { value: l }, a, { kind: "class", name: l.name, metadata: t }, null, o), f = l = s.value, t && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
   })(), i.styles = J, i.events = {
     willOpen: "willOpen",
     didOpen: "didOpen",
     willClose: "willClose",
     didClose: "didClose",
     backClick: "requestBackAction"
-  }, b(r, o), i);
-  return k = r;
+  }, b(l, o), i);
+  return f = l;
 })();
 export {
   ce as SbbOverlayElement

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sbb-esta/lyne-elements",
-  "version": "2.11.2",
+  "version": "3.0.0-next.1",
   "description": "Lyne Design System",
   "keywords": [
     "design system",

package/paginator/common/paginator-common.d.ts

@@ -2,9 +2,8 @@ import { LitElement, TemplateResult } from 'lit';
 import { SbbLanguageController } from '../../core/controllers.js';
 import { SbbPaginatorPageEventDetails } from '../../core/interfaces.js';
 import { AbstractConstructor } from '../../core/mixins.js';
-export declare abstract class SbbPaginatorCommonElementMixinType {
-    accessor negative: boolean;
-    accessor disabled: boolean;
+declare const SbbPaginatorCommonElementMixinType_base: AbstractConstructor<import('../../core/mixins.js').SbbNegativeMixinType> & AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & AbstractConstructor<import('../../core/mixins.js').SbbElementInternalsMixinType> & typeof LitElement & import('../../core/mixins.js').SbbElementInternalsConstructor;
+export declare abstract class SbbPaginatorCommonElementMixinType extends SbbPaginatorCommonElementMixinType_base {
     accessor length: number;
     accessor pageSize: number;
     accessor pageIndex: number;
@@ -19,10 +18,6 @@ export declare abstract class SbbPaginatorCommonElementMixinType {
     hasNextPage(): boolean;
     numberOfPages(): number;
     protected language: SbbLanguageController;
-    /**
-     * @deprecated Will be removed with next major change.
-     */
-    protected pageIndexChanged(value: number): void;
     protected emitPageEvent(previousPageIndex: number): void;
     protected renderPrevNextButtons(): TemplateResult;
     protected abstract renderPaginator(): TemplateResult;
@@ -33,4 +28,5 @@ declare global {
         page: CustomEvent<SbbPaginatorPageEventDetails>;
     }
 }
+export {};
 //# sourceMappingURL=paginator-common.d.ts.map

package/paginator/common/paginator-common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paginator-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/paginator/common/paginator-common.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAuB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGtF,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAKlE,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,KAAK,mBAAmB,EAAsC,MAAM,sBAAsB,CAAC;AAEpG,OAAO,6BAA6B,CAAC;AACrC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,kBAAkB,CAAC;AAE1B,MAAM,CAAC,OAAO,CAAC,QAAQ,OAAO,kCAAkC;IAC9D,SAAgB,QAAQ,EAAE,OAAO,CAAC;IAClC,SAAgB,QAAQ,EAAE,OAAO,CAAC;IAClC,SAAgB,MAAM,EAAE,MAAM,CAAC;IAC/B,SAAgB,QAAQ,EAAE,MAAM,CAAC;IACjC,SAAgB,SAAS,EAAE,MAAM,CAAC;IAClC,SAAgB,aAAa,EAAE,OAAO,GAAG,KAAK,CAAC;IAC/C,SAAgB,IAAI,EAAE,GAAG,GAAG,GAAG,CAAC;IACzB,QAAQ,IAAI,IAAI;IAChB,YAAY,IAAI,IAAI;IACpB,SAAS,IAAI,IAAI;IACjB,QAAQ,IAAI,IAAI;IAChB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAC/B,eAAe,IAAI,OAAO;IAC1B,WAAW,IAAI,OAAO;IACtB,aAAa,IAAI,MAAM;IAC9B,SAAS,CAAC,QAAQ,EAAE,qBAAqB,CAAC;IAC1C;;OAEG;IACH,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAC/C,SAAS,CAAC,aAAa,CAAC,iBAAiB,EAAE,MAAM,GAAG,IAAI;IACxD,SAAS,CAAC,qBAAqB,IAAI,cAAc;IACjD,SAAS,CAAC,QAAQ,CAAC,eAAe,IAAI,cAAc;CACrD;AAGD,eAAO,MAAM,8BAA8B,GAAI,CAAC,SAAS,mBAAmB,CAAC,UAAU,CAAC,EACtF,YAAY,CAAC,KACZ,mBAAmB,CAAC,kCAAkC,CAAC,GAAG,CAuM5D,CAAC;AAEF,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,mBAAmB;QAC3B,IAAI,EAAE,WAAW,CAAC,4BAA4B,CAAC,CAAC;KACjD;CACF"}
+{"version":3,"file":"paginator-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/paginator/common/paginator-common.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAuB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGtF,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAIlE,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EACL,KAAK,mBAAmB,EAIzB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,6BAA6B,CAAC;AACrC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,kBAAkB,CAAC;;AAE1B,MAAM,CAAC,OAAO,CAAC,QAAQ,OAAO,kCAAmC,SAAQ,uCAExE;IACC,SAAgB,MAAM,EAAE,MAAM,CAAC;IAC/B,SAAgB,QAAQ,EAAE,MAAM,CAAC;IACjC,SAAgB,SAAS,EAAE,MAAM,CAAC;IAClC,SAAgB,aAAa,EAAE,OAAO,GAAG,KAAK,CAAC;IAC/C,SAAgB,IAAI,EAAE,GAAG,GAAG,GAAG,CAAC;IACzB,QAAQ,IAAI,IAAI;IAChB,YAAY,IAAI,IAAI;IACpB,SAAS,IAAI,IAAI;IACjB,QAAQ,IAAI,IAAI;IAChB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAC/B,eAAe,IAAI,OAAO;IAC1B,WAAW,IAAI,OAAO;IACtB,aAAa,IAAI,MAAM;IAC9B,SAAS,CAAC,QAAQ,EAAE,qBAAqB,CAAC;IAC1C,SAAS,CAAC,aAAa,CAAC,iBAAiB,EAAE,MAAM,GAAG,IAAI;IACxD,SAAS,CAAC,qBAAqB,IAAI,cAAc;IACjD,SAAS,CAAC,QAAQ,CAAC,eAAe,IAAI,cAAc;CACrD;AAGD,eAAO,MAAM,8BAA8B,GAAI,CAAC,SAAS,mBAAmB,CAAC,UAAU,CAAC,EACtF,YAAY,CAAC,KACZ,mBAAmB,CAAC,kCAAkC,CAAC,GAAG,CA4L5D,CAAC;AAEF,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,mBAAmB;QAC3B,IAAI,EAAE,WAAW,CAAC,4BAA4B,CAAC,CAAC;KACjD;CACF"}

package/paginator/common/paginator-common.js

@@ -1,31 +1,28 @@
-var k = (i) => {
+var y = (i) => {
   throw TypeError(i);
 };
-var C = (i, a, s) => a.has(i) || k("Cannot " + s);
-var _ = (i, a, s) => (C(i, a, "read from private field"), s ? s.call(i) : a.get(i)), x = (i, a, s) => a.has(i) ? k("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(i) : a.set(i, s), d = (i, a, s, u) => (C(i, a, "write to private field"), u ? u.call(i, s) : a.set(i, s), s);
-import { __runInitializers as h, __esDecorate as p } from "tslib";
-import { html as O } from "lit";
-import { property as m } from "lit/decorators.js";
-import { SbbLanguageController as w } from "../../core/controllers.js";
-import { hostAttributes as D } from "../../core/decorators.js";
-import { isLean as L } from "../../core/dom.js";
-import { EventEmitter as R } from "../../core/eventing.js";
-import { i18nSelectedPage as j, i18nPreviousPage as q, i18nNextPage as A } from "../../core/i18n.js";
-import { SbbNegativeMixin as B, SbbDisabledMixin as T } from "../../core/mixins.js";
+var N = (i, a, r) => a.has(i) || y("Cannot " + r);
+var c = (i, a, r) => (N(i, a, "read from private field"), r ? r.call(i) : a.get(i)), b = (i, a, r) => a.has(i) ? y("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(i) : a.set(i, r), o = (i, a, r, g) => (N(i, a, "write to private field"), g ? g.call(i, r) : a.set(i, r), r);
+import { __runInitializers as l, __esDecorate as u } from "tslib";
+import { html as M } from "lit";
+import { property as d } from "lit/decorators.js";
+import { SbbLanguageController as $ } from "../../core/controllers.js";
+import { isLean as k } from "../../core/dom.js";
+import { EventEmitter as O } from "../../core/eventing.js";
+import { i18nSelectedPage as w, i18nPreviousPage as L, i18nNextPage as R } from "../../core/i18n.js";
+import { SbbNegativeMixin as j, SbbDisabledMixin as D, SbbElementInternalsMixin as E } from "../../core/mixins.js";
 import "../../button/mini-button.js";
 import "../../button/mini-button-group.js";
 import "../../divider.js";
-const ie = (i) => (() => {
-  var o, l, n;
-  let s = [D({
-    role: "group"
-  })], u, P = [], g, z = B(T(i)), c = [], S, I, f, v, y = [], N = [], E, M = [], $ = [];
-  var b = (n = class extends z {
+const X = (i) => (() => {
+  var h, p, s;
+  let r = j(D(E(i))), g = [], m, x, _, z, P = [], I = [], f, S = [], v = [];
+  return s = class extends r {
     constructor() {
       super(...arguments);
-      x(this, o);
-      x(this, l);
-      this._length = (h(this, c), 0), this._pageSize = 10, this._pageIndex = 0, d(this, o, h(this, y, "start")), d(this, l, (h(this, N), h(this, M, L() ? "s" : "m"))), this._page = (h(this, $), new R(this, b.events.page, { composed: !0, bubbles: !0 })), this.language = new w(this), this._previousPageSize = this._pageSize;
+      b(this, h);
+      b(this, p);
+      this._length = (l(this, g), 0), this._pageSize = 10, this._pageIndex = 0, o(this, h, l(this, P, "start")), o(this, p, (l(this, I), l(this, S, k() ? "s" : "m"))), this._page = (l(this, v), new O(this, s.events.page, { composed: !0, bubbles: !0 })), this.language = new $(this), this._previousPageSize = this._pageSize;
     }
     /** Total number of items. */
     set length(e) {
@@ -51,20 +48,20 @@ const ie = (i) => (() => {
     }
     /** Position of the prev/next buttons. */
     get pagerPosition() {
-      return _(this, o);
+      return c(this, h);
     }
     set pagerPosition(e) {
-      d(this, o, e);
+      o(this, h, e);
     }
     /**
      * Size variant, either m or s.
      * @default 'm' / 's' (lean)
      */
     get size() {
-      return _(this, l);
+      return c(this, p);
     }
     set size(e) {
-      d(this, l, e);
+      o(this, p, e);
     }
     updated(e) {
       super.updated(e), this.shadowRoot.querySelector("sbb-screen-reader-only").textContent = this._currentPageLabel();
@@ -74,7 +71,7 @@ const ie = (i) => (() => {
       return Math.max(Math.min(Math.max(isNaN(e) ? 0 : e, 0), this.numberOfPages() - 1), 0);
     }
     _currentPageLabel() {
-      return j(this.pageIndex + 1)[this.language.current];
+      return w(this.pageIndex + 1)[this.language.current];
     }
     /** Advances to the next page if it exists. */
     nextPage() {
@@ -112,14 +109,6 @@ const ie = (i) => (() => {
     numberOfPages() {
       return this.pageSize ? Math.ceil(this.length / this.pageSize) : 0;
     }
-    /**
-     * If the `pageIndex` changes due to user interaction,
-     * emit the `page` event and then update the `pageIndex` value.
-     * @deprecated Will be removed with next major change.
-     */
-    pageIndexChanged(e) {
-      this.pageIndex = e;
-    }
     emitPageEvent(e) {
       if (!this.hasUpdated || this.pageIndex === e && this._previousPageSize === this.pageSize) {
         this._previousPageSize = this.pageSize;
@@ -133,11 +122,11 @@ const ie = (i) => (() => {
       });
     }
     renderPrevNextButtons() {
-      return O`
+      return M`
         <sbb-mini-button-group ?negative=${this.negative} size=${this.size === "s" ? "s" : "l"}>
           <sbb-mini-button
             id="sbb-paginator-prev-page"
-            aria-label=${q[this.language.current]}
+            aria-label=${L[this.language.current]}
             icon-name="chevron-small-left-small"
             ?disabled=${this.disabled || !this.hasPreviousPage()}
             @click=${() => this.previousPage()}
@@ -145,7 +134,7 @@ const ie = (i) => (() => {
           <sbb-divider orientation="vertical"></sbb-divider>
           <sbb-mini-button
             id="sbb-paginator-next-page"
-            aria-label=${A[this.language.current]}
+            aria-label=${R[this.language.current]}
             icon-name="chevron-small-right-small"
             ?disabled=${this.disabled || !this.hasNextPage()}
             @click=${() => this.nextPage()}
@@ -154,29 +143,28 @@ const ie = (i) => (() => {
       `;
     }
     render() {
-      return O`
+      return M`
         ${this.renderPaginator()}
         <sbb-screen-reader-only role="status"></sbb-screen-reader-only>
       `;
     }
-  }, o = new WeakMap(), l = new WeakMap(), g = n, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(z[Symbol.metadata] ?? null) : void 0;
-    S = [m({ type: Number })], I = [m({ attribute: "page-size", type: Number })], f = [m({ attribute: "page-index", type: Number })], v = [m({ attribute: "pager-position", reflect: !0 })], E = [m({ reflect: !0 })], p(n, null, S, { kind: "setter", name: "length", static: !1, private: !1, access: { has: (t) => "length" in t, set: (t, r) => {
-      t.length = r;
-    } }, metadata: e }, null, c), p(n, null, I, { kind: "setter", name: "pageSize", static: !1, private: !1, access: { has: (t) => "pageSize" in t, set: (t, r) => {
-      t.pageSize = r;
-    } }, metadata: e }, null, c), p(n, null, f, { kind: "setter", name: "pageIndex", static: !1, private: !1, access: { has: (t) => "pageIndex" in t, set: (t, r) => {
-      t.pageIndex = r;
-    } }, metadata: e }, null, c), p(n, null, v, { kind: "accessor", name: "pagerPosition", static: !1, private: !1, access: { has: (t) => "pagerPosition" in t, get: (t) => t.pagerPosition, set: (t, r) => {
-      t.pagerPosition = r;
-    } }, metadata: e }, y, N), p(n, null, E, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (t) => "size" in t, get: (t) => t.size, set: (t, r) => {
-      t.size = r;
-    } }, metadata: e }, M, $), p(null, u = { value: g }, s, { kind: "class", name: g.name, metadata: e }, null, P), b = g = u.value, e && Object.defineProperty(g, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), n.events = {
+  }, h = new WeakMap(), p = new WeakMap(), (() => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
+    m = [d({ type: Number })], x = [d({ attribute: "page-size", type: Number })], _ = [d({ attribute: "page-index", type: Number })], z = [d({ attribute: "pager-position", reflect: !0 })], f = [d({ reflect: !0 })], u(s, null, m, { kind: "setter", name: "length", static: !1, private: !1, access: { has: (t) => "length" in t, set: (t, n) => {
+      t.length = n;
+    } }, metadata: e }, null, g), u(s, null, x, { kind: "setter", name: "pageSize", static: !1, private: !1, access: { has: (t) => "pageSize" in t, set: (t, n) => {
+      t.pageSize = n;
+    } }, metadata: e }, null, g), u(s, null, _, { kind: "setter", name: "pageIndex", static: !1, private: !1, access: { has: (t) => "pageIndex" in t, set: (t, n) => {
+      t.pageIndex = n;
+    } }, metadata: e }, null, g), u(s, null, z, { kind: "accessor", name: "pagerPosition", static: !1, private: !1, access: { has: (t) => "pagerPosition" in t, get: (t) => t.pagerPosition, set: (t, n) => {
+      t.pagerPosition = n;
+    } }, metadata: e }, P, I), u(s, null, f, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (t) => "size" in t, get: (t) => t.size, set: (t, n) => {
+      t.size = n;
+    } }, metadata: e }, S, v), e && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), s.role = "group", s.events = {
     page: "page"
-  }, h(g, P), n);
-  return b = g;
+  }, s;
 })();
 export {
-  ie as SbbPaginatorCommonElementMixin
+  X as SbbPaginatorCommonElementMixin
 };

package/paginator/paginator/paginator.component.js

@@ -84,6 +84,7 @@ let Q = (() => {
       this._getVisiblePages().find((n) => n === a.target) && (this._markForFocus = this.pageIndex);
     }
     _renderItemPerPageTemplate() {
+      var a;
       return this.pageSizeOptions && this.pageSizeOptions.length > 0 ? b`
           <div class="sbb-paginator__page-size-options">
             <label for="select">${D[this.language.current]}</label>
@@ -96,10 +97,10 @@ let Q = (() => {
               <sbb-select
                 id="select"
                 ?disabled=${this.disabled}
-                value=${this.pageSizeOptions?.find((a) => a === this.pageSize) ?? this.pageSizeOptions[0]}
-                @change=${(a) => this.pageSize = +a.target.value}
+                value=${((a = this.pageSizeOptions) == null ? void 0 : a.find((e) => e === this.pageSize)) ?? this.pageSizeOptions[0]}
+                @change=${(e) => this.pageSize = +e.target.value}
               >
-                ${I(this.pageSizeOptions, (a) => b`<sbb-option value=${a}>${a}</sbb-option>`)}
+                ${I(this.pageSizeOptions, (e) => b`<sbb-option value=${e}>${e}</sbb-option>`)}
               </sbb-select>
             </sbb-form-field>
           </div>

package/popover/popover/popover.component.d.ts

@@ -19,9 +19,10 @@ export declare class SbbPopoverElement extends SbbPopoverElement_base {
     static styles: CSSResultGroup;
     /**
      * The element that will trigger the popover overlay.
-     * Accepts both a string (id of an element) or an HTML element.
+     *
+     * For attribute usage, provide an id reference.
      */
-    accessor trigger: string | HTMLElement | null;
+    accessor trigger: HTMLElement | null;
     /** Whether the close button should be hidden. */
     accessor hideCloseButton: boolean;
     /** Whether the popover should be triggered on hover. */
@@ -48,7 +49,6 @@ export declare class SbbPopoverElement extends SbbPopoverElement_base {
     private _hoverTrigger;
     private _triggerElement?;
     private _triggerAbortController;
-    private _triggerIdReferenceController;
     private _openStateController;
     private _escapableOverlayController;
     private _focusTrapController;

package/popover/popover/popover.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/popover/popover/popover.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAU/F,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAStE,OAAO,EAA4B,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAahF,OAAO,kCAAkC,CAAC;;AAU1C;;;;;;;;;;;;GAYG;AACH,qBAGM,iBAAkB,SAAQ,sBAA0C;IACxE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;OAGG;IACH,SAA4B,OAAO,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,CAAQ;IAExE,iDAAiD;IACjD,SAEgB,eAAe,EAAE,OAAO,CAAS;IAEjD,wDAAwD;IACxD,SAEgB,YAAY,EAAE,OAAO,CAAS;IAE9C,8CAA8C;IAC9C,SAEgB,SAAS,EAAE,MAAM,CAAK;IAEtC,+CAA+C;IAC/C,SAEgB,UAAU,EAAE,MAAM,CAAK;IAEvC,wEAAwE;IACxE,SAEgB,uBAAuB,EAAE,MAAM,CAAM;IAErD,sEAAsE;IACtE,UAAmB,SAAS,EAAE,YAAY,CAAC;QAAE,WAAW,CAAC,EAAE,WAAW,CAAA;KAAE,CAAC,CAIvE;IAEF,kDAAkD;IAClD,UAAmB,QAAQ,EAAE,YAAY,CAAC;QAAE,WAAW,CAAC,EAAE,WAAW,CAAA;KAAE,CAAC,CAItE;IAEF,OAAO,CAAC,QAAQ,CAAkB;IAElC,OAAO,CAAC,mBAAmB,CAAC,CAAc;IAC1C,OAAO,CAAC,eAAe,CAAkB;IACzC,OAAO,CAAC,oBAAoB,CAAC,CAAc;IAC3C,OAAO,CAAC,4BAA4B,CAAC,CAAU;IAC/C,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,eAAe,CAAC,CAAqB;IAC7C,OAAO,CAAC,uBAAuB,CAAmB;IAClD,OAAO,CAAC,6BAA6B,CAAiD;IACtF,OAAO,CAAC,oBAAoB,CAAmB;IAC/C,OAAO,CAAC,2BAA2B,CAA2C;IAC9E,OAAO,CAAC,oBAAoB,CAAoC;IAChE,OAAO,CAAC,YAAY,CAAC,CAAgC;IACrD,OAAO,CAAC,aAAa,CAAC,CAAgC;IACtD,OAAO,CAAC,SAAS,CAAmC;IAEpD,0CAA0C;IACnC,IAAI,IAAI,IAAI;IAgCnB,0BAA0B;IACnB,KAAK,CAAC,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI;IAqBxC,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,cAAc;IAoBtB,OAAO,CAAC,cAAc;IAUN,iBAAiB,IAAI,IAAI;IAUzB,aAAa,CAC3B,IAAI,CAAC,EAAE,WAAW,EAClB,QAAQ,CAAC,EAAE,OAAO,EAClB,OAAO,CAAC,EAAE,mBAAmB,GAC5B,IAAI;cAQY,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAU9D,oBAAoB,IAAI,IAAI;IAS5C,OAAO,CAAC,iBAAiB;IA2DzB,OAAO,CAAC,mBAAmB;IAuB3B,OAAO,CAAC,4BAA4B;IAUpC,OAAO,CAAC,oBAAoB,CAE1B;IAGF,OAAO,CAAC,qBAAqB,CAS3B;IAEF,OAAO,CAAC,oBAAoB,CAW1B;IAEF,OAAO,CAAC,oBAAoB,CAM1B;IAEF,OAAO,CAAC,oBAAoB,CAI1B;IAEF,OAAO,CAAC,oBAAoB,CAI1B;IAMF,OAAO,CAAC,sBAAsB;IAS9B,OAAO,CAAC,gBAAgB;IAkCxB,OAAO,CAAC,mBAAmB;cA6BR,MAAM,IAAI,cAAc;CAkC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,aAAa,EAAE,iBAAiB,CAAC;KAClC;CACF"}
+{"version":3,"file":"popover.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/popover/popover/popover.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAU/F,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAQtE,OAAO,EAA4B,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAahF,OAAO,kCAAkC,CAAC;;AAU1C;;;;;;;;;;;;GAYG;AACH,qBAEM,iBAAkB,SAAQ,sBAA0C;IACxE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;;OAIG;IACH,SAEgB,OAAO,EAAE,WAAW,GAAG,IAAI,CAAQ;IAEnD,iDAAiD;IACjD,SAEgB,eAAe,EAAE,OAAO,CAAS;IAEjD,wDAAwD;IACxD,SAEgB,YAAY,EAAE,OAAO,CAAS;IAE9C,8CAA8C;IAC9C,SAEgB,SAAS,EAAE,MAAM,CAAK;IAEtC,+CAA+C;IAC/C,SAEgB,UAAU,EAAE,MAAM,CAAK;IAEvC,wEAAwE;IACxE,SAEgB,uBAAuB,EAAE,MAAM,CAAM;IAErD,sEAAsE;IACtE,UAAmB,SAAS,EAAE,YAAY,CAAC;QAAE,WAAW,CAAC,EAAE,WAAW,CAAA;KAAE,CAAC,CAIvE;IAEF,kDAAkD;IAClD,UAAmB,QAAQ,EAAE,YAAY,CAAC;QAAE,WAAW,CAAC,EAAE,WAAW,CAAA;KAAE,CAAC,CAItE;IAEF,OAAO,CAAC,QAAQ,CAAkB;IAElC,OAAO,CAAC,mBAAmB,CAAC,CAAc;IAC1C,OAAO,CAAC,eAAe,CAAkB;IACzC,OAAO,CAAC,oBAAoB,CAAC,CAAc;IAC3C,OAAO,CAAC,4BAA4B,CAAC,CAAU;IAC/C,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,eAAe,CAAC,CAAqB;IAC7C,OAAO,CAAC,uBAAuB,CAAmB;IAClD,OAAO,CAAC,oBAAoB,CAAmB;IAC/C,OAAO,CAAC,2BAA2B,CAA2C;IAC9E,OAAO,CAAC,oBAAoB,CAAoC;IAChE,OAAO,CAAC,YAAY,CAAC,CAAgC;IACrD,OAAO,CAAC,aAAa,CAAC,CAAgC;IACtD,OAAO,CAAC,SAAS,CAAmC;IAEpD,0CAA0C;IACnC,IAAI,IAAI,IAAI;IAgCnB,0BAA0B;IACnB,KAAK,CAAC,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI;IAqBxC,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,cAAc;IAoBtB,OAAO,CAAC,cAAc;IAUN,iBAAiB,IAAI,IAAI;IAWzB,aAAa,CAC3B,IAAI,CAAC,EAAE,WAAW,EAClB,QAAQ,CAAC,EAAE,OAAO,EAClB,OAAO,CAAC,EAAE,mBAAmB,GAC5B,IAAI;cAQY,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAU9D,oBAAoB,IAAI,IAAI;IAS5C,OAAO,CAAC,iBAAiB;IAqDzB,OAAO,CAAC,mBAAmB;IAuB3B,OAAO,CAAC,4BAA4B;IAUpC,OAAO,CAAC,oBAAoB,CAE1B;IAGF,OAAO,CAAC,qBAAqB,CAS3B;IAEF,OAAO,CAAC,oBAAoB,CAW1B;IAEF,OAAO,CAAC,oBAAoB,CAM1B;IAEF,OAAO,CAAC,oBAAoB,CAI1B;IAEF,OAAO,CAAC,oBAAoB,CAI1B;IAMF,OAAO,CAAC,sBAAsB;IAS9B,OAAO,CAAC,gBAAgB;IAkCxB,OAAO,CAAC,mBAAmB;cA6BR,MAAM,IAAI,cAAc;CAkC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,aAAa,EAAE,iBAAiB,CAAC;KAClC;CACF"}