@sbb-esta/lyne-elements 2.6.0 → 2.7.0

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

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

package/autocomplete-grid/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.ts"],"names":[],"mappings":"AAAA,cAAc,oDAAoD,CAAC"}
+{"version":3,"file":"autocomplete-grid-cell.d.ts","sourceRoot":"","sources":["../../../src/elements/autocomplete-grid/autocomplete-grid-cell.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,oDAAoD,CAAC"}

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

@@ -1,26 +1,4 @@
-import { __esDecorate as i, __runInitializers as c } from "tslib";
-import { css as m, LitElement as n, html 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 = n;
-  return t = class extends r {
-    render() {
-      return b`
-      <span class="sbb-autocomplete-grid-cell">
-        <slot></slot>
-      </span>
-    `;
-    }
-  }, 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;
-})();
+import { SbbAutocompleteGridCellElement as o } from "./autocomplete-grid-cell/autocomplete-grid-cell.js";
 export {
-  x as SbbAutocompleteGridCellElement
+  o as SbbAutocompleteGridCellElement
 };

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

@@ -0,0 +1,33 @@
+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 {
+  f as SbbAutocompleteGridOptgroupElement
+};

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

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

package/autocomplete-grid/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.ts"],"names":[],"mappings":"AAAA,cAAc,4DAA4D,CAAC"}
+{"version":3,"file":"autocomplete-grid-optgroup.d.ts","sourceRoot":"","sources":["../../../src/elements/autocomplete-grid/autocomplete-grid-optgroup.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,4DAA4D,CAAC"}

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

@@ -1,33 +1,4 @@
-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;
-})();
+import { SbbAutocompleteGridOptgroupElement as t } from "./autocomplete-grid-optgroup/autocomplete-grid-optgroup.js";
 export {
-  f as SbbAutocompleteGridOptgroupElement
+  t as SbbAutocompleteGridOptgroupElement
 };

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

@@ -0,0 +1,49 @@
+import { __esDecorate as c, __runInitializers as p } from "tslib";
+import { customElement as u } from "lit/decorators.js";
+import { hostAttributes as m } from "../../core/decorators.js";
+import { EventEmitter as r } from "../../core/eventing.js";
+import { SbbOptionBaseElement as h } 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) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);--sbb-focus-outline-style: initial;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 z = (() => {
+  var o;
+  let d = [u("sbb-autocomplete-grid-option"), m({
+    role: "gridcell"
+  })], l, b = [], i, n = h;
+  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);
+    }
+    onExternalMutation(t) {
+      var e, s;
+      super.onExternalMutation(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, l = { value: i }, d, { kind: "class", name: i.name, metadata: t }, null, b), a = i = l.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, b), o);
+  return a = i;
+})();
+export {
+  z as SbbAutocompleteGridOptionElement,
+  f as autocompleteGridOptionId
+};

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

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

package/autocomplete-grid/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.ts"],"names":[],"mappings":"AAAA,cAAc,wDAAwD,CAAC"}
+{"version":3,"file":"autocomplete-grid-option.d.ts","sourceRoot":"","sources":["../../../src/elements/autocomplete-grid/autocomplete-grid-option.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,wDAAwD,CAAC"}

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

@@ -1,49 +1,5 @@
-import { __esDecorate as c, __runInitializers as p } from "tslib";
-import { customElement as u } from "lit/decorators.js";
-import { hostAttributes as m } from "../core/decorators.js";
-import { EventEmitter as r } from "../core/eventing.js";
-import { SbbOptionBaseElement as h } 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 z = (() => {
-  var o;
-  let d = [u("sbb-autocomplete-grid-option"), m({
-    role: "gridcell"
-  })], l, b = [], i, n = h;
-  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);
-    }
-    onExternalMutation(t) {
-      var e, s;
-      super.onExternalMutation(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, l = { value: i }, d, { kind: "class", name: i.name, metadata: t }, null, b), a = i = l.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, b), o);
-  return a = i;
-})();
+import { SbbAutocompleteGridOptionElement as e, autocompleteGridOptionId as p } from "./autocomplete-grid-option/autocomplete-grid-option.js";
 export {
-  z as SbbAutocompleteGridOptionElement,
-  f as autocompleteGridOptionId
+  e as SbbAutocompleteGridOptionElement,
+  p as autocompleteGridOptionId
 };

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

@@ -0,0 +1,29 @@
+import { __esDecorate as c, __runInitializers as s } from "tslib";
+import { css as i, LitElement as d, html 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 = d;
+  return r = class extends b {
+    connectedCallback() {
+      super.connectedCallback(), this.id || (this.id = `sbb-autocomplete-grid-row-${++g}`);
+    }
+    render() {
+      return u`
+      <span class="sbb-autocomplete-grid-row">
+        <slot></slot>
+      </span>
+    `;
+    }
+  }, 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 {
+  k as SbbAutocompleteGridRowElement
+};

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

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

package/autocomplete-grid/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.ts"],"names":[],"mappings":"AAAA,cAAc,kDAAkD,CAAC"}
+{"version":3,"file":"autocomplete-grid-row.d.ts","sourceRoot":"","sources":["../../../src/elements/autocomplete-grid/autocomplete-grid-row.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kDAAkD,CAAC"}

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

@@ -1,29 +1,4 @@
-import { __esDecorate as c, __runInitializers as s } from "tslib";
-import { css as i, LitElement as d, html 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 = d;
-  return r = class extends b {
-    connectedCallback() {
-      super.connectedCallback(), this.id || (this.id = `sbb-autocomplete-grid-row-${++g}`);
-    }
-    render() {
-      return u`
-      <span class="sbb-autocomplete-grid-row">
-        <slot></slot>
-      </span>
-    `;
-    }
-  }, 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;
-})();
+import { SbbAutocompleteGridRowElement as t } from "./autocomplete-grid-row/autocomplete-grid-row.js";
 export {
-  k as SbbAutocompleteGridRowElement
+  t as SbbAutocompleteGridRowElement
 };

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

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

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

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

package/autocomplete-grid/autocomplete-grid.js

@@ -1,109 +1,4 @@
-import { __esDecorate as v, __runInitializers as f } from "tslib";
-import { customElement as g } from "lit/decorators.js";
-import { SbbAutocompleteBaseElement as A } from "../autocomplete.js";
-import { getNextElementIndex as m } from "../core/a11y.js";
-import { hostAttributes as I } from "../core/decorators.js";
-import { isSafari as _ } from "../core/dom.js";
-import { setAriaComboBoxAttributes as x } from "../core/overlay.js";
-import { SbbAutocompleteGridOptionElement as b } from "./autocomplete-grid-option.js";
-let y = 0;
-const h = _;
-let D = (() => {
-  var a;
-  let p = [g("sbb-autocomplete-grid"), I({
-    role: h ? "grid" : null
-  })], n, c = [], r, d = A;
-  return a = class extends d {
-    get options() {
-      var t;
-      return Array.from(((t = this.querySelectorAll) == null ? void 0 : t.call(this, "sbb-autocomplete-grid-option")) ?? []);
-    }
-    get _row() {
-      var t;
-      return Array.from((t = this.querySelectorAll) == null ? void 0 : t.call(this, "sbb-autocomplete-grid-row")).filter((e) => !e.hasAttribute("data-disabled")) ?? [];
-    }
-    constructor() {
-      var t;
-      super(), this.overlayId = `sbb-autocomplete-grid-${++y}`, this.panelRole = "grid", this._activeItemIndex = -1, this._activeColumnIndex = 0, (t = this.addEventListener) == null || t.call(this, "autocompleteOptionSelectionChange", (e) => this.onOptionSelected(e));
-    }
-    syncNegative() {
-      var t, e;
-      (t = this.querySelectorAll) == null || t.call(this, "sbb-divider, sbb-autocomplete-grid-button").forEach((i) => i.negative = this.negative), (e = this.querySelectorAll) == null || e.call(this, "sbb-autocomplete-grid-row, sbb-autocomplete-grid-option, sbb-autocomplete-grid-optgroup").forEach((i) => i.toggleAttribute("data-negative", this.negative));
-    }
-    openedPanelKeyboardInteraction(t) {
-      if (this.state === "opened")
-        switch (t.key) {
-          case "Tab":
-            this.close();
-            break;
-          case "Enter":
-            this.selectByKeyboard(t);
-            break;
-          case "ArrowDown":
-          case "ArrowUp":
-            this.setNextActiveOption(t);
-            break;
-          case "ArrowRight":
-          case "ArrowLeft":
-            this._setNextHorizontalActiveElement(t);
-            break;
-        }
-    }
-    /**
-     * Select an element on 'Enter' keypress.
-     *
-     * Due to keyboard navigation code, the `_activeColumnIndex` is zero when an option is 'focused'
-     * and greater than zero when a button is 'focused', so asking for `querySelectorAll(...)[this._activeColumnIndex]`
-     * would always return a `SbbAutocompleteGridButtonElement`.
-     */
-    selectByKeyboard(t) {
-      var e;
-      t.preventDefault(), this._activeColumnIndex !== 0 ? this._row[this._activeItemIndex].querySelectorAll("sbb-autocomplete-grid-option, sbb-autocomplete-grid-button")[this._activeColumnIndex].click() : (e = this.options[this._activeItemIndex]) == null || e.setSelectedViaUserInteraction(!0);
-    }
-    setNextActiveOption(t) {
-      var l;
-      const e = this.options.filter((o) => !o.disabled && !o.hasAttribute("data-group-disabled")), i = m(t, this._activeItemIndex, e.length);
-      if (isNaN(i))
-        return;
-      const s = e[i];
-      if (s.setActive(!0), (l = this.triggerElement) == null || l.setAttribute("aria-activedescendant", s.id), s.scrollIntoView({ block: "nearest" }), this._activeColumnIndex !== 0)
-        this._row[this._activeItemIndex].querySelectorAll("sbb-autocomplete-grid-button").forEach((o) => o.toggleAttribute("data-focus-visible", !1));
-      else {
-        const o = e[this._activeItemIndex];
-        o && o.setActive(!1);
-      }
-      this._activeItemIndex = i, this._activeColumnIndex = 0;
-    }
-    _setNextHorizontalActiveElement(t) {
-      var o;
-      if (this._activeItemIndex < 0)
-        return;
-      const e = Array.from(this._row[this._activeItemIndex].querySelectorAll("sbb-autocomplete-grid-option, sbb-autocomplete-grid-button")).filter((u) => !u.disabled && !u.hasAttribute("data-group-disabled")), i = m(t, this._activeColumnIndex, e.length);
-      if (isNaN(i))
-        return;
-      const s = e[i];
-      s instanceof b ? s.setActive(!0) : s.toggleAttribute("data-focus-visible", !0);
-      const l = e[this._activeColumnIndex];
-      l instanceof b ? l.setActive(!1) : l.toggleAttribute("data-focus-visible", !1), (o = this.triggerElement) == null || o.setAttribute("aria-activedescendant", s.id), s.scrollIntoView({ block: "nearest" }), this._activeColumnIndex = i;
-    }
-    resetActiveElement() {
-      var t;
-      if (this._activeColumnIndex !== 0)
-        this._row[this._activeItemIndex].querySelectorAll("sbb-autocomplete-grid-button").forEach((e) => e.toggleAttribute("data-focus-visible", !1));
-      else {
-        const e = this.options.filter((i) => !i.disabled && !i.hasAttribute("data-group-disabled"))[this._activeItemIndex];
-        e && e.setActive(!1);
-      }
-      this._activeItemIndex = -1, this._activeColumnIndex = 0, (t = this.triggerElement) == null || t.removeAttribute("aria-activedescendant");
-    }
-    setTriggerAttributes(t) {
-      x(t, h ? this.id : this.overlayId, !1, "grid");
-    }
-  }, r = a, (() => {
-    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
-    v(null, n = { value: r }, p, { kind: "class", name: r.name, metadata: t }, null, c), r = n.value, t && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t }), f(r, c);
-  })(), r;
-})();
+import { SbbAutocompleteGridElement as t } from "./autocomplete-grid/autocomplete-grid.js";
 export {
-  D as SbbAutocompleteGridElement
+  t as SbbAutocompleteGridElement
 };

package/autocomplete-grid.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @entrypoint
+ */
 export * from './autocomplete-grid/autocomplete-grid.js';
 export * from './autocomplete-grid/autocomplete-grid-button.js';
 export * from './autocomplete-grid/autocomplete-grid-cell.js';

package/autocomplete-grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete-grid.d.ts","sourceRoot":"","sources":["../../src/elements/autocomplete-grid.ts"],"names":[],"mappings":"AAAA,cAAc,0CAA0C,CAAC;AACzD,cAAc,iDAAiD,CAAC;AAChE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,mDAAmD,CAAC;AAClE,cAAc,iDAAiD,CAAC;AAChE,cAAc,8CAA8C,CAAC"}
+{"version":3,"file":"autocomplete-grid.d.ts","sourceRoot":"","sources":["../../src/elements/autocomplete-grid.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,0CAA0C,CAAC;AACzD,cAAc,iDAAiD,CAAC;AAChE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,mDAAmD,CAAC;AAClE,cAAc,iDAAiD,CAAC;AAChE,cAAc,8CAA8C,CAAC"}

package/autocomplete-grid.js

@@ -1,6 +1,15 @@
-export * from "./autocomplete-grid/autocomplete-grid.js";
-export * from "./autocomplete-grid/autocomplete-grid-button.js";
-export * from "./autocomplete-grid/autocomplete-grid-cell.js";
-export * from "./autocomplete-grid/autocomplete-grid-optgroup.js";
-export * from "./autocomplete-grid/autocomplete-grid-option.js";
-export * from "./autocomplete-grid/autocomplete-grid-row.js";
+import { SbbAutocompleteGridElement as t } from "./autocomplete-grid/autocomplete-grid/autocomplete-grid.js";
+import { SbbAutocompleteGridButtonElement as m } from "./autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.js";
+import { SbbAutocompleteGridCellElement as l } from "./autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.js";
+import { SbbAutocompleteGridOptgroupElement as i } from "./autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.js";
+import { SbbAutocompleteGridOptionElement as u, autocompleteGridOptionId as d } from "./autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.js";
+import { SbbAutocompleteGridRowElement as G } from "./autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.js";
+export {
+  m as SbbAutocompleteGridButtonElement,
+  l as SbbAutocompleteGridCellElement,
+  t as SbbAutocompleteGridElement,
+  i as SbbAutocompleteGridOptgroupElement,
+  u as SbbAutocompleteGridOptionElement,
+  G as SbbAutocompleteGridRowElement,
+  d as autocompleteGridOptionId
+};

package/autocomplete.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @entrypoint
+ */
 export * from './autocomplete/autocomplete.js';
 export * from './autocomplete/autocomplete-base-element.js';
 //# sourceMappingURL=autocomplete.d.ts.map

package/autocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../src/elements/autocomplete.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAC;AAC/C,cAAc,6CAA6C,CAAC"}
+{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../src/elements/autocomplete.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,gCAAgC,CAAC;AAC/C,cAAc,6CAA6C,CAAC"}