@sbb-esta/lyne-elements 1.13.0 → 1.14.0

package/paginator.js

@@ -1,265 +1,3 @@
-import { css as h, LitElement as u, html as i, nothing as d } from "lit";
-import { property as p, customElement as m } from "lit/decorators.js";
-import { repeat as c } from "lit/directives/repeat.js";
-import { sbbInputModalityDetector as _ } from "./core/a11y.js";
-import { SbbLanguageController as v } from "./core/controllers.js";
-import { hostAttributes as f } from "./core/decorators.js";
-import { EventEmitter as x } from "./core/eventing.js";
-import { i18nSelectedPage as y, i18nPreviousPage as z, i18nNextPage as w, i18nItemsPerPage as P, i18nPage as I } from "./core/i18n.js";
-import { SbbNegativeMixin as S, SbbDisabledMixin as $ } from "./core/mixins.js";
-import "./button/mini-button.js";
-import "./button/mini-button-group.js";
-import "./divider.js";
-import "./form-field.js";
-import "./select.js";
-import "./option.js";
-import "./screen-reader-only.js";
-const k = h`*,: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-zero-time, 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__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}`;
-var O = Object.defineProperty, N = Object.getOwnPropertyDescriptor, n = (e, a, t, o) => {
-  for (var s = o > 1 ? void 0 : o ? N(a, t) : a, g = e.length - 1, l; g >= 0; g--)
-    (l = e[g]) && (s = (o ? l(a, t, s) : l(s)) || s);
-  return o && s && O(a, t, s), s;
-};
-const b = 3;
-let A = 0, r = class extends S($(u)) {
-  constructor() {
-    super(...arguments), this._length = 0, this._pageSize = 10, this._pageIndex = 0, this.pagerPosition = "start", this.size = "m", this._page = new x(
-      this,
-      r.events.page,
-      { composed: !0, bubbles: !0 }
-    ), this._paginatorOptionsLabel = `sbb-paginator-options-label-${++A}`, this._language = new v(this), this._markForFocus = null, this._updateSelectAriaLabelledBy = !1;
-  }
-  set length(e) {
-    this._length = isNaN(e) || e < 0 ? 0 : e, this.pageIndex = this.pageIndex;
-  }
-  get length() {
-    return this._length;
-  }
-  set pageSize(e) {
-    const a = this.pageSize;
-    this._pageSize = Math.max(e, 0), this.pageIndex = Math.floor(this.pageIndex * a / this.pageSize) || 0;
-  }
-  get pageSize() {
-    return this._pageSize;
-  }
-  set pageIndex(e) {
-    this._pageIndex = this._coercePageIndexInRange(e);
-  }
-  get pageIndex() {
-    return this._pageIndex;
-  }
-  set pageSizeOptions(e) {
-    this._pageSizeOptions = e, this._updateSelectAriaLabelledBy = !0;
-  }
-  get pageSizeOptions() {
-    return this._pageSizeOptions;
-  }
-  updated(e) {
-    if (super.updated(e), this._markForFocus && _.mostRecentModality === "keyboard") {
-      const t = this._getVisiblePages().find(
-        (o) => this.pageIndex === +o.getAttribute("data-index")
-      );
-      t && t.focus(), this._markForFocus = null;
-    }
-    const a = this.shadowRoot.querySelector("sbb-select");
-    a && this._updateSelectAriaLabelledBy && (a.setAttribute("aria-labelledby", this._paginatorOptionsLabel), this._updateSelectAriaLabelledBy = !1), this.shadowRoot.querySelector("sbb-screen-reader-only").textContent = this._currentPageLabel();
-  }
-  /**
-   * Calculates the current number of pages based on the `length` and the `pageSize`;
-   * value must be rounded up (e.g. `length = 21` and `pageSize = 10` means 3 pages).
-   */
-  _numberOfPages() {
-    return this.pageSize ? Math.ceil(this.length / this.pageSize) : 0;
-  }
-  /**
-   * 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, t = this.pageIndex;
-    this.pageSize = e, a !== this.pageSize && this._emitPageEvent(t);
-  }
-  /**
-   * If the `pageIndex` changes due to user interaction,
-   * emit the `page` event and then update the `pageIndex` value.
-   */
-  _pageIndexChanged(e) {
-    const a = this.pageIndex;
-    this.pageIndex = e, a !== this.pageIndex && this._emitPageEvent(a);
-  }
-  _emitPageEvent(e) {
-    this._page.emit({
-      previousPageIndex: e,
-      pageIndex: this.pageIndex,
-      length: this.length,
-      pageSize: this.pageSize
-    });
-  }
-  /** Returns the displayed page elements. */
-  _getVisiblePages() {
-    return Array.from(this.shadowRoot.querySelectorAll(".sbb-paginator__page--number-item"));
-  }
-  /** Evaluate `pageIndex` by excluding edge cases. */
-  _coercePageIndexInRange(e) {
-    return Math.max(
-      Math.min(Math.max(isNaN(e) ? 0 : e, 0), this._numberOfPages() - 1),
-      0
-    );
-  }
-  /**
-   * 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 <= b + 2 ? this._range(e) : a < b ? [...this._range(b + 1), "ellipsis", e - 1] : a >= e - b ? [
-      0,
-      "ellipsis",
-      ...this._range(b + 1, e - 1 - b)
-    ] : [
-      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 }, (t, o) => o + a);
-  }
-  _handleKeyUp(e) {
-    if (e.key !== " " && e.key !== "Enter")
-      return;
-    this._getVisiblePages().find((t) => t === e.target) && (this._markForFocus = this.pageIndex);
-  }
-  _currentPageLabel() {
-    return y(this.pageIndex + 1)[this._language.current];
-  }
-  _renderPrevNextButtons() {
-    return i`
-      <sbb-mini-button-group ?negative=${this.negative} size=${this.size === "s" ? "s" : "l"}>
-        <sbb-mini-button
-          id="sbb-paginator-prev-page"
-          aria-label=${z[this._language.current]}
-          icon-name="chevron-small-left-small"
-          ?disabled=${this.disabled || this.pageIndex === 0}
-          @click=${() => this._pageIndexChanged(this._pageIndex - 1)}
-        ></sbb-mini-button>
-        <sbb-divider orientation="vertical"></sbb-divider>
-        <sbb-mini-button
-          id="sbb-paginator-next-page"
-          aria-label=${w[this._language.current]}
-          icon-name="chevron-small-right-small"
-          ?disabled=${this.disabled || this.pageIndex === this._numberOfPages() - 1}
-          @click=${() => this._pageIndexChanged(this._pageIndex + 1)}
-        ></sbb-mini-button>
-      </sbb-mini-button-group>
-    `;
-  }
-  _renderItemPerPageTemplate() {
-    var e;
-    return this.pageSizeOptions && this.pageSizeOptions.length > 0 ? i`
-          <div class="sbb-paginator__page-size-options">
-            <label id=${this._paginatorOptionsLabel}>
-              ${P[this._language.current]}
-            </label>
-            <sbb-form-field
-              borderless
-              width="collapse"
-              ?negative=${this.negative}
-              size=${this.size}
-            >
-              <sbb-select
-                value=${((e = this.pageSizeOptions) == null ? void 0 : e.find((a) => a === this.pageSize)) ?? this.pageSizeOptions[0]}
-                @change=${(a) => this._pageSizeChanged(+a.target.value)}
-                ?disabled=${this.disabled}
-              >
-                ${c(
-      this.pageSizeOptions,
-      (a) => i`<sbb-option value=${a}>${a}</sbb-option>`
-    )}
-              </sbb-select>
-            </sbb-form-field>
-          </div>
-        ` : d;
-  }
-  _renderPageNumbers() {
-    return i`
-      <ul class="sbb-paginator__pages">
-        ${c(
-      this._getVisiblePagesIndex(),
-      (e) => e === "ellipsis" ? i`
-                  <li class="sbb-paginator__page--ellipsis">
-                    <span class="sbb-paginator__page--ellipsis-item">…</span>
-                  </li>
-                ` : i`
-                  <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="${I[this._language.current]} ${e + 1}"
-                      aria-current=${this.pageIndex === e ? "true" : d}
-                      @click=${() => this._pageIndexChanged(e)}
-                      @keyup=${this._handleKeyUp}
-                    >
-                      <span class="sbb-paginator__page--number-item-label">${e + 1}</span>
-                    </button>
-                  </li>
-                `
-    )}
-      </ul>
-    `;
-  }
-  render() {
-    return i`
-      <div class="sbb-paginator">
-        ${this.pagerPosition === "start" ? i`<span class="sbb-paginator__wrapping-group">
-                  ${this._renderPrevNextButtons()} ${this._renderPageNumbers()}
-                </span>
-                ${this._renderItemPerPageTemplate()}` : i`${this._renderItemPerPageTemplate()}
-                <span class="sbb-paginator__wrapping-group">
-                  ${this._renderPageNumbers()} ${this._renderPrevNextButtons()}
-                </span>`}</span>
-      </div>
-      <sbb-screen-reader-only role='status'></sbb-screen-reader-only>
-    `;
-  }
-};
-r.styles = k;
-r.events = {
-  page: "page"
-};
-n([
-  p({ type: Number })
-], r.prototype, "length", 1);
-n([
-  p({ attribute: "page-size", type: Number })
-], r.prototype, "pageSize", 1);
-n([
-  p({ attribute: "page-index", type: Number })
-], r.prototype, "pageIndex", 1);
-n([
-  p({ attribute: "page-size-options", type: Array })
-], r.prototype, "pageSizeOptions", 1);
-n([
-  p({ attribute: "pager-position", reflect: !0 })
-], r.prototype, "pagerPosition", 2);
-n([
-  p({ reflect: !0 })
-], r.prototype, "size", 2);
-r = n([
-  m("sbb-paginator"),
-  f({
-    role: "group"
-  })
-], r);
-export {
-  r as SbbPaginatorElement
-};
+export * from "./paginator/common.js";
+export * from "./paginator/compact-paginator.js";
+export * from "./paginator/paginator.js";

package/popover/popover/popover.d.ts

@@ -21,17 +21,17 @@ export declare class SbbPopoverElement extends SbbPopoverElement_base {
      * The element that will trigger the popover overlay.
      * Accepts both a string (id of an element) or an HTML element.
      */
-    trigger?: string | HTMLElement;
+    accessor trigger: string | HTMLElement | null;
     /** Whether the close button should be hidden. */
-    hideCloseButton?: boolean;
+    accessor hideCloseButton: boolean;
     /** Whether the popover should be triggered on hover. */
-    hoverTrigger: boolean;
+    accessor hoverTrigger: boolean;
     /** Open the popover after a certain delay. */
-    openDelay?: number | undefined;
+    accessor openDelay: number;
     /** Close the popover after a certain delay. */
-    closeDelay?: number | undefined;
+    accessor closeDelay: number;
     /** This will be forwarded as aria-label to the close button element. */
-    accessibilityCloseLabel: string | undefined;
+    accessor accessibilityCloseLabel: string;
     /** Emits whenever the `sbb-popover` begins the closing transition. */
     protected willClose: EventEmitter<{
         closeTarget?: HTMLElement;
@@ -58,7 +58,6 @@ export declare class SbbPopoverElement extends SbbPopoverElement_base {
     /** Closes the popover. */
     close(target?: HTMLElement): void;
     private _onKeydownEvent;
-    private _removeTriggerClickListener;
     connectedCallback(): void;
     protected willUpdate(changedProperties: PropertyValues<this>): void;
     protected firstUpdated(changedProperties: PropertyValues<this>): void;

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,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAW1E,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAGtE,OAAO,EAA4B,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAahF,OAAO,kCAAkC,CAAC;;AAS1C;;;;;;;;;;;;GAYG;AACH,qBACa,iBAAkB,SAAQ,sBAA0C;IAC/E,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;OAGG;IACgB,OAAO,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IAElD,iDAAiD;IACmB,eAAe,CAAC,EAAE,OAAO,CACrF;IAER,wDAAwD;IACQ,YAAY,EAAE,OAAO,CAAS;IAE9F,8CAA8C;IACc,SAAS,CAAC,qBAAK;IAE3E,+CAA+C;IACc,UAAU,CAAC,qBAAK;IAE7E,wEAAwE;IACX,uBAAuB,EAChF,MAAM,GACN,SAAS,CAAC;IAEd,sEAAsE;IACtE,UAAmB,SAAS,EAAE,YAAY,CAAC;QAAE,WAAW,CAAC,EAAE,WAAW,CAAA;KAAE,CAAC,CAGvE;IAEF,kDAAkD;IAClD,UAAmB,QAAQ,EAAE,YAAY,CAAC;QAAE,WAAW,CAAC,EAAE,WAAW,CAAA;KAAE,CAAC,CAGtE;IAEF,OAAO,CAAC,QAAQ,CAAkB;IAClC,OAAO,CAAC,eAAe,CAAC,CAAqB;IAE7C,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,kBAAkB,CAAmB;IAC7C,OAAO,CAAC,oBAAoB,CAAmB;IAC/C,OAAO,CAAC,aAAa,CAAyB;IAC9C,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,YAAY,CAAC,CAAgC;IACrD,OAAO,CAAC,aAAa,CAAC,CAAgC;IACtD,OAAO,CAAC,SAAS,CAAmC;IAEpD,0CAA0C;IACnC,IAAI,IAAI,IAAI;IAyBnB,0BAA0B;IACnB,KAAK,CAAC,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI;IAgBxC,OAAO,CAAC,eAAe;IAYvB,OAAO,CAAC,2BAA2B;IAWnB,iBAAiB,IAAI,IAAI;cAYtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAYzD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAS9D,oBAAoB,IAAI,IAAI;IAS5C,OAAO,CAAC,UAAU;IAgElB,OAAO,CAAC,mBAAmB;IAwB3B,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;IA8B9B,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,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAW1E,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAItE,OAAO,EAA4B,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAahF,OAAO,kCAAkC,CAAC;;AAS1C;;;;;;;;;;;;GAYG;AACH,qBAEM,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,CAGvE;IAEF,kDAAkD;IAClD,UAAmB,QAAQ,EAAE,YAAY,CAAC;QAAE,WAAW,CAAC,EAAE,WAAW,CAAA;KAAE,CAAC,CAGtE;IAEF,OAAO,CAAC,QAAQ,CAAkB;IAClC,OAAO,CAAC,eAAe,CAAC,CAAqB;IAE7C,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,kBAAkB,CAAmB;IAC7C,OAAO,CAAC,oBAAoB,CAAmB;IAC/C,OAAO,CAAC,aAAa,CAAyB;IAC9C,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,YAAY,CAAC,CAAgC;IACrD,OAAO,CAAC,aAAa,CAAC,CAAgC;IACtD,OAAO,CAAC,SAAS,CAAmC;IAEpD,0CAA0C;IACnC,IAAI,IAAI,IAAI;IAyBnB,0BAA0B;IACnB,KAAK,CAAC,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI;IAgBxC,OAAO,CAAC,eAAe;IAWP,iBAAiB,IAAI,IAAI;cAYtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAczD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAS9D,oBAAoB,IAAI,IAAI;IAS5C,OAAO,CAAC,UAAU;IAgElB,OAAO,CAAC,mBAAmB;IAwB3B,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;IA8B9B,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"}

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

@@ -1 +1 @@
-{"version":3,"file":"popover-trigger.d.ts","sourceRoot":"","sources":["../../../../src/elements/popover/popover-trigger/popover-trigger.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAOnE;;;;GAIG;AACH,qBACa,wBAAyB,SAAQ,6BAE7C;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtC,iBAAiB,IAAI,IAAI;cAUtB,cAAc,IAAI,cAAc;CAOpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,qBAAqB,EAAE,wBAAwB,CAAC;KACjD;CACF"}
+{"version":3,"file":"popover-trigger.d.ts","sourceRoot":"","sources":["../../../../src/elements/popover/popover-trigger/popover-trigger.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAOnE;;;;GAIG;AACH,qBAEM,wBAAyB,SAAQ,6BAEtC;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtC,iBAAiB,IAAI,IAAI;cAUtB,cAAc,IAAI,cAAc;CAOpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,qBAAqB,EAAE,wBAAwB,CAAC;KACjD;CACF"}

package/popover/popover-trigger.js

@@ -1,35 +1,32 @@
-import { css as l, html as c } from "lit";
-import { customElement as d } from "lit/decorators.js";
-import { SbbButtonBaseElement as u } from "../core/base-elements.js";
-import { hostContext as n } from "../core/dom.js";
-import { SbbDisabledTabIndexActionMixin as v, SbbNegativeMixin as p } from "../core/mixins.js";
-import { SbbIconNameMixin as h } from "../icon.js";
-const m = l`*,: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([disabled]){pointer-events:none;--sbb-popover-color: var(--sbb-color-graphite)}@media (forced-colors: active){:host([disabled]){--sbb-popover-color: GrayText !important}}:host([disabled][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-zero-time, 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][disabled]) .sbb-popover-trigger{color:var(--sbb-button-color-disabled-text);cursor:default;pointer-events:none}:host([data-icon-small][disabled]) .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],:active,[data-active]):hover){--sbb-button-translate-y-content-hover: -.0625rem}}@media (any-hover: hover){:host([data-icon-small]:not([disabled],:active,[data-active]):hover) .sbb-popover-trigger:before{background-color:var(--sbb-button-color-hover-background)}}:host([data-icon-small]:is(:active,[data-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)}`;
-var g = Object.defineProperty, f = Object.getOwnPropertyDescriptor, k = (t, r, a, b) => {
-  for (var o = b > 1 ? void 0 : b ? f(r, a) : r, e = t.length - 1, i; e >= 0; e--)
-    (i = t[e]) && (o = (b ? i(r, a, o) : i(o)) || o);
-  return b && o && g(r, a, o), o;
-};
-let s = class extends v(
-  p(h(u))
-) {
-  connectedCallback() {
-    super.connectedCallback();
-    const t = n("sbb-form-field", this) ?? n("[data-form-field]", this);
-    t && (this.toggleAttribute("data-icon-small", !0), this.negative = t.hasAttribute("negative"));
-  }
-  renderTemplate() {
-    return c`
+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([disabled]){pointer-events:none;--sbb-popover-color: var(--sbb-color-graphite)}@media (forced-colors: active){:host([disabled]){--sbb-popover-color: GrayText !important}}:host([disabled][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-zero-time, 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][disabled]) .sbb-popover-trigger{color:var(--sbb-button-color-disabled-text);cursor:default;pointer-events:none}:host([data-icon-small][disabled]) .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],:active,[data-active]):hover){--sbb-button-translate-y-content-hover: -.0625rem}}@media (any-hover: hover){:host([data-icon-small]:not([disabled],:active,[data-active]):hover) .sbb-popover-trigger:before{background-color:var(--sbb-button-color-hover-background)}}:host([data-icon-small]:is(:active,[data-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, a = [], o, e = m(h(p(v)));
+  return t = class extends e {
+    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>
     `;
-  }
-};
-s.styles = m;
-s = k([
-  d("sbb-popover-trigger")
-], s);
+    }
+  }, o = t, (() => {
+    const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
+    n(null, b = { value: o }, s, { kind: "class", name: o.name, metadata: r }, null, a), o = b.value, r && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
+  })(), t.styles = g, l(o, a), o;
+})();
 export {
-  s as SbbPopoverTriggerElement
+  T as SbbPopoverTriggerElement
 };