@sbb-esta/lyne-elements 2.6.0 → 2.7.1

package/paginator/paginator.js

@@ -1,169 +1,4 @@
-var P = (t) => {
-  throw TypeError(t);
-};
-var k = (t, r, i) => r.has(t) || P("Cannot " + i);
-var u = (t, r, i) => (k(t, r, "read from private field"), i ? i.call(t) : r.get(t)), m = (t, r, i) => r.has(t) ? P("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(t) : r.set(t, i), c = (t, r, i, o) => (k(t, r, "write to private field"), o ? o.call(t, i) : r.set(t, i), i);
-import { __runInitializers as d, __esDecorate as h } from "tslib";
-import { css as E, LitElement as j, nothing as S, html as b } from "lit";
-import { customElement as A, property as $ } from "lit/decorators.js";
-import { repeat as I } from "lit/directives/repeat.js";
-import { sbbInputModalityDetector as F } from "../core/a11y.js";
-import { i18nItemsPerPage as D, i18nPage as N } from "../core/i18n.js";
-import { SbbPaginatorCommonElementMixin as T } from "./common.js";
-import "../form-field.js";
-import "../select.js";
-import "../option.js";
-import "../screen-reader-only.js";
-const C = E`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-paginator-height: var(--sbb-size-element-m);--sbb-paginator-page-color: var(--sbb-color-metal);--sbb-paginator-page-background-color: transparent;--sbb-paginator-page-border-width: 0;--sbb-paginator-page-border-style: none;--sbb-paginator-page-border-color: none;--sbb-paginator-page-cursor: pointer;--sbb-paginator-page-inset: 0;--sbb-paginator-animation-easing: var(--sbb-animation-easing);--sbb-paginator-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-paginator-justify-content: start;--sbb-paginator-wrapping-group-wrap: wrap-reverse;--sbb-paginator-wrap: wrap}:host([size=s]){--sbb-paginator-height: var(--sbb-size-element-xs)}:host([negative]){--sbb-paginator-page-color: var(--sbb-color-smoke);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}:host([pager-position=end]){--sbb-paginator-justify-content: end;--sbb-paginator-wrapping-group-wrap: wrap;--sbb-paginator-wrap: wrap-reverse}.sbb-paginator,.sbb-paginator__wrapping-group{display:flex;gap:var(--sbb-spacing-fixed-3x) var(--sbb-spacing-fixed-6x);justify-content:var(--sbb-paginator-justify-content)}.sbb-paginator{flex-wrap:var(--sbb-paginator-wrap);min-height:var(--sbb-paginator-height)}.sbb-paginator__wrapping-group{flex-wrap:var(--sbb-paginator-wrapping-group-wrap)}.sbb-paginator__page-size-options{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);display:flex;align-items:center;gap:var(--sbb-spacing-fixed-2x);white-space:nowrap;color:var(--sbb-paginator-page-color)}.sbb-paginator__page-size-options sbb-select{--sbb-text-font-size: var(--sbb-font-size-text-m);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);color:var(--sbb-form-field-text-color);font-size:var(--sbb-form-field-input-text-size);padding-inline-end:var(--sbb-form-field-select-inline-padding-end)}.sbb-paginator__pages{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;align-items:center;justify-content:center;gap:var(--sbb-spacing-fixed-1x);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.sbb-paginator__page--ellipsis,.sbb-paginator__page--number{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);position:relative;color:var(--sbb-paginator-page-color)}.sbb-paginator__page--ellipsis-item,.sbb-paginator__page--number-item{display:flex;justify-content:center;align-items:center;width:var(--sbb-size-element-xxs);height:var(--sbb-size-element-xxs)}.sbb-paginator__page--number-item{-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;margin:0;outline:none;border:none;border-radius:0;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);position:relative;cursor:var(--sbb-paginator-page-cursor);outline:none!important;color:var(--sbb-paginator-page-color);transition:color var(--sbb-paginator-animation-duration) var(--sbb-paginator-animation-easing)}.sbb-paginator__page--number-item:before{content:"";position:absolute;background-color:var(--sbb-paginator-page-background-color);border:var(--sbb-paginator-page-border-width) var(--sbb-paginator-page-border-style) var(--sbb-paginator-page-border-color);border-radius:var(--sbb-border-radius-infinity);inset:var(--sbb-paginator-page-inset);transition-property:background-color,border,inset;transition-duration:var(--sbb-paginator-animation-duration);transition-timing-function:var(--sbb-paginator-animation-easing)}.sbb-paginator__page--number-item:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch]):before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);outline-offset:var(--sbb-border-width-2x)}.sbb-paginator__page--number-item[data-selected]{font-weight:700;--sbb-paginator-page-color: var(--sbb-color-charcoal);--sbb-paginator-page-border-width: var(--sbb-border-width-2x);--sbb-paginator-page-border-style: solid;--sbb-paginator-page-border-color: var(--sbb-color-charcoal)}:host([negative]) .sbb-paginator__page--number-item[data-selected]{--sbb-paginator-page-color: var(--sbb-color-milk);--sbb-paginator-page-border-color: var(--sbb-color-white)}@media (forced-colors: active){.sbb-paginator__page--number-item[data-selected]{--sbb-paginator-page-border-color: Highlight !important}}.sbb-paginator__page--number-item:disabled{--sbb-paginator-page-color: var(--sbb-color-smoke);--sbb-paginator-page-border-style: dashed;--sbb-paginator-page-border-color: var(--sbb-color-smoke);--sbb-paginator-page-background-color: var(--sbb-color-milk);--sbb-paginator-page-cursor: default}.sbb-paginator__page--number-item:disabled:not([data-selected]){--sbb-paginator-page-border-width: var(--sbb-border-width-1x)}:host([negative]) .sbb-paginator__page--number-item:disabled{--sbb-paginator-page-color: var(--sbb-color-aluminium);--sbb-paginator-page-background-color: var(--sbb-color-charcoal)}@media (forced-colors: active){.sbb-paginator__page--number-item:disabled{--sbb-paginator-page-border-color: GrayText;--sbb-paginator-page-color: GrayText;--sbb-paginator-page-background-color: Canvas}}@media (any-hover: hover){.sbb-paginator__page--number-item:not(:disabled):hover{--sbb-paginator-page-background-color: var(--sbb-color-milk);--sbb-paginator-page-inset: calc(var(--sbb-border-width-2x) * -1);--sbb-paginator-translate-y-content-hover: -.0625rem}:host([negative]) .sbb-paginator__page--number-item:not(:disabled):hover{--sbb-paginator-page-background-color: var(--sbb-color-charcoal)}}@media (any-hover: hover) and (forced-colors: active){.sbb-paginator__page--number-item:not(:disabled):hover{--sbb-paginator-page-background-color: Highlight !important}}.sbb-paginator__page--number-item:not(:disabled):active{--sbb-paginator-page-color: var(--sbb-color-charcoal);--sbb-paginator-page-background-color: var(--sbb-color-cloud);--sbb-paginator-page-inset: 0;--sbb-paginator-translate-y-content-hover: 0}:host([negative]) .sbb-paginator__page--number-item:not(:disabled):active{--sbb-paginator-page-color: var(--sbb-color-milk);--sbb-paginator-page-background-color: var(--sbb-color-iron)}@media (forced-colors: active){.sbb-paginator__page--number-item:not(:disabled):active{--sbb-paginator-page-background-color: Highlight !important}}.sbb-paginator__page--number-item-label{transition:transform var(--sbb-paginator-animation-duration) var(--sbb-paginator-animation-easing);transform:translateY(var(--sbb-paginator-translate-y-content-hover, 0rem))}.sbb-screen-reader-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}`, l = 3;
-let Q = (() => {
-  var p, g, s;
-  let t = [A("sbb-paginator")], r, i = [], o, v = T(j), f, _ = [], x = [], y, z = [], w = [];
-  return s = class extends v {
-    constructor() {
-      super(...arguments);
-      m(this, p);
-      m(this, g);
-      c(this, p, d(this, _, [])), c(this, g, (d(this, x), d(this, z, "start"))), this._markForFocus = (d(this, w), null);
-    }
-    /** The available `pageSize` choices. */
-    get pageSizeOptions() {
-      return u(this, p);
-    }
-    set pageSizeOptions(e) {
-      c(this, p, e);
-    }
-    /**
-     * Position of the prev/next buttons: if `pageSizeOptions` is set,
-     * the sbb-select for the pageSize change will be positioned oppositely, with the page numbers always in the center.
-     */
-    get pagerPosition() {
-      return u(this, g);
-    }
-    set pagerPosition(e) {
-      c(this, g, e);
-    }
-    updated(e) {
-      if (super.updated(e), this._markForFocus && F.mostRecentModality === "keyboard") {
-        const a = this._getVisiblePages().find((n) => this.pageIndex === +n.getAttribute("data-index"));
-        a && a.focus(), this._markForFocus = null;
-      }
-    }
-    /**
-     * If the `pageSize` changes due to user interaction with the `pageSizeOptions` select,
-     * emit the `page` event and then update the `pageSize` value.
-     */
-    _pageSizeChanged(e) {
-      const a = this.pageSize, n = this.pageIndex;
-      this.pageSize = e, a !== this.pageSize && this.emitPageEvent(n);
-    }
-    /** Returns the displayed page elements. */
-    _getVisiblePages() {
-      return Array.from(this.shadowRoot.querySelectorAll(".sbb-paginator__page--number-item"));
-    }
-    /**
-     * Calculate the pages set based on the following rules:
-     *  - the first page must always be visible;
-     *  - the last page must always be visible;
-     *  - if there are more than `MAX_PAGE_NUMBERS_DISPLAYED` other pages, ellipsis button must be used.
-     */
-    _getVisiblePagesIndex() {
-      const e = this.numberOfPages(), a = this.pageIndex;
-      return e <= l + 2 ? this._range(e) : a < l ? [...this._range(l + 1), "ellipsis", e - 1] : a >= e - l ? [
-        0,
-        "ellipsis",
-        ...this._range(l + 1, e - 1 - l)
-      ] : [
-        0,
-        "ellipsis",
-        a - 1,
-        a,
-        a + 1,
-        "ellipsis",
-        e - 1
-      ];
-    }
-    /** Creates an array of consecutive numbers given the length and the starting value. */
-    _range(e, a = 0) {
-      return Array.from({ length: e }, (n, O) => O + a);
-    }
-    _handleKeyUp(e) {
-      if (e.key !== " " && e.key !== "Enter")
-        return;
-      this._getVisiblePages().find((n) => n === e.target) && (this._markForFocus = this.pageIndex);
-    }
-    _renderItemPerPageTemplate() {
-      var e;
-      return this.pageSizeOptions && this.pageSizeOptions.length > 0 ? b`
-          <div class="sbb-paginator__page-size-options">
-            <label for="select">${D[this.language.current]}</label>
-            <sbb-form-field
-              borderless
-              width="collapse"
-              ?negative=${this.negative}
-              size=${this.size}
-            >
-              <sbb-select
-                id="select"
-                ?disabled=${this.disabled}
-                value=${((e = this.pageSizeOptions) == null ? void 0 : e.find((a) => a === this.pageSize)) ?? this.pageSizeOptions[0]}
-                @change=${(a) => this._pageSizeChanged(+a.target.value)}
-              >
-                ${I(this.pageSizeOptions, (a) => b`<sbb-option value=${a}>${a}</sbb-option>`)}
-              </sbb-select>
-            </sbb-form-field>
-          </div>
-        ` : S;
-    }
-    _renderPageNumbers() {
-      return b`
-      <ul class="sbb-paginator__pages">
-        ${I(this._getVisiblePagesIndex(), (e) => e === "ellipsis" ? b`
-                  <li class="sbb-paginator__page--ellipsis">
-                    <span class="sbb-paginator__page--ellipsis-item">…</span>
-                  </li>
-                ` : b`
-                  <li class="sbb-paginator__page--number">
-                    <button
-                      ?data-selected=${this.pageIndex === e}
-                      ?disabled=${this.disabled}
-                      class="sbb-paginator__page--number-item"
-                      data-index=${e}
-                      aria-label="${N[this.language.current]} ${e + 1}"
-                      aria-current=${this.pageIndex === e ? "true" : S}
-                      @click=${() => this.pageIndexChanged(e)}
-                      @keyup=${this._handleKeyUp}
-                    >
-                      <span class="sbb-paginator__page--number-item-label">${e + 1}</span>
-                    </button>
-                  </li>
-                `)}
-      </ul>
-    `;
-    }
-    renderPaginator() {
-      return b`
-      <div class="sbb-paginator">
-        ${this.pagerPosition === "start" ? b`<span class="sbb-paginator__wrapping-group">
-                  ${this.renderPrevNextButtons()} ${this._renderPageNumbers()}
-                </span>
-                ${this._renderItemPerPageTemplate()}` : b`${this._renderItemPerPageTemplate()}
-                <span class="sbb-paginator__wrapping-group">
-                  ${this._renderPageNumbers()} ${this.renderPrevNextButtons()}
-                </span>`}</span>
-      </div>
-    `;
-    }
-  }, p = new WeakMap(), g = new WeakMap(), o = s, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(v[Symbol.metadata] ?? null) : void 0;
-    f = [$({ attribute: "page-size-options", type: Array })], y = [$({ attribute: "pager-position", reflect: !0 })], h(s, null, f, { kind: "accessor", name: "pageSizeOptions", static: !1, private: !1, access: { has: (a) => "pageSizeOptions" in a, get: (a) => a.pageSizeOptions, set: (a, n) => {
-      a.pageSizeOptions = n;
-    } }, metadata: e }, _, x), h(s, null, y, { kind: "accessor", name: "pagerPosition", static: !1, private: !1, access: { has: (a) => "pagerPosition" in a, get: (a) => a.pagerPosition, set: (a, n) => {
-      a.pagerPosition = n;
-    } }, metadata: e }, z, w), h(null, r = { value: o }, t, { kind: "class", name: o.name, metadata: e }, null, i), o = r.value, e && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), s.styles = C, s.events = {
-    page: "page"
-  }, d(o, i), o;
-})();
+import { SbbPaginatorElement as r } from "./paginator/paginator.js";
 export {
-  Q as SbbPaginatorElement
+  r as SbbPaginatorElement
 };

package/paginator.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @entrypoint
+ */
 export * from './paginator/common.js';
 export * from './paginator/compact-paginator.js';
 export * from './paginator/paginator.js';

package/paginator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paginator.d.ts","sourceRoot":"","sources":["../../src/elements/paginator.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,kCAAkC,CAAC;AACjD,cAAc,0BAA0B,CAAC"}
+{"version":3,"file":"paginator.d.ts","sourceRoot":"","sources":["../../src/elements/paginator.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,uBAAuB,CAAC;AACtC,cAAc,kCAAkC,CAAC;AACjD,cAAc,0BAA0B,CAAC"}

package/paginator.js

@@ -1,3 +1,8 @@
-export * from "./paginator/common.js";
-export * from "./paginator/compact-paginator.js";
-export * from "./paginator/paginator.js";
+import { SbbPaginatorCommonElementMixin as e } from "./paginator/common/paginator-common.js";
+import { SbbCompactPaginatorElement as r } from "./paginator/compact-paginator/compact-paginator.js";
+import { SbbPaginatorElement as a } from "./paginator/paginator/paginator.js";
+export {
+  r as SbbCompactPaginatorElement,
+  e as SbbPaginatorCommonElementMixin,
+  a as SbbPaginatorElement
+};

package/popover/popover/popover.d.ts

@@ -51,7 +51,7 @@ export declare class SbbPopoverElement extends SbbPopoverElement_base {
     private _triggerIdReferenceController;
     private _openStateController;
     private _escapableOverlayController;
-    private _focusHandler;
+    private _focusTrapController;
     private _openTimeout?;
     private _closeTimeout?;
     private _language;

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

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../src/elements/popover/popover/popover.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAW/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,aAAa,CAAyB;IAC9C,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;IAqBtB,OAAO,CAAC,cAAc;IAYN,iBAAiB,IAAI,IAAI;IAQzB,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;IAS9D,oBAAoB,IAAI,IAAI;IAU5C,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,CAM1B;IAEF,OAAO,CAAC,oBAAoB,CAM1B;IAEF,OAAO,CAAC,oBAAoB,CAI1B;IAEF,OAAO,CAAC,oBAAoB,CAI1B;IAMF,OAAO,CAAC,sBAAsB;IAS9B,OAAO,CAAC,gBAAgB;IAyCxB,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.d.ts","sourceRoot":"","sources":["../../../../src/elements/popover/popover/popover.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAM/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;IAQzB,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;IAS9D,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,CAM1B;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"}

package/popover/popover/popover.js

@@ -0,0 +1,261 @@
+var q = (s) => {
+  throw TypeError(s);
+};
+var W = (s, i, r) => i.has(s) || q("Cannot " + r);
+var c = (s, i, r) => (W(s, i, "read from private field"), r ? r.call(s) : i.get(s)), h = (s, i, r) => i.has(s) ? q("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(s) : i.set(s, r), n = (s, i, r, b) => (W(s, i, "write to private field"), b ? b.call(s, r) : i.set(s, r), r);
+import { __runInitializers as l, __esDecorate as d } from "tslib";
+import { css as X, isServer as T, html as j, nothing as G } from "lit";
+import { customElement as J, property as w } from "lit/decorators.js";
+import { ref as K } from "lit/directives/ref.js";
+import { SbbFocusTrapController as ee, IS_FOCUSABLE_QUERY as te } from "../../core/a11y.js";
+import { SbbOpenCloseBaseElement as oe } from "../../core/base-elements.js";
+import { SbbMediaQueryPointerCoarse as se, SbbIdReferenceController as ie, SbbEscapableOverlayController as re, SbbLanguageController as ae } from "../../core/controllers.js";
+import { hostAttributes as ne, forceType as C } from "../../core/decorators.js";
+import { isZeroAnimationDuration as le } from "../../core/dom.js";
+import { EventEmitter as Q, composedPathHasAttribute as be } from "../../core/eventing.js";
+import { i18nClosePopover as pe } from "../../core/i18n.js";
+import { SbbHydrationMixin as ce } from "../../core/mixins.js";
+import { isEventOnElement as V, removeAriaOverlayTriggerAttributes as he, setAriaOverlayTriggerAttributes as de, getElementPosition as ve } from "../../core/overlay.js";
+import "../../button/secondary-button.js";
+const ge = X`*,:before,:after{box-sizing:border-box}:host{--sbb-popover-position: absolute;--sbb-popover-position-x: 0;--sbb-popover-position-y: 0;--sbb-popover-arrow-size: var(--sbb-spacing-fixed-4x);--sbb-popover-arrow-position-x: 0;--sbb-popover-max-width: calc(100% - var(--sbb-spacing-fixed-2x));--sbb-popover-inset: 0 auto auto 0;--sbb-popover-border-radius: var(--sbb-border-radius-8x);--sbb-popover-padding: var(--sbb-spacing-fixed-4x);--sbb-popover-background: var(--sbb-color-white);--sbb-popover-color: var(--sbb-color-charcoal);--sbb-popover-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-popover-animation-easing: ease-out;--sbb-popover-transform: translateY(var(--sbb-spacing-fixed-2x));--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);outline:none!important;display:none}:host([data-state]:not([data-state=closed])){display:block;--sbb-popover-inset: 0}:host([data-position=above]){--sbb-popover-transform: translateY(calc(var(--sbb-spacing-fixed-2x) * -1))}.sbb-popover:after,.sbb-popover__content:before{content:"";position:absolute;display:block;width:var(--sbb-popover-arrow-size);height:var(--sbb-popover-arrow-size);left:var(--sbb-popover-arrow-position-x);bottom:calc(100% - var(--sbb-popover-arrow-size) / 2);background-color:var(--sbb-popover-background);border-radius:var(--sbb-border-radius-2x) 0;transform:rotate(45deg)}.sbb-popover__container{position:fixed;inset:var(--sbb-popover-inset);pointer-events:none;z-index:var(--sbb-popover-z-index, var(--sbb-overlay-default-z-index));color:var(--sbb-popover-color)}.sbb-popover{box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-1-color);display:none;position:var(--sbb-popover-position);pointer-events:all;top:var(--sbb-popover-position-y);bottom:unset;left:var(--sbb-popover-position-x);right:unset;border:none;border-radius:var(--sbb-popover-border-radius);padding:0;max-width:var(--sbb-popover-max-width);width:max-content;background-color:var(--sbb-popover-background);outline:none}:host(:focus-visible) .sbb-popover{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}:host([data-state]:not([data-state=closed])) .sbb-popover{display:block;animation-name:open;animation-duration:var(--sbb-popover-animation-duration);animation-timing-function:var(--sbb-popover-animation-easing)}:host([data-state][data-state=closing]) .sbb-popover{pointer-events:none;animation-name:close;animation-duration:var(--sbb-popover-animation-duration);animation-timing-function:var(--sbb-popover-animation-easing)}.sbb-popover:after{z-index:-1;box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-1-color)}@media (forced-colors: active){.sbb-popover:after{outline:var(--sbb-border-width-1x) solid CanvasText}}:host([data-position=above]) .sbb-popover:after{top:calc(100% - var(--sbb-popover-arrow-size) / 2)}@media (forced-colors: active){.sbb-popover{outline:var(--sbb-border-width-1x) solid CanvasText}}.sbb-popover:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:transparent}:host([data-position=below]) .sbb-popover:before{inset-block-start:calc(-1 * var(--sbb-spacing-fixed-6x))}:host([data-position=above]) .sbb-popover:before{inset-block-end:calc(-1 * var(--sbb-spacing-fixed-6x))}.sbb-popover__content{display:flex;gap:var(--sbb-spacing-fixed-4x);border-radius:var(--sbb-popover-border-radius);padding:var(--sbb-popover-padding);outline:none;background-color:var(--sbb-popover-background);overflow:hidden;flex-direction:row-reverse}:host([data-position=above]) .sbb-popover__content:before{top:calc(100% - var(--sbb-popover-arrow-size) / 2)}@keyframes open{0%{opacity:0;transform:var(--sbb-popover-transform)}to{opacity:1;transform:translateY(0)}}@keyframes close{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:var(--sbb-popover-transform)}}`, ue = 16, _e = 32;
+let me = 0;
+const E = /* @__PURE__ */ new Set(), fe = T ? !1 : matchMedia(se).matches;
+let Fe = (() => {
+  var v, g, u, _, m, f, a;
+  let s = [J("sbb-popover"), ne({ popover: "manual" })], i, r = [], b, k = ce(oe), D, L = [], P = [], S, O = [], z = [], A, B = [], I = [], F, M = [], R = [], $, U = [], H = [], N, Y = [], Z = [];
+  var x = (a = class extends k {
+    constructor() {
+      super(...arguments);
+      h(this, v);
+      h(this, g);
+      h(this, u);
+      h(this, _);
+      h(this, m);
+      h(this, f);
+      n(this, v, l(this, L, null)), n(this, g, (l(this, P), l(this, O, !1))), n(this, u, (l(this, z), l(this, B, !1))), n(this, _, (l(this, I), l(this, M, 0))), n(this, m, (l(this, R), l(this, U, 0))), n(this, f, (l(this, H), l(this, Y, ""))), this.willClose = (l(this, Z), new Q(this, x.events.willClose, { cancelable: !0 })), this.didClose = new Q(this, x.events.didClose, { cancelable: !0 }), this._skipCloseFocus = !1, this._hoverTrigger = !1, this._triggerIdReferenceController = new ie(this, "trigger"), this._escapableOverlayController = new re(this), this._focusTrapController = new ee(this), this._language = new ae(this), this._pointerDownListener = (t) => {
+        this._isPointerDownEventOnPopover = V(this._overlay, t);
+      }, this._closeOnBackdropClick = (t) => {
+        !this._isPointerDownEventOnPopover && !V(this._overlay, t) && (this._nextFocusedElement = t.composedPath().filter((e) => e instanceof window.HTMLElement).find((e) => e.matches(te)), clearTimeout(this._closeTimeout), this.close());
+      }, this._onTriggerMouseEnter = () => {
+        this.state === "closed" || this.state === "closing" ? this._openTimeout = setTimeout(() => this.open(), this.openDelay) : clearTimeout(this._closeTimeout);
+      }, this._onTriggerMouseLeave = () => {
+        this.state === "opened" || this.state === "opening" ? this._closeTimeout = setTimeout(() => this.close(), this.closeDelay) : clearTimeout(this._openTimeout);
+      }, this._onOverlayMouseEnter = () => {
+        this.state !== "opening" && clearTimeout(this._closeTimeout);
+      }, this._onOverlayMouseLeave = () => {
+        this.state !== "opening" && (this._closeTimeout = setTimeout(() => this.close(), this.closeDelay));
+      };
+    }
+    /**
+     * The element that will trigger the popover overlay.
+     * Accepts both a string (id of an element) or an HTML element.
+     */
+    get trigger() {
+      return c(this, v);
+    }
+    set trigger(t) {
+      n(this, v, t);
+    }
+    /** Whether the close button should be hidden. */
+    get hideCloseButton() {
+      return c(this, g);
+    }
+    set hideCloseButton(t) {
+      n(this, g, t);
+    }
+    /** Whether the popover should be triggered on hover. */
+    get hoverTrigger() {
+      return c(this, u);
+    }
+    set hoverTrigger(t) {
+      n(this, u, t);
+    }
+    /** Open the popover after a certain delay. */
+    get openDelay() {
+      return c(this, _);
+    }
+    set openDelay(t) {
+      n(this, _, t);
+    }
+    /** Close the popover after a certain delay. */
+    get closeDelay() {
+      return c(this, m);
+    }
+    set closeDelay(t) {
+      n(this, m, t);
+    }
+    /** This will be forwarded as aria-label to the close button element. */
+    get accessibilityCloseLabel() {
+      return c(this, f);
+    }
+    set accessibilityCloseLabel(t) {
+      n(this, f, t);
+    }
+    /** Opens the popover on trigger click. */
+    open() {
+      var t, e;
+      if (!(this.state !== "closed" && this.state !== "closing" || !this._overlay || !this.willOpen.emit())) {
+        for (const o of E) {
+          const p = o.getAttribute("data-state");
+          p && (p === "opened" || p === "opening") && o.close();
+        }
+        (t = this.showPopover) == null || t.call(this), this.state = "opening", this.inert = !0, this._setPopoverPosition(), (e = this._triggerElement) == null || e.setAttribute("aria-expanded", "true"), this._nextFocusedElement = void 0, this._skipCloseFocus = !1, this._isZeroAnimationDuration() && this._handleOpening();
+      }
+    }
+    /** Closes the popover. */
+    close(t) {
+      var e;
+      this.state !== "opened" && this.state !== "opening" || (this._popoverCloseElement = t, this.willClose.emit({ closeTarget: t }) && (this.state = "closing", this.inert = !0, (e = this._triggerElement) == null || e.setAttribute("aria-expanded", "false"), this._isZeroAnimationDuration() && this._handleClosing()));
+    }
+    _isZeroAnimationDuration() {
+      return le(this, "--sbb-popover-animation-duration");
+    }
+    _handleClosing() {
+      var t, e, o, p;
+      if (this.state = "closed", (t = this.hidePopover) == null || t.call(this), (o = (e = this._overlay) == null ? void 0 : e.firstElementChild) == null || o.scrollTo(0, 0), this.removeAttribute("tabindex"), !this._skipCloseFocus) {
+        const y = this._nextFocusedElement || this._triggerElement;
+        y == null || y.focus();
+      }
+      this._escapableOverlayController.disconnect(), this.didClose.emit({ closeTarget: this._popoverCloseElement }), (p = this._openStateController) == null || p.abort(), this._focusTrapController.enabled = !1;
+    }
+    _handleOpening() {
+      this.state = "opened", this.inert = !1, this._attachWindowEvents(), this._escapableOverlayController.connect(), this._setPopoverFocus(), this._focusTrapController.enabled = !0, this.didOpen.emit();
+    }
+    connectedCallback() {
+      super.connectedCallback(), this.id || (this.id = `sbb-popover-${++me}`), this._configureTrigger(), this.state = "closed", E.add(this);
+    }
+    requestUpdate(t, e, o) {
+      super.requestUpdate(t, e, o), !T && (!t || t === "trigger" || t === "hoverTrigger") && this.hasUpdated && this._configureTrigger();
+    }
+    firstUpdated(t) {
+      super.firstUpdated(t), this._hoverTrigger && (this._overlay.addEventListener("mouseenter", () => this._onOverlayMouseEnter()), this._overlay.addEventListener("mouseleave", () => this._onOverlayMouseLeave()));
+    }
+    disconnectedCallback() {
+      var t, e;
+      super.disconnectedCallback(), this._triggerElement = null, (t = this._triggerAbortController) == null || t.abort(), (e = this._openStateController) == null || e.abort(), E.delete(this);
+    }
+    // Check if the trigger is valid and attach click event listeners.
+    _configureTrigger() {
+      var p;
+      if (T)
+        return;
+      if (this.hydrationRequired) {
+        this.hydrationComplete.then(() => this._configureTrigger());
+        return;
+      }
+      const t = this.hoverTrigger && !fe, e = this.trigger instanceof HTMLElement ? this.trigger : this._triggerIdReferenceController.find();
+      if (e === this._triggerElement && t === this._hoverTrigger || ((p = this._triggerAbortController) == null || p.abort(), he(this._triggerElement), this._triggerElement = e, this._hoverTrigger = t, !this._triggerElement))
+        return;
+      de(this._triggerElement, "dialog", this.id, this.state);
+      const { signal: o } = this._triggerAbortController = new AbortController();
+      this._hoverTrigger ? (this._triggerElement.addEventListener("mouseenter", this._onTriggerMouseEnter, { signal: o }), this._triggerElement.addEventListener("mouseleave", this._onTriggerMouseLeave, { signal: o }), this._triggerElement.addEventListener("keydown", (y) => {
+        (y.code === "Space" || y.code === "Enter") && this.open();
+      }, { signal: o })) : this._triggerElement.addEventListener("click", () => {
+        this.state === "closed" && this.open();
+      }, { signal: o });
+    }
+    _attachWindowEvents() {
+      this._openStateController = new AbortController(), document.addEventListener("scroll", () => this._setPopoverPosition(), {
+        passive: !0,
+        signal: this._openStateController.signal,
+        // Without capture, other scroll contexts would not bubble to this event listener.
+        // Capture allows us to react to all scroll contexts in this DOM.
+        capture: !0
+      }), window.addEventListener("resize", () => this._setPopoverPosition(), {
+        passive: !0,
+        signal: this._openStateController.signal
+      }), window.addEventListener("pointerdown", this._pointerDownListener, {
+        signal: this._openStateController.signal
+      }), window.addEventListener("pointerup", this._closeOnBackdropClick, {
+        signal: this._openStateController.signal
+      });
+    }
+    // Close the popover on click of any element that has the 'sbb-popover-close' attribute.
+    _closeOnSbbPopoverCloseClick(t) {
+      const e = be(t, "sbb-popover-close", this);
+      e && !e.hasAttribute("disabled") && (clearTimeout(this._closeTimeout), this.close(e));
+    }
+    // Set popover position (x, y) to '0' once the popover is closed and the transition ended to prevent the
+    // viewport from overflowing. And set the focus to the first focusable element once the popover is open.
+    // In rare cases it can be that the animationEnd event is triggered twice.
+    // To avoid entering a corrupt state, exit when state is not expected.
+    _onPopoverAnimationEnd(t) {
+      t.animationName === "open" && this.state === "opening" ? this._handleOpening() : t.animationName === "close" && this.state === "closing" && this._handleClosing();
+    }
+    // Set focus on the first focusable element.
+    _setPopoverFocus() {
+      this._focusTrapController.focusInitialElement() || (this.setAttribute("tabindex", "0"), this.focus(), this.addEventListener("blur", () => {
+        setTimeout(() => {
+          document.visibilityState !== "hidden" && (this.removeAttribute("tabindex"), (this.state === "opened" || this.state === "opening") && (this._skipCloseFocus = !0), this.close());
+        });
+      }, {
+        signal: this._openStateController.signal
+      }));
+    }
+    _setPopoverPosition() {
+      if (!this._overlay || !this._triggerElement)
+        return;
+      const t = ve(this._overlay, this._triggerElement, this.shadowRoot.querySelector(".sbb-popover__container"), {
+        verticalOffset: ue,
+        horizontalOffset: _e,
+        centered: !0,
+        responsiveHeight: !0
+      });
+      this.setAttribute("data-position", t.alignment.vertical);
+      const e = this._triggerElement.getBoundingClientRect().left - t.left + this._triggerElement.clientWidth / 2 - 8;
+      this.style.setProperty("--sbb-popover-position-x", `${t.left}px`), this.style.setProperty("--sbb-popover-position-y", `${t.top}px`), this.style.setProperty("--sbb-popover-arrow-position-x", `${e}px`);
+    }
+    render() {
+      const t = j`
+      <span class="sbb-popover__close">
+        <sbb-secondary-button
+          aria-label=${this.accessibilityCloseLabel || pe[this._language.current]}
+          size="s"
+          type="button"
+          icon-name="cross-small"
+          sbb-popover-close
+        ></sbb-secondary-button>
+      </span>
+    `;
+      return j`
+      <div class="sbb-popover__container">
+        <div
+          @animationend=${this._onPopoverAnimationEnd}
+          class="sbb-popover"
+          role="tooltip"
+          ${K((e) => this._overlay = e)}
+        >
+          <div
+            @click=${(e) => this._closeOnSbbPopoverCloseClick(e)}
+            class="sbb-popover__content"
+          >
+            ${!this.hideCloseButton && !this._hoverTrigger ? t : G}
+            <span>
+              <slot>No content</slot>
+            </span>
+          </div>
+        </div>
+      </div>
+    `;
+    }
+  }, v = new WeakMap(), g = new WeakMap(), u = new WeakMap(), _ = new WeakMap(), m = new WeakMap(), f = new WeakMap(), b = a, (() => {
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(k[Symbol.metadata] ?? null) : void 0;
+    D = [w()], S = [C(), w({ attribute: "hide-close-button", type: Boolean })], A = [C(), w({ attribute: "hover-trigger", type: Boolean })], F = [C(), w({ attribute: "open-delay", type: Number })], $ = [C(), w({ attribute: "close-delay", type: Number })], N = [C(), w({ attribute: "accessibility-close-label" })], d(a, null, D, { kind: "accessor", name: "trigger", static: !1, private: !1, access: { has: (e) => "trigger" in e, get: (e) => e.trigger, set: (e, o) => {
+      e.trigger = o;
+    } }, metadata: t }, L, P), d(a, null, S, { kind: "accessor", name: "hideCloseButton", static: !1, private: !1, access: { has: (e) => "hideCloseButton" in e, get: (e) => e.hideCloseButton, set: (e, o) => {
+      e.hideCloseButton = o;
+    } }, metadata: t }, O, z), d(a, null, A, { kind: "accessor", name: "hoverTrigger", static: !1, private: !1, access: { has: (e) => "hoverTrigger" in e, get: (e) => e.hoverTrigger, set: (e, o) => {
+      e.hoverTrigger = o;
+    } }, metadata: t }, B, I), d(a, null, F, { kind: "accessor", name: "openDelay", static: !1, private: !1, access: { has: (e) => "openDelay" in e, get: (e) => e.openDelay, set: (e, o) => {
+      e.openDelay = o;
+    } }, metadata: t }, M, R), d(a, null, $, { kind: "accessor", name: "closeDelay", static: !1, private: !1, access: { has: (e) => "closeDelay" in e, get: (e) => e.closeDelay, set: (e, o) => {
+      e.closeDelay = o;
+    } }, metadata: t }, U, H), d(a, null, N, { kind: "accessor", name: "accessibilityCloseLabel", static: !1, private: !1, access: { has: (e) => "accessibilityCloseLabel" in e, get: (e) => e.accessibilityCloseLabel, set: (e, o) => {
+      e.accessibilityCloseLabel = o;
+    } }, metadata: t }, Y, Z), d(null, i = { value: b }, s, { kind: "class", name: b.name, metadata: t }, null, r), x = b = i.value, t && Object.defineProperty(b, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), a.styles = ge, l(b, r), a);
+  return x = b;
+})();
+export {
+  Fe as SbbPopoverElement
+};

package/popover/popover-trigger/popover-trigger.js

@@ -0,0 +1,32 @@
+import { __esDecorate as n, __runInitializers as l } from "tslib";
+import { css as c, html as d } from "lit";
+import { customElement as u } from "lit/decorators.js";
+import { SbbButtonBaseElement as v } from "../../core/base-elements.js";
+import { hostContext as i } from "../../core/dom.js";
+import { SbbDisabledTabIndexActionMixin as m, SbbNegativeMixin as p } from "../../core/mixins.js";
+import { SbbIconNameMixin as h } from "../../icon.js";
+const g = c`*,:before,:after{box-sizing:border-box}:host{display:inline-block;outline:none!important;--sbb-popover-color: inherit}@media (forced-colors: active){:host{--sbb-popover-color: ButtonText !important}}@media (any-hover: hover){:host(:hover){--sbb-popover-color: var(--sbb-color-iron)}:host(:hover[negative]){--sbb-popover-color: var(--sbb-color-cloud)}}:host([negative]){--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}:host(:is(:active,[data-active])){--sbb-popover-color: var(--sbb-color-anthracite)}:host(:is(:active,[data-active])[negative]){--sbb-popover-color: var(--sbb-color-cement)}:host(:is(:disabled,[disabled-interactive])){pointer-events:none;--sbb-popover-color: var(--sbb-color-graphite)}@media (forced-colors: active){:host(:is(:disabled,[disabled-interactive])){--sbb-popover-color: GrayText !important}}:host(:is(:disabled,[disabled-interactive])[negative]){--sbb-popover-color: var(--sbb-color-smoke)}:host([data-icon-small]){display:inline-block;-webkit-tap-highlight-color:transparent;height:fit-content;outline:none!important;--sbb-button-color-text: var(--sbb-color-charcoal);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-milk);--sbb-button-color-active-background: var(--sbb-color-cloud);--sbb-button-color-disabled-background: var(--sbb-color-milk);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-granite);--sbb-button-border-disabled-width: var(--sbb-border-width-1x);--sbb-button-border-disabled-style: dashed;--sbb-button-border-radius: var(--sbb-border-radius-infinity);--sbb-button-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-button-transition-easing-function: var(--sbb-animation-easing)}@media (forced-colors: active){:host([data-icon-small]){--sbb-button-color-text: ButtonText !important;--sbb-button-color-hover-background: Highlight !important;--sbb-button-color-active-background: Highlight !important;--sbb-button-color-disabled-background: Canvas !important;--sbb-button-color-disabled-border: GrayText !important;--sbb-button-color-disabled-text: GrayText !important}}:host([data-icon-small]) .sbb-popover-trigger{position:relative;transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:color;border-radius:var(--sbb-button-border-radius);color:var(--sbb-button-color-text);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}:host([data-icon-small]) .sbb-popover-trigger:before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;border-radius:var(--sbb-button-border-radius);background-color:var(--sbb-button-color-default-background);transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:inset,background-color}sbb-icon{transition:transform var(--sbb-button-transition-duration) var(--sbb-button-transition-easing-function);transform:translateY(var(--sbb-button-translate-y-content-hover, 0rem));display:flex}:host([data-icon-small][negative]){--sbb-button-color-text: var(--sbb-color-milk);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-charcoal);--sbb-button-color-active-background: var(--sbb-color-iron);--sbb-button-color-disabled-background: var(--sbb-color-charcoal);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-smoke)}:host([data-icon-small]:is(:disabled,[disabled-interactive])) .sbb-popover-trigger{color:var(--sbb-button-color-disabled-text);cursor:default;pointer-events:none}:host([data-icon-small]:is(:disabled,[disabled-interactive])) .sbb-popover-trigger:before{background-color:var(--sbb-button-color-disabled-background);border:var(--sbb-button-border-disabled-width) var(--sbb-button-border-disabled-style) var(--sbb-button-color-disabled-border)}:host([data-icon-small]:focus-visible) .sbb-popover-trigger:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}@media (any-hover: hover){:host([data-icon-small]:not(:disabled,[disabled-interactive],active):hover){--sbb-button-translate-y-content-hover: -.0625rem}}@media (any-hover: hover){:host([data-icon-small]:not(:disabled,[disabled-interactive],active):hover) .sbb-popover-trigger:before{background-color:var(--sbb-button-color-hover-background)}}:host([data-icon-small]:is(active)) .sbb-popover-trigger:before{background-color:var(--sbb-button-color-active-background)}:host(:not([data-icon-small])) .sbb-popover-trigger{font-family:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;font-size:inherit;text-align:inherit;display:flex;cursor:pointer;color:var(--sbb-popover-color)}:host(:focus-visible:not([data-icon-small])) .sbb-popover-trigger{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:var(--sbb-border-radius-4x)}sbb-icon{min-width:var(--sbb-size-icon-ui-small);min-height:var(--sbb-size-icon-ui-small)}`;
+let T = (() => {
+  var t;
+  let s = [u("sbb-popover-trigger")], b, e = [], o, a = m(p(h(v)));
+  return t = class extends a {
+    connectedCallback() {
+      super.connectedCallback();
+      const r = i("sbb-form-field", this) ?? i("[data-form-field]", this);
+      r && (this.toggleAttribute("data-icon-small", !0), this.negative = r.hasAttribute("negative"));
+    }
+    renderTemplate() {
+      return d`
+      <slot>
+        <sbb-icon name=${this.iconName || "circle-information-small"}></sbb-icon>
+      </slot>
+    `;
+    }
+  }, o = t, (() => {
+    const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(a[Symbol.metadata] ?? null) : void 0;
+    n(null, b = { value: o }, s, { kind: "class", name: o.name, metadata: r }, null, e), o = b.value, r && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
+  })(), t.styles = g, l(o, e), o;
+})();
+export {
+  T as SbbPopoverTriggerElement
+};

package/popover/popover-trigger.d.ts

@@ -1,2 +1,5 @@
+/**
+ * @entrypoint
+ */
 export * from './popover-trigger/popover-trigger.js';
 //# sourceMappingURL=popover-trigger.d.ts.map

package/popover/popover-trigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover-trigger.d.ts","sourceRoot":"","sources":["../../../src/elements/popover/popover-trigger.ts"],"names":[],"mappings":"AAAA,cAAc,sCAAsC,CAAC"}
+{"version":3,"file":"popover-trigger.d.ts","sourceRoot":"","sources":["../../../src/elements/popover/popover-trigger.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,sCAAsC,CAAC"}

package/popover/popover-trigger.js

@@ -1,32 +1,4 @@
-import { __esDecorate as n, __runInitializers as l } from "tslib";
-import { css as c, html as d } from "lit";
-import { customElement as u } from "lit/decorators.js";
-import { SbbButtonBaseElement as v } from "../core/base-elements.js";
-import { hostContext as i } from "../core/dom.js";
-import { SbbDisabledTabIndexActionMixin as m, SbbNegativeMixin as h } from "../core/mixins.js";
-import { SbbIconNameMixin as p } from "../icon.js";
-const g = c`*,:before,:after{box-sizing:border-box}:host{display:inline-block;outline:none!important;--sbb-popover-color: inherit}@media (forced-colors: active){:host{--sbb-popover-color: ButtonText !important}}@media (any-hover: hover){:host(:hover){--sbb-popover-color: var(--sbb-color-iron)}:host(:hover[negative]){--sbb-popover-color: var(--sbb-color-cloud)}}:host([negative]){--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}:host(:is(:active,[data-active])){--sbb-popover-color: var(--sbb-color-anthracite)}:host(:is(:active,[data-active])[negative]){--sbb-popover-color: var(--sbb-color-cement)}:host(:is(:disabled,[disabled-interactive])){pointer-events:none;--sbb-popover-color: var(--sbb-color-graphite)}@media (forced-colors: active){:host(:is(:disabled,[disabled-interactive])){--sbb-popover-color: GrayText !important}}:host(:is(:disabled,[disabled-interactive])[negative]){--sbb-popover-color: var(--sbb-color-smoke)}:host([data-icon-small]){display:inline-block;-webkit-tap-highlight-color:transparent;height:fit-content;outline:none!important;--sbb-button-color-text: var(--sbb-color-charcoal);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-milk);--sbb-button-color-active-background: var(--sbb-color-cloud);--sbb-button-color-disabled-background: var(--sbb-color-milk);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-granite);--sbb-button-border-disabled-width: var(--sbb-border-width-1x);--sbb-button-border-disabled-style: dashed;--sbb-button-border-radius: var(--sbb-border-radius-infinity);--sbb-button-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-button-transition-easing-function: var(--sbb-animation-easing)}@media (forced-colors: active){:host([data-icon-small]){--sbb-button-color-text: ButtonText !important;--sbb-button-color-hover-background: Highlight !important;--sbb-button-color-active-background: Highlight !important;--sbb-button-color-disabled-background: Canvas !important;--sbb-button-color-disabled-border: GrayText !important;--sbb-button-color-disabled-text: GrayText !important}}:host([data-icon-small]) .sbb-popover-trigger{position:relative;transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:color;border-radius:var(--sbb-button-border-radius);color:var(--sbb-button-color-text);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}:host([data-icon-small]) .sbb-popover-trigger:before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;border-radius:var(--sbb-button-border-radius);background-color:var(--sbb-button-color-default-background);transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:inset,background-color}sbb-icon{transition:transform var(--sbb-button-transition-duration) var(--sbb-button-transition-easing-function);transform:translateY(var(--sbb-button-translate-y-content-hover, 0rem));display:flex}:host([data-icon-small][negative]){--sbb-button-color-text: var(--sbb-color-milk);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-charcoal);--sbb-button-color-active-background: var(--sbb-color-iron);--sbb-button-color-disabled-background: var(--sbb-color-charcoal);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-smoke)}:host([data-icon-small]:is(:disabled,[disabled-interactive])) .sbb-popover-trigger{color:var(--sbb-button-color-disabled-text);cursor:default;pointer-events:none}:host([data-icon-small]:is(:disabled,[disabled-interactive])) .sbb-popover-trigger:before{background-color:var(--sbb-button-color-disabled-background);border:var(--sbb-button-border-disabled-width) var(--sbb-button-border-disabled-style) var(--sbb-button-color-disabled-border)}:host([data-icon-small]:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-popover-trigger:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}@media (any-hover: hover){:host([data-icon-small]:not(:disabled,[disabled-interactive],active):hover){--sbb-button-translate-y-content-hover: -.0625rem}}@media (any-hover: hover){:host([data-icon-small]:not(:disabled,[disabled-interactive],active):hover) .sbb-popover-trigger:before{background-color:var(--sbb-button-color-hover-background)}}:host([data-icon-small]:is(active)) .sbb-popover-trigger:before{background-color:var(--sbb-button-color-active-background)}:host(:not([data-icon-small])) .sbb-popover-trigger{font-family:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;font-size:inherit;text-align:inherit;display:flex;cursor:pointer;color:var(--sbb-popover-color)}:host(:focus-visible:not([data-icon-small],[data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-popover-trigger{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);border-radius:var(--sbb-border-radius-4x)}sbb-icon{min-width:var(--sbb-size-icon-ui-small);min-height:var(--sbb-size-icon-ui-small)}`;
-let T = (() => {
-  var t;
-  let s = [u("sbb-popover-trigger")], b, e = [], o, a = m(h(p(v)));
-  return t = class extends a {
-    connectedCallback() {
-      super.connectedCallback();
-      const r = i("sbb-form-field", this) ?? i("[data-form-field]", this);
-      r && (this.toggleAttribute("data-icon-small", !0), this.negative = r.hasAttribute("negative"));
-    }
-    renderTemplate() {
-      return d`
-      <slot>
-        <sbb-icon name=${this.iconName || "circle-information-small"}></sbb-icon>
-      </slot>
-    `;
-    }
-  }, o = t, (() => {
-    const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(a[Symbol.metadata] ?? null) : void 0;
-    n(null, b = { value: o }, s, { kind: "class", name: o.name, metadata: r }, null, e), o = b.value, r && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
-  })(), t.styles = g, l(o, e), o;
-})();
+import { SbbPopoverTriggerElement as o } from "./popover-trigger/popover-trigger.js";
 export {
-  T as SbbPopoverTriggerElement
+  o as SbbPopoverTriggerElement
 };

package/popover/popover.d.ts

@@ -1,2 +1,5 @@
+/**
+ * @entrypoint
+ */
 export * from './popover/popover.js';
 //# sourceMappingURL=popover.d.ts.map

package/popover/popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/elements/popover/popover.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/elements/popover/popover.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,sBAAsB,CAAC"}