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

package/development/expansion-panel/expansion-panel-header/expansion-panel-header.component.js

@@ -0,0 +1,182 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { css, nothing, html } from "lit";
+import { customElement } from "lit/decorators.js";
+import { SbbButtonBaseElement } from "../../core/base-elements.js";
+import { SbbMediaMatcherController, SbbMediaQueryHover, SbbPropertyWatcherController } from "../../core/controllers.js";
+import { SbbDisabledTabIndexActionMixin, ɵstateController as _stateController } from "../../core/mixins.js";
+import { boxSizingStyles } from "../../core/styles.js";
+import { SbbIconNameMixin } from "../../icon.js";
+const style = css`:host {
+  display: block;
+}
+
+:host(:is(:state(size-s),[state--size-s])) {
+  --sbb-expansion-panel-header-gap: var(--sbb-expansion-panel-header-gap-s);
+  --sbb-expansion-panel-header-padding-block: var(--sbb-expansion-panel-header-padding-block-s);
+  --sbb-expansion-panel-header-padding-inline: var(--sbb-expansion-panel-header-padding-inline-s);
+}
+
+:host(:is(:state(size-l),[state--size-l])) {
+  --sbb-expansion-panel-header-gap: var(--sbb-expansion-panel-header-gap-l);
+  --sbb-expansion-panel-header-padding-block: var(--sbb-expansion-panel-header-padding-block-l);
+  --sbb-expansion-panel-header-padding-inline: var(--sbb-expansion-panel-header-padding-inline-l);
+}
+
+:host(:not(:is(:state(size-s),[state--size-s]), :is(:state(size-l),[state--size-l]))) {
+  --sbb-expansion-panel-header-gap: var(--sbb-expansion-panel-header-gap-default);
+  --sbb-expansion-panel-header-padding-block: var(
+    --sbb-expansion-panel-header-padding-block-default
+  );
+  --sbb-expansion-panel-header-padding-inline: var(
+    --sbb-expansion-panel-header-padding-inline-default
+  );
+}
+
+:host(:is(:disabled, [disabled-interactive])) {
+  --sbb-expansion-panel-header-cursor: var(--sbb-cursor-default);
+  --sbb-expansion-panel-header-text-color: var(--sbb-color-granite);
+  --sbb-expansion-panel-header-text-color: light-dark(
+    var(--sbb-color-granite),
+    var(--sbb-color-storm)
+  );
+}
+@media (forced-colors: active) {
+  :host(:is(:disabled, [disabled-interactive])) {
+    --sbb-expansion-panel-header-text-color: GrayText;
+  }
+}
+
+:host(:focus-visible) {
+  outline-offset: var(--sbb-focus-outline-offset);
+  outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);
+  outline-offset: var(--sbb-spacing-fixed-1x);
+  border-radius: var(--sbb-expansion-panel-border-radius);
+}
+
+.sbb-expansion-panel-header {
+  display: flex;
+  justify-content: var(--sbb-expansion-panel-header-justify-content);
+  align-items: center;
+  gap: var(--sbb-expansion-panel-header-gap);
+  width: 100%;
+  padding: var(--sbb-expansion-panel-header-padding-block) var(--sbb-expansion-panel-header-padding-inline);
+  text-align: start;
+  cursor: var(--sbb-expansion-panel-header-cursor);
+  color: var(--sbb-expansion-panel-header-text-color);
+  font-size: var(--sbb-expansion-panel-header-font-size);
+  font-weight: normal;
+  letter-spacing: var(--sbb-typo-letter-spacing-text);
+  -webkit-tap-highlight-color: transparent;
+}
+
+.sbb-expansion-panel-header__title,
+.sbb-expansion-panel-header__toggle,
+.sbb-expansion-panel-header__icon {
+  display: flex;
+}
+
+.sbb-expansion-panel-header__icon {
+  width: var(--sbb-expansion-panel-icon-size);
+  --sbb-icon-svg-width: var(--sbb-expansion-panel-icon-size);
+  --sbb-icon-svg-height: var(--sbb-expansion-panel-icon-size);
+}
+:host(:not(:is(:state(slotted-icon),[state--slotted-icon]), :is(:state(has-icon-name),[state--has-icon-name]))) .sbb-expansion-panel-header__icon {
+  display: none;
+}
+
+.sbb-expansion-panel-header__title {
+  align-items: center;
+  gap: var(--sbb-expansion-panel-title-gap);
+  overflow: hidden;
+  min-height: var(--sbb-size-icon-ui-medium);
+}
+
+.sbb-expansion-panel-header__toggle-icon {
+  transition: transform var(--sbb-disable-animation-duration, var(--sbb-animation-duration-4x));
+}
+:host([aria-expanded]:not([aria-expanded=false])) .sbb-expansion-panel-header__toggle-icon {
+  transform: rotate(-180deg);
+}`;
+let SbbExpansionPanelHeaderElement = (() => {
+  var _a;
+  let _classDecorators = [customElement("sbb-expansion-panel-header")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbDisabledTabIndexActionMixin(SbbIconNameMixin(SbbButtonBaseElement));
+  _a = class extends _classSuper {
+    constructor() {
+      super();
+      this._mediaMatcher = new SbbMediaMatcherController(this, {
+        [SbbMediaQueryHover]: (m) => this._isHover = m
+      });
+      this._isHover = this._mediaMatcher.matches(SbbMediaQueryHover) ?? false;
+      this.addEventListener?.("click", () => this._emitExpandedEvent());
+      this.addEventListener?.("mouseenter", () => this._onMouseMovement(true));
+      this.addEventListener?.("mouseleave", () => this._onMouseMovement(false));
+      this.addEventListener?.("slottedchange", () => this._setIconState());
+      this.addController(new SbbPropertyWatcherController(this, () => this.closest("sbb-expansion-panel"), {
+        size: (s) => {
+          if (this._previousSize) {
+            this.internals.states.delete(`size-${this._previousSize}`);
+          }
+          this._previousSize = s.size;
+          if (this._previousSize) {
+            this.internals.states.add(`size-${this._previousSize}`);
+          }
+        }
+      }));
+    }
+    connectedCallback() {
+      super.connectedCallback();
+      this.slot ||= "header";
+    }
+    _emitExpandedEvent() {
+      if (!this.disabled) {
+        this.dispatchEvent(new Event("toggleexpanded", { bubbles: true, composed: true }));
+      }
+    }
+    _onMouseMovement(toggleDataAttribute) {
+      const parent = this.closest("sbb-expansion-panel");
+      if (!toggleDataAttribute || parent && this._isHover) {
+        _stateController(parent).toggle("toggle-hover", toggleDataAttribute);
+      }
+    }
+    /**
+     * The :is(:state(icon),[state--icon]) is used by the 'sbb-expansion-panel'.
+     * It needs to be set before the @slotchange event bubbles to the 'expansion-panel'
+     * but after the 'SbbSlotStateController' has run.
+     */
+    _setIconState() {
+      this.toggleState("icon", !!(this.iconName || this.internals.states.has("icon")));
+    }
+    renderTemplate() {
+      this._setIconState();
+      return html`
+      <span class="sbb-expansion-panel-header__title">
+        <span class="sbb-expansion-panel-header__icon"> ${this.renderIconSlot()} </span>
+        <slot></slot>
+      </span>
+      ${!this.disabled ? html`<span class="sbb-expansion-panel-header__toggle">
+            <sbb-icon
+              name="chevron-small-down-medium"
+              class="sbb-expansion-panel-header__toggle-icon"
+            >
+            </sbb-icon>
+          </span>` : nothing}
+    `;
+    }
+  }, _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 = [boxSizingStyles, style], _a.events = {
+    toggleexpanded: "toggleexpanded"
+  }, __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbExpansionPanelHeaderElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5zaW9uLXBhbmVsLWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9leHBhbnNpb24tcGFuZWwvZXhwYW5zaW9uLXBhbmVsLWhlYWRlci9leHBhbnNpb24tcGFuZWwtaGVhZGVyLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0eXBlIENTU1Jlc3VsdEdyb3VwLCBodG1sLCBub3RoaW5nLCB0eXBlIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYkJ1dHRvbkJhc2VFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlLWVsZW1lbnRzLnRzJztcbmltcG9ydCB7XG4gIFNiYk1lZGlhUXVlcnlIb3ZlcixcbiAgU2JiTWVkaWFNYXRjaGVyQ29udHJvbGxlcixcbiAgU2JiUHJvcGVydHlXYXRjaGVyQ29udHJvbGxlcixcbn0gZnJvbSAnLi4vLi4vY29yZS9jb250cm9sbGVycy50cyc7XG5pbXBvcnQgeyBTYmJEaXNhYmxlZFRhYkluZGV4QWN0aW9uTWl4aW4sIMm1c3RhdGVDb250cm9sbGVyIH0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMudHMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnLi4vLi4vY29yZS9zdHlsZXMudHMnO1xuaW1wb3J0IHsgU2JiSWNvbk5hbWVNaXhpbiB9IGZyb20gJy4uLy4uL2ljb24udHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJFeHBhbnNpb25QYW5lbEVsZW1lbnQgfSBmcm9tICcuLi9leHBhbnNpb24tcGFuZWwudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9leHBhbnNpb24tcGFuZWwtaGVhZGVyLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogSXQgYWN0cyBhcyBhIG5hdGl2ZSBgc3VtbWFyeWAgdGFnIGZvciB0aGUgYHNiYi1leHBhbnNpb24tcGFuZWxgIGNvbXBvbmVudC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBjb250ZW50IHRvIHRoZSBgc2JiLWV4cGFuc2lvbi1wYW5lbC1oZWFkZXJgLlxuICogQHNsb3QgaWNvbiAtIFNsb3QgdXNlZCB0byByZW5kZXIgdGhlIGBzYmItZXhwYW5zaW9uLXBhbmVsLWhlYWRlcmAgaWNvbi5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLWV4cGFuc2lvbi1wYW5lbC1oZWFkZXInKVxuY2xhc3MgU2JiRXhwYW5zaW9uUGFuZWxIZWFkZXJFbGVtZW50IGV4dGVuZHMgU2JiRGlzYWJsZWRUYWJJbmRleEFjdGlvbk1peGluKFxuICBTYmJJY29uTmFtZU1peGluKFNiYkJ1dHRvbkJhc2VFbGVtZW50KSxcbikge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCBzdHlsZV07XG4gIHB1YmxpYyBzdGF0aWMgcmVhZG9ubHkgZXZlbnRzID0ge1xuICAgIHRvZ2dsZWV4cGFuZGVkOiAndG9nZ2xlZXhwYW5kZWQnLFxuICB9IGFzIGNvbnN0O1xuXG4gIHByaXZhdGUgX21lZGlhTWF0Y2hlciA9IG5ldyBTYmJNZWRpYU1hdGNoZXJDb250cm9sbGVyKHRoaXMsIHtcbiAgICBbU2JiTWVkaWFRdWVyeUhvdmVyXTogKG0pID0+ICh0aGlzLl9pc0hvdmVyID0gbSksXG4gIH0pO1xuXG4gIHByaXZhdGUgX2lzSG92ZXI6IGJvb2xlYW4gPSB0aGlzLl9tZWRpYU1hdGNoZXIubWF0Y2hlcyhTYmJNZWRpYVF1ZXJ5SG92ZXIpID8/IGZhbHNlO1xuICBwcml2YXRlIF9wcmV2aW91c1NpemU/OiBzdHJpbmc7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyPy4oJ2NsaWNrJywgKCkgPT4gdGhpcy5fZW1pdEV4cGFuZGVkRXZlbnQoKSk7XG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyPy4oJ21vdXNlZW50ZXInLCAoKSA9PiB0aGlzLl9vbk1vdXNlTW92ZW1lbnQodHJ1ZSkpO1xuICAgIHRoaXMuYWRkRXZlbnRMaXN0ZW5lcj8uKCdtb3VzZWxlYXZlJywgKCkgPT4gdGhpcy5fb25Nb3VzZU1vdmVtZW50KGZhbHNlKSk7XG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyPy4oJ3Nsb3R0ZWRjaGFuZ2UnLCAoKSA9PiB0aGlzLl9zZXRJY29uU3RhdGUoKSk7XG4gICAgdGhpcy5hZGRDb250cm9sbGVyKFxuICAgICAgbmV3IFNiYlByb3BlcnR5V2F0Y2hlckNvbnRyb2xsZXIodGhpcywgKCkgPT4gdGhpcy5jbG9zZXN0KCdzYmItZXhwYW5zaW9uLXBhbmVsJyksIHtcbiAgICAgICAgc2l6ZTogKHMpID0+IHtcbiAgICAgICAgICBpZiAodGhpcy5fcHJldmlvdXNTaXplKSB7XG4gICAgICAgICAgICB0aGlzLmludGVybmFscy5zdGF0ZXMuZGVsZXRlKGBzaXplLSR7dGhpcy5fcHJldmlvdXNTaXplfWApO1xuICAgICAgICAgIH1cbiAgICAgICAgICB0aGlzLl9wcmV2aW91c1NpemUgPSBzLnNpemU7XG4gICAgICAgICAgaWYgKHRoaXMuX3ByZXZpb3VzU2l6ZSkge1xuICAgICAgICAgICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmFkZChgc2l6ZS0ke3RoaXMuX3ByZXZpb3VzU2l6ZX1gKTtcbiAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICApO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgdGhpcy5zbG90IHx8PSAnaGVhZGVyJztcbiAgfVxuXG4gIHByaXZhdGUgX2VtaXRFeHBhbmRlZEV2ZW50KCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5kaXNhYmxlZCkge1xuICAgICAgLyoqIE5vdGlmaWVzIHRoYXQgdGhlIGBzYmItZXhwYW5zaW9uLXBhbmVsYCBpcyBhYm91dCB0byBleHBhbmQvc2hyaW5rLiAqL1xuICAgICAgdGhpcy5kaXNwYXRjaEV2ZW50KG5ldyBFdmVudCgndG9nZ2xlZXhwYW5kZWQnLCB7IGJ1YmJsZXM6IHRydWUsIGNvbXBvc2VkOiB0cnVlIH0pKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF9vbk1vdXNlTW92ZW1lbnQodG9nZ2xlRGF0YUF0dHJpYnV0ZTogYm9vbGVhbik6IHZvaWQge1xuICAgIGNvbnN0IHBhcmVudDogU2JiRXhwYW5zaW9uUGFuZWxFbGVtZW50ID0gdGhpcy5jbG9zZXN0KCdzYmItZXhwYW5zaW9uLXBhbmVsJykhO1xuICAgIC8vIFRoZSBgc2JiLmhvdmVyLW1xYCBsb2dpYyBoYXMgYmVlbiByZW1vdmVkIGZyb20gc2NzcywgYnV0IGl0IG11c3QgYmUgcmVwbGljYXRlZCB0byBoYXZlIHRoZSBjb3JyZWN0IGJlaGF2aW9yIG9uIG1vYmlsZS5cbiAgICBpZiAoIXRvZ2dsZURhdGFBdHRyaWJ1dGUgfHwgKHBhcmVudCAmJiB0aGlzLl9pc0hvdmVyKSkge1xuICAgICAgybVzdGF0ZUNvbnRyb2xsZXIocGFyZW50KS50b2dnbGUoJ3RvZ2dsZS1ob3ZlcicsIHRvZ2dsZURhdGFBdHRyaWJ1dGUpO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBUaGUgOnN0YXRlKGljb24pIGlzIHVzZWQgYnkgdGhlICdzYmItZXhwYW5zaW9uLXBhbmVsJy5cbiAgICogSXQgbmVlZHMgdG8gYmUgc2V0IGJlZm9yZSB0aGUgQHNsb3RjaGFuZ2UgZXZlbnQgYnViYmxlcyB0byB0aGUgJ2V4cGFuc2lvbi1wYW5lbCdcbiAgICogYnV0IGFmdGVyIHRoZSAnU2JiU2xvdFN0YXRlQ29udHJvbGxlcicgaGFzIHJ1bi5cbiAgICovXG4gIHByaXZhdGUgX3NldEljb25TdGF0ZSgpOiB2b2lkIHtcbiAgICB0aGlzLnRvZ2dsZVN0YXRlKCdpY29uJywgISEodGhpcy5pY29uTmFtZSB8fCB0aGlzLmludGVybmFscy5zdGF0ZXMuaGFzKCdpY29uJykpKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXJUZW1wbGF0ZSgpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgLy8gVE9ETzogU3RpbGwgbmVjZXNzYXJ5P1xuICAgIHRoaXMuX3NldEljb25TdGF0ZSgpO1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPHNwYW4gY2xhc3M9XCJzYmItZXhwYW5zaW9uLXBhbmVsLWhlYWRlcl9fdGl0bGVcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItZXhwYW5zaW9uLXBhbmVsLWhlYWRlcl9faWNvblwiPiAke3RoaXMucmVuZGVySWNvblNsb3QoKX0gPC9zcGFuPlxuICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICA8L3NwYW4+XG4gICAgICAkeyF0aGlzLmRpc2FibGVkXG4gICAgICAgID8gaHRtbGA8c3BhbiBjbGFzcz1cInNiYi1leHBhbnNpb24tcGFuZWwtaGVhZGVyX190b2dnbGVcIj5cbiAgICAgICAgICAgIDxzYmItaWNvblxuICAgICAgICAgICAgICBuYW1lPVwiY2hldnJvbi1zbWFsbC1kb3duLW1lZGl1bVwiXG4gICAgICAgICAgICAgIGNsYXNzPVwic2JiLWV4cGFuc2lvbi1wYW5lbC1oZWFkZXJfX3RvZ2dsZS1pY29uXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgIDwvc2JiLWljb24+XG4gICAgICAgICAgPC9zcGFuPmBcbiAgICAgICAgOiBub3RoaW5nfVxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1leHBhbnNpb24tcGFuZWwtaGVhZGVyJzogU2JiRXhwYW5zaW9uUGFuZWxIZWFkZXJFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOlsiybVzdGF0ZUNvbnRyb2xsZXIiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQXdCTSxrQ0FBOEIsTUFBQTs7MEJBRG5DLGNBQWMsNEJBQTRCLENBQUM7Ozs7QUFDQyxNQUFBLGNBQUEsK0JBQzNDLGlCQUFpQixvQkFBb0IsQ0FBQztBQURILEVBQUEsbUJBQVEsWUFFNUM7QUFBQSxJQWFDLGNBQUE7QUFDRSxZQUFBO0FBUk0sV0FBQSxnQkFBZ0IsSUFBSSwwQkFBMEIsTUFBTTtBQUFBLFFBQzFELENBQUMsa0JBQWtCLEdBQUcsQ0FBQyxNQUFPLEtBQUssV0FBVztBQUFBLE1BQUEsQ0FDL0M7QUFFTyxXQUFBLFdBQW9CLEtBQUssY0FBYyxRQUFRLGtCQUFrQixLQUFLO0FBSzVFLFdBQUssbUJBQW1CLFNBQVMsTUFBTSxLQUFLLG9CQUFvQjtBQUNoRSxXQUFLLG1CQUFtQixjQUFjLE1BQU0sS0FBSyxpQkFBaUIsSUFBSSxDQUFDO0FBQ3ZFLFdBQUssbUJBQW1CLGNBQWMsTUFBTSxLQUFLLGlCQUFpQixLQUFLLENBQUM7QUFDeEUsV0FBSyxtQkFBbUIsaUJBQWlCLE1BQU0sS0FBSyxlQUFlO0FBQ25FLFdBQUssY0FDSCxJQUFJLDZCQUE2QixNQUFNLE1BQU0sS0FBSyxRQUFRLHFCQUFxQixHQUFHO0FBQUEsUUFDaEYsTUFBTSxDQUFDLE1BQUs7QUFDVixjQUFJLEtBQUssZUFBZTtBQUN0QixpQkFBSyxVQUFVLE9BQU8sT0FBTyxRQUFRLEtBQUssYUFBYSxFQUFFO0FBQUEsVUFDM0Q7QUFDQSxlQUFLLGdCQUFnQixFQUFFO0FBQ3ZCLGNBQUksS0FBSyxlQUFlO0FBQ3RCLGlCQUFLLFVBQVUsT0FBTyxJQUFJLFFBQVEsS0FBSyxhQUFhLEVBQUU7QUFBQSxVQUN4RDtBQUFBLFFBQ0Y7QUFBQSxNQUFBLENBQ0QsQ0FBQztBQUFBLElBRU47QUFBQSxJQUVnQixvQkFBaUI7QUFDL0IsWUFBTSxrQkFBQTtBQUNOLFdBQUssU0FBUztBQUFBLElBQ2hCO0FBQUEsSUFFUSxxQkFBa0I7QUFDeEIsVUFBSSxDQUFDLEtBQUssVUFBVTtBQUVsQixhQUFLLGNBQWMsSUFBSSxNQUFNLGtCQUFrQixFQUFFLFNBQVMsTUFBTSxVQUFVLEtBQUEsQ0FBTSxDQUFDO0FBQUEsTUFDbkY7QUFBQSxJQUNGO0FBQUEsSUFFUSxpQkFBaUIscUJBQTRCO0FBQ25ELFlBQU0sU0FBbUMsS0FBSyxRQUFRLHFCQUFxQjtBQUUzRSxVQUFJLENBQUMsdUJBQXdCLFVBQVUsS0FBSyxVQUFXO0FBQ3JEQSx5QkFBaUIsTUFBTSxFQUFFLE9BQU8sZ0JBQWdCLG1CQUFtQjtBQUFBLE1BQ3JFO0FBQUEsSUFDRjtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxJQU9RLGdCQUFhO0FBQ25CLFdBQUssWUFBWSxRQUFRLENBQUMsRUFBRSxLQUFLLFlBQVksS0FBSyxVQUFVLE9BQU8sSUFBSSxNQUFNLEVBQUU7QUFBQSxJQUNqRjtBQUFBLElBRW1CLGlCQUFjO0FBRS9CLFdBQUssY0FBQTtBQUNMLGFBQU87QUFBQTtBQUFBLDBEQUUrQyxLQUFLLGdCQUFnQjtBQUFBO0FBQUE7QUFBQSxRQUd2RSxDQUFDLEtBQUssV0FDSjtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxxQkFPQSxPQUFPO0FBQUE7QUFBQSxJQUVmO0FBQUE7O0FBbkZGLGlCQUFBLE1BQUEsbUJBQUEsRUFBQSxPQUFBLFdBQUEsR0FBQSxrQkFBQSxFQUFBLE1BQUEsU0FBQSxNQUFBLFdBQUEsTUFBQSxVQUFBLFVBQUEsR0FBQSxNQUFBLHVCQUFBOzs7UUFHeUIsR0FBQSxTQUF5QixDQUFDLGlCQUFpQixLQUFLLEdBQ2hELEdBQUEsU0FBUztBQUFBLElBQzlCLGdCQUFnQjtBQUFBLEVBQUEsR0FMZCxrQkFBQSxZQUFBLHVCQUFBLEdBQStCOzs7In0=

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"expansion-panel-header.d.ts","sourceRoot":"","sources":["../../../../src/elements/expansion-panel/expansion-panel-header.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,8DAA8D,CAAC"}

package/development/expansion-panel/expansion-panel-header.js

@@ -0,0 +1,5 @@
+import { SbbExpansionPanelHeaderElement } from "./expansion-panel-header/expansion-panel-header.component.js";
+export {
+  SbbExpansionPanelHeaderElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5zaW9uLXBhbmVsLWhlYWRlci5qcyIsInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W10sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7In0=

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

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

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

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

package/development/expansion-panel/expansion-panel.js

@@ -0,0 +1,5 @@
+import { SbbExpansionPanelElement } from "./expansion-panel/expansion-panel.component.js";
+export {
+  SbbExpansionPanelElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5zaW9uLXBhbmVsLmpzIiwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjsifQ==

package/development/expansion-panel.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @entrypoint
+ */
+export * from './expansion-panel/expansion-panel.ts';
+export * from './expansion-panel/expansion-panel-content.ts';
+export * from './expansion-panel/expansion-panel-header.ts';
+//# sourceMappingURL=expansion-panel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"expansion-panel.d.ts","sourceRoot":"","sources":["../../../src/elements/expansion-panel.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,sCAAsC,CAAC;AACrD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,6CAA6C,CAAC"}

package/development/expansion-panel.js

@@ -0,0 +1,9 @@
+import { SbbExpansionPanelElement } from "./expansion-panel/expansion-panel/expansion-panel.component.js";
+import { SbbExpansionPanelContentElement } from "./expansion-panel/expansion-panel-content/expansion-panel-content.component.js";
+import { SbbExpansionPanelHeaderElement } from "./expansion-panel/expansion-panel-header/expansion-panel-header.component.js";
+export {
+  SbbExpansionPanelContentElement,
+  SbbExpansionPanelElement,
+  SbbExpansionPanelHeaderElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5zaW9uLXBhbmVsLmpzIiwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OyJ9

package/development/file-selector/common/file-selector-common.d.ts

@@ -0,0 +1,25 @@
+import { LitElement, TemplateResult } from 'lit';
+import { SbbSecondaryButtonStaticElement } from '../../button.ts';
+import { SbbLanguageController } from '../../core/controllers.ts';
+import { Constructor, FormRestoreReason, FormRestoreState } from '../../core/mixins.ts';
+declare const SbbFileSelectorCommonElementMixinType_base: import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbDisabledMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbFormAssociatedMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbElementInternalsMixinType> & typeof LitElement & import('../../core/mixins.ts').SbbElementInternalsConstructor;
+export declare abstract class SbbFileSelectorCommonElementMixinType extends SbbFileSelectorCommonElementMixinType_base {
+    accessor size: 's' | 'm';
+    accessor multiple: boolean;
+    accessor multipleMode: 'default' | 'persistent';
+    accessor accept: string;
+    accessor accessibilityLabel: string;
+    accessor files: Readonly<File>[];
+    get value(): string | null;
+    set value(value: string | null);
+    protected loadButton: SbbSecondaryButtonStaticElement;
+    protected language: SbbLanguageController;
+    protected abstract renderTemplate(input: TemplateResult): TemplateResult;
+    protected createFileList(files: FileList): void;
+    protected getButtonLabel(): string;
+    formResetCallback(): void;
+    formStateRestoreCallback(state: FormRestoreState | null, reason: FormRestoreReason): void;
+}
+export declare const SbbFileSelectorCommonElementMixin: <T extends Constructor<LitElement>>(superclass: T) => Constructor<SbbFileSelectorCommonElementMixinType> & T;
+export {};
+//# sourceMappingURL=file-selector-common.d.ts.map

package/development/file-selector/common/file-selector-common.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-selector-common.d.ts","sourceRoot":"","sources":["../../../../../src/elements/file-selector/common/file-selector-common.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAMtD,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,iBAAiB,CAAC;AAEvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAUlE,OAAO,EACL,KAAK,WAAW,EAChB,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAKtB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,kCAAkC,CAAC;;AAE1C,MAAM,CAAC,OAAO,CAAC,QAAQ,OAAO,qCAAsC,SAAQ,0CAE3E;IACC,SAAgB,IAAI,EAAE,GAAG,GAAG,GAAG,CAAC;IAChC,SAAgB,QAAQ,EAAE,OAAO,CAAC;IAClC,SAAgB,YAAY,EAAE,SAAS,GAAG,YAAY,CAAC;IACvD,SAAgB,MAAM,EAAE,MAAM,CAAC;IAC/B,SAAgB,kBAAkB,EAAE,MAAM,CAAC;IAC3C,SAAgB,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;IACxC,IAAoB,KAAK,IAAI,MAAM,GAAG,IAAI,CAAC;IAC3C,IAAoB,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE;IAChD,SAAS,CAAC,UAAU,EAAE,+BAA+B,CAAC;IACtD,SAAS,CAAC,QAAQ,EAAE,qBAAqB,CAAC;IAC1C,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,KAAK,EAAE,cAAc,GAAG,cAAc;IACxE,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI;IAC/C,SAAS,CAAC,cAAc,IAAI,MAAM;IAC3B,iBAAiB,IAAI,IAAI;IACzB,wBAAwB,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAAE,MAAM,EAAE,iBAAiB,GAAG,IAAI;CACjG;AAGD,eAAO,MAAM,iCAAiC,GAAI,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,EACjF,YAAY,CAAC,KACZ,WAAW,CAAC,qCAAqC,CAAC,GAAG,CA+UvD,CAAC"}