@sbb-esta/lyne-elements-dev 4.7.0-dev.1773149675 → 4.7.0-dev.1773157346

package/dialog/dialog/dialog.component.js

@@ -1,29 +1,29 @@
-var w = (e) => {
+var u = (e) => {
   throw TypeError(e);
 };
-var x = (e, a, o) => a.has(e) || w("Cannot " + o);
-var h = (e, a, o) => (x(e, a, "read from private field"), o ? o.call(e) : a.get(e)), g = (e, a, o) => a.has(e) ? w("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(e) : a.set(e, o), b = (e, a, o, s) => (x(e, a, "write to private field"), s ? s.call(e, o) : a.set(e, o), o);
-import { __esDecorate as p, __runInitializers as d } from "tslib";
-import { ResizeController as S } from "@lit-labs/observers/resize-controller.js";
-import { customElement as O, property as E } from "lit/decorators.js";
-import { ref as T } from "lit/directives/ref.js";
-import { html as A } from "lit/static-html.js";
-import { isZeroAnimationDuration as D } from "../../core/dom.js";
-import { boxSizingStyles as z } from "../../core/styles.js";
-import { SbbOverlayBaseElement as I, overlayRefs as R, SbbOverlayCloseEvent as C } from "../../overlay.js";
-import { css as q } from "lit";
+var k = (e, i, a) => i.has(e) || u("Cannot " + a);
+var h = (e, i, a) => (k(e, i, "read from private field"), a ? a.call(e) : i.get(e)), g = (e, i, a) => i.has(e) ? u("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(e) : i.set(e, a), b = (e, i, a, l) => (k(e, i, "write to private field"), l ? l.call(e, a) : i.set(e, a), a);
+import { __esDecorate as f, __runInitializers as d } from "tslib";
+import { ResizeController as w } from "@lit-labs/observers/resize-controller.js";
+import { property as _ } from "lit/decorators.js";
+import { ref as x } from "lit/directives/ref.js";
+import { html as E } from "lit/static-html.js";
+import { isZeroAnimationDuration as C } from "../../core/dom.js";
+import { boxSizingStyles as O } from "../../core/styles.js";
+import { SbbOverlayBaseElement as S, overlayRefs as T, SbbOverlayCloseEvent as y } from "../../overlay.js";
+import { css as A } from "lit";
 import "../../screen-reader-only.js";
-import { SbbOverlayCloseEvent as X, assignOverlayResult as Y } from "../../overlay/overlay-base-element.js";
-const L = q`:host{--sbb-dialog-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-dialog-padding-block: var(--sbb-spacing-responsive-xs);--sbb-dialog-shadow-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );display:none;position:fixed;inset:var(--sbb-dialog-inset);z-index:var(--sbb-dialog-z-index, var(--sbb-overlay-default-z-index))}@media(min-width:64rem){:host{--sbb-dialog-max-width: min( calc(100vw - var(--sbb-spacing-fixed-30x) * 2), var(--sbb-dialog-max-width-default) )}}:host(:is(:state(top-shadow),[state--top-shadow])){--sbb-dialog-block-start-box-shadow: var(--_sbb-dialog-block-shadow)}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){display:block}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]))){--sbb-dialog-pointer-events: all;--sbb-dialog-backdrop-color: var(--sbb-background-color-3)}@media(min-width:64rem){:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]))){--sbb-dialog-backdrop-visibility: visible;--sbb-dialog-backdrop-pointer-events: all}}:host([backdrop=translucent]:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]))){--sbb-dialog-backdrop-color: color-mix(in srgb, var(--sbb-color-black) 50%, transparent)}:host([backdrop=opaque]:not([negative]):is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]))){--sbb-dialog-backdrop-color: var(--sbb-background-color-3)}:host(:not([negative])){--_sbb-dialog-color: var(--sbb-dialog-color);--_sbb-dialog-block-shadow: var(--sbb-dialog-block-shadow);--sbb-dialog-actions-border-color: var(--sbb-background-color-4);--sbb-dialog-background-color: var(--sbb-background-color-1)}:host([negative]){--_sbb-dialog-color: var(--sbb-dialog-color-negative);--_sbb-dialog-block-shadow: var(--sbb-dialog-block-shadow-negative);--sbb-dialog-background-color: var(--sbb-background-color-1-negative);--sbb-dialog-actions-border-color: var(--sbb-background-color-4-negative);--sbb-dialog-backdrop-color: var(--sbb-background-color-3-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}:host(:is(:state(bottom-shadow),[state--bottom-shadow])){--sbb-dialog-block-end-box-shadow: var(--_sbb-dialog-block-shadow);--sbb-dialog-actions-border-color: transparent}:host(:not(:is(:state(state-closed),[state--state-closed]))){--sbb-dialog-inset: 0}.sbb-dialog__container{pointer-events:var(--sbb-dialog-pointer-events);display:flex;align-items:center;position:fixed;inset:var(--sbb-dialog-inset)}.sbb-dialog__container:before{content:"";visibility:var(--sbb-dialog-backdrop-visibility);pointer-events:var(--sbb-dialog-backdrop-pointer-events);position:fixed;inset:var(--sbb-dialog-inset);background-color:var(--sbb-dialog-backdrop-color);transition-duration:var(--sbb-dialog-animation-duration);transition-timing-function:var(--sbb-dialog-animation-easing);transition-property:background-color,visibility}.sbb-dialog{display:none;position:absolute;inset-inline:0;margin:auto;padding:0;border:none;width:var(--sbb-dialog-width);height:var(--sbb-dialog-height);max-width:var(--sbb-dialog-max-width);max-height:var(--sbb-dialog-max-height);color:var(--_sbb-dialog-color);background-color:var(--sbb-dialog-background-color)}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-dialog{display:block;animation-name:open;animation-duration:var(--sbb-dialog-animation-duration);animation-timing-function:ease}:host(:is(:state(state-closing),[state--state-closing])) .sbb-dialog{pointer-events:none;animation-name:close}@media(forced-colors:active){.sbb-dialog{outline:var(--sbb-border-width-1x) solid CanvasText}}@media(min-width:64rem){.sbb-dialog{border-radius:var(--sbb-dialog-border-radius);overflow:hidden;height:auto}}:host(:is(:state(has-intermediate-element),[state--has-intermediate-element])) ::slotted(:first-child),.sbb-dialog__wrapper{width:var(--sbb-dialog-width);height:var(--sbb-dialog-height);max-width:var(--sbb-dialog-max-width);max-height:var(--sbb-dialog-max-height)}:host(:is(:state(has-intermediate-element),[state--has-intermediate-element])) ::slotted(:first-child),:host(:not(:is(:state(has-intermediate-element),[state--has-intermediate-element]))) .sbb-dialog__wrapper{display:grid;grid-template:"title close-button" auto "content content" 1fr "actions actions" auto/1fr auto;gap:0}@keyframes open{0%{opacity:0;translate:0 var(--sbb-spacing-fixed-4x)}to{opacity:1;translate:0}}@keyframes close{0%{opacity:1;translate:0}to{opacity:0;translate:0 var(--sbb-spacing-fixed-4x)}}`;
-let P = 0, M = (() => {
-  var l, r, n;
-  let e = [O("sbb-dialog")], a, o = [], s, v = I, m, u = [], k = [], _, f = [], y = [];
-  return n = class extends v {
+import { SbbOverlayCloseEvent as J, assignOverlayResult as K } from "../../overlay/overlay-base-element.js";
+const z = A`:host{--sbb-dialog-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-dialog-padding-block: var(--sbb-spacing-responsive-xs);--sbb-dialog-shadow-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );display:none;position:fixed;inset:var(--sbb-dialog-inset);z-index:var(--sbb-dialog-z-index, var(--sbb-overlay-default-z-index))}@media(min-width:64rem){:host{--sbb-dialog-max-width: min( calc(100vw - var(--sbb-spacing-fixed-30x) * 2), var(--sbb-dialog-max-width-default) )}}:host(:is(:state(top-shadow),[state--top-shadow])){--sbb-dialog-block-start-box-shadow: var(--_sbb-dialog-block-shadow)}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){display:block}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]))){--sbb-dialog-pointer-events: all;--sbb-dialog-backdrop-color: var(--sbb-background-color-3)}@media(min-width:64rem){:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]))){--sbb-dialog-backdrop-visibility: visible;--sbb-dialog-backdrop-pointer-events: all}}:host([backdrop=translucent]:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]))){--sbb-dialog-backdrop-color: color-mix(in srgb, var(--sbb-color-black) 50%, transparent)}:host([backdrop=opaque]:not([negative]):is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]))){--sbb-dialog-backdrop-color: var(--sbb-background-color-3)}:host(:not([negative])){--_sbb-dialog-color: var(--sbb-dialog-color);--_sbb-dialog-block-shadow: var(--sbb-dialog-block-shadow);--sbb-dialog-actions-border-color: var(--sbb-background-color-4);--sbb-dialog-background-color: var(--sbb-background-color-1)}:host([negative]){--_sbb-dialog-color: var(--sbb-dialog-color-negative);--_sbb-dialog-block-shadow: var(--sbb-dialog-block-shadow-negative);--sbb-dialog-background-color: var(--sbb-background-color-1-negative);--sbb-dialog-actions-border-color: var(--sbb-background-color-4-negative);--sbb-dialog-backdrop-color: var(--sbb-background-color-3-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}:host(:is(:state(bottom-shadow),[state--bottom-shadow])){--sbb-dialog-block-end-box-shadow: var(--_sbb-dialog-block-shadow);--sbb-dialog-actions-border-color: transparent}:host(:not(:is(:state(state-closed),[state--state-closed]))){--sbb-dialog-inset: 0}.sbb-dialog__container{pointer-events:var(--sbb-dialog-pointer-events);display:flex;align-items:center;position:fixed;inset:var(--sbb-dialog-inset)}.sbb-dialog__container:before{content:"";visibility:var(--sbb-dialog-backdrop-visibility);pointer-events:var(--sbb-dialog-backdrop-pointer-events);position:fixed;inset:var(--sbb-dialog-inset);background-color:var(--sbb-dialog-backdrop-color);transition-duration:var(--sbb-dialog-animation-duration);transition-timing-function:var(--sbb-dialog-animation-easing);transition-property:background-color,visibility}.sbb-dialog{display:none;position:absolute;inset-inline:0;margin:auto;padding:0;border:none;width:var(--sbb-dialog-width);height:var(--sbb-dialog-height);max-width:var(--sbb-dialog-max-width);max-height:var(--sbb-dialog-max-height);color:var(--_sbb-dialog-color);background-color:var(--sbb-dialog-background-color)}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-dialog{display:block;animation-name:open;animation-duration:var(--sbb-dialog-animation-duration);animation-timing-function:ease}:host(:is(:state(state-closing),[state--state-closing])) .sbb-dialog{pointer-events:none;animation-name:close}@media(forced-colors:active){.sbb-dialog{outline:var(--sbb-border-width-1x) solid CanvasText}}@media(min-width:64rem){.sbb-dialog{border-radius:var(--sbb-dialog-border-radius);overflow:hidden;height:auto}}:host(:is(:state(has-intermediate-element),[state--has-intermediate-element])) ::slotted(:first-child),.sbb-dialog__wrapper{width:var(--sbb-dialog-width);height:var(--sbb-dialog-height);max-width:var(--sbb-dialog-max-width);max-height:var(--sbb-dialog-max-height)}:host(:is(:state(has-intermediate-element),[state--has-intermediate-element])) ::slotted(:first-child),:host(:not(:is(:state(has-intermediate-element),[state--has-intermediate-element]))) .sbb-dialog__wrapper{display:grid;grid-template:"title close-button" auto "content content" 1fr "actions actions" auto/1fr auto;gap:0}@keyframes open{0%{opacity:0;translate:0 var(--sbb-spacing-fixed-4x)}to{opacity:1;translate:0}}@keyframes close{0%{opacity:1;translate:0}to{opacity:0;translate:0 var(--sbb-spacing-fixed-4x)}}`;
+let D = 0, j = (() => {
+  var n, r, s;
+  let e = S, i, a = [], l = [], p, v = [], m = [];
+  return s = class extends e {
     constructor() {
       super();
-      g(this, l);
+      g(this, n);
       g(this, r);
-      b(this, l, d(this, u, "close")), b(this, r, (d(this, k), d(this, f, "opaque"))), this._dialogContentResizeObserver = (d(this, y), new S(this, {
+      b(this, n, d(this, a, "close")), b(this, r, (d(this, l), d(this, v, "opaque"))), this._dialogContentResizeObserver = (d(this, m), new w(this, {
         target: null,
         skipInitial: !0,
         callback: () => setTimeout(() => this._updateOverflowState())
@@ -38,10 +38,10 @@ let P = 0, M = (() => {
     }
     /** Backdrop click action. */
     get backdropAction() {
-      return h(this, l);
+      return h(this, n);
     }
     set backdropAction(t) {
-      b(this, l, t);
+      b(this, n, t);
     }
     /** Backdrop density. */
     get backdrop() {
@@ -51,18 +51,18 @@ let P = 0, M = (() => {
       b(this, r, t);
     }
     connectedCallback() {
-      this.id ||= `sbb-dialog-${P++}`, super.connectedCallback();
+      this.id ||= `sbb-dialog-${D++}`, super.connectedCallback();
     }
     /** Announce the accessibility label or dialog title for screen readers. */
     announceTitle() {
       this.setAriaLiveRefContent(this.accessibilityLabel || this.querySelector("sbb-dialog-title")?.innerText.trim());
     }
     isZeroAnimationDuration() {
-      return D(this, "--sbb-dialog-animation-duration");
+      return C(this, "--sbb-dialog-animation-duration");
     }
     handleClosing() {
       const t = this._contentElement();
-      t?.scrollTo(0, 0), this.state = "closed", this.hidePopover?.(), this.inertController.deactivate(), this.skipFocusRestoration || this.lastFocusedElement?.focus(), this.openOverlayController?.abort(), this.focusTrapController.enabled = !1, t && this._dialogContentResizeObserver.hostDisconnected(), this.removeInstanceFromGlobalCollection(), R.length || this.scrollHandler.enableScroll(), this.escapableOverlayController.disconnect(), this.dispatchCloseEvent({
+      t?.scrollTo(0, 0), this.state = "closed", this.hidePopover?.(), this.inertController.deactivate(), this.skipFocusRestoration || this.lastFocusedElement?.focus(), this.openOverlayController?.abort(), this.focusTrapController.enabled = !1, t && this._dialogContentResizeObserver.hostDisconnected(), this.removeInstanceFromGlobalCollection(), T.length || this.scrollHandler.enableScroll(), this.escapableOverlayController.disconnect(), this.dispatchCloseEvent({
         returnValue: this.returnValue,
         closeTarget: this.overlayCloseElement
       });
@@ -82,8 +82,8 @@ let P = 0, M = (() => {
       this._syncTitleNegative(), this._detectIntermediateElement();
     }
     _syncTitleNegative() {
-      const t = this.querySelector?.("sbb-dialog-title"), i = this.querySelector?.("sbb-dialog-close-button");
-      t && (t.negative = this.negative), i && (i.negative = this.negative);
+      const t = this.querySelector?.("sbb-dialog-title"), o = this.querySelector?.("sbb-dialog-close-button");
+      t && (t.negative = this.negative), o && (o.negative = this.negative);
     }
     _detectIntermediateElement() {
       const t = this.querySelector(":scope > :is(sbb-dialog-title, sbb-dialog-close-button, sbb-dialog-content, sbb-dialog-actions)") === null;
@@ -98,7 +98,7 @@ let P = 0, M = (() => {
     }
     // TODO: remove parameter `detail`
     dispatchBeforeCloseEvent(t) {
-      return this.dispatchEvent(new C("beforeclose", {
+      return this.dispatchEvent(new y("beforeclose", {
         cancelable: !0,
         closeAttribute: this.closeAttribute,
         closeTarget: this.overlayCloseElement,
@@ -107,19 +107,19 @@ let P = 0, M = (() => {
     }
     // TODO: remove parameter `detail`
     dispatchCloseEvent(t) {
-      return this.dispatchEvent(new C("close", {
+      return this.dispatchEvent(new y("close", {
         closeAttribute: this.closeAttribute,
         closeTarget: this.overlayCloseElement,
         result: this.returnValue
       }));
     }
     render() {
-      return A`
+      return E`
       <div class="sbb-dialog__container">
         <div
           @animationend=${this.onOverlayAnimationEnd}
           class="sbb-dialog"
-          ${T((t) => this._dialogElement = t)}
+          ${x((t) => this._dialogElement = t)}
         >
           <div
             @click=${(t) => this.closeOnSbbOverlayCloseClick(t)}
@@ -132,17 +132,17 @@ let P = 0, M = (() => {
       <sbb-screen-reader-only aria-live="polite"></sbb-screen-reader-only>
     `;
     }
-  }, l = new WeakMap(), r = new WeakMap(), s = n, (() => {
-    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(v[Symbol.metadata] ?? null) : void 0;
-    m = [E({ attribute: "backdrop-action" })], _ = [E({ attribute: "backdrop", reflect: !0 })], p(n, null, m, { kind: "accessor", name: "backdropAction", static: !1, private: !1, access: { has: (i) => "backdropAction" in i, get: (i) => i.backdropAction, set: (i, c) => {
-      i.backdropAction = c;
-    } }, metadata: t }, u, k), p(n, null, _, { kind: "accessor", name: "backdrop", static: !1, private: !1, access: { has: (i) => "backdrop" in i, get: (i) => i.backdrop, set: (i, c) => {
-      i.backdrop = c;
-    } }, metadata: t }, f, y), p(null, a = { value: s }, e, { kind: "class", name: s.name, metadata: t }, null, o), s = a.value, t && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), n.styles = [z, L], d(s, o), s;
+  }, n = new WeakMap(), r = new WeakMap(), (() => {
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
+    i = [_({ attribute: "backdrop-action" })], p = [_({ attribute: "backdrop", reflect: !0 })], f(s, null, i, { kind: "accessor", name: "backdropAction", static: !1, private: !1, access: { has: (o) => "backdropAction" in o, get: (o) => o.backdropAction, set: (o, c) => {
+      o.backdropAction = c;
+    } }, metadata: t }, a, l), f(s, null, p, { kind: "accessor", name: "backdrop", static: !1, private: !1, access: { has: (o) => "backdrop" in o, get: (o) => o.backdrop, set: (o, c) => {
+      o.backdrop = c;
+    } }, metadata: t }, v, m), t && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), s.elementName = "sbb-dialog", s.styles = [O, z], s;
 })();
 export {
-  X as SbbDialogCloseEvent,
-  M as SbbDialogElement,
-  Y as assignDialogResult
+  J as SbbDialogCloseEvent,
+  j as SbbDialogElement,
+  K as assignDialogResult
 };

package/dialog/dialog-actions/dialog-actions.component.js

@@ -1,21 +1,13 @@
-import { __esDecorate as b, __runInitializers as c } from "tslib";
-import { customElement as d } from "lit/decorators.js";
-import { SbbActionGroupElement as r } from "../../action-group.js";
-import { isLean as l } from "../../core/dom/lean-context.js";
-import { css as m } from "lit";
-const u = m`:host{grid-area:actions;padding-inline:var(--sbb-dialog-padding-inline);padding-block:var(--sbb-dialog-padding-block);margin-block-start:auto;background-color:var(--sbb-dialog-background-color);transition:box-shadow var(--sbb-animation-easing) var(--sbb-dialog-shadow-animation-duration);box-shadow:var(--sbb-dialog-block-end-box-shadow, none);position:relative}:host:before{content:"";display:block;position:absolute;align-self:start;border-block-start:var(--sbb-border-width-1x) solid var(--sbb-dialog-actions-border-color);transition:border-color var(--sbb-animation-easing) var(--sbb-dialog-shadow-animation-duration);inset:0 auto auto 0;width:100%}@media(forced-colors:active){:host:before{border-color:CanvasText}}`;
-let k = (() => {
-  var o;
-  let n = [d("sbb-dialog-actions")], i, s = [], a, e = r;
-  return o = class extends e {
-    constructor() {
-      super(), this.buttonSize = l() ? "s" : "m", this.linkSize = l() ? "xs" : "s";
-    }
-  }, a = o, (() => {
-    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
-    b(null, i = { value: a }, n, { kind: "class", name: a.name, metadata: t }, null, s), a = i.value, t && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), o.styles = [r.styles, u], c(a, s), a;
-})();
+import { SbbActionGroupElement as a } from "../../action-group.js";
+import { isLean as i } from "../../core/dom/lean-context.js";
+import { css as t } from "lit";
+const r = t`:host{grid-area:actions;padding-inline:var(--sbb-dialog-padding-inline);padding-block:var(--sbb-dialog-padding-block);margin-block-start:auto;background-color:var(--sbb-dialog-background-color);transition:box-shadow var(--sbb-animation-easing) var(--sbb-dialog-shadow-animation-duration);box-shadow:var(--sbb-dialog-block-end-box-shadow, none);position:relative}:host:before{content:"";display:block;position:absolute;align-self:start;border-block-start:var(--sbb-border-width-1x) solid var(--sbb-dialog-actions-border-color);transition:border-color var(--sbb-animation-easing) var(--sbb-dialog-shadow-animation-duration);inset:0 auto auto 0;width:100%}@media(forced-colors:active){:host:before{border-color:CanvasText}}`, o = class o extends a {
+  constructor() {
+    super(), this.buttonSize = i() ? "s" : "m", this.linkSize = i() ? "xs" : "s";
+  }
+};
+o.elementName = "sbb-dialog-actions", o.styles = [a.styles, r];
+let s = o;
 export {
-  k as SbbDialogActionsElement
+  s as SbbDialogActionsElement
 };

package/dialog/dialog-actions.js

@@ -1,4 +1,7 @@
-import { SbbDialogActionsElement as t } from "./dialog-actions/dialog-actions.component.js";
+import { SbbDialogActionsElement as e } from "./dialog-actions/dialog-actions.component.js";
+e.define();
+console.warn(`The entrypoint '@sbb-esta/elements/dialog/dialog-actions.js' has been deprecated.
+Use either '@sbb-esta/elements/dialog.js' or '@sbb-esta/elements/dialog.pure.js' instead.`);
 export {
-  t as SbbDialogActionsElement
+  e as SbbDialogActionsElement
 };

package/dialog/dialog-close-button/dialog-close-button.component.js

@@ -1,31 +1,23 @@
-import { __esDecorate as o, __runInitializers as c } from "tslib";
-import { customElement as b } from "lit/decorators.js";
-import { SbbSecondaryButtonElement as n } from "../../button/secondary-button.js";
-import { SbbLanguageController as m } from "../../core/controllers.js";
-import { i18nCloseDialog as u } from "../../core/i18n.js";
-import { css as d } from "lit";
-const g = d`:host{display:block;height:fit-content;grid-area:close-button;margin-inline:var(--sbb-dialog-close-button-margin-inline);inset-inline-end:var(--sbb-dialog-close-button-inset-inline-end);margin-block-start:calc(var(--sbb-dialog-padding-block) + .5 * (var(--sbb-typo-line-height-heading) * var(--_sbb-dialog-title-size, var(--sbb-heading-font-size-4)) - var(--sbb-size-element-xs)))}`;
-let S = (() => {
-  var t;
-  let i = [b("sbb-dialog-close-button")], l, r = [], e, s = n;
-  return t = class extends s {
-    constructor() {
-      super(), this._languageController = new m(this), this.size = "s";
-    }
-    willUpdate(a) {
-      super.willUpdate(a), this.internals.ariaLabel = u[this._languageController.current];
-    }
-    renderTemplate() {
-      return super.renderIconSlot();
-    }
-    renderIconName() {
-      return super.renderIconName() || "cross-small";
-    }
-  }, e = t, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
-    o(null, l = { value: e }, i, { kind: "class", name: e.name, metadata: a }, null, r), e = l.value, a && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), t.styles = [n.styles, g], c(e, r), e;
-})();
+import { SbbSecondaryButtonElement as r } from "../../button/secondary-button.js";
+import { SbbLanguageController as i } from "../../core/controllers.js";
+import { i18nCloseDialog as n } from "../../core/i18n.js";
+import { css as a } from "lit";
+const l = a`:host{display:block;height:fit-content;grid-area:close-button;margin-inline:var(--sbb-dialog-close-button-margin-inline);inset-inline-end:var(--sbb-dialog-close-button-inset-inline-end);margin-block-start:calc(var(--sbb-dialog-padding-block) + .5 * (var(--sbb-typo-line-height-heading) * var(--_sbb-dialog-title-size, var(--sbb-heading-font-size-4)) - var(--sbb-size-element-xs)))}`, e = class e extends r {
+  constructor() {
+    super(), this._languageController = new i(this), this.size = "s";
+  }
+  willUpdate(s) {
+    super.willUpdate(s), this.internals.ariaLabel = n[this._languageController.current];
+  }
+  renderTemplate() {
+    return super.renderIconSlot();
+  }
+  renderIconName() {
+    return super.renderIconName() || "cross-small";
+  }
+};
+e.elementName = "sbb-dialog-close-button", e.styles = [r.styles, l];
+let t = e;
 export {
-  S as SbbDialogCloseButtonElement
+  t as SbbDialogCloseButtonElement
 };

package/dialog/dialog-close-button.js

@@ -1,4 +1,7 @@
-import { SbbDialogCloseButtonElement as t } from "./dialog-close-button/dialog-close-button.component.js";
+import { SbbDialogCloseButtonElement as e } from "./dialog-close-button/dialog-close-button.component.js";
+e.define();
+console.warn(`The entrypoint '@sbb-esta/elements/dialog/dialog-close-button.js' has been deprecated.
+Use either '@sbb-esta/elements/dialog.js' or '@sbb-esta/elements/dialog.pure.js' instead.`);
 export {
-  t as SbbDialogCloseButtonElement
+  e as SbbDialogCloseButtonElement
 };

package/dialog/dialog-content/dialog-content.component.js

@@ -1,22 +1,15 @@
-import { __esDecorate as n, __runInitializers as c } from "tslib";
-import { css as r, LitElement as b, html as u } from "lit";
-import { customElement as d } from "lit/decorators.js";
-const m = r`:host{display:block;padding-block:var(--sbb-dialog-padding-block);padding-inline:var(--sbb-dialog-padding-inline);grid-area:content;overflow:auto}:host(:focus-visible){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);--sbb-focus-outline-offset: calc(var(--sbb-focus-outline-width) * -1)}`;
-let g = (() => {
-  var e;
-  let i = [d("sbb-dialog-content")], s, a = [], t, o = b;
-  return e = class extends o {
-    connectedCallback() {
-      super.connectedCallback(), this.classList.add("sbb-scrollbar");
-    }
-    render() {
-      return u`<slot></slot>`;
-    }
-  }, t = e, (() => {
-    const l = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
-    n(null, s = { value: t }, i, { kind: "class", name: t.name, metadata: l }, null, a), t = s.value, l && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: l });
-  })(), e.styles = m, c(t, a), t;
-})();
+import { css as t, html as l } from "lit";
+import { SbbElement as i } from "../../core/base-elements.js";
+const e = t`:host{display:block;padding-block:var(--sbb-dialog-padding-block);padding-inline:var(--sbb-dialog-padding-inline);grid-area:content;overflow:auto}:host(:focus-visible){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);--sbb-focus-outline-offset: calc(var(--sbb-focus-outline-width) * -1)}`, s = class s extends i {
+  connectedCallback() {
+    super.connectedCallback(), this.classList.add("sbb-scrollbar");
+  }
+  render() {
+    return l`<slot></slot>`;
+  }
+};
+s.elementName = "sbb-dialog-content", s.styles = e;
+let o = s;
 export {
-  g as SbbDialogContentElement
+  o as SbbDialogContentElement
 };

package/dialog/dialog-content.js

@@ -1,4 +1,7 @@
-import { SbbDialogContentElement as t } from "./dialog-content/dialog-content.component.js";
+import { SbbDialogContentElement as e } from "./dialog-content/dialog-content.component.js";
+e.define();
+console.warn(`The entrypoint '@sbb-esta/elements/dialog/dialog-content.js' has been deprecated.
+Use either '@sbb-esta/elements/dialog.js' or '@sbb-esta/elements/dialog.pure.js' instead.`);
 export {
-  t as SbbDialogContentElement
+  e as SbbDialogContentElement
 };

package/dialog/dialog-title/dialog-title.component.js

@@ -1,21 +1,13 @@
-import { __esDecorate as r, __runInitializers as b } from "tslib";
-import { customElement as c } from "lit/decorators.js";
-import { SbbNegativeMixin as d } from "../../core/mixins.js";
-import { SbbTitleBase as l } from "../../title.js";
-import { css as m } from "lit";
-const u = m`:host{display:block;padding-block:var(--sbb-dialog-padding-block);padding-inline:var(--sbb-dialog-padding-inline);-webkit-hyphens:auto;hyphens:auto;grid-area:title;position:relative}:host([negative]){--sbb-title-text-color-normal: var(--sbb-color-3-negative)}:host:after{content:"";display:block;position:absolute;pointer-events:none;inset:0 -10rem 0 0;transition:box-shadow var(--sbb-animation-easing) var(--sbb-dialog-shadow-animation-duration);box-shadow:var(--sbb-dialog-block-start-box-shadow, none)}`;
-let f = (() => {
-  var e;
-  let n = [c("sbb-dialog-title")], i, o = [], t, s = d(l);
-  return e = class extends s {
-    constructor() {
-      super(), this.level = "2", this.visualLevel = "4";
-    }
-  }, t = e, (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
-    r(null, i = { value: t }, n, { kind: "class", name: t.name, metadata: a }, null, o), t = i.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), e.styles = [l.styles, u], b(t, o), t;
-})();
+import { SbbNegativeMixin as i } from "../../core/mixins.js";
+import { SbbTitleBase as s } from "../../title.js";
+import { css as a } from "lit";
+const e = a`:host{display:block;padding-block:var(--sbb-dialog-padding-block);padding-inline:var(--sbb-dialog-padding-inline);-webkit-hyphens:auto;hyphens:auto;grid-area:title;position:relative}:host([negative]){--sbb-title-text-color-normal: var(--sbb-color-3-negative)}:host:after{content:"";display:block;position:absolute;pointer-events:none;inset:0 -10rem 0 0;transition:box-shadow var(--sbb-animation-easing) var(--sbb-dialog-shadow-animation-duration);box-shadow:var(--sbb-dialog-block-start-box-shadow, none)}`, t = class t extends i(s) {
+  constructor() {
+    super(), this.level = "2", this.visualLevel = "4";
+  }
+};
+t.elementName = "sbb-dialog-title", t.styles = [s.styles, e];
+let o = t;
 export {
-  f as SbbDialogTitleElement
+  o as SbbDialogTitleElement
 };

package/dialog/dialog-title.js

@@ -1,4 +1,7 @@
-import { SbbDialogTitleElement as o } from "./dialog-title/dialog-title.component.js";
+import { SbbDialogTitleElement as e } from "./dialog-title/dialog-title.component.js";
+e.define();
+console.warn(`The entrypoint '@sbb-esta/elements/dialog/dialog-title.js' has been deprecated.
+Use either '@sbb-esta/elements/dialog.js' or '@sbb-esta/elements/dialog.pure.js' instead.`);
 export {
-  o as SbbDialogTitleElement
+  e as SbbDialogTitleElement
 };

package/dialog/dialog.js

@@ -1,7 +1,10 @@
-import { SbbDialogElement as s } from "./dialog/dialog.component.js";
-import { SbbOverlayCloseEvent as o, assignOverlayResult as t } from "../overlay/overlay-base-element.js";
+import { SbbDialogElement as e } from "./dialog/dialog.component.js";
+import { SbbOverlayCloseEvent as l, assignOverlayResult as o } from "../overlay/overlay-base-element.js";
+e.define();
+console.warn(`The entrypoint '@sbb-esta/elements/dialog/dialog.js' has been deprecated.
+Use either '@sbb-esta/elements/dialog.js' or '@sbb-esta/elements/dialog.pure.js' instead.`);
 export {
-  o as SbbDialogCloseEvent,
-  s as SbbDialogElement,
-  t as assignDialogResult
+  l as SbbDialogCloseEvent,
+  e as SbbDialogElement,
+  o as assignDialogResult
 };

package/dialog.js

@@ -1,15 +1,20 @@
-import { SbbDialogActionsElement as t } from "./dialog/dialog-actions/dialog-actions.component.js";
-import { SbbDialogContentElement as b } from "./dialog/dialog-content/dialog-content.component.js";
-import { SbbDialogCloseButtonElement as a } from "./dialog/dialog-close-button/dialog-close-button.component.js";
-import { SbbDialogTitleElement as s } from "./dialog/dialog-title/dialog-title.component.js";
-import { SbbDialogElement as m } from "./dialog/dialog/dialog.component.js";
-import { SbbOverlayCloseEvent as D, assignOverlayResult as E } from "./overlay/overlay-base-element.js";
+import { SbbDialogActionsElement as e } from "./dialog/dialog-actions/dialog-actions.component.js";
+import { SbbDialogCloseButtonElement as o } from "./dialog/dialog-close-button/dialog-close-button.component.js";
+import { SbbDialogContentElement as t } from "./dialog/dialog-content/dialog-content.component.js";
+import { SbbDialogTitleElement as i } from "./dialog/dialog-title/dialog-title.component.js";
+import { SbbDialogElement as l } from "./dialog/dialog/dialog.component.js";
+import { SbbOverlayCloseEvent as g, assignOverlayResult as p } from "./overlay/overlay-base-element.js";
+l.define();
+e.define();
+o.define();
+t.define();
+i.define();
 export {
-  t as SbbDialogActionsElement,
-  a as SbbDialogCloseButtonElement,
-  D as SbbDialogCloseEvent,
-  b as SbbDialogContentElement,
-  m as SbbDialogElement,
-  s as SbbDialogTitleElement,
-  E as assignDialogResult
+  e as SbbDialogActionsElement,
+  o as SbbDialogCloseButtonElement,
+  g as SbbDialogCloseEvent,
+  t as SbbDialogContentElement,
+  l as SbbDialogElement,
+  i as SbbDialogTitleElement,
+  p as assignDialogResult
 };

package/dialog.pure.js

@@ -0,0 +1,15 @@
+import { SbbDialogActionsElement as t } from "./dialog/dialog-actions/dialog-actions.component.js";
+import { SbbDialogCloseButtonElement as b } from "./dialog/dialog-close-button/dialog-close-button.component.js";
+import { SbbDialogContentElement as a } from "./dialog/dialog-content/dialog-content.component.js";
+import { SbbDialogTitleElement as s } from "./dialog/dialog-title/dialog-title.component.js";
+import { SbbDialogElement as m } from "./dialog/dialog/dialog.component.js";
+import { SbbOverlayCloseEvent as D, assignOverlayResult as E } from "./overlay/overlay-base-element.js";
+export {
+  t as SbbDialogActionsElement,
+  b as SbbDialogCloseButtonElement,
+  D as SbbDialogCloseEvent,
+  a as SbbDialogContentElement,
+  m as SbbDialogElement,
+  s as SbbDialogTitleElement,
+  E as assignDialogResult
+};

package/divider/divider.component.js

@@ -1,43 +1,44 @@
-var v = (t) => {
+var l = (t) => {
   throw TypeError(t);
 };
-var h = (t, e, i) => e.has(t) || v("Cannot " + i);
-var u = (t, e, i) => (h(t, e, "read from private field"), i ? i.call(t) : e.get(t)), p = (t, e, i) => e.has(t) ? v("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, i), _ = (t, e, i, r) => (h(t, e, "write to private field"), r ? r.call(t, i) : e.set(t, i), i);
-import { __esDecorate as f, __runInitializers as l } from "tslib";
-import { css as g, LitElement as S, html as x } from "lit";
-import { customElement as z, property as w } from "lit/decorators.js";
-import { SbbNegativeMixin as E, SbbElementInternalsMixin as D } from "../core/mixins.js";
-import { boxSizingStyles as I } from "../core/styles.js";
-const k = g`:host{display:block}:host([orientation=vertical]){height:100%}:host([negative]){--sbb-divider-color: var(--sbb-divider-color-negative)}:host(:is([orientation=horizontal],:not([orientation]))) .sbb-divider{border-top:var(--sbb-divider-border-width) solid var(--sbb-divider-color)}:host([orientation=vertical]) .sbb-divider{height:100%;border-left:var(--sbb-divider-border-width) solid var(--sbb-divider-color)}`;
-let q = (() => {
-  var s, a;
-  let t = [z("sbb-divider")], e, i = [], r, d = E(D(S)), c, b = [], m = [];
-  return a = class extends d {
+var d = (t, i, e) => i.has(t) || l("Cannot " + e);
+var b = (t, i, e) => (d(t, i, "read from private field"), e ? e.call(t) : i.get(t)), c = (t, i, e) => i.has(t) ? l("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(t) : i.set(t, e), h = (t, i, e, a) => (d(t, i, "write to private field"), a ? a.call(t, e) : i.set(t, e), e);
+import { __esDecorate as p, __runInitializers as m } from "tslib";
+import { css as u, html as f } from "lit";
+import { property as y } from "lit/decorators.js";
+import { SbbElement as g } from "../core/base-elements.js";
+import { SbbNegativeMixin as _ } from "../core/mixins.js";
+import { boxSizingStyles as z } from "../core/styles.js";
+const S = u`:host{display:block}:host([orientation=vertical]){height:100%}:host([negative]){--sbb-divider-color: var(--sbb-divider-color-negative)}:host(:is([orientation=horizontal],:not([orientation]))) .sbb-divider{border-top:var(--sbb-divider-border-width) solid var(--sbb-divider-color)}:host([orientation=vertical]) .sbb-divider{height:100%;border-left:var(--sbb-divider-border-width) solid var(--sbb-divider-color)}`;
+let M = (() => {
+  var s, r;
+  let t = _(g), i, e = [], a = [];
+  return r = class extends t {
     constructor() {
       super(...arguments);
-      p(this, s, l(this, b, "horizontal"));
-      l(this, m);
+      c(this, s, m(this, e, "horizontal"));
+      m(this, a);
     }
     /** Orientation property with possible values 'horizontal' | 'vertical'. Defaults to horizontal. */
     get orientation() {
-      return u(this, s);
+      return b(this, s);
     }
     set orientation(o) {
-      _(this, s, o);
+      h(this, s, o);
     }
     willUpdate(o) {
       super.willUpdate(o), o.has("orientation") && (this.internals.ariaOrientation = this.orientation);
     }
     render() {
-      return x`<div class="sbb-divider"></div> `;
+      return f`<div class="sbb-divider"></div> `;
     }
-  }, s = new WeakMap(), r = a, (() => {
-    const o = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
-    c = [w({ reflect: !0 })], f(a, null, c, { kind: "accessor", name: "orientation", static: !1, private: !1, access: { has: (n) => "orientation" in n, get: (n) => n.orientation, set: (n, y) => {
-      n.orientation = y;
-    } }, metadata: o }, b, m), f(null, e = { value: r }, t, { kind: "class", name: r.name, metadata: o }, null, i), r = e.value, o && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: o });
-  })(), a.role = "separator", a.styles = [I, k], l(r, i), r;
+  }, s = new WeakMap(), (() => {
+    const o = typeof Symbol == "function" && Symbol.metadata ? Object.create(t[Symbol.metadata] ?? null) : void 0;
+    i = [y({ reflect: !0 })], p(r, null, i, { kind: "accessor", name: "orientation", static: !1, private: !1, access: { has: (n) => "orientation" in n, get: (n) => n.orientation, set: (n, v) => {
+      n.orientation = v;
+    } }, metadata: o }, e, a), o && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: o });
+  })(), r.elementName = "sbb-divider", r.role = "separator", r.styles = [z, S], r;
 })();
 export {
-  q as SbbDividerElement
+  M as SbbDividerElement
 };

package/divider.js

@@ -1,4 +1,5 @@
-import { SbbDividerElement as b } from "./divider/divider.component.js";
+import { SbbDividerElement as e } from "./divider/divider.component.js";
+e.define();
 export {
-  b as SbbDividerElement
+  e as SbbDividerElement
 };

package/divider.pure.js

@@ -0,0 +1,4 @@
+import { SbbDividerElement as b } from "./divider/divider.component.js";
+export {
+  b as SbbDividerElement
+};