@sbb-esta/lyne-elements 1.12.1 → 1.14.0

package/dialog/dialog-title/dialog-title.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog-title.d.ts","sourceRoot":"","sources":["../../../../src/elements/dialog/dialog-title/dialog-title.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAO1E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAGpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAI9C,OAAO,kCAAkC,CAAC;AAC1C,OAAO,oCAAoC,CAAC;AAE5C;;;;GAIG;AACH,qBACa,qBAAsB,SAAQ,YAAY;IACrD,OAAuB,MAAM,EAAE,cAAc,CAAgC;IAC7E,gBAAuB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAE1C;IAEX;;OAEG;IAC2D,UAAU,UAAS;IAEjF;;OAEG;IAC0D,uBAAuB,EAChF,MAAM,GACN,SAAS,CAAC;IAEd;;OAEG;IACyD,sBAAsB,EAC9E,MAAM,GACN,SAAS,CAAC;IAEd;;OAEG;IACH,IACW,YAAY,CAAC,KAAK,EAAE,EAAE,GAAG,UAAU,GAAG,OAAO,EAEvD;IACD,IAAW,YAAY,IAAI,UAAU,GAAG,OAAO,CAE9C;IACD,OAAO,CAAC,aAAa,CAA+B;IAEpD,OAAO,CAAC,UAAU,CAGhB;IACF,OAAO,CAAC,SAAS,CAAmC;;IAQpC,iBAAiB,IAAI,IAAI;cAKtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAQzD,MAAM,IAAI,cAAc;CAmC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,kBAAkB,EAAE,qBAAqB,CAAC;KAC3C;CACF"}
+{"version":3,"file":"dialog-title.d.ts","sourceRoot":"","sources":["../../../../src/elements/dialog/dialog-title/dialog-title.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAQ1E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAGpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAI9C,OAAO,kCAAkC,CAAC;AAC1C,OAAO,oCAAoC,CAAC;AAE5C;;;;GAIG;AACH,qBAEM,qBAAsB,SAAQ,YAAY;IAC9C,OAAuB,MAAM,EAAE,cAAc,CAAgC;IAC7E,gBAAuB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAE1C;IAEX;;OAEG;IACH,SAEgB,UAAU,EAAE,OAAO,CAAS;IAE5C;;OAEG;IACH,SAEgB,uBAAuB,EAAE,MAAM,CAAM;IAErD;;OAEG;IACH,SAEgB,sBAAsB,EAAE,MAAM,CAAM;IAEpD;;OAEG;IACH,IACW,YAAY,CAAC,KAAK,EAAE,EAAE,GAAG,UAAU,GAAG,OAAO,EAEvD;IACD,IAAW,YAAY,IAAI,UAAU,GAAG,OAAO,CAE9C;IACD,OAAO,CAAC,aAAa,CAA+B;IAEpD,OAAO,CAAC,UAAU,CAGhB;IACF,OAAO,CAAC,SAAS,CAAmC;;IAQpC,iBAAiB,IAAI,IAAI;cAKtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAQzD,MAAM,IAAI,cAAc;CAmC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,kBAAkB,EAAE,qBAAqB,CAAC;KAC3C;CACF"}

package/dialog/dialog-title.js

@@ -1,86 +1,118 @@
-import { css as v, nothing as g } from "lit";
-import { property as b, customElement as u } from "lit/decorators.js";
-import { html as c, unsafeStatic as r } from "lit/static-html.js";
-import { SbbFocusVisibleWithinController as p } from "../core/a11y.js";
-import { SbbLanguageController as f } from "../core/controllers.js";
-import { EventEmitter as m } from "../core/eventing.js";
-import { i18nCloseDialog as w, i18nGoBack as _ } from "../core/i18n.js";
-import { SbbTitleBase as h } from "../title.js";
+var D = (t) => {
+  throw TypeError(t);
+};
+var I = (t, s, i) => s.has(t) || D("Cannot " + i);
+var v = (t, s, i) => (I(t, s, "read from private field"), i ? i.call(t) : s.get(t)), g = (t, s, i) => s.has(t) ? D("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(t) : s.set(t, i), c = (t, s, i, o) => (I(t, s, "write to private field"), o ? o.call(t, i) : s.set(t, i), i);
+import { __esDecorate as u, __runInitializers as b } from "tslib";
+import { css as A, nothing as G } from "lit";
+import { customElement as U, property as m } from "lit/decorators.js";
+import { html as k, unsafeStatic as _ } from "lit/static-html.js";
+import { SbbFocusVisibleWithinController as q } from "../core/a11y.js";
+import { SbbLanguageController as F } from "../core/controllers.js";
+import { forceType as p } from "../core/decorators.js";
+import { EventEmitter as M } from "../core/eventing.js";
+import { i18nCloseDialog as N, i18nGoBack as V } from "../core/i18n.js";
+import { SbbTitleBase as j } from "../title.js";
 import "../button/secondary-button.js";
 import "../button/transparent-button.js";
-const k = v`:host{--sbb-dialog-title-padding-block: var(--sbb-spacing-responsive-s) 0;display:contents}:host([data-overflows]){--sbb-dialog-title-padding-block: var(--sbb-spacing-responsive-s)}.sbb-title{flex:1;overflow:hidden;align-self:center;margin:0}.sbb-dialog__header{display:flex;gap:var(--sbb-spacing-fixed-6x);align-items:start;justify-content:space-between;padding-inline:var(--sbb-dialog-padding-inline);padding-block:var(--sbb-dialog-title-padding-block);background-color:var(--sbb-dialog-background-color);border-block-end:var(--sbb-dialog-title-border);z-index:var(--sbb-dialog-z-index, var(--sbb-overlay-default-z-index))}:host(:not([data-has-visible-focus-within])) .sbb-dialog__header{transform:translateY(var(--sbb-dialog-header-margin-block-start));transition-property:box-shadow,transform;transition-duration:var(--sbb-dialog-animation-duration);transition-timing-function:var(--sbb-dialog-animation-easing)}:host([data-overflows][data-has-visible-focus-within]) .sbb-dialog__header,:host([data-overflows]:not([negative],[data-hide-header])) .sbb-dialog__header{box-shadow:var(--sbb-shadow-elevation-level-9-shadow-2-offset-x) var(--sbb-shadow-elevation-level-9-shadow-2-offset-y) var(--sbb-shadow-elevation-level-9-shadow-2-blur) var(--sbb-shadow-elevation-level-9-shadow-2-spread) var(--sbb-shadow-elevation-level-9-soft-2-color),var(--sbb-shadow-elevation-level-9-shadow-1-offset-x) var(--sbb-shadow-elevation-level-9-shadow-1-offset-y) var(--sbb-shadow-elevation-level-9-shadow-1-blur) var(--sbb-shadow-elevation-level-9-shadow-1-spread) var(--sbb-shadow-elevation-level-9-soft-1-color)}@media (forced-colors: active){:host([data-overflows][data-has-visible-focus-within]) .sbb-dialog__header,:host([data-overflows]:not([negative],[data-hide-header])) .sbb-dialog__header{--sbb-dialog-title-border: var(--sbb-border-width-1x) solid CanvasText}}@media (min-width: 52.5rem){.sbb-dialog__header{border-radius:var(--sbb-dialog-border-radius) var(--sbb-dialog-border-radius) 0 0}}.sbb-dialog__close{margin-inline-start:auto}`;
-var y = Object.defineProperty, B = Object.getOwnPropertyDescriptor, o = (e, s, i, l) => {
-  for (var t = l > 1 ? void 0 : l ? B(s, i) : s, n = e.length - 1, d; n >= 0; n--)
-    (d = e[n]) && (t = (l ? d(s, i, t) : d(t)) || t);
-  return l && t && y(s, i, t), t;
-};
-let a = class extends h {
-  constructor() {
-    super(), this.backButton = !1, this._hideOnScroll = !1, this._backClick = new m(
-      this,
-      a.events.backClick
-    ), this._language = new f(this), this.level = "2", this.visualLevel = "3";
-  }
-  set hideOnScroll(e) {
-    this._hideOnScroll = e === "" ? !0 : e;
-  }
-  get hideOnScroll() {
-    return this._hideOnScroll;
-  }
-  connectedCallback() {
-    super.connectedCallback(), new p(this);
-  }
-  willUpdate(e) {
-    super.willUpdate(e), (e.has("backButton") || e.has("accessibilityBackLabel")) && (this.backButton = !this.backButton && this.accessibilityBackLabel ? !0 : this.backButton);
-  }
-  render() {
-    const e = this.negative ? "sbb-transparent-button" : "sbb-secondary-button", s = c`
-      <${r(e)}
+const W = A`:host{--sbb-dialog-title-padding-block: var(--sbb-spacing-responsive-s) 0;display:contents}:host([data-overflows]){--sbb-dialog-title-padding-block: var(--sbb-spacing-responsive-s)}.sbb-title{flex:1;overflow:hidden;align-self:center;margin:0}.sbb-dialog__header{display:flex;gap:var(--sbb-spacing-fixed-6x);align-items:start;justify-content:space-between;padding-inline:var(--sbb-dialog-padding-inline);padding-block:var(--sbb-dialog-title-padding-block);background-color:var(--sbb-dialog-background-color);border-block-end:var(--sbb-dialog-title-border);z-index:var(--sbb-dialog-z-index, var(--sbb-overlay-default-z-index))}:host(:not([data-has-visible-focus-within])) .sbb-dialog__header{transform:translateY(var(--sbb-dialog-header-margin-block-start));transition-property:box-shadow,transform;transition-duration:var(--sbb-dialog-animation-duration);transition-timing-function:var(--sbb-dialog-animation-easing)}:host([data-overflows][data-has-visible-focus-within]) .sbb-dialog__header,:host([data-overflows]:not([negative],[data-hide-header])) .sbb-dialog__header{box-shadow:var(--sbb-shadow-elevation-level-9-shadow-2-offset-x) var(--sbb-shadow-elevation-level-9-shadow-2-offset-y) var(--sbb-shadow-elevation-level-9-shadow-2-blur) var(--sbb-shadow-elevation-level-9-shadow-2-spread) var(--sbb-shadow-elevation-level-9-soft-2-color),var(--sbb-shadow-elevation-level-9-shadow-1-offset-x) var(--sbb-shadow-elevation-level-9-shadow-1-offset-y) var(--sbb-shadow-elevation-level-9-shadow-1-blur) var(--sbb-shadow-elevation-level-9-shadow-1-spread) var(--sbb-shadow-elevation-level-9-soft-1-color)}@media (forced-colors: active){:host([data-overflows][data-has-visible-focus-within]) .sbb-dialog__header,:host([data-overflows]:not([negative],[data-hide-header])) .sbb-dialog__header{--sbb-dialog-title-border: var(--sbb-border-width-1x) solid CanvasText}}@media (min-width: 52.5rem){.sbb-dialog__header{border-radius:var(--sbb-dialog-border-radius) var(--sbb-dialog-border-radius) 0 0}}.sbb-dialog__close{margin-inline-start:auto}`;
+let le = (() => {
+  var n, d, h, l;
+  let t = [U("sbb-dialog-title")], s, i = [], o, y = j, w = [], B, L = [], C = [], x, S = [], z = [], $, O = [], E = [], T;
+  var f = (l = class extends y {
+    constructor() {
+      super();
+      g(this, n);
+      g(this, d);
+      g(this, h);
+      c(this, n, (b(this, w), b(this, L, !1))), c(this, d, (b(this, C), b(this, S, ""))), c(this, h, (b(this, z), b(this, O, ""))), this._hideOnScroll = (b(this, E), !1), this._backClick = new M(this, f.events.backClick), this._language = new F(this), this.level = "2", this.visualLevel = "3";
+    }
+    /**
+     * Whether a back button is displayed next to the title.
+     */
+    get backButton() {
+      return v(this, n);
+    }
+    set backButton(e) {
+      c(this, n, e);
+    }
+    /**
+     * This will be forwarded as aria-label to the close button element.
+     */
+    get accessibilityCloseLabel() {
+      return v(this, d);
+    }
+    set accessibilityCloseLabel(e) {
+      c(this, d, e);
+    }
+    /**
+     * This will be forwarded as aria-label to the back button element.
+     */
+    get accessibilityBackLabel() {
+      return v(this, h);
+    }
+    set accessibilityBackLabel(e) {
+      c(this, h, e);
+    }
+    /**
+     * Whether to hide the title up to a certain breakpoint.
+     */
+    set hideOnScroll(e) {
+      this._hideOnScroll = e === "" ? !0 : e;
+    }
+    get hideOnScroll() {
+      return this._hideOnScroll;
+    }
+    connectedCallback() {
+      super.connectedCallback(), new q(this);
+    }
+    willUpdate(e) {
+      super.willUpdate(e), (e.has("backButton") || e.has("accessibilityBackLabel")) && (this.backButton = !this.backButton && this.accessibilityBackLabel ? !0 : this.backButton);
+    }
+    render() {
+      const e = this.negative ? "sbb-transparent-button" : "sbb-secondary-button", a = k`
+      <${_(e)}
         class="sbb-dialog__close"
-        aria-label=${this.accessibilityCloseLabel || w[this._language.current]}
+        aria-label=${this.accessibilityCloseLabel || N[this._language.current]}
         ?negative=${this.negative}
         size="m"
         type="button"
         icon-name="cross-small"
         sbb-dialog-close
-      ></${r(e)}>
-    `, i = c`
-      <${r(e)}
+      ></${_(e)}>
+    `, r = k`
+      <${_(e)}
         class="sbb-dialog__back"
-        aria-label=${this.accessibilityBackLabel || _[this._language.current]}
+        aria-label=${this.accessibilityBackLabel || V[this._language.current]}
         ?negative=${this.negative}
         size="m"
         type="button"
         icon-name="chevron-small-left-small"
         @click=${() => this._backClick.emit()}
-      ></${r(e)}>
+      ></${_(e)}>
     `;
-    return c`
+      return k`
       <div class="sbb-dialog__header">
-        ${this.backButton ? i : g} ${super.render()} ${s}
+        ${this.backButton ? r : G} ${super.render()} ${a}
       </div>
     `;
-  }
-};
-a.styles = [h.styles, k];
-a.events = {
-  backClick: "requestBackAction"
-};
-o([
-  b({ attribute: "back-button", type: Boolean })
-], a.prototype, "backButton", 2);
-o([
-  b({ attribute: "accessibility-close-label" })
-], a.prototype, "accessibilityCloseLabel", 2);
-o([
-  b({ attribute: "accessibility-back-label" })
-], a.prototype, "accessibilityBackLabel", 2);
-o([
-  b({ attribute: "hide-on-scroll" })
-], a.prototype, "hideOnScroll", 1);
-a = o([
-  u("sbb-dialog-title")
-], a);
+    }
+  }, n = new WeakMap(), d = new WeakMap(), h = new WeakMap(), o = l, (() => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(y[Symbol.metadata] ?? null) : void 0;
+    B = [p(), m({ attribute: "back-button", type: Boolean })], x = [p(), m({ attribute: "accessibility-close-label" })], $ = [p(), m({ attribute: "accessibility-back-label" })], T = [m({ attribute: "hide-on-scroll" })], u(l, null, B, { kind: "accessor", name: "backButton", static: !1, private: !1, access: { has: (a) => "backButton" in a, get: (a) => a.backButton, set: (a, r) => {
+      a.backButton = r;
+    } }, metadata: e }, L, C), u(l, null, x, { kind: "accessor", name: "accessibilityCloseLabel", static: !1, private: !1, access: { has: (a) => "accessibilityCloseLabel" in a, get: (a) => a.accessibilityCloseLabel, set: (a, r) => {
+      a.accessibilityCloseLabel = r;
+    } }, metadata: e }, S, z), u(l, null, $, { kind: "accessor", name: "accessibilityBackLabel", static: !1, private: !1, access: { has: (a) => "accessibilityBackLabel" in a, get: (a) => a.accessibilityBackLabel, set: (a, r) => {
+      a.accessibilityBackLabel = r;
+    } }, metadata: e }, O, E), u(l, null, T, { kind: "setter", name: "hideOnScroll", static: !1, private: !1, access: { has: (a) => "hideOnScroll" in a, set: (a, r) => {
+      a.hideOnScroll = r;
+    } }, metadata: e }, null, w), u(null, s = { value: o }, t, { kind: "class", name: o.name, metadata: e }, null, i), f = o = s.value, e && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), l.styles = [j.styles, W], l.events = {
+    backClick: "requestBackAction"
+  }, b(o, i), l);
+  return f = o;
+})();
 export {
-  a as SbbDialogTitleElement
+  le as SbbDialogTitleElement
 };

package/dialog/dialog.js

@@ -1,108 +1,115 @@
-import { ResizeController as h } from "@lit-labs/observers/resize-controller.js";
-import { property as c, customElement as g } from "lit/decorators.js";
-import { html as m } from "lit/static-html.js";
-import { setModalityOnNextFocus as r, getFirstFocusableElement as v } from "../core/a11y.js";
-import { isBreakpoint as p } from "../core/dom.js";
-import { SbbOverlayBaseElement as u, overlayRefs as d } from "../overlay.js";
-import { css as f } from "lit";
-import "../screen-reader-only.js";
-const _ = f`*,:before,:after{box-sizing:border-box}:host{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: var(--sbb-color-black-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-black-alpha-60);--sbb-scrollbar-track-color: transparent;--sbb-dialog-padding-inline: var(--sbb-spacing-fixed-5x);--sbb-dialog-color: var(--sbb-color-black);--sbb-dialog-background-color: var(--sbb-color-white);--sbb-dialog-width: 100%;--sbb-dialog-height: 100%;--sbb-dialog-max-width: 100%;--sbb-dialog-max-width-default: 55.75rem;--sbb-dialog-max-height: 100%;--sbb-dialog-inset: 0 auto auto 0;--sbb-dialog-border-radius: var(--sbb-border-radius-8x);--sbb-dialog-padding-block: var(--sbb-spacing-responsive-s);--sbb-dialog-animation-duration: var( --sbb-disable-animation-time, var(--sbb-animation-duration-6x) );--sbb-dialog-animation-easing: ease;--sbb-dialog-pointer-events: none;--sbb-dialog-backdrop-visibility: hidden;--sbb-dialog-backdrop-pointer-events: none;--sbb-dialog-backdrop-color: transparent;--sbb-dialog-content-transition: transform var(--sbb-dialog-animation-duration) var(--sbb-dialog-animation-easing);--sbb-dialog-actions-border: var(--sbb-border-width-1x) solid var(--sbb-color-cloud);display:block;position:fixed;inset:var(--sbb-dialog-inset);z-index:var(--sbb-dialog-z-index, var(--sbb-overlay-default-z-index))}@media (min-width: 22.5rem){:host{--sbb-dialog-padding-inline: var(--sbb-spacing-fixed-6x)}}@media (min-width: 37.5rem){:host{--sbb-dialog-padding-inline: var(--sbb-spacing-fixed-12x)}}@media (min-width: 52.5rem){:host{--sbb-dialog-padding-inline: var(--sbb-spacing-responsive-s);--sbb-dialog-max-width: min( calc(100vw - var(--sbb-spacing-fixed-30x) * 2), var(--sbb-dialog-max-width-default) );--sbb-dialog-max-height: calc(100vh - var(--sbb-spacing-fixed-16x))}}:host(:is([data-state=opened],[data-state=opening])){--sbb-dialog-pointer-events: all;--sbb-dialog-backdrop-color: var(--sbb-color-milk)}@media (min-width: 52.5rem){:host(:is([data-state=opened],[data-state=opening])){--sbb-dialog-backdrop-visibility: visible;--sbb-dialog-backdrop-pointer-events: all}}:host([data-hide-header]){--sbb-dialog-header-margin-block-start: calc(var(--sbb-dialog-header-height) * -1)}:host([negative]){--sbb-scrollbar-color: var(--sbb-color-white-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-white-alpha-60);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-dialog-color: var(--sbb-color-white);--sbb-dialog-background-color: var(--sbb-color-midnight);--sbb-dialog-actions-border: none}:host([data-overflows]:not([negative])){--sbb-dialog-actions-border: none}:host(:not([data-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);overflow:auto;color:var(--sbb-dialog-color);background-color:var(--sbb-dialog-background-color)}:host([data-state]:not([data-state=closed])) .sbb-dialog{display:block;animation-name:open;animation-duration:var(--sbb-dialog-animation-duration);animation-timing-function:ease}:host([data-state][data-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: 52.5rem){.sbb-dialog{border-radius:var(--sbb-dialog-border-radius);overflow:hidden;height:fit-content}}.sbb-dialog__wrapper{display:flex;flex-direction:column;width:var(--sbb-dialog-width);height:var(--sbb-dialog-height);max-width:var(--sbb-dialog-max-width);max-height:var(--sbb-dialog-max-height);outline:none;position:fixed;word-break:break-word}@media (min-width: 52.5rem){.sbb-dialog__wrapper{position:sticky;inset-block-start:0;height:auto}}@keyframes open{0%{opacity:0;transform:translateY(var(--sbb-spacing-fixed-4x))}to{opacity:1;transform:translateY(0)}}@keyframes close{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(var(--sbb-spacing-fixed-4x))}}`;
-var w = Object.defineProperty, E = Object.getOwnPropertyDescriptor, b = (t, e, a, i) => {
-  for (var o = i > 1 ? void 0 : i ? E(e, a) : e, l = t.length - 1, n; l >= 0; l--)
-    (n = t[l]) && (o = (i ? n(e, a, o) : n(o)) || o);
-  return i && o && w(e, a, o), o;
+var u = (i) => {
+  throw TypeError(i);
 };
-let y = 0, s = class extends u {
-  constructor() {
-    super(...arguments), this.backdropAction = "close", this._dialogContentResizeObserver = new h(this, {
-      target: null,
-      skipInitial: !0,
-      callback: () => setTimeout(() => this._onContentResize())
-    }), this._dialogTitleElement = null, this._dialogContentElement = null, this._dialogActionsElement = null, this._isPointerDownEventOnDialog = !1, this._overflows = !1, this._lastScroll = 0, this._dialogId = `sbb-dialog-${y++}`, this.closeAttribute = "sbb-dialog-close", this._pointerDownListener = (t) => {
-      this.backdropAction === "close" && (this._isPointerDownEventOnDialog = t.composedPath().filter((e) => e instanceof window.HTMLElement).some((e) => e.id === this._dialogId));
-    }, this._closeOnBackdropClick = (t) => {
-      this.backdropAction === "close" && !this._isPointerDownEventOnDialog && !t.composedPath().filter((e) => e instanceof window.HTMLElement).some((e) => e.id === this._dialogId) && this.close();
-    };
-  }
-  /** Opens the component. */
-  open() {
-    var t;
-    this.state === "closed" && (this.lastFocusedElement = document.activeElement, this._dialogTitleElement = this.querySelector("sbb-dialog-title"), this._dialogContentElement = (t = this.querySelector("sbb-dialog-content")) == null ? void 0 : t.shadowRoot.firstElementChild, this._dialogActionsElement = this.querySelector("sbb-dialog-actions"), this._syncNegative(), this.willOpen.emit() && (this.state = "opening", d.push(this), this._dialogContentResizeObserver.observe(this._dialogContentElement), this.scrollHandler.disableScroll()));
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.addEventListener("pointerdown", this._pointerDownListener, {
-      signal: this.overlayController.signal
-    }), this.addEventListener("pointerup", this._closeOnBackdropClick, {
-      signal: this.overlayController.signal
-    });
-  }
-  firstUpdated(t) {
-    this._dialogTitleElement = this.querySelector("sbb-dialog-title"), this._syncNegative(), super.firstUpdated(t);
-  }
-  willUpdate(t) {
-    super.willUpdate(t), t.has("negative") && this._syncNegative();
-  }
-  attachOpenOverlayEvents() {
-    var t;
-    super.attachOpenOverlayEvents(), (t = this._dialogContentElement) == null || t.addEventListener("scroll", () => this._onContentScroll(), {
-      passive: !0,
-      signal: this.openOverlayController.signal
-    }), window.addEventListener("resize", () => this._setHideHeaderDataAttribute(!1), {
-      signal: this.openOverlayController.signal
-    });
-  }
-  // Wait for dialog transition to complete.
-  // 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.
-  onOverlayAnimationEnd(t) {
-    var e, a, i;
-    t.animationName === "open" && this.state === "opening" ? (this.state = "opened", this.didOpen.emit(), this.inertController.activate(), this.attachOpenOverlayEvents(), this.setOverlayFocus(), setTimeout(
-      () => {
-        var o;
-        return this.setAriaLiveRefContent(
-          this.accessibilityLabel || ((o = this._dialogTitleElement) == null ? void 0 : o.innerText.trim())
-        );
-      }
-    ), this.focusHandler.trap(this)) : t.animationName === "close" && this.state === "closing" && (this._setHideHeaderDataAttribute(!1), (e = this._dialogContentElement) == null || e.scrollTo(0, 0), this.state = "closed", this.inertController.deactivate(), r(this.lastFocusedElement), (a = this.lastFocusedElement) == null || a.focus(), (i = this.openOverlayController) == null || i.abort(), this.focusHandler.disconnect(), this._dialogContentElement && this._dialogContentResizeObserver.unobserve(this._dialogContentElement), this.removeInstanceFromGlobalCollection(), d.length || this.scrollHandler.enableScroll(), this.didClose.emit({
-      returnValue: this.returnValue,
-      closeTarget: this.overlayCloseElement
-    }));
-  }
-  // Set focus on the first focusable element.
-  setOverlayFocus() {
-    const t = v(
-      Array.from(this.children).filter((e) => e instanceof window.HTMLElement)
-    );
-    r(t), t == null || t.focus();
-  }
-  _syncNegative() {
-    this._dialogTitleElement && (this._dialogTitleElement.negative = this.negative), this._dialogActionsElement && this._dialogActionsElement.toggleAttribute("data-negative", this.negative);
-  }
-  _onContentScroll() {
-    if (!this._dialogContentElement || this.dataset.hideHeader === void 0 && this._dialogContentElement.clientHeight + this._dialogTitleHeight >= this._dialogContentElement.scrollHeight)
-      return;
-    const e = this._dialogContentElement.scrollTop;
-    Math.round(e + this._dialogContentElement.clientHeight) >= this._dialogContentElement.scrollHeight || (e > 0 && this._lastScroll < e ? this._setHideHeaderDataAttribute(!0) : this._setHideHeaderDataAttribute(!1), this._lastScroll = e <= 0 ? 0 : e);
-  }
-  _setDialogHeaderHeight() {
-    var t;
-    this._dialogTitleHeight = (t = this._dialogTitleElement) == null ? void 0 : t.shadowRoot.firstElementChild.clientHeight, this.style.setProperty("--sbb-dialog-header-height", `${this._dialogTitleHeight}px`);
-  }
-  _onContentResize() {
-    var t, e;
-    this._setDialogHeaderHeight(), this._overflows = this._dialogContentElement ? ((t = this._dialogContentElement) == null ? void 0 : t.scrollHeight) > ((e = this._dialogContentElement) == null ? void 0 : e.clientHeight) : !1, this._setOverflowsDataAttribute();
-  }
-  _setHideHeaderDataAttribute(t) {
-    var i;
-    const e = ((i = this._dialogTitleElement) == null ? void 0 : i.hideOnScroll) ?? !1, a = typeof e == "boolean" ? e : p("zero", e, { includeMaxBreakpoint: !0 });
-    this.toggleAttribute("data-hide-header", a ? t : !1), this._dialogTitleElement && this._dialogTitleElement.toggleAttribute("data-hide-header", a ? t : !1);
-  }
-  _setOverflowsDataAttribute() {
-    var t, e;
-    this.toggleAttribute("data-overflows", this._overflows), (t = this._dialogTitleElement) == null || t.toggleAttribute("data-overflows", this._overflows), (e = this._dialogActionsElement) == null || e.toggleAttribute("data-overflows", this._overflows);
-  }
-  render() {
-    return m`
+var f = (i, a, o) => a.has(i) || u("Cannot " + o);
+var _ = (i, a, o) => (f(i, a, "read from private field"), o ? o.call(i) : a.get(i)), w = (i, a, o) => a.has(i) ? u("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(i) : a.set(i, o), b = (i, a, o, s) => (f(i, a, "write to private field"), s ? s.call(i, o) : a.set(i, o), o);
+import { __runInitializers as c, __esDecorate as y } from "tslib";
+import { ResizeController as x } from "@lit-labs/observers/resize-controller.js";
+import { customElement as C, property as A } from "lit/decorators.js";
+import { html as H } from "lit/static-html.js";
+import { setModalityOnNextFocus as E, getFirstFocusableElement as O } from "../core/a11y.js";
+import { isBreakpoint as T } from "../core/dom.js";
+import { overlayRefs as k, SbbOverlayBaseElement as S } from "../overlay.js";
+import { css as D } from "lit";
+import "../screen-reader-only.js";
+const z = D`*,:before,:after{box-sizing:border-box}:host{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: var(--sbb-color-black-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-black-alpha-60);--sbb-scrollbar-track-color: transparent;--sbb-dialog-padding-inline: var(--sbb-spacing-fixed-5x);--sbb-dialog-color: var(--sbb-color-black);--sbb-dialog-background-color: var(--sbb-color-white);--sbb-dialog-width: 100%;--sbb-dialog-height: 100%;--sbb-dialog-max-width: 100%;--sbb-dialog-max-width-default: 55.75rem;--sbb-dialog-max-height: 100%;--sbb-dialog-inset: 0 auto auto 0;--sbb-dialog-border-radius: var(--sbb-border-radius-8x);--sbb-dialog-padding-block: var(--sbb-spacing-responsive-s);--sbb-dialog-animation-duration: var( --sbb-disable-animation-time, var(--sbb-animation-duration-6x) );--sbb-dialog-animation-easing: ease;--sbb-dialog-pointer-events: none;--sbb-dialog-backdrop-visibility: hidden;--sbb-dialog-backdrop-pointer-events: none;--sbb-dialog-backdrop-color: transparent;--sbb-dialog-content-transition: transform var(--sbb-dialog-animation-duration) var(--sbb-dialog-animation-easing);--sbb-dialog-actions-border: var(--sbb-border-width-1x) solid var(--sbb-color-cloud);display:block;position:fixed;inset:var(--sbb-dialog-inset);z-index:var(--sbb-dialog-z-index, var(--sbb-overlay-default-z-index))}@media (min-width: 22.5rem){:host{--sbb-dialog-padding-inline: var(--sbb-spacing-fixed-6x)}}@media (min-width: 37.5rem){:host{--sbb-dialog-padding-inline: var(--sbb-spacing-fixed-12x)}}@media (min-width: 52.5rem){:host{--sbb-dialog-padding-inline: var(--sbb-spacing-responsive-s);--sbb-dialog-max-width: min( calc(100vw - var(--sbb-spacing-fixed-30x) * 2), var(--sbb-dialog-max-width-default) );--sbb-dialog-max-height: calc(100vh - var(--sbb-spacing-fixed-16x))}}:host(:is([data-state=opened],[data-state=opening])){--sbb-dialog-pointer-events: all;--sbb-dialog-backdrop-color: var(--sbb-color-milk)}@media (min-width: 52.5rem){:host(:is([data-state=opened],[data-state=opening])){--sbb-dialog-backdrop-visibility: visible;--sbb-dialog-backdrop-pointer-events: all}}:host([data-hide-header]){--sbb-dialog-header-margin-block-start: calc(var(--sbb-dialog-header-height) * -1)}:host([negative]){--sbb-scrollbar-color: var(--sbb-color-white-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-white-alpha-60);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-dialog-color: var(--sbb-color-white);--sbb-dialog-background-color: var(--sbb-color-midnight);--sbb-dialog-actions-border: none}:host([data-overflows]:not([negative])){--sbb-dialog-actions-border: none}:host(:not([data-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);overflow:auto;color:var(--sbb-dialog-color);background-color:var(--sbb-dialog-background-color)}:host([data-state]:not([data-state=closed])) .sbb-dialog{display:block;animation-name:open;animation-duration:var(--sbb-dialog-animation-duration);animation-timing-function:ease}:host([data-state][data-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: 52.5rem){.sbb-dialog{border-radius:var(--sbb-dialog-border-radius);overflow:hidden;height:fit-content}}.sbb-dialog__wrapper{display:flex;flex-direction:column;width:var(--sbb-dialog-width);height:var(--sbb-dialog-height);max-width:var(--sbb-dialog-max-width);max-height:var(--sbb-dialog-max-height);outline:none;position:fixed;word-break:break-word}@media (min-width: 52.5rem){.sbb-dialog__wrapper{position:sticky;inset-block-start:0;height:auto}}@keyframes open{0%{opacity:0;transform:translateY(var(--sbb-spacing-fixed-4x))}to{opacity:1;transform:translateY(0)}}@keyframes close{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(var(--sbb-spacing-fixed-4x))}}`;
+let L = 0, Y = (() => {
+  var r, l;
+  let i = [C("sbb-dialog")], a, o = [], s, h = S, g, m = [], v = [];
+  return l = class extends h {
+    constructor() {
+      super(...arguments);
+      w(this, r);
+      b(this, r, c(this, m, "close")), this._dialogContentResizeObserver = (c(this, v), new x(this, {
+        target: null,
+        skipInitial: !0,
+        callback: () => setTimeout(() => this._onContentResize())
+      })), this._dialogTitleElement = null, this._dialogContentElement = null, this._dialogActionsElement = null, this._isPointerDownEventOnDialog = !1, this._overflows = !1, this._lastScroll = 0, this._dialogId = `sbb-dialog-${L++}`, this.closeAttribute = "sbb-dialog-close", this._pointerDownListener = (t) => {
+        this.backdropAction === "close" && (this._isPointerDownEventOnDialog = t.composedPath().filter((e) => e instanceof window.HTMLElement).some((e) => e.id === this._dialogId));
+      }, this._closeOnBackdropClick = (t) => {
+        this.backdropAction === "close" && !this._isPointerDownEventOnDialog && !t.composedPath().filter((e) => e instanceof window.HTMLElement).some((e) => e.id === this._dialogId) && this.close();
+      };
+    }
+    /** Backdrop click action. */
+    get backdropAction() {
+      return _(this, r);
+    }
+    set backdropAction(t) {
+      b(this, r, t);
+    }
+    /** Opens the component. */
+    open() {
+      var t;
+      this.state === "closed" && (this.lastFocusedElement = document.activeElement, this._dialogTitleElement = this.querySelector("sbb-dialog-title"), this._dialogContentElement = (t = this.querySelector("sbb-dialog-content")) == null ? void 0 : t.shadowRoot.firstElementChild, this._dialogActionsElement = this.querySelector("sbb-dialog-actions"), this._syncNegative(), this.willOpen.emit() && (this.state = "opening", k.push(this), this._dialogContentResizeObserver.observe(this._dialogContentElement), this.scrollHandler.disableScroll()));
+    }
+    connectedCallback() {
+      super.connectedCallback(), this.addEventListener("pointerdown", this._pointerDownListener, {
+        signal: this.overlayController.signal
+      }), this.addEventListener("pointerup", this._closeOnBackdropClick, {
+        signal: this.overlayController.signal
+      });
+    }
+    firstUpdated(t) {
+      this._dialogTitleElement = this.querySelector("sbb-dialog-title"), this._syncNegative(), super.firstUpdated(t);
+    }
+    willUpdate(t) {
+      super.willUpdate(t), t.has("negative") && this._syncNegative();
+    }
+    attachOpenOverlayEvents() {
+      var t;
+      super.attachOpenOverlayEvents(), (t = this._dialogContentElement) == null || t.addEventListener("scroll", () => this._onContentScroll(), {
+        passive: !0,
+        signal: this.openOverlayController.signal
+      }), window.addEventListener("resize", () => this._setHideHeaderDataAttribute(!1), {
+        signal: this.openOverlayController.signal
+      });
+    }
+    // Wait for dialog transition to complete.
+    // 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.
+    onOverlayAnimationEnd(t) {
+      var e, n, d;
+      t.animationName === "open" && this.state === "opening" ? (this.state = "opened", this.didOpen.emit(), this.inertController.activate(), this.attachOpenOverlayEvents(), this.setOverlayFocus(), setTimeout(() => {
+        var p;
+        return this.setAriaLiveRefContent(this.accessibilityLabel || ((p = this._dialogTitleElement) == null ? void 0 : p.innerText.trim()));
+      }), this.focusHandler.trap(this)) : t.animationName === "close" && this.state === "closing" && (this._setHideHeaderDataAttribute(!1), (e = this._dialogContentElement) == null || e.scrollTo(0, 0), this.state = "closed", this.inertController.deactivate(), E(this.lastFocusedElement), (n = this.lastFocusedElement) == null || n.focus(), (d = this.openOverlayController) == null || d.abort(), this.focusHandler.disconnect(), this._dialogContentElement && this._dialogContentResizeObserver.unobserve(this._dialogContentElement), this.removeInstanceFromGlobalCollection(), k.length || this.scrollHandler.enableScroll(), this.didClose.emit({
+        returnValue: this.returnValue,
+        closeTarget: this.overlayCloseElement
+      }));
+    }
+    // Set focus on the first focusable element.
+    setOverlayFocus() {
+      const t = O(Array.from(this.children).filter((e) => e instanceof window.HTMLElement));
+      E(t), t == null || t.focus();
+    }
+    _syncNegative() {
+      this._dialogTitleElement && (this._dialogTitleElement.negative = this.negative), this._dialogActionsElement && this._dialogActionsElement.toggleAttribute("data-negative", this.negative);
+    }
+    _onContentScroll() {
+      if (!this._dialogContentElement || this.dataset.hideHeader === void 0 && this._dialogContentElement.clientHeight + this._dialogTitleHeight >= this._dialogContentElement.scrollHeight)
+        return;
+      const e = this._dialogContentElement.scrollTop;
+      Math.round(e + this._dialogContentElement.clientHeight) >= this._dialogContentElement.scrollHeight || (e > 0 && this._lastScroll < e ? this._setHideHeaderDataAttribute(!0) : this._setHideHeaderDataAttribute(!1), this._lastScroll = e <= 0 ? 0 : e);
+    }
+    _setDialogHeaderHeight() {
+      var t;
+      this._dialogTitleHeight = (t = this._dialogTitleElement) == null ? void 0 : t.shadowRoot.firstElementChild.clientHeight, this.style.setProperty("--sbb-dialog-header-height", `${this._dialogTitleHeight}px`);
+    }
+    _onContentResize() {
+      var t, e;
+      this._setDialogHeaderHeight(), this._overflows = this._dialogContentElement ? ((t = this._dialogContentElement) == null ? void 0 : t.scrollHeight) > ((e = this._dialogContentElement) == null ? void 0 : e.clientHeight) : !1, this._setOverflowsDataAttribute();
+    }
+    _setHideHeaderDataAttribute(t) {
+      var d;
+      const e = ((d = this._dialogTitleElement) == null ? void 0 : d.hideOnScroll) ?? !1, n = typeof e == "boolean" ? e : T("zero", e, { includeMaxBreakpoint: !0 });
+      this.toggleAttribute("data-hide-header", n ? t : !1), this._dialogTitleElement && this._dialogTitleElement.toggleAttribute("data-hide-header", n ? t : !1);
+    }
+    _setOverflowsDataAttribute() {
+      var t, e;
+      this.toggleAttribute("data-overflows", this._overflows), (t = this._dialogTitleElement) == null || t.toggleAttribute("data-overflows", this._overflows), (e = this._dialogActionsElement) == null || e.toggleAttribute("data-overflows", this._overflows);
+    }
+    render() {
+      return H`
       <div class="sbb-dialog__container">
         <div
           @animationend=${(t) => this.onOverlayAnimationEnd(t)}
@@ -119,15 +126,14 @@ let y = 0, s = class extends u {
       </div>
       <sbb-screen-reader-only aria-live="polite"></sbb-screen-reader-only>
     `;
-  }
-};
-s.styles = _;
-b([
-  c({ attribute: "backdrop-action" })
-], s.prototype, "backdropAction", 2);
-s = b([
-  g("sbb-dialog")
-], s);
+    }
+  }, r = new WeakMap(), s = l, (() => {
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(h[Symbol.metadata] ?? null) : void 0;
+    g = [A({ attribute: "backdrop-action" })], y(l, null, g, { kind: "accessor", name: "backdropAction", static: !1, private: !1, access: { has: (e) => "backdropAction" in e, get: (e) => e.backdropAction, set: (e, n) => {
+      e.backdropAction = n;
+    } }, metadata: t }, m, v), y(null, a = { value: s }, i, { 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 });
+  })(), l.styles = z, c(s, o), s;
+})();
 export {
-  s as SbbDialogElement
+  Y as SbbDialogElement
 };

package/divider/divider.d.ts

@@ -7,7 +7,7 @@ declare const SbbDividerElement_base: import('../core/mixins.js').AbstractConstr
 export declare class SbbDividerElement extends SbbDividerElement_base {
     static styles: CSSResultGroup;
     /** Orientation property with possible values 'horizontal' | 'vertical'. Defaults to horizontal. */
-    orientation: SbbOrientation;
+    accessor orientation: SbbOrientation;
     protected willUpdate(changedProperties: PropertyValues<this>): void;
     protected render(): TemplateResult;
 }

package/divider/divider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../src/elements/divider/divider.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAIvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;;AAK5D;;GAEG;AACH,qBAIa,iBAAkB,SAAQ,sBAA4B;IACjE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,mGAAmG;IAC/D,WAAW,EAAE,cAAc,CAAgB;cAE5D,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAQzD,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,aAAa,EAAE,iBAAiB,CAAC;KAClC;CACF"}
+{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../src/elements/divider/divider.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAIvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;;AAK5D;;GAEG;AACH,qBAKM,iBAAkB,SAAQ,sBAA4B;IAC1D,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,mGAAmG;IACnG,SAA6C,WAAW,EAAE,cAAc,CAAgB;cAErE,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAQzD,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,aAAa,EAAE,iBAAiB,CAAC;KAClC;CACF"}

package/divider.js

@@ -1,34 +1,45 @@
-import { css as a, LitElement as n, html as v } from "lit";
-import { property as h, customElement as p } from "lit/decorators.js";
-import { hostAttributes as c } from "./core/decorators.js";
-import { SbbNegativeMixin as f } from "./core/mixins.js";
-const m = a`*,:before,:after{box-sizing:border-box}:host{--sbb-divider-color: var(--sbb-color-cloud);--sbb-divider-border-width: var(--sbb-border-width-1x);display:block}:host([orientation=vertical]){height:100%}:host([negative]){--sbb-divider-color: var(--sbb-color-iron)}:host([orientation=horizontal]) .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)}`;
-var u = Object.defineProperty, w = Object.getOwnPropertyDescriptor, l = (t, i, s, e) => {
-  for (var r = e > 1 ? void 0 : e ? w(i, s) : i, b = t.length - 1, d; b >= 0; b--)
-    (d = t[b]) && (r = (e ? d(i, s, r) : d(r)) || r);
-  return e && r && u(i, s, r), r;
+var v = (t) => {
+  throw TypeError(t);
 };
-let o = class extends f(n) {
-  constructor() {
-    super(...arguments), this.orientation = "horizontal";
-  }
-  willUpdate(t) {
-    super.willUpdate(t), t.has("orientation") && this.setAttribute("aria-orientation", this.orientation);
-  }
-  render() {
-    return v` <div class="sbb-divider"></div> `;
-  }
-};
-o.styles = m;
-l([
-  h({ reflect: !0 })
-], o.prototype, "orientation", 2);
-o = l([
-  p("sbb-divider"),
-  c({
+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 n } from "tslib";
+import { css as g, LitElement as x, html as w } from "lit";
+import { customElement as z, property as S } from "lit/decorators.js";
+import { hostAttributes as D } from "./core/decorators.js";
+import { SbbNegativeMixin as E } from "./core/mixins.js";
+const k = g`*,:before,:after{box-sizing:border-box}:host{--sbb-divider-color: var(--sbb-color-cloud);--sbb-divider-border-width: var(--sbb-border-width-1x);display:block}:host([orientation=vertical]){height:100%}:host([negative]){--sbb-divider-color: var(--sbb-color-iron)}:host([orientation=horizontal]) .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 N = (() => {
+  var s, a;
+  let t = [z("sbb-divider"), D({
     role: "separator"
-  })
-], o);
+  })], e, i = [], r, b = E(x), d, c = [], m = [];
+  return a = class extends b {
+    constructor() {
+      super(...arguments);
+      p(this, s, n(this, c, "horizontal"));
+      n(this, m);
+    }
+    /** Orientation property with possible values 'horizontal' | 'vertical'. Defaults to horizontal. */
+    get orientation() {
+      return u(this, s);
+    }
+    set orientation(o) {
+      _(this, s, o);
+    }
+    willUpdate(o) {
+      super.willUpdate(o), o.has("orientation") && this.setAttribute("aria-orientation", this.orientation);
+    }
+    render() {
+      return w` <div class="sbb-divider"></div> `;
+    }
+  }, s = new WeakMap(), r = a, (() => {
+    const o = typeof Symbol == "function" && Symbol.metadata ? Object.create(b[Symbol.metadata] ?? null) : void 0;
+    d = [S({ reflect: !0 })], f(a, null, d, { kind: "accessor", name: "orientation", static: !1, private: !1, access: { has: (l) => "orientation" in l, get: (l) => l.orientation, set: (l, y) => {
+      l.orientation = y;
+    } }, metadata: o }, c, 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.styles = k, n(r, i), r;
+})();
 export {
-  o as SbbDividerElement
+  N as SbbDividerElement
 };

package/expansion-panel/expansion-panel/expansion-panel.d.ts

@@ -19,9 +19,9 @@ export declare class SbbExpansionPanelElement extends SbbExpansionPanelElement_b
         readonly didClose: "didClose";
     };
     /** Heading level; if unset, a `div` will be rendered. */
-    titleLevel?: SbbTitleLevel | null;
+    accessor titleLevel: SbbTitleLevel | null;
     /** The background color of the panel. */
-    color: 'white' | 'milk';
+    accessor color: 'white' | 'milk';
     /** Whether the panel is expanded. */
     set expanded(value: boolean);
     get expanded(): boolean;
@@ -31,9 +31,9 @@ export declare class SbbExpansionPanelElement extends SbbExpansionPanelElement_b
     get disabled(): boolean;
     private _disabled;
     /** Whether the panel has no border. */
-    borderless: boolean;
+    accessor borderless: boolean;
     /** Size variant, either l or s. */
-    size: 's' | 'l';
+    accessor size: 's' | 'l';
     /**
      * The state of the notification.
      */

package/expansion-panel/expansion-panel/expansion-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"expansion-panel.d.ts","sourceRoot":"","sources":["../../../../src/elements/expansion-panel/expansion-panel/expansion-panel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAQjC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;;AAQpD;;;;;;;;GAQG;AACH,qBACa,wBAAyB,SAAQ,6BAA6B;IACzE,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;;;MAKlB;IAEX,yDAAyD;IACV,UAAU,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAEjF,yCAAyC;IACtB,KAAK,EAAE,OAAO,GAAG,MAAM,CAAW;IAErD,qCAAqC;IACrC,IACW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAGjC;IACD,IAAW,QAAQ,IAAI,OAAO,CAE7B;IACD,OAAO,CAAC,SAAS,CAAkB;IAEnC,6EAA6E;IAC7E,IACW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAGjC;IACD,IAAW,QAAQ,IAAI,OAAO,CAE7B;IACD,OAAO,CAAC,SAAS,CAAkB;IAEnC,uCAAuC;IACY,UAAU,UAAS;IAEtE,mCAAmC;IACC,IAAI,EAAE,GAAG,GAAG,GAAG,CAAO;IAE1D;;OAEG;IACH,OAAO,KAAK,MAAM,QAEjB;IACD,OAAO,KAAK,MAAM,GAEjB;IAED,8EAA8E;IAC9E,OAAO,CAAC,SAAS,CAGf;IAEF,0DAA0D;IAC1D,OAAO,CAAC,QAAQ,CAGd;IAEF,8EAA8E;IAC9E,OAAO,CAAC,UAAU,CAGhB;IAEF,0DAA0D;IAC1D,OAAO,CAAC,SAAS,CAGf;IAEF,OAAO,CAAC,cAAc,CAAkB;IACxC,OAAO,CAAC,UAAU,CAAC,CAAiC;IACpD,OAAO,CAAC,WAAW,CAAC,CAAkC;IACtD,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,YAAY,CAAkB;IAEtB,iBAAiB,IAAI,IAAI;cAOtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAS5D,oBAAoB,IAAI,IAAI;cAKzB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAM9E,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,iBAAiB;IAWzB,OAAO,CAAC,KAAK;IAUb,OAAO,CAAC,MAAM;IAKd,OAAO,CAAC,uBAAuB;IAM/B,OAAO,CAAC,iBAAiB;IAmCzB,OAAO,CAAC,eAAe;cAUJ,MAAM,IAAI,cAAc;CAkB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,qBAAqB,EAAE,wBAAwB,CAAC;KACjD;CACF"}
+{"version":3,"file":"expansion-panel.d.ts","sourceRoot":"","sources":["../../../../src/elements/expansion-panel/expansion-panel/expansion-panel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AASjC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;;AAQpD;;;;;;;;GAQG;AACH,qBAEM,wBAAyB,SAAQ,6BAA6B;IAClE,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;;;MAKlB;IAEX,yDAAyD;IACzD,SAAwD,UAAU,EAAE,aAAa,GAAG,IAAI,CAAQ;IAEhG,yCAAyC;IACzC,SAA4B,KAAK,EAAE,OAAO,GAAG,MAAM,CAAW;IAE9D,qCAAqC;IACrC,IACW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAGjC;IACD,IAAW,QAAQ,IAAI,OAAO,CAE7B;IACD,OAAO,CAAC,SAAS,CAAkB;IAEnC,6EAA6E;IAC7E,IACW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAGjC;IACD,IAAW,QAAQ,IAAI,OAAO,CAE7B;IACD,OAAO,CAAC,SAAS,CAAkB;IAEnC,uCAAuC;IACvC,SAEgB,UAAU,EAAE,OAAO,CAAS;IAE5C,mCAAmC;IACnC,SAA6C,IAAI,EAAE,GAAG,GAAG,GAAG,CAAO;IAEnE;;OAEG;IACH,OAAO,KAAK,MAAM,QAEjB;IACD,OAAO,KAAK,MAAM,GAEjB;IAED,8EAA8E;IAC9E,OAAO,CAAC,SAAS,CAGf;IAEF,0DAA0D;IAC1D,OAAO,CAAC,QAAQ,CAGd;IAEF,8EAA8E;IAC9E,OAAO,CAAC,UAAU,CAGhB;IAEF,0DAA0D;IAC1D,OAAO,CAAC,SAAS,CAGf;IAEF,OAAO,CAAC,cAAc,CAAkB;IACxC,OAAO,CAAC,UAAU,CAAC,CAAiC;IACpD,OAAO,CAAC,WAAW,CAAC,CAAkC;IACtD,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,YAAY,CAAkB;IAEtB,iBAAiB,IAAI,IAAI;cAOtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAS5D,oBAAoB,IAAI,IAAI;cAKzB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAM9E,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,iBAAiB;IAWzB,OAAO,CAAC,KAAK;IAUb,OAAO,CAAC,MAAM;IAKd,OAAO,CAAC,uBAAuB;IAM/B,OAAO,CAAC,iBAAiB;IAmCzB,OAAO,CAAC,eAAe;cAUJ,MAAM,IAAI,cAAc;CAkB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,qBAAqB,EAAE,wBAAwB,CAAC;KACjD;CACF"}