@sbb-esta/lyne-elements 0.0.0 → 0.52.0

package/development/alert/alert-group.js

@@ -0,0 +1,144 @@
+import { css, LitElement, nothing } from "lit";
+import { property, state, customElement } from "lit/decorators.js";
+import { html, unsafeStatic } from "lit/static-html.js";
+import { SbbConnectedAbortController } from "../core/controllers.js";
+import { EventEmitter } from "../core/eventing.js";
+import { SbbHydrationMixin } from "../core/mixins.js";
+import { SbbAlertElement } from "./alert.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. */
+*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  --sbb-alert-group-gap: var(--sbb-spacing-fixed-3x);
+  --sbb-alert-group-border-radius: var(--sbb-border-radius-4x);
+  display: block;
+}
+
+.sbb-alert-group {
+  display: flex;
+  flex-direction: column;
+  gap: var(--sbb-alert-group-gap);
+}
+
+:host(:focus-visible:not([data-empty])) {
+  outline-offset: var(--sbb-focus-outline-offset);
+  outline: var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);
+  border-radius: var(--sbb-alert-group-border-radius);
+}
+
+.sbb-alert-group__title {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}`;
+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 SbbAlertGroupElement = class extends SbbHydrationMixin(LitElement) {
+  constructor() {
+    super(...arguments);
+    this.role = "status";
+    this.accessibilityTitleLevel = "2";
+    this._didDismissAlert = new EventEmitter(
+      this,
+      SbbAlertGroupElement.events.didDismissAlert
+    );
+    this._empty = new EventEmitter(this, SbbAlertGroupElement.events.empty);
+    this._abort = new SbbConnectedAbortController(this);
+  }
+  _removeAlert(event) {
+    var _a;
+    const target = event.target;
+    const hasFocusInsideAlertGroup = document.activeElement === target;
+    (_a = target.parentNode) == null ? void 0 : _a.removeChild(target);
+    this._didDismissAlert.emit(target);
+    if (hasFocusInsideAlertGroup) {
+      this.tabIndex = 0;
+      this.focus();
+      this.addEventListener("blur", () => this.removeAttribute("tabindex"), {
+        once: true
+      });
+    }
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    const signal = this._abort.signal;
+    this.addEventListener(SbbAlertElement.events.dismissalRequested, (e) => this._removeAlert(e), {
+      signal
+    });
+  }
+  _slotChanged(event) {
+    const hadAlerts = this._hasAlerts;
+    this._hasAlerts = event.target.assignedElements().filter((e) => e instanceof Element && e.localName === "sbb-alert").length > 0;
+    if (!this._hasAlerts && hadAlerts) {
+      this._empty.emit();
+    }
+    this.toggleAttribute("data-empty", !this._hasAlerts);
+  }
+  render() {
+    const TITLE_TAG_NAME = `h${this.accessibilityTitleLevel}`;
+    return html`
+      <div class="sbb-alert-group">
+        ${this._hasAlerts ? html`<${unsafeStatic(TITLE_TAG_NAME)} class="sbb-alert-group__title">
+              <slot name="accessibility-title">${this.accessibilityTitle}</slot>
+            </${unsafeStatic(TITLE_TAG_NAME)}>` : nothing}
+        <slot @slotchange=${(event) => this._slotChanged(event)}></slot>
+      </div>
+    `;
+  }
+};
+SbbAlertGroupElement.styles = style;
+SbbAlertGroupElement.events = {
+  didDismissAlert: "didDismissAlert",
+  empty: "empty"
+};
+__decorateClass([
+  property({ reflect: true })
+], SbbAlertGroupElement.prototype, "role", 2);
+__decorateClass([
+  property({ attribute: "accessibility-title" })
+], SbbAlertGroupElement.prototype, "accessibilityTitle", 2);
+__decorateClass([
+  property({ attribute: "accessibility-title-level" })
+], SbbAlertGroupElement.prototype, "accessibilityTitleLevel", 2);
+__decorateClass([
+  state()
+], SbbAlertGroupElement.prototype, "_hasAlerts", 2);
+SbbAlertGroupElement = __decorateClass([
+  customElement("sbb-alert-group")
+], SbbAlertGroupElement);
+export {
+  SbbAlertGroupElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQtZ3JvdXAuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9hbGVydC9hbGVydC1ncm91cC9hbGVydC1ncm91cC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBMaXRFbGVtZW50LCBub3RoaW5nIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHByb3BlcnR5LCBzdGF0ZSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IGh0bWwsIHVuc2FmZVN0YXRpYyB9IGZyb20gJ2xpdC9zdGF0aWMtaHRtbC5qcyc7XG5cbmltcG9ydCB7IFNiYkNvbm5lY3RlZEFib3J0Q29udHJvbGxlciB9IGZyb20gJy4uLy4uL2NvcmUvY29udHJvbGxlcnMuanMnO1xuaW1wb3J0IHsgRXZlbnRFbWl0dGVyIH0gZnJvbSAnLi4vLi4vY29yZS9ldmVudGluZy5qcyc7XG5pbXBvcnQgeyBTYmJIeWRyYXRpb25NaXhpbiB9IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiVGl0bGVMZXZlbCB9IGZyb20gJy4uLy4uL3RpdGxlLmpzJztcbmltcG9ydCB7IFNiYkFsZXJ0RWxlbWVudCB9IGZyb20gJy4uL2FsZXJ0LmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vYWxlcnQtZ3JvdXAuc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBJdCBjYW4gYmUgdXNlZCBhcyBhIGNvbnRhaW5lciBmb3Igb25lIG9yIG1vcmUgYHNiYi1hbGVydGAgY29tcG9uZW50LlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGBzYmItYWxlcnRgIGVsZW1lbnRzIHRvIHRoZSBgc2JiLWFsZXJ0LWdyb3VwYC5cbiAqIEBzbG90IGFjY2Vzc2liaWxpdHktdGl0bGUgLSB0aXRsZSBmb3IgdGhpcyBgc2JiLWFsZXJ0LWdyb3VwYCB3aGljaCBpcyBvbmx5IHZpc2libGUgZm9yIHNjcmVlbiByZWFkZXIgdXNlcnMuXG4gKiBAZXZlbnQge0N1c3RvbUV2ZW50PFNiYkFsZXJ0RWxlbWVudD59IGRpZERpc21pc3NBbGVydCAtIEVtaXRzIHdoZW4gYW4gYWxlcnQgd2FzIHJlbW92ZWQgZnJvbSBET00uXG4gKiBAZXZlbnQge0N1c3RvbUV2ZW50PHZvaWQ+fSBlbXB0eSAtIEVtaXRzIHdoZW4gYHNiYi1hbGVydC1ncm91cGAgYmVjb21lcyBlbXB0eS5cbiAqL1xuQGN1c3RvbUVsZW1lbnQoJ3NiYi1hbGVydC1ncm91cCcpXG5leHBvcnQgY2xhc3MgU2JiQWxlcnRHcm91cEVsZW1lbnQgZXh0ZW5kcyBTYmJIeWRyYXRpb25NaXhpbihMaXRFbGVtZW50KSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuICBwdWJsaWMgc3RhdGljIHJlYWRvbmx5IGV2ZW50cyA9IHtcbiAgICBkaWREaXNtaXNzQWxlcnQ6ICdkaWREaXNtaXNzQWxlcnQnLFxuICAgIGVtcHR5OiAnZW1wdHknLFxuICB9IGFzIGNvbnN0O1xuXG4gIC8qKlxuICAgKiBUaGUgcm9sZSBhdHRyaWJ1dGUgZGVmaW5lcyBob3cgdG8gYW5ub3VuY2UgYWxlcnRzIHRvIHRoZSB1c2VyLlxuICAgKlxuICAgKiAnc3RhdHVzJzogc2V0cyBhcmlhLWxpdmUgdG8gcG9saXRlIGFuZCBhcmlhLWF0b21pYyB0byB0cnVlLlxuICAgKiAnYWxlcnQnOiBzZXRzIGFyaWEtbGl2ZSB0byBhc3NlcnRpdmUgYW5kIGFyaWEtYXRvbWljIHRvIHRydWUuXG4gICAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pXG4gIHB1YmxpYyBvdmVycmlkZSByb2xlOiAnYWxlcnQnIHwgJ3N0YXR1cycgfCBzdHJpbmcgPSAnc3RhdHVzJztcblxuICAvKiogVGl0bGUgZm9yIHRoaXMgYWxlcnQgZ3JvdXAgd2hpY2ggaXMgb25seSB2aXNpYmxlIGZvciBzY3JlZW4gcmVhZGVyIHVzZXJzLiAqL1xuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdhY2Nlc3NpYmlsaXR5LXRpdGxlJyB9KSBwdWJsaWMgYWNjZXNzaWJpbGl0eVRpdGxlPzogc3RyaW5nO1xuXG4gIC8qKiBMZXZlbCBvZiB0aGUgYWNjZXNzaWJpbGl0eSB0aXRsZSwgd2lsbCBiZSByZW5kZXJlZCBhcyBoZWFkaW5nIHRhZyAoZS5nLiBoMikuIERlZmF1bHRzIHRvIGxldmVsIDIuICovXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ2FjY2Vzc2liaWxpdHktdGl0bGUtbGV2ZWwnIH0pXG4gIHB1YmxpYyBhY2Nlc3NpYmlsaXR5VGl0bGVMZXZlbDogU2JiVGl0bGVMZXZlbCA9ICcyJztcblxuICAvKiogV2hldGhlciB0aGUgZ3JvdXAgY3VycmVudGx5IGhhcyBhbnkgYWxlcnRzLiAqL1xuICBAc3RhdGUoKSBwcml2YXRlIF9oYXNBbGVydHM/OiBib29sZWFuO1xuXG4gIC8qKiBFbWl0cyB3aGVuIGFuIGFsZXJ0IHdhcyByZW1vdmVkIGZyb20gRE9NLiAqL1xuICBwcml2YXRlIF9kaWREaXNtaXNzQWxlcnQ6IEV2ZW50RW1pdHRlcjxTYmJBbGVydEVsZW1lbnQ+ID0gbmV3IEV2ZW50RW1pdHRlcihcbiAgICB0aGlzLFxuICAgIFNiYkFsZXJ0R3JvdXBFbGVtZW50LmV2ZW50cy5kaWREaXNtaXNzQWxlcnQsXG4gICk7XG5cbiAgLyoqIEVtaXRzIHdoZW4gYHNiYi1hbGVydC1ncm91cGAgYmVjb21lcyBlbXB0eS4gKi9cbiAgcHJpdmF0ZSBfZW1wdHk6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXIodGhpcywgU2JiQWxlcnRHcm91cEVsZW1lbnQuZXZlbnRzLmVtcHR5KTtcblxuICBwcml2YXRlIF9hYm9ydCA9IG5ldyBTYmJDb25uZWN0ZWRBYm9ydENvbnRyb2xsZXIodGhpcyk7XG5cbiAgcHJpdmF0ZSBfcmVtb3ZlQWxlcnQoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgY29uc3QgdGFyZ2V0ID0gZXZlbnQudGFyZ2V0IGFzIFNiYkFsZXJ0RWxlbWVudDtcbiAgICBjb25zdCBoYXNGb2N1c0luc2lkZUFsZXJ0R3JvdXAgPSBkb2N1bWVudC5hY3RpdmVFbGVtZW50ID09PSB0YXJnZXQ7XG5cbiAgICB0YXJnZXQucGFyZW50Tm9kZT8ucmVtb3ZlQ2hpbGQodGFyZ2V0KTtcbiAgICB0aGlzLl9kaWREaXNtaXNzQWxlcnQuZW1pdCh0YXJnZXQpO1xuXG4gICAgLy8gUmVzdG9yZSBmb2N1c1xuICAgIGlmIChoYXNGb2N1c0luc2lkZUFsZXJ0R3JvdXApIHtcbiAgICAgIC8vIFNldCB0YWJpbmRleCB0byAwIHRoZSBtYWtlIGl0IGZvY3VzYWJsZSBhbmQgYWZ0ZXJ3YXJkcyBmb2N1cyBpdC5cbiAgICAgIC8vIFRoaXMgaXMgZG9uZSB0byBub3QgY29tcGxldGVseSBsb3NlIGZvY3VzIGFmdGVyIHJlbW92YWwgb2YgYW4gYWxlcnQuXG4gICAgICAvLyBPbmNlIHRoZSBzYmItYWxlcnQtZ3JvdXAgd2FzIGJsdXJyZWQsIG1ha2UgdGhlIGFsZXJ0IGdyb3VwIG5vdCBmb2N1c2FibGUgYWdhaW4uXG4gICAgICB0aGlzLnRhYkluZGV4ID0gMDtcbiAgICAgIHRoaXMuZm9jdXMoKTtcbiAgICAgIHRoaXMuYWRkRXZlbnRMaXN0ZW5lcignYmx1cicsICgpID0+IHRoaXMucmVtb3ZlQXR0cmlidXRlKCd0YWJpbmRleCcpLCB7XG4gICAgICAgIG9uY2U6IHRydWUsXG4gICAgICB9KTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICBjb25zdCBzaWduYWwgPSB0aGlzLl9hYm9ydC5zaWduYWw7XG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyKFNiYkFsZXJ0RWxlbWVudC5ldmVudHMuZGlzbWlzc2FsUmVxdWVzdGVkLCAoZSkgPT4gdGhpcy5fcmVtb3ZlQWxlcnQoZSksIHtcbiAgICAgIHNpZ25hbCxcbiAgICB9KTtcbiAgfVxuXG4gIHByaXZhdGUgX3Nsb3RDaGFuZ2VkKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IGhhZEFsZXJ0cyA9IHRoaXMuX2hhc0FsZXJ0cztcbiAgICB0aGlzLl9oYXNBbGVydHMgPVxuICAgICAgKGV2ZW50LnRhcmdldCBhcyBIVE1MU2xvdEVsZW1lbnQpXG4gICAgICAgIC5hc3NpZ25lZEVsZW1lbnRzKClcbiAgICAgICAgLmZpbHRlcigoZSkgPT4gZSBpbnN0YW5jZW9mIEVsZW1lbnQgJiYgZS5sb2NhbE5hbWUgPT09ICdzYmItYWxlcnQnKS5sZW5ndGggPiAwO1xuICAgIGlmICghdGhpcy5faGFzQWxlcnRzICYmIGhhZEFsZXJ0cykge1xuICAgICAgdGhpcy5fZW1wdHkuZW1pdCgpO1xuICAgIH1cblxuICAgIHRoaXMudG9nZ2xlQXR0cmlidXRlKCdkYXRhLWVtcHR5JywgIXRoaXMuX2hhc0FsZXJ0cyk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICBjb25zdCBUSVRMRV9UQUdfTkFNRSA9IGBoJHt0aGlzLmFjY2Vzc2liaWxpdHlUaXRsZUxldmVsfWA7XG5cbiAgICAvKiBlc2xpbnQtZGlzYWJsZSBsaXQvYmluZGluZy1wb3NpdGlvbnMgKi9cbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItYWxlcnQtZ3JvdXBcIj5cbiAgICAgICAgJHt0aGlzLl9oYXNBbGVydHNcbiAgICAgICAgICA/IGh0bWxgPCR7dW5zYWZlU3RhdGljKFRJVExFX1RBR19OQU1FKX0gY2xhc3M9XCJzYmItYWxlcnQtZ3JvdXBfX3RpdGxlXCI+XG4gICAgICAgICAgICAgIDxzbG90IG5hbWU9XCJhY2Nlc3NpYmlsaXR5LXRpdGxlXCI+JHt0aGlzLmFjY2Vzc2liaWxpdHlUaXRsZX08L3Nsb3Q+XG4gICAgICAgICAgICA8LyR7dW5zYWZlU3RhdGljKFRJVExFX1RBR19OQU1FKX0+YFxuICAgICAgICAgIDogbm90aGluZ31cbiAgICAgICAgPHNsb3QgQHNsb3RjaGFuZ2U9JHsoZXZlbnQ6IEV2ZW50KSA9PiB0aGlzLl9zbG90Q2hhbmdlZChldmVudCl9Pjwvc2xvdD5cbiAgICAgIDwvZGl2PlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1hbGVydC1ncm91cCc6IFNiYkFsZXJ0R3JvdXBFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQXNCTyxJQUFNLHVCQUFOLGNBQW1DLGtCQUFrQixVQUFVLEVBQUU7QUFBQSxFQUFqRSxjQUFBO0FBQUEsVUFBQSxHQUFBLFNBQUE7QUFjTCxTQUFnQixPQUFvQztBQU9wRCxTQUFPLDBCQUF5QztBQU1oRCxTQUFRLG1CQUFrRCxJQUFJO0FBQUEsTUFDNUQ7QUFBQSxNQUNBLHFCQUFxQixPQUFPO0FBQUEsSUFBQTtBQUk5QixTQUFRLFNBQTZCLElBQUksYUFBYSxNQUFNLHFCQUFxQixPQUFPLEtBQUs7QUFFckYsU0FBQSxTQUFTLElBQUksNEJBQTRCLElBQUk7QUFBQSxFQUFBO0FBQUEsRUFFN0MsYUFBYSxPQUFvQjs7QUFDdkMsVUFBTSxTQUFTLE1BQU07QUFDZixVQUFBLDJCQUEyQixTQUFTLGtCQUFrQjtBQUVyRCxpQkFBQSxlQUFBLG1CQUFZLFlBQVk7QUFDMUIsU0FBQSxpQkFBaUIsS0FBSyxNQUFNO0FBR2pDLFFBQUksMEJBQTBCO0FBSTVCLFdBQUssV0FBVztBQUNoQixXQUFLLE1BQU07QUFDWCxXQUFLLGlCQUFpQixRQUFRLE1BQU0sS0FBSyxnQkFBZ0IsVUFBVSxHQUFHO0FBQUEsUUFDcEUsTUFBTTtBQUFBLE1BQUEsQ0FDUDtBQUFBLElBQ0g7QUFBQSxFQUNGO0FBQUEsRUFFZ0Isb0JBQTBCO0FBQ3hDLFVBQU0sa0JBQWtCO0FBQ2xCLFVBQUEsU0FBUyxLQUFLLE9BQU87QUFDdEIsU0FBQSxpQkFBaUIsZ0JBQWdCLE9BQU8sb0JBQW9CLENBQUMsTUFBTSxLQUFLLGFBQWEsQ0FBQyxHQUFHO0FBQUEsTUFDNUY7QUFBQSxJQUFBLENBQ0Q7QUFBQSxFQUNIO0FBQUEsRUFFUSxhQUFhLE9BQW9CO0FBQ3ZDLFVBQU0sWUFBWSxLQUFLO0FBQ3ZCLFNBQUssYUFDRixNQUFNLE9BQ0osaUJBQUEsRUFDQSxPQUFPLENBQUMsTUFBTSxhQUFhLFdBQVcsRUFBRSxjQUFjLFdBQVcsRUFBRSxTQUFTO0FBQzdFLFFBQUEsQ0FBQyxLQUFLLGNBQWMsV0FBVztBQUNqQyxXQUFLLE9BQU87SUFDZDtBQUVBLFNBQUssZ0JBQWdCLGNBQWMsQ0FBQyxLQUFLLFVBQVU7QUFBQSxFQUNyRDtBQUFBLEVBRW1CLFNBQXlCO0FBQ3BDLFVBQUEsaUJBQWlCLElBQUksS0FBSyx1QkFBdUI7QUFHaEQsV0FBQTtBQUFBO0FBQUEsVUFFRCxLQUFLLGFBQ0gsUUFBUSxhQUFhLGNBQWMsQ0FBQztBQUFBLGlEQUNDLEtBQUssa0JBQWtCO0FBQUEsZ0JBQ3hELGFBQWEsY0FBYyxDQUFDLE1BQ2hDLE9BQU87QUFBQSw0QkFDUyxDQUFDLFVBQWlCLEtBQUssYUFBYSxLQUFLLENBQUM7QUFBQTtBQUFBO0FBQUEsRUFHcEU7QUFDRjtBQTdGYSxxQkFDWSxTQUF5QjtBQURyQyxxQkFFWSxTQUFTO0FBQUEsRUFDOUIsaUJBQWlCO0FBQUEsRUFDakIsT0FBTztBQUNUO0FBU2dCLGdCQUFBO0FBQUEsRUFEZixTQUFTLEVBQUUsU0FBUyxNQUFNO0FBQUEsR0FiaEIscUJBY0ssV0FBQSxRQUFBLENBQUE7QUFHdUMsZ0JBQUE7QUFBQSxFQUF0RCxTQUFTLEVBQUUsV0FBVyx1QkFBdUI7QUFBQSxHQWpCbkMscUJBaUI0QyxXQUFBLHNCQUFBLENBQUE7QUFJaEQsZ0JBQUE7QUFBQSxFQUROLFNBQVMsRUFBRSxXQUFXLDZCQUE2QjtBQUFBLEdBcEJ6QyxxQkFxQkosV0FBQSwyQkFBQSxDQUFBO0FBR1UsZ0JBQUE7QUFBQSxFQUFoQixNQUFNO0FBQUEsR0F4QkkscUJBd0JNLFdBQUEsY0FBQSxDQUFBO0FBeEJOLHVCQUFOLGdCQUFBO0FBQUEsRUFETixjQUFjLGlCQUFpQjtBQUFBLEdBQ25CLG9CQUFBOyJ9

package/development/alert/alert.d.ts

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

package/development/alert/alert.d.ts.map

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

package/development/alert/alert.js

@@ -0,0 +1,342 @@
+import { css, LitElement, html, nothing } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import { SbbLanguageController } from "../core/controllers.js";
+import { EventEmitter } from "../core/eventing.js";
+import { i18nFindOutMore, i18nCloseAlert } from "../core/i18n.js";
+import { SbbIconNameMixin } from "../icon.js";
+import "../button/transparent-button.js";
+import "../divider.js";
+import "../link.js";
+import "../title.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. */
+*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  --sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);
+  --sbb-alert-background-color: var(--sbb-color-midnight);
+  --sbb-alert-border-radius: var(--sbb-border-radius-4x);
+  --sbb-alert-color: var(--sbb-color-aluminium);
+  --sbb-alert-padding: var(--sbb-spacing-responsive-xxs) var(--sbb-spacing-responsive-xs);
+  --sbb-alert-icon-size: 1.25rem;
+  --sbb-alert-close-icon-size: var(--sbb-size-icon-ui-small);
+  --sbb-alert-close-icon-margin: var(--sbb-spacing-responsive-xxs);
+  --sbb-alert-gap: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-responsive-xs);
+  --sbb-alert-animation-duration: var(
+    --sbb-disable-animation-zero-time,
+    var(--sbb-animation-duration-6x)
+  );
+  display: block;
+}
+@media (min-width: calc(52.5rem)) {
+  :host {
+    --sbb-alert-icon-size: 1.75rem;
+  }
+}
+@media (forced-colors: active) {
+  :host {
+    outline: var(--sbb-border-width-1x) solid CanvasText;
+    border-radius: var(--sbb-alert-border-radius);
+  }
+}
+
+:host([animation=none]) {
+  --sbb-disable-animation-time: 0.1ms;
+  --sbb-disable-animation-zero-time: 0s;
+}
+
+:host([size=s]) {
+  --sbb-alert-gap: var(--sbb-spacing-fixed-1x) var(--sbb-spacing-responsive-xxs);
+  --sbb-alert-close-icon-margin: var(--sbb-spacing-responsive-xxxs);
+}
+
+:host([size=l]) {
+  --sbb-alert-icon-size: var(--sbb-size-icon-ui-small);
+}
+@media (min-width: calc(52.5rem)) {
+  :host([size=l]) {
+    --sbb-alert-icon-size: 2.125rem;
+  }
+}
+
+.sbb-alert__transition-wrapper {
+  display: grid;
+  grid-template-rows: 0fr;
+  opacity: 0;
+}
+:host([data-state=opened]) .sbb-alert__transition-wrapper {
+  grid-template-rows: 1fr;
+  opacity: 1;
+}
+:host([data-state=opening]) .sbb-alert__transition-wrapper {
+  animation-name: open, open-opacity;
+  animation-fill-mode: forwards;
+  animation-duration: var(--sbb-alert-animation-duration);
+  animation-timing-function: ease-in;
+  animation-delay: 0s, var(--sbb-alert-animation-duration);
+}
+
+.sbb-alert__transition-sub-wrapper {
+  overflow: hidden;
+}
+
+.sbb-alert {
+  --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: grid;
+  grid-template-columns: 1fr auto;
+  align-items: center;
+  gap: var(--sbb-alert-gap);
+  min-width: fit-content;
+  padding: var(--sbb-alert-padding);
+  overflow: hidden;
+  color: var(--sbb-alert-color);
+  background-color: var(--sbb-alert-background-color);
+  border-radius: var(--sbb-alert-border-radius);
+}
+@media (min-width: calc(37.5rem)) {
+  .sbb-alert {
+    grid-template-columns: auto 1fr auto;
+    align-items: flex-start;
+  }
+}
+
+.sbb-alert__icon {
+  display: flex;
+  align-items: start;
+  padding-block: var(--sbb-spacing-fixed-1x);
+  min-width: var(--sbb-alert-icon-size);
+  --sbb-icon-svg-width: var(--sbb-alert-icon-size);
+  --sbb-icon-svg-height: var(--sbb-alert-icon-size);
+}
+
+.sbb-alert__content {
+  order: 3;
+  grid-column: 1/3;
+}
+@media (min-width: calc(37.5rem)) {
+  .sbb-alert__content {
+    order: initial;
+    grid-column-start: initial;
+    grid-column-end: initial;
+  }
+}
+
+.sbb-alert__content-slot {
+  display: inline;
+  margin: 0;
+  padding: 0;
+}
+
+.sbb-alert__title {
+  margin: 0;
+}
+
+.sbb-alert__close-button-wrapper {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  height: 100%;
+}
+
+@media (min-width: calc(37.5rem)) {
+  .sbb-alert__close-button {
+    margin-inline-start: var(--sbb-alert-close-icon-margin);
+  }
+}
+
+.sbb-alert__close-button-divider {
+  display: none;
+}
+@media (min-width: calc(37.5rem)) {
+  .sbb-alert__close-button-divider {
+    display: block;
+    height: calc(100% - var(--sbb-spacing-fixed-1x) * 2);
+  }
+}
+
+@keyframes open {
+  from {
+    grid-template-rows: 0fr;
+  }
+  to {
+    grid-template-rows: 1fr;
+  }
+}
+@keyframes open-opacity {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}`;
+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 SbbAlertElement = class extends SbbIconNameMixin(LitElement) {
+  constructor() {
+    super(...arguments);
+    this.readonly = false;
+    this.size = "m";
+    this.iconName = "info";
+    this.titleLevel = "3";
+    this.animation = "open";
+    this._willOpen = new EventEmitter(this, SbbAlertElement.events.willOpen);
+    this._didOpen = new EventEmitter(this, SbbAlertElement.events.didOpen);
+    this._dismissalRequested = new EventEmitter(
+      this,
+      SbbAlertElement.events.dismissalRequested
+    );
+    this._language = new SbbLanguageController(this);
+  }
+  /** The state of the alert. */
+  get _state() {
+    return this.getAttribute("data-state") ?? "closed";
+  }
+  set _state(value) {
+    this.setAttribute("data-state", value);
+  }
+  async firstUpdated(changedProperties) {
+    super.firstUpdated(changedProperties);
+    this._open();
+  }
+  /** Requests dismissal of the alert. */
+  requestDismissal() {
+    this._dismissalRequested.emit();
+  }
+  /** Open the alert. */
+  _open() {
+    this._state = "opening";
+    this._willOpen.emit();
+  }
+  _onAnimationEnd(event) {
+    if (this._state === "opening" && event.animationName === "open-opacity") {
+      this._state = "opened";
+      this._didOpen.emit();
+    }
+  }
+  render() {
+    return html`
+      <div class="sbb-alert__transition-wrapper" @animationend=${this._onAnimationEnd}>
+        <!-- sub wrapper needed to properly support fade in animation -->
+        <div class="sbb-alert__transition-sub-wrapper">
+          <div class="sbb-alert">
+            <span class="sbb-alert__icon"> ${this.renderIconSlot()} </span>
+            <span class="sbb-alert__content">
+              <sbb-title
+                class="sbb-alert__title"
+                level=${this.titleLevel}
+                visual-level=${this.size === "l" ? "3" : "5"}
+                negative
+              >
+                <slot name="title">${this.titleContent}</slot>
+              </sbb-title>
+              <p class="sbb-alert__content-slot">
+                <slot></slot>
+              </p>
+              ${this.href ? html` <sbb-link
+                    accessibility-label=${this.accessibilityLabel ?? nothing}
+                    href=${this.href ?? nothing}
+                    target=${this.target ?? nothing}
+                    rel=${this.rel ?? nothing}
+                    negative
+                  >
+                    ${this.linkContent ? this.linkContent : i18nFindOutMore[this._language.current]}
+                  </sbb-link>` : nothing}
+            </span>
+            ${!this.readonly ? html`<span class="sbb-alert__close-button-wrapper">
+                  <sbb-divider
+                    orientation="vertical"
+                    negative
+                    class="sbb-alert__close-button-divider"
+                  ></sbb-divider>
+                  <sbb-transparent-button
+                    negative
+                    size=${this.size === "l" ? "m" : this.size}
+                    icon-name="cross-small"
+                    @click=${() => this.requestDismissal()}
+                    aria-label=${i18nCloseAlert[this._language.current]}
+                    class="sbb-alert__close-button"
+                  ></sbb-transparent-button>
+                </span>` : nothing}
+          </div>
+        </div>
+      </div>
+    `;
+  }
+};
+SbbAlertElement.styles = style;
+SbbAlertElement.events = {
+  willOpen: "willOpen",
+  didOpen: "didOpen",
+  dismissalRequested: "dismissalRequested"
+};
+__decorateClass([
+  property({ reflect: true, type: Boolean })
+], SbbAlertElement.prototype, "readonly", 2);
+__decorateClass([
+  property({ reflect: true })
+], SbbAlertElement.prototype, "size", 2);
+__decorateClass([
+  property({ attribute: "icon-name" })
+], SbbAlertElement.prototype, "iconName", 2);
+__decorateClass([
+  property({ attribute: "title-content" })
+], SbbAlertElement.prototype, "titleContent", 2);
+__decorateClass([
+  property({ attribute: "title-level" })
+], SbbAlertElement.prototype, "titleLevel", 2);
+__decorateClass([
+  property({ attribute: "link-content" })
+], SbbAlertElement.prototype, "linkContent", 2);
+__decorateClass([
+  property()
+], SbbAlertElement.prototype, "href", 2);
+__decorateClass([
+  property()
+], SbbAlertElement.prototype, "target", 2);
+__decorateClass([
+  property()
+], SbbAlertElement.prototype, "rel", 2);
+__decorateClass([
+  property({ attribute: "accessibility-label" })
+], SbbAlertElement.prototype, "accessibilityLabel", 2);
+__decorateClass([
+  property({ reflect: true })
+], SbbAlertElement.prototype, "animation", 2);
+SbbAlertElement = __decorateClass([
+  customElement("sbb-alert")
+], SbbAlertElement);
+export {
+  SbbAlertElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9hbGVydC9hbGVydC9hbGVydC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICB0eXBlIENTU1Jlc3VsdEdyb3VwLFxuICBodG1sLFxuICBMaXRFbGVtZW50LFxuICBub3RoaW5nLFxuICB0eXBlIFByb3BlcnR5VmFsdWVzLFxuICB0eXBlIFRlbXBsYXRlUmVzdWx0LFxufSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCwgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB0eXBlIHsgTGlua1RhcmdldFR5cGUgfSBmcm9tICcuLi8uLi9jb3JlL2Jhc2UtZWxlbWVudHMuanMnO1xuaW1wb3J0IHsgU2JiTGFuZ3VhZ2VDb250cm9sbGVyIH0gZnJvbSAnLi4vLi4vY29yZS9jb250cm9sbGVycy5qcyc7XG5pbXBvcnQgeyBFdmVudEVtaXR0ZXIgfSBmcm9tICcuLi8uLi9jb3JlL2V2ZW50aW5nLmpzJztcbmltcG9ydCB7IGkxOG5DbG9zZUFsZXJ0LCBpMThuRmluZE91dE1vcmUgfSBmcm9tICcuLi8uLi9jb3JlL2kxOG4uanMnO1xuaW1wb3J0IHR5cGUgeyBTYmJPcGVuZWRDbG9zZWRTdGF0ZSB9IGZyb20gJy4uLy4uL2NvcmUvaW50ZXJmYWNlcy5qcyc7XG5pbXBvcnQgeyBTYmJJY29uTmFtZU1peGluIH0gZnJvbSAnLi4vLi4vaWNvbi5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYlRpdGxlTGV2ZWwgfSBmcm9tICcuLi8uLi90aXRsZS5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2FsZXJ0LnNjc3M/bGl0JmlubGluZSc7XG5cbmltcG9ydCAnLi4vLi4vYnV0dG9uL3RyYW5zcGFyZW50LWJ1dHRvbi5qcyc7XG5pbXBvcnQgJy4uLy4uL2RpdmlkZXIuanMnO1xuaW1wb3J0ICcuLi8uLi9saW5rLmpzJztcbmltcG9ydCAnLi4vLi4vdGl0bGUuanMnO1xuXG50eXBlIFNiYkFsZXJ0U3RhdGUgPSBFeGNsdWRlPFNiYk9wZW5lZENsb3NlZFN0YXRlLCAnY2xvc2luZyc+O1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIG1lc3NhZ2VzIHdoaWNoIHJlcXVpcmUgdXNlcidzIGF0dGVudGlvbi5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBjb250ZW50IHRvIHRoZSBgc2JiLWFsZXJ0YC5cbiAqIEBzbG90IGljb24gLSBTaG91bGQgYmUgYSBgc2JiLWljb25gIHdoaWNoIGlzIGRpc3BsYXllZCBuZXh0IHRvIHRoZSB0aXRsZS4gU3R5bGluZyBpcyBvcHRpbWl6ZWQgZm9yIGljb25zIG9mIHR5cGUgSElNLUNVUy5cbiAqIEBzbG90IHRpdGxlIC0gVGl0bGUgY29udGVudC5cbiAqIEBldmVudCB7Q3VzdG9tRXZlbnQ8dm9pZD59IHdpbGxPcGVuIC0gRW1pdHMgd2hlbiB0aGUgZmFkZSBpbiBhbmltYXRpb24gc3RhcnRzLlxuICogQGV2ZW50IHtDdXN0b21FdmVudDx2b2lkPn0gZGlkT3BlbiAtIEVtaXRzIHdoZW4gdGhlIGZhZGUgaW4gYW5pbWF0aW9uIGVuZHMgYW5kIHRoZSBidXR0b24gaXMgZGlzcGxheWVkLlxuICogQGV2ZW50IHtDdXN0b21FdmVudDx2b2lkPn0gZGlzbWlzc2FsUmVxdWVzdGVkIC0gRW1pdHMgd2hlbiBkaXNtaXNzYWwgb2YgYW4gYWxlcnQgd2FzIHJlcXVlc3RlZC5cbiAqL1xuQGN1c3RvbUVsZW1lbnQoJ3NiYi1hbGVydCcpXG5leHBvcnQgY2xhc3MgU2JiQWxlcnRFbGVtZW50IGV4dGVuZHMgU2JiSWNvbk5hbWVNaXhpbihMaXRFbGVtZW50KSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuICBwdWJsaWMgc3RhdGljIHJlYWRvbmx5IGV2ZW50cyA9IHtcbiAgICB3aWxsT3BlbjogJ3dpbGxPcGVuJyxcbiAgICBkaWRPcGVuOiAnZGlkT3BlbicsXG4gICAgZGlzbWlzc2FsUmVxdWVzdGVkOiAnZGlzbWlzc2FsUmVxdWVzdGVkJyxcbiAgfSBhcyBjb25zdDtcblxuICAvKipcbiAgICogV2hldGhlciB0aGUgYWxlcnQgaXMgcmVhZG9ubHkuXG4gICAqIEluIHJlYWRvbmx5IG1vZGUsIHRoZXJlIGlzIG5vIGRpc21pc3MgYnV0dG9uIG9mZmVyZWQgdG8gdGhlIHVzZXIuXG4gICAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlLCB0eXBlOiBCb29sZWFuIH0pIHB1YmxpYyByZWFkb25seSA9IGZhbHNlO1xuXG4gIC8qKiBZb3UgY2FuIGNob29zZSBiZXR3ZWVuIGBtYCBvciBgbGAgc2l6ZS4gKi9cbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSB9KSBwdWJsaWMgc2l6ZTogJ3MnIHwgJ20nIHwgJ2wnID0gJ20nO1xuXG4gIC8qKlxuICAgKiBOYW1lIG9mIHRoZSBpY29uIHdoaWNoIHdpbGwgYmUgZm9yd2FyZCB0byB0aGUgbmVzdGVkIGBzYmItaWNvbmAuXG4gICAqIENob29zZSB0aGUgaWNvbnMgZnJvbSBodHRwczovL2ljb25zLmFwcC5zYmIuY2guXG4gICAqIFN0eWxpbmcgaXMgb3B0aW1pemVkIGZvciBpY29ucyBvZiB0eXBlIEhJTS1DVVMuXG4gICAqL1xuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdpY29uLW5hbWUnIH0pIHB1YmxpYyBvdmVycmlkZSBpY29uTmFtZTogc3RyaW5nID0gJ2luZm8nO1xuXG4gIC8qKiBDb250ZW50IG9mIHRpdGxlLiAqL1xuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICd0aXRsZS1jb250ZW50JyB9KSBwdWJsaWMgdGl0bGVDb250ZW50Pzogc3RyaW5nO1xuXG4gIC8qKiBMZXZlbCBvZiB0aXRsZSwgd2lsbCBiZSByZW5kZXJlZCBhcyBoZWFkaW5nIHRhZyAoZS5nLiBoMykuIERlZmF1bHRzIHRvIGxldmVsIDMuICovXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ3RpdGxlLWxldmVsJyB9KSBwdWJsaWMgdGl0bGVMZXZlbDogU2JiVGl0bGVMZXZlbCA9ICczJztcblxuICAvKiogQ29udGVudCBvZiB0aGUgbGluay4gKi9cbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnbGluay1jb250ZW50JyB9KSBwdWJsaWMgbGlua0NvbnRlbnQ/OiBzdHJpbmc7XG5cbiAgLyoqIFRoZSBocmVmIHZhbHVlIHlvdSB3YW50IHRvIGxpbmsgdG8uICovXG4gIEBwcm9wZXJ0eSgpIHB1YmxpYyBocmVmOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbiAgLyoqIFdoZXJlIHRvIGRpc3BsYXkgdGhlIGxpbmtlZCBVUkwuICovXG4gIEBwcm9wZXJ0eSgpIHB1YmxpYyB0YXJnZXQ6IExpbmtUYXJnZXRUeXBlIHwgc3RyaW5nIHwgdW5kZWZpbmVkO1xuXG4gIC8qKiBUaGUgcmVsYXRpb25zaGlwIG9mIHRoZSBsaW5rZWQgVVJMIGFzIHNwYWNlLXNlcGFyYXRlZCBsaW5rIHR5cGVzLiAqL1xuICBAcHJvcGVydHkoKSBwdWJsaWMgcmVsOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbiAgLyoqIFRoaXMgd2lsbCBiZSBmb3J3YXJkZWQgYXMgYXJpYS1sYWJlbCB0byB0aGUgcmVsZXZhbnQgbmVzdGVkIGVsZW1lbnQuICovXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ2FjY2Vzc2liaWxpdHktbGFiZWwnIH0pIHB1YmxpYyBhY2Nlc3NpYmlsaXR5TGFiZWw6IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICAvKiogVGhlIGVuYWJsZWQgYW5pbWF0aW9ucy4gKi9cbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSB9KSBwdWJsaWMgYW5pbWF0aW9uOiAnb3BlbicgfCAnbm9uZScgPSAnb3Blbic7XG5cbiAgLyoqIFRoZSBzdGF0ZSBvZiB0aGUgYWxlcnQuICovXG4gIHByaXZhdGUgZ2V0IF9zdGF0ZSgpOiBTYmJBbGVydFN0YXRlIHtcbiAgICByZXR1cm4gKHRoaXMuZ2V0QXR0cmlidXRlKCdkYXRhLXN0YXRlJykgYXMgU2JiQWxlcnRTdGF0ZSB8IG51bGwpID8/ICdjbG9zZWQnO1xuICB9XG4gIHByaXZhdGUgc2V0IF9zdGF0ZSh2YWx1ZTogU2JiQWxlcnRTdGF0ZSkge1xuICAgIHRoaXMuc2V0QXR0cmlidXRlKCdkYXRhLXN0YXRlJywgdmFsdWUpO1xuICB9XG5cbiAgLyoqIEVtaXRzIHdoZW4gdGhlIGZhZGUgaW4gYW5pbWF0aW9uIHN0YXJ0cy4gKi9cbiAgcHJpdmF0ZSBfd2lsbE9wZW46IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXIodGhpcywgU2JiQWxlcnRFbGVtZW50LmV2ZW50cy53aWxsT3Blbik7XG5cbiAgLyoqIEVtaXRzIHdoZW4gdGhlIGZhZGUgaW4gYW5pbWF0aW9uIGVuZHMgYW5kIHRoZSBidXR0b24gaXMgZGlzcGxheWVkLiAqL1xuICBwcml2YXRlIF9kaWRPcGVuOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyKHRoaXMsIFNiYkFsZXJ0RWxlbWVudC5ldmVudHMuZGlkT3Blbik7XG5cbiAgLyoqIEVtaXRzIHdoZW4gZGlzbWlzc2FsIG9mIGFuIGFsZXJ0IHdhcyByZXF1ZXN0ZWQuICovXG4gIHByaXZhdGUgX2Rpc21pc3NhbFJlcXVlc3RlZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcihcbiAgICB0aGlzLFxuICAgIFNiYkFsZXJ0RWxlbWVudC5ldmVudHMuZGlzbWlzc2FsUmVxdWVzdGVkLFxuICApO1xuXG4gIHByaXZhdGUgX2xhbmd1YWdlID0gbmV3IFNiYkxhbmd1YWdlQ29udHJvbGxlcih0aGlzKTtcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgYXN5bmMgZmlyc3RVcGRhdGVkKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczx0aGlzPik6IFByb21pc2U8dm9pZD4ge1xuICAgIHN1cGVyLmZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICB0aGlzLl9vcGVuKCk7XG4gIH1cblxuICAvKiogUmVxdWVzdHMgZGlzbWlzc2FsIG9mIHRoZSBhbGVydC4gKi9cbiAgcHVibGljIHJlcXVlc3REaXNtaXNzYWwoKTogdm9pZCB7XG4gICAgdGhpcy5fZGlzbWlzc2FsUmVxdWVzdGVkLmVtaXQoKTtcbiAgfVxuXG4gIC8qKiBPcGVuIHRoZSBhbGVydC4gKi9cbiAgcHJpdmF0ZSBfb3BlbigpOiB2b2lkIHtcbiAgICB0aGlzLl9zdGF0ZSA9ICdvcGVuaW5nJztcbiAgICB0aGlzLl93aWxsT3Blbi5lbWl0KCk7XG4gIH1cblxuICBwcml2YXRlIF9vbkFuaW1hdGlvbkVuZChldmVudDogQW5pbWF0aW9uRXZlbnQpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5fc3RhdGUgPT09ICdvcGVuaW5nJyAmJiBldmVudC5hbmltYXRpb25OYW1lID09PSAnb3Blbi1vcGFjaXR5Jykge1xuICAgICAgdGhpcy5fc3RhdGUgPSAnb3BlbmVkJztcbiAgICAgIHRoaXMuX2RpZE9wZW4uZW1pdCgpO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi1hbGVydF9fdHJhbnNpdGlvbi13cmFwcGVyXCIgQGFuaW1hdGlvbmVuZD0ke3RoaXMuX29uQW5pbWF0aW9uRW5kfT5cbiAgICAgICAgPCEtLSBzdWIgd3JhcHBlciBuZWVkZWQgdG8gcHJvcGVybHkgc3VwcG9ydCBmYWRlIGluIGFuaW1hdGlvbiAtLT5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNiYi1hbGVydF9fdHJhbnNpdGlvbi1zdWItd3JhcHBlclwiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzYmItYWxlcnRcIj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWFsZXJ0X19pY29uXCI+ICR7dGhpcy5yZW5kZXJJY29uU2xvdCgpfSA8L3NwYW4+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1hbGVydF9fY29udGVudFwiPlxuICAgICAgICAgICAgICA8c2JiLXRpdGxlXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJzYmItYWxlcnRfX3RpdGxlXCJcbiAgICAgICAgICAgICAgICBsZXZlbD0ke3RoaXMudGl0bGVMZXZlbH1cbiAgICAgICAgICAgICAgICB2aXN1YWwtbGV2ZWw9JHt0aGlzLnNpemUgPT09ICdsJyA/ICczJyA6ICc1J31cbiAgICAgICAgICAgICAgICBuZWdhdGl2ZVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPHNsb3QgbmFtZT1cInRpdGxlXCI+JHt0aGlzLnRpdGxlQ29udGVudH08L3Nsb3Q+XG4gICAgICAgICAgICAgIDwvc2JiLXRpdGxlPlxuICAgICAgICAgICAgICA8cCBjbGFzcz1cInNiYi1hbGVydF9fY29udGVudC1zbG90XCI+XG4gICAgICAgICAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgICAgICAgICA8L3A+XG4gICAgICAgICAgICAgICR7dGhpcy5ocmVmXG4gICAgICAgICAgICAgICAgPyBodG1sYCA8c2JiLWxpbmtcbiAgICAgICAgICAgICAgICAgICAgYWNjZXNzaWJpbGl0eS1sYWJlbD0ke3RoaXMuYWNjZXNzaWJpbGl0eUxhYmVsID8/IG5vdGhpbmd9XG4gICAgICAgICAgICAgICAgICAgIGhyZWY9JHt0aGlzLmhyZWYgPz8gbm90aGluZ31cbiAgICAgICAgICAgICAgICAgICAgdGFyZ2V0PSR7dGhpcy50YXJnZXQgPz8gbm90aGluZ31cbiAgICAgICAgICAgICAgICAgICAgcmVsPSR7dGhpcy5yZWwgPz8gbm90aGluZ31cbiAgICAgICAgICAgICAgICAgICAgbmVnYXRpdmVcbiAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgJHt0aGlzLmxpbmtDb250ZW50ID8gdGhpcy5saW5rQ29udGVudCA6IGkxOG5GaW5kT3V0TW9yZVt0aGlzLl9sYW5ndWFnZS5jdXJyZW50XX1cbiAgICAgICAgICAgICAgICAgIDwvc2JiLWxpbms+YFxuICAgICAgICAgICAgICAgIDogbm90aGluZ31cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICR7IXRoaXMucmVhZG9ubHlcbiAgICAgICAgICAgICAgPyBodG1sYDxzcGFuIGNsYXNzPVwic2JiLWFsZXJ0X19jbG9zZS1idXR0b24td3JhcHBlclwiPlxuICAgICAgICAgICAgICAgICAgPHNiYi1kaXZpZGVyXG4gICAgICAgICAgICAgICAgICAgIG9yaWVudGF0aW9uPVwidmVydGljYWxcIlxuICAgICAgICAgICAgICAgICAgICBuZWdhdGl2ZVxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInNiYi1hbGVydF9fY2xvc2UtYnV0dG9uLWRpdmlkZXJcIlxuICAgICAgICAgICAgICAgICAgPjwvc2JiLWRpdmlkZXI+XG4gICAgICAgICAgICAgICAgICA8c2JiLXRyYW5zcGFyZW50LWJ1dHRvblxuICAgICAgICAgICAgICAgICAgICBuZWdhdGl2ZVxuICAgICAgICAgICAgICAgICAgICBzaXplPSR7dGhpcy5zaXplID09PSAnbCcgPyAnbScgOiB0aGlzLnNpemV9XG4gICAgICAgICAgICAgICAgICAgIGljb24tbmFtZT1cImNyb3NzLXNtYWxsXCJcbiAgICAgICAgICAgICAgICAgICAgQGNsaWNrPSR7KCkgPT4gdGhpcy5yZXF1ZXN0RGlzbWlzc2FsKCl9XG4gICAgICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9JHtpMThuQ2xvc2VBbGVydFt0aGlzLl9sYW5ndWFnZS5jdXJyZW50XX1cbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJzYmItYWxlcnRfX2Nsb3NlLWJ1dHRvblwiXG4gICAgICAgICAgICAgICAgICA+PC9zYmItdHJhbnNwYXJlbnQtYnV0dG9uPlxuICAgICAgICAgICAgICAgIDwvc3Bhbj5gXG4gICAgICAgICAgICAgIDogbm90aGluZ31cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItYWxlcnQnOiBTYmJBbGVydEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFzQ08sSUFBTSxrQkFBTixjQUE4QixpQkFBaUIsVUFBVSxFQUFFO0FBQUEsRUFBM0QsY0FBQTtBQUFBLFVBQUEsR0FBQSxTQUFBO0FBWXVDLFNBQU8sV0FBVztBQUdqQyxTQUFPLE9BQXdCO0FBT3RCLFNBQWdCLFdBQW1CO0FBTWpDLFNBQU8sYUFBNEI7QUFrQjlDLFNBQU8sWUFBNkI7QUFXakUsU0FBUSxZQUFnQyxJQUFJLGFBQWEsTUFBTSxnQkFBZ0IsT0FBTyxRQUFRO0FBRzlGLFNBQVEsV0FBK0IsSUFBSSxhQUFhLE1BQU0sZ0JBQWdCLE9BQU8sT0FBTztBQUc1RixTQUFRLHNCQUEwQyxJQUFJO0FBQUEsTUFDcEQ7QUFBQSxNQUNBLGdCQUFnQixPQUFPO0FBQUEsSUFBQTtBQUdqQixTQUFBLFlBQVksSUFBSSxzQkFBc0IsSUFBSTtBQUFBLEVBQUE7QUFBQTtBQUFBLEVBbkJsRCxJQUFZLFNBQXdCO0FBQzFCLFdBQUEsS0FBSyxhQUFhLFlBQVksS0FBOEI7QUFBQSxFQUN0RTtBQUFBLEVBQ0EsSUFBWSxPQUFPLE9BQXNCO0FBQ2xDLFNBQUEsYUFBYSxjQUFjLEtBQUs7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

package/development/alert.d.ts

@@ -0,0 +1,3 @@
+export * from './alert/alert.js';
+export * from './alert/alert-group.js';
+//# sourceMappingURL=alert.d.ts.map

package/development/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../src/elements/alert.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC"}

package/development/alert.js

@@ -0,0 +1,3 @@
+export * from "./alert/alert.js";
+export * from "./alert/alert-group.js";
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzsifQ==

package/development/autocomplete/autocomplete.d.ts

@@ -0,0 +1,108 @@
+import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
+import { SbbOpenCloseBaseElement } from '../core/base-elements.js';
+
+declare const SbbAutocompleteElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbNegativeMixinType> & import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbHydrationMixinType> & typeof SbbOpenCloseBaseElement;
+/**
+ * Combined with a native input, it displays a panel with a list of available options.
+ *
+ * @slot - Use the unnamed slot to add `sbb-option` or `sbb-optgroup` elements to the `sbb-autocomplete`.
+ * @event {CustomEvent<void>} willOpen - Emits whenever the `sbb-autocomplete` starts the opening transition. Can be canceled.
+ * @event {CustomEvent<void>} didOpen - Emits whenever the `sbb-autocomplete` is opened.
+ * @event {CustomEvent<void>} willClose - Emits whenever the `sbb-autocomplete` begins the closing transition. Can be canceled.
+ * @event {CustomEvent<void>} didClose - Emits whenever the `sbb-autocomplete` is closed.
+ * @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 SbbAutocompleteElement extends SbbAutocompleteElement_base {
+    static styles: CSSResultGroup;
+    /**
+     * The element where the autocomplete will attach; accepts both an element's id or an HTMLElement.
+     * If not set, will search for the first 'sbb-form-field' ancestor.
+     */
+    origin?: string | HTMLElement;
+    /**
+     * The input element that will trigger the autocomplete opening; accepts both an element's id or an HTMLElement.
+     * By default, the autocomplete will open on focus, click, input or `ArrowDown` keypress of the 'trigger' element.
+     * If not set, will search for the first 'input' child of a 'sbb-form-field' ancestor.
+     */
+    trigger?: string | HTMLInputElement;
+    /** Whether the icon space is preserved when no icon is set. */
+    preserveIconSpace?: boolean;
+    private _overlay;
+    private _optionContainer;
+    /** Returns the element where autocomplete overlay is attached to. */
+    get originElement(): HTMLElement;
+    private _originElement?;
+    /** Returns the trigger element. */
+    get triggerElement(): HTMLInputElement | undefined;
+    private _triggerElement;
+    private _triggerEventsController;
+    private _openPanelEventsController;
+    private _overlayId;
+    private _activeItemIndex;
+    private _didLoad;
+    private _isPointerDownEventOnMenu;
+    private _abort;
+    /** The autocomplete should inherit 'readonly' state from the trigger. */
+    private get _readonly();
+    private get _options();
+    /** Opens the autocomplete. */
+    open(): void;
+    /** Closes the autocomplete. */
+    close(): void;
+    /** Removes trigger click listener on trigger change. */
+    private _resetOriginClickListener;
+    /** Removes trigger click listener on trigger change. */
+    private _resetTriggerClickListener;
+    /** When an option is selected, update the input value and close the autocomplete. */
+    private _onOptionSelected;
+    private _onOptionClick;
+    connectedCallback(): void;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    protected firstUpdated(changedProperties: PropertyValues<this>): void;
+    private _syncNegative;
+    disconnectedCallback(): void;
+    private _componentSetup;
+    /**
+     * Retrieve the element where the autocomplete will be attached.
+     * @returns 'origin' or the first 'sbb-form-field' ancestor.
+     */
+    private _findOriginElement;
+    /**
+     * Retrieve the element that will trigger the autocomplete opening.
+     * @returns 'trigger' or the first 'input' inside the origin element.
+     */
+    private _getTriggerElement;
+    private _bindTo;
+    private _setupTriggerEvents;
+    private _setOverlayPosition;
+    /** On open/close animation end.
+     *  In rare cases it can be that the animationEnd event is triggered twice.
+     *  To avoid entering a corrupt state, exit when state is not expected.
+     */
+    private _onAnimationEnd;
+    private _onOpenAnimationEnd;
+    private _onCloseAnimationEnd;
+    private _attachOpenPanelEvents;
+    private _pointerDownListener;
+    private _closeOnBackdropClick;
+    private _closedPanelKeyboardInteraction;
+    private _openedPanelKeyboardInteraction;
+    private _selectByKeyboard;
+    private _setNextActiveOption;
+    private _resetActiveElement;
+    /** Highlight the searched text on the options. */
+    private _highlightOptions;
+    private _setTriggerAttributes;
+    private _removeTriggerAttributes;
+    private _handleSlotchange;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-autocomplete': SbbAutocompleteElement;
+    }
+}
+export {};
+//# sourceMappingURL=autocomplete.d.ts.map

package/development/autocomplete/autocomplete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../../../src/elements/autocomplete/autocomplete.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAM1E,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;;AAwBnE;;;;;;;;;;;GAWG;AACH,qBAKa,sBAAuB,SAAQ,2BAE3C;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;OAGG;IACgB,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IAEjD;;;;OAIG;IACgB,OAAO,CAAC,EAAE,MAAM,GAAG,gBAAgB,CAAC;IAEvD,+DAA+D;IAExD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAEnC,OAAO,CAAC,QAAQ,CAAe;IAC/B,OAAO,CAAC,gBAAgB,CAAe;IAEvC,qEAAqE;IACrE,IAAW,aAAa,IAAI,WAAW,CAKtC;IACD,OAAO,CAAC,cAAc,CAAC,CAAc;IAErC,mCAAmC;IACnC,IAAW,cAAc,IAAI,gBAAgB,GAAG,SAAS,CAExD;IACD,OAAO,CAAC,eAAe,CAA+B;IAEtD,OAAO,CAAC,wBAAwB,CAAmB;IACnD,OAAO,CAAC,0BAA0B,CAAmB;IACrD,OAAO,CAAC,UAAU,CAAkC;IACpD,OAAO,CAAC,gBAAgB,CAAM;IAC9B,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,yBAAyB,CAAkB;IACnD,OAAO,CAAC,MAAM,CAAyC;IAEvD,yEAAyE;IACzE,OAAO,KAAK,SAAS,GAEpB;IAED,OAAO,KAAK,QAAQ,GAEnB;IAED,8BAA8B;IACvB,IAAI,IAAI,IAAI;IAYnB,+BAA+B;IACxB,KAAK,IAAI,IAAI;IAYpB,wDAAwD;IACxD,OAAO,CAAC,yBAAyB;IASjC,wDAAwD;IACxD,OAAO,CAAC,0BAA0B;IASlC,qFAAqF;IACrF,OAAO,CAAC,iBAAiB;IAuBzB,OAAO,CAAC,cAAc;IAUN,iBAAiB,IAAI,IAAI;cA0BtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAczD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAM9E,OAAO,CAAC,aAAa;IAQL,oBAAoB,IAAI,IAAI;IAM5C,OAAO,CAAC,eAAe;IAgBvB;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IAkB1B;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IAgB1B,OAAO,CAAC,OAAO;IAcf,OAAO,CAAC,mBAAmB;IA0B3B,OAAO,CAAC,mBAAmB;IAU3B;;;OAGG;IACH,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,mBAAmB;IAO3B,OAAO,CAAC,oBAAoB;IAQ5B,OAAO,CAAC,sBAAsB;IAgC9B,OAAO,CAAC,oBAAoB,CAE1B;IAGF,OAAO,CAAC,qBAAqB,CAQ3B;IAEF,OAAO,CAAC,+BAA+B;IAcvC,OAAO,CAAC,+BAA+B;IAsBvC,OAAO,CAAC,iBAAiB;IAQzB,OAAO,CAAC,oBAAoB;IAqB5B,OAAO,CAAC,mBAAmB;IAU3B,kDAAkD;IAClD,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,qBAAqB;IAI7B,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,iBAAiB;cAIN,MAAM,IAAI,cAAc;CAwB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,kBAAkB,EAAE,sBAAsB,CAAC;KAC5C;CACF"}

package/development/autocomplete.d.ts

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

package/development/autocomplete.d.ts.map

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