@sbb-esta/lyne-elements 1.13.0 → 1.14.1

package/autocomplete-grid/autocomplete-grid-button.js

@@ -1,70 +1,63 @@
+import { __esDecorate as n, __runInitializers as l } from "tslib";
 import { MutationController as d } from "@lit-labs/observers/mutation-controller.js";
-import { css as l, isServer as u } from "lit";
-import { customElement as c } from "lit/decorators.js";
+import { css as u, isServer as c } from "lit";
+import { customElement as m } from "lit/decorators.js";
 import { SbbActionBaseElement as p } from "../core/base-elements.js";
-import { hostAttributes as v, slotState as m } from "../core/decorators.js";
-import { setOrRemoveAttribute as i } from "../core/dom.js";
-import { isEventPrevented as h } from "../core/eventing.js";
-import { SbbDisabledMixin as g, SbbNegativeMixin as f } from "../core/mixins.js";
-import { SbbIconNameMixin as k } from "../icon.js";
-const x = l`*,:before,:after{box-sizing:border-box}:host{outline:none!important;display:block;--sbb-button-display: flex}:host{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{--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 .sbb-autocomplete-grid-button{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 .sbb-autocomplete-grid-button: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}::slotted(sbb-icon),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([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(:is([disabled],[data-disabled],[data-group-disabled])) .sbb-autocomplete-grid-button{color:var(--sbb-button-color-disabled-text);cursor:default;pointer-events:none}:host(:is([disabled],[data-disabled],[data-group-disabled])) .sbb-autocomplete-grid-button: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(:is([data-focus-visible],:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch]))) .sbb-autocomplete-grid-button: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(:not([disabled],[data-disabled],[data-group-disabled],:active,[data-active]):hover){--sbb-button-translate-y-content-hover: -.0625rem}}@media (any-hover: hover){:host(:not([disabled],[data-disabled],[data-group-disabled],:active,[data-active]):hover) .sbb-autocomplete-grid-button:before{background-color:var(--sbb-button-color-hover-background)}}:host(:not([disabled],[data-disabled],[data-group-disabled]):is(:active,[data-active])) .sbb-autocomplete-grid-button:before{background-color:var(--sbb-button-color-active-background)}`;
-var y = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, w = (t, b, a, r) => {
-  for (var o = r > 1 ? void 0 : r ? _(b, a) : b, e = t.length - 1, s; e >= 0; e--)
-    (s = t[e]) && (o = (r ? s(b, a, o) : s(o)) || o);
-  return r && o && y(b, a, o), o;
-};
-let G = 0;
+import { hostAttributes as v, slotState as h } from "../core/decorators.js";
+import { isEventPrevented as g } from "../core/eventing.js";
+import { SbbDisabledMixin as f, SbbNegativeMixin as k } from "../core/mixins.js";
+import { SbbIconNameMixin as x } from "../icon.js";
+const y = u`*,:before,:after{box-sizing:border-box}:host{outline:none!important;display:block;--sbb-button-display: flex}:host{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{--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 .sbb-autocomplete-grid-button{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 .sbb-autocomplete-grid-button: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}::slotted(sbb-icon),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([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(:is([disabled],[data-disabled],[data-group-disabled])) .sbb-autocomplete-grid-button{color:var(--sbb-button-color-disabled-text);cursor:default;pointer-events:none}:host(:is([disabled],[data-disabled],[data-group-disabled])) .sbb-autocomplete-grid-button: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(:is([data-focus-visible],:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch]))) .sbb-autocomplete-grid-button: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(:not([disabled],[data-disabled],[data-group-disabled],:active,[data-active]):hover){--sbb-button-translate-y-content-hover: -.0625rem}}@media (any-hover: hover){:host(:not([disabled],[data-disabled],[data-group-disabled],:active,[data-active]):hover) .sbb-autocomplete-grid-button:before{background-color:var(--sbb-button-color-hover-background)}}:host(:not([disabled],[data-disabled],[data-group-disabled]):is(:active,[data-active])) .sbb-autocomplete-grid-button:before{background-color:var(--sbb-button-color-active-background)}`;
+let _ = 0;
 const S = {
   attributeFilter: ["data-group-disabled"]
 };
-let n = class extends g(
-  f(k(p))
-) {
-  constructor() {
-    super(), this._disabledFromGroup = !1, this._handleButtonClick = async (t) => {
-      await h(t) || this.closest("form");
-    }, u || (this.setupBaseEventHandlers(), this.addEventListener("click", this._handleButtonClick), new d(this, {
-      config: S,
-      callback: (t) => {
-        for (const b of t)
-          b.attributeName === "data-group-disabled" && (this._disabledFromGroup = this.hasAttribute("data-group-disabled"), i(
-            this,
-            "aria-disabled",
-            `${this.disabled || this._disabledFromGroup}`
-          ));
-      }
-    }));
-  }
-  /** Gets the SbbAutocompleteGridOptionElement on the same row of the button. */
-  get option() {
-    var t;
-    return ((t = this.closest("sbb-autocomplete-grid-row")) == null ? void 0 : t.querySelector("sbb-autocomplete-grid-option")) || null;
-  }
-  isDisabledExternally() {
-    return this._disabledFromGroup ?? !1;
-  }
-  renderTemplate() {
-    return super.renderIconSlot();
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.id || (this.id = `sbb-autocomplete-grid-button-${++G}`);
-    const t = this.closest("sbb-autocomplete-grid-optgroup");
-    t && (this._disabledFromGroup = t.disabled, i(this, "aria-disabled", `${this.disabled || this._disabledFromGroup}`));
-  }
-  willUpdate(t) {
-    super.willUpdate(t), t.has("disabled") && i(this, "aria-disabled", `${this.disabled || this._disabledFromGroup}`);
-  }
-};
-n.styles = x;
-n = w([
-  c("sbb-autocomplete-grid-button"),
-  v({
+let T = (() => {
+  var r;
+  let i = [m("sbb-autocomplete-grid-button"), v({
     role: "button",
     tabindex: null,
     "data-button": ""
-  }),
-  m()
-], n);
+  }), h()], b, a = [], o, e = f(k(x(p)));
+  return r = class extends e {
+    /** Gets the SbbAutocompleteGridOptionElement on the same row of the button. */
+    get option() {
+      var t;
+      return ((t = this.closest("sbb-autocomplete-grid-row")) == null ? void 0 : t.querySelector("sbb-autocomplete-grid-option")) || null;
+    }
+    constructor() {
+      super(), this._disabledFromGroup = !1, this._handleButtonClick = async (t) => {
+        await g(t) || this.closest("form");
+      }, c || (this.setupBaseEventHandlers(), this.addEventListener("click", this._handleButtonClick), new d(this, {
+        config: S,
+        callback: (t) => {
+          for (const s of t)
+            s.attributeName === "data-group-disabled" && (this._disabledFromGroup = this.hasAttribute("data-group-disabled"), this._updateAriaDisabled());
+        }
+      }));
+    }
+    isDisabledExternally() {
+      return this._disabledFromGroup ?? !1;
+    }
+    renderTemplate() {
+      return super.renderIconSlot();
+    }
+    connectedCallback() {
+      super.connectedCallback(), this.id || (this.id = `sbb-autocomplete-grid-button-${++_}`);
+      const t = this.closest("sbb-autocomplete-grid-optgroup");
+      t && (this._disabledFromGroup = t.disabled, this._updateAriaDisabled());
+    }
+    willUpdate(t) {
+      super.willUpdate(t), t.has("disabled") && this._updateAriaDisabled();
+    }
+    _updateAriaDisabled() {
+      this.disabled || this._disabledFromGroup ? this.setAttribute("aria-disabled", "true") : this.removeAttribute("aria-disabled");
+    }
+  }, o = r, (() => {
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
+    n(null, b = { value: o }, i, { kind: "class", name: o.name, metadata: t }, null, a), o = b.value, t && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), r.styles = y, l(o, a), o;
+})();
 export {
-  n as SbbAutocompleteGridButtonElement
+  T as SbbAutocompleteGridButtonElement
 };

package/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete-grid-cell.d.ts","sourceRoot":"","sources":["../../../../src/elements/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAOjF;;;;GAIG;AACH,qBAIa,8BAA+B,SAAQ,UAAU;IAC5D,OAAuB,MAAM,EAAE,cAAc,CAAS;cAEnC,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,4BAA4B,EAAE,8BAA8B,CAAC;KAC9D;CACF"}
+{"version":3,"file":"autocomplete-grid-cell.d.ts","sourceRoot":"","sources":["../../../../src/elements/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAOjF;;;;GAIG;AACH,qBAKM,8BAA+B,SAAQ,UAAU;IACrD,OAAuB,MAAM,EAAE,cAAc,CAAS;cAEnC,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,4BAA4B,EAAE,8BAA8B,CAAC;KAC9D;CACF"}

package/autocomplete-grid/autocomplete-grid-cell.js

@@ -1,28 +1,26 @@
-import { css as c, LitElement as i, html as m } from "lit";
-import { customElement as a } from "lit/decorators.js";
-import { hostAttributes as n } from "../core/decorators.js";
-const f = c`*,:before,:after{box-sizing:border-box}:host{display:block}.sbb-autocomplete-grid-cell{display:flex;column-gap:var(--sbb-spacing-fixed-6x)}`;
-var u = Object.defineProperty, d = Object.getOwnPropertyDescriptor, g = (b, l, r, t) => {
-  for (var e = t > 1 ? void 0 : t ? d(l, r) : l, s = b.length - 1, o; s >= 0; s--)
-    (o = b[s]) && (e = (t ? o(l, r, e) : o(e)) || e);
-  return t && e && u(l, r, e), e;
-};
-let p = class extends i {
-  render() {
-    return m`
+import { __esDecorate as i, __runInitializers as c } from "tslib";
+import { css as m, html as n, LitElement as b } from "lit";
+import { customElement as u } from "lit/decorators.js";
+import { hostAttributes as d } from "../core/decorators.js";
+const p = m`*,:before,:after{box-sizing:border-box}:host{display:block}.sbb-autocomplete-grid-cell{display:flex;column-gap:var(--sbb-spacing-fixed-6x)}`;
+let x = (() => {
+  var t;
+  let o = [u("sbb-autocomplete-grid-cell"), d({
+    role: "gridcell"
+  })], a, s = [], e, r = b;
+  return t = class extends r {
+    render() {
+      return n`
       <span class="sbb-autocomplete-grid-cell">
         <slot></slot>
       </span>
     `;
-  }
-};
-p.styles = f;
-p = g([
-  a("sbb-autocomplete-grid-cell"),
-  n({
-    role: "gridcell"
-  })
-], p);
+    }
+  }, e = t, (() => {
+    const l = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
+    i(null, a = { value: e }, o, { kind: "class", name: e.name, metadata: l }, null, s), e = a.value, l && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: l });
+  })(), t.styles = p, c(e, s), e;
+})();
 export {
-  p as SbbAutocompleteGridCellElement
+  x as SbbAutocompleteGridCellElement
 };

package/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete-grid-optgroup.d.ts","sourceRoot":"","sources":["../../../../src/elements/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,gCAAgC,CAAC;AACvF,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAE1E;;;;GAIG;AACH,qBACa,kCAAmC,SAAQ,sBAAsB;IAC5E,SAAS,KAAK,OAAO,IAAI,gCAAgC,EAAE,CAI1D;IAED,SAAS,CAAC,qBAAqB,IAAI,0BAA0B,GAAG,IAAI;IAIpE,SAAS,CAAC,sBAAsB,IAAI,IAAI;cAKrB,sBAAsB,IAAI,IAAI;CASlD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gCAAgC,EAAE,kCAAkC,CAAC;KACtE;CACF"}
+{"version":3,"file":"autocomplete-grid-optgroup.d.ts","sourceRoot":"","sources":["../../../../src/elements/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,gCAAgC,CAAC;AACvF,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAE1E;;;;GAIG;AACH,qBAEM,kCAAmC,SAAQ,sBAAsB;IACrE,SAAS,KAAK,OAAO,IAAI,gCAAgC,EAAE,CAI1D;IAED,SAAS,CAAC,qBAAqB,IAAI,0BAA0B,GAAG,IAAI;IAIpE,SAAS,CAAC,sBAAsB,IAAI,IAAI;cAKrB,sBAAsB,IAAI,IAAI;CASlD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gCAAgC,EAAE,kCAAkC,CAAC;KACtE;CACF"}

package/autocomplete-grid/autocomplete-grid-optgroup.js

@@ -1,37 +1,33 @@
-import { customElement as b } from "lit/decorators.js";
-import { SbbOptgroupBaseElement as u } from "../option/optgroup.js";
-var a = Object.defineProperty, n = Object.getOwnPropertyDescriptor, g = (t, e, r, s) => {
-  for (var o = s > 1 ? void 0 : s ? n(e, r) : e, i = t.length - 1, l; i >= 0; i--)
-    (l = t[i]) && (o = (s ? l(e, r, o) : l(o)) || o);
-  return s && o && a(e, r, o), o;
-};
-let p = class extends u {
-  get options() {
-    var t;
-    return Array.from(
-      ((t = this.querySelectorAll) == null ? void 0 : t.call(this, "sbb-autocomplete-grid-option")) ?? []
-    );
-  }
-  getAutocompleteParent() {
-    var t;
-    return ((t = this.closest) == null ? void 0 : t.call(this, "sbb-autocomplete-grid")) || null;
-  }
-  setAttributeFromParent() {
-    this.negative = !!this.closest(":is(sbb-autocomplete-grid, sbb-form-field)[negative]"), this.toggleAttribute("data-negative", this.negative);
-  }
-  proxyDisabledToOptions() {
-    var e;
-    super.proxyDisabledToOptions();
-    const t = Array.from(
-      ((e = this.querySelectorAll) == null ? void 0 : e.call(this, "sbb-autocomplete-grid-button")) ?? []
-    );
-    for (const r of t)
-      r.toggleAttribute("data-group-disabled", this.disabled);
-  }
-};
-p = g([
-  b("sbb-autocomplete-grid-optgroup")
-], p);
+import { __esDecorate as n, __runInitializers as b } from "tslib";
+import { customElement as m } from "lit/decorators.js";
+import { SbbOptgroupBaseElement as c } from "../option/optgroup.js";
+let f = (() => {
+  var o;
+  let i = [m("sbb-autocomplete-grid-optgroup")], r, a = [], e, l = c;
+  return o = class extends l {
+    get options() {
+      var t;
+      return Array.from(((t = this.querySelectorAll) == null ? void 0 : t.call(this, "sbb-autocomplete-grid-option")) ?? []);
+    }
+    getAutocompleteParent() {
+      var t;
+      return ((t = this.closest) == null ? void 0 : t.call(this, "sbb-autocomplete-grid")) || null;
+    }
+    setAttributeFromParent() {
+      this.negative = !!this.closest(":is(sbb-autocomplete-grid, sbb-form-field)[negative]"), this.toggleAttribute("data-negative", this.negative);
+    }
+    proxyDisabledToOptions() {
+      var s;
+      super.proxyDisabledToOptions();
+      const t = Array.from(((s = this.querySelectorAll) == null ? void 0 : s.call(this, "sbb-autocomplete-grid-button")) ?? []);
+      for (const u of t)
+        u.toggleAttribute("data-group-disabled", this.disabled);
+    }
+  }, e = o, (() => {
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
+    n(null, r = { value: e }, i, { kind: "class", name: e.name, metadata: t }, null, a), e = r.value, t && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t }), b(e, a);
+  })(), e;
+})();
 export {
-  p as SbbAutocompleteGridOptgroupElement
+  f as SbbAutocompleteGridOptgroupElement
 };

package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete-grid-option.d.ts","sourceRoot":"","sources":["../../../../src/elements/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1D,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAIvD,eAAO,MAAM,wBAAwB,EAAE,MAAuC,CAAC;AAE/E;;;;;;;;;GASG;AACH,qBAIa,gCAAiC,SAAQ,oBAAoB;IACxE,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;MAGlB;IAEX,SAAS,CAAC,QAAQ,SAA4B;IAE9C,sDAAsD;IACtD,SAAS,CAAC,eAAe,EAAE,YAAY,CAGrC;IAEF,iDAAiD;IACjD,SAAS,CAAC,cAAc,EAAE,YAAY,CAGpC;cAEiB,wBAAwB,CAAC,aAAa,EAAE,cAAc,EAAE,GAAG,IAAI;IAQlE,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAWzE,SAAS,CAAC,sBAAsB,IAAI,IAAI;IAexC,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;CAQjD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,8BAA8B,EAAE,gCAAgC,CAAC;KAClE;IAED,UAAU,2BAA2B;QACnC,iCAAiC,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;KACtD;CACF"}
+{"version":3,"file":"autocomplete-grid-option.d.ts","sourceRoot":"","sources":["../../../../src/elements/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1D,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAIvD,eAAO,MAAM,wBAAwB,EAAE,MAAuC,CAAC;AAE/E;;;;;;;;;GASG;AACH,qBAKM,gCAAiC,SAAQ,oBAAoB;IACjE,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;MAGlB;IAEX,SAAS,CAAC,QAAQ,SAA4B;IAE9C,sDAAsD;IACtD,SAAS,CAAC,eAAe,EAAE,YAAY,CAGrC;IAEF,iDAAiD;IACjD,SAAS,CAAC,cAAc,EAAE,YAAY,CAGpC;cAEiB,wBAAwB,CAAC,aAAa,EAAE,cAAc,EAAE,GAAG,IAAI;IAQlE,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAWzE,SAAS,CAAC,sBAAsB,IAAI,IAAI;IAexC,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;CAQjD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,8BAA8B,EAAE,gCAAgC,CAAC;KAClE;IAED,UAAU,2BAA2B;QACnC,iCAAiC,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;KACtD;CACF"}

package/autocomplete-grid/autocomplete-grid-option.js

@@ -1,67 +1,49 @@
-import { customElement as l } from "lit/decorators.js";
-import { hostAttributes as d } from "../core/decorators.js";
+import { __esDecorate as c, __runInitializers as p } from "tslib";
+import { customElement as u } from "lit/decorators.js";
+import { hostAttributes as h } from "../core/decorators.js";
 import { EventEmitter as r } from "../core/eventing.js";
-import { SbbOptionBaseElement as p } from "../option.js";
-import { css as c } from "lit";
-const h = c`*,:before,:after{box-sizing:border-box}:host{--sbb-option-color: var(--sbb-color-charcoal);--sbb-option-column-gap: var(--sbb-spacing-responsive-xxxs);--sbb-option-icon-color: var(--sbb-color-metal);--sbb-option-border-radius: var(--sbb-border-radius-4x);--sbb-option-padding-inline: var(--sbb-spacing-responsive-xxxs);--sbb-option-padding-block: calc(var(--sbb-spacing-fixed-2x) + var(--sbb-border-width-2x));display:block}:host([data-active]){--sbb-focus-outline-offset: calc(-1 * var(--sbb-spacing-fixed-1x))}:host([data-negative]){--sbb-option-color: var(--sbb-color-milk);--sbb-option-icon-color: var(--sbb-color-smoke)}:host(:not([data-disable-highlight])) .sbb-option__label slot{display:none}.sbb-option{--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;column-gap:var(--sbb-option-column-gap);justify-content:start;padding-block:var(--sbb-option-padding-block);padding-inline:var(--sbb-option-padding-inline);color:var(--sbb-option-color)}:host([data-active]) .sbb-option{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);border-radius:var(--sbb-option-border-radius)}:host(:not(:is([disabled],[data-group-disabled]))) .sbb-option__label--highlight{font-weight:700}@media (forced-colors: active){:host(:not(:is([disabled],[data-group-disabled]))) .sbb-option__label--highlight{color:Highlight}}.sbb-option__icon{display:flex;min-width:var(--sbb-size-icon-ui-small);min-height:var(--sbb-size-icon-ui-small);color:var(--sbb-option-icon-color)}:host(:not([data-slot-names~=icon],[icon-name])) .sbb-option__icon{display:var(--sbb-option-icon-container-display, none)}`;
-var g = Object.defineProperty, u = Object.getOwnPropertyDescriptor, m = (o, t, e, b) => {
-  for (var i = b > 1 ? void 0 : b ? u(t, e) : t, a = o.length - 1, n; a >= 0; a--)
-    (n = o[a]) && (i = (b ? n(t, e, i) : n(i)) || i);
-  return b && i && g(t, e, i), i;
-};
-const v = "sbb-autocomplete-grid-option";
-let s = class extends p {
-  constructor() {
-    super(...arguments), this.optionId = v, this.selectionChange = new r(
-      this,
-      s.events.selectionChange
-    ), this.optionSelected = new r(
-      this,
-      s.events.optionSelected
-    );
-  }
-  onOptionAttributesChange(o) {
-    var t, e;
-    super.onOptionAttributesChange(o), (e = (t = this.closest) == null ? void 0 : t.call(this, "sbb-autocomplete-grid-row")) == null || e.toggleAttribute(
-      "data-disabled",
-      this.disabled || this.disabledFromGroup
-    );
-  }
-  willUpdate(o) {
-    var t, e;
-    super.willUpdate(o), o.has("disabled") && ((e = (t = this.closest) == null ? void 0 : t.call(this, "sbb-autocomplete-grid-row")) == null || e.toggleAttribute(
-      "data-disabled",
-      this.disabled || this.disabledFromGroup
-    ), this.updateAriaDisabled());
-  }
-  setAttributeFromParent() {
-    var t;
-    const o = this.closest("sbb-autocomplete-grid-optgroup");
-    o && (this.disabledFromGroup = o.disabled, this.updateAriaDisabled()), (t = this.closest("sbb-autocomplete-grid-row")) == null || t.toggleAttribute(
-      "data-disabled",
-      this.disabled || this.disabledFromGroup
-    ), this.negative = !!this.closest(":is(sbb-autocomplete-grid[negative],sbb-form-field[negative])"), this.toggleAttribute("data-negative", this.negative);
-  }
-  selectByClick(o) {
-    if (this.disabled || this.disabledFromGroup) {
-      o.stopPropagation();
-      return;
-    }
-    this.setSelectedViaUserInteraction(!0);
-  }
-};
-s.styles = h;
-s.events = {
-  selectionChange: "autocompleteOptionSelectionChange",
-  optionSelected: "autocompleteOptionSelected"
-};
-s = m([
-  l("sbb-autocomplete-grid-option"),
-  d({
+import { SbbOptionBaseElement as m } from "../option.js";
+import { css as g } from "lit";
+const v = g`*,:before,:after{box-sizing:border-box}:host{--sbb-option-color: var(--sbb-color-charcoal);--sbb-option-column-gap: var(--sbb-spacing-responsive-xxxs);--sbb-option-icon-color: var(--sbb-color-metal);--sbb-option-border-radius: var(--sbb-border-radius-4x);--sbb-option-padding-inline: var(--sbb-spacing-responsive-xxxs);--sbb-option-padding-block: calc(var(--sbb-spacing-fixed-2x) + var(--sbb-border-width-2x));display:block}:host([data-active]){--sbb-focus-outline-offset: calc(-1 * var(--sbb-spacing-fixed-1x))}:host([data-negative]){--sbb-option-color: var(--sbb-color-milk);--sbb-option-icon-color: var(--sbb-color-smoke)}:host(:not([data-disable-highlight])) .sbb-option__label slot{display:none}.sbb-option{--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;column-gap:var(--sbb-option-column-gap);justify-content:start;padding-block:var(--sbb-option-padding-block);padding-inline:var(--sbb-option-padding-inline);color:var(--sbb-option-color)}:host([data-active]) .sbb-option{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);border-radius:var(--sbb-option-border-radius)}:host(:not(:is([disabled],[data-group-disabled]))) .sbb-option__label--highlight{font-weight:700}@media (forced-colors: active){:host(:not(:is([disabled],[data-group-disabled]))) .sbb-option__label--highlight{color:Highlight}}.sbb-option__icon{display:flex;min-width:var(--sbb-size-icon-ui-small);min-height:var(--sbb-size-icon-ui-small);color:var(--sbb-option-icon-color)}:host(:not([data-slot-names~=icon],[icon-name])) .sbb-option__icon{display:var(--sbb-option-icon-container-display, none)}`, f = "sbb-autocomplete-grid-option";
+let O = (() => {
+  var o;
+  let d = [u("sbb-autocomplete-grid-option"), h({
     role: "gridcell"
-  })
-], s);
+  })], b, l = [], i, n = m;
+  var a = (o = class extends n {
+    constructor() {
+      super(...arguments), this.optionId = f, this.selectionChange = new r(this, a.events.selectionChange), this.optionSelected = new r(this, a.events.optionSelected);
+    }
+    onOptionAttributesChange(t) {
+      var e, s;
+      super.onOptionAttributesChange(t), (s = (e = this.closest) == null ? void 0 : e.call(this, "sbb-autocomplete-grid-row")) == null || s.toggleAttribute("data-disabled", this.disabled || this.disabledFromGroup);
+    }
+    willUpdate(t) {
+      var e, s;
+      super.willUpdate(t), t.has("disabled") && ((s = (e = this.closest) == null ? void 0 : e.call(this, "sbb-autocomplete-grid-row")) == null || s.toggleAttribute("data-disabled", this.disabled || this.disabledFromGroup), this.updateAriaDisabled());
+    }
+    setAttributeFromParent() {
+      var e;
+      const t = this.closest("sbb-autocomplete-grid-optgroup");
+      t && (this.disabledFromGroup = t.disabled, this.updateAriaDisabled()), (e = this.closest("sbb-autocomplete-grid-row")) == null || e.toggleAttribute("data-disabled", this.disabled || this.disabledFromGroup), this.negative = !!this.closest(":is(sbb-autocomplete-grid[negative],sbb-form-field[negative])"), this.toggleAttribute("data-negative", this.negative);
+    }
+    selectByClick(t) {
+      if (this.disabled || this.disabledFromGroup) {
+        t.stopPropagation();
+        return;
+      }
+      this.setSelectedViaUserInteraction(!0);
+    }
+  }, i = o, (() => {
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
+    c(null, b = { value: i }, d, { kind: "class", name: i.name, metadata: t }, null, l), a = i = b.value, t && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), o.styles = v, o.events = {
+    selectionChange: "autocompleteOptionSelectionChange",
+    optionSelected: "autocompleteOptionSelected"
+  }, p(i, l), o);
+  return a = i;
+})();
 export {
-  s as SbbAutocompleteGridOptionElement,
-  v as autocompleteGridOptionId
+  O as SbbAutocompleteGridOptionElement,
+  f as autocompleteGridOptionId
 };

package/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete-grid-row.d.ts","sourceRoot":"","sources":["../../../../src/elements/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AASjF;;;;GAIG;AACH,qBAIa,6BAA8B,SAAQ,UAAU;IAC3D,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtC,iBAAiB,IAAI,IAAI;cAKtB,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,2BAA2B,EAAE,6BAA6B,CAAC;KAC5D;CACF"}
+{"version":3,"file":"autocomplete-grid-row.d.ts","sourceRoot":"","sources":["../../../../src/elements/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AASjF;;;;GAIG;AACH,qBAKM,6BAA8B,SAAQ,UAAU;IACpD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtC,iBAAiB,IAAI,IAAI;cAKtB,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,2BAA2B,EAAE,6BAA6B,CAAC;KAC5D;CACF"}

package/autocomplete-grid/autocomplete-grid-row.js

@@ -1,31 +1,29 @@
-import { css as s, LitElement as d, html as i } from "lit";
-import { customElement as u } from "lit/decorators.js";
-import { hostAttributes as n } from "../core/decorators.js";
-const p = s`*,:before,:after{box-sizing:border-box}:host{--sbb-autocomplete-grid-row-color: var(--sbb-color-charcoal);--sbb-autocomplete-grid-row-background-color: inherit;--sbb-autocomplete-grid-row-background-color-hover: var(--sbb-color-milk);--sbb-autocomplete-grid-row-background-color-active: var(--sbb-color-cloud);--sbb-autocomplete-grid-row-disabled-border-color: var(--sbb-color-graphite);--sbb-autocomplete-grid-row-disabled-background-color: var(--sbb-color-milk);--sbb-autocomplete-grid-row-padding-inline-end: var(--sbb-spacing-responsive-xxxs);--sbb-autocomplete-grid-row-justify-content: space-between;--sbb-autocomplete-grid-row-min-height: var(--sbb-size-button-m-min-height);--sbb-autocomplete-grid-row-cursor: pointer;--sbb-autocomplete-grid-row-border-radius: var(--sbb-border-radius-4x);--sbb-autocomplete-grid-row-icon-color: var(--sbb-color-metal);display:block}:host([data-negative]){--sbb-autocomplete-grid-row-color: var(--sbb-color-milk);--sbb-autocomplete-grid-row-icon-color: var(--sbb-color-smoke);--sbb-autocomplete-grid-row-background-color-hover: var(--sbb-color-charcoal);--sbb-autocomplete-grid-row-background-color-active: var(--sbb-color-iron);--sbb-autocomplete-grid-row-disabled-border-color: var(--sbb-color-smoke);--sbb-autocomplete-grid-row-disabled-background-color: var(--sbb-color-charcoal);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}@media (any-hover: hover){:host(:hover:not([data-disabled])){--sbb-autocomplete-grid-row-background-color: var( --sbb-autocomplete-grid-row-background-color-hover )}}:host([data-disabled]){--sbb-autocomplete-grid-row-cursor: default}@media (forced-colors: active){:host([data-disabled]){--sbb-autocomplete-grid-row-color: GrayText}}::slotted(sbb-autocomplete-grid-option){flex:1 1 auto;margin-right:calc(-1 * var(--sbb-spacing-fixed-2x))}.sbb-autocomplete-grid-row{display:flex;align-items:center;padding-inline-end:var(--sbb-autocomplete-grid-row-padding-inline-end);justify-content:var(--sbb-autocomplete-grid-row-justify-content);gap:var(--sbb-spacing-fixed-6x);color:var(--sbb-autocomplete-grid-row-color);background-color:var(--sbb-autocomplete-grid-row-background-color);cursor:var(--sbb-autocomplete-grid-row-cursor);-webkit-tap-highlight-color:transparent;-webkit-text-fill-color:var(--sbb-autocomplete-grid-row-color)}:host([data-disabled]) .sbb-autocomplete-grid-row{position:relative;z-index:0}:host([data-disabled]) .sbb-autocomplete-grid-row:before{content:"";display:block;position:absolute;top:.375rem;right:.375rem;bottom:.375rem;left:.375rem;border:var(--sbb-border-width-1x) dashed var(--sbb-autocomplete-grid-row-disabled-border-color);border-radius:var(--sbb-border-radius-2x);background-color:var(--sbb-autocomplete-grid-row-disabled-background-color);z-index:-1}@media (forced-colors: active){:host([data-disabled]) .sbb-autocomplete-grid-row:before{border-color:GrayText}}`;
-var m = Object.defineProperty, g = Object.getOwnPropertyDescriptor, v = (c, r, t, e) => {
-  for (var o = e > 1 ? void 0 : e ? g(r, t) : r, b = c.length - 1, a; b >= 0; b--)
-    (a = c[b]) && (o = (e ? a(r, t, o) : a(o)) || o);
-  return e && o && m(r, t, o), o;
-};
-let w = 0, l = class extends d {
-  connectedCallback() {
-    super.connectedCallback(), this.id || (this.id = `sbb-autocomplete-grid-row-${++w}`);
-  }
-  render() {
-    return i`
+import { __esDecorate as c, __runInitializers as s } from "tslib";
+import { css as i, html as d, LitElement as u } from "lit";
+import { customElement as n } from "lit/decorators.js";
+import { hostAttributes as m } from "../core/decorators.js";
+const p = i`*,:before,:after{box-sizing:border-box}:host{--sbb-autocomplete-grid-row-color: var(--sbb-color-charcoal);--sbb-autocomplete-grid-row-background-color: inherit;--sbb-autocomplete-grid-row-background-color-hover: var(--sbb-color-milk);--sbb-autocomplete-grid-row-background-color-active: var(--sbb-color-cloud);--sbb-autocomplete-grid-row-disabled-border-color: var(--sbb-color-graphite);--sbb-autocomplete-grid-row-disabled-background-color: var(--sbb-color-milk);--sbb-autocomplete-grid-row-padding-inline-end: var(--sbb-spacing-responsive-xxxs);--sbb-autocomplete-grid-row-justify-content: space-between;--sbb-autocomplete-grid-row-min-height: var(--sbb-size-button-m-min-height);--sbb-autocomplete-grid-row-cursor: pointer;--sbb-autocomplete-grid-row-border-radius: var(--sbb-border-radius-4x);--sbb-autocomplete-grid-row-icon-color: var(--sbb-color-metal);display:block}:host([data-negative]){--sbb-autocomplete-grid-row-color: var(--sbb-color-milk);--sbb-autocomplete-grid-row-icon-color: var(--sbb-color-smoke);--sbb-autocomplete-grid-row-background-color-hover: var(--sbb-color-charcoal);--sbb-autocomplete-grid-row-background-color-active: var(--sbb-color-iron);--sbb-autocomplete-grid-row-disabled-border-color: var(--sbb-color-smoke);--sbb-autocomplete-grid-row-disabled-background-color: var(--sbb-color-charcoal);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}@media (any-hover: hover){:host(:hover:not([data-disabled])){--sbb-autocomplete-grid-row-background-color: var( --sbb-autocomplete-grid-row-background-color-hover )}}:host([data-disabled]){--sbb-autocomplete-grid-row-cursor: default}@media (forced-colors: active){:host([data-disabled]){--sbb-autocomplete-grid-row-color: GrayText}}::slotted(sbb-autocomplete-grid-option){flex:1 1 auto;margin-right:calc(-1 * var(--sbb-spacing-fixed-2x))}.sbb-autocomplete-grid-row{display:flex;align-items:center;padding-inline-end:var(--sbb-autocomplete-grid-row-padding-inline-end);justify-content:var(--sbb-autocomplete-grid-row-justify-content);gap:var(--sbb-spacing-fixed-6x);color:var(--sbb-autocomplete-grid-row-color);background-color:var(--sbb-autocomplete-grid-row-background-color);cursor:var(--sbb-autocomplete-grid-row-cursor);-webkit-tap-highlight-color:transparent;-webkit-text-fill-color:var(--sbb-autocomplete-grid-row-color)}:host([data-disabled]) .sbb-autocomplete-grid-row{position:relative;z-index:0}:host([data-disabled]) .sbb-autocomplete-grid-row:before{content:"";display:block;position:absolute;top:.375rem;right:.375rem;bottom:.375rem;left:.375rem;border:var(--sbb-border-width-1x) dashed var(--sbb-autocomplete-grid-row-disabled-border-color);border-radius:var(--sbb-border-radius-2x);background-color:var(--sbb-autocomplete-grid-row-disabled-background-color);z-index:-1}@media (forced-colors: active){:host([data-disabled]) .sbb-autocomplete-grid-row:before{border-color:GrayText}}`;
+let g = 0, k = (() => {
+  var r;
+  let l = [n("sbb-autocomplete-grid-row"), m({
+    role: "row"
+  })], t, a = [], o, b = u;
+  return r = class extends b {
+    connectedCallback() {
+      super.connectedCallback(), this.id || (this.id = `sbb-autocomplete-grid-row-${++g}`);
+    }
+    render() {
+      return d`
       <span class="sbb-autocomplete-grid-row">
         <slot></slot>
       </span>
     `;
-  }
-};
-l.styles = p;
-l = v([
-  u("sbb-autocomplete-grid-row"),
-  n({
-    role: "row"
-  })
-], l);
+    }
+  }, o = r, (() => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(b[Symbol.metadata] ?? null) : void 0;
+    c(null, t = { value: o }, l, { kind: "class", name: o.name, metadata: e }, null, a), o = t.value, e && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), r.styles = p, s(o, a), o;
+})();
 export {
-  l as SbbAutocompleteGridRowElement
+  k as SbbAutocompleteGridRowElement
 };