@sbb-esta/lyne-elements 2.8.0 → 2.10.0

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

@@ -0,0 +1,78 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { css, LitElement, html } from "lit";
+import { customElement } from "lit/decorators.js";
+import { forwardEvent } from "../../core/eventing.js";
+const style = css`*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  display: contents;
+}
+
+.sbb-dialog-content {
+  --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
+}
+.sbb-dialog-content::-webkit-scrollbar {
+  width: var(--sbb-scrollbar-width);
+  height: var(--sbb-scrollbar-width);
+  background-color: var(--sbb-scrollbar-track-color, transparent);
+}
+.sbb-dialog-content::-webkit-scrollbar-corner {
+  background-color: var(--sbb-scrollbar-track-color, transparent);
+}
+.sbb-dialog-content::-webkit-scrollbar-thumb {
+  background-color: var(--sbb-scrollbar-color, currentcolor);
+  border: calc(0.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;
+  border-radius: var(--sbb-border-radius-4x);
+  background-clip: padding-box;
+}
+.sbb-dialog-content::-webkit-scrollbar-thumb:hover {
+  background-color: var(--sbb-scrollbar-color-hover, currentcolor);
+  border-width: calc(0.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)));
+}
+.sbb-dialog-content::-webkit-scrollbar-button, .sbb-dialog-content::-webkit-scrollbar-corner {
+  display: none;
+}
+@supports not selector(::-webkit-scrollbar) {
+  .sbb-dialog-content {
+    scrollbar-width: var(--sbb-scrollbar-width-firefox);
+    scrollbar-color: var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent);
+  }
+}
+.sbb-dialog-content {
+  padding-inline: var(--sbb-dialog-padding-inline);
+  padding-block: var(--sbb-dialog-padding-block);
+  overflow: auto;
+  margin-block: var(--sbb-dialog-header-margin-block-start) 0;
+  transition: margin var(--sbb-dialog-animation-duration) var(--sbb-dialog-animation-easing);
+}`;
+let SbbDialogContentElement = (() => {
+  var _a;
+  let _classDecorators = [customElement("sbb-dialog-content")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = LitElement;
+  _a = class extends _classSuper {
+    render() {
+      return html`
+      <div class="sbb-dialog-content" @scroll=${(e) => forwardEvent(e, document)}>
+        <slot></slot>
+      </div>
+    `;
+    }
+  }, _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    __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 = style, __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbDialogContentElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWNvbnRlbnQuY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvZGlhbG9nL2RpYWxvZy1jb250ZW50L2RpYWxvZy1jb250ZW50LmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBodG1sLCBMaXRFbGVtZW50IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IGZvcndhcmRFdmVudCB9IGZyb20gJy4uLy4uL2NvcmUvZXZlbnRpbmcuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9kaWFsb2ctY29udGVudC5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIFVzZSB0aGlzIGNvbXBvbmVudCB0byBwcm92aWRlIGEgY29udGVudCBmb3IgYW4gYHNiYi1kaWFsb2dgLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gcHJvdmlkZSBhIGRpYWxvZyBjb250ZW50LlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItZGlhbG9nLWNvbnRlbnQnKVxuY2xhc3MgU2JiRGlhbG9nQ29udGVudEVsZW1lbnQgZXh0ZW5kcyBMaXRFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2IGNsYXNzPVwic2JiLWRpYWxvZy1jb250ZW50XCIgQHNjcm9sbD0keyhlOiBFdmVudCkgPT4gZm9yd2FyZEV2ZW50KGUsIGRvY3VtZW50KX0+XG4gICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgIDwvZGl2PlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1kaWFsb2ctY29udGVudCc6IFNiYkRpYWxvZ0NvbnRlbnRFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBZU0sMkJBQXVCLE1BQUE7OzBCQUQ1QixjQUFjLG9CQUFvQixDQUFDOzs7O29CQUNFO0FBQVIsRUFBQSxtQkFBUSxZQUFVO0FBQUEsSUFHM0IsU0FBTTtBQUNoQixhQUFBO0FBQUEsZ0RBQ3FDLENBQUMsTUFBYSxhQUFhLEdBQUcsUUFBUSxDQUFDO0FBQUE7QUFBQTtBQUFBO0FBQUEsSUFBQTtBQUFBOztBQUx2RixpQkFVQyxNQUFBLG1CQUFBLEVBQUEsT0FBQSxXQUFBLEdBQUEsa0JBQUEsRUFBQSxNQUFBLFNBQUEsTUFBQSxXQUFBLE1BQUEsVUFBQSxVQUFBLEdBQUEsTUFBQSx1QkFBQTs7O1FBVHdCLEdBQU0sU0FBbUIsT0FENUMsa0JBQXVCLFlBQUEsdUJBQUEsR0FBQzs7OyJ9

package/development/dialog/dialog-content.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './dialog-content/dialog-content.js';
+export * from './dialog-content/dialog-content.component.js';
 //# sourceMappingURL=dialog-content.d.ts.map

package/development/dialog/dialog-content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog-content.d.ts","sourceRoot":"","sources":["../../../../src/elements/dialog/dialog-content.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,oCAAoC,CAAC"}
+{"version":3,"file":"dialog-content.d.ts","sourceRoot":"","sources":["../../../../src/elements/dialog/dialog-content.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,8CAA8C,CAAC"}

package/development/dialog/dialog-content.js

@@ -1,4 +1,4 @@
-import { SbbDialogContentElement } from "./dialog-content/dialog-content.js";
+import { SbbDialogContentElement } from "./dialog-content/dialog-content.component.js";
 export {
   SbbDialogContentElement
 };

package/development/dialog/dialog-title/dialog-title.component.d.ts

@@ -0,0 +1,43 @@
+import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
+import { Breakpoint } from '../../core/dom.js';
+import { SbbTitleBase } from '../../title.js';
+declare const SbbDialogTitleElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNegativeMixinType> & typeof SbbTitleBase;
+/**
+ * It displays a title inside a dialog header.
+ *
+ * @event {CustomEvent<void>} requestBackAction - Emits whenever the back button is clicked.
+ */
+export declare class SbbDialogTitleElement extends SbbDialogTitleElement_base {
+    static styles: CSSResultGroup;
+    static readonly events: Record<string, string>;
+    /**
+     * Whether a back button is displayed next to the title.
+     */
+    accessor backButton: boolean;
+    /**
+     * This will be forwarded as aria-label to the close button element.
+     */
+    accessor accessibilityCloseLabel: string;
+    /**
+     * This will be forwarded as aria-label to the back button element.
+     */
+    accessor accessibilityBackLabel: string;
+    /**
+     * Whether to hide the title up to a certain breakpoint.
+     */
+    set hideOnScroll(value: '' | Breakpoint | boolean);
+    get hideOnScroll(): Breakpoint | boolean;
+    private _hideOnScroll;
+    private _backClick;
+    private _language;
+    constructor();
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-dialog-title': SbbDialogTitleElement;
+    }
+}
+export {};
+//# sourceMappingURL=dialog-title.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-title.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/dialog/dialog-title/dialog-title.component.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;AAIpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAI9C,OAAO,kCAAkC,CAAC;AAC1C,OAAO,oCAAoC,CAAC;;AAE5C;;;;GAIG;AACH,qBAEM,qBAAsB,SAAQ,0BAA8B;IAChE,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;;cASjC,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/development/dialog/dialog-title/dialog-title.component.js

@@ -0,0 +1,211 @@
+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, nothing } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { unsafeStatic, html } from "lit/static-html.js";
+import { SbbFocusVisibleWithinController } from "../../core/a11y.js";
+import { SbbLanguageController } from "../../core/controllers.js";
+import { forceType } from "../../core/decorators.js";
+import { EventEmitter } from "../../core/eventing.js";
+import { i18nCloseDialog, i18nGoBack } from "../../core/i18n.js";
+import { SbbNegativeMixin } from "../../core/mixins.js";
+import { SbbTitleBase } from "../../title.js";
+import "../../button/secondary-button.js";
+import "../../button/transparent-button.js";
+const style = css`:host {
+  --sbb-dialog-title-padding-block: var(--sbb-spacing-responsive-s) 0;
+  display: contents;
+}
+
+:host([negative]) {
+  --sbb-title-text-color-normal: var(--sbb-color-milk);
+}
+
+:host([data-overflows]) {
+  --sbb-dialog-title-padding-block: var(--sbb-spacing-responsive-s);
+}
+
+.sbb-title {
+  flex: 1;
+  overflow: hidden;
+  align-self: center;
+  hyphens: auto;
+  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: calc(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 SbbDialogTitleElement = (() => {
+  var _backButton_accessor_storage, _accessibilityCloseLabel_accessor_storage, _accessibilityBackLabel_accessor_storage, _a;
+  let _classDecorators = [customElement("sbb-dialog-title")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbNegativeMixin(SbbTitleBase);
+  let _instanceExtraInitializers = [];
+  let _backButton_decorators;
+  let _backButton_initializers = [];
+  let _backButton_extraInitializers = [];
+  let _accessibilityCloseLabel_decorators;
+  let _accessibilityCloseLabel_initializers = [];
+  let _accessibilityCloseLabel_extraInitializers = [];
+  let _accessibilityBackLabel_decorators;
+  let _accessibilityBackLabel_initializers = [];
+  let _accessibilityBackLabel_extraInitializers = [];
+  let _set_hideOnScroll_decorators;
+  var SbbDialogTitleElement2 = (_a = class extends _classSuper {
+    constructor() {
+      super();
+      __privateAdd(this, _backButton_accessor_storage);
+      __privateAdd(this, _accessibilityCloseLabel_accessor_storage);
+      __privateAdd(this, _accessibilityBackLabel_accessor_storage);
+      __privateSet(this, _backButton_accessor_storage, (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _backButton_initializers, false)));
+      __privateSet(this, _accessibilityCloseLabel_accessor_storage, (__runInitializers(this, _backButton_extraInitializers), __runInitializers(this, _accessibilityCloseLabel_initializers, "")));
+      __privateSet(this, _accessibilityBackLabel_accessor_storage, (__runInitializers(this, _accessibilityCloseLabel_extraInitializers), __runInitializers(this, _accessibilityBackLabel_initializers, "")));
+      this._hideOnScroll = (__runInitializers(this, _accessibilityBackLabel_extraInitializers), false);
+      this._backClick = new EventEmitter(this, SbbDialogTitleElement2.events.backClick);
+      this._language = new SbbLanguageController(this);
+      this.level = "2";
+      this.visualLevel = "3";
+      this.addController(new SbbFocusVisibleWithinController(this));
+    }
+    /**
+     * Whether a back button is displayed next to the title.
+     */
+    get backButton() {
+      return __privateGet(this, _backButton_accessor_storage);
+    }
+    set backButton(value) {
+      __privateSet(this, _backButton_accessor_storage, value);
+    }
+    /**
+     * This will be forwarded as aria-label to the close button element.
+     */
+    get accessibilityCloseLabel() {
+      return __privateGet(this, _accessibilityCloseLabel_accessor_storage);
+    }
+    set accessibilityCloseLabel(value) {
+      __privateSet(this, _accessibilityCloseLabel_accessor_storage, value);
+    }
+    /**
+     * This will be forwarded as aria-label to the back button element.
+     */
+    get accessibilityBackLabel() {
+      return __privateGet(this, _accessibilityBackLabel_accessor_storage);
+    }
+    set accessibilityBackLabel(value) {
+      __privateSet(this, _accessibilityBackLabel_accessor_storage, value);
+    }
+    /**
+     * Whether to hide the title up to a certain breakpoint.
+     */
+    set hideOnScroll(value) {
+      this._hideOnScroll = value === "" ? true : value;
+    }
+    get hideOnScroll() {
+      return this._hideOnScroll;
+    }
+    willUpdate(changedProperties) {
+      super.willUpdate(changedProperties);
+      if (changedProperties.has("backButton") || changedProperties.has("accessibilityBackLabel")) {
+        this.backButton = !this.backButton && !!this.accessibilityBackLabel ? true : this.backButton;
+      }
+    }
+    render() {
+      const TAG_NAME = this.negative ? "sbb-transparent-button" : "sbb-secondary-button";
+      const closeButton = html`
+      <${unsafeStatic(TAG_NAME)}
+        class="sbb-dialog__close"
+        aria-label=${this.accessibilityCloseLabel || i18nCloseDialog[this._language.current]}
+        ?negative=${this.negative}
+        size="m"
+        type="button"
+        icon-name="cross-small"
+        sbb-dialog-close
+      ></${unsafeStatic(TAG_NAME)}>
+    `;
+      const backButton = html`
+      <${unsafeStatic(TAG_NAME)}
+        class="sbb-dialog__back"
+        aria-label=${this.accessibilityBackLabel || i18nGoBack[this._language.current]}
+        ?negative=${this.negative}
+        size="m"
+        type="button"
+        icon-name="chevron-small-left-small"
+        @click=${() => this._backClick.emit()}
+      ></${unsafeStatic(TAG_NAME)}>
+    `;
+      return html`
+      <div class="sbb-dialog__header">
+        ${this.backButton ? backButton : nothing} ${super.render()} ${closeButton}
+      </div>
+    `;
+    }
+  }, _backButton_accessor_storage = new WeakMap(), _accessibilityCloseLabel_accessor_storage = new WeakMap(), _accessibilityBackLabel_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _backButton_decorators = [forceType(), property({ attribute: "back-button", type: Boolean })];
+    _accessibilityCloseLabel_decorators = [forceType(), property({ attribute: "accessibility-close-label" })];
+    _accessibilityBackLabel_decorators = [forceType(), property({ attribute: "accessibility-back-label" })];
+    _set_hideOnScroll_decorators = [property({ attribute: "hide-on-scroll" })];
+    __esDecorate(_a, null, _backButton_decorators, { kind: "accessor", name: "backButton", static: false, private: false, access: { has: (obj) => "backButton" in obj, get: (obj) => obj.backButton, set: (obj, value) => {
+      obj.backButton = value;
+    } }, metadata: _metadata }, _backButton_initializers, _backButton_extraInitializers);
+    __esDecorate(_a, null, _accessibilityCloseLabel_decorators, { kind: "accessor", name: "accessibilityCloseLabel", static: false, private: false, access: { has: (obj) => "accessibilityCloseLabel" in obj, get: (obj) => obj.accessibilityCloseLabel, set: (obj, value) => {
+      obj.accessibilityCloseLabel = value;
+    } }, metadata: _metadata }, _accessibilityCloseLabel_initializers, _accessibilityCloseLabel_extraInitializers);
+    __esDecorate(_a, null, _accessibilityBackLabel_decorators, { kind: "accessor", name: "accessibilityBackLabel", static: false, private: false, access: { has: (obj) => "accessibilityBackLabel" in obj, get: (obj) => obj.accessibilityBackLabel, set: (obj, value) => {
+      obj.accessibilityBackLabel = value;
+    } }, metadata: _metadata }, _accessibilityBackLabel_initializers, _accessibilityBackLabel_extraInitializers);
+    __esDecorate(_a, null, _set_hideOnScroll_decorators, { kind: "setter", name: "hideOnScroll", static: false, private: false, access: { has: (obj) => "hideOnScroll" in obj, set: (obj, value) => {
+      obj.hideOnScroll = value;
+    } }, metadata: _metadata }, null, _instanceExtraInitializers);
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    SbbDialogTitleElement2 = _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.styles = [SbbTitleBase.styles, style], _a.events = {
+    backClick: "requestBackAction"
+  }, __runInitializers(_classThis, _classExtraInitializers), _a);
+  return SbbDialogTitleElement2 = _classThis;
+})();
+export {
+  SbbDialogTitleElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLXRpdGxlLmNvbXBvbmVudC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2RpYWxvZy9kaWFsb2ctdGl0bGUvZGlhbG9nLXRpdGxlLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBQcm9wZXJ0eVZhbHVlcywgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgbm90aGluZyB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IGh0bWwsIHVuc2FmZVN0YXRpYyB9IGZyb20gJ2xpdC9zdGF0aWMtaHRtbC5qcyc7XG5cbmltcG9ydCB7IFNiYkZvY3VzVmlzaWJsZVdpdGhpbkNvbnRyb2xsZXIgfSBmcm9tICcuLi8uLi9jb3JlL2ExMXkuanMnO1xuaW1wb3J0IHsgU2JiTGFuZ3VhZ2VDb250cm9sbGVyIH0gZnJvbSAnLi4vLi4vY29yZS9jb250cm9sbGVycy5qcyc7XG5pbXBvcnQgeyBmb3JjZVR5cGUgfSBmcm9tICcuLi8uLi9jb3JlL2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHR5cGUgeyBCcmVha3BvaW50IH0gZnJvbSAnLi4vLi4vY29yZS9kb20uanMnO1xuaW1wb3J0IHsgRXZlbnRFbWl0dGVyIH0gZnJvbSAnLi4vLi4vY29yZS9ldmVudGluZy5qcyc7XG5pbXBvcnQgeyBpMThuQ2xvc2VEaWFsb2csIGkxOG5Hb0JhY2sgfSBmcm9tICcuLi8uLi9jb3JlL2kxOG4uanMnO1xuaW1wb3J0IHsgU2JiTmVnYXRpdmVNaXhpbiB9IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLmpzJztcbmltcG9ydCB7IFNiYlRpdGxlQmFzZSB9IGZyb20gJy4uLy4uL3RpdGxlLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vZGlhbG9nLXRpdGxlLnNjc3M/bGl0JmlubGluZSc7XG5cbmltcG9ydCAnLi4vLi4vYnV0dG9uL3NlY29uZGFyeS1idXR0b24uanMnO1xuaW1wb3J0ICcuLi8uLi9idXR0b24vdHJhbnNwYXJlbnQtYnV0dG9uLmpzJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBhIHRpdGxlIGluc2lkZSBhIGRpYWxvZyBoZWFkZXIuXG4gKlxuICogQGV2ZW50IHtDdXN0b21FdmVudDx2b2lkPn0gcmVxdWVzdEJhY2tBY3Rpb24gLSBFbWl0cyB3aGVuZXZlciB0aGUgYmFjayBidXR0b24gaXMgY2xpY2tlZC5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLWRpYWxvZy10aXRsZScpXG5jbGFzcyBTYmJEaWFsb2dUaXRsZUVsZW1lbnQgZXh0ZW5kcyBTYmJOZWdhdGl2ZU1peGluKFNiYlRpdGxlQmFzZSkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbU2JiVGl0bGVCYXNlLnN0eWxlcywgc3R5bGVdO1xuICBwdWJsaWMgc3RhdGljIHJlYWRvbmx5IGV2ZW50czogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9IHtcbiAgICBiYWNrQ2xpY2s6ICdyZXF1ZXN0QmFja0FjdGlvbicsXG4gIH0gYXMgY29uc3Q7XG5cbiAgLyoqXG4gICAqIFdoZXRoZXIgYSBiYWNrIGJ1dHRvbiBpcyBkaXNwbGF5ZWQgbmV4dCB0byB0aGUgdGl0bGUuXG4gICAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnYmFjay1idXR0b24nLCB0eXBlOiBCb29sZWFuIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBiYWNrQnV0dG9uOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIFRoaXMgd2lsbCBiZSBmb3J3YXJkZWQgYXMgYXJpYS1sYWJlbCB0byB0aGUgY2xvc2UgYnV0dG9uIGVsZW1lbnQuXG4gICAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnYWNjZXNzaWJpbGl0eS1jbG9zZS1sYWJlbCcgfSlcbiAgcHVibGljIGFjY2Vzc29yIGFjY2Vzc2liaWxpdHlDbG9zZUxhYmVsOiBzdHJpbmcgPSAnJztcblxuICAvKipcbiAgICogVGhpcyB3aWxsIGJlIGZvcndhcmRlZCBhcyBhcmlhLWxhYmVsIHRvIHRoZSBiYWNrIGJ1dHRvbiBlbGVtZW50LlxuICAgKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ2FjY2Vzc2liaWxpdHktYmFjay1sYWJlbCcgfSlcbiAgcHVibGljIGFjY2Vzc29yIGFjY2Vzc2liaWxpdHlCYWNrTGFiZWw6IHN0cmluZyA9ICcnO1xuXG4gIC8qKlxuICAgKiBXaGV0aGVyIHRvIGhpZGUgdGhlIHRpdGxlIHVwIHRvIGEgY2VydGFpbiBicmVha3BvaW50LlxuICAgKi9cbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnaGlkZS1vbi1zY3JvbGwnIH0pXG4gIHB1YmxpYyBzZXQgaGlkZU9uU2Nyb2xsKHZhbHVlOiAnJyB8IEJyZWFrcG9pbnQgfCBib29sZWFuKSB7XG4gICAgdGhpcy5faGlkZU9uU2Nyb2xsID0gdmFsdWUgPT09ICcnID8gdHJ1ZSA6IHZhbHVlO1xuICB9XG4gIHB1YmxpYyBnZXQgaGlkZU9uU2Nyb2xsKCk6IEJyZWFrcG9pbnQgfCBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5faGlkZU9uU2Nyb2xsO1xuICB9XG4gIHByaXZhdGUgX2hpZGVPblNjcm9sbDogQnJlYWtwb2ludCB8IGJvb2xlYW4gPSBmYWxzZTtcblxuICBwcml2YXRlIF9iYWNrQ2xpY2s6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcihcbiAgICB0aGlzLFxuICAgIFNiYkRpYWxvZ1RpdGxlRWxlbWVudC5ldmVudHMuYmFja0NsaWNrLFxuICApO1xuICBwcml2YXRlIF9sYW5ndWFnZSA9IG5ldyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIodGhpcyk7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5sZXZlbCA9ICcyJztcbiAgICB0aGlzLnZpc3VhbExldmVsID0gJzMnO1xuICAgIHRoaXMuYWRkQ29udHJvbGxlcihuZXcgU2JiRm9jdXNWaXNpYmxlV2l0aGluQ29udHJvbGxlcih0aGlzKSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgd2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiB2b2lkIHtcbiAgICBzdXBlci53aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2JhY2tCdXR0b24nKSB8fCBjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2FjY2Vzc2liaWxpdHlCYWNrTGFiZWwnKSkge1xuICAgICAgdGhpcy5iYWNrQnV0dG9uID0gIXRoaXMuYmFja0J1dHRvbiAmJiAhIXRoaXMuYWNjZXNzaWJpbGl0eUJhY2tMYWJlbCA/IHRydWUgOiB0aGlzLmJhY2tCdXR0b247XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgY29uc3QgVEFHX05BTUUgPSB0aGlzLm5lZ2F0aXZlID8gJ3NiYi10cmFuc3BhcmVudC1idXR0b24nIDogJ3NiYi1zZWNvbmRhcnktYnV0dG9uJztcblxuICAgIC8qIGVzbGludC1kaXNhYmxlIGxpdC9iaW5kaW5nLXBvc2l0aW9ucyAqL1xuICAgIGNvbnN0IGNsb3NlQnV0dG9uID0gaHRtbGBcbiAgICAgIDwke3Vuc2FmZVN0YXRpYyhUQUdfTkFNRSl9XG4gICAgICAgIGNsYXNzPVwic2JiLWRpYWxvZ19fY2xvc2VcIlxuICAgICAgICBhcmlhLWxhYmVsPSR7dGhpcy5hY2Nlc3NpYmlsaXR5Q2xvc2VMYWJlbCB8fCBpMThuQ2xvc2VEaWFsb2dbdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF19XG4gICAgICAgID9uZWdhdGl2ZT0ke3RoaXMubmVnYXRpdmV9XG4gICAgICAgIHNpemU9XCJtXCJcbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgIGljb24tbmFtZT1cImNyb3NzLXNtYWxsXCJcbiAgICAgICAgc2JiLWRpYWxvZy1jbG9zZVxuICAgICAgPjwvJHt1bnNhZmVTdGF0aWMoVEFHX05BTUUpfT5cbiAgICBgO1xuXG4gICAgY29uc3QgYmFja0J1dHRvbiA9IGh0bWxgXG4gICAgICA8JHt1bnNhZmVTdGF0aWMoVEFHX05BTUUpfVxuICAgICAgICBjbGFzcz1cInNiYi1kaWFsb2dfX2JhY2tcIlxuICAgICAgICBhcmlhLWxhYmVsPSR7dGhpcy5hY2Nlc3NpYmlsaXR5QmFja0xhYmVsIHx8IGkxOG5Hb0JhY2tbdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF19XG4gICAgICAgID9uZWdhdGl2ZT0ke3RoaXMubmVnYXRpdmV9XG4gICAgICAgIHNpemU9XCJtXCJcbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgIGljb24tbmFtZT1cImNoZXZyb24tc21hbGwtbGVmdC1zbWFsbFwiXG4gICAgICAgIEBjbGljaz0keygpID0+IHRoaXMuX2JhY2tDbGljay5lbWl0KCl9XG4gICAgICA+PC8ke3Vuc2FmZVN0YXRpYyhUQUdfTkFNRSl9PlxuICAgIGA7XG4gICAgLyogZXNsaW50LWVuYWJsZSBsaXQvYmluZGluZy1wb3NpdGlvbnMgKi9cblxuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi1kaWFsb2dfX2hlYWRlclwiPlxuICAgICAgICAke3RoaXMuYmFja0J1dHRvbiA/IGJhY2tCdXR0b24gOiBub3RoaW5nfSAke3N1cGVyLnJlbmRlcigpfSAke2Nsb3NlQnV0dG9ufVxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWRpYWxvZy10aXRsZSc6IFNiYkRpYWxvZ1RpdGxlRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbIlNiYkRpYWxvZ1RpdGxlRWxlbWVudCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBMEJNLHlCQUFxQixNQUFBOzswQkFEMUIsY0FBYyxrQkFBa0IsQ0FBQzs7OztvQkFDRSxpQkFBaUIsWUFBWTs7Ozs7Ozs7Ozs7O0FBQXJDQSxNQUFBQSwwQkFBQSxtQkFBUSxZQUE4QjtBQUFBLElBNkNoRSxjQUFBOztBQWxDQTtBQU9BO0FBT0E7QUF6QkkseUJBQUEsK0JBQUEsa0JBQUEsTUFBQSwwQkFBQSxHQVdrQyxrQkFBQSxNQUFBLDBCQUFBLEtBQUs7QUFPM0IseUJBQUEsNENBQUEsa0JBQUEsTUFBQSw2QkFBQSxHQUFBLGtCQUFBLE1BQUEsdUNBQWtDLEVBQUU7QUFPcEMseUJBQUEsMkNBQUEsa0JBQUEsTUFBQSwwQ0FBQSxHQUFBLGtCQUFBLE1BQUEsc0NBQWlDLEVBQUU7QUFZM0MsV0FBYSxpQkFBQSxrQkFBQSxNQUFBLHlDQUFBLEdBQXlCO0FBRXRDLFdBQUEsYUFBZ0MsSUFBSSxhQUMxQyxNQUNBQSx1QkFBc0IsT0FBTyxTQUFTO0FBRWhDLFdBQUEsWUFBWSxJQUFJLHNCQUFzQixJQUFJO0FBSWhELFdBQUssUUFBUTtBQUNiLFdBQUssY0FBYztBQUNuQixXQUFLLGNBQWMsSUFBSSxnQ0FBZ0MsSUFBSSxDQUFDO0FBQUEsSUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLElBdEM5RCxJQUFnQixhQUE0QjtBQUFBLGFBQUEsbUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFBNUMsSUFBZ0IsV0FBNEIsT0FBQTtBQUFBLHlCQUFBLDhCQUFBO0FBQUEsSUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLElBTzVDLElBQWdCLDBCQUFxQztBQUFBLGFB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

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

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './dialog-title/dialog-title.js';
+export * from './dialog-title/dialog-title.component.js';
 //# sourceMappingURL=dialog-title.d.ts.map

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

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

package/development/dialog/dialog-title.js

@@ -1,4 +1,4 @@
-import { SbbDialogTitleElement } from "./dialog-title/dialog-title.js";
+import { SbbDialogTitleElement } from "./dialog-title/dialog-title.component.js";
 export {
   SbbDialogTitleElement
 };

package/development/dialog/dialog.d.ts

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

package/development/dialog/dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../src/elements/dialog/dialog.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../src/elements/dialog/dialog.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,8BAA8B,CAAC"}

package/development/dialog/dialog.js

@@ -1,4 +1,4 @@
-import { SbbDialogElement } from "./dialog/dialog.js";
+import { SbbDialogElement } from "./dialog/dialog.component.js";
 export {
   SbbDialogElement
 };

package/development/dialog.js

@@ -1,7 +1,7 @@
-import { SbbDialogActionsElement } from "./dialog/dialog-actions/dialog-actions.js";
-import { SbbDialogContentElement } from "./dialog/dialog-content/dialog-content.js";
-import { SbbDialogTitleElement } from "./dialog/dialog-title/dialog-title.js";
-import { SbbDialogElement } from "./dialog/dialog/dialog.js";
+import { SbbDialogActionsElement } from "./dialog/dialog-actions/dialog-actions.component.js";
+import { SbbDialogContentElement } from "./dialog/dialog-content/dialog-content.component.js";
+import { SbbDialogTitleElement } from "./dialog/dialog-title/dialog-title.component.js";
+import { SbbDialogElement } from "./dialog/dialog/dialog.component.js";
 export {
   SbbDialogActionsElement,
   SbbDialogContentElement,

package/development/divider/divider.component.d.ts

@@ -0,0 +1,20 @@
+import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
+import { SbbOrientation } from '../core/interfaces.js';
+declare const SbbDividerElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbNegativeMixinType> & typeof LitElement;
+/**
+ * It displays a divider between sections.
+ */
+export declare class SbbDividerElement extends SbbDividerElement_base {
+    static styles: CSSResultGroup;
+    /** Orientation property with possible values 'horizontal' | 'vertical'. Defaults to horizontal. */
+    accessor orientation: SbbOrientation;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-divider': SbbDividerElement;
+    }
+}
+export {};
+//# sourceMappingURL=divider.component.d.ts.map

package/development/divider/divider.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/divider/divider.component.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/development/divider/divider.component.js

@@ -0,0 +1,89 @@
+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, html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { hostAttributes } from "../core/decorators.js";
+import { SbbNegativeMixin } from "../core/mixins.js";
+const style = css`*,
+::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 SbbDividerElement = (() => {
+  var _orientation_accessor_storage, _a;
+  let _classDecorators = [customElement("sbb-divider"), hostAttributes({
+    role: "separator"
+  })];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbNegativeMixin(LitElement);
+  let _orientation_decorators;
+  let _orientation_initializers = [];
+  let _orientation_extraInitializers = [];
+  _a = class extends _classSuper {
+    constructor() {
+      super(...arguments);
+      __privateAdd(this, _orientation_accessor_storage, __runInitializers(this, _orientation_initializers, "horizontal"));
+      __runInitializers(this, _orientation_extraInitializers);
+    }
+    /** Orientation property with possible values 'horizontal' | 'vertical'. Defaults to horizontal. */
+    get orientation() {
+      return __privateGet(this, _orientation_accessor_storage);
+    }
+    set orientation(value) {
+      __privateSet(this, _orientation_accessor_storage, value);
+    }
+    willUpdate(changedProperties) {
+      super.willUpdate(changedProperties);
+      if (changedProperties.has("orientation")) {
+        this.setAttribute("aria-orientation", this.orientation);
+      }
+    }
+    render() {
+      return html` <div class="sbb-divider"></div> `;
+    }
+  }, _orientation_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _orientation_decorators = [property({ reflect: true })];
+    __esDecorate(_a, null, _orientation_decorators, { kind: "accessor", name: "orientation", static: false, private: false, access: { has: (obj) => "orientation" in obj, get: (obj) => obj.orientation, set: (obj, value) => {
+      obj.orientation = value;
+    } }, metadata: _metadata }, _orientation_initializers, _orientation_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 = style, __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbDividerElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGl2aWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9kaXZpZGVyL2RpdmlkZXIuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFByb3BlcnR5VmFsdWVzLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBodG1sLCBMaXRFbGVtZW50IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBob3N0QXR0cmlidXRlcyB9IGZyb20gJy4uL2NvcmUvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYk9yaWVudGF0aW9uIH0gZnJvbSAnLi4vY29yZS9pbnRlcmZhY2VzLmpzJztcbmltcG9ydCB7IFNiYk5lZ2F0aXZlTWl4aW4gfSBmcm9tICcuLi9jb3JlL21peGlucy5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2RpdmlkZXIuc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBhIGRpdmlkZXIgYmV0d2VlbiBzZWN0aW9ucy5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLWRpdmlkZXInKVxuQGhvc3RBdHRyaWJ1dGVzKHtcbiAgcm9sZTogJ3NlcGFyYXRvcicsXG59KVxuY2xhc3MgU2JiRGl2aWRlckVsZW1lbnQgZXh0ZW5kcyBTYmJOZWdhdGl2ZU1peGluKExpdEVsZW1lbnQpIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG5cbiAgLyoqIE9yaWVudGF0aW9uIHByb3BlcnR5IHdpdGggcG9zc2libGUgdmFsdWVzICdob3Jpem9udGFsJyB8ICd2ZXJ0aWNhbCcuIERlZmF1bHRzIHRvIGhvcml6b250YWwuICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIGFjY2Vzc29yIG9yaWVudGF0aW9uOiBTYmJPcmllbnRhdGlvbiA9ICdob3Jpem9udGFsJztcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgd2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiB2b2lkIHtcbiAgICBzdXBlci53aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ29yaWVudGF0aW9uJykpIHtcbiAgICAgIHRoaXMuc2V0QXR0cmlidXRlKCdhcmlhLW9yaWVudGF0aW9uJywgdGhpcy5vcmllbnRhdGlvbik7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgIDxkaXYgY2xhc3M9XCJzYmItZGl2aWRlclwiPjwvZGl2PiBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItZGl2aWRlcic6IFNiYkRpdmlkZXJFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBa0JNLHFCQUFpQixNQUFBOztBQUp0QixNQUFBLG1CQUFBLENBQUEsY0FBYyxhQUFhLEdBQzNCLGVBQWU7QUFBQSxJQUNkLE1BQU07QUFBQSxFQUFBLENBQ1AsQ0FBQzs7OztvQkFDOEIsaUJBQWlCLFVBQVU7Ozs7QUFBbkMsRUFBQSxtQkFBUSxZQUE0QjtBQUFBOztBQUk3Qix3REFBQSxrQkFBQSxNQUFBLDJCQUE4QyxZQUFZOzs7O0lBQTFELElBQWdCLGNBQTJDO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUEzRCxJQUFnQixZQUEyQyxPQUFBO0FBQUEseUJBQUEsK0JBQUE7QUFBQSxJQUFBO0FBQUEsSUFFckUsV0FBVyxtQkFBdUM7QUFDbkUsWUFBTSxXQUFXLGlCQUFpQjtBQUU5QixVQUFBLGtCQUFrQixJQUFJLGFBQWEsR0FBRztBQUNuQyxhQUFBLGFBQWEsb0JBQW9CLEtBQUssV0FBVztBQUFBLE1BQUE7QUFBQSxJQUN4RDtBQUFBLElBR2lCLFNBQU07QUFDaEIsYUFBQTtBQUFBLElBQUE7QUFBQSxLQVhvQjs7QUFBNUIsOEJBQUEsQ0FBQSxTQUFTLEVBQUUsU0FBUyxLQUFNLENBQUEsQ0FBQztBQUFpQixpQkFBQSxJQUFBLE1BQUEseUJBQUEsRUFBQSxNQUFBLFlBQUEsTUFBQSxlQUFBLFFBQUEsT0FBQSxTQUFBLE9BQUEsUUFBQSxFQUFBLEtBQUEsQ0FBQSxRQUFBLGlCQUFBLEtBQUEsS0FBQSxDQUFBLFFBQUEsSUFBQSxhQUFBLEtBQUEsQ0FBQSxLQUFBLFVBQUE7QUFBQSxVQUFBLGNBQTJDO0FBQUEsU0FBQSxVQUFBLGFBQUEsMkJBQUEsOEJBQUE7QUFKMUYsaUJBaUJDLE1BQUEsbUJBQUEsRUFBQSxPQUFBLFdBQUEsR0FBQSxrQkFBQSxFQUFBLE1BQUEsU0FBQSxNQUFBLFdBQUEsTUFBQSxVQUFBLFVBQUEsR0FBQSxNQUFBLHVCQUFBOzs7UUFoQndCLEdBQU0sU0FBbUIsT0FENUMsa0JBQWlCLFlBQUEsdUJBQUEsR0FBQzs7OyJ9

package/development/divider.d.ts

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

package/development/divider.d.ts.map

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

package/development/divider.js

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