@sbb-esta/lyne-elements 4.6.0 → 4.8.0

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

@@ -1,182 +1,2 @@
-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=
+import { t as SbbExpansionPanelHeaderElement } from "../../expansion-panel-header.component-BQaFPmqq.js";
+export { SbbExpansionPanelHeaderElement };

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

@@ -1,5 +1,2 @@
-/**
- * @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

@@ -1 +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"}
+{"version":3,"file":"expansion-panel-header.d.ts","sourceRoot":"","sources":["../../../../src/elements/expansion-panel/expansion-panel-header.ts"],"names":[],"mappings":"AAGA,cAAc,8DAA8D,CAAC"}

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

@@ -1,5 +1,10 @@
-import { SbbExpansionPanelHeaderElement } from "./expansion-panel-header/expansion-panel-header.component.js";
-export {
-  SbbExpansionPanelHeaderElement
-};
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5zaW9uLXBhbmVsLWhlYWRlci5qcyIsInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W10sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7In0=
+import { t as SbbExpansionPanelHeaderElement } from "../expansion-panel-header.component-BQaFPmqq.js";
+//#region src/elements/expansion-panel/expansion-panel-header.ts
+/** @entrypoint */
+SbbExpansionPanelHeaderElement.define();
+console.warn(`The entrypoint '@sbb-esta/elements/expansion-panel/expansion-panel-header.js' has been deprecated.
+Use either '@sbb-esta/elements/expansion-panel.js' or '@sbb-esta/elements/expansion-panel.pure.js' instead.`);
+//#endregion
+export { SbbExpansionPanelHeaderElement };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5zaW9uLXBhbmVsLWhlYWRlci5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvZXhwYW5zaW9uLXBhbmVsL2V4cGFuc2lvbi1wYW5lbC1oZWFkZXIudHMiXSwic291cmNlc0NvbnRlbnQiOlsiLyoqIEBlbnRyeXBvaW50ICovXG5pbXBvcnQgeyBTYmJFeHBhbnNpb25QYW5lbEhlYWRlckVsZW1lbnQgfSBmcm9tICcuL2V4cGFuc2lvbi1wYW5lbC1oZWFkZXIvZXhwYW5zaW9uLXBhbmVsLWhlYWRlci5jb21wb25lbnQudHMnO1xuXG5leHBvcnQgKiBmcm9tICcuL2V4cGFuc2lvbi1wYW5lbC1oZWFkZXIvZXhwYW5zaW9uLXBhbmVsLWhlYWRlci5jb21wb25lbnQudHMnO1xuXG5TYmJFeHBhbnNpb25QYW5lbEhlYWRlckVsZW1lbnQuZGVmaW5lKCk7XG5cbmNvbnNvbGUud2FybihgVGhlIGVudHJ5cG9pbnQgJ0BzYmItZXN0YS9lbGVtZW50cy9leHBhbnNpb24tcGFuZWwvZXhwYW5zaW9uLXBhbmVsLWhlYWRlci5qcycgaGFzIGJlZW4gZGVwcmVjYXRlZC5cblVzZSBlaXRoZXIgJ0BzYmItZXN0YS9lbGVtZW50cy9leHBhbnNpb24tcGFuZWwuanMnIG9yICdAc2JiLWVzdGEvZWxlbWVudHMvZXhwYW5zaW9uLXBhbmVsLnB1cmUuanMnIGluc3RlYWQuYCk7XG4iXSwibWFwcGluZ3MiOiI7OztBQUtBLCtCQUErQixRQUFRO0FBRXZDLFFBQVEsS0FBSzs2R0FDZ0cifQ==

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

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

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

@@ -1 +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"}
+{"version":3,"file":"expansion-panel.d.ts","sourceRoot":"","sources":["../../../../src/elements/expansion-panel/expansion-panel.ts"],"names":[],"mappings":"AAGA,cAAc,gDAAgD,CAAC"}

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

@@ -1,5 +1,10 @@
-import { SbbExpansionPanelElement } from "./expansion-panel/expansion-panel.component.js";
-export {
-  SbbExpansionPanelElement
-};
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5zaW9uLXBhbmVsLmpzIiwic291cmNlcyI6W10sInNvdXJjZXNDb250ZW50IjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjsifQ==
+import { t as SbbExpansionPanelElement } from "../expansion-panel.component-sNQCAll-.js";
+//#region src/elements/expansion-panel/expansion-panel.ts
+/** @entrypoint */
+SbbExpansionPanelElement.define();
+console.warn(`The entrypoint '@sbb-esta/elements/expansion-panel/expansion-panel.js' has been deprecated.
+Use either '@sbb-esta/elements/expansion-panel.js' or '@sbb-esta/elements/expansion-panel.pure.js' instead.`);
+//#endregion
+export { SbbExpansionPanelElement };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5zaW9uLXBhbmVsLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9leHBhbnNpb24tcGFuZWwvZXhwYW5zaW9uLXBhbmVsLnRzIl0sInNvdXJjZXNDb250ZW50IjpbIi8qKiBAZW50cnlwb2ludCAqL1xuaW1wb3J0IHsgU2JiRXhwYW5zaW9uUGFuZWxFbGVtZW50IH0gZnJvbSAnLi9leHBhbnNpb24tcGFuZWwvZXhwYW5zaW9uLXBhbmVsLmNvbXBvbmVudC50cyc7XG5cbmV4cG9ydCAqIGZyb20gJy4vZXhwYW5zaW9uLXBhbmVsL2V4cGFuc2lvbi1wYW5lbC5jb21wb25lbnQudHMnO1xuXG5TYmJFeHBhbnNpb25QYW5lbEVsZW1lbnQuZGVmaW5lKCk7XG5cbmNvbnNvbGUud2FybihgVGhlIGVudHJ5cG9pbnQgJ0BzYmItZXN0YS9lbGVtZW50cy9leHBhbnNpb24tcGFuZWwvZXhwYW5zaW9uLXBhbmVsLmpzJyBoYXMgYmVlbiBkZXByZWNhdGVkLlxuVXNlIGVpdGhlciAnQHNiYi1lc3RhL2VsZW1lbnRzL2V4cGFuc2lvbi1wYW5lbC5qcycgb3IgJ0BzYmItZXN0YS9lbGVtZW50cy9leHBhbnNpb24tcGFuZWwucHVyZS5qcycgaW5zdGVhZC5gKTtcbiJdLCJtYXBwaW5ncyI6Ijs7O0FBS0EseUJBQXlCLFFBQVE7QUFFakMsUUFBUSxLQUFLOzZHQUNnRyJ9

package/development/expansion-panel-content.component-P1BVKaUQ.js

@@ -0,0 +1,77 @@
+import { css, html } from "lit";
+import { SbbElement } from "./core/base-elements.js";
+import { boxSizingStyles } from "./core/styles.js";
+import { SbbPropertyWatcherController } from "./core/controllers.js";
+//#region src/elements/expansion-panel/expansion-panel-content/expansion-panel-content.scss?lit&inline
+var expansion_panel_content_default = css`:host {
+  --sbb-expansion-panel-content-padding-inline-start: var(
+    --sbb-expansion-panel-content-padding-inline
+  );
+  display: block;
+  padding-block-end: var(--sbb-expansion-panel-content-padding-block-end);
+  padding-inline: var(--sbb-expansion-panel-content-padding-inline-start) var(--sbb-expansion-panel-content-padding-inline);
+}
+
+:host(:is(:state(size-s),[state--size-s])) {
+  --sbb-expansion-panel-content-padding-inline: var(--sbb-expansion-panel-content-padding-inline-s);
+}
+
+:host(:is(:state(size-l),[state--size-l])) {
+  --sbb-expansion-panel-content-padding-inline: var(--sbb-expansion-panel-content-padding-inline-l);
+}
+
+:host(:not(:is(:state(size-s),[state--size-s]), :is(:state(size-l),[state--size-l]))) {
+  --sbb-expansion-panel-content-padding-inline: var(
+    --sbb-expansion-panel-content-padding-inline-default
+  );
+}
+
+@media (min-width: calc(37.5rem)) {
+  :host(:is(:state(icon-space),[state--icon-space])) {
+    --sbb-expansion-panel-content-padding-inline-start: calc(
+      var(--sbb-expansion-panel-content-padding-inline) + var(--sbb-expansion-panel-icon-size) +
+        var(--sbb-expansion-panel-title-gap)
+    );
+  }
+}
+
+::slotted(:is(p, sbb-title):first-child) {
+  margin-block-start: 0;
+}`;
+//#endregion
+//#region src/elements/expansion-panel/expansion-panel-content/expansion-panel-content.component.ts
+/**
+* It can be used as a container for the content of the `sbb-expansion-panel` component.
+*
+* @slot - Use the unnamed slot to add content to the `sbb-expansion-panel`.
+*/
+var SbbExpansionPanelContentElement = class extends SbbElement {
+	static {
+		this.elementName = "sbb-expansion-panel-content";
+	}
+	static {
+		this.role = "region";
+	}
+	static {
+		this.styles = [boxSizingStyles, expansion_panel_content_default];
+	}
+	constructor() {
+		super();
+		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 ||= "content";
+	}
+	render() {
+		return html` <slot></slot> `;
+	}
+};
+//#endregion
+export { SbbExpansionPanelContentElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5zaW9uLXBhbmVsLWNvbnRlbnQuY29tcG9uZW50LVAxQlZLYVVRLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9leHBhbnNpb24tcGFuZWwvZXhwYW5zaW9uLXBhbmVsLWNvbnRlbnQvZXhwYW5zaW9uLXBhbmVsLWNvbnRlbnQuc2Nzcz9saXQmaW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2V4cGFuc2lvbi1wYW5lbC9leHBhbnNpb24tcGFuZWwtY29udGVudC9leHBhbnNpb24tcGFuZWwtY29udGVudC5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICAtLXNiYi1leHBhbnNpb24tcGFuZWwtY29udGVudC1wYWRkaW5nLWlubGluZS1zdGFydDogdmFyKFxuICAgIC0tc2JiLWV4cGFuc2lvbi1wYW5lbC1jb250ZW50LXBhZGRpbmctaW5saW5lXG4gICk7XG5cbiAgZGlzcGxheTogYmxvY2s7XG4gIHBhZGRpbmctYmxvY2stZW5kOiB2YXIoLS1zYmItZXhwYW5zaW9uLXBhbmVsLWNvbnRlbnQtcGFkZGluZy1ibG9jay1lbmQpO1xuICBwYWRkaW5nLWlubGluZTogdmFyKC0tc2JiLWV4cGFuc2lvbi1wYW5lbC1jb250ZW50LXBhZGRpbmctaW5saW5lLXN0YXJ0KVxuICAgIHZhcigtLXNiYi1leHBhbnNpb24tcGFuZWwtY29udGVudC1wYWRkaW5nLWlubGluZSk7XG59XG5cbjpob3N0KDpzdGF0ZShzaXplLXMpKSB7XG4gIC0tc2JiLWV4cGFuc2lvbi1wYW5lbC1jb250ZW50LXBhZGRpbmctaW5saW5lOiB2YXIoLS1zYmItZXhwYW5zaW9uLXBhbmVsLWNvbnRlbnQtcGFkZGluZy1pbmxpbmUtcyk7XG59XG5cbjpob3N0KDpzdGF0ZShzaXplLWwpKSB7XG4gIC0tc2JiLWV4cGFuc2lvbi1wYW5lbC1jb250ZW50LXBhZGRpbmctaW5saW5lOiB2YXIoLS1zYmItZXhwYW5zaW9uLXBhbmVsLWNvbnRlbnQtcGFkZGluZy1pbmxpbmUtbCk7XG59XG5cbjpob3N0KDpub3QoOnN0YXRlKHNpemUtcyksIDpzdGF0ZShzaXplLWwpKSkge1xuICAtLXNiYi1leHBhbnNpb24tcGFuZWwtY29udGVudC1wYWRkaW5nLWlubGluZTogdmFyKFxuICAgIC0tc2JiLWV4cGFuc2lvbi1wYW5lbC1jb250ZW50LXBhZGRpbmctaW5saW5lLWRlZmF1bHRcbiAgKTtcbn1cblxuOmhvc3QoOnN0YXRlKGljb24tc3BhY2UpKSB7XG4gIEBpbmNsdWRlIHNiYi5tcSgkZnJvbTogc21hbGwpIHtcbiAgICAvLyBUaGUgc3BhY2UgdGFrZW4gYnkgdGhlIGljb24gaW4gdGhlIHNiYi1leHBhbnNpb24tcGFuZWwtaGVhZGVyIG11c3QgYmUgY29uc2lkZXJlZCBoZXJlIHRvIGNvcnJlY3RseSBjYWxjdWxhdGUgdGhlIHBhZGRpbmcgdmFsdWU7XG4gICAgLy8gdGhpcyBpcyB0aGUgc3VtIG9mIHRoZSBkZWZhdWx0IHBhZGRpbmcsIHBsdXMgdGhlIGljb24gc3BhY2UgcGx1cyB0aGUgZ2FwIGJldHdlZW4gdGhlIGljb24gYW5kIHRoZSBoZWFkZXIgdGl0bGUuXG4gICAgLS1zYmItZXhwYW5zaW9uLXBhbmVsLWNvbnRlbnQtcGFkZGluZy1pbmxpbmUtc3RhcnQ6IGNhbGMoXG4gICAgICB2YXIoLS1zYmItZXhwYW5zaW9uLXBhbmVsLWNvbnRlbnQtcGFkZGluZy1pbmxpbmUpICsgdmFyKC0tc2JiLWV4cGFuc2lvbi1wYW5lbC1pY29uLXNpemUpICtcbiAgICAgICAgdmFyKC0tc2JiLWV4cGFuc2lvbi1wYW5lbC10aXRsZS1nYXApXG4gICAgKTtcbiAgfVxufVxuXG46OnNsb3R0ZWQoOmlzKHAsIHNiYi10aXRsZSk6Zmlyc3QtY2hpbGQpIHtcbiAgbWFyZ2luLWJsb2NrLXN0YXJ0OiAwO1xufVxuIiwiaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCwgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCB9IGZyb20gJ2xpdCc7XG5cbmltcG9ydCB7IFNiYkVsZW1lbnQgfSBmcm9tICcuLi8uLi9jb3JlL2Jhc2UtZWxlbWVudHMudHMnO1xuaW1wb3J0IHsgU2JiUHJvcGVydHlXYXRjaGVyQ29udHJvbGxlciB9IGZyb20gJy4uLy4uL2NvcmUvY29udHJvbGxlcnMudHMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnLi4vLi4vY29yZS9zdHlsZXMudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9leHBhbnNpb24tcGFuZWwtY29udGVudC5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIEl0IGNhbiBiZSB1c2VkIGFzIGEgY29udGFpbmVyIGZvciB0aGUgY29udGVudCBvZiB0aGUgYHNiYi1leHBhbnNpb24tcGFuZWxgIGNvbXBvbmVudC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBjb250ZW50IHRvIHRoZSBgc2JiLWV4cGFuc2lvbi1wYW5lbGAuXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJFeHBhbnNpb25QYW5lbENvbnRlbnRFbGVtZW50IGV4dGVuZHMgU2JiRWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItZXhwYW5zaW9uLXBhbmVsLWNvbnRlbnQnO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IHJvbGUgPSAncmVnaW9uJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2JveFNpemluZ1N0eWxlcywgc3R5bGVdO1xuXG4gIHByaXZhdGUgX3ByZXZpb3VzU2l6ZT86IHN0cmluZztcblxuICBwdWJsaWMgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICB0aGlzLmFkZENvbnRyb2xsZXIoXG4gICAgICBuZXcgU2JiUHJvcGVydHlXYXRjaGVyQ29udHJvbGxlcih0aGlzLCAoKSA9PiB0aGlzLmNsb3Nlc3QoJ3NiYi1leHBhbnNpb24tcGFuZWwnKSwge1xuICAgICAgICBzaXplOiAocykgPT4ge1xuICAgICAgICAgIGlmICh0aGlzLl9wcmV2aW91c1NpemUpIHtcbiAgICAgICAgICAgIHRoaXMuaW50ZXJuYWxzLnN0YXRlcy5kZWxldGUoYHNpemUtJHt0aGlzLl9wcmV2aW91c1NpemV9YCk7XG4gICAgICAgICAgfVxuICAgICAgICAgIHRoaXMuX3ByZXZpb3VzU2l6ZSA9IHMuc2l6ZTtcbiAgICAgICAgICBpZiAodGhpcy5fcHJldmlvdXNTaXplKSB7XG4gICAgICAgICAgICB0aGlzLmludGVybmFscy5zdGF0ZXMuYWRkKGBzaXplLSR7dGhpcy5fcHJldmlvdXNTaXplfWApO1xuICAgICAgICAgIH1cbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgICk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICB0aGlzLnNsb3QgfHw9ICdjb250ZW50JztcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYCA8c2xvdD48L3Nsb3Q+IGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1leHBhbnNpb24tcGFuZWwtY29udGVudCc6IFNiYkV4cGFuc2lvblBhbmVsQ29udGVudEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUNjQSxJQUFhLGtDQUFiLGNBQXFELFdBQVU7O0FBQzdCLE9BQUEsY0FBc0I7OztBQUN0QixPQUFBLE9BQU87OztBQUNoQixPQUFBLFNBQXlCLENBQUMsaUJBQWlCLGdDQUFNOztDQUl4RSxjQUFBO0FBQ0UsU0FBTztBQUNQLE9BQUssY0FDSCxJQUFJLDZCQUE2QixZQUFZLEtBQUssUUFBUSxzQkFBc0IsRUFBRSxFQUNoRixPQUFPLE1BQUs7QUFDVixPQUFJLEtBQUssY0FDUCxNQUFLLFVBQVUsT0FBTyxPQUFPLFFBQVEsS0FBSyxnQkFBZ0I7QUFFNUQsUUFBSyxnQkFBZ0IsRUFBRTtBQUN2QixPQUFJLEtBQUssY0FDUCxNQUFLLFVBQVUsT0FBTyxJQUFJLFFBQVEsS0FBSyxnQkFBZ0I7S0FHNUQsQ0FBQyxDQUNIOztDQUdhLG9CQUFpQjtBQUMvQixRQUFNLG1CQUFtQjtBQUN6QixPQUFLLFNBQVM7O0NBR0csU0FBTTtBQUN2QixTQUFPLElBQUkifQ==

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

@@ -0,0 +1,175 @@
+import { css, html, nothing } from "lit";
+import { SbbButtonBaseElement } from "./core/base-elements.js";
+import { SbbDisabledTabIndexActionMixin, ɵstateController } from "./core/mixins.js";
+import { boxSizingStyles } from "./core/styles.js";
+import { SbbMediaMatcherController, SbbMediaQueryHover, SbbPropertyWatcherController } from "./core/controllers.js";
+import { SbbIconNameMixin } from "./icon.js";
+//#region src/elements/expansion-panel/expansion-panel-header/expansion-panel-header.scss?lit&inline
+var expansion_panel_header_default = 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);
+}`;
+//#endregion
+//#region src/elements/expansion-panel/expansion-panel-header/expansion-panel-header.component.ts
+/**
+* It acts as a native `summary` tag for the `sbb-expansion-panel` component.
+*
+* @slot - Use the unnamed slot to add content to the `sbb-expansion-panel-header`.
+* @slot icon - Slot used to render the `sbb-expansion-panel-header` icon.
+*/
+var SbbExpansionPanelHeaderElement = class extends SbbDisabledTabIndexActionMixin(SbbIconNameMixin(SbbButtonBaseElement)) {
+	static {
+		this.elementName = "sbb-expansion-panel-header";
+	}
+	static {
+		this.styles = [boxSizingStyles, expansion_panel_header_default];
+	}
+	static {
+		this.events = { toggleexpanded: "toggleexpanded" };
+	}
+	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)
+ /** Notifies that the `sbb-expansion-panel` is about to expand/shrink. */
+		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}
+    `;
+	}
+};
+//#endregion
+export { SbbExpansionPanelHeaderElement as t };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5zaW9uLXBhbmVsLWhlYWRlci5jb21wb25lbnQtQlFhRlBtcXEuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2V4cGFuc2lvbi1wYW5lbC9leHBhbnNpb24tcGFuZWwtaGVhZGVyL2V4cGFuc2lvbi1wYW5lbC1oZWFkZXIuc2Nzcz9saXQmaW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2V4cGFuc2lvbi1wYW5lbC9leHBhbnNpb24tcGFuZWwtaGVhZGVyL2V4cGFuc2lvbi1wYW5lbC1oZWFkZXIuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbjpob3N0KDpzdGF0ZShzaXplLXMpKSB7XG4gIC0tc2JiLWV4cGFuc2lvbi1wYW5lbC1oZWFkZXItZ2FwOiB2YXIoLS1zYmItZXhwYW5zaW9uLXBhbmVsLWhlYWRlci1nYXAtcyk7XG4gIC0tc2JiLWV4cGFuc2lvbi1wYW5lbC1oZWFkZXItcGFkZGluZy1ibG9jazogdmFyKC0tc2JiLWV4cGFuc2lvbi1wYW5lbC1oZWFkZXItcGFkZGluZy1ibG9jay1zKTtcbiAgLS1zYmItZXhwYW5zaW9uLXBhbmVsLWhlYWRlci1wYWRkaW5nLWlubGluZTogdmFyKC0tc2JiLWV4cGFuc2lvbi1wYW5lbC1oZWFkZXItcGFkZGluZy1pbmxpbmUtcyk7XG59XG5cbjpob3N0KDpzdGF0ZShzaXplLWwpKSB7XG4gIC0tc2JiLWV4cGFuc2lvbi1wYW5lbC1oZWFkZXItZ2FwOiB2YXIoLS1zYmItZXhwYW5zaW9uLXBhbmVsLWhlYWRlci1nYXAtbCk7XG4gIC0tc2JiLWV4cGFuc2lvbi1wYW5lbC1oZWFkZXItcGFkZGluZy1ibG9jazogdmFyKC0tc2JiLWV4cGFuc2lvbi1wYW5lbC1oZWFkZXItcGFkZGluZy1ibG9jay1sKTtcbiAgLS1zYmItZXhwYW5zaW9uLXBhbmVsLWhlYWRlci1wYWRkaW5nLWlubGluZTogdmFyKC0tc2JiLWV4cGFuc2lvbi1wYW5lbC1oZWFkZXItcGFkZGluZy1pbmxpbmUtbCk7XG59XG5cbjpob3N0KDpub3QoOnN0YXRlKHNpemUtcyksIDpzdGF0ZShzaXplLWwpKSkge1xuICAtLXNiYi1leHBhbnNpb24tcGFuZWwtaGVhZGVyLWdhcDogdmFyKC0tc2JiLWV4cGFuc2lvbi1wYW5lbC1oZWFkZXItZ2FwLWRlZmF1bHQpO1xuICAtLXNiYi1leHBhbnNpb24tcGFuZWwtaGVhZGVyLXBhZGRpbmctYmxvY2s6IHZhcihcbiAgICAtLXNiYi1leHBhbnNpb24tcGFuZWwtaGVhZGVyLXBhZGRpbmctYmxvY2stZGVmYXVsdFxuICApO1xuICAtLXNiYi1leHBhbnNpb24tcGFuZWwtaGVhZGVyLXBhZGRpbmctaW5saW5lOiB2YXIoXG4gICAgLS1zYmItZXhwYW5zaW9uLXBhbmVsLWhlYWRlci1wYWRkaW5nLWlubGluZS1kZWZhdWx0XG4gICk7XG59XG5cbjpob3N0KDppcyg6ZGlzYWJsZWQsIFtkaXNhYmxlZC1pbnRlcmFjdGl2ZV0pKSB7XG4gIC0tc2JiLWV4cGFuc2lvbi1wYW5lbC1oZWFkZXItY3Vyc29yOiB2YXIoLS1zYmItY3Vyc29yLWRlZmF1bHQpO1xuICAtLXNiYi1leHBhbnNpb24tcGFuZWwtaGVhZGVyLXRleHQtY29sb3I6IGxpZ2h0LWRhcmsoXG4gICAgdmFyKC0tc2JiLWNvbG9yLWdyYW5pdGUpLFxuICAgIHZhcigtLXNiYi1jb2xvci1zdG9ybSlcbiAgKTtcblxuICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgLS1zYmItZXhwYW5zaW9uLXBhbmVsLWhlYWRlci10ZXh0LWNvbG9yOiBHcmF5VGV4dDtcbiAgfVxufVxuXG46aG9zdCg6Zm9jdXMtdmlzaWJsZSkge1xuICBAaW5jbHVkZSBzYmIuZm9jdXMtb3V0bGluZTtcblxuICBvdXRsaW5lLW9mZnNldDogdmFyKC0tc2JiLXNwYWNpbmctZml4ZWQtMXgpO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1zYmItZXhwYW5zaW9uLXBhbmVsLWJvcmRlci1yYWRpdXMpO1xufVxuXG4uc2JiLWV4cGFuc2lvbi1wYW5lbC1oZWFkZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHZhcigtLXNiYi1leHBhbnNpb24tcGFuZWwtaGVhZGVyLWp1c3RpZnktY29udGVudCk7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogdmFyKC0tc2JiLWV4cGFuc2lvbi1wYW5lbC1oZWFkZXItZ2FwKTtcbiAgd2lkdGg6IDEwMCU7XG4gIHBhZGRpbmc6IHZhcigtLXNiYi1leHBhbnNpb24tcGFuZWwtaGVhZGVyLXBhZGRpbmctYmxvY2spXG4gICAgdmFyKC0tc2JiLWV4cGFuc2lvbi1wYW5lbC1oZWFkZXItcGFkZGluZy1pbmxpbmUpO1xuICB0ZXh0LWFsaWduOiBzdGFydDtcbiAgY3Vyc29yOiB2YXIoLS1zYmItZXhwYW5zaW9uLXBhbmVsLWhlYWRlci1jdXJzb3IpO1xuICBjb2xvcjogdmFyKC0tc2JiLWV4cGFuc2lvbi1wYW5lbC1oZWFkZXItdGV4dC1jb2xvcik7XG4gIGZvbnQtc2l6ZTogdmFyKC0tc2JiLWV4cGFuc2lvbi1wYW5lbC1oZWFkZXItZm9udC1zaXplKTtcbiAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbiAgbGV0dGVyLXNwYWNpbmc6IHZhcigtLXNiYi10eXBvLWxldHRlci1zcGFjaW5nLXRleHQpO1xuICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHRyYW5zcGFyZW50O1xufVxuXG4uc2JiLWV4cGFuc2lvbi1wYW5lbC1oZWFkZXJfX3RpdGxlLFxuLnNiYi1leHBhbnNpb24tcGFuZWwtaGVhZGVyX190b2dnbGUsXG4uc2JiLWV4cGFuc2lvbi1wYW5lbC1oZWFkZXJfX2ljb24ge1xuICBkaXNwbGF5OiBmbGV4O1xufVxuXG4uc2JiLWV4cGFuc2lvbi1wYW5lbC1oZWFkZXJfX2ljb24ge1xuICB3aWR0aDogdmFyKC0tc2JiLWV4cGFuc2lvbi1wYW5lbC1pY29uLXNpemUpO1xuXG4gIC0tc2JiLWljb24tc3ZnLXdpZHRoOiB2YXIoLS1zYmItZXhwYW5zaW9uLXBhbmVsLWljb24tc2l6ZSk7XG4gIC0tc2JiLWljb24tc3ZnLWhlaWdodDogdmFyKC0tc2JiLWV4cGFuc2lvbi1wYW5lbC1pY29uLXNpemUpO1xuXG4gIDpob3N0KDpub3QoOnN0YXRlKHNsb3R0ZWQtaWNvbiksIDpzdGF0ZShoYXMtaWNvbi1uYW1lKSkpICYge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbn1cblxuLnNiYi1leHBhbnNpb24tcGFuZWwtaGVhZGVyX190aXRsZSB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogdmFyKC0tc2JiLWV4cGFuc2lvbi1wYW5lbC10aXRsZS1nYXApO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gIC8vIEFsaWduIHdpdGggdG9nZ2xlIGljb25cbiAgbWluLWhlaWdodDogdmFyKC0tc2JiLXNpemUtaWNvbi11aS1tZWRpdW0pO1xufVxuXG4uc2JiLWV4cGFuc2lvbi1wYW5lbC1oZWFkZXJfX3RvZ2dsZS1pY29uIHtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIHZhcigtLXNiYi1kaXNhYmxlLWFuaW1hdGlvbi1kdXJhdGlvbiwgdmFyKC0tc2JiLWFuaW1hdGlvbi1kdXJhdGlvbi00eCkpO1xuXG4gIDpob3N0KFthcmlhLWV4cGFuZGVkXTpub3QoW2FyaWEtZXhwYW5kZWQ9J2ZhbHNlJ10pKSAmIHtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgtMTgwZGVnKTtcbiAgfVxufVxuIiwiaW1wb3J0IHsgdHlwZSBDU1NSZXN1bHRHcm91cCwgaHRtbCwgbm90aGluZywgdHlwZSBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5cbmltcG9ydCB7IFNiYkJ1dHRvbkJhc2VFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlLWVsZW1lbnRzLnRzJztcbmltcG9ydCB7XG4gIFNiYk1lZGlhUXVlcnlIb3ZlcixcbiAgU2JiTWVkaWFNYXRjaGVyQ29udHJvbGxlcixcbiAgU2JiUHJvcGVydHlXYXRjaGVyQ29udHJvbGxlcixcbn0gZnJvbSAnLi4vLi4vY29yZS9jb250cm9sbGVycy50cyc7XG5pbXBvcnQgeyBTYmJEaXNhYmxlZFRhYkluZGV4QWN0aW9uTWl4aW4sIMm1c3RhdGVDb250cm9sbGVyIH0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMudHMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnLi4vLi4vY29yZS9zdHlsZXMudHMnO1xuaW1wb3J0IHsgU2JiSWNvbk5hbWVNaXhpbiB9IGZyb20gJy4uLy4uL2ljb24udHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJFeHBhbnNpb25QYW5lbEVsZW1lbnQgfSBmcm9tICcuLi9leHBhbnNpb24tcGFuZWwvZXhwYW5zaW9uLXBhbmVsLmNvbXBvbmVudC50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2V4cGFuc2lvbi1wYW5lbC1oZWFkZXIuc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBJdCBhY3RzIGFzIGEgbmF0aXZlIGBzdW1tYXJ5YCB0YWcgZm9yIHRoZSBgc2JiLWV4cGFuc2lvbi1wYW5lbGAgY29tcG9uZW50LlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGNvbnRlbnQgdG8gdGhlIGBzYmItZXhwYW5zaW9uLXBhbmVsLWhlYWRlcmAuXG4gKiBAc2xvdCBpY29uIC0gU2xvdCB1c2VkIHRvIHJlbmRlciB0aGUgYHNiYi1leHBhbnNpb24tcGFuZWwtaGVhZGVyYCBpY29uLlxuICovXG5leHBvcnQgY2xhc3MgU2JiRXhwYW5zaW9uUGFuZWxIZWFkZXJFbGVtZW50IGV4dGVuZHMgU2JiRGlzYWJsZWRUYWJJbmRleEFjdGlvbk1peGluKFxuICBTYmJJY29uTmFtZU1peGluKFNiYkJ1dHRvbkJhc2VFbGVtZW50KSxcbikge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLWV4cGFuc2lvbi1wYW5lbC1oZWFkZXInO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCBzdHlsZV07XG4gIHB1YmxpYyBzdGF0aWMgcmVhZG9ubHkgZXZlbnRzID0ge1xuICAgIHRvZ2dsZWV4cGFuZGVkOiAndG9nZ2xlZXhwYW5kZWQnLFxuICB9IGFzIGNvbnN0O1xuXG4gIHByaXZhdGUgX21lZGlhTWF0Y2hlciA9IG5ldyBTYmJNZWRpYU1hdGNoZXJDb250cm9sbGVyKHRoaXMsIHtcbiAgICBbU2JiTWVkaWFRdWVyeUhvdmVyXTogKG0pID0+ICh0aGlzLl9pc0hvdmVyID0gbSksXG4gIH0pO1xuXG4gIHByaXZhdGUgX2lzSG92ZXI6IGJvb2xlYW4gPSB0aGlzLl9tZWRpYU1hdGNoZXIubWF0Y2hlcyhTYmJNZWRpYVF1ZXJ5SG92ZXIpID8/IGZhbHNlO1xuICBwcml2YXRlIF9wcmV2aW91c1NpemU/OiBzdHJpbmc7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyPy4oJ2NsaWNrJywgKCkgPT4gdGhpcy5fZW1pdEV4cGFuZGVkRXZlbnQoKSk7XG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyPy4oJ21vdXNlZW50ZXInLCAoKSA9PiB0aGlzLl9vbk1vdXNlTW92ZW1lbnQodHJ1ZSkpO1xuICAgIHRoaXMuYWRkRXZlbnRMaXN0ZW5lcj8uKCdtb3VzZWxlYXZlJywgKCkgPT4gdGhpcy5fb25Nb3VzZU1vdmVtZW50KGZhbHNlKSk7XG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyPy4oJ3Nsb3R0ZWRjaGFuZ2UnLCAoKSA9PiB0aGlzLl9zZXRJY29uU3RhdGUoKSk7XG4gICAgdGhpcy5hZGRDb250cm9sbGVyKFxuICAgICAgbmV3IFNiYlByb3BlcnR5V2F0Y2hlckNvbnRyb2xsZXIodGhpcywgKCkgPT4gdGhpcy5jbG9zZXN0KCdzYmItZXhwYW5zaW9uLXBhbmVsJyksIHtcbiAgICAgICAgc2l6ZTogKHMpID0+IHtcbiAgICAgICAgICBpZiAodGhpcy5fcHJldmlvdXNTaXplKSB7XG4gICAgICAgICAgICB0aGlzLmludGVybmFscy5zdGF0ZXMuZGVsZXRlKGBzaXplLSR7dGhpcy5fcHJldmlvdXNTaXplfWApO1xuICAgICAgICAgIH1cbiAgICAgICAgICB0aGlzLl9wcmV2aW91c1NpemUgPSBzLnNpemU7XG4gICAgICAgICAgaWYgKHRoaXMuX3ByZXZpb3VzU2l6ZSkge1xuICAgICAgICAgICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmFkZChgc2l6ZS0ke3RoaXMuX3ByZXZpb3VzU2l6ZX1gKTtcbiAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICApO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgdGhpcy5zbG90IHx8PSAnaGVhZGVyJztcbiAgfVxuXG4gIHByaXZhdGUgX2VtaXRFeHBhbmRlZEV2ZW50KCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5kaXNhYmxlZCkge1xuICAgICAgLyoqIE5vdGlmaWVzIHRoYXQgdGhlIGBzYmItZXhwYW5zaW9uLXBhbmVsYCBpcyBhYm91dCB0byBleHBhbmQvc2hyaW5rLiAqL1xuICAgICAgdGhpcy5kaXNwYXRjaEV2ZW50KG5ldyBFdmVudCgndG9nZ2xlZXhwYW5kZWQnLCB7IGJ1YmJsZXM6IHRydWUsIGNvbXBvc2VkOiB0cnVlIH0pKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF9vbk1vdXNlTW92ZW1lbnQodG9nZ2xlRGF0YUF0dHJpYnV0ZTogYm9vbGVhbik6IHZvaWQge1xuICAgIGNvbnN0IHBhcmVudDogU2JiRXhwYW5zaW9uUGFuZWxFbGVtZW50ID0gdGhpcy5jbG9zZXN0KCdzYmItZXhwYW5zaW9uLXBhbmVsJykhO1xuICAgIC8vIFRoZSBgc2JiLmhvdmVyLW1xYCBsb2dpYyBoYXMgYmVlbiByZW1vdmVkIGZyb20gc2NzcywgYnV0IGl0IG11c3QgYmUgcmVwbGljYXRlZCB0byBoYXZlIHRoZSBjb3JyZWN0IGJlaGF2aW9yIG9uIG1vYmlsZS5cbiAgICBpZiAoIXRvZ2dsZURhdGFBdHRyaWJ1dGUgfHwgKHBhcmVudCAmJiB0aGlzLl9pc0hvdmVyKSkge1xuICAgICAgybVzdGF0ZUNvbnRyb2xsZXIocGFyZW50KS50b2dnbGUoJ3RvZ2dsZS1ob3ZlcicsIHRvZ2dsZURhdGFBdHRyaWJ1dGUpO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBUaGUgOnN0YXRlKGljb24pIGlzIHVzZWQgYnkgdGhlICdzYmItZXhwYW5zaW9uLXBhbmVsJy5cbiAgICogSXQgbmVlZHMgdG8gYmUgc2V0IGJlZm9yZSB0aGUgQHNsb3RjaGFuZ2UgZXZlbnQgYnViYmxlcyB0byB0aGUgJ2V4cGFuc2lvbi1wYW5lbCdcbiAgICogYnV0IGFmdGVyIHRoZSAnU2JiU2xvdFN0YXRlQ29udHJvbGxlcicgaGFzIHJ1bi5cbiAgICovXG4gIHByaXZhdGUgX3NldEljb25TdGF0ZSgpOiB2b2lkIHtcbiAgICB0aGlzLnRvZ2dsZVN0YXRlKCdpY29uJywgISEodGhpcy5pY29uTmFtZSB8fCB0aGlzLmludGVybmFscy5zdGF0ZXMuaGFzKCdpY29uJykpKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXJUZW1wbGF0ZSgpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgLy8gVE9ETzogU3RpbGwgbmVjZXNzYXJ5P1xuICAgIHRoaXMuX3NldEljb25TdGF0ZSgpO1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPHNwYW4gY2xhc3M9XCJzYmItZXhwYW5zaW9uLXBhbmVsLWhlYWRlcl9fdGl0bGVcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItZXhwYW5zaW9uLXBhbmVsLWhlYWRlcl9faWNvblwiPiAke3RoaXMucmVuZGVySWNvblNsb3QoKX0gPC9zcGFuPlxuICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICA8L3NwYW4+XG4gICAgICAkeyF0aGlzLmRpc2FibGVkXG4gICAgICAgID8gaHRtbGA8c3BhbiBjbGFzcz1cInNiYi1leHBhbnNpb24tcGFuZWwtaGVhZGVyX190b2dnbGVcIj5cbiAgICAgICAgICAgIDxzYmItaWNvblxuICAgICAgICAgICAgICBuYW1lPVwiY2hldnJvbi1zbWFsbC1kb3duLW1lZGl1bVwiXG4gICAgICAgICAgICAgIGNsYXNzPVwic2JiLWV4cGFuc2lvbi1wYW5lbC1oZWFkZXJfX3RvZ2dsZS1pY29uXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgIDwvc2JiLWljb24+XG4gICAgICAgICAgPC9zcGFuPmBcbiAgICAgICAgOiBub3RoaW5nfVxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1leHBhbnNpb24tcGFuZWwtaGVhZGVyJzogU2JiRXhwYW5zaW9uUGFuZWxIZWFkZXJFbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUNxQkEsSUFBYSxpQ0FBYixjQUFvRCwrQkFDbEQsaUJBQWlCLHFCQUFxQixDQUN2QyxDQUFBOztBQUNpQyxPQUFBLGNBQXNCOzs7QUFDL0IsT0FBQSxTQUF5QixDQUFDLGlCQUFpQiwrQkFBTTs7O0FBQ2pELE9BQUEsU0FBUyxFQUM5QixnQkFBZ0Isa0JBQ1I7O0NBU1YsY0FBQTtBQUNFLFNBQU87QUFSRCxPQUFBLGdCQUFnQixJQUFJLDBCQUEwQixNQUFNLEdBQ3pELHNCQUFzQixNQUFPLEtBQUssV0FBVyxHQUMvQyxDQUFDO0FBRU0sT0FBQSxXQUFvQixLQUFLLGNBQWMsUUFBUSxtQkFBbUIsSUFBSTtBQUs1RSxPQUFLLG1CQUFtQixlQUFlLEtBQUssb0JBQW9CLENBQUM7QUFDakUsT0FBSyxtQkFBbUIsb0JBQW9CLEtBQUssaUJBQWlCLEtBQUssQ0FBQztBQUN4RSxPQUFLLG1CQUFtQixvQkFBb0IsS0FBSyxpQkFBaUIsTUFBTSxDQUFDO0FBQ3pFLE9BQUssbUJBQW1CLHVCQUF1QixLQUFLLGVBQWUsQ0FBQztBQUNwRSxPQUFLLGNBQ0gsSUFBSSw2QkFBNkIsWUFBWSxLQUFLLFFBQVEsc0JBQXNCLEVBQUUsRUFDaEYsT0FBTyxNQUFLO0FBQ1YsT0FBSSxLQUFLLGNBQ1AsTUFBSyxVQUFVLE9BQU8sT0FBTyxRQUFRLEtBQUssZ0JBQWdCO0FBRTVELFFBQUssZ0JBQWdCLEVBQUU7QUFDdkIsT0FBSSxLQUFLLGNBQ1AsTUFBSyxVQUFVLE9BQU8sSUFBSSxRQUFRLEtBQUssZ0JBQWdCO0tBRzVELENBQUMsQ0FDSDs7Q0FHYSxvQkFBaUI7QUFDL0IsUUFBTSxtQkFBbUI7QUFDekIsT0FBSyxTQUFTOztDQUdSLHFCQUFrQjtBQUN4QixNQUFJLENBQUMsS0FBSzs7QUFFUixPQUFLLGNBQWMsSUFBSSxNQUFNLGtCQUFrQjtHQUFFLFNBQVM7R0FBTSxVQUFVO0dBQU0sQ0FBQyxDQUFDOztDQUk5RSxpQkFBaUIscUJBQTRCO0VBQ25ELE1BQU0sU0FBbUMsS0FBSyxRQUFRLHNCQUF1QjtBQUU3RSxNQUFJLENBQUMsdUJBQXdCLFVBQVUsS0FBSyxTQUMxQyxrQkFBaUIsT0FBTyxDQUFDLE9BQU8sZ0JBQWdCLG9CQUFvQjs7Ozs7OztDQVNoRSxnQkFBYTtBQUNuQixPQUFLLFlBQVksUUFBUSxDQUFDLEVBQUUsS0FBSyxZQUFZLEtBQUssVUFBVSxPQUFPLElBQUksT0FBTyxFQUFFOztDQUcvRCxpQkFBYztBQUUvQixPQUFLLGVBQWU7QUFDcEIsU0FBTyxJQUFJOzswREFFMkMsS0FBSyxnQkFBZ0IsQ0FBQTs7O1FBR3ZFLENBQUMsS0FBSyxXQUNKLElBQUk7Ozs7OztxQkFPSixRQUFBIn0=