@sbb-esta/lyne-elements 4.0.0-next.2 → 4.0.0-next.3

package/toggle-check.d.ts

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

package/toggle.d.ts

@@ -1,6 +1,6 @@
 /**
  * @entrypoint
  */
-export * from './toggle/toggle.js';
-export * from './toggle/toggle-option.js';
+export * from './toggle/toggle.ts';
+export * from './toggle/toggle-option.ts';
 //# sourceMappingURL=toggle.d.ts.map

package/tooltip/tooltip.component.d.ts

@@ -1,12 +1,12 @@
 import { CSSResultGroup, TemplateResult, PropertyDeclaration, PropertyValues } from 'lit';
-import { SbbOpenCloseBaseElement } from '../core/base-elements.js';
+import { SbbOpenCloseBaseElement } from '../core/base-elements.ts';
 /**
  * Defines the default position for the tooltip if this element is used as a trigger.
  */
 export interface SbbTooltipDefaultPositions {
     readonly tooltipPositions: string[];
 }
-declare const SbbTooltipElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbDisabledMixinType> & typeof SbbOpenCloseBaseElement;
+declare const SbbTooltipElement_base: import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbDisabledMixinType> & typeof SbbOpenCloseBaseElement;
 /**
  * It displays text content within a tooltip.
  *

package/tooltip.d.ts

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

package/train/train/train.component.d.ts

@@ -1,9 +1,9 @@
 import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
-import { WithListChildren } from '../../core/mixins.js';
-import { SbbTitleLevel } from '../../title.js';
-import { SbbTrainBlockedPassageElement } from '../train-blocked-passage.js';
-import { SbbTrainWagonElement } from '../train-wagon.js';
-declare const SbbTrainElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNamedSlotListMixinType<SbbTrainBlockedPassageElement | SbbTrainWagonElement>> & typeof LitElement;
+import { WithListChildren } from '../../core/mixins.ts';
+import { SbbTitleLevel } from '../../title.ts';
+import { SbbTrainBlockedPassageElement } from '../train-blocked-passage.ts';
+import { SbbTrainWagonElement } from '../train-wagon.ts';
+declare const SbbTrainElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbNamedSlotListMixinType<SbbTrainBlockedPassageElement | SbbTrainWagonElement>> & typeof LitElement;
 /**
  * It can be used as a container for `sbb-train-wagon` or `sbb-train-blocked-passage` components.
  *

package/train/train-blocked-passage.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './train-blocked-passage/train-blocked-passage.component.js';
+export * from './train-blocked-passage/train-blocked-passage.component.ts';
 //# sourceMappingURL=train-blocked-passage.d.ts.map

package/train/train-formation/train-formation.component.d.ts

@@ -1,7 +1,7 @@
 import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
-import { WithListChildren } from '../../core/mixins.js';
-import { SbbTrainElement } from '../train.js';
-declare const SbbTrainFormationElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNamedSlotListMixinType<SbbTrainElement>> & typeof LitElement;
+import { WithListChildren } from '../../core/mixins.ts';
+import { SbbTrainElement } from '../train.ts';
+declare const SbbTrainFormationElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbNamedSlotListMixinType<SbbTrainElement>> & typeof LitElement;
 /**
  * It displays a train composition, acting as a container for one or more `sbb-train` component.
  *

package/train/train-formation.d.ts

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

package/train/train-wagon/train-wagon.component.d.ts

@@ -1,7 +1,7 @@
 import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
-import { SbbOccupancy } from '../../core/interfaces.js';
-import { SbbIconElement } from '../../icon.js';
-declare const SbbTrainWagonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNamedSlotListMixinType<SbbIconElement>> & typeof LitElement;
+import { SbbOccupancy } from '../../core/interfaces.ts';
+import { SbbIconElement } from '../../icon.ts';
+declare const SbbTrainWagonElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbNamedSlotListMixinType<SbbIconElement>> & typeof LitElement;
 /**
  * It displays a train compartment within a `sbb-train` component.
  *

package/train/train-wagon.d.ts

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

package/train/train.d.ts

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

package/train.d.ts

@@ -1,8 +1,8 @@
 /**
  * @entrypoint
  */
-export * from './train/train.js';
-export * from './train/train-blocked-passage.js';
-export * from './train/train-formation.js';
-export * from './train/train-wagon.js';
+export * from './train/train.ts';
+export * from './train/train-blocked-passage.ts';
+export * from './train/train-formation.ts';
+export * from './train/train-wagon.ts';
 //# sourceMappingURL=train.d.ts.map

package/visual-checkbox/visual-checkbox.component.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
-import { SbbCheckboxSize } from '../checkbox/common.js';
-declare const SbbVisualCheckboxElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbDisabledMixinType> & import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbNegativeMixinType> & typeof LitElement;
+import { SbbCheckboxSize } from '../checkbox/common.ts';
+declare const SbbVisualCheckboxElement_base: import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbDisabledMixinType> & import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbNegativeMixinType> & typeof LitElement;
 /**
  * It visually displays a non-interactive checkbox.
  */

package/visual-checkbox/visual-checkbox.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"visual-checkbox.component.d.ts","sourceRoot":"","sources":["../../../src/elements/visual-checkbox/visual-checkbox.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAGhD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;;AAQ7D;;GAEG;AACH,qBAEM,wBAAyB,SAAQ,6BAA8C;IACnF,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzE,qBAAqB;IACrB,SAEgB,OAAO,EAAE,OAAO,CAAS;IAEzC,2BAA2B;IAC3B,SAEgB,aAAa,EAAE,OAAO,CAAS;IAE/C;;;OAGG;IACH,SAA6C,IAAI,EAAE,eAAe,CAAyB;cAExE,MAAM,IAAI,cAAc;CAwB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,qBAAqB,EAAE,wBAAwB,CAAC;KACjD;CACF"}
+{"version":3,"file":"visual-checkbox.component.d.ts","sourceRoot":"","sources":["../../../src/elements/visual-checkbox/visual-checkbox.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAGhD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;;AAQ7D;;GAEG;AACH,qBAEM,wBAAyB,SAAQ,6BAA8C;IACnF,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzE,qBAAqB;IACrB,SAEgB,OAAO,EAAE,OAAO,CAAS;IAEzC,2BAA2B;IAC3B,SAEgB,aAAa,EAAE,OAAO,CAAS;IAE/C;;;OAGG;IACH,SAA6C,IAAI,EAAE,eAAe,CAAyB;cAExE,MAAM,IAAI,cAAc;CAoB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,qBAAqB,EAAE,wBAAwB,CAAC;KACjD;CACF"}

package/visual-checkbox/visual-checkbox.component.js

@@ -1,40 +1,40 @@
-var C = (e) => {
+var I = (e) => {
   throw TypeError(e);
 };
-var I = (e, o, i) => o.has(e) || C("Cannot " + i);
-var h = (e, o, i) => (I(e, o, "read from private field"), i ? i.call(e) : o.get(e)), u = (e, o, i) => o.has(e) ? C("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(e) : o.set(e, i), v = (e, o, i, r) => (I(e, o, "write to private field"), r ? r.call(e, i) : o.set(e, i), i);
-import { __esDecorate as k, __runInitializers as a } from "tslib";
-import { css as j, LitElement as D, nothing as E, html as L } from "lit";
-import { customElement as M, property as m } from "lit/decorators.js";
-import { forceType as T } from "../core/decorators.js";
-import { isLean as $ } from "../core/dom.js";
-import { SbbDisabledMixin as G, SbbNegativeMixin as H } from "../core/mixins.js";
-import { boxSizingStyles as O } from "../core/styles.js";
-const N = j`:host{display:block;--sbb-visual-checkbox-dimension: var(--sbb-size-icon-ui-small);--sbb-visual-checkbox-background-color: var(--sbb-background-color-1);--sbb-visual-checkbox-border-color: var(--sbb-border-color-5);--sbb-visual-checkbox-border-style: solid;--sbb-visual-checkbox-border-width: var(--sbb-border-width-1x);--sbb-visual-checkbox-selection-color: var(--sbb-color-primary);--sbb-visual-checkbox-cursor: var(--sbb-cursor-pointer)}@media(forced-colors:active){:host{--sbb-visual-checkbox-selection-color: Canvas;--sbb-visual-checkbox-border-width: 0}}:host([size=xs]){--sbb-visual-checkbox-dimension: 1.25rem}:host([negative]){--sbb-visual-checkbox-background-color: var(--sbb-background-color-1-negative);--sbb-visual-checkbox-border-color: var(--sbb-border-color-5);--sbb-visual-checkbox-selection-color: var(--sbb-color-primary85)}@media(forced-colors:active){:host([negative]){--sbb-visual-checkbox-selection-color: Canvas}}:host([disabled]){--sbb-visual-checkbox-background-color: var(--sbb-background-color-3);--sbb-visual-checkbox-border-color: var(--sbb-border-color-5);--sbb-visual-checkbox-border-style: dashed;--sbb-visual-checkbox-selection-color: var(--sbb-color-2);--sbb-visual-checkbox-cursor: var(--sbb-cursor-default)}@media(forced-colors:active){:host([disabled]){--sbb-visual-checkbox-selection-color: Canvas}}:host([disabled][negative]){--sbb-visual-checkbox-background-color: var(--sbb-background-color-3-negative);--sbb-visual-checkbox-border-color: var(--sbb-border-color-5);--sbb-visual-checkbox-selection-color: var(--sbb-color-2-negative)}@media(forced-colors:active){:host([disabled][negative]){--sbb-visual-checkbox-selection-color: Canvas}}@media(forced-colors:active){:host([indeterminate]){--sbb-visual-checkbox-selection-color: ButtonBorder}}@media(forced-colors:active){:host([indeterminate][disabled]){--sbb-visual-checkbox-selection-color: GrayText}}.sbb-visual-checkbox{position:relative;display:flex;align-items:center;justify-content:center;width:var(--sbb-visual-checkbox-dimension);height:var(--sbb-visual-checkbox-dimension);border-radius:var(--sbb-border-radius-2x);border:var(--sbb-visual-checkbox-border-width) var(--sbb-visual-checkbox-border-style) var(--sbb-visual-checkbox-border-color);background-color:var(--sbb-visual-checkbox-background-color);cursor:var(--sbb-visual-checkbox-cursor)}@media(forced-colors:active){.sbb-visual-checkbox{outline:var(--sbb-border-width-2x) solid ButtonBorder;outline-offset:calc(-1 * var(--sbb-border-width-2x))}:host([checked]:not([indeterminate])) .sbb-visual-checkbox{background-color:HighLight;outline:none}:host([disabled]) .sbb-visual-checkbox{outline-color:GrayText}:host([checked][disabled]:not([indeterminate])) .sbb-visual-checkbox{background-color:GrayText}}.sbb-visual-checkbox__icon{display:inline-flex;width:var(--sbb-visual-checkbox-dimension);height:var(--sbb-visual-checkbox-dimension)}.sbb-visual-checkbox__icon svg{margin:auto}.sbb-visual-checkbox__icon path{stroke:var(--sbb-visual-checkbox-selection-color)}`;
+var j = (e, t, i) => t.has(e) || I("Cannot " + i);
+var h = (e, t, i) => (j(e, t, "read from private field"), i ? i.call(e) : t.get(e)), u = (e, t, i) => t.has(e) ? I("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, i), v = (e, t, i, o) => (j(e, t, "write to private field"), o ? o.call(e, i) : t.set(e, i), i);
+import { __esDecorate as k, __runInitializers as r } from "tslib";
+import { css as L, LitElement as M, nothing as T, html as D } from "lit";
+import { customElement as G, property as m } from "lit/decorators.js";
+import { forceType as E } from "../core/decorators.js";
+import { isLean as H } from "../core/dom.js";
+import { SbbDisabledMixin as O, SbbNegativeMixin as $ } from "../core/mixins.js";
+import { boxSizingStyles as C } from "../core/styles.js";
+const N = L`:host{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--sbb-visual-checkbox-dimension);height:var(--sbb-visual-checkbox-dimension);border-radius:var(--sbb-border-radius-2x);background-color:var(--sbb-visual-checkbox-background-color);cursor:var(--sbb-visual-checkbox-cursor);outline:var(--sbb-visual-checkbox-border-width) var(--sbb-visual-checkbox-border-style) var(--sbb-visual-checkbox-border-color);outline-offset:calc(-1 * var(--sbb-visual-checkbox-border-width))}:host([size=xs]){--sbb-visual-checkbox-dimension: var(--sbb-visual-checkbox-dimension-xs)}:host(:is([size=s],[size=m])){--sbb-visual-checkbox-dimension: var(--sbb-visual-checkbox-dimension-m)}:host([negative]){--sbb-visual-checkbox-background-color: var(--sbb-visual-checkbox-background-color-negative);--sbb-visual-checkbox-selection-color: var(--sbb-visual-checkbox-selection-color-negative)}:host([disabled]){--sbb-visual-checkbox-background-color: var(--sbb-visual-checkbox-background-color-disabled);--sbb-visual-checkbox-border-style: var(--sbb-visual-checkbox-border-style-disabled);--sbb-visual-checkbox-cursor: var(--sbb-cursor-default);--sbb-visual-checkbox-border-color: var(--sbb-visual-checkbox-border-color-disabled);--sbb-visual-checkbox-selection-color: var(--sbb-visual-checkbox-selection-color-disabled)}:host([disabled][negative]){--sbb-visual-checkbox-background-color: var( --sbb-visual-checkbox-background-color-negative-disabled );--sbb-visual-checkbox-selection-color: var( --sbb-visual-checkbox-selection-color-disabled-negative )}@media(forced-colors:active){:host([indeterminate]){--sbb-visual-checkbox-selection-color: ButtonBorder}:host([indeterminate][disabled]){--sbb-visual-checkbox-selection-color: GrayText}:host([checked]:not([indeterminate])){--sbb-visual-checkbox-background-color: Highlight;--sbb-visual-checkbox-border-width: 0}:host([disabled][checked]:not([indeterminate])){--sbb-visual-checkbox-background-color: GrayText}}path{stroke:var(--sbb-visual-checkbox-selection-color)}`;
 let U = (() => {
-  var b, l, n, t;
-  let e = [M("sbb-visual-checkbox")], o, i = [], r, x = G(H(D)), g, _ = [], f = [], p, y = [], z = [], w, S = [], B = [];
-  return t = class extends x {
+  var l, b, n, c;
+  let e = [G("sbb-visual-checkbox")], t, i = [], o, x = O($(M)), g, _ = [], f = [], p, z = [], y = [], w, S = [], B = [];
+  return c = class extends x {
     constructor() {
       super(...arguments);
-      u(this, b, a(this, _, !1));
-      u(this, l, (a(this, f), a(this, y, !1)));
-      u(this, n, (a(this, z), a(this, S, $() ? "xs" : "m")));
-      a(this, B);
+      u(this, l, r(this, _, !1));
+      u(this, b, (r(this, f), r(this, z, !1)));
+      u(this, n, (r(this, y), r(this, S, H() ? "xs" : "m")));
+      r(this, B);
     }
     /** Checked state. */
     get checked() {
-      return h(this, b);
+      return h(this, l);
     }
-    set checked(c) {
-      v(this, b, c);
+    set checked(a) {
+      v(this, l, a);
     }
     /** Indeterminate state. */
     get indeterminate() {
-      return h(this, l);
+      return h(this, b);
     }
-    set indeterminate(c) {
-      v(this, l, c);
+    set indeterminate(a) {
+      v(this, b, a);
     }
     /**
      * Size of the checkbox, either xs, s or m.
@@ -43,41 +43,37 @@ let U = (() => {
     get size() {
       return h(this, n);
     }
-    set size(c) {
-      v(this, n, c);
+    set size(a) {
+      v(this, n, a);
     }
     render() {
-      return L`
-      <span class="sbb-visual-checkbox">
-        <span class="sbb-visual-checkbox__icon">
-          ${this.checked || this.indeterminate ? L`<svg
-                width=${this.size === "xs" ? "20" : "24"}
-                height=${this.size === "xs" ? "20" : "24"}
-                viewBox="0 0 24 24"
-                fill="none"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d=${this.indeterminate ? "M9 12H15" : "M8 12.3304L10.4615 15L16 9"}
-                  stroke-width="2"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                />
-              </svg>` : E}
-        </span>
-      </span>
+      return D`
+      ${this.checked || this.indeterminate ? D`<svg
+            viewBox="0 0 24 24"
+            xmlns="http://www.w3.org/2000/svg"
+            width="100%"
+            height="100%"
+          >
+            <path
+              fill="none"
+              d=${this.indeterminate ? "M9 12H15" : "M8 12.3304L10.4615 15L16 9"}
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+            />
+          </svg>` : T}
     `;
     }
-  }, b = new WeakMap(), l = new WeakMap(), n = new WeakMap(), r = t, (() => {
-    const c = typeof Symbol == "function" && Symbol.metadata ? Object.create(x[Symbol.metadata] ?? null) : void 0;
-    g = [T(), m({ reflect: !0, type: Boolean })], p = [T(), m({ reflect: !0, type: Boolean })], w = [m({ reflect: !0 })], k(t, null, g, { kind: "accessor", name: "checked", static: !1, private: !1, access: { has: (s) => "checked" in s, get: (s) => s.checked, set: (s, d) => {
+  }, l = new WeakMap(), b = new WeakMap(), n = new WeakMap(), o = c, (() => {
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(x[Symbol.metadata] ?? null) : void 0;
+    g = [E(), m({ reflect: !0, type: Boolean })], p = [E(), m({ reflect: !0, type: Boolean })], w = [m({ reflect: !0 })], k(c, null, g, { kind: "accessor", name: "checked", static: !1, private: !1, access: { has: (s) => "checked" in s, get: (s) => s.checked, set: (s, d) => {
       s.checked = d;
-    } }, metadata: c }, _, f), k(t, null, p, { kind: "accessor", name: "indeterminate", static: !1, private: !1, access: { has: (s) => "indeterminate" in s, get: (s) => s.indeterminate, set: (s, d) => {
+    } }, metadata: a }, _, f), k(c, null, p, { kind: "accessor", name: "indeterminate", static: !1, private: !1, access: { has: (s) => "indeterminate" in s, get: (s) => s.indeterminate, set: (s, d) => {
       s.indeterminate = d;
-    } }, metadata: c }, y, z), k(t, null, w, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (s) => "size" in s, get: (s) => s.size, set: (s, d) => {
+    } }, metadata: a }, z, y), k(c, null, w, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (s) => "size" in s, get: (s) => s.size, set: (s, d) => {
       s.size = d;
-    } }, metadata: c }, S, B), k(null, o = { value: r }, e, { kind: "class", name: r.name, metadata: c }, null, i), r = o.value, c && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: c });
-  })(), t.styles = [O, N], a(r, i), r;
+    } }, metadata: a }, S, B), k(null, t = { value: o }, e, { kind: "class", name: o.name, metadata: a }, null, i), o = t.value, a && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+  })(), c.styles = [C, N], r(o, i), o;
 })();
 export {
   U as SbbVisualCheckboxElement

package/visual-checkbox.d.ts

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

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

@@ -1,38 +0,0 @@
-import { SbbAutocompleteBaseElement } from '../../autocomplete.js';
-import { SbbAutocompleteGridOptionElement } from '../autocomplete-grid-option.js';
-/**
- * Combined with a native input, it displays a panel with a list of available options with connected buttons.
- *
- * @slot - Use the unnamed slot to add `sbb-autocomplete-grid-row` or `sbb-autocomplete-grid-optgroup` elements to the `sbb-autocomplete-grid`.
- * @cssprop [--sbb-autocomplete-z-index=var(--sbb-overlay-default-z-index)] - To specify a custom stack order,
- * the `z-index` can be overridden by defining this CSS variable. The default `z-index` of the
- * component is set to `var(--sbb-overlay-default-z-index)` with a value of `1000`.
- */
-export declare class SbbAutocompleteGridElement<T = string> extends SbbAutocompleteBaseElement<T> {
-    static readonly role: string | null;
-    protected overlayId: string;
-    protected panelRole: string;
-    private _activeColumnIndex;
-    protected get options(): SbbAutocompleteGridOptionElement<T>[];
-    constructor();
-    protected syncNegative(): void;
-    protected openedPanelKeyboardInteraction(event: KeyboardEvent): void;
-    /**
-     * 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`.
-     */
-    protected selectByKeyboard(event: KeyboardEvent): void;
-    protected setNextActiveOption(event?: KeyboardEvent): void;
-    private _setNextHorizontalActiveElement;
-    protected resetActiveElement(): void;
-    protected setTriggerAttributes(element: HTMLInputElement): void;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'sbb-autocomplete-grid': SbbAutocompleteGridElement;
-    }
-}
-//# sourceMappingURL=autocomplete-grid.component.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"autocomplete-grid.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AAOnE,OAAO,EAAE,gCAAgC,EAAE,MAAM,gCAAgC,CAAC;AAUlF;;;;;;;GAOG;AACH,qBAEM,0BAA0B,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,0BAA0B,CAAC,CAAC,CAAC;IAChF,gBAAgC,IAAI,gBAAkC;IACtE,SAAS,CAAC,SAAS,SAAuC;IAC1D,SAAS,CAAC,SAAS,SAAU;IAC7B,OAAO,CAAC,kBAAkB,CAAK;IAE/B,SAAS,KAAK,OAAO,IAAI,gCAAgC,CAAC,CAAC,CAAC,EAAE,CAM7D;;IAOD,SAAS,CAAC,YAAY,IAAI,IAAI;IAY9B,SAAS,CAAC,8BAA8B,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IA0BpE;;;;;;OAMG;IACH,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAgBtD,SAAS,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAAE,aAAa,GAAG,IAAI;IAiC1D,OAAO,CAAC,+BAA+B;IAqCvC,SAAS,CAAC,kBAAkB,IAAI,IAAI;IAapC,SAAS,CAAC,oBAAoB,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI;CAGhE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,0BAA0B,CAAC;KACrD;CACF"}

package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js

@@ -1,88 +0,0 @@
-import { __esDecorate as h, __runInitializers as v } from "tslib";
-import { customElement as g } from "lit/decorators.js";
-import { SbbAutocompleteBaseElement as f } from "../../autocomplete.js";
-import { getNextElementIndex as b } from "../../core/a11y.js";
-import { isSafari as A } from "../../core/dom.js";
-import { setAriaComboBoxAttributes as O } from "../../core/overlay.js";
-import { SbbAutocompleteGridOptionElement as d } from "../autocomplete-grid-option.js";
-let x = 0;
-const m = A;
-let k = (() => {
-  var s;
-  let p = [g("sbb-autocomplete-grid")], l, n = [], o, c = f;
-  return s = class extends c {
-    get options() {
-      return Array.from(this.querySelectorAll?.("sbb-autocomplete-grid-option") ?? []);
-    }
-    constructor() {
-      super(), this.overlayId = `sbb-autocomplete-grid-${++x}`, this.panelRole = "grid", this._activeColumnIndex = 0, this.addEventListener?.("optionselected", (t) => this.onOptionSelected(t));
-    }
-    syncNegative() {
-      this.querySelectorAll?.("sbb-divider, sbb-autocomplete-grid-button, sbb-option-hint").forEach((t) => t.negative = this.negative), this.querySelectorAll?.("sbb-autocomplete-grid-row, sbb-autocomplete-grid-option, sbb-autocomplete-grid-optgroup").forEach((t) => t.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) {
-      t.preventDefault(), this._activeColumnIndex !== 0 ? this.activeOption?.closest("sbb-autocomplete-grid-row")?.querySelectorAll("sbb-autocomplete-grid-button")[
-        // We ignore the option in the selector. Therefore, we have to shift the activeColumnIndex by one.
-        this._activeColumnIndex - 1
-      ]?.click() : this.activeOption?.selectViaUserInteraction(!0);
-    }
-    setNextActiveOption(t) {
-      const e = this.options.filter((i) => !i.disabled && !i.hasAttribute("data-group-disabled"));
-      if (this.activeOption?.setActive(!1), this.triggerElement?.removeAttribute("aria-activedescendant"), Array.from(this.querySelectorAll?.("sbb-autocomplete-grid-row [data-focus-visible]") ?? []).forEach((i) => i.removeAttribute("data-focus-visible")), this._activeColumnIndex = 0, !e.length) {
-        this.activeOption = null;
-        return;
-      }
-      const a = this.activeOption ? e.indexOf(this.activeOption) : -1, r = b(t, a, e.length);
-      this.activeOption = e[r], this.activeOption.setActive(!0), this.triggerElement?.setAttribute("aria-activedescendant", this.activeOption.id), this.activeOption.scrollIntoView({ block: "nearest" }), this.autoSelectActiveOption && this.onOptionArrowsSelected(this.activeOption);
-    }
-    _setNextHorizontalActiveElement(t) {
-      if (!this.activeOption)
-        return;
-      const e = Array.from(this.activeOption?.closest("sbb-autocomplete-grid-row")?.querySelectorAll("sbb-autocomplete-grid-option, sbb-autocomplete-grid-button") ?? [])?.filter((u) => !u.disabled && !u.hasAttribute("data-group-disabled"));
-      if (!e.length)
-        return;
-      const a = b(t, this._activeColumnIndex, e.length), r = e[a];
-      r instanceof d ? r.setActive(!0) : r.toggleAttribute("data-focus-visible", !0);
-      const i = e[this._activeColumnIndex];
-      i instanceof d ? i.setActive(!1) : i.toggleAttribute("data-focus-visible", !1), this.triggerElement?.setAttribute("aria-activedescendant", r.id), r.scrollIntoView({ block: "nearest" }), this._activeColumnIndex = a;
-    }
-    resetActiveElement() {
-      this._activeColumnIndex !== 0 && this.activeOption?.closest("sbb-autocomplete-grid-row")?.querySelectorAll("sbb-autocomplete-grid-button").forEach((t) => t.toggleAttribute("data-focus-visible", !1)), this.activeOption?.setActive(!1), this.activeOption = null, this._activeColumnIndex = 0, this.triggerElement?.removeAttribute("aria-activedescendant");
-    }
-    setTriggerAttributes(t) {
-      O(t, m ? this.id : this.overlayId, !1, "grid");
-    }
-  }, o = s, (() => {
-    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
-    h(null, l = { value: o }, p, { kind: "class", name: o.name, metadata: t }, null, n), o = l.value, t && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), s.role = m ? "grid" : null, v(o, n), o;
-})();
-export {
-  k as SbbAutocompleteGridElement
-};

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

@@ -1,31 +0,0 @@
-import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
-import { SbbActionBaseElement } from '../../core/base-elements.js';
-import { SbbAutocompleteGridOptionElement } from '../autocomplete-grid-option.js';
-declare const SbbAutocompleteGridButtonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNegativeMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../icon.js').SbbIconNameMixinType> & typeof SbbActionBaseElement;
-/**
- * It displays an icon-only button that can be used in `sbb-autocomplete-grid`.
- *
- * @slot icon - Slot used to display the icon, if one is set
- */
-export declare class SbbAutocompleteGridButtonElement extends SbbAutocompleteGridButtonElement_base {
-    static readonly role = "button";
-    static styles: CSSResultGroup;
-    /** Gets the SbbAutocompleteGridOptionElement on the same row of the button. */
-    get option(): SbbAutocompleteGridOptionElement | null;
-    /** Whether the component must be set disabled due disabled attribute on sbb-optgroup. */
-    private _disabledFromGroup;
-    constructor();
-    protected isDisabledExternally(): boolean;
-    protected renderTemplate(): TemplateResult;
-    connectedCallback(): void;
-    protected willUpdate(changedProperties: PropertyValues<this>): void;
-    private _updateAriaDisabled;
-    private _handleButtonClick;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'sbb-autocomplete-grid-button': SbbAutocompleteGridButtonElement;
-    }
-}
-export {};
-//# sourceMappingURL=autocomplete-grid-button.component.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"autocomplete-grid-button.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAY,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAI9F,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAMnE,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,gCAAgC,CAAC;;AASvF;;;;GAIG;AACH,qBAMM,gCAAiC,SAAQ,qCAE9C;IACC,gBAAgC,IAAI,YAAY;IAChD,OAAuB,MAAM,EAAE,cAAc,CAAsC;IAEnF,+EAA+E;IAC/E,IAAW,MAAM,IAAI,gCAAgC,GAAG,IAAI,CAK3D;IAED,yFAAyF;IACzF,OAAO,CAAC,kBAAkB,CAAS;;cAwBhB,oBAAoB,IAAI,OAAO;cAI/B,cAAc,IAAI,cAAc;IAInC,iBAAiB,IAAI,IAAI;cAUtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAO5E,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,kBAAkB,CAIxB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,8BAA8B,EAAE,gCAAgC,CAAC;KAClE;CACF"}

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

@@ -1,62 +0,0 @@
-import { __esDecorate as n, __runInitializers as d } from "tslib";
-import { MutationController as u } from "@lit-labs/observers/mutation-controller.js";
-import { isServer as b } from "lit";
-import { customElement as m } from "lit/decorators.js";
-import { miniButtonStyle as c } from "../../button/common.js";
-import { SbbActionBaseElement as p } from "../../core/base-elements.js";
-import { hostAttributes as h } from "../../core/decorators.js";
-import { isEventPrevented as f } from "../../core/eventing.js";
-import { SbbDisabledMixin as _, SbbNegativeMixin as S } from "../../core/mixins.js";
-import { boxSizingStyles as g } from "../../core/styles.js";
-import { SbbIconNameMixin as y } from "../../icon.js";
-let v = 0;
-const x = {
-  attributeFilter: ["data-group-disabled"]
-};
-let N = (() => {
-  var e;
-  let s = [m("sbb-autocomplete-grid-button"), h({
-    tabindex: null,
-    "data-button": ""
-  })], a, r = [], i, o = _(S(y(p)));
-  return e = class extends o {
-    /** Gets the SbbAutocompleteGridOptionElement on the same row of the button. */
-    get option() {
-      return this.closest("sbb-autocomplete-grid-row")?.querySelector("sbb-autocomplete-grid-option") || null;
-    }
-    constructor() {
-      super(), this._disabledFromGroup = !1, this._handleButtonClick = async (t) => {
-        await f(t) || this.closest("form");
-      }, b || (this.setupBaseEventHandlers(), this.addEventListener("click", this._handleButtonClick), this.addController(new u(this, {
-        config: x,
-        callback: (t) => {
-          for (const l of t)
-            l.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 ||= `sbb-autocomplete-grid-button-${++v}`;
-      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.internals.ariaDisabled = this.disabled || this._disabledFromGroup ? "true" : null;
-    }
-  }, i = e, (() => {
-    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
-    n(null, a = { value: i }, s, { kind: "class", name: i.name, metadata: t }, null, r), i = a.value, t && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), e.role = "button", e.styles = [g, c], d(i, r), i;
-})();
-export {
-  N as SbbAutocompleteGridButtonElement
-};

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

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

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

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

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

@@ -1,4 +0,0 @@
-import { SbbAutocompleteGridButtonElement as o } from "./autocomplete-grid-button/autocomplete-grid-button.component.js";
-export {
-  o as SbbAutocompleteGridButtonElement
-};

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

@@ -1,19 +0,0 @@
-import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
-declare const SbbAutocompleteGridCellElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbElementInternalsMixinType> & typeof LitElement & import('../../core/mixins.js').SbbElementInternalsConstructor;
-/**
- * A wrapper component for autocomplete-grid action button.
- *
- * @slot - Use the unnamed slot to add a `sbb-autocomplete-grid-button` element.
- */
-export declare class SbbAutocompleteGridCellElement extends SbbAutocompleteGridCellElement_base {
-    static readonly role = "gridcell";
-    static styles: CSSResultGroup;
-    protected render(): TemplateResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'sbb-autocomplete-grid-cell': SbbAutocompleteGridCellElement;
-    }
-}
-export {};
-//# sourceMappingURL=autocomplete-grid-cell.component.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"autocomplete-grid-cell.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;;AAQjF;;;;GAIG;AACH,qBAEM,8BAA+B,SAAQ,mCAAoC;IAC/E,gBAAgC,IAAI,cAAc;IAClD,OAAuB,MAAM,EAAE,cAAc,CAA4B;cAEtD,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/autocomplete-grid-cell.component.js

@@ -1,25 +0,0 @@
-import { __esDecorate as o, __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 { SbbElementInternalsMixin as p } from "../../core/mixins.js";
-import { boxSizingStyles as d } from "../../core/styles.js";
-const f = m`:host{display:block}.sbb-autocomplete-grid-cell{display:flex;column-gap:var(--sbb-spacing-fixed-6x)}`;
-let h = (() => {
-  var t;
-  let i = [u("sbb-autocomplete-grid-cell")], a, s = [], e, r = p(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;
-    o(null, a = { value: e }, i, { 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.role = "gridcell", t.styles = [d, f], c(e, s), e;
-})();
-export {
-  h as SbbAutocompleteGridCellElement
-};

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

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

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

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