@sbb-esta/lyne-elements 2.8.0 → 2.10.0

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/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;AAOjF;;;;GAIG;AACH,qBAKM,8BAA+B,SAAQ,UAAU;IACrD,OAAuB,MAAM,EAAE,cAAc,CAAS;cAEnC,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,4BAA4B,EAAE,8BAA8B,CAAC;KAC9D;CACF"}

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

@@ -0,0 +1,47 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { css, LitElement, html } from "lit";
+import { customElement } from "lit/decorators.js";
+import { hostAttributes } from "../../core/decorators.js";
+const style = css`*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+: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"), hostAttributes({
+    role: "gridcell"
+  })];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = 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.styles = style, __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbAutocompleteGridCellElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLWdyaWQtY2VsbC5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9hdXRvY29tcGxldGUtZ3JpZC9hdXRvY29tcGxldGUtZ3JpZC1jZWxsL2F1dG9jb21wbGV0ZS1ncmlkLWNlbGwuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHR5cGUgQ1NTUmVzdWx0R3JvdXAsIGh0bWwsIExpdEVsZW1lbnQsIHR5cGUgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgaG9zdEF0dHJpYnV0ZXMgfSBmcm9tICcuLi8uLi9jb3JlL2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9hdXRvY29tcGxldGUtZ3JpZC1jZWxsLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogQSB3cmFwcGVyIGNvbXBvbmVudCBmb3IgYXV0b2NvbXBsZXRlLWdyaWQgYWN0aW9uIGJ1dHRvbi5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBhIGBzYmItYXV0b2NvbXBsZXRlLWdyaWQtYnV0dG9uYCBlbGVtZW50LlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItYXV0b2NvbXBsZXRlLWdyaWQtY2VsbCcpXG5AaG9zdEF0dHJpYnV0ZXMoe1xuICByb2xlOiAnZ3JpZGNlbGwnLFxufSlcbmNsYXNzIFNiYkF1dG9jb21wbGV0ZUdyaWRDZWxsRWxlbWVudCBleHRlbmRzIExpdEVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWF1dG9jb21wbGV0ZS1ncmlkLWNlbGxcIj5cbiAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgPC9zcGFuPlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1hdXRvY29tcGxldGUtZ3JpZC1jZWxsJzogU2JiQXV0b2NvbXBsZXRlR3JpZENlbGxFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBaUJNLGtDQUE4QixNQUFBOztBQUpuQyxNQUFBLG1CQUFBLENBQUEsY0FBYyw0QkFBNEIsR0FDMUMsZUFBZTtBQUFBLElBQ2QsTUFBTTtBQUFBLEVBQUEsQ0FDUCxDQUFDOzs7O29CQUMyQztBQUFSLEVBQUEsbUJBQVEsWUFBVTtBQUFBLElBR2xDLFNBQU07QUFDaEIsYUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsSUFBQTtBQUFBOztBQUpYLGlCQVVDLE1BQUEsbUJBQUEsRUFBQSxPQUFBLFdBQUEsR0FBQSxrQkFBQSxFQUFBLE1BQUEsU0FBQSxNQUFBLFdBQUEsTUFBQSxVQUFBLFVBQUEsR0FBQSxNQUFBLHVCQUFBOzs7UUFUd0IsR0FBTSxTQUFtQixPQUQ1QyxrQkFBOEIsWUFBQSx1QkFBQSxHQUFDOzs7In0=

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

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

package/development/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;;GAEG;AACH,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,8DAA8D,CAAC"}

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

@@ -1,4 +1,4 @@
-import { SbbAutocompleteGridCellElement } from "./autocomplete-grid-cell/autocomplete-grid-cell.js";
+import { SbbAutocompleteGridCellElement } from "./autocomplete-grid-cell/autocomplete-grid-cell.component.js";
 export {
   SbbAutocompleteGridCellElement
 };

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

@@ -0,0 +1,20 @@
+import { SbbAutocompleteBaseElement } from '../../autocomplete.js';
+import { SbbOptgroupBaseElement } from '../../option/optgroup.js';
+import { SbbAutocompleteGridOptionElement } from '../autocomplete-grid-option.js';
+/**
+ * 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;
+    protected proxyDisabledToOptions(): 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/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AACxE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE,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;cAKrB,sBAAsB,IAAI,IAAI;CASlD;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,44 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement } from "lit/decorators.js";
+import { SbbOptgroupBaseElement } from "../../option/optgroup.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() {
+      var _a2;
+      return Array.from(((_a2 = this.querySelectorAll) == null ? void 0 : _a2.call(this, "sbb-autocomplete-grid-option")) ?? []);
+    }
+    getAutocompleteParent() {
+      var _a2;
+      return ((_a2 = this.closest) == null ? void 0 : _a2.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 _a2;
+      super.proxyDisabledToOptions();
+      const buttons = Array.from(((_a2 = this.querySelectorAll) == null ? void 0 : _a2.call(this, "sbb-autocomplete-grid-button")) ?? []);
+      for (const el of buttons) {
+        el.toggleAttribute("data-group-disabled", this.disabled);
+      }
+    }
+  }, _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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLWdyaWQtb3B0Z3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvYXV0b2NvbXBsZXRlLWdyaWQvYXV0b2NvbXBsZXRlLWdyaWQtb3B0Z3JvdXAvYXV0b2NvbXBsZXRlLWdyaWQtb3B0Z3JvdXAuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGN1c3RvbUVsZW1lbnQgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB0eXBlIHsgU2JiQXV0b2NvbXBsZXRlQmFzZUVsZW1lbnQgfSBmcm9tICcuLi8uLi9hdXRvY29tcGxldGUuanMnO1xuaW1wb3J0IHsgU2JiT3B0Z3JvdXBCYXNlRWxlbWVudCB9IGZyb20gJy4uLy4uL29wdGlvbi9vcHRncm91cC5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYkF1dG9jb21wbGV0ZUdyaWRCdXR0b25FbGVtZW50IH0gZnJvbSAnLi4vYXV0b2NvbXBsZXRlLWdyaWQtYnV0dG9uLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiQXV0b2NvbXBsZXRlR3JpZE9wdGlvbkVsZW1lbnQgfSBmcm9tICcuLi9hdXRvY29tcGxldGUtZ3JpZC1vcHRpb24uanMnO1xuXG4vKipcbiAqIEl0IGNhbiBiZSB1c2VkIGFzIGEgY29udGFpbmVyIGZvciBvbmUgb3IgbW9yZSBgc2JiLWF1dG9jb21wbGV0ZS1ncmlkLW9wdGlvbmAuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgYHNiYi1hdXRvY29tcGxldGUtZ3JpZC1vcHRpb25gIGVsZW1lbnRzIHRvIHRoZSBgc2JiLWF1dG9jb21wbGV0ZS1ncmlkLW9wdGdyb3VwYC5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLWF1dG9jb21wbGV0ZS1ncmlkLW9wdGdyb3VwJylcbmNsYXNzIFNiYkF1dG9jb21wbGV0ZUdyaWRPcHRncm91cEVsZW1lbnQgZXh0ZW5kcyBTYmJPcHRncm91cEJhc2VFbGVtZW50IHtcbiAgcHJvdGVjdGVkIGdldCBvcHRpb25zKCk6IFNiYkF1dG9jb21wbGV0ZUdyaWRPcHRpb25FbGVtZW50W10ge1xuICAgIHJldHVybiBBcnJheS5mcm9tKFxuICAgICAgdGhpcy5xdWVyeVNlbGVjdG9yQWxsPy4oJ3NiYi1hdXRvY29tcGxldGUtZ3JpZC1vcHRpb24nKSA/PyBbXSxcbiAgICApIGFzIFNiYkF1dG9jb21wbGV0ZUdyaWRPcHRpb25FbGVtZW50W107XG4gIH1cblxuICBwcm90ZWN0ZWQgZ2V0QXV0b2NvbXBsZXRlUGFyZW50KCk6IFNiYkF1dG9jb21wbGV0ZUJhc2VFbGVtZW50IHwgbnVsbCB7XG4gICAgcmV0dXJuIHRoaXMuY2xvc2VzdD8uPFNiYkF1dG9jb21wbGV0ZUJhc2VFbGVtZW50Pignc2JiLWF1dG9jb21wbGV0ZS1ncmlkJykgfHwgbnVsbDtcbiAgfVxuXG4gIHByb3RlY3RlZCBzZXRBdHRyaWJ1dGVGcm9tUGFyZW50KCk6IHZvaWQge1xuICAgIHRoaXMubmVnYXRpdmUgPSAhIXRoaXMuY2xvc2VzdChgOmlzKHNiYi1hdXRvY29tcGxldGUtZ3JpZCwgc2JiLWZvcm0tZmllbGQpW25lZ2F0aXZlXWApO1xuICAgIHRoaXMudG9nZ2xlQXR0cmlidXRlKCdkYXRhLW5lZ2F0aXZlJywgdGhpcy5uZWdhdGl2ZSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcHJveHlEaXNhYmxlZFRvT3B0aW9ucygpOiB2b2lkIHtcbiAgICBzdXBlci5wcm94eURpc2FibGVkVG9PcHRpb25zKCk7XG4gICAgY29uc3QgYnV0dG9ucyA9IEFycmF5LmZyb20oXG4gICAgICB0aGlzLnF1ZXJ5U2VsZWN0b3JBbGw/Lignc2JiLWF1dG9jb21wbGV0ZS1ncmlkLWJ1dHRvbicpID8/IFtdLFxuICAgICkgYXMgU2JiQXV0b2NvbXBsZXRlR3JpZEJ1dHRvbkVsZW1lbnRbXTtcbiAgICBmb3IgKGNvbnN0IGVsIG9mIGJ1dHRvbnMpIHtcbiAgICAgIGVsLnRvZ2dsZUF0dHJpYnV0ZSgnZGF0YS1ncm91cC1kaXNhYmxlZCcsIHRoaXMuZGlzYWJsZWQpO1xuICAgIH1cbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWF1dG9jb21wbGV0ZS1ncmlkLW9wdGdyb3VwJzogU2JiQXV0b2NvbXBsZXRlR3JpZE9wdGdyb3VwRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbIl9hIl0sIm1hcHBpbmdzIjoiOzs7SUFjTSxzQ0FBa0MsTUFBQTs7MEJBRHZDLGNBQWMsZ0NBQWdDLENBQUM7Ozs7b0JBQ0M7QUFBUixFQUFBLG1CQUFRLFlBQXNCO0FBQUEsSUFDckUsSUFBYyxVQUFPOztBQUNuQixhQUFPLE1BQU0sT0FDWEEsTUFBQSxLQUFLLHFCQUFMLGdCQUFBQSxJQUFBLFdBQXdCLG9DQUFtQyxFQUFFO0FBQUEsSUFBQTtBQUFBLElBSXZELHdCQUFxQjs7QUFDdEIsZUFBQUEsTUFBQSxLQUFLLFlBQUwsZ0JBQUFBLElBQUEsV0FBMkMsNkJBQTRCO0FBQUEsSUFBQTtBQUFBLElBR3RFLHlCQUFzQjtBQUM5QixXQUFLLFdBQVcsQ0FBQyxDQUFDLEtBQUssUUFBUSxzREFBc0Q7QUFDaEYsV0FBQSxnQkFBZ0IsaUJBQWlCLEtBQUssUUFBUTtBQUFBLElBQUE7QUFBQSxJQUdsQyx5QkFBc0I7O0FBQ3ZDLFlBQU0sdUJBQXNCO0FBQ3RCLFlBQUEsVUFBVSxNQUFNLE9BQ3BCQSxNQUFBLEtBQUsscUJBQUwsZ0JBQUFBLElBQUEsV0FBd0Isb0NBQW1DLEVBQUU7QUFFL0QsaUJBQVcsTUFBTSxTQUFTO0FBQ3JCLFdBQUEsZ0JBQWdCLHVCQUF1QixLQUFLLFFBQVE7QUFBQSxNQUFBO0FBQUEsSUFDekQ7QUFBQSxFQUNGOztBQXhCRixpQkF5QkMsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztBQXpCSyxzQkFBa0MsWUFBQSx1QkFBQTtBQUFBLEVBQUEsTUFBQzs7OyJ9

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

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

package/development/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;;GAEG;AACH,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,sEAAsE,CAAC"}

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

@@ -1,4 +1,4 @@
-import { SbbAutocompleteGridOptgroupElement } from "./autocomplete-grid-optgroup/autocomplete-grid-optgroup.js";
+import { SbbAutocompleteGridOptgroupElement } from "./autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.js";
 export {
   SbbAutocompleteGridOptgroupElement
 };

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

@@ -0,0 +1,39 @@
+import { CSSResultGroup, PropertyValues } from 'lit';
+import { EventEmitter } from '../../core/eventing.js';
+import { SbbOptionBaseElement } from '../../option.js';
+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.
+ * @event {CustomEvent<void>} autocompleteOptionSelectionChange - Emits when the option selection status changes.
+ * @event {CustomEvent<void>} autocompleteOptionSelected - Emits when an option was selected by user.
+ * @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.
+ */
+export declare class SbbAutocompleteGridOptionElement extends SbbOptionBaseElement {
+    static styles: CSSResultGroup;
+    static readonly events: {
+        readonly selectionChange: "autocompleteOptionSelectionChange";
+        readonly optionSelected: "autocompleteOptionSelected";
+    };
+    protected optionId: string;
+    /** Emits when the option selection status changes. */
+    protected selectionChange: EventEmitter;
+    /** Emits when an option was selected by user. */
+    protected optionSelected: EventEmitter;
+    protected onExternalMutation(mutationsList: MutationRecord[]): void;
+    willUpdate(changedProperties: PropertyValues<this>): void;
+    protected setAttributeFromParent(): void;
+    protected selectByClick(event: MouseEvent): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-autocomplete-grid-option': SbbAutocompleteGridOptionElement;
+    }
+    interface GlobalEventHandlersEventMap {
+        autocompleteOptionSelectionChange: CustomEvent<void>;
+    }
+}
+//# 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/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1D,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAIvD,eAAO,MAAM,wBAAwB,EAAE,MAAuC,CAAC;AAE/E;;;;;;;;;GASG;AACH,qBAKM,gCAAiC,SAAQ,oBAAoB;IACjE,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;MAGlB;IAEX,SAAS,CAAC,QAAQ,SAA4B;IAE9C,sDAAsD;IACtD,SAAS,CAAC,eAAe,EAAE,YAAY,CAGrC;IAEF,iDAAiD;IACjD,SAAS,CAAC,cAAc,EAAE,YAAY,CAGpC;cAEiB,kBAAkB,CAAC,aAAa,EAAE,cAAc,EAAE,GAAG,IAAI;IAQ5D,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAWzE,SAAS,CAAC,sBAAsB,IAAI,IAAI;IAexC,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;CAQjD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,8BAA8B,EAAE,gCAAgC,CAAC;KAClE;IAED,UAAU,2BAA2B;QACnC,iCAAiC,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;KACtD;CACF"}

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

@@ -0,0 +1,139 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement } from "lit/decorators.js";
+import { hostAttributes } from "../../core/decorators.js";
+import { EventEmitter } from "../../core/eventing.js";
+import { SbbOptionBaseElement } from "../../option.js";
+import { css } from "lit";
+const style = css`*,
+::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: normal;
+  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: bold;
+}
+@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);
+}`;
+const autocompleteGridOptionId = `sbb-autocomplete-grid-option`;
+let SbbAutocompleteGridOptionElement = (() => {
+  var _a;
+  let _classDecorators = [customElement("sbb-autocomplete-grid-option"), hostAttributes({
+    role: "gridcell"
+  })];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbOptionBaseElement;
+  var SbbAutocompleteGridOptionElement2 = (_a = class extends _classSuper {
+    constructor() {
+      super(...arguments);
+      this.optionId = autocompleteGridOptionId;
+      this.selectionChange = new EventEmitter(this, SbbAutocompleteGridOptionElement2.events.selectionChange);
+      this.optionSelected = new EventEmitter(this, SbbAutocompleteGridOptionElement2.events.optionSelected);
+    }
+    onExternalMutation(mutationsList) {
+      var _a2, _b;
+      super.onExternalMutation(mutationsList);
+      (_b = (_a2 = this.closest) == null ? void 0 : _a2.call(this, "sbb-autocomplete-grid-row")) == null ? void 0 : _b.toggleAttribute("data-disabled", this.disabled || this.disabledFromGroup);
+    }
+    willUpdate(changedProperties) {
+      var _a2, _b;
+      super.willUpdate(changedProperties);
+      if (changedProperties.has("disabled")) {
+        (_b = (_a2 = this.closest) == null ? void 0 : _a2.call(this, "sbb-autocomplete-grid-row")) == null ? void 0 : _b.toggleAttribute("data-disabled", this.disabled || this.disabledFromGroup);
+        this.updateAriaDisabled();
+      }
+    }
+    setAttributeFromParent() {
+      var _a2;
+      const parentGroup = this.closest("sbb-autocomplete-grid-optgroup");
+      if (parentGroup) {
+        this.disabledFromGroup = parentGroup.disabled;
+        this.updateAriaDisabled();
+      }
+      (_a2 = this.closest("sbb-autocomplete-grid-row")) == null ? void 0 : _a2.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(event) {
+      if (this.disabled || this.disabledFromGroup) {
+        event.stopPropagation();
+        return;
+      }
+      this.setSelectedViaUserInteraction(true);
+    }
+  }, _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);
+    SbbAutocompleteGridOptionElement2 = _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.styles = style, _a.events = {
+    selectionChange: "autocompleteOptionSelectionChange",
+    optionSelected: "autocompleteOptionSelected"
+  }, __runInitializers(_classThis, _classExtraInitializers), _a);
+  return SbbAutocompleteGridOptionElement2 = _classThis;
+})();
+export {
+  SbbAutocompleteGridOptionElement,
+  autocompleteGridOptionId
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLWdyaWQtb3B0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2F1dG9jb21wbGV0ZS1ncmlkL2F1dG9jb21wbGV0ZS1ncmlkLW9wdGlvbi9hdXRvY29tcGxldGUtZ3JpZC1vcHRpb24uY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFByb3BlcnR5VmFsdWVzIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IGhvc3RBdHRyaWJ1dGVzIH0gZnJvbSAnLi4vLi4vY29yZS9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IEV2ZW50RW1pdHRlciB9IGZyb20gJy4uLy4uL2NvcmUvZXZlbnRpbmcuanMnO1xuaW1wb3J0IHsgU2JiT3B0aW9uQmFzZUVsZW1lbnQgfSBmcm9tICcuLi8uLi9vcHRpb24uanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9hdXRvY29tcGxldGUtZ3JpZC1vcHRpb24uc2Nzcz9saXQmaW5saW5lJztcblxuZXhwb3J0IGNvbnN0IGF1dG9jb21wbGV0ZUdyaWRPcHRpb25JZDogc3RyaW5nID0gYHNiYi1hdXRvY29tcGxldGUtZ3JpZC1vcHRpb25gO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGFuIG9wdGlvbiBpdGVtIHdoaWNoIGNhbiBiZSB1c2VkIGluIGBzYmItYXV0b2NvbXBsZXRlLWdyaWRgLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGNvbnRlbnQgdG8gdGhlIG9wdGlvbiBsYWJlbC5cbiAqIEBzbG90IGljb24gLSBVc2UgdGhpcyBzbG90IHRvIHByb3ZpZGUgYW4gaWNvbi4gSWYgYGljb24tbmFtZWAgaXMgc2V0LCBhIHNiYi1pY29uIHdpbGwgYmUgdXNlZC5cbiAqIEBldmVudCB7Q3VzdG9tRXZlbnQ8dm9pZD59IGF1dG9jb21wbGV0ZU9wdGlvblNlbGVjdGlvbkNoYW5nZSAtIEVtaXRzIHdoZW4gdGhlIG9wdGlvbiBzZWxlY3Rpb24gc3RhdHVzIGNoYW5nZXMuXG4gKiBAZXZlbnQge0N1c3RvbUV2ZW50PHZvaWQ+fSBhdXRvY29tcGxldGVPcHRpb25TZWxlY3RlZCAtIEVtaXRzIHdoZW4gYW4gb3B0aW9uIHdhcyBzZWxlY3RlZCBieSB1c2VyLlxuICogQGNzc3Byb3AgWy0tc2JiLW9wdGlvbi1pY29uLWNvbnRhaW5lci1kaXNwbGF5PW5vbmVdIC0gQ2FuIGJlIHVzZWQgdG8gcmVzZXJ2ZSBzcGFjZSBldmVuXG4gKiB3aGVuIHByZXNlcnZlLWljb24tc3BhY2Ugb24gYXV0b2NvbXBsZXRlIGlzIG5vdCBzZXQgb3IgaWNvbk5hbWUgaXMgbm90IHNldC5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLWF1dG9jb21wbGV0ZS1ncmlkLW9wdGlvbicpXG5AaG9zdEF0dHJpYnV0ZXMoe1xuICByb2xlOiAnZ3JpZGNlbGwnLFxufSlcbmNsYXNzIFNiYkF1dG9jb21wbGV0ZUdyaWRPcHRpb25FbGVtZW50IGV4dGVuZHMgU2JiT3B0aW9uQmFzZUVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcbiAgcHVibGljIHN0YXRpYyByZWFkb25seSBldmVudHMgPSB7XG4gICAgc2VsZWN0aW9uQ2hhbmdlOiAnYXV0b2NvbXBsZXRlT3B0aW9uU2VsZWN0aW9uQ2hhbmdlJyxcbiAgICBvcHRpb25TZWxlY3RlZDogJ2F1dG9jb21wbGV0ZU9wdGlvblNlbGVjdGVkJyxcbiAgfSBhcyBjb25zdDtcblxuICBwcm90ZWN0ZWQgb3B0aW9uSWQgPSBhdXRvY29tcGxldGVHcmlkT3B0aW9uSWQ7XG5cbiAgLyoqIEVtaXRzIHdoZW4gdGhlIG9wdGlvbiBzZWxlY3Rpb24gc3RhdHVzIGNoYW5nZXMuICovXG4gIHByb3RlY3RlZCBzZWxlY3Rpb25DaGFuZ2U6IEV2ZW50RW1pdHRlciA9IG5ldyBFdmVudEVtaXR0ZXIoXG4gICAgdGhpcyxcbiAgICBTYmJBdXRvY29tcGxldGVHcmlkT3B0aW9uRWxlbWVudC5ldmVudHMuc2VsZWN0aW9uQ2hhbmdlLFxuICApO1xuXG4gIC8qKiBFbWl0cyB3aGVuIGFuIG9wdGlvbiB3YXMgc2VsZWN0ZWQgYnkgdXNlci4gKi9cbiAgcHJvdGVjdGVkIG9wdGlvblNlbGVjdGVkOiBFdmVudEVtaXR0ZXIgPSBuZXcgRXZlbnRFbWl0dGVyKFxuICAgIHRoaXMsXG4gICAgU2JiQXV0b2NvbXBsZXRlR3JpZE9wdGlvbkVsZW1lbnQuZXZlbnRzLm9wdGlvblNlbGVjdGVkLFxuICApO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSBvbkV4dGVybmFsTXV0YXRpb24obXV0YXRpb25zTGlzdDogTXV0YXRpb25SZWNvcmRbXSk6IHZvaWQge1xuICAgIHN1cGVyLm9uRXh0ZXJuYWxNdXRhdGlvbihtdXRhdGlvbnNMaXN0KTtcbiAgICB0aGlzLmNsb3Nlc3Q/Lignc2JiLWF1dG9jb21wbGV0ZS1ncmlkLXJvdycpPy50b2dnbGVBdHRyaWJ1dGUoXG4gICAgICAnZGF0YS1kaXNhYmxlZCcsXG4gICAgICB0aGlzLmRpc2FibGVkIHx8IHRoaXMuZGlzYWJsZWRGcm9tR3JvdXAsXG4gICAgKTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSB3aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczx0aGlzPik6IHZvaWQge1xuICAgIHN1cGVyLndpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXMpO1xuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2Rpc2FibGVkJykpIHtcbiAgICAgIHRoaXMuY2xvc2VzdD8uKCdzYmItYXV0b2NvbXBsZXRlLWdyaWQtcm93Jyk/LnRvZ2dsZUF0dHJpYnV0ZShcbiAgICAgICAgJ2RhdGEtZGlzYWJsZWQnLFxuICAgICAgICB0aGlzLmRpc2FibGVkIHx8IHRoaXMuZGlzYWJsZWRGcm9tR3JvdXAsXG4gICAgICApO1xuICAgICAgdGhpcy51cGRhdGVBcmlhRGlzYWJsZWQoKTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgc2V0QXR0cmlidXRlRnJvbVBhcmVudCgpOiB2b2lkIHtcbiAgICBjb25zdCBwYXJlbnRHcm91cCA9IHRoaXMuY2xvc2VzdCgnc2JiLWF1dG9jb21wbGV0ZS1ncmlkLW9wdGdyb3VwJyk7XG4gICAgaWYgKHBhcmVudEdyb3VwKSB7XG4gICAgICB0aGlzLmRpc2FibGVkRnJvbUdyb3VwID0gcGFyZW50R3JvdXAuZGlzYWJsZWQ7XG4gICAgICB0aGlzLnVwZGF0ZUFyaWFEaXNhYmxlZCgpO1xuICAgIH1cbiAgICB0aGlzLmNsb3Nlc3QoJ3NiYi1hdXRvY29tcGxldGUtZ3JpZC1yb3cnKT8udG9nZ2xlQXR0cmlidXRlKFxuICAgICAgJ2RhdGEtZGlzYWJsZWQnLFxuICAgICAgdGhpcy5kaXNhYmxlZCB8fCB0aGlzLmRpc2FibGVkRnJvbUdyb3VwLFxuICAgICk7XG5cbiAgICB0aGlzLm5lZ2F0aXZlID0gISF0aGlzLmNsb3Nlc3QoYDppcyhzYmItYXV0b2NvbXBsZXRlLWdyaWRbbmVnYXRpdmVdLHNiYi1mb3JtLWZpZWxkW25lZ2F0aXZlXSlgKTtcbiAgICB0aGlzLnRvZ2dsZUF0dHJpYnV0ZSgnZGF0YS1uZWdhdGl2ZScsIHRoaXMubmVnYXRpdmUpO1xuICB9XG5cbiAgcHJvdGVjdGVkIHNlbGVjdEJ5Q2xpY2soZXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5kaXNhYmxlZCB8fCB0aGlzLmRpc2FibGVkRnJvbUdyb3VwKSB7XG4gICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aGlzLnNldFNlbGVjdGVkVmlhVXNlckludGVyYWN0aW9uKHRydWUpO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItYXV0b2NvbXBsZXRlLWdyaWQtb3B0aW9uJzogU2JiQXV0b2NvbXBsZXRlR3JpZE9wdGlvbkVsZW1lbnQ7XG4gIH1cblxuICBpbnRlcmZhY2UgR2xvYmFsRXZlbnRIYW5kbGVyc0V2ZW50TWFwIHtcbiAgICBhdXRvY29tcGxldGVPcHRpb25TZWxlY3Rpb25DaGFuZ2U6IEN1c3RvbUV2ZW50PHZvaWQ+O1xuICB9XG59XG4iXSwibmFtZXMiOlsiU2JiQXV0b2NvbXBsZXRlR3JpZE9wdGlvbkVsZW1lbnQiLCJfYSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBU08sTUFBTSwyQkFBbUM7SUFpQjFDLG9DQUFnQyxNQUFBOztBQUpyQyxNQUFBLG1CQUFBLENBQUEsY0FBYyw4QkFBOEIsR0FDNUMsZUFBZTtBQUFBLElBQ2QsTUFBTTtBQUFBLEVBQUEsQ0FDUCxDQUFDOzs7O29CQUM2QztBQUFSQSxNQUFBQSxxQ0FBQSxtQkFBUSxZQUFvQjtBQUFBOztBQU92RCxXQUFRLFdBQUc7QUFHWCxXQUFBLGtCQUFnQyxJQUFJLGFBQzVDLE1BQ0FBLGtDQUFpQyxPQUFPLGVBQWU7QUFJL0MsV0FBQSxpQkFBK0IsSUFBSSxhQUMzQyxNQUNBQSxrQ0FBaUMsT0FBTyxjQUFjO0FBQUEsSUFBQTtBQUFBLElBR3JDLG1CQUFtQixlQUErQjs7QUFDbkUsWUFBTSxtQkFBbUIsYUFBYTtBQUNqQyxhQUFBQyxNQUFBLEtBQUEsWUFBQSxnQkFBQUEsSUFBQSxXQUFVLGlDQUFWLG1CQUF3QyxnQkFDM0MsaUJBQ0EsS0FBSyxZQUFZLEtBQUs7QUFBQSxJQUFpQjtBQUFBLElBSTNCLFdBQVcsbUJBQXVDOztBQUNoRSxZQUFNLFdBQVcsaUJBQWlCO0FBQzlCLFVBQUEsa0JBQWtCLElBQUksVUFBVSxHQUFHO0FBQ2hDLGVBQUFBLE1BQUEsS0FBQSxZQUFBLGdCQUFBQSxJQUFBLFdBQVUsaUNBQVYsbUJBQXdDLGdCQUMzQyxpQkFDQSxLQUFLLFlBQVksS0FBSztBQUV4QixhQUFLLG1CQUFrQjtBQUFBLE1BQUE7QUFBQSxJQUN6QjtBQUFBLElBR1EseUJBQXNCOztBQUN4QixZQUFBLGNBQWMsS0FBSyxRQUFRLGdDQUFnQztBQUNqRSxVQUFJLGFBQWE7QUFDZixhQUFLLG9CQUFvQixZQUFZO0FBQ3JDLGFBQUssbUJBQWtCO0FBQUEsTUFBQTtBQUVwQixPQUFBQSxNQUFBLEtBQUEsUUFBUSwyQkFBMkIsTUFBbkMsZ0JBQUFBLElBQXNDLGdCQUN6QyxpQkFDQSxLQUFLLFlBQVksS0FBSztBQUd4QixXQUFLLFdBQVcsQ0FBQyxDQUFDLEtBQUssUUFBUSwrREFBK0Q7QUFDekYsV0FBQSxnQkFBZ0IsaUJBQWlCLEtBQUssUUFBUTtBQUFBLElBQUE7QUFBQSxJQUczQyxjQUFjLE9BQWlCO0FBQ25DLFVBQUEsS0FBSyxZQUFZLEtBQUssbUJBQW1CO0FBQzNDLGNBQU0sZ0JBQWU7QUFDckI7QUFBQSxNQUFBO0FBR0YsV0FBSyw4QkFBOEIsSUFBSTtBQUFBLElBQUE7QUFBQTs7QUE3RDNDLGlCQStEQyxNQUFBLG1CQUFBLEVBQUEsT0FBQSxXQUFBLEdBQUEsa0JBQUEsRUFBQSxNQUFBLFNBQUEsTUFBQSxXQUFBLE1BQUEsVUFBQSxVQUFBLEdBQUEsTUFBQSx1QkFBQTs7O1FBOUR3QixHQUFNLFNBQW1CLE9BQ3pCLEdBQUEsU0FBUztBQUFBLElBQzlCLGlCQUFpQjtBQUFBLElBQ2pCLGdCQUFnQjtBQUFBLEVBQ1IsR0FMTixrQkFBZ0MsWUFBQSx1QkFBQSxHQUFDOzs7In0=

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

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

package/development/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;;GAEG;AACH,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,kEAAkE,CAAC"}

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

@@ -1,4 +1,4 @@
-import { SbbAutocompleteGridOptionElement, autocompleteGridOptionId } from "./autocomplete-grid-option/autocomplete-grid-option.js";
+import { SbbAutocompleteGridOptionElement, autocompleteGridOptionId } from "./autocomplete-grid-option/autocomplete-grid-option.component.js";
 export {
   SbbAutocompleteGridOptionElement,
   autocompleteGridOptionId

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

@@ -0,0 +1,17 @@
+import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
+/**
+ * The component is used as a wrapper for options and action buttons.
+ *
+ * @slot - Use the unnamed slot to add a `sbb-autocomplete-grid-option` and a `sbb-autocomplete-grid-cell` with one or more `sbb-autocomplete-grid-button`.
+ */
+export declare class SbbAutocompleteGridRowElement extends LitElement {
+    static styles: CSSResultGroup;
+    connectedCallback(): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-autocomplete-grid-row': SbbAutocompleteGridRowElement;
+    }
+}
+//# sourceMappingURL=autocomplete-grid-row.component.d.ts.map

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

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

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

@@ -0,0 +1,123 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { css, LitElement, html } from "lit";
+import { customElement } from "lit/decorators.js";
+import { hostAttributes } from "../../core/decorators.js";
+const style = css`*,
+::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;
+  inset: 0.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 autocompleteRowNextId = 0;
+let SbbAutocompleteGridRowElement = (() => {
+  var _a;
+  let _classDecorators = [customElement("sbb-autocomplete-grid-row"), hostAttributes({
+    role: "row"
+  })];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = LitElement;
+  _a = class extends _classSuper {
+    connectedCallback() {
+      super.connectedCallback();
+      this.id || (this.id = `sbb-autocomplete-grid-row-${++autocompleteRowNextId}`);
+    }
+    render() {
+      return html`
+      <span class="sbb-autocomplete-grid-row">
+        <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.styles = style, __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbAutocompleteGridRowElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLWdyaWQtcm93LmNvbXBvbmVudC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2F1dG9jb21wbGV0ZS1ncmlkL2F1dG9jb21wbGV0ZS1ncmlkLXJvdy9hdXRvY29tcGxldGUtZ3JpZC1yb3cuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHR5cGUgQ1NTUmVzdWx0R3JvdXAsIGh0bWwsIExpdEVsZW1lbnQsIHR5cGUgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgaG9zdEF0dHJpYnV0ZXMgfSBmcm9tICcuLi8uLi9jb3JlL2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9hdXRvY29tcGxldGUtZ3JpZC1yb3cuc2Nzcz9saXQmaW5saW5lJztcblxubGV0IGF1dG9jb21wbGV0ZVJvd05leHRJZCA9IDA7XG5cbi8qKlxuICogVGhlIGNvbXBvbmVudCBpcyB1c2VkIGFzIGEgd3JhcHBlciBmb3Igb3B0aW9ucyBhbmQgYWN0aW9uIGJ1dHRvbnMuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgYSBgc2JiLWF1dG9jb21wbGV0ZS1ncmlkLW9wdGlvbmAgYW5kIGEgYHNiYi1hdXRvY29tcGxldGUtZ3JpZC1jZWxsYCB3aXRoIG9uZSBvciBtb3JlIGBzYmItYXV0b2NvbXBsZXRlLWdyaWQtYnV0dG9uYC5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLWF1dG9jb21wbGV0ZS1ncmlkLXJvdycpXG5AaG9zdEF0dHJpYnV0ZXMoe1xuICByb2xlOiAncm93Jyxcbn0pXG5jbGFzcyBTYmJBdXRvY29tcGxldGVHcmlkUm93RWxlbWVudCBleHRlbmRzIExpdEVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICB0aGlzLmlkIHx8PSBgc2JiLWF1dG9jb21wbGV0ZS1ncmlkLXJvdy0keysrYXV0b2NvbXBsZXRlUm93TmV4dElkfWA7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWF1dG9jb21wbGV0ZS1ncmlkLXJvd1wiPlxuICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICA8L3NwYW4+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWF1dG9jb21wbGV0ZS1ncmlkLXJvdyc6IFNiYkF1dG9jb21wbGV0ZUdyaWRSb3dFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFPQSxJQUFJLHdCQUF3QjtJQVl0QixpQ0FBNkIsTUFBQTs7QUFKbEMsTUFBQSxtQkFBQSxDQUFBLGNBQWMsMkJBQTJCLEdBQ3pDLGVBQWU7QUFBQSxJQUNkLE1BQU07QUFBQSxFQUFBLENBQ1AsQ0FBQzs7OztvQkFDMEM7QUFBUixFQUFBLG1CQUFRLFlBQVU7QUFBQSxJQUdwQyxvQkFBaUI7QUFDL0IsWUFBTSxrQkFBaUI7QUFDbEIsV0FBQSxPQUFBLEtBQUEsS0FBTyw2QkFBNkIsRUFBRSxxQkFBcUI7QUFBQSxJQUFBO0FBQUEsSUFHL0MsU0FBTTtBQUNoQixhQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxJQUFBO0FBQUE7O0FBVFgsaUJBZUMsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQWR3QixHQUFNLFNBQW1CLE9BRDVDLGtCQUE2QixZQUFBLHVCQUFBLEdBQUM7OzsifQ==

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

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

package/development/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;;GAEG;AACH,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,4DAA4D,CAAC"}

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

@@ -1,4 +1,4 @@
-import { SbbAutocompleteGridRowElement } from "./autocomplete-grid-row/autocomplete-grid-row.js";
+import { SbbAutocompleteGridRowElement } from "./autocomplete-grid-row/autocomplete-grid-row.component.js";
 export {
   SbbAutocompleteGridRowElement
 };

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

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

package/development/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;;GAEG;AACH,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,oDAAoD,CAAC"}

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

@@ -1,4 +1,4 @@
-import { SbbAutocompleteGridElement } from "./autocomplete-grid/autocomplete-grid.js";
+import { SbbAutocompleteGridElement } from "./autocomplete-grid/autocomplete-grid.component.js";
 export {
   SbbAutocompleteGridElement
 };

package/development/autocomplete-grid.js

@@ -1,9 +1,9 @@
-import { SbbAutocompleteGridElement } from "./autocomplete-grid/autocomplete-grid/autocomplete-grid.js";
-import { SbbAutocompleteGridButtonElement } from "./autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.js";
-import { SbbAutocompleteGridCellElement } from "./autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.js";
-import { SbbAutocompleteGridOptgroupElement } from "./autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.js";
-import { SbbAutocompleteGridOptionElement, autocompleteGridOptionId } from "./autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.js";
-import { SbbAutocompleteGridRowElement } from "./autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.js";
+import { SbbAutocompleteGridElement } from "./autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js";
+import { SbbAutocompleteGridButtonElement } from "./autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js";
+import { SbbAutocompleteGridCellElement } from "./autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js";
+import { SbbAutocompleteGridOptgroupElement } from "./autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.js";
+import { SbbAutocompleteGridOptionElement, autocompleteGridOptionId } from "./autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js";
+import { SbbAutocompleteGridRowElement } from "./autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js";
 export {
   SbbAutocompleteGridButtonElement,
   SbbAutocompleteGridCellElement,

package/development/autocomplete.d.ts

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

package/development/autocomplete.d.ts.map

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../../src/elements/autocomplete.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,0CAA0C,CAAC;AACzD,cAAc,6CAA6C,CAAC"}

package/development/autocomplete.js

@@ -1,4 +1,4 @@
-import { SbbAutocompleteElement } from "./autocomplete/autocomplete.js";
+import { SbbAutocompleteElement } from "./autocomplete/autocomplete.component.js";
 import { SbbAutocompleteBaseElement, inputAutocompleteEvent } from "./autocomplete/autocomplete-base-element.js";
 export {
   SbbAutocompleteBaseElement,