@sbb-esta/lyne-elements 0.0.0 → 0.52.1

package/development/alert/alert.js

@@ -0,0 +1,341 @@
+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+XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItYWxlcnQnOiBTYmJBbGVydEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQXNDTyxJQUFNLGtCQUFOLGNBQThCLGlCQUFpQixVQUFVLEVBQUU7QUFBQSxFQUEzRCxjQUFBO0FBQUEsVUFBQSxHQUFBLFNBQUE7QUFZdUMsU0FBTyxXQUFXO0FBR2pDLFNBQU8sT0FBd0I7QUFPdEIsU0FBZ0IsV0FBbUI7QUFNakMsU0FBTyxhQUE0QjtBQWtCOUMsU0FBTyxZQUE2QjtBQVdqRSxTQUFRLFlBQWdDLElBQUksYUFBYSxNQUFNLGdCQUFnQixPQUFPLFFBQVE7QUFHOUYsU0FBUSxXQUErQixJQUFJLGFBQWEsTUFBTSxnQkFBZ0IsT0FBTyxPQUFPO0FBRzVGLFNBQVEsc0JBQTBDLElBQUk7QUFBQSxNQUNwRDtBQUFBLE1BQ0EsZ0JBQWdCLE9BQU87QUFBQSxJQUFBO0FBR2pCLFNBQUEsWUFBWSxJQUFJLHNCQUFzQixJQUFJO0FBQUEsRUFBQTtBQUFBO0FBQUEsRUFuQmxELElBQVksU0FBd0I7QUFDMUIsV0FBQSxLQUFLLGFBQWEsWUFBWSxLQUE4QjtBQUFBLEVBQ3RFO0FBQUEsRUFDQSxJQUFZLE9BQU8sT0FBc0I7QUFDbEMsU0FBQSxhQUFhLGNBQWMsS0FBSztB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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"}