@sbb-esta/lyne-elements 1.3.0 → 1.5.0

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

@@ -0,0 +1,224 @@
+import { css, isServer } from "lit";
+import { customElement } from "lit/decorators.js";
+import { SbbActionBaseElement } from "../core/base-elements.js";
+import { hostAttributes, slotState } from "../core/decorators.js";
+import { setOrRemoveAttribute } from "../core/dom.js";
+import { isEventPrevented } from "../core/eventing.js";
+import { SbbDisabledMixin, SbbNegativeMixin } from "../core/mixins.js";
+import { AgnosticMutationObserver } from "../core/observers.js";
+import { SbbIconNameMixin } from "../icon.js";
+const style = css`/**
+ * Better font rendering (on OS X)
+ * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
+ *
+ * Usage:
+ *
+ * .var_dark_on_light {
+ * 	@include font-smoothing;
+ * }
+ * .var_light_on_dark {
+ * 	@include font-smoothing-reset;
+ * }
+ */
+/** This mixin can be used to avoid spacing problems by inserting an invisible space as pseudo element. */
+/*
+ * SBB table mixin
+ * Notes:
+ * We cannot use \`border-collapse\` because it is not compatible with the \`border-radius\` property.
+ * Therefore, we have to build the grid avoiding double borders.
+ */
+*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  outline: none !important;
+  display: block;
+  --sbb-button-display: flex;
+}
+
+:host {
+  display: inline-block;
+  -webkit-tap-highlight-color: transparent;
+  height: fit-content;
+  outline: none !important;
+  --sbb-button-color-text: var(--sbb-color-charcoal);
+  --sbb-button-color-default-background: var(--sbb-color-black-alpha-0);
+  --sbb-button-color-hover-background: var(--sbb-color-milk);
+  --sbb-button-color-active-background: var(--sbb-color-cloud);
+  --sbb-button-color-disabled-background: var(--sbb-color-milk);
+  --sbb-button-color-disabled-border: var(--sbb-color-smoke);
+  --sbb-button-color-disabled-text: var(--sbb-color-granite);
+  --sbb-button-border-disabled-width: var(--sbb-border-width-1x);
+  --sbb-button-border-disabled-style: dashed;
+  --sbb-button-border-radius: var(--sbb-border-radius-infinity);
+  --sbb-button-transition-duration: var(
+    --sbb-disable-animation-zero-time,
+    var(--sbb-animation-duration-2x)
+  );
+  --sbb-button-transition-easing-function: var(--sbb-animation-easing);
+}
+@media (forced-colors: active) {
+  :host {
+    --sbb-button-color-text: ButtonText !important;
+    --sbb-button-color-hover-background: Highlight !important;
+    --sbb-button-color-active-background: Highlight !important;
+    --sbb-button-color-disabled-background: Canvas !important;
+    --sbb-button-color-disabled-border: GrayText !important;
+    --sbb-button-color-disabled-text: GrayText !important;
+  }
+}
+:host .sbb-autocomplete-grid-button {
+  position: relative;
+  transition-duration: var(--sbb-button-transition-duration);
+  transition-timing-function: var(--sbb-button-transition-easing-function);
+  transition-property: color;
+  border-radius: var(--sbb-button-border-radius);
+  color: var(--sbb-button-color-text);
+  cursor: pointer;
+  user-select: none;
+  display: flex;
+}
+:host .sbb-autocomplete-grid-button::before {
+  position: absolute;
+  content: "";
+  inset: 0;
+  border-radius: var(--sbb-button-border-radius);
+  background-color: var(--sbb-button-color-default-background);
+  transition-duration: var(--sbb-button-transition-duration);
+  transition-timing-function: var(--sbb-button-transition-easing-function);
+  transition-property: inset, background-color;
+}
+
+::slotted(sbb-icon), sbb-icon {
+  transition: transform var(--sbb-button-transition-duration) var(--sbb-button-transition-easing-function);
+  transform: translateY(var(--sbb-button-translate-y-content-hover, 0rem));
+  display: flex;
+}
+
+:host([negative]) {
+  --sbb-button-color-text: var(--sbb-color-milk);
+  --sbb-button-color-default-background: var(--sbb-color-black-alpha-0);
+  --sbb-button-color-hover-background: var(--sbb-color-charcoal);
+  --sbb-button-color-active-background: var(--sbb-color-iron);
+  --sbb-button-color-disabled-background: var(--sbb-color-black-alpha-0);
+  --sbb-button-color-disabled-border: var(--sbb-color-smoke);
+  --sbb-button-color-disabled-text: var(--sbb-color-smoke);
+}
+
+:host(:is([disabled], [data-disabled], [data-group-disabled])) .sbb-autocomplete-grid-button {
+  color: var(--sbb-button-color-disabled-text);
+  cursor: default;
+  pointer-events: none;
+}
+:host(:is([disabled], [data-disabled], [data-group-disabled])) .sbb-autocomplete-grid-button::before {
+  background-color: var(--sbb-button-color-disabled-background);
+  border: var(--sbb-button-border-disabled-width) var(--sbb-button-border-disabled-style) var(--sbb-button-color-disabled-border);
+}
+
+:host(:is([data-focus-visible],
+:focus-visible:not([data-focus-origin=mouse], [data-focus-origin=touch]))) .sbb-autocomplete-grid-button::before {
+  outline-offset: var(--sbb-focus-outline-offset);
+  outline: var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);
+}
+
+@media (any-hover: hover) {
+  :host(:not([disabled], [data-disabled], [data-group-disabled], :active, [data-active]):hover) {
+    --sbb-button-translate-y-content-hover: -0.0625rem;
+  }
+}
+@media (any-hover: hover) {
+  :host(:not([disabled], [data-disabled], [data-group-disabled], :active, [data-active]):hover) .sbb-autocomplete-grid-button::before {
+    background-color: var(--sbb-button-color-hover-background);
+  }
+}
+
+:host(:not([disabled], [data-disabled], [data-group-disabled]):is(:active, [data-active])) .sbb-autocomplete-grid-button::before {
+  background-color: var(--sbb-button-color-active-background);
+}`;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let autocompleteButtonNextId = 0;
+const buttonObserverConfig = {
+  attributeFilter: ["data-group-disabled"]
+};
+let SbbAutocompleteGridButtonElement = class extends SbbDisabledMixin(
+  SbbNegativeMixin(SbbIconNameMixin(SbbActionBaseElement))
+) {
+  constructor() {
+    super();
+    this._disabledFromGroup = false;
+    this._optionAttributeObserver = new AgnosticMutationObserver((mutationsList) => {
+      for (const mutation of mutationsList) {
+        if (mutation.attributeName === "data-group-disabled") {
+          this._disabledFromGroup = this.hasAttribute("data-group-disabled");
+          setOrRemoveAttribute(this, "aria-disabled", `${this.disabled || this._disabledFromGroup}`);
+        }
+      }
+    });
+    this._handleButtonClick = async (event) => {
+      if (await isEventPrevented(event) || !this.closest("form")) {
+        return;
+      }
+    };
+    if (!isServer) {
+      this.setupBaseEventHandlers();
+      this.addEventListener("click", this._handleButtonClick);
+    }
+  }
+  /** Gets the SbbAutocompleteGridOptionElement on the same row of the button. */
+  get option() {
+    var _a;
+    return ((_a = this.closest("sbb-autocomplete-grid-row")) == null ? void 0 : _a.querySelector("sbb-autocomplete-grid-option")) || null;
+  }
+  isDisabledExternally() {
+    return this._disabledFromGroup ?? false;
+  }
+  renderTemplate() {
+    return super.renderIconSlot();
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.id || (this.id = `sbb-autocomplete-grid-button-${++autocompleteButtonNextId}`);
+    const parentGroup = this.closest("sbb-autocomplete-grid-optgroup");
+    if (parentGroup) {
+      this._disabledFromGroup = parentGroup.disabled;
+      setOrRemoveAttribute(this, "aria-disabled", `${this.disabled || this._disabledFromGroup}`);
+    }
+    this._optionAttributeObserver.observe(this, buttonObserverConfig);
+  }
+  willUpdate(changedProperties) {
+    super.willUpdate(changedProperties);
+    if (changedProperties.has("disabled")) {
+      setOrRemoveAttribute(this, "aria-disabled", `${this.disabled || this._disabledFromGroup}`);
+    }
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this._optionAttributeObserver.disconnect();
+  }
+};
+SbbAutocompleteGridButtonElement.styles = style;
+SbbAutocompleteGridButtonElement = __decorateClass([
+  customElement("sbb-autocomplete-grid-button"),
+  hostAttributes({
+    role: "button",
+    tabindex: null,
+    "data-button": ""
+  }),
+  slotState()
+], SbbAutocompleteGridButtonElement);
+export {
+  SbbAutocompleteGridButtonElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLWdyaWQtYnV0dG9uLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvYXV0b2NvbXBsZXRlLWdyaWQvYXV0b2NvbXBsZXRlLWdyaWQtYnV0dG9uL2F1dG9jb21wbGV0ZS1ncmlkLWJ1dHRvbi50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0eXBlIENTU1Jlc3VsdEdyb3VwLCBpc1NlcnZlciwgdHlwZSBQcm9wZXJ0eVZhbHVlcywgdHlwZSBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBTYmJBY3Rpb25CYXNlRWxlbWVudCB9IGZyb20gJy4uLy4uL2NvcmUvYmFzZS1lbGVtZW50cy5qcyc7XG5pbXBvcnQgeyBob3N0QXR0cmlidXRlcywgc2xvdFN0YXRlIH0gZnJvbSAnLi4vLi4vY29yZS9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IHNldE9yUmVtb3ZlQXR0cmlidXRlIH0gZnJvbSAnLi4vLi4vY29yZS9kb20uanMnO1xuaW1wb3J0IHsgaXNFdmVudFByZXZlbnRlZCB9IGZyb20gJy4uLy4uL2NvcmUvZXZlbnRpbmcuanMnO1xuaW1wb3J0IHsgU2JiRGlzYWJsZWRNaXhpbiwgU2JiTmVnYXRpdmVNaXhpbiB9IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLmpzJztcbmltcG9ydCB7IEFnbm9zdGljTXV0YXRpb25PYnNlcnZlciB9IGZyb20gJy4uLy4uL2NvcmUvb2JzZXJ2ZXJzLmpzJztcbmltcG9ydCB7IFNiYkljb25OYW1lTWl4aW4gfSBmcm9tICcuLi8uLi9pY29uLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiQXV0b2NvbXBsZXRlR3JpZE9wdGlvbkVsZW1lbnQgfSBmcm9tICcuLi9hdXRvY29tcGxldGUtZ3JpZC1vcHRpb24uanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9hdXRvY29tcGxldGUtZ3JpZC1idXR0b24uc2Nzcz9saXQmaW5saW5lJztcblxubGV0IGF1dG9jb21wbGV0ZUJ1dHRvbk5leHRJZCA9IDA7XG5cbi8qKiBDb25maWd1cmF0aW9uIGZvciB0aGUgYXR0cmlidXRlIHRvIGxvb2sgYXQgaWYgY29tcG9uZW50IGlzIG5lc3RlZCBpbiBhIHNiYi1vcHRncm91cCAqL1xuY29uc3QgYnV0dG9uT2JzZXJ2ZXJDb25maWc6IE11dGF0aW9uT2JzZXJ2ZXJJbml0ID0ge1xuICBhdHRyaWJ1dGVGaWx0ZXI6IFsnZGF0YS1ncm91cC1kaXNhYmxlZCddLFxufTtcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBhbiBpY29uLW9ubHkgYnV0dG9uIHRoYXQgY2FuIGJlIHVzZWQgaW4gYHNiYi1hdXRvY29tcGxldGUtZ3JpZGAuXG4gKlxuICogQHNsb3QgaWNvbiAtIFNsb3QgdXNlZCB0byBkaXNwbGF5IHRoZSBpY29uLCBpZiBvbmUgaXMgc2V0XG4gKi9cbkBjdXN0b21FbGVtZW50KCdzYmItYXV0b2NvbXBsZXRlLWdyaWQtYnV0dG9uJylcbkBob3N0QXR0cmlidXRlcyh7XG4gIHJvbGU6ICdidXR0b24nLFxuICB0YWJpbmRleDogbnVsbCxcbiAgJ2RhdGEtYnV0dG9uJzogJycsXG59KVxuQHNsb3RTdGF0ZSgpXG5leHBvcnQgY2xhc3MgU2JiQXV0b2NvbXBsZXRlR3JpZEJ1dHRvbkVsZW1lbnQgZXh0ZW5kcyBTYmJEaXNhYmxlZE1peGluKFxuICBTYmJOZWdhdGl2ZU1peGluKFNiYkljb25OYW1lTWl4aW4oU2JiQWN0aW9uQmFzZUVsZW1lbnQpKSxcbikge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICAvKiogR2V0cyB0aGUgU2JiQXV0b2NvbXBsZXRlR3JpZE9wdGlvbkVsZW1lbnQgb24gdGhlIHNhbWUgcm93IG9mIHRoZSBidXR0b24uICovXG4gIHB1YmxpYyBnZXQgb3B0aW9uKCk6IFNiYkF1dG9jb21wbGV0ZUdyaWRPcHRpb25FbGVtZW50IHwgbnVsbCB7XG4gICAgcmV0dXJuIChcbiAgICAgIHRoaXMuY2xvc2VzdCgnc2JiLWF1dG9jb21wbGV0ZS1ncmlkLXJvdycpPy5xdWVyeVNlbGVjdG9yKCdzYmItYXV0b2NvbXBsZXRlLWdyaWQtb3B0aW9uJykgfHxcbiAgICAgIG51bGxcbiAgICApO1xuICB9XG5cbiAgLyoqIFdoZXRoZXIgdGhlIGNvbXBvbmVudCBtdXN0IGJlIHNldCBkaXNhYmxlZCBkdWUgZGlzYWJsZWQgYXR0cmlidXRlIG9uIHNiYi1vcHRncm91cC4gKi9cbiAgcHJpdmF0ZSBfZGlzYWJsZWRGcm9tR3JvdXAgPSBmYWxzZTtcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgaXNEaXNhYmxlZEV4dGVybmFsbHkoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuX2Rpc2FibGVkRnJvbUdyb3VwID8/IGZhbHNlO1xuICB9XG5cbiAgLyoqIE11dGF0aW9uT2JzZXJ2ZXIgb24gZGF0YSBhdHRyaWJ1dGVzLiAqL1xuICBwcml2YXRlIF9vcHRpb25BdHRyaWJ1dGVPYnNlcnZlciA9IG5ldyBBZ25vc3RpY011dGF0aW9uT2JzZXJ2ZXIoKG11dGF0aW9uc0xpc3QpID0+IHtcbiAgICBmb3IgKGNvbnN0IG11dGF0aW9uIG9mIG11dGF0aW9uc0xpc3QpIHtcbiAgICAgIGlmIChtdXRhdGlvbi5hdHRyaWJ1dGVOYW1lID09PSAnZGF0YS1ncm91cC1kaXNhYmxlZCcpIHtcbiAgICAgICAgdGhpcy5fZGlzYWJsZWRGcm9tR3JvdXAgPSB0aGlzLmhhc0F0dHJpYnV0ZSgnZGF0YS1ncm91cC1kaXNhYmxlZCcpO1xuICAgICAgICBzZXRPclJlbW92ZUF0dHJpYnV0ZSh0aGlzLCAnYXJpYS1kaXNhYmxlZCcsIGAke3RoaXMuZGlzYWJsZWQgfHwgdGhpcy5fZGlzYWJsZWRGcm9tR3JvdXB9YCk7XG4gICAgICB9XG4gICAgfVxuICB9KTtcblxuICBwdWJsaWMgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICBpZiAoIWlzU2VydmVyKSB7XG4gICAgICB0aGlzLnNldHVwQmFzZUV2ZW50SGFuZGxlcnMoKTtcbiAgICAgIHRoaXMuYWRkRXZlbnRMaXN0ZW5lcignY2xpY2snLCB0aGlzLl9oYW5kbGVCdXR0b25DbGljayk7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlclRlbXBsYXRlKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gc3VwZXIucmVuZGVySWNvblNsb3QoKTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIHRoaXMuaWQgfHw9IGBzYmItYXV0b2NvbXBsZXRlLWdyaWQtYnV0dG9uLSR7KythdXRvY29tcGxldGVCdXR0b25OZXh0SWR9YDtcbiAgICBjb25zdCBwYXJlbnRHcm91cCA9IHRoaXMuY2xvc2VzdCgnc2JiLWF1dG9jb21wbGV0ZS1ncmlkLW9wdGdyb3VwJyk7XG4gICAgaWYgKHBhcmVudEdyb3VwKSB7XG4gICAgICB0aGlzLl9kaXNhYmxlZEZyb21Hcm91cCA9IHBhcmVudEdyb3VwLmRpc2FibGVkO1xuICAgICAgc2V0T3JSZW1vdmVBdHRyaWJ1dGUodGhpcywgJ2FyaWEtZGlzYWJsZWQnLCBgJHt0aGlzLmRpc2FibGVkIHx8IHRoaXMuX2Rpc2FibGVkRnJvbUdyb3VwfWApO1xuICAgIH1cbiAgICB0aGlzLl9vcHRpb25BdHRyaWJ1dGVPYnNlcnZlci5vYnNlcnZlKHRoaXMsIGJ1dHRvbk9ic2VydmVyQ29uZmlnKTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSB3aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczx0aGlzPik6IHZvaWQge1xuICAgIHN1cGVyLndpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXMpO1xuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2Rpc2FibGVkJykpIHtcbiAgICAgIHNldE9yUmVtb3ZlQXR0cmlidXRlKHRoaXMsICdhcmlhLWRpc2FibGVkJywgYCR7dGhpcy5kaXNhYmxlZCB8fCB0aGlzLl9kaXNhYmxlZEZyb21Hcm91cH1gKTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgZGlzY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuZGlzY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICB0aGlzLl9vcHRpb25BdHRyaWJ1dGVPYnNlcnZlci5kaXNjb25uZWN0KCk7XG4gIH1cblxuICBwcml2YXRlIF9oYW5kbGVCdXR0b25DbGljayA9IGFzeW5jIChldmVudDogTW91c2VFdmVudCk6IFByb21pc2U8dm9pZD4gPT4ge1xuICAgIGlmICgoYXdhaXQgaXNFdmVudFByZXZlbnRlZChldmVudCkpIHx8ICF0aGlzLmNsb3Nlc3QoJ2Zvcm0nKSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgfTtcbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1hdXRvY29tcGxldGUtZ3JpZC1idXR0b24nOiBTYmJBdXRvY29tcGxldGVHcmlkQnV0dG9uRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQWNBLElBQUksMkJBQTJCO0FBRy9CLE1BQU0sdUJBQTZDO0FBQUEsRUFDakQsaUJBQWlCLENBQUMscUJBQXFCO0FBQ3pDO0FBY08sSUFBTSxtQ0FBTixjQUErQztBQUFBLEVBQ3BELGlCQUFpQixpQkFBaUIsb0JBQW9CLENBQUM7QUFDekQsRUFBRTtBQUFBLEVBNEJPLGNBQWM7QUFDYjtBQWpCUixTQUFRLHFCQUFxQjtBQU83QixTQUFRLDJCQUEyQixJQUFJLHlCQUF5QixDQUFDLGtCQUFrQjtBQUNqRixpQkFBVyxZQUFZLGVBQWU7QUFDaEMsWUFBQSxTQUFTLGtCQUFrQix1QkFBdUI7QUFDL0MsZUFBQSxxQkFBcUIsS0FBSyxhQUFhLHFCQUFxQjtBQUNqRSwrQkFBcUIsTUFBTSxpQkFBaUIsR0FBRyxLQUFLLFlBQVksS0FBSyxrQkFBa0IsRUFBRTtBQUFBLFFBQzNGO0FBQUEsTUFDRjtBQUFBLElBQUEsQ0FDRDtBQXFDTyxTQUFBLHFCQUFxQixPQUFPLFVBQXFDO0FBQ2xFLFVBQUEsTUFBTSxpQkFBaUIsS0FBSyxLQUFNLENBQUMsS0FBSyxRQUFRLE1BQU0sR0FBRztBQUM1RDtBQUFBLE1BQ0Y7QUFBQSxJQUFBO0FBcENBLFFBQUksQ0FBQyxVQUFVO0FBQ2IsV0FBSyx1QkFBdUI7QUFDdkIsV0FBQSxpQkFBaUIsU0FBUyxLQUFLLGtCQUFrQjtBQUFBLElBQ3hEO0FBQUEsRUFDRjtBQUFBO0FBQUEsRUE5QkEsSUFBVyxTQUFrRDs7QUFDM0QsYUFDRSxVQUFLLFFBQVEsMkJBQTJCLE1BQXhDLG1CQUEyQyxjQUFjLG9DQUN6RDtBQUFBLEVBRUo7QUFBQSxFQUttQix1QkFBZ0M7QUFDakQsV0FBTyxLQUFLLHNCQUFzQjtBQUFBLEVBQ3BDO0FBQUEsRUFvQm1CLGlCQUFpQztBQUNsRCxXQUFPLE1BQU07RUFDZjtBQUFBLEVBRWdCLG9CQUEwQjtBQUN4QyxVQUFNLGtCQUFrQjtBQUNuQixTQUFBLE9BQUEsS0FBQSxLQUFPLGdDQUFnQyxFQUFFLHdCQUF3QjtBQUNoRSxVQUFBLGNBQWMsS0FBSyxRQUFRLGdDQUFnQztBQUNqRSxRQUFJLGFBQWE7QUFDZixXQUFLLHFCQUFxQixZQUFZO0FBQ3RDLDJCQUFxQixNQUFNLGlCQUFpQixHQUFHLEtBQUssWUFBWSxLQUFLLGtCQUFrQixFQUFFO0FBQUEsSUFDM0Y7QUFDSyxTQUFBLHlCQUF5QixRQUFRLE1BQU0sb0JBQW9CO0FBQUEsRUFDbEU7QUFBQSxFQUVnQixXQUFXLG1CQUErQztBQUN4RSxVQUFNLFdBQVcsaUJBQWlCO0FBQzlCLFFBQUEsa0JBQWtCLElBQUksVUFBVSxHQUFHO0FBQ3JDLDJCQUFxQixNQUFNLGlCQUFpQixHQUFHLEtBQUssWUFBWSxLQUFLLGtCQUFrQixFQUFFO0FBQUEsSUFDM0Y7QUFBQSxFQUNGO0FBQUEsRUFFZ0IsdUJBQTZCO0FBQzNDLFVBQU0scUJBQXFCO0FBQzNCLFNBQUsseUJBQXlCO0VBQ2hDO0FBT0Y7QUF0RWEsaUNBR1ksU0FBeUI7QUFIckMsbUNBQU4sZ0JBQUE7QUFBQSxFQVBOLGNBQWMsOEJBQThCO0FBQUEsRUFDNUMsZUFBZTtBQUFBLElBQ2QsTUFBTTtBQUFBLElBQ04sVUFBVTtBQUFBLElBQ1YsZUFBZTtBQUFBLEVBQUEsQ0FDaEI7QUFBQSxFQUNBLFVBQVU7QUFBQSxHQUNFLGdDQUFBOyJ9

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

@@ -0,0 +1,17 @@
+import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
+
+/**
+ * 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 LitElement {
+    static styles: CSSResultGroup;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-autocomplete-grid-cell': SbbAutocompleteGridCellElement;
+    }
+}
+//# sourceMappingURL=autocomplete-grid-cell.d.ts.map

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

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

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

@@ -0,0 +1,2 @@
+export * from './autocomplete-grid-cell/autocomplete-grid-cell.js';
+//# 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/autocomplete-grid/autocomplete-grid-cell.ts"],"names":[],"mappings":"AAAA,cAAc,oDAAoD,CAAC"}

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

@@ -0,0 +1,67 @@
+import { css, LitElement, html } from "lit";
+import { customElement } from "lit/decorators.js";
+import { hostAttributes } from "../core/decorators.js";
+const style = css`/**
+ * Better font rendering (on OS X)
+ * http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
+ *
+ * Usage:
+ *
+ * .var_dark_on_light {
+ * 	@include font-smoothing;
+ * }
+ * .var_light_on_dark {
+ * 	@include font-smoothing-reset;
+ * }
+ */
+/** This mixin can be used to avoid spacing problems by inserting an invisible space as pseudo element. */
+/*
+ * SBB table mixin
+ * Notes:
+ * We cannot use \`border-collapse\` because it is not compatible with the \`border-radius\` property.
+ * Therefore, we have to build the grid avoiding double borders.
+ */
+*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  display: block;
+}
+
+.sbb-autocomplete-grid-cell {
+  display: flex;
+  column-gap: var(--sbb-spacing-fixed-6x);
+}`;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let SbbAutocompleteGridCellElement = class extends LitElement {
+  render() {
+    return html`
+      <span class="sbb-autocomplete-grid-cell">
+        <slot></slot>
+      </span>
+    `;
+  }
+};
+SbbAutocompleteGridCellElement.styles = style;
+SbbAutocompleteGridCellElement = __decorateClass([
+  customElement("sbb-autocomplete-grid-cell"),
+  hostAttributes({
+    role: "gridcell"
+  })
+], SbbAutocompleteGridCellElement);
+export {
+  SbbAutocompleteGridCellElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLWdyaWQtY2VsbC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2F1dG9jb21wbGV0ZS1ncmlkL2F1dG9jb21wbGV0ZS1ncmlkLWNlbGwvYXV0b2NvbXBsZXRlLWdyaWQtY2VsbC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0eXBlIENTU1Jlc3VsdEdyb3VwLCBodG1sLCBMaXRFbGVtZW50LCB0eXBlIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IGhvc3RBdHRyaWJ1dGVzIH0gZnJvbSAnLi4vLi4vY29yZS9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vYXV0b2NvbXBsZXRlLWdyaWQtY2VsbC5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIEEgd3JhcHBlciBjb21wb25lbnQgZm9yIGF1dG9jb21wbGV0ZS1ncmlkIGFjdGlvbiBidXR0b24uXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgYSBgc2JiLWF1dG9jb21wbGV0ZS1ncmlkLWJ1dHRvbmAgZWxlbWVudC5cbiAqL1xuQGN1c3RvbUVsZW1lbnQoJ3NiYi1hdXRvY29tcGxldGUtZ3JpZC1jZWxsJylcbkBob3N0QXR0cmlidXRlcyh7XG4gIHJvbGU6ICdncmlkY2VsbCcsXG59KVxuZXhwb3J0IGNsYXNzIFNiYkF1dG9jb21wbGV0ZUdyaWRDZWxsRWxlbWVudCBleHRlbmRzIExpdEVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWF1dG9jb21wbGV0ZS1ncmlkLWNlbGxcIj5cbiAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgPC9zcGFuPlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1hdXRvY29tcGxldGUtZ3JpZC1jZWxsJzogU2JiQXV0b2NvbXBsZXRlR3JpZENlbGxFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFnQmEsSUFBQSxpQ0FBTixjQUE2QyxXQUFXO0FBQUEsRUFHMUMsU0FBeUI7QUFDbkMsV0FBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsRUFLVDtBQUNGO0FBVmEsK0JBQ1ksU0FBeUI7QUFEckMsaUNBQU4sZ0JBQUE7QUFBQSxFQUpOLGNBQWMsNEJBQTRCO0FBQUEsRUFDMUMsZUFBZTtBQUFBLElBQ2QsTUFBTTtBQUFBLEVBQUEsQ0FDUDtBQUFBLEdBQ1ksOEJBQUE7In0=

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

@@ -0,0 +1,21 @@
+import { SbbOptgroupBaseElement } from '../../option/optgroup.js';
+import { SbbAutocompleteGridOptionElement } from '../autocomplete-grid-option.js';
+import { SbbAutocompleteGridElement } from '../autocomplete-grid.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(): SbbAutocompleteGridElement | null;
+    protected setAttributeFromParent(): void;
+    protected proxyDisabledToOptions(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-autocomplete-grid-optgroup': SbbAutocompleteGridOptgroupElement;
+    }
+}
+//# sourceMappingURL=autocomplete-grid-optgroup.d.ts.map

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+export * from './autocomplete-grid-optgroup/autocomplete-grid-optgroup.js';
+//# 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/autocomplete-grid/autocomplete-grid-optgroup.ts"],"names":[],"mappings":"AAAA,cAAc,4DAA4D,CAAC"}

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

@@ -0,0 +1,45 @@
+import { customElement } from "lit/decorators.js";
+import { SbbOptgroupBaseElement } from "../option/optgroup.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let SbbAutocompleteGridOptgroupElement = class extends SbbOptgroupBaseElement {
+  get options() {
+    var _a;
+    return Array.from(
+      ((_a = this.querySelectorAll) == null ? void 0 : _a.call(this, "sbb-autocomplete-grid-option")) ?? []
+    );
+  }
+  getAutocompleteParent() {
+    var _a;
+    return ((_a = this.closest) == null ? void 0 : _a.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 _a;
+    super.proxyDisabledToOptions();
+    const buttons = Array.from(
+      ((_a = this.querySelectorAll) == null ? void 0 : _a.call(this, "sbb-autocomplete-grid-button")) ?? []
+    );
+    for (const el of buttons) {
+      el.toggleAttribute("data-group-disabled", this.disabled);
+    }
+  }
+};
+SbbAutocompleteGridOptgroupElement = __decorateClass([
+  customElement("sbb-autocomplete-grid-optgroup")
+], SbbAutocompleteGridOptgroupElement);
+export {
+  SbbAutocompleteGridOptgroupElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLWdyaWQtb3B0Z3JvdXAuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9hdXRvY29tcGxldGUtZ3JpZC9hdXRvY29tcGxldGUtZ3JpZC1vcHRncm91cC9hdXRvY29tcGxldGUtZ3JpZC1vcHRncm91cC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjdXN0b21FbGVtZW50IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBTYmJPcHRncm91cEJhc2VFbGVtZW50IH0gZnJvbSAnLi4vLi4vb3B0aW9uL29wdGdyb3VwLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiQXV0b2NvbXBsZXRlR3JpZEJ1dHRvbkVsZW1lbnQgfSBmcm9tICcuLi9hdXRvY29tcGxldGUtZ3JpZC1idXR0b24uanMnO1xuaW1wb3J0IHR5cGUgeyBTYmJBdXRvY29tcGxldGVHcmlkT3B0aW9uRWxlbWVudCB9IGZyb20gJy4uL2F1dG9jb21wbGV0ZS1ncmlkLW9wdGlvbi5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYkF1dG9jb21wbGV0ZUdyaWRFbGVtZW50IH0gZnJvbSAnLi4vYXV0b2NvbXBsZXRlLWdyaWQuanMnO1xuXG4vKipcbiAqIEl0IGNhbiBiZSB1c2VkIGFzIGEgY29udGFpbmVyIGZvciBvbmUgb3IgbW9yZSBgc2JiLWF1dG9jb21wbGV0ZS1ncmlkLW9wdGlvbmAuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgYHNiYi1hdXRvY29tcGxldGUtZ3JpZC1vcHRpb25gIGVsZW1lbnRzIHRvIHRoZSBgc2JiLWF1dG9jb21wbGV0ZS1ncmlkLW9wdGdyb3VwYC5cbiAqL1xuQGN1c3RvbUVsZW1lbnQoJ3NiYi1hdXRvY29tcGxldGUtZ3JpZC1vcHRncm91cCcpXG5leHBvcnQgY2xhc3MgU2JiQXV0b2NvbXBsZXRlR3JpZE9wdGdyb3VwRWxlbWVudCBleHRlbmRzIFNiYk9wdGdyb3VwQmFzZUVsZW1lbnQge1xuICBwcm90ZWN0ZWQgZ2V0IG9wdGlvbnMoKTogU2JiQXV0b2NvbXBsZXRlR3JpZE9wdGlvbkVsZW1lbnRbXSB7XG4gICAgcmV0dXJuIEFycmF5LmZyb20oXG4gICAgICB0aGlzLnF1ZXJ5U2VsZWN0b3JBbGw/Lignc2JiLWF1dG9jb21wbGV0ZS1ncmlkLW9wdGlvbicpID8/IFtdLFxuICAgICkgYXMgU2JiQXV0b2NvbXBsZXRlR3JpZE9wdGlvbkVsZW1lbnRbXTtcbiAgfVxuXG4gIHByb3RlY3RlZCBnZXRBdXRvY29tcGxldGVQYXJlbnQoKTogU2JiQXV0b2NvbXBsZXRlR3JpZEVsZW1lbnQgfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy5jbG9zZXN0Py4oJ3NiYi1hdXRvY29tcGxldGUtZ3JpZCcpIHx8IG51bGw7XG4gIH1cblxuICBwcm90ZWN0ZWQgc2V0QXR0cmlidXRlRnJvbVBhcmVudCgpOiB2b2lkIHtcbiAgICB0aGlzLm5lZ2F0aXZlID0gISF0aGlzLmNsb3Nlc3QoYDppcyhzYmItYXV0b2NvbXBsZXRlLWdyaWQsIHNiYi1mb3JtLWZpZWxkKVtuZWdhdGl2ZV1gKTtcbiAgICB0aGlzLnRvZ2dsZUF0dHJpYnV0ZSgnZGF0YS1uZWdhdGl2ZScsIHRoaXMubmVnYXRpdmUpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHByb3h5RGlzYWJsZWRUb09wdGlvbnMoKTogdm9pZCB7XG4gICAgc3VwZXIucHJveHlEaXNhYmxlZFRvT3B0aW9ucygpO1xuICAgIGNvbnN0IGJ1dHRvbnMgPSBBcnJheS5mcm9tKFxuICAgICAgdGhpcy5xdWVyeVNlbGVjdG9yQWxsPy4oJ3NiYi1hdXRvY29tcGxldGUtZ3JpZC1idXR0b24nKSA/PyBbXSxcbiAgICApIGFzIFNiYkF1dG9jb21wbGV0ZUdyaWRCdXR0b25FbGVtZW50W107XG4gICAgZm9yIChjb25zdCBlbCBvZiBidXR0b25zKSB7XG4gICAgICBlbC50b2dnbGVBdHRyaWJ1dGUoJ2RhdGEtZ3JvdXAtZGlzYWJsZWQnLCB0aGlzLmRpc2FibGVkKTtcbiAgICB9XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1hdXRvY29tcGxldGUtZ3JpZC1vcHRncm91cCc6IFNiYkF1dG9jb21wbGV0ZUdyaWRPcHRncm91cEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7QUFhYSxJQUFBLHFDQUFOLGNBQWlELHVCQUF1QjtBQUFBLEVBQzdFLElBQWMsVUFBOEM7O0FBQzFELFdBQU8sTUFBTTtBQUFBLFFBQ1gsVUFBSyxxQkFBTCw4QkFBd0Isb0NBQW1DLENBQUM7QUFBQSxJQUFBO0FBQUEsRUFFaEU7QUFBQSxFQUVVLHdCQUEyRDs7QUFDNUQsYUFBQSxVQUFLLFlBQUwsOEJBQWUsNkJBQTRCO0FBQUEsRUFDcEQ7QUFBQSxFQUVVLHlCQUErQjtBQUN2QyxTQUFLLFdBQVcsQ0FBQyxDQUFDLEtBQUssUUFBUSxzREFBc0Q7QUFDaEYsU0FBQSxnQkFBZ0IsaUJBQWlCLEtBQUssUUFBUTtBQUFBLEVBQ3JEO0FBQUEsRUFFbUIseUJBQStCOztBQUNoRCxVQUFNLHVCQUF1QjtBQUM3QixVQUFNLFVBQVUsTUFBTTtBQUFBLFFBQ3BCLFVBQUsscUJBQUwsOEJBQXdCLG9DQUFtQyxDQUFDO0FBQUEsSUFBQTtBQUU5RCxlQUFXLE1BQU0sU0FBUztBQUNyQixTQUFBLGdCQUFnQix1QkFBdUIsS0FBSyxRQUFRO0FBQUEsSUFDekQ7QUFBQSxFQUNGO0FBQ0Y7QUF6QmEscUNBQU4sZ0JBQUE7QUFBQSxFQUROLGNBQWMsZ0NBQWdDO0FBQUEsR0FDbEMsa0NBQUE7In0=

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

@@ -0,0 +1,40 @@
+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 onOptionAttributesChange(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.d.ts.map

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

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

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

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

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

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