@sbb-esta/lyne-elements-dev 0.0.0 → 4.5.1-dev.1771859294

package/development/alert/alert/alert.component.js

@@ -0,0 +1,392 @@
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+import { __runInitializers, __esDecorate } from "tslib";
+import { css, nothing, html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { SbbOpenCloseBaseElement } from "../../core/base-elements.js";
+import { SbbLanguageController, SbbDarkModeController } from "../../core/controllers.js";
+import { isLean, isZeroAnimationDuration } from "../../core/dom.js";
+import { i18nCloseAlert } from "../../core/i18n.js";
+import { SbbReadonlyMixin } from "../../core/mixins.js";
+import { boxSizingStyles } from "../../core/styles.js";
+import { SbbIconNameMixin } from "../../icon.js";
+import "../../button/transparent-button.js";
+import "../../divider.js";
+const style = css`:host {
+  display: block;
+  --sbb-alert-background-color: var(--sbb-background-color-1-inverted);
+  --sbb-alert-border-radius: var(--sbb-border-radius-4x);
+  --sbb-alert-color: var(--sbb-color-aluminium);
+  --sbb-alert-color: light-dark(var(--sbb-color-aluminium), var(--sbb-color-anthracite));
+  --sbb-alert-padding: var(--sbb-spacing-responsive-xxs) var(--sbb-spacing-responsive-xs);
+  --sbb-alert-icon-size: 1.25rem;
+  --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-duration,
+    var(--sbb-animation-duration-6x)
+  );
+  --sbb-alert-timing-function: ease-in;
+  --sbb-alert-title-margin-block: 0;
+}
+@media (min-width: calc(64rem)) {
+  :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(:is(:state(state-opening),[state--state-opening]):not([animation=open], [animation=all])) {
+  --sbb-disable-animation-duration: 0s;
+}
+
+:host(:is(:state(state-closing),[state--state-closing]):not([animation=close], [animation=all])) {
+  --sbb-disable-animation-duration: 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);
+  --sbb-alert-title-margin-block: 0 var(--sbb-spacing-fixed-1x);
+}
+@media (min-width: calc(64rem)) {
+  :host([size=l]) {
+    --sbb-alert-icon-size: 2.125rem;
+  }
+}
+
+:host(:not(:is(:state(dark),[state--dark]))) {
+  --sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);
+}
+
+.sbb-alert__transition-wrapper {
+  display: grid;
+  grid-template-rows: 0fr;
+  opacity: 0;
+}
+:host(:is(:is(:state(state-opened),[state--state-opened]), :is(:state(state-closing),[state--state-closing]))) .sbb-alert__transition-wrapper {
+  grid-template-rows: 1fr;
+  opacity: 1;
+}
+:host(:is(:state(state-opening),[state--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: var(--sbb-alert-timing-function);
+  animation-delay: 0s, var(--sbb-alert-animation-duration);
+}
+:host(:is(:state(state-closing),[state--state-closing])) .sbb-alert__transition-wrapper {
+  animation-name: close-opacity, close;
+  animation-fill-mode: forwards;
+  animation-duration: var(--sbb-alert-animation-duration);
+  animation-timing-function: var(--sbb-alert-timing-function);
+  animation-delay: 0s, var(--sbb-disable-animation-duration, var(--sbb-animation-duration-2x));
+}
+
+.sbb-alert__transition-sub-wrapper {
+  overflow: hidden;
+}
+
+.sbb-alert {
+  --sbb-text-font-size: var(--sbb-text-font-size-s);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  line-height: var(--sbb-typo-line-height-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-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 {
+  color-scheme: only light;
+  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__close-button-wrapper {
+  color-scheme: only light;
+  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;
+  }
+}
+@keyframes close {
+  from {
+    grid-template-rows: 1fr;
+  }
+  to {
+    grid-template-rows: 0fr;
+  }
+}
+@keyframes close-opacity {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+::slotted(sbb-title) {
+  margin-block: var(--sbb-alert-title-margin-block);
+}`;
+let SbbAlertElement = (() => {
+  var _size_accessor_storage, _animation_accessor_storage, _a;
+  let _classDecorators = [customElement("sbb-alert")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbIconNameMixin(SbbReadonlyMixin(SbbOpenCloseBaseElement));
+  let _size_decorators;
+  let _size_initializers = [];
+  let _size_extraInitializers = [];
+  let _animation_decorators;
+  let _animation_initializers = [];
+  let _animation_extraInitializers = [];
+  _a = class extends _classSuper {
+    constructor() {
+      super(...arguments);
+      __privateAdd(this, _size_accessor_storage);
+      __privateAdd(this, _animation_accessor_storage);
+      __privateSet(this, _size_accessor_storage, __runInitializers(this, _size_initializers, isLean() ? "s" : "m"));
+      __privateSet(this, _animation_accessor_storage, (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _animation_initializers, "all")));
+      this._language = (__runInitializers(this, _animation_extraInitializers), new SbbLanguageController(this));
+      this._darkModeController = new SbbDarkModeController(this, () => {
+        this._syncLinks();
+        this._configureTitle();
+        this.requestUpdate();
+      });
+    }
+    /**
+     * You can choose between `s`, `m` or `l` size.
+     * @default 'm' / 's' (lean)
+     */
+    get size() {
+      return __privateGet(this, _size_accessor_storage);
+    }
+    set size(value) {
+      __privateSet(this, _size_accessor_storage, value);
+    }
+    /** The enabled animations. */
+    get animation() {
+      return __privateGet(this, _animation_accessor_storage);
+    }
+    set animation(value) {
+      __privateSet(this, _animation_accessor_storage, value);
+    }
+    /** Open the alert. */
+    open() {
+      this.state = "opening";
+      if (!this.dispatchBeforeOpenEvent()) {
+        return;
+      }
+      if (this._isZeroAnimationDuration()) {
+        this._handleOpening();
+      }
+    }
+    /** Close the alert. */
+    close() {
+      if (this.state === "opened" && this.dispatchBeforeCloseEvent()) {
+        this.state = "closing";
+        if (this._isZeroAnimationDuration()) {
+          this._handleClosing();
+        }
+      }
+    }
+    firstUpdated(changedProperties) {
+      super.firstUpdated(changedProperties);
+      this.open();
+    }
+    willUpdate(changedProperties) {
+      super.willUpdate(changedProperties);
+      if (changedProperties.has("size")) {
+        this._configureTitle();
+      }
+    }
+    _isZeroAnimationDuration() {
+      return isZeroAnimationDuration(this, "--sbb-alert-animation-duration");
+    }
+    _onAnimationEnd(event) {
+      if (this.state === "opening" && event.animationName === "open-opacity") {
+        this._handleOpening();
+      } else if (this.state === "closing" && event.animationName === "close") {
+        this._handleClosing();
+      }
+    }
+    _handleOpening() {
+      this.state = "opened";
+      this.dispatchOpenEvent();
+    }
+    _handleClosing() {
+      this.state = "closed";
+      this.dispatchCloseEvent();
+      setTimeout(() => this.remove());
+    }
+    _handleSlotchange() {
+      this._syncLinks();
+      const title = Array.from(this.children).find((el) => el.localName === "sbb-title");
+      if (title) {
+        title.slot = "title";
+      }
+    }
+    _syncLinks() {
+      Array.from(this.querySelectorAll?.("sbb-link") ?? []).forEach((link) => {
+        customElements.upgrade(link);
+        link.negative = this._isLightMode();
+      });
+    }
+    _configureTitle() {
+      const title = this.querySelector?.("sbb-title");
+      if (title) {
+        customElements.upgrade(title);
+        title.negative = this._isLightMode();
+        title.visualLevel = this.size === "l" ? "3" : "5";
+      }
+    }
+    _isLightMode() {
+      return !this._darkModeController.matches();
+    }
+    renderIconName() {
+      return super.renderIconName() || "info";
+    }
+    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">
+              <slot name="title" @slotchange=${this._configureTitle}></slot>
+              <p class="sbb-alert__content-slot">
+                <slot @slotchange=${this._handleSlotchange}></slot>
+              </p>
+            </span>
+            ${!this.readOnly ? html`<span class="sbb-alert__close-button-wrapper">
+                  <sbb-divider
+                    orientation="vertical"
+                    ?negative=${this._isLightMode()}
+                    class="sbb-alert__close-button-divider"
+                  ></sbb-divider>
+                  <sbb-transparent-button
+                    ?negative=${this._isLightMode()}
+                    size=${this.size === "l" ? "m" : this.size}
+                    icon-name="cross-small"
+                    @click=${() => this.close()}
+                    aria-label=${i18nCloseAlert[this._language.current]}
+                    class="sbb-alert__close-button"
+                  ></sbb-transparent-button>
+                </span>` : nothing}
+          </div>
+        </div>
+      </div>
+    `;
+    }
+  }, _size_accessor_storage = new WeakMap(), _animation_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _size_decorators = [property({ reflect: true })];
+    _animation_decorators = [property({ reflect: true })];
+    __esDecorate(_a, null, _size_decorators, { kind: "accessor", name: "size", static: false, private: false, access: { has: (obj) => "size" in obj, get: (obj) => obj.size, set: (obj, value) => {
+      obj.size = value;
+    } }, metadata: _metadata }, _size_initializers, _size_extraInitializers);
+    __esDecorate(_a, null, _animation_decorators, { kind: "accessor", name: "animation", static: false, private: false, access: { has: (obj) => "animation" in obj, get: (obj) => obj.animation, set: (obj, value) => {
+      obj.animation = value;
+    } }, metadata: _metadata }, _animation_initializers, _animation_extraInitializers);
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.styles = [boxSizingStyles, style], _a.events = {
+    beforeopen: "beforeopen",
+    open: "open",
+    beforeclose: "beforeclose",
+    close: "close"
+  }, __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbAlertElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvYWxlcnQvYWxlcnQvYWxlcnQuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHR5cGUgQ1NTUmVzdWx0R3JvdXAsIGh0bWwsIG5vdGhpbmcsIHR5cGUgUHJvcGVydHlWYWx1ZXMsIHR5cGUgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCwgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYk9wZW5DbG9zZUJhc2VFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlLWVsZW1lbnRzLnRzJztcbmltcG9ydCB7IFNiYkRhcmtNb2RlQ29udHJvbGxlciwgU2JiTGFuZ3VhZ2VDb250cm9sbGVyIH0gZnJvbSAnLi4vLi4vY29yZS9jb250cm9sbGVycy50cyc7XG5pbXBvcnQgeyBpc0xlYW4sIGlzWmVyb0FuaW1hdGlvbkR1cmF0aW9uIH0gZnJvbSAnLi4vLi4vY29yZS9kb20udHMnO1xuaW1wb3J0IHsgaTE4bkNsb3NlQWxlcnQgfSBmcm9tICcuLi8uLi9jb3JlL2kxOG4udHMnO1xuaW1wb3J0IHsgU2JiUmVhZG9ubHlNaXhpbiB9IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLnRzJztcbmltcG9ydCB7IGJveFNpemluZ1N0eWxlcyB9IGZyb20gJy4uLy4uL2NvcmUvc3R5bGVzLnRzJztcbmltcG9ydCB7IFNiYkljb25OYW1lTWl4aW4gfSBmcm9tICcuLi8uLi9pY29uLnRzJztcbmltcG9ydCB0eXBlIHsgU2JiTGlua0VsZW1lbnQgfSBmcm9tICcuLi8uLi9saW5rLnRzJztcbmltcG9ydCB0eXBlIHsgU2JiVGl0bGVFbGVtZW50IH0gZnJvbSAnLi4vLi4vdGl0bGUudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9hbGVydC5zY3NzP2xpdCZpbmxpbmUnO1xuXG5pbXBvcnQgJy4uLy4uL2J1dHRvbi90cmFuc3BhcmVudC1idXR0b24udHMnO1xuaW1wb3J0ICcuLi8uLi9kaXZpZGVyLnRzJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBtZXNzYWdlcyB3aGljaCByZXF1aXJlIHVzZXIncyBhdHRlbnRpb24uXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgY29udGVudCB0byB0aGUgYHNiYi1hbGVydGAuIEF0IGEgbWluaW11bSBhbiBgc2JiLXRpdGxlYCBlbGVtZW50IGFuZCBhIGRlc2NyaXB0aXZlIHRleHQgc2hvdWxkIGJlIHVzZWQuXG4gKiBAc2xvdCBpY29uIC0gU2hvdWxkIGJlIGEgYHNiYi1pY29uYCB3aGljaCBpcyBkaXNwbGF5ZWQgbmV4dCB0byB0aGUgdGl0bGUuIFN0eWxpbmcgaXMgb3B0aW1pemVkIGZvciBpY29ucyBvZiB0eXBlIEhJTS1DVVMuXG4gKiBAc2xvdCB0aXRsZSAtIFNsb3QgZm9yIHRoZSB0aXRsZS4gRm9yIHRoZSBzdGFuZGFyZCBgc2JiLXRpdGxlYCBlbGVtZW50LCB0aGUgc2xvdCBpcyBhdXRvbWF0aWNhbGx5IGFzc2lnbmVkIHdoZW4gc2xvdHRlZCBpbiB0aGUgdW5uYW1lZCBzbG90LlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItYWxlcnQnKVxuY2xhc3MgU2JiQWxlcnRFbGVtZW50IGV4dGVuZHMgU2JiSWNvbk5hbWVNaXhpbihTYmJSZWFkb25seU1peGluKFNiYk9wZW5DbG9zZUJhc2VFbGVtZW50KSkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCBzdHlsZV07XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZXZlbnRzID0ge1xuICAgIGJlZm9yZW9wZW46ICdiZWZvcmVvcGVuJyxcbiAgICBvcGVuOiAnb3BlbicsXG4gICAgYmVmb3JlY2xvc2U6ICdiZWZvcmVjbG9zZScsXG4gICAgY2xvc2U6ICdjbG9zZScsXG4gIH0gYXMgY29uc3Q7XG5cbiAgLyoqXG4gICAqIFlvdSBjYW4gY2hvb3NlIGJldHdlZW4gYHNgLCBgbWAgb3IgYGxgIHNpemUuXG4gICAqIEBkZWZhdWx0ICdtJyAvICdzJyAobGVhbilcbiAgICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIGFjY2Vzc29yIHNpemU6ICdzJyB8ICdtJyB8ICdsJyA9IGlzTGVhbigpID8gJ3MnIDogJ20nO1xuXG4gIC8qKiBUaGUgZW5hYmxlZCBhbmltYXRpb25zLiAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBhY2Nlc3NvciBhbmltYXRpb246ICdvcGVuJyB8ICdjbG9zZScgfCAnYWxsJyB8ICdub25lJyA9ICdhbGwnO1xuXG4gIHByaXZhdGUgX2xhbmd1YWdlID0gbmV3IFNiYkxhbmd1YWdlQ29udHJvbGxlcih0aGlzKTtcbiAgcHJpdmF0ZSBfZGFya01vZGVDb250cm9sbGVyID0gbmV3IFNiYkRhcmtNb2RlQ29udHJvbGxlcih0aGlzLCAoKSA9PiB7XG4gICAgdGhpcy5fc3luY0xpbmtzKCk7XG4gICAgdGhpcy5fY29uZmlndXJlVGl0bGUoKTtcbiAgICB0aGlzLnJlcXVlc3RVcGRhdGUoKTtcbiAgfSk7XG5cbiAgLyoqIE9wZW4gdGhlIGFsZXJ0LiAqL1xuICBwdWJsaWMgb3BlbigpOiB2b2lkIHtcbiAgICB0aGlzLnN0YXRlID0gJ29wZW5pbmcnO1xuXG4gICAgaWYgKCF0aGlzLmRpc3BhdGNoQmVmb3JlT3BlbkV2ZW50KCkpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICAvLyBJZiB0aGUgYW5pbWF0aW9uIGR1cmF0aW9uIGlzIHplcm8sIHRoZSBhbmltYXRpb25lbmQgZXZlbnQgaXMgbm90IGFsd2F5cyBmaXJlZCByZWxpYWJseS5cbiAgICAvLyBJbiB0aGlzIGNhc2Ugd2UgZGlyZWN0bHkgc2V0IHRoZSBgb3BlbmVkYCBzdGF0ZS5cbiAgICBpZiAodGhpcy5faXNaZXJvQW5pbWF0aW9uRHVyYXRpb24oKSkge1xuICAgICAgdGhpcy5faGFuZGxlT3BlbmluZygpO1xuICAgIH1cbiAgfVxuXG4gIC8qKiBDbG9zZSB0aGUgYWxlcnQuICovXG4gIHB1YmxpYyBjbG9zZSgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5zdGF0ZSA9PT0gJ29wZW5lZCcgJiYgdGhpcy5kaXNwYXRjaEJlZm9yZUNsb3NlRXZlbnQoKSkge1xuICAgICAgdGhpcy5zdGF0ZSA9ICdjbG9zaW5nJztcblxuICAgICAgLy8gSWYgdGhlIGFuaW1hdGlvbiBkdXJhdGlvbiBpcyB6ZXJvLCB0aGUgYW5pbWF0aW9uZW5kIGV2ZW50IGlzIG5vdCBhbHdheXMgZmlyZWQgcmVsaWFibHkuXG4gICAgICAvLyBJbiB0aGlzIGNhc2Ugd2UgZGlyZWN0bHkgc2V0IHRoZSBgY2xvc2VkYCBzdGF0ZS5cbiAgICAgIGlmICh0aGlzLl9pc1plcm9BbmltYXRpb25EdXJhdGlvbigpKSB7XG4gICAgICAgIHRoaXMuX2hhbmRsZUNsb3NpbmcoKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgZmlyc3RVcGRhdGVkKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczx0aGlzPik6IHZvaWQge1xuICAgIHN1cGVyLmZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICB0aGlzLm9wZW4oKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSB3aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczx0aGlzPik6IHZvaWQge1xuICAgIHN1cGVyLndpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXMpO1xuXG4gICAgaWYgKGNoYW5nZWRQcm9wZXJ0aWVzLmhhcygnc2l6ZScpKSB7XG4gICAgICB0aGlzLl9jb25maWd1cmVUaXRsZSgpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX2lzWmVyb0FuaW1hdGlvbkR1cmF0aW9uKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiBpc1plcm9BbmltYXRpb25EdXJhdGlvbih0aGlzLCAnLS1zYmItYWxlcnQtYW5pbWF0aW9uLWR1cmF0aW9uJyk7XG4gIH1cblxuICBwcml2YXRlIF9vbkFuaW1hdGlvbkVuZChldmVudDogQW5pbWF0aW9uRXZlbnQpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5zdGF0ZSA9PT0gJ29wZW5pbmcnICYmIGV2ZW50LmFuaW1hdGlvbk5hbWUgPT09ICdvcGVuLW9wYWNpdHknKSB7XG4gICAgICB0aGlzLl9oYW5kbGVPcGVuaW5nKCk7XG4gICAgfSBlbHNlIGlmICh0aGlzLnN0YXRlID09PSAnY2xvc2luZycgJiYgZXZlbnQuYW5pbWF0aW9uTmFtZSA9PT0gJ2Nsb3NlJykge1xuICAgICAgdGhpcy5faGFuZGxlQ2xvc2luZygpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX2hhbmRsZU9wZW5pbmcoKTogdm9pZCB7XG4gICAgdGhpcy5zdGF0ZSA9ICdvcGVuZWQnO1xuICAgIHRoaXMuZGlzcGF0Y2hPcGVuRXZlbnQoKTtcbiAgfVxuXG4gIHByaXZhdGUgX2hhbmRsZUNsb3NpbmcoKTogdm9pZCB7XG4gICAgdGhpcy5zdGF0ZSA9ICdjbG9zZWQnO1xuICAgIHRoaXMuZGlzcGF0Y2hDbG9zZUV2ZW50KCk7XG4gICAgc2V0VGltZW91dCgoKSA9PiB0aGlzLnJlbW92ZSgpKTtcbiAgfVxuXG4gIHByaXZhdGUgX2hhbmRsZVNsb3RjaGFuZ2UoKTogdm9pZCB7XG4gICAgdGhpcy5fc3luY0xpbmtzKCk7XG5cbiAgICBjb25zdCB0aXRsZSA9IEFycmF5LmZyb20odGhpcy5jaGlsZHJlbikuZmluZCgoZWwpID0+IGVsLmxvY2FsTmFtZSA9PT0gJ3NiYi10aXRsZScpO1xuICAgIGlmICh0aXRsZSkge1xuICAgICAgdGl0bGUuc2xvdCA9ICd0aXRsZSc7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfc3luY0xpbmtzKCk6IHZvaWQge1xuICAgIEFycmF5LmZyb20odGhpcy5xdWVyeVNlbGVjdG9yQWxsPy48U2JiTGlua0VsZW1lbnQ+KCdzYmItbGluaycpID8/IFtdKS5mb3JFYWNoKChsaW5rKSA9PiB7XG4gICAgICBjdXN0b21FbGVtZW50cy51cGdyYWRlKGxpbmspO1xuICAgICAgbGluay5uZWdhdGl2ZSA9IHRoaXMuX2lzTGlnaHRNb2RlKCk7XG4gICAgfSk7XG4gIH1cblxuICBwcml2YXRlIF9jb25maWd1cmVUaXRsZSgpOiB2b2lkIHtcbiAgICBjb25zdCB0aXRsZSA9IHRoaXMucXVlcnlTZWxlY3Rvcj8uPFNiYlRpdGxlRWxlbWVudD4oJ3NiYi10aXRsZScpO1xuICAgIGlmICh0aXRsZSkge1xuICAgICAgY3VzdG9tRWxlbWVudHMudXBncmFkZSh0aXRsZSk7XG4gICAgICB0aXRsZS5uZWdhdGl2ZSA9IHRoaXMuX2lzTGlnaHRNb2RlKCk7XG4gICAgICB0aXRsZS52aXN1YWxMZXZlbCA9IHRoaXMuc2l6ZSA9PT0gJ2wnID8gJzMnIDogJzUnO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX2lzTGlnaHRNb2RlKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAhdGhpcy5fZGFya01vZGVDb250cm9sbGVyLm1hdGNoZXMoKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXJJY29uTmFtZSgpOiBzdHJpbmcge1xuICAgIHJldHVybiBzdXBlci5yZW5kZXJJY29uTmFtZSgpIHx8ICdpbmZvJztcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi1hbGVydF9fdHJhbnNpdGlvbi13cmFwcGVyXCIgQGFuaW1hdGlvbmVuZD0ke3RoaXMuX29uQW5pbWF0aW9uRW5kfT5cbiAgICAgICAgPCEtLSBzdWIgd3JhcHBlciBuZWVkZWQgdG8gcHJvcGVybHkgc3VwcG9ydCBmYWRlIGluIGFuaW1hdGlvbiAtLT5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNiYi1hbGVydF9fdHJhbnNpdGlvbi1zdWItd3JhcHBlclwiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzYmItYWxlcnRcIj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWFsZXJ0X19pY29uXCI+ICR7dGhpcy5yZW5kZXJJY29uU2xvdCgpfSA8L3NwYW4+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1hbGVydF9fY29udGVudFwiPlxuICAgICAgICAgICAgICA8c2xvdCBuYW1lPVwidGl0bGVcIiBAc2xvdGNoYW5nZT0ke3RoaXMuX2NvbmZpZ3VyZVRpdGxlfT48L3Nsb3Q+XG4gICAgICAgICAgICAgIDxwIGNsYXNzPVwic2JiLWFsZXJ0X19jb250ZW50LXNsb3RcIj5cbiAgICAgICAgICAgICAgICA8c2xvdCBAc2xvdGNoYW5nZT0ke3RoaXMuX2hhbmRsZVNsb3RjaGFuZ2V9Pjwvc2xvdD5cbiAgICAgICAgICAgICAgPC9wPlxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgJHshdGhpcy5yZWFkT25seVxuICAgICAgICAgICAgICA/IGh0bWxgPHNwYW4gY2xhc3M9XCJzYmItYWxlcnRfX2Nsb3NlLWJ1dHRvbi13cmFwcGVyXCI+XG4gICAgICAgICAgICAgICAgICA8c2JiLWRpdmlkZXJcbiAgICAgICAgICAgICAgICAgICAgb3JpZW50YXRpb249XCJ2ZXJ0aWNhbFwiXG4gICAgICAgICAgICAgICAgICAgID9uZWdhdGl2ZT0ke3RoaXMuX2lzTGlnaHRNb2RlKCl9XG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwic2JiLWFsZXJ0X19jbG9zZS1idXR0b24tZGl2aWRlclwiXG4gICAgICAgICAgICAgICAgICA+PC9zYmItZGl2aWRlcj5cbiAgICAgICAgICAgICAgICAgIDxzYmItdHJhbnNwYXJlbnQtYnV0dG9uXG4gICAgICAgICAgICAgICAgICAgID9uZWdhdGl2ZT0ke3RoaXMuX2lzTGlnaHRNb2RlKCl9XG4gICAgICAgICAgICAgICAgICAgIHNpemU9JHt0aGlzLnNpemUgPT09ICdsJyA/ICdtJyA6IHRoaXMuc2l6ZX1cbiAgICAgICAgICAgICAgICAgICAgaWNvbi1uYW1lPVwiY3Jvc3Mtc21hbGxcIlxuICAgICAgICAgICAgICAgICAgICBAY2xpY2s9JHsoKSA9PiB0aGlzLmNsb3NlKCl9XG4gICAgICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9JHtpMThuQ2xvc2VBbGVydFt0aGlzLl9sYW5ndWFnZS5jdXJyZW50XX1cbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJzYmItYWxlcnRfX2Nsb3NlLWJ1dHRvblwiXG4gICAgICAgICAgICAgICAgICA+PC9zYmItdHJhbnNwYXJlbnQtYnV0dG9uPlxuICAgICAgICAgICAgICAgIDwvc3Bhbj5gXG4gICAgICAgICAgICAgIDogbm90aGluZ31cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItYWxlcnQnOiBTYmJBbGVydEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQTJCTSxtQkFBZSxNQUFBOzswQkFEcEIsY0FBYyxXQUFXLENBQUM7Ozs7QUFDRyxNQUFBLGNBQUEs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

package/development/alert/alert-group/alert-group.component.d.ts

@@ -0,0 +1,39 @@
+import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
+import { SbbTitleLevel } from '../../title.ts';
+declare const SbbAlertGroupElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbHydrationMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbElementInternalsMixinType> & typeof LitElement & import('../../core/mixins.ts').SbbElementInternalsConstructor;
+/**
+ * It can be used as a container for one or more `sbb-alert` component.
+ *
+ * @slot - Use the unnamed slot to add `sbb-alert` elements to the `sbb-alert-group`.
+ * @slot accessibility-title - title for this `sbb-alert-group` which is only visible for screen reader users.
+ */
+export declare class SbbAlertGroupElement extends SbbAlertGroupElement_base {
+    static styles: CSSResultGroup;
+    static readonly events: {
+        readonly empty: "empty";
+    };
+    /**
+     * The role attribute defines how to announce alerts to the user.
+     *
+     * 'status': sets aria-live to polite and aria-atomic to true.
+     * 'alert': sets aria-live to assertive and aria-atomic to true.
+     */
+    accessor role: 'alert' | 'status' | string;
+    /** Title for this alert group which is only visible for screen reader users. */
+    accessor accessibilityTitle: string;
+    /** Level of the accessibility title, will be rendered as heading tag (e.g. h2). Defaults to level 2. */
+    accessor accessibilityTitleLevel: SbbTitleLevel;
+    /** Whether the group currently has any alerts. */
+    private accessor _hasAlerts;
+    constructor();
+    private _alertClosed;
+    private _slotChanged;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-alert-group': SbbAlertGroupElement;
+    }
+}
+export {};
+//# sourceMappingURL=alert-group.component.d.ts.map

package/development/alert/alert-group/alert-group.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-group.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/alert/alert-group/alert-group.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAW,MAAM,KAAK,CAAC;AAQ1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;;AAKpD;;;;;GAKG;AACH,qBAEM,oBAAqB,SAAQ,yBAAuD;IACxF,OAAuB,MAAM,EAAE,cAAc,CAA4B;IACzE,gBAAuB,MAAM;;MAElB;IAEX;;;;;OAKG;IACH,SACyB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAY;IAEtE,gFAAgF;IAChF,SAEgB,kBAAkB,EAAE,MAAM,CAAM;IAEhD,wGAAwG;IACxG,SACgB,uBAAuB,EAAE,aAAa,CAAO;IAE7D,kDAAkD;IACzC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAkB;;IAkBtD,OAAO,CAAC,YAAY;IAiBpB,OAAO,CAAC,YAAY;cAcD,MAAM,IAAI,cAAc;CAe5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}

package/development/alert/alert-group/alert-group.component.js

@@ -0,0 +1,173 @@
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+import { __esDecorate, __runInitializers } from "tslib";
+import { css, LitElement, nothing } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { unsafeStatic, html } from "lit/static-html.js";
+import { forceType } from "../../core/decorators.js";
+import { isEventPrevented } from "../../core/eventing.js";
+import { SbbHydrationMixin, SbbElementInternalsMixin } from "../../core/mixins.js";
+import { boxSizingStyles } from "../../core/styles.js";
+const style = css`: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(:is(:state(empty),[state--empty]))) {
+  outline-offset: var(--sbb-focus-outline-offset);
+  outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);
+  border-radius: var(--sbb-alert-group-border-radius);
+}
+
+.sbb-alert-group__title {
+  border: 0;
+  clip-path: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}`;
+let SbbAlertGroupElement = (() => {
+  var _role_accessor_storage, _accessibilityTitle_accessor_storage, _accessibilityTitleLevel_accessor_storage, __hasAlerts_accessor_storage, _a;
+  let _classDecorators = [customElement("sbb-alert-group")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbHydrationMixin(SbbElementInternalsMixin(LitElement));
+  let _role_decorators;
+  let _role_initializers = [];
+  let _role_extraInitializers = [];
+  let _accessibilityTitle_decorators;
+  let _accessibilityTitle_initializers = [];
+  let _accessibilityTitle_extraInitializers = [];
+  let _accessibilityTitleLevel_decorators;
+  let _accessibilityTitleLevel_initializers = [];
+  let _accessibilityTitleLevel_extraInitializers = [];
+  let __hasAlerts_decorators;
+  let __hasAlerts_initializers = [];
+  let __hasAlerts_extraInitializers = [];
+  _a = class extends _classSuper {
+    constructor() {
+      super();
+      __privateAdd(this, _role_accessor_storage, __runInitializers(this, _role_initializers, "status"));
+      __privateAdd(this, _accessibilityTitle_accessor_storage, (__runInitializers(this, _role_extraInitializers), __runInitializers(this, _accessibilityTitle_initializers, "")));
+      __privateAdd(this, _accessibilityTitleLevel_accessor_storage, (__runInitializers(this, _accessibilityTitle_extraInitializers), __runInitializers(this, _accessibilityTitleLevel_initializers, "2")));
+      __privateAdd(this, __hasAlerts_accessor_storage, (__runInitializers(this, _accessibilityTitleLevel_extraInitializers), __runInitializers(this, __hasAlerts_initializers, false)));
+      __runInitializers(this, __hasAlerts_extraInitializers);
+      this.addEventListener?.("close", async (e) => {
+        if (!await isEventPrevented(e)) {
+          this._alertClosed(e);
+        }
+      }, {
+        // We use capture here, because 'close' does not bubble.
+        capture: true
+      });
+    }
+    /**
+     * The role attribute defines how to announce alerts to the user.
+     *
+     * 'status': sets aria-live to polite and aria-atomic to true.
+     * 'alert': sets aria-live to assertive and aria-atomic to true.
+     */
+    get role() {
+      return __privateGet(this, _role_accessor_storage);
+    }
+    set role(value) {
+      __privateSet(this, _role_accessor_storage, value);
+    }
+    /** Title for this alert group which is only visible for screen reader users. */
+    get accessibilityTitle() {
+      return __privateGet(this, _accessibilityTitle_accessor_storage);
+    }
+    set accessibilityTitle(value) {
+      __privateSet(this, _accessibilityTitle_accessor_storage, value);
+    }
+    /** Level of the accessibility title, will be rendered as heading tag (e.g. h2). Defaults to level 2. */
+    get accessibilityTitleLevel() {
+      return __privateGet(this, _accessibilityTitleLevel_accessor_storage);
+    }
+    set accessibilityTitleLevel(value) {
+      __privateSet(this, _accessibilityTitleLevel_accessor_storage, value);
+    }
+    /** Whether the group currently has any alerts. */
+    get _hasAlerts() {
+      return __privateGet(this, __hasAlerts_accessor_storage);
+    }
+    set _hasAlerts(value) {
+      __privateSet(this, __hasAlerts_accessor_storage, value);
+    }
+    _alertClosed(event) {
+      const target = event.target;
+      const hasFocusInsideAlertGroup = document.activeElement === target;
+      if (hasFocusInsideAlertGroup) {
+        this.tabIndex = 0;
+        this.focus();
+        this.addEventListener("blur", () => this.removeAttribute("tabindex"), {
+          once: true
+        });
+      }
+    }
+    _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.dispatchEvent(new Event("empty", { composed: true, bubbles: true }));
+      }
+      this.toggleState("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>
+    `;
+    }
+  }, _role_accessor_storage = new WeakMap(), _accessibilityTitle_accessor_storage = new WeakMap(), _accessibilityTitleLevel_accessor_storage = new WeakMap(), __hasAlerts_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _role_decorators = [property({ reflect: true })];
+    _accessibilityTitle_decorators = [forceType(), property({ attribute: "accessibility-title" })];
+    _accessibilityTitleLevel_decorators = [property({ attribute: "accessibility-title-level" })];
+    __hasAlerts_decorators = [state()];
+    __esDecorate(_a, null, _role_decorators, { kind: "accessor", name: "role", static: false, private: false, access: { has: (obj) => "role" in obj, get: (obj) => obj.role, set: (obj, value) => {
+      obj.role = value;
+    } }, metadata: _metadata }, _role_initializers, _role_extraInitializers);
+    __esDecorate(_a, null, _accessibilityTitle_decorators, { kind: "accessor", name: "accessibilityTitle", static: false, private: false, access: { has: (obj) => "accessibilityTitle" in obj, get: (obj) => obj.accessibilityTitle, set: (obj, value) => {
+      obj.accessibilityTitle = value;
+    } }, metadata: _metadata }, _accessibilityTitle_initializers, _accessibilityTitle_extraInitializers);
+    __esDecorate(_a, null, _accessibilityTitleLevel_decorators, { kind: "accessor", name: "accessibilityTitleLevel", static: false, private: false, access: { has: (obj) => "accessibilityTitleLevel" in obj, get: (obj) => obj.accessibilityTitleLevel, set: (obj, value) => {
+      obj.accessibilityTitleLevel = value;
+    } }, metadata: _metadata }, _accessibilityTitleLevel_initializers, _accessibilityTitleLevel_extraInitializers);
+    __esDecorate(_a, null, __hasAlerts_decorators, { kind: "accessor", name: "_hasAlerts", static: false, private: false, access: { has: (obj) => "_hasAlerts" in obj, get: (obj) => obj._hasAlerts, set: (obj, value) => {
+      obj._hasAlerts = value;
+    } }, metadata: _metadata }, __hasAlerts_initializers, __hasAlerts_extraInitializers);
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.styles = [boxSizingStyles, style], _a.events = {
+    empty: "empty"
+  }, __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbAlertGroupElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQtZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvYWxlcnQvYWxlcnQtZ3JvdXAvYWxlcnQtZ3JvdXAuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IExpdEVsZW1lbnQsIG5vdGhpbmcgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCwgcHJvcGVydHksIHN0YXRlIH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgaHRtbCwgdW5zYWZlU3RhdGljIH0gZnJvbSAnbGl0L3N0YXRpYy1odG1sLmpzJztcblxuaW1wb3J0IHsgZm9yY2VUeXBlIH0gZnJvbSAnLi4vLi4vY29yZS9kZWNvcmF0b3JzLnRzJztcbmltcG9ydCB7IGlzRXZlbnRQcmV2ZW50ZWQgfSBmcm9tICcuLi8uLi9jb3JlL2V2ZW50aW5nLnRzJztcbmltcG9ydCB7IFNiYkVsZW1lbnRJbnRlcm5hbHNNaXhpbiwgU2JiSHlkcmF0aW9uTWl4aW4gfSBmcm9tICcuLi8uLi9jb3JlL21peGlucy50cyc7XG5pbXBvcnQgeyBib3hTaXppbmdTdHlsZXMgfSBmcm9tICcuLi8uLi9jb3JlL3N0eWxlcy50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYlRpdGxlTGV2ZWwgfSBmcm9tICcuLi8uLi90aXRsZS50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYkFsZXJ0RWxlbWVudCB9IGZyb20gJy4uL2FsZXJ0LnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vYWxlcnQtZ3JvdXAuc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBJdCBjYW4gYmUgdXNlZCBhcyBhIGNvbnRhaW5lciBmb3Igb25lIG9yIG1vcmUgYHNiYi1hbGVydGAgY29tcG9uZW50LlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGBzYmItYWxlcnRgIGVsZW1lbnRzIHRvIHRoZSBgc2JiLWFsZXJ0LWdyb3VwYC5cbiAqIEBzbG90IGFjY2Vzc2liaWxpdHktdGl0bGUgLSB0aXRsZSBmb3IgdGhpcyBgc2JiLWFsZXJ0LWdyb3VwYCB3aGljaCBpcyBvbmx5IHZpc2libGUgZm9yIHNjcmVlbiByZWFkZXIgdXNlcnMuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi1hbGVydC1ncm91cCcpXG5jbGFzcyBTYmJBbGVydEdyb3VwRWxlbWVudCBleHRlbmRzIFNiYkh5ZHJhdGlvbk1peGluKFNiYkVsZW1lbnRJbnRlcm5hbHNNaXhpbihMaXRFbGVtZW50KSkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCBzdHlsZV07XG4gIHB1YmxpYyBzdGF0aWMgcmVhZG9ubHkgZXZlbnRzID0ge1xuICAgIGVtcHR5OiAnZW1wdHknLFxuICB9IGFzIGNvbnN0O1xuXG4gIC8qKlxuICAgKiBUaGUgcm9sZSBhdHRyaWJ1dGUgZGVmaW5lcyBob3cgdG8gYW5ub3VuY2UgYWxlcnRzIHRvIHRoZSB1c2VyLlxuICAgKlxuICAgKiAnc3RhdHVzJzogc2V0cyBhcmlhLWxpdmUgdG8gcG9saXRlIGFuZCBhcmlhLWF0b21pYyB0byB0cnVlLlxuICAgKiAnYWxlcnQnOiBzZXRzIGFyaWEtbGl2ZSB0byBhc3NlcnRpdmUgYW5kIGFyaWEtYXRvbWljIHRvIHRydWUuXG4gICAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pXG4gIHB1YmxpYyBvdmVycmlkZSBhY2Nlc3NvciByb2xlOiAnYWxlcnQnIHwgJ3N0YXR1cycgfCBzdHJpbmcgPSAnc3RhdHVzJztcblxuICAvKiogVGl0bGUgZm9yIHRoaXMgYWxlcnQgZ3JvdXAgd2hpY2ggaXMgb25seSB2aXNpYmxlIGZvciBzY3JlZW4gcmVhZGVyIHVzZXJzLiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnYWNjZXNzaWJpbGl0eS10aXRsZScgfSlcbiAgcHVibGljIGFjY2Vzc29yIGFjY2Vzc2liaWxpdHlUaXRsZTogc3RyaW5nID0gJyc7XG5cbiAgLyoqIExldmVsIG9mIHRoZSBhY2Nlc3NpYmlsaXR5IHRpdGxlLCB3aWxsIGJlIHJlbmRlcmVkIGFzIGhlYWRpbmcgdGFnIChlLmcuIGgyKS4gRGVmYXVsdHMgdG8gbGV2ZWwgMi4gKi9cbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnYWNjZXNzaWJpbGl0eS10aXRsZS1sZXZlbCcgfSlcbiAgcHVibGljIGFjY2Vzc29yIGFjY2Vzc2liaWxpdHlUaXRsZUxldmVsOiBTYmJUaXRsZUxldmVsID0gJzInO1xuXG4gIC8qKiBXaGV0aGVyIHRoZSBncm91cCBjdXJyZW50bHkgaGFzIGFueSBhbGVydHMuICovXG4gIEBzdGF0ZSgpIHByaXZhdGUgYWNjZXNzb3IgX2hhc0FsZXJ0czogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIHB1YmxpYyBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIHRoaXMuYWRkRXZlbnRMaXN0ZW5lcj8uKFxuICAgICAgJ2Nsb3NlJyxcbiAgICAgIGFzeW5jIChlOiBFdmVudCkgPT4ge1xuICAgICAgICBpZiAoIShhd2FpdCBpc0V2ZW50UHJldmVudGVkKGUpKSkge1xuICAgICAgICAgIHRoaXMuX2FsZXJ0Q2xvc2VkKGUpO1xuICAgICAgICB9XG4gICAgICB9LFxuICAgICAge1xuICAgICAgICAvLyBXZSB1c2UgY2FwdHVyZSBoZXJlLCBiZWNhdXNlICdjbG9zZScgZG9lcyBub3QgYnViYmxlLlxuICAgICAgICBjYXB0dXJlOiB0cnVlLFxuICAgICAgfSxcbiAgICApO1xuICB9XG5cbiAgcHJpdmF0ZSBfYWxlcnRDbG9zZWQoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgY29uc3QgdGFyZ2V0ID0gZXZlbnQudGFyZ2V0IGFzIFNiYkFsZXJ0RWxlbWVudDtcbiAgICBjb25zdCBoYXNGb2N1c0luc2lkZUFsZXJ0R3JvdXAgPSBkb2N1bWVudC5hY3RpdmVFbGVtZW50ID09PSB0YXJnZXQ7XG5cbiAgICAvLyBSZXN0b3JlIGZvY3VzXG4gICAgaWYgKGhhc0ZvY3VzSW5zaWRlQWxlcnRHcm91cCkge1xuICAgICAgLy8gU2V0IHRhYmluZGV4IHRvIDAgdGhlIG1ha2UgaXQgZm9jdXNhYmxlIGFuZCBhZnRlcndhcmQgZm9jdXMgaXQuXG4gICAgICAvLyBUaGlzIGlzIGRvbmUgdG8gbm90IGNvbXBsZXRlbHkgbG9zZSBmb2N1cyBhZnRlciByZW1vdmFsIG9mIGFuIGFsZXJ0LlxuICAgICAgLy8gT25jZSB0aGUgc2JiLWFsZXJ0LWdyb3VwIHdhcyBibHVycmVkLCBtYWtlIHRoZSBhbGVydCBncm91cCBub3QgZm9jdXNhYmxlIGFnYWluLlxuICAgICAgdGhpcy50YWJJbmRleCA9IDA7XG4gICAgICB0aGlzLmZvY3VzKCk7XG4gICAgICB0aGlzLmFkZEV2ZW50TGlzdGVuZXIoJ2JsdXInLCAoKSA9PiB0aGlzLnJlbW92ZUF0dHJpYnV0ZSgndGFiaW5kZXgnKSwge1xuICAgICAgICBvbmNlOiB0cnVlLFxuICAgICAgfSk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfc2xvdENoYW5nZWQoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgY29uc3QgaGFkQWxlcnRzID0gdGhpcy5faGFzQWxlcnRzO1xuICAgIHRoaXMuX2hhc0FsZXJ0cyA9XG4gICAgICAoZXZlbnQudGFyZ2V0IGFzIEhUTUxTbG90RWxlbWVudClcbiAgICAgICAgLmFzc2lnbmVkRWxlbWVudHMoKVxuICAgICAgICAuZmlsdGVyKChlKSA9PiBlIGluc3RhbmNlb2YgRWxlbWVudCAmJiBlLmxvY2FsTmFtZSA9PT0gJ3NiYi1hbGVydCcpLmxlbmd0aCA+IDA7XG4gICAgaWYgKCF0aGlzLl9oYXNBbGVydHMgJiYgaGFkQWxlcnRzKSB7XG4gICAgICAvKiogRW1pdHMgd2hlbiBgc2JiLWFsZXJ0LWdyb3VwYCBiZWNvbWVzIGVtcHR5LiAqL1xuICAgICAgdGhpcy5kaXNwYXRjaEV2ZW50KG5ldyBFdmVudCgnZW1wdHknLCB7IGNvbXBvc2VkOiB0cnVlLCBidWJibGVzOiB0cnVlIH0pKTtcbiAgICB9XG5cbiAgICB0aGlzLnRvZ2dsZVN0YXRlKCdlbXB0eScsICF0aGlzLl9oYXNBbGVydHMpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgY29uc3QgVElUTEVfVEFHX05BTUUgPSBgaCR7dGhpcy5hY2Nlc3NpYmlsaXR5VGl0bGVMZXZlbH1gO1xuXG4gICAgLyogZXNsaW50LWRpc2FibGUgbGl0L2JpbmRpbmctcG9zaXRpb25zICovXG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2IGNsYXNzPVwic2JiLWFsZXJ0LWdyb3VwXCI+XG4gICAgICAgICR7dGhpcy5faGFzQWxlcnRzXG4gICAgICAgICAgPyBodG1sYDwke3Vuc2FmZVN0YXRpYyhUSVRMRV9UQUdfTkFNRSl9IGNsYXNzPVwic2JiLWFsZXJ0LWdyb3VwX190aXRsZVwiPlxuICAgICAgICAgICAgICA8c2xvdCBuYW1lPVwiYWNjZXNzaWJpbGl0eS10aXRsZVwiPiR7dGhpcy5hY2Nlc3NpYmlsaXR5VGl0bGV9PC9zbG90PlxuICAgICAgICAgICAgPC8ke3Vuc2FmZVN0YXRpYyhUSVRMRV9UQUdfTkFNRSl9PmBcbiAgICAgICAgICA6IG5vdGhpbmd9XG4gICAgICAgIDxzbG90IEBzbG90Y2hhbmdlPSR7KGV2ZW50OiBFdmVudCkgPT4gdGhpcy5fc2xvdENoYW5nZWQoZXZlbnQpfT48L3Nsb3Q+XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItYWxl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

package/development/alert/alert-group.d.ts

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

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

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

package/development/alert/alert-group.js

@@ -0,0 +1,5 @@
+import { SbbAlertGroupElement } from "./alert-group/alert-group.component.js";
+export {
+  SbbAlertGroupElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQtZ3JvdXAuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOyJ9