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

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

@@ -0,0 +1,38 @@
+import { SbbAutocompleteBaseElement } from '@sbb-esta/lyne-elements/autocomplete.js';
+import { SbbAutocompleteGridOptionElement } from '../autocomplete-grid-option.ts';
+/**
+ * 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/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-grid.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements-experimental/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AASrF,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;IA+B1D,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/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js

@@ -0,0 +1,139 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { SbbAutocompleteBaseElement } from "@sbb-esta/lyne-elements/autocomplete.js";
+import { getNextElementIndex } from "@sbb-esta/lyne-elements/core/a11y.js";
+import { isSafari } from "@sbb-esta/lyne-elements/core/dom.js";
+import { setAriaComboBoxAttributes } from "@sbb-esta/lyne-elements/core/overlay.js";
+import { customElement } from "lit/decorators.js";
+import { SbbAutocompleteGridOptionElement } from "../autocomplete-grid-option.js";
+let nextId = 0;
+const ariaRoleOnHost = isSafari;
+let SbbAutocompleteGridElement = (() => {
+  var _a;
+  let _classDecorators = [customElement("sbb-autocomplete-grid")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbAutocompleteBaseElement;
+  _a = class extends _classSuper {
+    get options() {
+      return Array.from(this.querySelectorAll?.("sbb-autocomplete-grid-option") ?? []);
+    }
+    constructor() {
+      super();
+      this.overlayId = `sbb-autocomplete-grid-${++nextId}`;
+      this.panelRole = "grid";
+      this._activeColumnIndex = 0;
+      this.addEventListener?.("optionselected", (e) => this.onOptionSelected(e));
+    }
+    syncNegative() {
+      this.querySelectorAll?.("sbb-divider, sbb-autocomplete-grid-button, sbb-option-hint").forEach((e) => e.negative = this.negative);
+      this.querySelectorAll?.("sbb-autocomplete-grid-row, sbb-autocomplete-grid-option, sbb-autocomplete-grid-optgroup").forEach((element) => element.toggleAttribute("data-negative", this.negative));
+    }
+    openedPanelKeyboardInteraction(event) {
+      if (this.state !== "opened") {
+        return;
+      }
+      switch (event.key) {
+        case "Tab":
+          this.close();
+          break;
+        case "Enter":
+          this.selectByKeyboard(event);
+          break;
+        case "ArrowDown":
+        case "ArrowUp":
+          this.setNextActiveOption(event);
+          break;
+        case "ArrowRight":
+        case "ArrowLeft":
+          this._setNextHorizontalActiveElement(event);
+          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(event) {
+      event.preventDefault();
+      if (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();
+      } else {
+        this.activeOption?.["selectViaUserInteraction"](true);
+      }
+    }
+    setNextActiveOption(event) {
+      const enabledOptions = this.options.filter((opt) => !opt.matches(":state(disabled)"));
+      this.activeOption?.setActive(false);
+      this.triggerElement?.removeAttribute("aria-activedescendant");
+      Array.from(this.querySelectorAll?.("sbb-autocomplete-grid-row [data-focus-visible]") ?? []).forEach((row) => row.removeAttribute("data-focus-visible"));
+      this._activeColumnIndex = 0;
+      if (!enabledOptions.length) {
+        this.activeOption = null;
+        return;
+      }
+      const activeItemIndex = this.activeOption ? enabledOptions.indexOf(this.activeOption) : -1;
+      const next = getNextElementIndex(event, activeItemIndex, enabledOptions.length);
+      this.activeOption = enabledOptions[next];
+      this.activeOption.setActive(true);
+      this.triggerElement?.setAttribute("aria-activedescendant", this.activeOption.id);
+      this.activeOption.scrollIntoView({ block: "nearest" });
+      if (this.autoSelectActiveOption) {
+        this.onOptionArrowsSelected(this.activeOption);
+      }
+    }
+    _setNextHorizontalActiveElement(event) {
+      if (!this.activeOption) {
+        return;
+      }
+      const elementsInRow = Array.from(this.activeOption?.closest("sbb-autocomplete-grid-row")?.querySelectorAll("sbb-autocomplete-grid-option, sbb-autocomplete-grid-button") ?? [])?.filter((el) => !el.matches(":state(disabled)"));
+      if (!elementsInRow.length) {
+        return;
+      }
+      const next = getNextElementIndex(event, this._activeColumnIndex, elementsInRow.length);
+      const nextElement = elementsInRow[next];
+      if (nextElement instanceof SbbAutocompleteGridOptionElement) {
+        nextElement.setActive(true);
+      } else {
+        nextElement.toggleAttribute("data-focus-visible", true);
+      }
+      const lastActiveElement = elementsInRow[this._activeColumnIndex];
+      if (lastActiveElement instanceof SbbAutocompleteGridOptionElement) {
+        lastActiveElement.setActive(false);
+      } else {
+        lastActiveElement.toggleAttribute("data-focus-visible", false);
+      }
+      this.triggerElement?.setAttribute("aria-activedescendant", nextElement.id);
+      nextElement.scrollIntoView({ block: "nearest" });
+      this._activeColumnIndex = next;
+    }
+    resetActiveElement() {
+      if (this._activeColumnIndex !== 0) {
+        this.activeOption?.closest("sbb-autocomplete-grid-row")?.querySelectorAll("sbb-autocomplete-grid-button").forEach((e) => e.toggleAttribute("data-focus-visible", false));
+      }
+      this.activeOption?.setActive(false);
+      this.activeOption = null;
+      this._activeColumnIndex = 0;
+      this.triggerElement?.removeAttribute("aria-activedescendant");
+    }
+    setTriggerAttributes(element) {
+      setAriaComboBoxAttributes(element, ariaRoleOnHost ? this.id : this.overlayId, false, "grid");
+    }
+  }, _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.role = ariaRoleOnHost ? "grid" : null, __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbAutocompleteGridElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLWdyaWQuY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMtZXhwZXJpbWVudGFsL2F1dG9jb21wbGV0ZS1ncmlkL2F1dG9jb21wbGV0ZS1ncmlkL2F1dG9jb21wbGV0ZS1ncmlkLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBTYmJBdXRvY29tcGxldGVCYXNlRWxlbWVudCB9IGZyb20gJ0BzYmItZXN0YS9seW5lLWVsZW1lbnRzL2F1dG9jb21wbGV0ZS5qcyc7XG5pbXBvcnQgeyBnZXROZXh0RWxlbWVudEluZGV4IH0gZnJvbSAnQHNiYi1lc3RhL2x5bmUtZWxlbWVudHMvY29yZS9hMTF5LmpzJztcbmltcG9ydCB7IGlzU2FmYXJpIH0gZnJvbSAnQHNiYi1lc3RhL2x5bmUtZWxlbWVudHMvY29yZS9kb20uanMnO1xuaW1wb3J0IHsgc2V0QXJpYUNvbWJvQm94QXR0cmlidXRlcyB9IGZyb20gJ0BzYmItZXN0YS9seW5lLWVsZW1lbnRzL2NvcmUvb3ZlcmxheS5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYkRpdmlkZXJFbGVtZW50IH0gZnJvbSAnQHNiYi1lc3RhL2x5bmUtZWxlbWVudHMvZGl2aWRlci5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYk9wdEdyb3VwRWxlbWVudCwgU2JiT3B0aW9uSGludEVsZW1lbnQgfSBmcm9tICdAc2JiLWVzdGEvbHluZS1lbGVtZW50cy9vcHRpb24uanMnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHR5cGUgeyBTYmJBdXRvY29tcGxldGVHcmlkQnV0dG9uRWxlbWVudCB9IGZyb20gJy4uL2F1dG9jb21wbGV0ZS1ncmlkLWJ1dHRvbi50cyc7XG5pbXBvcnQgeyBTYmJBdXRvY29tcGxldGVHcmlkT3B0aW9uRWxlbWVudCB9IGZyb20gJy4uL2F1dG9jb21wbGV0ZS1ncmlkLW9wdGlvbi50cyc7XG5cbmxldCBuZXh0SWQgPSAwO1xuXG4vKipcbiAqIE9uIFNhZmFyaSwgdGhlIGFyaWEgcm9sZSAnbGlzdGJveCcgbXVzdCBiZSBvbiB0aGUgaG9zdCBlbGVtZW50LCBvciBlbHNlIFZvaWNlT3ZlciB3b24ndCB3b3JrIGF0IGFsbC5cbiAqIE9uIHRoZSBvdGhlciBoYW5kLCBKQVdTIGFuZCBOVkRBIG5lZWQgdGhlIHJvbGUgdG8gYmUgXCJjbG9zZXJcIiB0byB0aGUgb3B0aW9ucywgb3IgZWxzZSBvcHRncm91cHMgd29uJ3Qgd29yay5cbiAqL1xuY29uc3QgYXJpYVJvbGVPbkhvc3QgPSBpc1NhZmFyaTtcblxuLyoqXG4gKiBDb21iaW5lZCB3aXRoIGEgbmF0aXZlIGlucHV0LCBpdCBkaXNwbGF5cyBhIHBhbmVsIHdpdGggYSBsaXN0IG9mIGF2YWlsYWJsZSBvcHRpb25zIHdpdGggY29ubmVjdGVkIGJ1dHRvbnMuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgYHNiYi1hdXRvY29tcGxldGUtZ3JpZC1yb3dgIG9yIGBzYmItYXV0b2NvbXBsZXRlLWdyaWQtb3B0Z3JvdXBgIGVsZW1lbnRzIHRvIHRoZSBgc2JiLWF1dG9jb21wbGV0ZS1ncmlkYC5cbiAqIEBjc3Nwcm9wIFstLXNiYi1hdXRvY29tcGxldGUtei1pbmRleD12YXIoLS1zYmItb3ZlcmxheS1kZWZhdWx0LXotaW5kZXgpXSAtIFRvIHNwZWNpZnkgYSBjdXN0b20gc3RhY2sgb3JkZXIsXG4gKiB0aGUgYHotaW5kZXhgIGNhbiBiZSBvdmVycmlkZGVuIGJ5IGRlZmluaW5nIHRoaXMgQ1NTIHZhcmlhYmxlLiBUaGUgZGVmYXVsdCBgei1pbmRleGAgb2YgdGhlXG4gKiBjb21wb25lbnQgaXMgc2V0IHRvIGB2YXIoLS1zYmItb3ZlcmxheS1kZWZhdWx0LXotaW5kZXgpYCB3aXRoIGEgdmFsdWUgb2YgYDEwMDBgLlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItYXV0b2NvbXBsZXRlLWdyaWQnKVxuY2xhc3MgU2JiQXV0b2NvbXBsZXRlR3JpZEVsZW1lbnQ8VCA9IHN0cmluZz4gZXh0ZW5kcyBTYmJBdXRvY29tcGxldGVCYXNlRWxlbWVudDxUPiB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgcm9sZSA9IGFyaWFSb2xlT25Ib3N0ID8gJ2dyaWQnIDogbnVsbDtcbiAgcHJvdGVjdGVkIG92ZXJsYXlJZCA9IGBzYmItYXV0b2NvbXBsZXRlLWdyaWQtJHsrK25leHRJZH1gO1xuICBwcm90ZWN0ZWQgcGFuZWxSb2xlID0gJ2dyaWQnO1xuICBwcml2YXRlIF9hY3RpdmVDb2x1bW5JbmRleCA9IDA7XG5cbiAgcHJvdGVjdGVkIGdldCBvcHRpb25zKCk6IFNiYkF1dG9jb21wbGV0ZUdyaWRPcHRpb25FbGVtZW50PFQ+W10ge1xuICAgIHJldHVybiBBcnJheS5mcm9tKFxuICAgICAgdGhpcy5xdWVyeVNlbGVjdG9yQWxsPy48U2JiQXV0b2NvbXBsZXRlR3JpZE9wdGlvbkVsZW1lbnQ8VD4+KFxuICAgICAgICAnc2JiLWF1dG9jb21wbGV0ZS1ncmlkLW9wdGlvbicsXG4gICAgICApID8/IFtdLFxuICAgICk7XG4gIH1cblxuICBwdWJsaWMgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICB0aGlzLmFkZEV2ZW50TGlzdGVuZXI/Lignb3B0aW9uc2VsZWN0ZWQnLCAoZTogRXZlbnQpID0+IHRoaXMub25PcHRpb25TZWxlY3RlZChlKSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgc3luY05lZ2F0aXZlKCk6IHZvaWQge1xuICAgIHRoaXMucXVlcnlTZWxlY3RvckFsbD8uPFxuICAgICAgU2JiRGl2aWRlckVsZW1lbnQgfCBTYmJBdXRvY29tcGxldGVHcmlkQnV0dG9uRWxlbWVudCB8IFNiYk9wdGlvbkhpbnRFbGVtZW50XG4gICAgPignc2JiLWRpdmlkZXIsIHNiYi1hdXRvY29tcGxldGUtZ3JpZC1idXR0b24sIHNiYi1vcHRpb24taGludCcpLmZvckVhY2goXG4gICAgICAoZSkgPT4gKGUubmVnYXRpdmUgPSB0aGlzLm5lZ2F0aXZlKSxcbiAgICApO1xuXG4gICAgdGhpcy5xdWVyeVNlbGVjdG9yQWxsPy48U2JiQXV0b2NvbXBsZXRlR3JpZE9wdGlvbkVsZW1lbnQ8VD4gfCBTYmJPcHRHcm91cEVsZW1lbnQ+KFxuICAgICAgJ3NiYi1hdXRvY29tcGxldGUtZ3JpZC1yb3csIHNiYi1hdXRvY29tcGxldGUtZ3JpZC1vcHRpb24sIHNiYi1hdXRvY29tcGxldGUtZ3JpZC1vcHRncm91cCcsXG4gICAgKS5mb3JFYWNoKChlbGVtZW50KSA9PiBlbGVtZW50LnRvZ2dsZUF0dHJpYnV0ZSgnZGF0YS1uZWdhdGl2ZScsIHRoaXMubmVnYXRpdmUpKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvcGVuZWRQYW5lbEtleWJvYXJkSW50ZXJhY3Rpb24oZXZlbnQ6IEtleWJvYXJkRXZlbnQpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5zdGF0ZSAhPT0gJ29wZW5lZCcpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBzd2l0Y2ggKGV2ZW50LmtleSkge1xuICAgICAgY2FzZSAnVGFiJzpcbiAgICAgICAgdGhpcy5jbG9zZSgpO1xuICAgICAgICBicmVhaztcblxuICAgICAgY2FzZSAnRW50ZXInOlxuICAgICAgICB0aGlzLnNlbGVjdEJ5S2V5Ym9hcmQoZXZlbnQpO1xuICAgICAgICBicmVhaztcblxuICAgICAgY2FzZSAnQXJyb3dEb3duJzpcbiAgICAgIGNhc2UgJ0Fycm93VXAnOlxuICAgICAgICB0aGlzLnNldE5leHRBY3RpdmVPcHRpb24oZXZlbnQpO1xuICAgICAgICBicmVhaztcblxuICAgICAgY2FzZSAnQXJyb3dSaWdodCc6XG4gICAgICBjYXNlICdBcnJvd0xlZnQnOlxuICAgICAgICB0aGlzLl9zZXROZXh0SG9yaXpvbnRhbEFjdGl2ZUVsZW1lbnQoZXZlbnQpO1xuICAgICAgICBicmVhaztcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogU2VsZWN0IGFuIGVsZW1lbnQgb24gJ0VudGVyJyBrZXlwcmVzcy5cbiAgICpcbiAgICogRHVlIHRvIGtleWJvYXJkIG5hdmlnYXRpb24gY29kZSwgdGhlIGBfYWN0aXZlQ29sdW1uSW5kZXhgIGlzIHplcm8gd2hlbiBhbiBvcHRpb24gaXMgJ2ZvY3VzZWQnXG4gICAqIGFuZCBncmVhdGVyIHRoYW4gemVybyB3aGVuIGEgYnV0dG9uIGlzICdmb2N1c2VkJywgc28gYXNraW5nIGZvciBgcXVlcnlTZWxlY3RvckFsbCguLi4pW3RoaXMuX2FjdGl2ZUNvbHVtbkluZGV4XWBcbiAgICogd291bGQgYWx3YXlzIHJldHVybiBhIGBTYmJBdXRvY29tcGxldGVHcmlkQnV0dG9uRWxlbWVudGAuXG4gICAqL1xuICBwcm90ZWN0ZWQgc2VsZWN0QnlLZXlib2FyZChldmVudDogS2V5Ym9hcmRFdmVudCk6IHZvaWQge1xuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG5cbiAgICBpZiAodGhpcy5fYWN0aXZlQ29sdW1uSW5kZXggIT09IDApIHtcbiAgICAgIHRoaXMuYWN0aXZlT3B0aW9uXG4gICAgICAgID8uY2xvc2VzdCgnc2JiLWF1dG9jb21wbGV0ZS1ncmlkLXJvdycpXG4gICAgICAgID8ucXVlcnlTZWxlY3RvckFsbCgnc2JiLWF1dG9jb21wbGV0ZS1ncmlkLWJ1dHRvbicpXG4gICAgICAgIFtcbiAgICAgICAgICAvLyBXZSBpZ25vcmUgdGhlIG9wdGlvbiBpbiB0aGUgc2VsZWN0b3IuIFRoZXJlZm9yZSwgd2UgaGF2ZSB0byBzaGlmdCB0aGUgYWN0aXZlQ29sdW1uSW5kZXggYnkgb25lLlxuICAgICAgICAgIHRoaXMuX2FjdGl2ZUNvbHVtbkluZGV4IC0gMVxuICAgICAgICBdPy5jbGljaygpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmFjdGl2ZU9wdGlvbj8uWydzZWxlY3RWaWFVc2VySW50ZXJhY3Rpb24nXSh0cnVlKTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgc2V0TmV4dEFjdGl2ZU9wdGlvbihldmVudD86IEtleWJvYXJkRXZlbnQpOiB2b2lkIHtcbiAgICBjb25zdCBlbmFibGVkT3B0aW9ucyA9IHRoaXMub3B0aW9ucy5maWx0ZXIoKG9wdCkgPT4gIW9wdC5tYXRjaGVzKCc6c3RhdGUoZGlzYWJsZWQpJykpO1xuXG4gICAgLy8gUmVzZXQgcG90ZW50aWFsbHkgYWN0aXZlIG9wdGlvblxuICAgIHRoaXMuYWN0aXZlT3B0aW9uPy5zZXRBY3RpdmUoZmFsc2UpO1xuICAgIHRoaXMudHJpZ2dlckVsZW1lbnQ/LnJlbW92ZUF0dHJpYnV0ZSgnYXJpYS1hY3RpdmVkZXNjZW5kYW50Jyk7XG4gICAgQXJyYXkuZnJvbShcbiAgICAgIHRoaXMucXVlcnlTZWxlY3RvckFsbD8uKCdzYmItYXV0b2NvbXBsZXRlLWdyaWQtcm93IFtkYXRhLWZvY3VzLXZpc2libGVdJykgPz8gW10sXG4gICAgKS5mb3JFYWNoKChyb3cpID0+IHJvdy5yZW1vdmVBdHRyaWJ1dGUoJ2RhdGEtZm9jdXMtdmlzaWJsZScpKTtcbiAgICB0aGlzLl9hY3RpdmVDb2x1bW5JbmRleCA9IDA7XG5cbiAgICBpZiAoIWVuYWJsZWRPcHRpb25zLmxlbmd0aCkge1xuICAgICAgdGhpcy5hY3RpdmVPcHRpb24gPSBudWxsO1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IGFjdGl2ZUl0ZW1JbmRleCA9IHRoaXMuYWN0aXZlT3B0aW9uXG4gICAgICA/IGVuYWJsZWRPcHRpb25zLmluZGV4T2YodGhpcy5hY3RpdmVPcHRpb24gYXMgU2JiQXV0b2NvbXBsZXRlR3JpZE9wdGlvbkVsZW1lbnQ8VD4pXG4gICAgICA6IC0xO1xuXG4gICAgLy8gR2V0IGFuZCBhY3RpdmF0ZSB0aGUgbmV4dCBhY3RpdmUgb3B0aW9uXG4gICAgY29uc3QgbmV4dCA9IGdldE5leHRFbGVtZW50SW5kZXgoZXZlbnQsIGFjdGl2ZUl0ZW1JbmRleCwgZW5hYmxlZE9wdGlvbnMubGVuZ3RoKTtcbiAgICB0aGlzLmFjdGl2ZU9wdGlvbiA9IGVuYWJsZWRPcHRpb25zW25leHRdO1xuICAgIHRoaXMuYWN0aXZlT3B0aW9uLnNldEFjdGl2ZSh0cnVlKTtcbiAgICB0aGlzLnRyaWdnZXJFbGVtZW50Py5zZXRBdHRyaWJ1dGUoJ2FyaWEtYWN0aXZlZGVzY2VuZGFudCcsIHRoaXMuYWN0aXZlT3B0aW9uLmlkKTtcbiAgICB0aGlzLmFjdGl2ZU9wdGlvbi5zY3JvbGxJbnRvVmlldyh7IGJsb2NrOiAnbmVhcmVzdCcgfSk7XG4gICAgaWYgKHRoaXMuYXV0b1NlbGVjdEFjdGl2ZU9wdGlvbikge1xuICAgICAgdGhpcy5vbk9wdGlvbkFycm93c1NlbGVjdGVkKHRoaXMuYWN0aXZlT3B0aW9uKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF9zZXROZXh0SG9yaXpvbnRhbEFjdGl2ZUVsZW1lbnQoZXZlbnQ6IEtleWJvYXJkRXZlbnQpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuYWN0aXZlT3B0aW9uKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3QgZWxlbWVudHNJblJvdyA9IEFycmF5LmZyb20oXG4gICAgICB0aGlzLmFjdGl2ZU9wdGlvblxuICAgICAgICA/LmNsb3Nlc3QoJ3NiYi1hdXRvY29tcGxldGUtZ3JpZC1yb3cnKVxuICAgICAgICA/LnF1ZXJ5U2VsZWN0b3JBbGw8XG4gICAgICAgICAgU2JiQXV0b2NvbXBsZXRlR3JpZE9wdGlvbkVsZW1lbnQ8VD4gfCBTYmJBdXRvY29tcGxldGVHcmlkQnV0dG9uRWxlbWVudFxuICAgICAgICA+KCdzYmItYXV0b2NvbXBsZXRlLWdyaWQtb3B0aW9uLCBzYmItYXV0b2NvbXBsZXRlLWdyaWQtYnV0dG9uJykgPz8gW10sXG4gICAgKT8uZmlsdGVyKChlbCkgPT4gIWVsLm1hdGNoZXMoJzpzdGF0ZShkaXNhYmxlZCknKSk7XG5cbiAgICBpZiAoIWVsZW1lbnRzSW5Sb3cubGVuZ3RoKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3QgbmV4dDogbnVtYmVyID0gZ2V0TmV4dEVsZW1lbnRJbmRleChldmVudCwgdGhpcy5fYWN0aXZlQ29sdW1uSW5kZXgsIGVsZW1lbnRzSW5Sb3cubGVuZ3RoKTtcbiAgICBjb25zdCBuZXh0RWxlbWVudDogU2JiQXV0b2NvbXBsZXRlR3JpZE9wdGlvbkVsZW1lbnQ8VD4gfCBTYmJBdXRvY29tcGxldGVHcmlkQnV0dG9uRWxlbWVudCA9XG4gICAgICBlbGVtZW50c0luUm93W25leHRdO1xuICAgIGlmIChuZXh0RWxlbWVudCBpbnN0YW5jZW9mIFNiYkF1dG9jb21wbGV0ZUdyaWRPcHRpb25FbGVtZW50KSB7XG4gICAgICBuZXh0RWxlbWVudC5zZXRBY3RpdmUodHJ1ZSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIG5leHRFbGVtZW50LnRvZ2dsZUF0dHJpYnV0ZSgnZGF0YS1mb2N1cy12aXNpYmxlJywgdHJ1ZSk7XG4gICAgfVxuXG4gICAgY29uc3QgbGFzdEFjdGl2ZUVsZW1lbnQgPSBlbGVtZW50c0luUm93W3RoaXMuX2FjdGl2ZUNvbHVtbkluZGV4XTtcbiAgICBpZiAobGFzdEFjdGl2ZUVsZW1lbnQgaW5zdGFuY2VvZiBTYmJBdXRvY29tcGxldGVHcmlkT3B0aW9uRWxlbWVudCkge1xuICAgICAgbGFzdEFjdGl2ZUVsZW1lbnQuc2V0QWN0aXZlKGZhbHNlKTtcbiAgICB9IGVsc2Uge1xuICAgICAgbGFzdEFjdGl2ZUVsZW1lbnQudG9nZ2xlQXR0cmlidXRlKCdkYXRhLWZvY3VzLXZpc2libGUnLCBmYWxzZSk7XG4gICAgfVxuICAgIHRoaXMudHJpZ2dlckVsZW1lbnQ/LnNldEF0dHJpYnV0ZSgnYXJpYS1hY3RpdmVkZXNjZW5kYW50JywgbmV4dEVsZW1lbnQuaWQpO1xuICAgIG5leHRFbGVtZW50LnNjcm9sbEludG9WaWV3KHsgYmxvY2s6ICduZWFyZXN0JyB9KTtcbiAgICB0aGlzLl9hY3RpdmVDb2x1bW5JbmRleCA9IG5leHQ7XG4gIH1cblxuICBwcm90ZWN0ZWQgcmVzZXRBY3RpdmVFbGVtZW50KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLl9hY3RpdmVDb2x1bW5JbmRleCAhPT0gMCkge1xuICAgICAgdGhpcy5hY3RpdmVPcHRpb25cbiAgICAgICAgPy5jbG9zZXN0KCdzYmItYXV0b2NvbXBsZXRlLWdyaWQtcm93JylcbiAgICAgICAgPy5xdWVyeVNlbGVjdG9yQWxsKCdzYmItYXV0b2NvbXBsZXRlLWdyaWQtYnV0dG9uJylcbiAgICAgICAgLmZvckVhY2goKGUpID0+IGUudG9nZ2xlQXR0cmlidXRlKCdkYXRhLWZvY3VzLXZpc2libGUnLCBmYWxzZSkpO1xuICAgIH1cbiAgICB0aGlzLmFjdGl2ZU9wdGlvbj8uc2V0QWN0aXZlKGZhbHNlKTtcbiAgICB0aGlzLmFjdGl2ZU9wdGlvbiA9IG51bGw7XG4gICAgdGhpcy5fYWN0aXZlQ29sdW1uSW5kZXggPSAwO1xuICAgIHRoaXMudHJpZ2dlckVsZW1lbnQ/LnJlbW92ZUF0dHJpYnV0ZSgnYXJpYS1hY3RpdmVkZXNjZW5kYW50Jyk7XG4gIH1cblxuICBwcm90ZWN0ZWQgc2V0VHJpZ2dlckF0dHJpYnV0ZXMoZWxlbWVudDogSFRNTElucHV0RWxlbWVudCk6IHZvaWQge1xuICAgIHNldEFyaWFDb21ib0JveEF0dHJpYnV0ZXMoZWxlbWVudCwgYXJpYVJvbGVPbkhvc3QgPyB0aGlzLmlkIDogdGhpcy5vdmVybGF5SWQsIGZhbHNlLCAnZ3JpZCcpO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItYXV0b2NvbXBsZXRlLWdyaWQnOiBTYmJBdXRvY29tcGxldGVHcmlkRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFXQSxJQUFJLFNBQVM7QUFNYixNQUFNLGlCQUFpQjtJQVlqQiw4QkFBMEIsTUFBQTs7MEJBRC9CLGNBQWMsdUJBQXVCLENBQUM7Ozs7b0JBQ2M7QUFBUixFQUFBLG1C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

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

@@ -0,0 +1,31 @@
+import { SbbActionBaseElement } from '@sbb-esta/lyne-elements/core/base-elements.js';
+import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
+import { SbbAutocompleteGridOptgroupElement } from '../autocomplete-grid-optgroup.ts';
+import { SbbAutocompleteGridOptionElement } from '../autocomplete-grid-option.ts';
+declare const SbbAutocompleteGridButtonElement_base: import('@sbb-esta/lyne-elements/core/mixins.js').AbstractConstructor<import('@sbb-esta/lyne-elements/core/mixins.js').SbbDisabledMixinType> & import('@sbb-esta/lyne-elements/core/mixins.js').AbstractConstructor<import('@sbb-esta/lyne-elements/core/mixins.js').SbbNegativeMixinType> & import('@sbb-esta/lyne-elements/core/mixins.js').AbstractConstructor<import('@sbb-esta/lyne-elements/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;
+    get optgroup(): SbbAutocompleteGridOptgroupElement | null;
+    constructor();
+    protected isDisabledExternally(): boolean;
+    protected renderTemplate(): TemplateResult;
+    connectedCallback(): void;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    private _updateInternals;
+    private _handleButtonClick;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-autocomplete-grid-button': SbbAutocompleteGridButtonElement;
+    }
+}
+export {};
+//# sourceMappingURL=autocomplete-grid-button.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-grid-button.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements-experimental/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AAOrF,OAAO,EAAE,KAAK,cAAc,EAAY,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG9F,OAAO,KAAK,EAAE,kCAAkC,EAAE,MAAM,kCAAkC,CAAC;AAC3F,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,gCAAgC,CAAC;;AAIvF;;;;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,IAAW,QAAQ,IAAI,kCAAkC,GAAG,IAAI,CAE/D;;cAmBkB,oBAAoB,IAAI,OAAO;cAI/B,cAAc,IAAI,cAAc;IAInC,iBAAiB,IAAI,IAAI;cAKtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAO5E,OAAO,CAAC,gBAAgB;IAUxB,OAAO,CAAC,kBAAkB,CAIxB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,8BAA8B,EAAE,gCAAgC,CAAC;KAClE;CACF"}

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

@@ -0,0 +1,82 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { miniButtonStyle } from "@sbb-esta/lyne-elements/button/common.js";
+import { SbbActionBaseElement } from "@sbb-esta/lyne-elements/core/base-elements.js";
+import { SbbAncestorWatcherController } from "@sbb-esta/lyne-elements/core/controllers.js";
+import { hostAttributes } from "@sbb-esta/lyne-elements/core/decorators.js";
+import { isEventPrevented } from "@sbb-esta/lyne-elements/core/eventing.js";
+import { SbbDisabledMixin, SbbNegativeMixin } from "@sbb-esta/lyne-elements/core/mixins.js";
+import { boxSizingStyles } from "@sbb-esta/lyne-elements/core/styles.js";
+import { SbbIconNameMixin } from "@sbb-esta/lyne-elements/icon.js";
+import { isServer } from "lit";
+import { customElement } from "lit/decorators.js";
+let autocompleteButtonNextId = 0;
+let SbbAutocompleteGridButtonElement = (() => {
+  var _a;
+  let _classDecorators = [customElement("sbb-autocomplete-grid-button"), hostAttributes({
+    tabindex: null,
+    "data-button": ""
+  })];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbDisabledMixin(SbbNegativeMixin(SbbIconNameMixin(SbbActionBaseElement)));
+  _a = class extends _classSuper {
+    /** 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;
+    }
+    get optgroup() {
+      return this.closest("sbb-autocomplete-grid-optgroup");
+    }
+    constructor() {
+      super();
+      this._handleButtonClick = async (event) => {
+        if (await isEventPrevented(event) || !this.closest("form")) {
+          return;
+        }
+      };
+      if (!isServer) {
+        this.setupBaseEventHandlers();
+        this.addEventListener("click", this._handleButtonClick);
+        this.addController(new SbbAncestorWatcherController(this, () => this.closest("sbb-autocomplete-grid-optgroup"), {
+          disabled: () => this._updateInternals()
+        }));
+      }
+    }
+    isDisabledExternally() {
+      return this.optgroup?.disabled ?? false;
+    }
+    renderTemplate() {
+      return super.renderIconSlot();
+    }
+    connectedCallback() {
+      super.connectedCallback();
+      this.id ||= `sbb-autocomplete-grid-button-${++autocompleteButtonNextId}`;
+    }
+    willUpdate(changedProperties) {
+      super.willUpdate(changedProperties);
+      if (changedProperties.has("disabled")) {
+        this._updateInternals();
+      }
+    }
+    _updateInternals() {
+      if (this.disabled || this.optgroup?.disabled) {
+        this.internals.states.add("disabled");
+        this.internals.ariaDisabled = "true";
+      } else {
+        this.internals.states.delete("disabled");
+        this.internals.ariaDisabled = null;
+      }
+    }
+  }, _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.role = "button", _a.styles = [boxSizingStyles, miniButtonStyle], __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbAutocompleteGridButtonElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLWdyaWQtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzLWV4cGVyaW1lbnRhbC9hdXRvY29tcGxldGUtZ3JpZC9hdXRvY29tcGxldGUtZ3JpZC1idXR0b24vYXV0b2NvbXBsZXRlLWdyaWQtYnV0dG9uLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBtaW5pQnV0dG9uU3R5bGUgfSBmcm9tICdAc2JiLWVzdGEvbHluZS1lbGVtZW50cy9idXR0b24vY29tbW9uLmpzJztcbmltcG9ydCB7IFNiYkFjdGlvbkJhc2VFbGVtZW50IH0gZnJvbSAnQHNiYi1lc3RhL2x5bmUtZWxlbWVudHMvY29yZS9iYXNlLWVsZW1lbnRzLmpzJztcbmltcG9ydCB7IFNiYkFuY2VzdG9yV2F0Y2hlckNvbnRyb2xsZXIgfSBmcm9tICdAc2JiLWVzdGEvbHluZS1lbGVtZW50cy9jb3JlL2NvbnRyb2xsZXJzLmpzJztcbmltcG9ydCB7IGhvc3RBdHRyaWJ1dGVzIH0gZnJvbSAnQHNiYi1lc3RhL2x5bmUtZWxlbWVudHMvY29yZS9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IGlzRXZlbnRQcmV2ZW50ZWQgfSBmcm9tICdAc2JiLWVzdGEvbHluZS1lbGVtZW50cy9jb3JlL2V2ZW50aW5nLmpzJztcbmltcG9ydCB7IFNiYkRpc2FibGVkTWl4aW4sIFNiYk5lZ2F0aXZlTWl4aW4gfSBmcm9tICdAc2JiLWVzdGEvbHluZS1lbGVtZW50cy9jb3JlL21peGlucy5qcyc7XG5pbXBvcnQgeyBib3hTaXppbmdTdHlsZXMgfSBmcm9tICdAc2JiLWVzdGEvbHluZS1lbGVtZW50cy9jb3JlL3N0eWxlcy5qcyc7XG5pbXBvcnQgeyBTYmJJY29uTmFtZU1peGluIH0gZnJvbSAnQHNiYi1lc3RhL2x5bmUtZWxlbWVudHMvaWNvbi5qcyc7XG5pbXBvcnQgeyB0eXBlIENTU1Jlc3VsdEdyb3VwLCBpc1NlcnZlciwgdHlwZSBQcm9wZXJ0eVZhbHVlcywgdHlwZSBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgdHlwZSB7IFNiYkF1dG9jb21wbGV0ZUdyaWRPcHRncm91cEVsZW1lbnQgfSBmcm9tICcuLi9hdXRvY29tcGxldGUtZ3JpZC1vcHRncm91cC50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYkF1dG9jb21wbGV0ZUdyaWRPcHRpb25FbGVtZW50IH0gZnJvbSAnLi4vYXV0b2NvbXBsZXRlLWdyaWQtb3B0aW9uLnRzJztcblxubGV0IGF1dG9jb21wbGV0ZUJ1dHRvbk5leHRJZCA9IDA7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYW4gaWNvbi1vbmx5IGJ1dHRvbiB0aGF0IGNhbiBiZSB1c2VkIGluIGBzYmItYXV0b2NvbXBsZXRlLWdyaWRgLlxuICpcbiAqIEBzbG90IGljb24gLSBTbG90IHVzZWQgdG8gZGlzcGxheSB0aGUgaWNvbiwgaWYgb25lIGlzIHNldFxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItYXV0b2NvbXBsZXRlLWdyaWQtYnV0dG9uJylcbkBob3N0QXR0cmlidXRlcyh7XG4gIHRhYmluZGV4OiBudWxsLFxuICAnZGF0YS1idXR0b24nOiAnJyxcbn0pXG5jbGFzcyBTYmJBdXRvY29tcGxldGVHcmlkQnV0dG9uRWxlbWVudCBleHRlbmRzIFNiYkRpc2FibGVkTWl4aW4oXG4gIFNiYk5lZ2F0aXZlTWl4aW4oU2JiSWNvbk5hbWVNaXhpbihTYmJBY3Rpb25CYXNlRWxlbWVudCkpLFxuKSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgcm9sZSA9ICdidXR0b24nO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCBtaW5pQnV0dG9uU3R5bGVdO1xuXG4gIC8qKiBHZXRzIHRoZSBTYmJBdXRvY29tcGxldGVHcmlkT3B0aW9uRWxlbWVudCBvbiB0aGUgc2FtZSByb3cgb2YgdGhlIGJ1dHRvbi4gKi9cbiAgcHVibGljIGdldCBvcHRpb24oKTogU2JiQXV0b2NvbXBsZXRlR3JpZE9wdGlvbkVsZW1lbnQgfCBudWxsIHtcbiAgICByZXR1cm4gKFxuICAgICAgdGhpcy5jbG9zZXN0KCdzYmItYXV0b2NvbXBsZXRlLWdyaWQtcm93Jyk/LnF1ZXJ5U2VsZWN0b3IoJ3NiYi1hdXRvY29tcGxldGUtZ3JpZC1vcHRpb24nKSB8fFxuICAgICAgbnVsbFxuICAgICk7XG4gIH1cblxuICBwdWJsaWMgZ2V0IG9wdGdyb3VwKCk6IFNiYkF1dG9jb21wbGV0ZUdyaWRPcHRncm91cEVsZW1lbnQgfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy5jbG9zZXN0KCdzYmItYXV0b2NvbXBsZXRlLWdyaWQtb3B0Z3JvdXAnKTtcbiAgfVxuXG4gIHB1YmxpYyBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIGlmICghaXNTZXJ2ZXIpIHtcbiAgICAgIHRoaXMuc2V0dXBCYXNlRXZlbnRIYW5kbGVycygpO1xuICAgICAgdGhpcy5hZGRFdmVudExpc3RlbmVyKCdjbGljaycsIHRoaXMuX2hhbmRsZUJ1dHRvbkNsaWNrKTtcbiAgICAgIHRoaXMuYWRkQ29udHJvbGxlcihcbiAgICAgICAgbmV3IFNiYkFuY2VzdG9yV2F0Y2hlckNvbnRyb2xsZXIoXG4gICAgICAgICAgdGhpcyxcbiAgICAgICAgICAoKSA9PiB0aGlzLmNsb3Nlc3QoJ3NiYi1hdXRvY29tcGxldGUtZ3JpZC1vcHRncm91cCcpLFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIGRpc2FibGVkOiAoKSA9PiB0aGlzLl91cGRhdGVJbnRlcm5hbHMoKSxcbiAgICAgICAgICB9LFxuICAgICAgICApLFxuICAgICAgKTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgaXNEaXNhYmxlZEV4dGVybmFsbHkoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMub3B0Z3JvdXA/LmRpc2FibGVkID8/IGZhbHNlO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlclRlbXBsYXRlKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gc3VwZXIucmVuZGVySWNvblNsb3QoKTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIHRoaXMuaWQgfHw9IGBzYmItYXV0b2NvbXBsZXRlLWdyaWQtYnV0dG9uLSR7KythdXRvY29tcGxldGVCdXR0b25OZXh0SWR9YDtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSB3aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczx0aGlzPik6IHZvaWQge1xuICAgIHN1cGVyLndpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXMpO1xuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2Rpc2FibGVkJykpIHtcbiAgICAgIHRoaXMuX3VwZGF0ZUludGVybmFscygpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX3VwZGF0ZUludGVybmFscygpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5kaXNhYmxlZCB8fCB0aGlzLm9wdGdyb3VwPy5kaXNhYmxlZCkge1xuICAgICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmFkZCgnZGlzYWJsZWQnKTtcbiAgICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFEaXNhYmxlZCA9ICd0cnVlJztcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmRlbGV0ZSgnZGlzYWJsZWQnKTtcbiAgICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFEaXNhYmxlZCA9IG51bGw7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfaGFuZGxlQnV0dG9uQ2xpY2sgPSBhc3luYyAoZXZlbnQ6IE1vdXNlRXZlbnQpOiBQcm9taXNlPHZvaWQ+ID0+IHtcbiAgICBpZiAoKGF3YWl0IGlzRXZlbnRQcmV2ZW50ZWQoZXZlbnQpKSB8fCAhdGhpcy5jbG9zZXN0KCdmb3JtJykpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gIH07XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItYXV0b2NvbXBsZXRlLWdyaWQtYnV0dG9uJzogU2JiQXV0b2NvbXBsZXRlR3JpZEJ1dHRvbkVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQWNBLElBQUksMkJBQTJCO0lBYXpCLG9DQUFnQyxNQUFBOztBQUxyQyxNQUFBLG1CQUFBLENBQUEsY0FBYyw4QkFBOEIsR0FDNUMsZUFBZTtBQUFBLElBQ2QsVUFBVTtBQUFBLElBQ1YsZUFBZTtBQUFBLEVBQUEsQ0FDaEIsQ0FBQzs7OztvQkFDNkMsaUJBQzdDLGlCQUFpQixpQkFBaUIsb0JBQW9CLENBQUMsQ0FBQztBQURuQixFQUFBLG1CQUFRLFlBRTlDO0FBQUE7QUFBQSxJQUtDLElBQVcsU0FBTTtBQUNmLGFBQ0UsS0FBSyxRQUFRLDJCQUEyQixHQUFHLGNBQWMsOEJBQThCLEtBQ3ZGO0FBQUEsSUFFSjtBQUFBLElBRUEsSUFBVyxXQUFRO0FBQ2pCLGFBQU8sS0FBSyxRQUFRLGdDQUFnQztBQUFBLElBQ3REO0FBQUEsSUFFQSxjQUFBO0FBQ0UsWUFBQTtBQThDTSxXQUFBLHFCQUFxQixPQUFPLFVBQW9DO0FBQ3RFLFlBQUssTUFBTSxpQkFBaUIsS0FBSyxLQUFNLENBQUMsS0FBSyxRQUFRLE1BQU0sR0FBRztBQUM1RDtBQUFBLFFBQ0Y7QUFBQSxNQUNGO0FBakRFLFVBQUksQ0FBQyxVQUFVO0FBQ2IsYUFBSyx1QkFBQTtBQUNMLGFBQUssaUJBQWlCLFNBQVMsS0FBSyxrQkFBa0I7QUFDdEQsYUFBSyxjQUNILElBQUksNkJBQ0YsTUFDQSxNQUFNLEtBQUssUUFBUSxnQ0FBZ0MsR0FDbkQ7QUFBQSxVQUNFLFVBQVUsTUFBTSxLQUFLLGlCQUFBO0FBQUEsUUFBZ0IsQ0FDdEMsQ0FDRjtBQUFBLE1BRUw7QUFBQSxJQUNGO0FBQUEsSUFFbUIsdUJBQW9CO0FBQ3JDLGFBQU8sS0FBSyxVQUFVLFlBQVk7QUFBQSxJQUNwQztBQUFBLElBRW1CLGlCQUFjO0FBQy9CLGFBQU8sTUFBTSxlQUFBO0FBQUEsSUFDZjtBQUFBLElBRWdCLG9CQUFpQjtBQUMvQixZQUFNLGtCQUFBO0FBQ04sV0FBSyxPQUFPLGdDQUFnQyxFQUFFLHdCQUF3QjtBQUFBLElBQ3hFO0FBQUEsSUFFbUIsV0FBVyxtQkFBdUM7QUFDbkUsWUFBTSxXQUFXLGlCQUFpQjtBQUNsQyxVQUFJLGtCQUFrQixJQUFJLFVBQVUsR0FBRztBQUNyQyxhQUFLLGlCQUFBO0FBQUEsTUFDUDtBQUFBLElBQ0Y7QUFBQSxJQUVRLG1CQUFnQjtBQUN0QixVQUFJLEtBQUssWUFBWSxLQUFLLFVBQVUsVUFBVTtBQUM1QyxhQUFLLFVBQVUsT0FBTyxJQUFJLFVBQVU7QUFDcEMsYUFBSyxVQUFVLGVBQWU7QUFBQSxNQUNoQyxPQUFPO0FBQ0wsYUFBSyxVQUFVLE9BQU8sT0FBTyxVQUFVO0FBQ3ZDLGFBQUssVUFBVSxlQUFlO0FBQUEsTUFDaEM7QUFBQSxJQUNGO0FBQUE7O0FBL0RGLGlCQUFBLE1BQUEsbUJBQUEsRUFBQSxPQUFBLFdBQUEsR0FBQSxrQkFBQSxFQUFBLE1BQUEsU0FBQSxNQUFBLFdBQUEsTUFBQSxVQUFBLFVBQUEsR0FBQSxNQUFBLHVCQUFBOzs7UUFHa0MsR0FBQSxPQUFPLFVBQ2hCLEdBQUEsU0FBeUIsQ0FBQyxpQkFBaUIsZUFBZSxHQUo3RSxrQkFBQSxZQUFBLHVCQUFBLEdBQWlDOzs7In0=

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

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

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

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

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

@@ -0,0 +1,5 @@
+import { SbbAutocompleteGridButtonElement } from "./autocomplete-grid-button/autocomplete-grid-button.component.js";
+export {
+  SbbAutocompleteGridButtonElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLWdyaWQtYnV0dG9uLmpzIiwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjsifQ==

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

@@ -0,0 +1,19 @@
+import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
+declare const SbbAutocompleteGridCellElement_base: import('@sbb-esta/lyne-elements/core/mixins.js').AbstractConstructor<import('@sbb-esta/lyne-elements/core/mixins.js').SbbElementInternalsMixinType> & typeof LitElement & import('@sbb-esta/lyne-elements/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/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-grid-cell.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements-experimental/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAQ,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;;AAKjF;;;;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/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js

@@ -0,0 +1,40 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { SbbElementInternalsMixin } from "@sbb-esta/lyne-elements/core/mixins.js";
+import { boxSizingStyles } from "@sbb-esta/lyne-elements/core/styles.js";
+import { css, LitElement, html } from "lit";
+import { customElement } from "lit/decorators.js";
+const style = css`:host {
+  display: block;
+}
+
+.sbb-autocomplete-grid-cell {
+  display: flex;
+  column-gap: var(--sbb-spacing-fixed-6x);
+}`;
+let SbbAutocompleteGridCellElement = (() => {
+  var _a;
+  let _classDecorators = [customElement("sbb-autocomplete-grid-cell")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbElementInternalsMixin(LitElement);
+  _a = class extends _classSuper {
+    render() {
+      return html`
+      <span class="sbb-autocomplete-grid-cell">
+        <slot></slot>
+      </span>
+    `;
+    }
+  }, _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.role = "gridcell", _a.styles = [boxSizingStyles, style], __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbAutocompleteGridCellElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLWdyaWQtY2VsbC5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy1leHBlcmltZW50YWwvYXV0b2NvbXBsZXRlLWdyaWQvYXV0b2NvbXBsZXRlLWdyaWQtY2VsbC9hdXRvY29tcGxldGUtZ3JpZC1jZWxsLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBTYmJFbGVtZW50SW50ZXJuYWxzTWl4aW4gfSBmcm9tICdAc2JiLWVzdGEvbHluZS1lbGVtZW50cy9jb3JlL21peGlucy5qcyc7XG5pbXBvcnQgeyBib3hTaXppbmdTdHlsZXMgfSBmcm9tICdAc2JiLWVzdGEvbHluZS1lbGVtZW50cy9jb3JlL3N0eWxlcy5qcyc7XG5pbXBvcnQgeyB0eXBlIENTU1Jlc3VsdEdyb3VwLCBodG1sLCBMaXRFbGVtZW50LCB0eXBlIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2F1dG9jb21wbGV0ZS1ncmlkLWNlbGwuc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBBIHdyYXBwZXIgY29tcG9uZW50IGZvciBhdXRvY29tcGxldGUtZ3JpZCBhY3Rpb24gYnV0dG9uLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGEgYHNiYi1hdXRvY29tcGxldGUtZ3JpZC1idXR0b25gIGVsZW1lbnQuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi1hdXRvY29tcGxldGUtZ3JpZC1jZWxsJylcbmNsYXNzIFNiYkF1dG9jb21wbGV0ZUdyaWRDZWxsRWxlbWVudCBleHRlbmRzIFNiYkVsZW1lbnRJbnRlcm5hbHNNaXhpbihMaXRFbGVtZW50KSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgcm9sZSA9ICdncmlkY2VsbCc7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtib3hTaXppbmdTdHlsZXMsIHN0eWxlXTtcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWF1dG9jb21wbGV0ZS1ncmlkLWNlbGxcIj5cbiAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgPC9zcGFuPlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1hdXRvY29tcGxldGUtZ3JpZC1jZWxsJzogU2JiQXV0b2NvbXBsZXRlR3JpZENlbGxFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7OztJQWNNLGtDQUE4QixNQUFBOzswQkFEbkMsY0FBYyw0QkFBNEIsQ0FBQzs7OztvQkFDQyx5QkFBeUIsVUFBVTtBQUEzQyxFQUFBLG1CQUFRLFlBQW9DO0FBQUEsSUFJNUQsU0FBTTtBQUN2QixhQUFPO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxJQUtUO0FBQUE7O0FBVkYsaUJBQUEsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQUNrQyxHQUFBLE9BQU8sWUFDaEIsR0FBQSxTQUF5QixDQUFDLGlCQUFpQixLQUFLLEdBRm5FLGtCQUFBLFlBQUEsdUJBQUEsR0FBK0I7OzsifQ==

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

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

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

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

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

@@ -0,0 +1,5 @@
+import { SbbAutocompleteGridCellElement } from "./autocomplete-grid-cell/autocomplete-grid-cell.component.js";
+export {
+  SbbAutocompleteGridCellElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLWdyaWQtY2VsbC5qcyIsInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W10sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7In0=

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

@@ -0,0 +1,19 @@
+import { SbbAutocompleteBaseElement } from '@sbb-esta/lyne-elements/autocomplete.js';
+import { SbbOptgroupBaseElement } from '@sbb-esta/lyne-elements/option/optgroup.js';
+import { SbbAutocompleteGridOptionElement } from '../autocomplete-grid-option.ts';
+/**
+ * It can be used as a container for one or more `sbb-autocomplete-grid-option`.
+ *
+ * @slot - Use the unnamed slot to add `sbb-autocomplete-grid-option` elements to the `sbb-autocomplete-grid-optgroup`.
+ */
+export declare class SbbAutocompleteGridOptgroupElement extends SbbOptgroupBaseElement {
+    protected get options(): SbbAutocompleteGridOptionElement[];
+    protected getAutocompleteParent(): SbbAutocompleteBaseElement | null;
+    protected setAttributeFromParent(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-autocomplete-grid-optgroup': SbbAutocompleteGridOptgroupElement;
+    }
+}
+//# sourceMappingURL=autocomplete-grid-optgroup.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-grid-optgroup.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements-experimental/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAC1F,OAAO,EAAE,sBAAsB,EAAE,MAAM,4CAA4C,CAAC;AAGpF,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,gCAAgC,CAAC;AAEvF;;;;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;CAIzC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gCAAgC,EAAE,kCAAkC,CAAC;KACtE;CACF"}

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

@@ -0,0 +1,34 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { SbbOptgroupBaseElement } from "@sbb-esta/lyne-elements/option/optgroup.js";
+import { customElement } from "lit/decorators.js";
+let SbbAutocompleteGridOptgroupElement = (() => {
+  var _a;
+  let _classDecorators = [customElement("sbb-autocomplete-grid-optgroup")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbOptgroupBaseElement;
+  _a = class extends _classSuper {
+    get options() {
+      return Array.from(this.querySelectorAll?.("sbb-autocomplete-grid-option") ?? []);
+    }
+    getAutocompleteParent() {
+      return this.closest?.("sbb-autocomplete-grid") || null;
+    }
+    setAttributeFromParent() {
+      this.negative = !!this.closest(`:is(sbb-autocomplete-grid, sbb-form-field)[negative]`);
+      this.toggleAttribute("data-negative", this.negative);
+    }
+  }, _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+    __runInitializers(_classThis, _classExtraInitializers);
+  })(), _a;
+  return _classThis;
+})();
+export {
+  SbbAutocompleteGridOptgroupElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLWdyaWQtb3B0Z3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMtZXhwZXJpbWVudGFsL2F1dG9jb21wbGV0ZS1ncmlkL2F1dG9jb21wbGV0ZS1ncmlkLW9wdGdyb3VwL2F1dG9jb21wbGV0ZS1ncmlkLW9wdGdyb3VwLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFNiYkF1dG9jb21wbGV0ZUJhc2VFbGVtZW50IH0gZnJvbSAnQHNiYi1lc3RhL2x5bmUtZWxlbWVudHMvYXV0b2NvbXBsZXRlLmpzJztcbmltcG9ydCB7IFNiYk9wdGdyb3VwQmFzZUVsZW1lbnQgfSBmcm9tICdAc2JiLWVzdGEvbHluZS1lbGVtZW50cy9vcHRpb24vb3B0Z3JvdXAuanMnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHR5cGUgeyBTYmJBdXRvY29tcGxldGVHcmlkT3B0aW9uRWxlbWVudCB9IGZyb20gJy4uL2F1dG9jb21wbGV0ZS1ncmlkLW9wdGlvbi50cyc7XG5cbi8qKlxuICogSXQgY2FuIGJlIHVzZWQgYXMgYSBjb250YWluZXIgZm9yIG9uZSBvciBtb3JlIGBzYmItYXV0b2NvbXBsZXRlLWdyaWQtb3B0aW9uYC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBgc2JiLWF1dG9jb21wbGV0ZS1ncmlkLW9wdGlvbmAgZWxlbWVudHMgdG8gdGhlIGBzYmItYXV0b2NvbXBsZXRlLWdyaWQtb3B0Z3JvdXBgLlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItYXV0b2NvbXBsZXRlLWdyaWQtb3B0Z3JvdXAnKVxuY2xhc3MgU2JiQXV0b2NvbXBsZXRlR3JpZE9wdGdyb3VwRWxlbWVudCBleHRlbmRzIFNiYk9wdGdyb3VwQmFzZUVsZW1lbnQge1xuICBwcm90ZWN0ZWQgZ2V0IG9wdGlvbnMoKTogU2JiQXV0b2NvbXBsZXRlR3JpZE9wdGlvbkVsZW1lbnRbXSB7XG4gICAgcmV0dXJuIEFycmF5LmZyb20oXG4gICAgICB0aGlzLnF1ZXJ5U2VsZWN0b3JBbGw/Lignc2JiLWF1dG9jb21wbGV0ZS1ncmlkLW9wdGlvbicpID8/IFtdLFxuICAgICkgYXMgU2JiQXV0b2NvbXBsZXRlR3JpZE9wdGlvbkVsZW1lbnRbXTtcbiAgfVxuXG4gIHByb3RlY3RlZCBnZXRBdXRvY29tcGxldGVQYXJlbnQoKTogU2JiQXV0b2NvbXBsZXRlQmFzZUVsZW1lbnQgfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy5jbG9zZXN0Py48U2JiQXV0b2NvbXBsZXRlQmFzZUVsZW1lbnQ+KCdzYmItYXV0b2NvbXBsZXRlLWdyaWQnKSB8fCBudWxsO1xuICB9XG5cbiAgcHJvdGVjdGVkIHNldEF0dHJpYnV0ZUZyb21QYXJlbnQoKTogdm9pZCB7XG4gICAgdGhpcy5uZWdhdGl2ZSA9ICEhdGhpcy5jbG9zZXN0KGA6aXMoc2JiLWF1dG9jb21wbGV0ZS1ncmlkLCBzYmItZm9ybS1maWVsZClbbmVnYXRpdmVdYCk7XG4gICAgdGhpcy50b2dnbGVBdHRyaWJ1dGUoJ2RhdGEtbmVnYXRpdmUnLCB0aGlzLm5lZ2F0aXZlKTtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWF1dG9jb21wbGV0ZS1ncmlkLW9wdGdyb3VwJzogU2JiQXV0b2NvbXBsZXRlR3JpZE9wdGdyb3VwRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztJQWFNLHNDQUFrQyxNQUFBOzswQkFEdkMsY0FBYyxnQ0FBZ0MsQ0FBQzs7OztvQkFDQztBQUFSLEVBQUEsbUJBQVEsWUFBc0I7QUFBQSxJQUNyRSxJQUFjLFVBQU87QUFDbkIsYUFBTyxNQUFNLEtBQ1gsS0FBSyxtQkFBbUIsOEJBQThCLEtBQUssRUFBRTtBQUFBLElBRWpFO0FBQUEsSUFFVSx3QkFBcUI7QUFDN0IsYUFBTyxLQUFLLFVBQXNDLHVCQUF1QixLQUFLO0FBQUEsSUFDaEY7QUFBQSxJQUVVLHlCQUFzQjtBQUM5QixXQUFLLFdBQVcsQ0FBQyxDQUFDLEtBQUssUUFBUSxzREFBc0Q7QUFDckYsV0FBSyxnQkFBZ0IsaUJBQWlCLEtBQUssUUFBUTtBQUFBLElBQ3JEO0FBQUEsRUFBQTs7QUFkRixpQkFBQSxNQUFBLG1CQUFBLEVBQUEsT0FBQSxXQUFBLEdBQUEsa0JBQUEsRUFBQSxNQUFBLFNBQUEsTUFBQSxXQUFBLE1BQUEsVUFBQSxVQUFBLEdBQUEsTUFBQSx1QkFBQTs7O0FBQU0sc0JBQUEsWUFBQSx1QkFBQTtBQUFBLEVBQUEsTUFBbUM7OzsifQ==

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

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

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

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

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

@@ -0,0 +1,5 @@
+import { SbbAutocompleteGridOptgroupElement } from "./autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.js";
+export {
+  SbbAutocompleteGridOptgroupElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLWdyaWQtb3B0Z3JvdXAuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOyJ9

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

@@ -0,0 +1,27 @@
+import { SbbOptionBaseElement } from '@sbb-esta/lyne-elements/option.js';
+import { CSSResultGroup, PropertyValues } from 'lit';
+export declare const autocompleteGridOptionId: string;
+/**
+ * It displays an option item which can be used in `sbb-autocomplete-grid`.
+ *
+ * @slot - Use the unnamed slot to add content to the option label.
+ * @slot icon - Use this slot to provide an icon. If `icon-name` is set, a sbb-icon will be used.
+ * @cssprop [--sbb-option-icon-container-display=none] - Can be used to reserve space even
+ * when preserve-icon-space on autocomplete is not set or iconName is not set.
+ * @overrideType value - T = string
+ */
+export declare class SbbAutocompleteGridOptionElement<T = string> extends SbbOptionBaseElement<T> {
+    static readonly role = "gridcell";
+    static styles: CSSResultGroup;
+    protected optionId: string;
+    constructor();
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    protected setAttributeFromParent(): void;
+    protected selectByClick(event: MouseEvent): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-autocomplete-grid-option': SbbAutocompleteGridOptionElement;
+    }
+}
+//# sourceMappingURL=autocomplete-grid-option.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-grid-option.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements-experimental/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1D,eAAO,MAAM,wBAAwB,EAAE,MAAuC,CAAC;AAE/E;;;;;;;;GAQG;AACH,qBAEM,gCAAgC,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,oBAAoB,CAAC,CAAC,CAAC;IAChF,gBAAgC,IAAI,cAAc;IAClD,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzE,SAAS,CAAC,QAAQ,SAA4B;;cAkB3B,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAW5E,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;CACF"}