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

package/development/sidebar/sidebar/sidebar.component.d.ts

@@ -0,0 +1,66 @@
+import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
+import { SbbOpenCloseBaseElement } from '../../core/base-elements.ts';
+import { SbbSidebarContainerElement } from '../sidebar-container.ts';
+declare const SbbSidebarElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbAnimationCompleteMixinType> & typeof SbbOpenCloseBaseElement;
+/**
+ * This component corresponds to a sidebar that can be opened on the sidebar container.
+ *
+ * @slot - Use the unnamed slot to slot any content into the sidebar.
+ * @slot title - Use the title slot to add an <sbb-title>.
+ */
+export declare class SbbSidebarElement extends SbbSidebarElement_base {
+    static styles: CSSResultGroup;
+    /** Background color of the sidebar. Either `white` or `milk`. */
+    accessor color: 'white' | 'milk';
+    /** Mode of the sidebar; one of 'side' or 'over'. */
+    accessor mode: 'side' | 'over';
+    /** The side that the sidebar is attached to. */
+    accessor position: 'start' | 'end';
+    /**
+     * Whether the sidebar is opened or closed.
+     * Can be used to initially set the opened state, where
+     * the animation will be skipped.
+     */
+    accessor opened: boolean;
+    /**
+     * Whether the sidebar should focus the first focusable element automatically when opened.
+     * Defaults to false in when mode is set to `side`, otherwise defaults to true.
+     * If explicitly enabled, focus will be moved into the sidebar in `side` mode as well.
+     */
+    accessor focusOnOpen: boolean;
+    /** Returns the SbbSidebarContainerElement where this sidebar is contained. */
+    get container(): SbbSidebarContainerElement | null;
+    private _container;
+    private _lastFocusedElement;
+    private _focusTrapController;
+    private _escapableOverlayController;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    protected firstUpdated(changedProperties: PropertyValues<this>): void;
+    /** Toggles the sidebar visibility. */
+    toggle(): void;
+    /** Opens the sidebar. */
+    open(): void;
+    private _isZeroAnimationDuration;
+    private _handleOpening;
+    /** Closes the sidebar. */
+    close(): void;
+    private _handleClosing;
+    private _takeFocus;
+    protected cedeFocus(): void;
+    private _updateSidebarWidth;
+    private _buildCssWidthVar;
+    private _isModeOver;
+    private _onTransitionEnd;
+    private _detectScrolledState;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-sidebar': SbbSidebarElement;
+    }
+}
+export {};
+//# sourceMappingURL=sidebar.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/sidebar/sidebar/sidebar.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAkB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIpG,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAMtE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;;AAI1E;;;;;GAKG;AACH,qBAEM,iBAAkB,SAAQ,sBAAkD;IAChF,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzE,iEAAiE;IACjE,SACgB,KAAK,EAAE,OAAO,GAAG,MAAM,CAAW;IAElD,oDAAoD;IACpD,SAEgB,IAAI,EAAE,MAAM,GAAG,MAAM,CAAU;IAE/C,gDAAgD;IAChD,SAGgB,QAAQ,EAAE,OAAO,GAAG,KAAK,CAAW;IAEpD;;;;OAIG;IACH,SAEgB,MAAM,EAAE,OAAO,CAAS;IAExC;;;;OAIG;IACH,SAEgB,WAAW,EAAE,OAAO,CAAS;IAE7C,8EAA8E;IAC9E,IAAW,SAAS,IAAI,0BAA0B,GAAG,IAAI,CAExD;IACD,OAAO,CAAC,UAAU,CAA2C;IAE7D,OAAO,CAAC,mBAAmB,CAA4B;IACvD,OAAO,CAAC,oBAAoB,CAAoC;IAChE,OAAO,CAAC,2BAA2B,CAA2C;;IAkB9D,iBAAiB,IAAI,IAAI;IAWzB,oBAAoB,IAAI,IAAI;cAMzB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAoBzD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAM9E,sCAAsC;IAC/B,MAAM,IAAI,IAAI;IAQrB,yBAAyB;IAClB,IAAI,IAAI,IAAI;IAiCnB,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,cAAc;IAYtB,0BAA0B;IACnB,KAAK,IAAI,IAAI;IAwBpB,OAAO,CAAC,cAAc;IAqBtB,OAAO,CAAC,UAAU;IAkBlB,SAAS,CAAC,SAAS,IAAI,IAAI;IAK3B,OAAO,CAAC,mBAAmB;IAyB3B,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,gBAAgB;IAcxB,OAAO,CAAC,oBAAoB;cAOT,MAAM,IAAI,cAAc;CAQ5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,aAAa,EAAE,iBAAiB,CAAC;KAClC;CACF"}

package/development/sidebar/sidebar/sidebar.component.js

@@ -0,0 +1,480 @@
+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 { ResizeController } from "@lit-labs/observers/resize-controller.js";
+import { css, isServer, html } from "lit";
+import { customElement, property, eventOptions } from "lit/decorators.js";
+import { SbbFocusTrapController } from "../../core/a11y.js";
+import { SbbOpenCloseBaseElement } from "../../core/base-elements.js";
+import { SbbEscapableOverlayController } from "../../core/controllers.js";
+import { forceType, handleDistinctChange } from "../../core/decorators.js";
+import { isZeroAnimationDuration } from "../../core/dom.js";
+import { SbbAnimationCompleteMixin } from "../../core/mixins.js";
+import { boxSizingStyles } from "../../core/styles.js";
+const style = css`:host {
+  display: block;
+  width: 20rem;
+  --sbb-link-text-decoration-line: none;
+  --sbb-sidebar-background-color: var(--sbb-background-color-1);
+  --sbb-sidebar-title-padding-block: var(--sbb-spacing-fixed-3x);
+  --sbb-sidebar-padding: var(--sbb-spacing-responsive-xs);
+  --sbb-sidebar-scrollbar-placeholder-width: var(--sbb-spacing-fixed-3x);
+  --sbb-sidebar-border-radius: var(--sbb-border-radius-8x);
+  --sbb-sidebar-margin: var(--sbb-spacing-fixed-3x);
+  --sbb-sidebar-title-gap: var(--sbb-spacing-fixed-2x);
+  --sbb-sidebar__margin: 0;
+  --sbb-sidebar__margin-block-start: var(--sbb-sidebar-margin);
+  --sbb-sidebar__translate-x: -100%;
+  --sbb-sidebar__z-index: 2;
+  --sbb-sidebar__padding-inline-end: var(--sbb-sidebar-padding);
+  --sbb-sidebar__padding-block-start: var(--sbb-sidebar-padding);
+  --sbb-sidebar__border-radius-start: var(--sbb-sidebar-border-radius);
+  --sbb-sidebar__border-radius-end: 0;
+  --sbb-sidebar__close-button-size: var(--sbb-size-element-xs);
+}
+@supports (scrollbar-gutter: stable) and (not (-webkit-touch-callout: none)) {
+  :host {
+    --sbb-sidebar__padding-inline-end: calc(
+      var(--sbb-sidebar-padding) - var(--sbb-sidebar-scrollbar-placeholder-width)
+    );
+  }
+}
+
+:host([color=milk]) {
+  --sbb-sidebar-background-color: var(--sbb-background-color-3);
+}
+
+:host(:is([mode=over], :is(:state(mode-over-forced),[state--mode-over-forced]):not(:is(:state(mode-over-forced-closing),[state--mode-over-forced-closing])))) {
+  --sbb-sidebar__margin: var(--sbb-sidebar-margin);
+  --sbb-sidebar__border-radius-end: var(--sbb-sidebar-border-radius);
+  --sbb-sidebar__z-index: 3;
+}
+
+:host(:is(:dir(rtl), [position=end])) {
+  --sbb-sidebar__translate-x: 100%;
+}
+
+:host(:dir(rtl)[position=end]) {
+  --sbb-sidebar__translate-x: -100%;
+}
+
+.sbb-sidebar {
+  width: inherit;
+  max-width: calc(100% - 2 * var(--sbb-sidebar__margin));
+  background-color: var(--sbb-sidebar-background-color);
+  display: flex;
+  flex-direction: column;
+  position: absolute;
+  overflow: hidden;
+  inset-block: 0;
+  z-index: var(--sbb-sidebar__z-index);
+  border-start-start-radius: var(--sbb-sidebar__border-radius-start);
+  border-start-end-radius: var(--sbb-sidebar__border-radius-start);
+  border-end-start-radius: var(--sbb-sidebar__border-radius-end);
+  border-end-end-radius: var(--sbb-sidebar__border-radius-end);
+  margin: var(--sbb-sidebar__margin);
+  margin-block-start: var(--sbb-sidebar__margin-block-start);
+  transition-duration: var(--sbb-sidebar-container-animation-duration);
+  transition-timing-function: var(--sbb-sidebar-container-animation-easing);
+  transition-property: width, translate;
+  translate: none;
+}
+:host([position=end]) .sbb-sidebar {
+  inset-inline-end: 0;
+}
+:host(:is(:state(state-closed),[state--state-closed])) .sbb-sidebar {
+  visibility: hidden;
+}
+:host(:is(:is(:state(state-closing),[state--state-closing]), :is(:state(state-closed),[state--state-closed]))) .sbb-sidebar {
+  translate: var(--sbb-sidebar__translate-x) 0;
+}
+
+.sbb-sidebar-title-section {
+  display: flex;
+  width: 100%;
+  gap: var(--sbb-sidebar-title-gap);
+  background-color: var(--sbb-sidebar-background-color);
+  padding-inline: var(--sbb-sidebar-padding);
+  transition: box-shadow var(--sbb-animation-easing) var(--sbb-sidebar-container-animation-duration);
+  box-shadow: none;
+}
+:host(:is(:state(scrolled),[state--scrolled])) .sbb-sidebar-title-section {
+  box-shadow: var(--sbb-box-shadow-level-5-soft);
+}
+
+.sbb-sidebar-content-section {
+  --sbb-scrollbar-thumb-width: 0.125rem;
+  --sbb-scrollbar-thumb-width-hover: 0.25rem;
+  --sbb-scrollbar-width-firefox: thin;
+  --sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);
+  --sbb-scrollbar-color: light-dark(
+    color-mix(in srgb, var(--sbb-color-black) 30%, transparent),
+    color-mix(in srgb, var(--sbb-color-white) 30%, transparent)
+  );
+  --sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);
+  --sbb-scrollbar-color-hover: light-dark(
+    color-mix(in srgb, var(--sbb-color-black) 60%, transparent),
+    color-mix(in srgb, var(--sbb-color-white) 60%, transparent)
+  );
+  --sbb-scrollbar-track-color: transparent;
+  --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
+}
+.sbb-sidebar-content-section::-webkit-scrollbar {
+  width: var(--sbb-scrollbar-width);
+  height: var(--sbb-scrollbar-width);
+  background-color: var(--sbb-scrollbar-track-color, transparent);
+}
+.sbb-sidebar-content-section::-webkit-scrollbar-corner {
+  background-color: var(--sbb-scrollbar-track-color, transparent);
+}
+.sbb-sidebar-content-section::-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-sidebar-content-section::-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-sidebar-content-section::-webkit-scrollbar-button, .sbb-sidebar-content-section::-webkit-scrollbar-corner {
+  display: none;
+}
+@supports not selector(::-webkit-scrollbar) {
+  .sbb-sidebar-content-section {
+    scrollbar-width: var(--sbb-scrollbar-width-firefox);
+    scrollbar-color: var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent);
+  }
+}
+.sbb-sidebar-content-section {
+  padding-block-start: var(--sbb-sidebar__padding-block-start);
+  padding-inline: var(--sbb-sidebar-padding) var(--sbb-sidebar__padding-inline-end);
+  overflow-y: auto;
+  flex-grow: 1;
+  outline-color: var(--sbb-focus-outline-color);
+}
+@supports (scrollbar-gutter: stable) {
+  .sbb-sidebar-content-section {
+    scrollbar-gutter: stable;
+  }
+}
+
+::slotted(sbb-sidebar-title) {
+  flex-grow: 1;
+  margin-block: var(--sbb-sidebar-title-padding-block);
+}
+
+::slotted(sbb-sidebar-close-button) {
+  order: 1;
+  margin-inline-end: calc(-1 * (var(--sbb-sidebar-padding) - var(--sbb-sidebar-title-padding-block)));
+  margin-block: var(--sbb-sidebar-title-padding-block);
+  inset-inline-end: var(--sbb-sidebar-padding);
+}`;
+let SbbSidebarElement = (() => {
+  var _color_accessor_storage, _mode_accessor_storage, _position_accessor_storage, _opened_accessor_storage, _focusOnOpen_accessor_storage, _a;
+  let _classDecorators = [customElement("sbb-sidebar")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbAnimationCompleteMixin(SbbOpenCloseBaseElement);
+  let _instanceExtraInitializers = [];
+  let _color_decorators;
+  let _color_initializers = [];
+  let _color_extraInitializers = [];
+  let _mode_decorators;
+  let _mode_initializers = [];
+  let _mode_extraInitializers = [];
+  let _position_decorators;
+  let _position_initializers = [];
+  let _position_extraInitializers = [];
+  let _opened_decorators;
+  let _opened_initializers = [];
+  let _opened_extraInitializers = [];
+  let _focusOnOpen_decorators;
+  let _focusOnOpen_initializers = [];
+  let _focusOnOpen_extraInitializers = [];
+  let __detectScrolledState_decorators;
+  _a = class extends _classSuper {
+    constructor() {
+      super();
+      __privateAdd(this, _color_accessor_storage);
+      __privateAdd(this, _mode_accessor_storage);
+      __privateAdd(this, _position_accessor_storage);
+      __privateAdd(this, _opened_accessor_storage);
+      __privateAdd(this, _focusOnOpen_accessor_storage);
+      __privateSet(this, _color_accessor_storage, (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _color_initializers, "white")));
+      __privateSet(this, _mode_accessor_storage, (__runInitializers(this, _color_extraInitializers), __runInitializers(this, _mode_initializers, "side")));
+      __privateSet(this, _position_accessor_storage, (__runInitializers(this, _mode_extraInitializers), __runInitializers(this, _position_initializers, "start")));
+      __privateSet(this, _opened_accessor_storage, (__runInitializers(this, _position_extraInitializers), __runInitializers(this, _opened_initializers, false)));
+      __privateSet(this, _focusOnOpen_accessor_storage, (__runInitializers(this, _opened_extraInitializers), __runInitializers(this, _focusOnOpen_initializers, false)));
+      this._container = (__runInitializers(this, _focusOnOpen_extraInitializers), null);
+      this._lastFocusedElement = null;
+      this._focusTrapController = new SbbFocusTrapController(this);
+      this._escapableOverlayController = new SbbEscapableOverlayController(this);
+      this.addController(new ResizeController(this, {
+        skipInitial: true,
+        callback: () => this._updateSidebarWidth()
+      }));
+      this.addEventListener?.("click", (e) => {
+        if (e.target?.localName === "sbb-sidebar-close-button") {
+          this.close();
+        }
+      });
+    }
+    /** Background color of the sidebar. Either `white` or `milk`. */
+    get color() {
+      return __privateGet(this, _color_accessor_storage);
+    }
+    set color(value) {
+      __privateSet(this, _color_accessor_storage, value);
+    }
+    /** Mode of the sidebar; one of 'side' or 'over'. */
+    get mode() {
+      return __privateGet(this, _mode_accessor_storage);
+    }
+    set mode(value) {
+      __privateSet(this, _mode_accessor_storage, value);
+    }
+    /** The side that the sidebar is attached to. */
+    get position() {
+      return __privateGet(this, _position_accessor_storage);
+    }
+    set position(value) {
+      __privateSet(this, _position_accessor_storage, value);
+    }
+    /**
+     * Whether the sidebar is opened or closed.
+     * Can be used to initially set the opened state, where
+     * the animation will be skipped.
+     */
+    get opened() {
+      return __privateGet(this, _opened_accessor_storage);
+    }
+    set opened(value) {
+      __privateSet(this, _opened_accessor_storage, value);
+    }
+    /**
+     * Whether the sidebar should focus the first focusable element automatically when opened.
+     * Defaults to false in when mode is set to `side`, otherwise defaults to true.
+     * If explicitly enabled, focus will be moved into the sidebar in `side` mode as well.
+     */
+    get focusOnOpen() {
+      return __privateGet(this, _focusOnOpen_accessor_storage);
+    }
+    set focusOnOpen(value) {
+      __privateSet(this, _focusOnOpen_accessor_storage, value);
+    }
+    /** Returns the SbbSidebarContainerElement where this sidebar is contained. */
+    get container() {
+      return this._container;
+    }
+    connectedCallback() {
+      super.connectedCallback();
+      this._container = this.closest?.("sbb-sidebar-container");
+      this._updateSidebarWidth();
+      if (this.isOpen && this._isModeOver()) {
+        this._takeFocus();
+      }
+    }
+    disconnectedCallback() {
+      super.disconnectedCallback();
+      this.container?.style.removeProperty(this._buildCssWidthVar());
+      this._container = null;
+    }
+    willUpdate(changedProperties) {
+      super.willUpdate(changedProperties);
+      if (changedProperties.has("opened")) {
+        if (this.opened) {
+          this.open();
+        } else if (!this.opened) {
+          this.close();
+        }
+      }
+      if (changedProperties.has("mode")) {
+        if (this.mode === "over" && this.isOpen) {
+          this._takeFocus();
+        } else {
+          this.cedeFocus();
+        }
+      }
+    }
+    firstUpdated(changedProperties) {
+      super.firstUpdated(changedProperties);
+      this._updateSidebarWidth();
+    }
+    /** Toggles the sidebar visibility. */
+    toggle() {
+      if (this.state === "opening" || this.state === "opened") {
+        this.close();
+      } else {
+        this.open();
+      }
+    }
+    /** Opens the sidebar. */
+    open() {
+      if (this.state === "opening" || this.state === "opened" || !this.dispatchBeforeOpenEvent()) {
+        return;
+      }
+      this.startAnimation();
+      if (!isServer && document.activeElement?.localName !== "body") {
+        this._lastFocusedElement = document.activeElement;
+      }
+      this.opened = true;
+      this.state = "opening";
+      const isZeroAnimationDuration2 = this._isZeroAnimationDuration() || !this.isConnected;
+      const isDuringInitialization = !this.hasUpdated;
+      if (!(isDuringInitialization || isZeroAnimationDuration2)) {
+        return;
+      }
+      this.internals.states.add("skip-animation");
+      if (isDuringInitialization) {
+        this.updateComplete.then(() => this._handleOpening());
+      } else {
+        this._handleOpening();
+      }
+    }
+    _isZeroAnimationDuration() {
+      return isZeroAnimationDuration(this, "--sbb-sidebar-container-animation-duration");
+    }
+    _handleOpening() {
+      this.state = "opened";
+      setTimeout(() => this.internals.states.delete("skip-animation"));
+      this._takeFocus();
+      this.stopAnimation();
+      this.dispatchOpenEvent();
+    }
+    /** Closes the sidebar. */
+    close() {
+      if (this.state === "closing" || this.state === "closed" || !this.dispatchBeforeCloseEvent()) {
+        return;
+      }
+      this.startAnimation();
+      const isZeroAnimationDuration2 = this._isZeroAnimationDuration();
+      if (!this.hasUpdated || isZeroAnimationDuration2) {
+        this.internals.states.add("skip-animation");
+      } else {
+        this.state = "closing";
+      }
+      this.opened = false;
+      if (!this.hasUpdated || isZeroAnimationDuration2) {
+        this._handleClosing();
+      }
+    }
+    _handleClosing() {
+      this.state = "closed";
+      setTimeout(() => this.internals.states.delete("skip-animation"));
+      this.cedeFocus();
+      if (!isServer && (this.contains(document.activeElement) || this._isModeOver())) {
+        if (this._lastFocusedElement) {
+          this._lastFocusedElement?.focus();
+        } else {
+          document.activeElement.blur();
+        }
+      }
+      this._lastFocusedElement = null;
+      this.stopAnimation();
+      this.dispatchCloseEvent();
+    }
+    _takeFocus() {
+      if (!this.isConnected) {
+        return;
+      }
+      const isModeOver = this._isModeOver();
+      if (isModeOver || this.focusOnOpen) {
+        this._focusTrapController.focusInitialElement();
+      }
+      if (isModeOver) {
+        this._escapableOverlayController.connect();
+        this._focusTrapController.enabled = true;
+      }
+    }
+    // Internal method that we use externally. `protected` preserves type information for type safe access.
+    cedeFocus() {
+      this._focusTrapController.enabled = false;
+      this._escapableOverlayController.disconnect();
+    }
+    _updateSidebarWidth(oldPosition) {
+      const container = this.container;
+      if (!container) {
+        return;
+      }
+      if (oldPosition) {
+        container.style.removeProperty(this._buildCssWidthVar(oldPosition));
+      }
+      const width = this.offsetWidth;
+      if (!width) {
+        return;
+      }
+      const newValue = `${width}px`;
+      const actualValue = container.style.getPropertyValue(this._buildCssWidthVar());
+      if (actualValue === newValue) {
+        return;
+      }
+      container.style.setProperty(this._buildCssWidthVar(), newValue);
+    }
+    _buildCssWidthVar(position = this.position) {
+      return `--sbb-sidebar-container__${position}-width`;
+    }
+    _isModeOver() {
+      return this.mode === "over" || this.matches(":is(:state(mode-over-forced),[state--mode-over-forced])");
+    }
+    _onTransitionEnd(event) {
+      if (event.propertyName !== "translate" || event.target !== event.currentTarget) {
+        return;
+      }
+      if (this.state === "opening") {
+        this._handleOpening();
+      } else if (this.state === "closing") {
+        this._handleClosing();
+      }
+    }
+    _detectScrolledState() {
+      this.toggleState("scrolled", (this.shadowRoot?.querySelector(".sbb-sidebar-content-section")?.scrollTop ?? 0) > 0);
+    }
+    render() {
+      return html`<div class="sbb-sidebar" @transitionend=${this._onTransitionEnd}>
+      <div class="sbb-sidebar-title-section"><slot name="title-section"></slot></div>
+      <div class="sbb-sidebar-content-section" @scroll=${() => this._detectScrolledState()}>
+        <slot></slot>
+      </div>
+    </div>`;
+    }
+  }, _color_accessor_storage = new WeakMap(), _mode_accessor_storage = new WeakMap(), _position_accessor_storage = new WeakMap(), _opened_accessor_storage = new WeakMap(), _focusOnOpen_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _color_decorators = [property({ reflect: true })];
+    _mode_decorators = [forceType((v) => v === "over" ? "over" : "side"), property({ reflect: true })];
+    _position_decorators = [forceType((v) => v === "end" ? "end" : "start"), handleDistinctChange((instance, _newValue, oldValue) => instance._updateSidebarWidth(oldValue)), property({ reflect: true })];
+    _opened_decorators = [forceType(), property({ type: Boolean, reflect: true })];
+    _focusOnOpen_decorators = [forceType(), property({ type: Boolean, attribute: "focus-on-open" })];
+    __detectScrolledState_decorators = [eventOptions({ passive: true })];
+    __esDecorate(_a, null, _color_decorators, { kind: "accessor", name: "color", static: false, private: false, access: { has: (obj) => "color" in obj, get: (obj) => obj.color, set: (obj, value) => {
+      obj.color = value;
+    } }, metadata: _metadata }, _color_initializers, _color_extraInitializers);
+    __esDecorate(_a, null, _mode_decorators, { kind: "accessor", name: "mode", static: false, private: false, access: { has: (obj) => "mode" in obj, get: (obj) => obj.mode, set: (obj, value) => {
+      obj.mode = value;
+    } }, metadata: _metadata }, _mode_initializers, _mode_extraInitializers);
+    __esDecorate(_a, null, _position_decorators, { kind: "accessor", name: "position", static: false, private: false, access: { has: (obj) => "position" in obj, get: (obj) => obj.position, set: (obj, value) => {
+      obj.position = value;
+    } }, metadata: _metadata }, _position_initializers, _position_extraInitializers);
+    __esDecorate(_a, null, _opened_decorators, { kind: "accessor", name: "opened", static: false, private: false, access: { has: (obj) => "opened" in obj, get: (obj) => obj.opened, set: (obj, value) => {
+      obj.opened = value;
+    } }, metadata: _metadata }, _opened_initializers, _opened_extraInitializers);
+    __esDecorate(_a, null, _focusOnOpen_decorators, { kind: "accessor", name: "focusOnOpen", static: false, private: false, access: { has: (obj) => "focusOnOpen" in obj, get: (obj) => obj.focusOnOpen, set: (obj, value) => {
+      obj.focusOnOpen = value;
+    } }, metadata: _metadata }, _focusOnOpen_initializers, _focusOnOpen_extraInitializers);
+    __esDecorate(_a, null, __detectScrolledState_decorators, { kind: "method", name: "_detectScrolledState", static: false, private: false, access: { has: (obj) => "_detectScrolledState" in obj, get: (obj) => obj._detectScrolledState }, metadata: _metadata }, null, _instanceExtraInitializers);
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.styles = [boxSizingStyles, style], __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbSidebarElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9zaWRlYmFyL3NpZGViYXIvc2lkZWJhci5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVzaXplQ29udHJvbGxlciB9IGZyb20gJ0BsaXQtbGFicy9vYnNlcnZlcnMvcmVzaXplLWNvbnRyb2xsZXIuanMnO1xuaW1wb3J0IHsgdHlwZSBDU1NSZXN1bHRHcm91cCwgaHRtbCwgaXNTZXJ2ZXIsIHR5cGUgUHJvcGVydHlWYWx1ZXMsIHR5cGUgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCwgZXZlbnRPcHRpb25zLCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiRm9jdXNUcmFwQ29udHJvbGxlciB9IGZyb20gJy4uLy4uL2NvcmUvYTExeS50cyc7XG5pbXBvcnQgeyBTYmJPcGVuQ2xvc2VCYXNlRWxlbWVudCB9IGZyb20gJy4uLy4uL2NvcmUvYmFzZS1lbGVtZW50cy50cyc7XG5pbXBvcnQgeyBTYmJFc2NhcGFibGVPdmVybGF5Q29udHJvbGxlciB9IGZyb20gJy4uLy4uL2NvcmUvY29udHJvbGxlcnMudHMnO1xuaW1wb3J0IHsgZm9yY2VUeXBlLCBoYW5kbGVEaXN0aW5jdENoYW5nZSB9IGZyb20gJy4uLy4uL2NvcmUvZGVjb3JhdG9ycy50cyc7XG5pbXBvcnQgeyBpc1plcm9BbmltYXRpb25EdXJhdGlvbiB9IGZyb20gJy4uLy4uL2NvcmUvZG9tLnRzJztcbmltcG9ydCB7IFNiYkFuaW1hdGlvbkNvbXBsZXRlTWl4aW4gfSBmcm9tICcuLi8uLi9jb3JlL21peGlucy50cyc7XG5pbXBvcnQgeyBib3hTaXppbmdTdHlsZXMgfSBmcm9tICcuLi8uLi9jb3JlL3N0eWxlcy50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYlNpZGViYXJDb250YWluZXJFbGVtZW50IH0gZnJvbSAnLi4vc2lkZWJhci1jb250YWluZXIudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9zaWRlYmFyLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogVGhpcyBjb21wb25lbnQgY29ycmVzcG9uZHMgdG8gYSBzaWRlYmFyIHRoYXQgY2FuIGJlIG9wZW5lZCBvbiB0aGUgc2lkZWJhciBjb250YWluZXIuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBzbG90IGFueSBjb250ZW50IGludG8gdGhlIHNpZGViYXIuXG4gKiBAc2xvdCB0aXRsZSAtIFVzZSB0aGUgdGl0bGUgc2xvdCB0byBhZGQgYW4gPHNiYi10aXRsZT4uXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi1zaWRlYmFyJylcbmNsYXNzIFNiYlNpZGViYXJFbGVtZW50IGV4dGVuZHMgU2JiQW5pbWF0aW9uQ29tcGxldGVNaXhpbihTYmJPcGVuQ2xvc2VCYXNlRWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCBzdHlsZV07XG5cbiAgLyoqIEJhY2tncm91bmQgY29sb3Igb2YgdGhlIHNpZGViYXIuIEVpdGhlciBgd2hpdGVgIG9yIGBtaWxrYC4gKi9cbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSB9KVxuICBwdWJsaWMgYWNjZXNzb3IgY29sb3I6ICd3aGl0ZScgfCAnbWlsaycgPSAnd2hpdGUnO1xuXG4gIC8qKiBNb2RlIG9mIHRoZSBzaWRlYmFyOyBvbmUgb2YgJ3NpZGUnIG9yICdvdmVyJy4gKi9cbiAgQGZvcmNlVHlwZSgodikgPT4gKHYgPT09ICdvdmVyJyA/ICdvdmVyJyA6ICdzaWRlJykpXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSlcbiAgcHVibGljIGFjY2Vzc29yIG1vZGU6ICdzaWRlJyB8ICdvdmVyJyA9ICdzaWRlJztcblxuICAvKiogVGhlIHNpZGUgdGhhdCB0aGUgc2lkZWJhciBpcyBhdHRhY2hlZCB0by4gKi9cbiAgQGZvcmNlVHlwZSgodikgPT4gKHYgPT09ICdlbmQnID8gJ2VuZCcgOiAnc3RhcnQnKSlcbiAgQGhhbmRsZURpc3RpbmN0Q2hhbmdlKChpbnN0YW5jZSwgX25ld1ZhbHVlLCBvbGRWYWx1ZSkgPT4gaW5zdGFuY2UuX3VwZGF0ZVNpZGViYXJXaWR0aChvbGRWYWx1ZSkpXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSlcbiAgcHVibGljIGFjY2Vzc29yIHBvc2l0aW9uOiAnc3RhcnQnIHwgJ2VuZCcgPSAnc3RhcnQnO1xuXG4gIC8qKlxuICAgKiBXaGV0aGVyIHRoZSBzaWRlYmFyIGlzIG9wZW5lZCBvciBjbG9zZWQuXG4gICAqIENhbiBiZSB1c2VkIHRvIGluaXRpYWxseSBzZXQgdGhlIG9wZW5lZCBzdGF0ZSwgd2hlcmVcbiAgICogdGhlIGFuaW1hdGlvbiB3aWxsIGJlIHNraXBwZWQuXG4gICAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgdHlwZTogQm9vbGVhbiwgcmVmbGVjdDogdHJ1ZSB9KVxuICBwdWJsaWMgYWNjZXNzb3Igb3BlbmVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIFdoZXRoZXIgdGhlIHNpZGViYXIgc2hvdWxkIGZvY3VzIHRoZSBmaXJzdCBmb2N1c2FibGUgZWxlbWVudCBhdXRvbWF0aWNhbGx5IHdoZW4gb3BlbmVkLlxuICAgKiBEZWZhdWx0cyB0byBmYWxzZSBpbiB3aGVuIG1vZGUgaXMgc2V0IHRvIGBzaWRlYCwgb3RoZXJ3aXNlIGRlZmF1bHRzIHRvIHRydWUuXG4gICAqIElmIGV4cGxpY2l0bHkgZW5hYmxlZCwgZm9jdXMgd2lsbCBiZSBtb3ZlZCBpbnRvIHRoZSBzaWRlYmFyIGluIGBzaWRlYCBtb2RlIGFzIHdlbGwuXG4gICAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgdHlwZTogQm9vbGVhbiwgYXR0cmlidXRlOiAnZm9jdXMtb24tb3BlbicgfSlcbiAgcHVibGljIGFjY2Vzc29yIGZvY3VzT25PcGVuOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqIFJldHVybnMgdGhlIFNiYlNpZGViYXJDb250YWluZXJFbGVtZW50IHdoZXJlIHRoaXMgc2lkZWJhciBpcyBjb250YWluZWQuICovXG4gIHB1YmxpYyBnZXQgY29udGFpbmVyKCk6IFNiYlNpZGViYXJDb250YWluZXJFbGVtZW50IHwgbnVsbCB7XG4gICAgcmV0dXJuIHRoaXMuX2NvbnRhaW5lcjtcbiAgfVxuICBwcml2YXRlIF9jb250YWluZXI6IFNiYlNpZGViYXJDb250YWluZXJFbGVtZW50IHwgbnVsbCA9IG51bGw7XG5cbiAgcHJpdmF0ZSBfbGFzdEZvY3VzZWRFbGVtZW50OiBIVE1MRWxlbWVudCB8IG51bGwgPSBudWxsO1xuICBwcml2YXRlIF9mb2N1c1RyYXBDb250cm9sbGVyID0gbmV3IFNiYkZvY3VzVHJhcENvbnRyb2xsZXIodGhpcyk7XG4gIHByaXZhdGUgX2VzY2FwYWJsZU92ZXJsYXlDb250cm9sbGVyID0gbmV3IFNiYkVzY2FwYWJsZU92ZXJsYXlDb250cm9sbGVyKHRoaXMpO1xuXG4gIHB1YmxpYyBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIHRoaXMuYWRkQ29udHJvbGxlcihcbiAgICAgIG5ldyBSZXNpemVDb250cm9sbGVyKHRoaXMsIHtcbiAgICAgICAgc2tpcEluaXRpYWw6IHRydWUsXG4gICAgICAgIGNhbGxiYWNrOiAoKSA9PiB0aGlzLl91cGRhdGVTaWRlYmFyV2lkdGgoKSxcbiAgICAgIH0pLFxuICAgICk7XG5cbiAgICB0aGlzLmFkZEV2ZW50TGlzdGVuZXI/LignY2xpY2snLCAoZSkgPT4ge1xuICAgICAgaWYgKChlLnRhcmdldCBhcyBIVE1MRWxlbWVudCB8IHVuZGVmaW5lZCk/LmxvY2FsTmFtZSA9PT0gJ3NiYi1zaWRlYmFyLWNsb3NlLWJ1dHRvbicpIHtcbiAgICAgICAgdGhpcy5jbG9zZSgpO1xuICAgICAgfVxuICAgIH0pO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG5cbiAgICB0aGlzLl9jb250YWluZXIgPSB0aGlzLmNsb3Nlc3Q/Lignc2JiLXNpZGViYXItY29udGFpbmVyJyk7XG4gICAgdGhpcy5fdXBkYXRlU2lkZWJhcldpZHRoKCk7XG5cbiAgICBpZiAodGhpcy5pc09wZW4gJiYgdGhpcy5faXNNb2RlT3ZlcigpKSB7XG4gICAgICB0aGlzLl90YWtlRm9jdXMoKTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgZGlzY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuZGlzY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICB0aGlzLmNvbnRhaW5lcj8uc3R5bGUucmVtb3ZlUHJvcGVydHkodGhpcy5fYnVpbGRDc3NXaWR0aFZhcigpKTtcbiAgICB0aGlzLl9jb250YWluZXIgPSBudWxsO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHdpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPHRoaXM+KTogdm9pZCB7XG4gICAgc3VwZXIud2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdvcGVuZWQnKSkge1xuICAgICAgaWYgKHRoaXMub3BlbmVkKSB7XG4gICAgICAgIHRoaXMub3BlbigpO1xuICAgICAgfSBlbHNlIGlmICghdGhpcy5vcGVuZWQpIHtcbiAgICAgICAgdGhpcy5jbG9zZSgpO1xuICAgICAgfVxuICAgIH1cblxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ21vZGUnKSkge1xuICAgICAgaWYgKHRoaXMubW9kZSA9PT0gJ292ZXInICYmIHRoaXMuaXNPcGVuKSB7XG4gICAgICAgIHRoaXMuX3Rha2VGb2N1cygpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5jZWRlRm9jdXMoKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgZmlyc3RVcGRhdGVkKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczx0aGlzPik6IHZvaWQge1xuICAgIHN1cGVyLmZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICB0aGlzLl91cGRhdGVTaWRlYmFyV2lkdGgoKTtcbiAgfVxuXG4gIC8qKiBUb2dnbGVzIHRoZSBzaWRlYmFyIHZpc2liaWxpdHkuICovXG4gIHB1YmxpYyB0b2dnbGUoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuc3RhdGUgPT09ICdvcGVuaW5nJyB8fCB0aGlzLnN0YXRlID09PSAnb3BlbmVkJykge1xuICAgICAgdGhpcy5jbG9zZSgpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLm9wZW4oKTtcbiAgICB9XG4gIH1cblxuICAvKiogT3BlbnMgdGhlIHNpZGViYXIuICovXG4gIHB1YmxpYyBvcGVuKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnN0YXRlID09PSAnb3BlbmluZycgfHwgdGhpcy5zdGF0ZSA9PT0gJ29wZW5lZCcgfHwgIXRoaXMuZGlzcGF0Y2hCZWZvcmVPcGVuRXZlbnQoKSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHRoaXMuc3RhcnRBbmltYXRpb24oKTtcblxuICAgIGlmICghaXNTZXJ2ZXIgJiYgZG9jdW1lbnQuYWN0aXZlRWxlbWVudD8ubG9jYWxOYW1lICE9PSAnYm9keScpIHtcbiAgICAgIHRoaXMuX2xhc3RGb2N1c2VkRWxlbWVudCA9IGRvY3VtZW50LmFjdGl2ZUVsZW1lbnQgYXMgSFRNTEVsZW1lbnQ7XG4gICAgfVxuXG4gICAgdGhpcy5vcGVuZWQgPSB0cnVlO1xuICAgIHRoaXMuc3RhdGUgPSAnb3BlbmluZyc7XG5cbiAgICBjb25zdCBpc1plcm9BbmltYXRpb25EdXJhdGlvbiA9IHRoaXMuX2lzWmVyb0FuaW1hdGlvbkR1cmF0aW9uKCkgfHwgIXRoaXMuaXNDb25uZWN0ZWQ7XG4gICAgY29uc3QgaXNEdXJpbmdJbml0aWFsaXphdGlvbiA9ICF0aGlzLmhhc1VwZGF0ZWQ7XG5cbiAgICBpZiAoIShpc0R1cmluZ0luaXRpYWxpemF0aW9uIHx8IGlzWmVyb0FuaW1hdGlvbkR1cmF0aW9uKSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLmludGVybmFscy5zdGF0ZXMuYWRkKCdza2lwLWFuaW1hdGlvbicpO1xuXG4gICAgLy8gV2UgaGF2ZSB0byB3YWl0IGZvciB0aGUgZmlyc3QgdXBkYXRlIHRvIGJlIGNvbXBsZXRlZFxuICAgIC8vIGluIG9yZGVyIHRvIGhhdmUgdGhlIHNpemUgb2YgdGhlIHNpZGViYXIgcmVhZHkgZm9yIHRoZSBhbmltYXRpb24uXG4gICAgaWYgKGlzRHVyaW5nSW5pdGlhbGl6YXRpb24pIHtcbiAgICAgIHRoaXMudXBkYXRlQ29tcGxldGUudGhlbigoKSA9PiB0aGlzLl9oYW5kbGVPcGVuaW5nKCkpO1xuICAgIH0gZWxzZSB7XG4gICAgICAvLyBJZiB0aGUgYW5pbWF0aW9uIGR1cmF0aW9uIGlzIHplcm8sIHRoZSBhbmltYXRpb25lbmQgZXZlbnQgaXMgbm90IGFsd2F5cyBmaXJlZCByZWxpYWJseS5cbiAgICAgIC8vIEluIHRoaXMgY2FzZSB3ZSBkaXJlY3RseSBzZXQgdGhlIGBvcGVuZWRgIHN0YXRlLlxuICAgICAgdGhpcy5faGFuZGxlT3BlbmluZygpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX2lzWmVyb0FuaW1hdGlvbkR1cmF0aW9uKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiBpc1plcm9BbmltYXRpb25EdXJhdGlvbih0aGlzLCAnLS1zYmItc2lkZWJhci1jb250YWluZXItYW5pbWF0aW9uLWR1cmF0aW9uJyk7XG4gIH1cblxuICBwcml2YXRlIF9oYW5kbGVPcGVuaW5nKCk6IHZvaWQge1xuICAgIHRoaXMuc3RhdGUgPSAnb3BlbmVkJztcblxuICAgIC8vIFdlIGhhdmUgdG8gZW5zdXJlIHRoYXQgcmVtb3ZpbmcgdGhlIGFuaW1hdGlvbiBza2lwIGluc3RydWN0aW9uIGlzIGRvbmUgYSB0aWNrIGxhdGVyLlxuICAgIC8vIE90aGVyd2lzZSwgaXQncyByZW1vdmVkIHRvbyBlYXJseSBhbmQgaXQgZG9lc24ndCBoYXZlIGFueSBlZmZlY3QuXG4gICAgc2V0VGltZW91dCgoKSA9PiB0aGlzLmludGVybmFscy5zdGF0ZXMuZGVsZXRlKCdza2lwLWFuaW1hdGlvbicpKTtcblxuICAgIHRoaXMuX3Rha2VGb2N1cygpO1xuICAgIHRoaXMuc3RvcEFuaW1hdGlvbigpO1xuICAgIHRoaXMuZGlzcGF0Y2hPcGVuRXZlbnQoKTtcbiAgfVxuXG4gIC8qKiBDbG9zZXMgdGhlIHNpZGViYXIuICovXG4gIHB1YmxpYyBjbG9zZSgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5zdGF0ZSA9PT0gJ2Nsb3NpbmcnIHx8IHRoaXMuc3RhdGUgPT09ICdjbG9zZWQnIHx8ICF0aGlzLmRpc3BhdGNoQmVmb3JlQ2xvc2VFdmVudCgpKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdGhpcy5zdGFydEFuaW1hdGlvbigpO1xuXG4gICAgY29uc3QgaXNaZXJvQW5pbWF0aW9uRHVyYXRpb24gPSB0aGlzLl9pc1plcm9BbmltYXRpb25EdXJhdGlvbigpO1xuXG4gICAgaWYgKCF0aGlzLmhhc1VwZGF0ZWQgfHwgaXNaZXJvQW5pbWF0aW9uRHVyYXRpb24pIHtcbiAgICAgIHRoaXMuaW50ZXJuYWxzLnN0YXRlcy5hZGQoJ3NraXAtYW5pbWF0aW9uJyk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuc3RhdGUgPSAnY2xvc2luZyc7XG4gICAgfVxuXG4gICAgdGhpcy5vcGVuZWQgPSBmYWxzZTtcblxuICAgIC8vIElmIHRoZSBhbmltYXRpb24gZHVyYXRpb24gaXMgemVybywgdGhlIGFuaW1hdGlvbmVuZCBldmVudCBpcyBub3QgYWx3YXlzIGZpcmVkIHJlbGlhYmx5LlxuICAgIC8vIEluIHRoaXMgY2FzZSB3ZSBkaXJlY3RseSBzZXQgdGhlIGBvcGVuZWRgIHN0YXRlLlxuICAgIGlmICghdGhpcy5oYXNVcGRhdGVkIHx8IGlzWmVyb0FuaW1hdGlvbkR1cmF0aW9uKSB7XG4gICAgICB0aGlzLl9oYW5kbGVDbG9zaW5nKCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfaGFuZGxlQ2xvc2luZygpOiB2b2lkIHtcbiAgICB0aGlzLnN0YXRlID0gJ2Nsb3NlZCc7XG4gICAgLy8gV2UgaGF2ZSB0byBlbnN1cmUgdGhhdCByZW1vdmluZyB0aGUgYW5pbWF0aW9uIHNraXAgaW5zdHJ1Y3Rpb24gaXMgZG9uZSBhIHRpY2sgbGF0ZXIuXG4gICAgLy8gT3RoZXJ3aXNlLCBpdCdzIHJlbW92ZWQgdG9vIGVhcmx5IGFuZCBpdCBkb2Vzbid0IGhhdmUgYW55IGVmZmVjdC5cbiAgICBzZXRUaW1lb3V0KCgpID0+IHRoaXMuaW50ZXJuYWxzLnN0YXRlcy5kZWxldGUoJ3NraXAtYW5pbWF0aW9uJykpO1xuICAgIHRoaXMuY2VkZUZvY3VzKCk7XG5cbiAgICBpZiAoIWlzU2VydmVyICYmICh0aGlzLmNvbnRhaW5zKGRvY3VtZW50LmFjdGl2ZUVsZW1lbnQpIHx8IHRoaXMuX2lzTW9kZU92ZXIoKSkpIHtcbiAgICAgIGlmICh0aGlzLl9sYXN0Rm9jdXNlZEVsZW1lbnQpIHtcbiAgICAgICAgdGhpcy5fbGFzdEZvY3VzZWRFbGVtZW50Py5mb2N1cygpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgLy8gV2UgZG9uJ3Qga25vdyB3aGVyZSB0byBzZXQgdGhlIGZvY3VzLCBidXQgaGF2ZSB0byByZW1vdmUgaXQsIHNvIHdlIGNhbGwgYmx1clxuICAgICAgICAoZG9jdW1lbnQuYWN0aXZlRWxlbWVudCBhcyBIVE1MRWxlbWVudCkuYmx1cigpO1xuICAgICAgfVxuICAgIH1cbiAgICB0aGlzLl9sYXN0Rm9jdXNlZEVsZW1lbnQgPSBudWxsO1xuXG4gICAgdGhpcy5zdG9wQW5pbWF0aW9uKCk7XG4gICAgdGhpcy5kaXNwYXRjaENsb3NlRXZlbnQoKTtcbiAgfVxuXG4gIHByaXZhdGUgX3Rha2VGb2N1cygpOiB2b2lkIHtcbiAgICAvLyBXZSBwcmV2ZW50IGNhbGxpbmcgdGhlIGZvY3VzIHN0dWZmIHdoZW4gbm90IG5lZWRlZFxuICAgIGlmICghdGhpcy5pc0Nvbm5lY3RlZCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBjb25zdCBpc01vZGVPdmVyID0gdGhpcy5faXNNb2RlT3ZlcigpO1xuXG4gICAgaWYgKGlzTW9kZU92ZXIgfHwgdGhpcy5mb2N1c09uT3Blbikge1xuICAgICAgdGhpcy5fZm9jdXNUcmFwQ29udHJvbGxlci5mb2N1c0luaXRpYWxFbGVtZW50KCk7XG4gICAgfVxuXG4gICAgaWYgKGlzTW9kZU92ZXIpIHtcbiAgICAgIHRoaXMuX2VzY2FwYWJsZU92ZXJsYXlDb250cm9sbGVyLmNvbm5lY3QoKTtcbiAgICAgIHRoaXMuX2ZvY3VzVHJhcENvbnRyb2xsZXIuZW5hYmxlZCA9IHRydWU7XG4gICAgfVxuICB9XG5cbiAgLy8gSW50ZXJuYWwgbWV0aG9kIHRoYXQgd2UgdXNlIGV4dGVybmFsbHkuIGBwcm90ZWN0ZWRgIHByZXNlcnZlcyB0eXBlIGluZm9ybWF0aW9uIGZvciB0eXBlIHNhZmUgYWNjZXNzLlxuICBwcm90ZWN0ZWQgY2VkZUZvY3VzKCk6IHZvaWQge1xuICAgIHRoaXMuX2ZvY3VzVHJhcENvbnRyb2xsZXIuZW5hYmxlZCA9IGZhbHNlO1xuICAgIHRoaXMuX2VzY2FwYWJsZU92ZXJsYXlDb250cm9sbGVyLmRpc2Nvbm5lY3QoKTtcbiAgfVxuXG4gIHByaXZhdGUgX3VwZGF0ZVNpZGViYXJXaWR0aChvbGRQb3NpdGlvbj86IHRoaXNbJ3Bvc2l0aW9uJ10pOiB2b2lkIHtcbiAgICBjb25zdCBjb250YWluZXIgPSB0aGlzLmNvbnRhaW5lcjtcbiAgICBpZiAoIWNvbnRhaW5lcikge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGlmIChvbGRQb3NpdGlvbikge1xuICAgICAgY29udGFpbmVyLnN0eWxlLnJlbW92ZVByb3BlcnR5KHRoaXMuX2J1aWxkQ3NzV2lkdGhWYXIob2xkUG9zaXRpb24pKTtcbiAgICB9XG5cbiAgICBjb25zdCB3aWR0aCA9IHRoaXMub2Zmc2V0V2lkdGg7XG4gICAgaWYgKCF3aWR0aCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IG5ld1ZhbHVlID0gYCR7d2lkdGh9cHhgO1xuICAgIGNvbnN0IGFjdHVhbFZhbHVlID0gY29udGFpbmVyLnN0eWxlLmdldFByb3BlcnR5VmFsdWUodGhpcy5fYnVpbGRDc3NXaWR0aFZhcigpKTtcblxuICAgIGlmIChhY3R1YWxWYWx1ZSA9PT0gbmV3VmFsdWUpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb250YWluZXIuc3R5bGUuc2V0UHJvcGVydHkodGhpcy5fYnVpbGRDc3NXaWR0aFZhcigpLCBuZXdWYWx1ZSk7XG4gIH1cblxuICBwcml2YXRlIF9idWlsZENzc1dpZHRoVmFyKHBvc2l0aW9uID0gdGhpcy5wb3NpdGlvbik6IHN0cmluZyB7XG4gICAgcmV0dXJuIGAtLXNiYi1zaWRlYmFyLWNvbnRhaW5lcl9fJHtwb3NpdGlvbn0td2lkdGhgO1xuICB9XG5cbiAgcHJpdmF0ZSBfaXNNb2RlT3ZlcigpOiBib29sZWFuIHtcbiAgICAvLyBJZiB0aGUgbWluaW11bSBzcGFjZSBhdHRyaWJ1dGUgaXMgc2V0LCB0aGUgc2lkZWJhciBzaG91bGQgYmVoYXZlIGxpa2UgaW4gbW9kZSBvdmVyLlxuICAgIHJldHVybiB0aGlzLm1vZGUgPT09ICdvdmVyJyB8fCB0aGlzLm1hdGNoZXMoJzpzdGF0ZShtb2RlLW92ZXItZm9yY2VkKScpO1xuICB9XG5cbiAgcHJpdmF0ZSBfb25UcmFuc2l0aW9uRW5kKGV2ZW50OiBUcmFuc2l0aW9uRXZlbnQpOiB2b2lkIHtcbiAgICAvLyBXZSBlbnN1cmUgdGhhdCB3ZSByZWFjdCB0byB0aGUgZmFkZSBpbiB0cmFuc2l0aW9uIG9uIHRoZSBzYmItc2lkZWJhciBkaXZcbiAgICBpZiAoZXZlbnQucHJvcGVydHlOYW1lICE9PSAndHJhbnNsYXRlJyB8fCBldmVudC50YXJnZXQgIT09IGV2ZW50LmN1cnJlbnRUYXJnZXQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBpZiAodGhpcy5zdGF0ZSA9PT0gJ29wZW5pbmcnKSB7XG4gICAgICB0aGlzLl9oYW5kbGVPcGVuaW5nKCk7XG4gICAgfSBlbHNlIGlmICh0aGlzLnN0YXRlID09PSAnY2xvc2luZycpIHtcbiAgICAgIHRoaXMuX2hhbmRsZUNsb3NpbmcoKTtcbiAgICB9XG4gIH1cblxuICBAZXZlbnRPcHRpb25zKHsgcGFzc2l2ZTogdHJ1ZSB9KVxuICBwcml2YXRlIF9kZXRlY3RTY3JvbGxlZFN0YXRlKCk6IHZvaWQge1xuICAgIHRoaXMudG9nZ2xlU3RhdGUoXG4gICAgICAnc2Nyb2xsZWQnLFxuICAgICAgKHRoaXMuc2hhZG93Um9vdD8ucXVlcnlTZWxlY3RvcignLnNiYi1zaWRlYmFyLWNvbnRlbnQtc2VjdGlvbicpPy5zY3JvbGxUb3AgPz8gMCkgPiAwLFxuICAgICk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGA8ZGl2IGNsYXNzPVwic2JiLXNpZGViYXJcIiBAdHJhbnNpdGlvbmVuZD0ke3RoaXMuX29uVHJhbnNpdGlvbkVuZH0+XG4gICAgICA8ZGl2IGNsYXNzPVwic2JiLXNpZGViYXItdGl0bGUtc2VjdGlvblwiPjxzbG90IG5hbWU9XCJ0aXRsZS1zZWN0aW9uXCI+PC9zbG90PjwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cInNiYi1zaWRlYmFyLWNvbnRlbnQtc2VjdGlvblwiIEBzY3JvbGw9JHsoKSA9PiB0aGlzLl9kZXRlY3RTY3JvbGxlZFN0YXRlKCl9PlxuICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5gO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItc2lkZWJhcic6IFNiYlNpZGViYXJFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOlsiaXNaZXJvQW5pbWF0aW9uRHVyYXRpb24iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQXVCTSxxQkFBaUIsTUFBQTs7MEJBRHRCLGNBQWMsYUFBYSxDQUFDOzs7O29CQUNHLDBCQUEwQix1QkFBdUI7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUF6RCxFQUFBLG1CQUFRLFlBQWtEO0FBQUEsSUE4Q2hGLGNBQUE7QUFDRSxZQUFBO0FBMUNGO0FBS0E7QUFNQTtBQVNBO0FBU0E7QUE3QmdCLHlCQUFBLDBCQUxaLGtCQUFBLE1BQUEsMEJBQUEsR0FBaUIsa0JBQUEsTUFBQSxxQkFLcUIsT0FBTztBQUtqQyx5QkFBQSx5QkFBQSxrQkFBQSxNQUFBLHdCQUFBLEdBQUEsa0JBQUEsTUFBQSxvQkFBd0IsTUFBTTtBQU05Qix5QkFBQSw2QkFBQSxrQkFBQSxNQUFBLHVCQUFBLEdBQUEsa0JBQUEsTUFBQSx3QkFBNEIsT0FBTztBQVNuQyx5QkFBQSwyQkFBQSxrQkFBQSxNQUFBLDJCQUFBLEdBQUEsa0JBQUEsTUFBQSxzQkFBa0IsS0FBSztBQVN2Qix5QkFBQSxnQ0FBQSxrQkFBQSxNQUFBLHlCQUFBLEdBQUEsa0JBQUEsTUFBQSwyQkFBdUIsS0FBSztBQU1wQyxXQUFBLGNBQVUsa0JBQUEsTUFBQSw4QkFBQSxHQUFzQztBQUVoRCxXQUFBLHNCQUEwQztBQUMxQyxXQUFB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

package/development/sidebar/sidebar-close-button/sidebar-close-button.component.d.ts

@@ -0,0 +1,23 @@
+import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
+import { SbbSecondaryButtonElement } from '../../button/secondary-button.ts';
+/**
+ * Sidebar close button, intended to be placed inside sbb-sidebar.
+ *
+ * @slot - Use the unnamed slot to add content to the sidebar-close-button. Not intended to be used in this context.
+ * @slot icon - Slot used to display the icon, if one is set. Not intended to be used in this context.
+ */
+export declare class SbbSidebarCloseButtonElement extends SbbSecondaryButtonElement {
+    static styles: CSSResultGroup;
+    private _languageController;
+    constructor();
+    connectedCallback(): void;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    protected renderTemplate(): TemplateResult;
+    protected renderIconName(): string;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-sidebar-close-button': SbbSidebarCloseButtonElement;
+    }
+}
+//# sourceMappingURL=sidebar-close-button.component.d.ts.map

package/development/sidebar/sidebar-close-button/sidebar-close-button.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-close-button.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/sidebar/sidebar-close-button/sidebar-close-button.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1E,OAAO,EAAE,yBAAyB,EAAE,MAAM,kCAAkC,CAAC;AAM7E;;;;;GAKG;AACH,qBAEM,4BAA6B,SAAQ,yBAAyB;IAClE,OAAuB,MAAM,EAAE,cAAc,CAA6C;IAE1F,OAAO,CAAC,mBAAmB,CAAmC;;IAO9C,iBAAiB,IAAI,IAAI;cAKtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAKzD,cAAc,IAAI,cAAc;cAIhC,cAAc,IAAI,MAAM;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,0BAA0B,EAAE,4BAA4B,CAAC;KAC1D;CACF"}