@sbb-esta/lyne-elements 2.8.0 → 2.9.0

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

@@ -1,4 +1,4 @@
-import { SbbExpansionPanelContentElement } from "./expansion-panel-content/expansion-panel-content.js";
+import { SbbExpansionPanelContentElement } from "./expansion-panel-content/expansion-panel-content.component.js";
 export {
   SbbExpansionPanelContentElement
 };

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

@@ -0,0 +1,38 @@
+import { CSSResultGroup, TemplateResult } from 'lit';
+import { SbbButtonBaseElement } from '../../core/base-elements.js';
+declare const SbbExpansionPanelHeaderElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType & import('../../core/mixins.js').SbbDisabledInteractiveMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../icon.js').SbbIconNameMixinType> & typeof SbbButtonBaseElement;
+/**
+ * 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.
+ * @event {CustomEvent<void>} toggleExpanded - Notifies that the `sbb-expansion-panel` has to expand.
+ */
+export declare class SbbExpansionPanelHeaderElement extends SbbExpansionPanelHeaderElement_base {
+    static styles: CSSResultGroup;
+    static readonly events: {
+        readonly toggleExpanded: "toggleExpanded";
+    };
+    /** Notifies that the `sbb-expansion-panel` has to expand. */
+    private _toggleExpanded;
+    private _namedSlots;
+    private _mediaMatcher;
+    private _isHover;
+    constructor();
+    private _emitExpandedEvent;
+    private _onMouseMovement;
+    /**
+     * The 'data-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.
+     */
+    private _setDataIconAttribute;
+    protected renderTemplate(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-expansion-panel-header': SbbExpansionPanelHeaderElement;
+    }
+}
+export {};
+//# sourceMappingURL=expansion-panel-header.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"expansion-panel-header.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/expansion-panel/expansion-panel-header/expansion-panel-header.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAcnE;;;;;;GAMG;AACH,qBAKM,8BAA+B,SAAQ,mCAE5C;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX,6DAA6D;IAC7D,OAAO,CAAC,eAAe,CAMrB;IACF,OAAO,CAAC,WAAW,CAAwE;IAC3F,OAAO,CAAC,aAAa,CAElB;IAEH,OAAO,CAAC,QAAQ,CAAoE;;IASpF,OAAO,CAAC,kBAAkB;IAM1B,OAAO,CAAC,gBAAgB;IAQxB;;;;OAIG;IACH,OAAO,CAAC,qBAAqB;cAIV,cAAc,IAAI,cAAc;CAkBpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,4BAA4B,EAAE,8BAA8B,CAAC;KAC9D;CACF"}

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

@@ -0,0 +1,173 @@
+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 { SbbSlotStateController, SbbMediaMatcherController, SbbMediaQueryHover } from "../../core/controllers.js";
+import { hostAttributes } from "../../core/decorators.js";
+import { EventEmitter } from "../../core/eventing.js";
+import { SbbDisabledTabIndexActionMixin } from "../../core/mixins.js";
+import { SbbIconNameMixin } from "../../icon.js";
+const style = css`*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  display: block;
+  --sbb-expansion-panel-header-cursor: pointer;
+  --sbb-expansion-panel-header-text-color: var(--sbb-color-charcoal);
+  --sbb-expansion-panel-header-gap: var(--sbb-spacing-fixed-6x);
+  --sbb-expansion-panel-header-padding-block: var(--sbb-spacing-responsive-xs);
+  --sbb-expansion-panel-header-padding-inline: var(--sbb-spacing-fixed-6x);
+}
+@media (forced-colors: active) {
+  :host {
+    --sbb-expansion-panel-header-text-color: ButtonText;
+  }
+}
+
+:host([data-size=s]) {
+  --sbb-expansion-panel-header-gap: var(--sbb-spacing-fixed-2x);
+  --sbb-expansion-panel-header-padding-block: var(--sbb-spacing-fixed-3x);
+  --sbb-expansion-panel-header-padding-inline: var(--sbb-spacing-fixed-5x);
+}
+
+:host(:is(:disabled, [disabled-interactive])) {
+  --sbb-expansion-panel-header-cursor: default;
+  --sbb-expansion-panel-header-text-color: var(--sbb-color-granite);
+}
+@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 {
+  --sbb-text-font-size: var(--sbb-font-size-text-l);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  line-height: var(--sbb-typo-line-height-body-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-body-text);
+  font-size: var(--sbb-text-font-size);
+  display: flex;
+  justify-content: space-between;
+  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);
+  -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([data-slot-names~=icon], [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"), hostAttributes({
+    slot: "header"
+  })];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbDisabledTabIndexActionMixin(SbbIconNameMixin(SbbButtonBaseElement));
+  var SbbExpansionPanelHeaderElement2 = (_a = class extends _classSuper {
+    constructor() {
+      var _a2, _b, _c;
+      super();
+      this._toggleExpanded = new EventEmitter(this, SbbExpansionPanelHeaderElement2.events.toggleExpanded, {
+        bubbles: true
+      });
+      this._namedSlots = new SbbSlotStateController(this, () => this._setDataIconAttribute());
+      this._mediaMatcher = new SbbMediaMatcherController(this, {
+        [SbbMediaQueryHover]: (m) => this._isHover = m
+      });
+      this._isHover = this._mediaMatcher.matches(SbbMediaQueryHover) ?? false;
+      (_a2 = this.addEventListener) == null ? void 0 : _a2.call(this, "click", () => this._emitExpandedEvent());
+      (_b = this.addEventListener) == null ? void 0 : _b.call(this, "mouseenter", () => this._onMouseMovement(true));
+      (_c = this.addEventListener) == null ? void 0 : _c.call(this, "mouseleave", () => this._onMouseMovement(false));
+    }
+    _emitExpandedEvent() {
+      if (!this.disabled) {
+        this._toggleExpanded.emit();
+      }
+    }
+    _onMouseMovement(toggleDataAttribute) {
+      const parent = this.closest("sbb-expansion-panel");
+      if (!toggleDataAttribute || parent && this._isHover) {
+        parent.toggleAttribute("data-toggle-hover", toggleDataAttribute);
+      }
+    }
+    /**
+     * The 'data-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.
+     */
+    _setDataIconAttribute() {
+      this.toggleAttribute("data-icon", !!(this.iconName || this._namedSlots.slots.has("icon")));
+    }
+    renderTemplate() {
+      this._setDataIconAttribute();
+      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);
+    SbbExpansionPanelHeaderElement2 = _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.styles = style, _a.events = {
+    toggleExpanded: "toggleExpanded"
+  }, __runInitializers(_classThis, _classExtraInitializers), _a);
+  return SbbExpansionPanelHeaderElement2 = _classThis;
+})();
+export {
+  SbbExpansionPanelHeaderElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5zaW9uLXBhbmVsLWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9leHBhbnNpb24tcGFuZWwvZXhwYW5zaW9uLXBhbmVsLWhlYWRlci9leHBhbnNpb24tcGFuZWwtaGVhZGVyLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0eXBlIENTU1Jlc3VsdEdyb3VwLCBodG1sLCBub3RoaW5nLCB0eXBlIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYkJ1dHRvbkJhc2VFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlLWVsZW1lbnRzLmpzJztcbmltcG9ydCB7XG4gIFNiYk1lZGlhUXVlcnlIb3ZlcixcbiAgU2JiTWVkaWFNYXRjaGVyQ29udHJvbGxlcixcbiAgU2JiU2xvdFN0YXRlQ29udHJvbGxlcixcbn0gZnJvbSAnLi4vLi4vY29yZS9jb250cm9sbGVycy5qcyc7XG5pbXBvcnQgeyBob3N0QXR0cmlidXRlcyB9IGZyb20gJy4uLy4uL2NvcmUvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBFdmVudEVtaXR0ZXIgfSBmcm9tICcuLi8uLi9jb3JlL2V2ZW50aW5nLmpzJztcbmltcG9ydCB7IFNiYkRpc2FibGVkVGFiSW5kZXhBY3Rpb25NaXhpbiB9IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLmpzJztcbmltcG9ydCB7IFNiYkljb25OYW1lTWl4aW4gfSBmcm9tICcuLi8uLi9pY29uLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiRXhwYW5zaW9uUGFuZWxFbGVtZW50IH0gZnJvbSAnLi4vZXhwYW5zaW9uLXBhbmVsLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vZXhwYW5zaW9uLXBhbmVsLWhlYWRlci5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIEl0IGFjdHMgYXMgYSBuYXRpdmUgYHN1bW1hcnlgIHRhZyBmb3IgdGhlIGBzYmItZXhwYW5zaW9uLXBhbmVsYCBjb21wb25lbnQuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgY29udGVudCB0byB0aGUgYHNiYi1leHBhbnNpb24tcGFuZWwtaGVhZGVyYC5cbiAqIEBzbG90IGljb24gLSBTbG90IHVzZWQgdG8gcmVuZGVyIHRoZSBgc2JiLWV4cGFuc2lvbi1wYW5lbC1oZWFkZXJgIGljb24uXG4gKiBAZXZlbnQge0N1c3RvbUV2ZW50PHZvaWQ+fSB0b2dnbGVFeHBhbmRlZCAtIE5vdGlmaWVzIHRoYXQgdGhlIGBzYmItZXhwYW5zaW9uLXBhbmVsYCBoYXMgdG8gZXhwYW5kLlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItZXhwYW5zaW9uLXBhbmVsLWhlYWRlcicpXG5AaG9zdEF0dHJpYnV0ZXMoe1xuICBzbG90OiAnaGVhZGVyJyxcbn0pXG5jbGFzcyBTYmJFeHBhbnNpb25QYW5lbEhlYWRlckVsZW1lbnQgZXh0ZW5kcyBTYmJEaXNhYmxlZFRhYkluZGV4QWN0aW9uTWl4aW4oXG4gIFNiYkljb25OYW1lTWl4aW4oU2JiQnV0dG9uQmFzZUVsZW1lbnQpLFxuKSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuICBwdWJsaWMgc3RhdGljIHJlYWRvbmx5IGV2ZW50cyA9IHtcbiAgICB0b2dnbGVFeHBhbmRlZDogJ3RvZ2dsZUV4cGFuZGVkJyxcbiAgfSBhcyBjb25zdDtcblxuICAvKiogTm90aWZpZXMgdGhhdCB0aGUgYHNiYi1leHBhbnNpb24tcGFuZWxgIGhhcyB0byBleHBhbmQuICovXG4gIHByaXZhdGUgX3RvZ2dsZUV4cGFuZGVkOiBFdmVudEVtaXR0ZXIgPSBuZXcgRXZlbnRFbWl0dGVyKFxuICAgIHRoaXMsXG4gICAgU2JiRXhwYW5zaW9uUGFuZWxIZWFkZXJFbGVtZW50LmV2ZW50cy50b2dnbGVFeHBhbmRlZCxcbiAgICB7XG4gICAgICBidWJibGVzOiB0cnVlLFxuICAgIH0sXG4gICk7XG4gIHByaXZhdGUgX25hbWVkU2xvdHMgPSBuZXcgU2JiU2xvdFN0YXRlQ29udHJvbGxlcih0aGlzLCAoKSA9PiB0aGlzLl9zZXREYXRhSWNvbkF0dHJpYnV0ZSgpKTtcbiAgcHJpdmF0ZSBfbWVkaWFNYXRjaGVyID0gbmV3IFNiYk1lZGlhTWF0Y2hlckNvbnRyb2xsZXIodGhpcywge1xuICAgIFtTYmJNZWRpYVF1ZXJ5SG92ZXJdOiAobSkgPT4gKHRoaXMuX2lzSG92ZXIgPSBtKSxcbiAgfSk7XG5cbiAgcHJpdmF0ZSBfaXNIb3ZlcjogYm9vbGVhbiA9IHRoaXMuX21lZGlhTWF0Y2hlci5tYXRjaGVzKFNiYk1lZGlhUXVlcnlIb3ZlcikgPz8gZmFsc2U7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyPy4oJ2NsaWNrJywgKCkgPT4gdGhpcy5fZW1pdEV4cGFuZGVkRXZlbnQoKSk7XG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyPy4oJ21vdXNlZW50ZXInLCAoKSA9PiB0aGlzLl9vbk1vdXNlTW92ZW1lbnQodHJ1ZSkpO1xuICAgIHRoaXMuYWRkRXZlbnRMaXN0ZW5lcj8uKCdtb3VzZWxlYXZlJywgKCkgPT4gdGhpcy5fb25Nb3VzZU1vdmVtZW50KGZhbHNlKSk7XG4gIH1cblxuICBwcml2YXRlIF9lbWl0RXhwYW5kZWRFdmVudCgpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuZGlzYWJsZWQpIHtcbiAgICAgIHRoaXMuX3RvZ2dsZUV4cGFuZGVkLmVtaXQoKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF9vbk1vdXNlTW92ZW1lbnQodG9nZ2xlRGF0YUF0dHJpYnV0ZTogYm9vbGVhbik6IHZvaWQge1xuICAgIGNvbnN0IHBhcmVudDogU2JiRXhwYW5zaW9uUGFuZWxFbGVtZW50ID0gdGhpcy5jbG9zZXN0KCdzYmItZXhwYW5zaW9uLXBhbmVsJykhO1xuICAgIC8vIFRoZSBgc2JiLmhvdmVyLW1xYCBsb2dpYyBoYXMgYmVlbiByZW1vdmVkIGZyb20gc2NzcywgYnV0IGl0IG11c3QgYmUgcmVwbGljYXRlZCB0byBoYXZlIHRoZSBjb3JyZWN0IGJlaGF2aW9yIG9uIG1vYmlsZS5cbiAgICBpZiAoIXRvZ2dsZURhdGFBdHRyaWJ1dGUgfHwgKHBhcmVudCAmJiB0aGlzLl9pc0hvdmVyKSkge1xuICAgICAgcGFyZW50LnRvZ2dsZUF0dHJpYnV0ZSgnZGF0YS10b2dnbGUtaG92ZXInLCB0b2dnbGVEYXRhQXR0cmlidXRlKTtcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogVGhlICdkYXRhLWljb24nIGlzIHVzZWQgYnkgdGhlICdzYmItZXhwYW5zaW9uLXBhbmVsJy5cbiAgICogSXQgbmVlZHMgdG8gYmUgc2V0IGJlZm9yZSB0aGUgQHNsb3RjaGFuZ2UgZXZlbnQgYnViYmxlcyB0byB0aGUgJ2V4cGFuc2lvbi1wYW5lbCdcbiAgICogYnV0IGFmdGVyIHRoZSAnU2JiU2xvdFN0YXRlQ29udHJvbGxlcicgaGFzIHJ1bi5cbiAgICovXG4gIHByaXZhdGUgX3NldERhdGFJY29uQXR0cmlidXRlKCk6IHZvaWQge1xuICAgIHRoaXMudG9nZ2xlQXR0cmlidXRlKCdkYXRhLWljb24nLCAhISh0aGlzLmljb25OYW1lIHx8IHRoaXMuX25hbWVkU2xvdHMuc2xvdHMuaGFzKCdpY29uJykpKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXJUZW1wbGF0ZSgpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgdGhpcy5fc2V0RGF0YUljb25BdHRyaWJ1dGUoKTtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWV4cGFuc2lvbi1wYW5lbC1oZWFkZXJfX3RpdGxlXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWV4cGFuc2lvbi1wYW5lbC1oZWFkZXJfX2ljb25cIj4gJHt0aGlzLnJlbmRlckljb25TbG90KCl9IDwvc3Bhbj5cbiAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgPC9zcGFuPlxuICAgICAgJHshdGhpcy5kaXNhYmxlZFxuICAgICAgICA/IGh0bWxgPHNwYW4gY2xhc3M9XCJzYmItZXhwYW5zaW9uLXBhbmVsLWhlYWRlcl9fdG9nZ2xlXCI+XG4gICAgICAgICAgICA8c2JiLWljb25cbiAgICAgICAgICAgICAgbmFtZT1cImNoZXZyb24tc21hbGwtZG93bi1tZWRpdW1cIlxuICAgICAgICAgICAgICBjbGFzcz1cInNiYi1leHBhbnNpb24tcGFuZWwtaGVhZGVyX190b2dnbGUtaWNvblwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICA8L3NiYi1pY29uPlxuICAgICAgICAgIDwvc3Bhbj5gXG4gICAgICAgIDogbm90aGluZ31cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItZXhwYW5zaW9uLXBhbmVsLWhlYWRlcic6IFNiYkV4cGFuc2lvblBhbmVsSGVhZGVyRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbIlNiYkV4cGFuc2lvblBhbmVsSGVhZGVyRWxlbWVudCIsIl9hIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUE2Qk0sa0NBQThCLE1BQUE7O0FBSm5DLE1BQUEsbUJBQUEsQ0FBQSxjQUFjLDRCQUE0QixHQUMxQyxlQUFlO0FBQUEsSUFDZCxNQUFNO0FBQUEsRUFBQSxDQUNQLENBQUM7Ozs7QUFDMkMsTUFBQSxjQUFBLCtCQUMzQyxpQkFBaUIsb0JBQW9CLENBQUM7QUFESEEsTUFBQUEsbUNBQUEsbUJBQVEsWUFFNUM7QUFBQSxJQXFCQyxjQUFBOzs7QUFkUSxXQUFlLGtCQUFpQixJQUFJLGFBQzFDLE1BQ0FBLGdDQUErQixPQUFPLGdCQUN0QztBQUFBLFFBQ0UsU0FBUztBQUFBLE1BQUEsQ0FDVjtBQUVLLFdBQUEsY0FBYyxJQUFJLHVCQUF1QixNQUFNLE1BQU0sS0FBSyx1QkFBdUI7QUFDakYsV0FBQSxnQkFBZ0IsSUFBSSwwQkFBMEIsTUFBTTtBQUFBLFFBQzFELENBQUMsa0JBQWtCLEdBQUcsQ0FBQyxNQUFPLEtBQUssV0FBVztBQUFBLE1BQUEsQ0FDL0M7QUFFTyxXQUFRLFdBQVksS0FBSyxjQUFjLFFBQVEsa0JBQWtCLEtBQUs7QUFJNUUsT0FBQUMsTUFBQSxLQUFLLHFCQUFMLGdCQUFBQSxJQUFBLFdBQXdCLFNBQVMsTUFBTSxLQUFLO0FBQzVDLGlCQUFLLHFCQUFMLDhCQUF3QixjQUFjLE1BQU0sS0FBSyxpQkFBaUIsSUFBSTtBQUN0RSxpQkFBSyxxQkFBTCw4QkFBd0IsY0FBYyxNQUFNLEtBQUssaUJBQWlCLEtBQUs7QUFBQSxJQUFDO0FBQUEsSUFHbEUscUJBQWtCO0FBQ3BCLFVBQUEsQ0FBQyxLQUFLLFVBQVU7QUFDbEIsYUFBSyxnQkFBZ0I7O0lBQ3ZCO0FBQUEsSUFHTSxpQkFBaUIscUJBQTRCO0FBQzdDLFlBQUEsU0FBbUMsS0FBSyxRQUFRLHFCQUFxQjtBQUUzRSxVQUFJLENBQUMsdUJBQXdCLFVBQVUsS0FBSyxVQUFXO0FBQzlDLGVBQUEsZ0JBQWdCLHFCQUFxQixtQkFBbUI7QUFBQSxNQUFBO0FBQUEsSUFDakU7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsSUFRTSx3QkFBcUI7QUFDdEIsV0FBQSxnQkFBZ0IsYUFBYSxDQUFDLEVBQUUsS0FBSyxZQUFZLEtBQUssWUFBWSxNQUFNLElBQUksTUFBTSxFQUFFO0FBQUEsSUFBQTtBQUFBLElBR3hFLGlCQUFjO0FBQy9CLFdBQUssc0JBQXFCO0FBQ25CLGFBQUE7QUFBQTtBQUFBLDBEQUUrQyxLQUFLLGdCQUFnQjtBQUFBO0FBQUE7QUFBQSxRQUd2RSxDQUFDLEtBQUssV0FDSjtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxxQkFPQSxPQUFPO0FBQUE7QUFBQSxJQUFBO0FBQUE7O0FBcEVqQixpQkF1RUMsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQXBFd0IsR0FBTSxTQUFtQixPQUN6QixHQUFBLFNBQVM7QUFBQSxJQUM5QixnQkFBZ0I7QUFBQSxFQUNSLEdBTk4sa0JBQThCLFlBQUEsdUJBQUEsR0FBQzs7OyJ9

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

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './expansion-panel-header/expansion-panel-header.js';
+export * from './expansion-panel-header/expansion-panel-header.component.js';
 //# 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,oDAAoD,CAAC"}
+{"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

@@ -1,4 +1,4 @@
-import { SbbExpansionPanelHeaderElement } from "./expansion-panel-header/expansion-panel-header.js";
+import { SbbExpansionPanelHeaderElement } from "./expansion-panel-header/expansion-panel-header.component.js";
 export {
   SbbExpansionPanelHeaderElement
 };

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

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './expansion-panel/expansion-panel.js';
+export * from './expansion-panel/expansion-panel.component.js';
 //# 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,sCAAsC,CAAC"}
+{"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

@@ -1,4 +1,4 @@
-import { SbbExpansionPanelElement } from "./expansion-panel/expansion-panel.js";
+import { SbbExpansionPanelElement } from "./expansion-panel/expansion-panel.component.js";
 export {
   SbbExpansionPanelElement
 };

package/development/expansion-panel.js

@@ -1,6 +1,6 @@
-import { SbbExpansionPanelElement } from "./expansion-panel/expansion-panel/expansion-panel.js";
-import { SbbExpansionPanelContentElement } from "./expansion-panel/expansion-panel-content/expansion-panel-content.js";
-import { SbbExpansionPanelHeaderElement } from "./expansion-panel/expansion-panel-header/expansion-panel-header.js";
+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,

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

@@ -0,0 +1,24 @@
+import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
+declare const SbbFileSelectorElement_base: import('../../core/mixins.js').Constructor<import('../common.js').SbbFileSelectorCommonElementMixinType> & typeof LitElement;
+/**
+ * It allows to select one or more file from storage devices and display them.
+ *
+ * @slot error - Use this to provide a `sbb-form-error` to show an error message.
+ * @event {CustomEvent<Readonly<File>[]>} fileChanged - An event which is emitted each time the file list changes.
+ * @event change - An event which is emitted each time the user modifies the value. Unlike the input event, the change event is not necessarily fired for each alteration to an element's value
+ * @event input - An event which is emitted each time the value changes as a direct result of a user action.
+ */
+export declare class SbbFileSelectorElement extends SbbFileSelectorElement_base {
+    static styles: CSSResultGroup;
+    static readonly events: {
+        readonly fileChangedEvent: "fileChanged";
+    };
+    protected renderTemplate(input: TemplateResult): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-file-selector': SbbFileSelectorElement;
+    }
+}
+export {};
+//# sourceMappingURL=file-selector.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"file-selector.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/file-selector/file-selector/file-selector.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAU3E,OAAO,kCAAkC,CAAC;AAC1C,OAAO,yCAAyC,CAAC;AACjD,OAAO,eAAe,CAAC;;AAEvB;;;;;;;GAOG;AACH,qBAGM,sBAAuB,SAAQ,2BAA6C;IAChF,OAAuB,MAAM,EAAE,cAAc,CAA2B;IACxE,gBAAuB,MAAM;;MAElB;cAEQ,cAAc,CAAC,KAAK,EAAE,cAAc,GAAG,cAAc;CAmBzE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}

package/development/file-selector/file-selector/file-selector.component.js

@@ -0,0 +1,52 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { LitElement } from "lit";
+import { customElement } from "lit/decorators.js";
+import { ref } from "lit/directives/ref.js";
+import { html } from "lit/static-html.js";
+import { slotState } from "../../core/decorators.js";
+import { i18nFileSelectorButtonLabel } from "../../core/i18n.js";
+import { SbbFileSelectorCommonElementMixin, fileSelectorCommonStyle } from "../common.js";
+import "../../button/secondary-button.js";
+import "../../button/secondary-button-static.js";
+import "../../icon.js";
+let SbbFileSelectorElement = (() => {
+  var _a;
+  let _classDecorators = [customElement("sbb-file-selector"), slotState()];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbFileSelectorCommonElementMixin(LitElement);
+  _a = class extends _classSuper {
+    renderTemplate(input) {
+      return html`
+      <div class="sbb-file-selector__input-container">
+        <label>
+          <sbb-secondary-button-static
+            size=${this.size}
+            icon-name="folder-open-small"
+            ?disabled=${this.disabled || this.formDisabled}
+            ${ref((el) => {
+        this.loadButton = el;
+      })}
+          >
+            ${i18nFileSelectorButtonLabel[this.language.current]}
+          </sbb-secondary-button-static>
+          ${input}
+        </label>
+      </div>
+    `;
+    }
+  }, _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.styles = fileSelectorCommonStyle, _a.events = {
+    fileChangedEvent: "fileChanged"
+  }, __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbFileSelectorElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1zZWxlY3Rvci5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9maWxlLXNlbGVjdG9yL2ZpbGUtc2VsZWN0b3IvZmlsZS1zZWxlY3Rvci5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdHlwZSBDU1NSZXN1bHRHcm91cCwgTGl0RWxlbWVudCwgdHlwZSBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgcmVmIH0gZnJvbSAnbGl0L2RpcmVjdGl2ZXMvcmVmLmpzJztcbmltcG9ydCB7IGh0bWwgfSBmcm9tICdsaXQvc3RhdGljLWh0bWwuanMnO1xuXG5pbXBvcnQgdHlwZSB7IFNiYlNlY29uZGFyeUJ1dHRvblN0YXRpY0VsZW1lbnQgfSBmcm9tICcuLi8uLi9idXR0b24uanMnO1xuaW1wb3J0IHsgc2xvdFN0YXRlIH0gZnJvbSAnLi4vLi4vY29yZS9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IGkxOG5GaWxlU2VsZWN0b3JCdXR0b25MYWJlbCB9IGZyb20gJy4uLy4uL2NvcmUvaTE4bi5qcyc7XG5pbXBvcnQgeyBmaWxlU2VsZWN0b3JDb21tb25TdHlsZSwgU2JiRmlsZVNlbGVjdG9yQ29tbW9uRWxlbWVudE1peGluIH0gZnJvbSAnLi4vY29tbW9uLmpzJztcblxuaW1wb3J0ICcuLi8uLi9idXR0b24vc2Vjb25kYXJ5LWJ1dHRvbi5qcyc7XG5pbXBvcnQgJy4uLy4uL2J1dHRvbi9zZWNvbmRhcnktYnV0dG9uLXN0YXRpYy5qcyc7XG5pbXBvcnQgJy4uLy4uL2ljb24uanMnO1xuXG4vKipcbiAqIEl0IGFsbG93cyB0byBzZWxlY3Qgb25lIG9yIG1vcmUgZmlsZSBmcm9tIHN0b3JhZ2UgZGV2aWNlcyBhbmQgZGlzcGxheSB0aGVtLlxuICpcbiAqIEBzbG90IGVycm9yIC0gVXNlIHRoaXMgdG8gcHJvdmlkZSBhIGBzYmItZm9ybS1lcnJvcmAgdG8gc2hvdyBhbiBlcnJvciBtZXNzYWdlLlxuICogQGV2ZW50IHtDdXN0b21FdmVudDxSZWFkb25seTxGaWxlPltdPn0gZmlsZUNoYW5nZWQgLSBBbiBldmVudCB3aGljaCBpcyBlbWl0dGVkIGVhY2ggdGltZSB0aGUgZmlsZSBsaXN0IGNoYW5nZXMuXG4gKiBAZXZlbnQgY2hhbmdlIC0gQW4gZXZlbnQgd2hpY2ggaXMgZW1pdHRlZCBlYWNoIHRpbWUgdGhlIHVzZXIgbW9kaWZpZXMgdGhlIHZhbHVlLiBVbmxpa2UgdGhlIGlucHV0IGV2ZW50LCB0aGUgY2hhbmdlIGV2ZW50IGlzIG5vdCBuZWNlc3NhcmlseSBmaXJlZCBmb3IgZWFjaCBhbHRlcmF0aW9uIHRvIGFuIGVsZW1lbnQncyB2YWx1ZVxuICogQGV2ZW50IGlucHV0IC0gQW4gZXZlbnQgd2hpY2ggaXMgZW1pdHRlZCBlYWNoIHRpbWUgdGhlIHZhbHVlIGNoYW5nZXMgYXMgYSBkaXJlY3QgcmVzdWx0IG9mIGEgdXNlciBhY3Rpb24uXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi1maWxlLXNlbGVjdG9yJylcbkBzbG90U3RhdGUoKVxuY2xhc3MgU2JiRmlsZVNlbGVjdG9yRWxlbWVudCBleHRlbmRzIFNiYkZpbGVTZWxlY3RvckNvbW1vbkVsZW1lbnRNaXhpbihMaXRFbGVtZW50KSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IGZpbGVTZWxlY3RvckNvbW1vblN0eWxlO1xuICBwdWJsaWMgc3RhdGljIHJlYWRvbmx5IGV2ZW50cyA9IHtcbiAgICBmaWxlQ2hhbmdlZEV2ZW50OiAnZmlsZUNoYW5nZWQnLFxuICB9IGFzIGNvbnN0O1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXJUZW1wbGF0ZShpbnB1dDogVGVtcGxhdGVSZXN1bHQpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2IGNsYXNzPVwic2JiLWZpbGUtc2VsZWN0b3JfX2lucHV0LWNvbnRhaW5lclwiPlxuICAgICAgICA8bGFiZWw+XG4gICAgICAgICAgPHNiYi1zZWNvbmRhcnktYnV0dG9uLXN0YXRpY1xuICAgICAgICAgICAgc2l6ZT0ke3RoaXMuc2l6ZX1cbiAgICAgICAgICAgIGljb24tbmFtZT1cImZvbGRlci1vcGVuLXNtYWxsXCJcbiAgICAgICAgICAgID9kaXNhYmxlZD0ke3RoaXMuZGlzYWJsZWQgfHwgdGhpcy5mb3JtRGlzYWJsZWR9XG4gICAgICAgICAgICAke3JlZigoZWw/OiBFbGVtZW50KTogdm9pZCA9PiB7XG4gICAgICAgICAgICAgIHRoaXMubG9hZEJ1dHRvbiA9IGVsIGFzIFNiYlNlY29uZGFyeUJ1dHRvblN0YXRpY0VsZW1lbnQ7XG4gICAgICAgICAgICB9KX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICAke2kxOG5GaWxlU2VsZWN0b3JCdXR0b25MYWJlbFt0aGlzLmxhbmd1YWdlLmN1cnJlbnRdfVxuICAgICAgICAgIDwvc2JiLXNlY29uZGFyeS1idXR0b24tc3RhdGljPlxuICAgICAgICAgICR7aW5wdXR9XG4gICAgICAgIDwvbGFiZWw+XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItZmlsZS1zZWxlY3Rvcic6IFNiYkZpbGVTZWxlY3RvckVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztJQXlCTSwwQkFBc0IsTUFBQTs7QUFGM0IsTUFBQSxtQkFBQSxDQUFBLGNBQWMsbUJBQW1CLEdBQ2pDLFdBQVc7Ozs7b0JBQ3lCLGtDQUFrQyxVQUFVO0FBQXBELEVBQUEsbUJBQVEsWUFBNkM7QUFBQSxJQU03RCxlQUFlLE9BQXFCO0FBQzlDLGFBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxtQkFJUSxLQUFLLElBQUk7QUFBQTtBQUFBLHdCQUVKLEtBQUssWUFBWSxLQUFLLFlBQVk7QUFBQSxjQUM1QyxJQUFJLENBQUMsT0FBc0I7QUFDM0IsYUFBSyxhQUFhO0FBQUEsTUFBQSxDQUNuQixDQUFDO0FBQUE7QUFBQSxjQUVBLDRCQUE0QixLQUFLLFNBQVMsT0FBTyxDQUFDO0FBQUE7QUFBQSxZQUVwRCxLQUFLO0FBQUE7QUFBQTtBQUFBO0FBQUEsSUFBQTtBQUFBOztBQXBCakIsaUJBeUJDLE1BQUEsbUJBQUEsRUFBQSxPQUFBLFdBQUEsR0FBQSxrQkFBQSxFQUFBLE1BQUEsU0FBQSxNQUFBLFdBQUEsTUFBQSxVQUFBLFVBQUEsR0FBQSxNQUFBLHVCQUFBOzs7UUF4QndCLEdBQU0sU0FBbUIseUJBQ3pCLEdBQUEsU0FBUztBQUFBLElBQzlCLGtCQUFrQjtBQUFBLEVBQ1YsR0FKTixrQkFBc0IsWUFBQSx1QkFBQSxHQUFDOzs7In0=

package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts

@@ -0,0 +1,33 @@
+import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
+declare const SbbFileSelectorDropzoneElement_base: import('../../core/mixins.js').Constructor<import('../common.js').SbbFileSelectorCommonElementMixinType> & typeof LitElement;
+/**
+ * It allows to select one or more file from storage devices via button click or drag and drop, and display them.
+ *
+ * @slot error - Use this to provide a `sbb-form-error` to show an error message.
+ * @event {CustomEvent<Readonly<File>[]>} fileChanged - An event which is emitted each time the file list changes.
+ * @event change - An event which is emitted each time the user modifies the value. Unlike the input event, the change event is not necessarily fired for each alteration to an element's value
+ * @event input - An event which is emitted each time the value changes as a direct result of a user action.
+ */
+export declare class SbbFileSelectorDropzoneElement extends SbbFileSelectorDropzoneElement_base {
+    static styles: CSSResultGroup;
+    static readonly events: {
+        readonly fileChangedEvent: "fileChanged";
+    };
+    /** The title displayed in `dropzone` variant. */
+    accessor titleContent: string;
+    private _counter;
+    private _dragTarget?;
+    private _blockEvent;
+    private _onDragEnter;
+    private _onDragLeave;
+    private _onFileDrop;
+    private _setDragState;
+    protected renderTemplate(input: TemplateResult): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-file-selector-dropzone': SbbFileSelectorDropzoneElement;
+    }
+}
+export {};
+//# sourceMappingURL=file-selector-dropzone.component.d.ts.map

package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-selector-dropzone.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/file-selector/file-selector-dropzone/file-selector-dropzone.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAU3E,OAAO,kCAAkC,CAAC;AAC1C,OAAO,yCAAyC,CAAC;AACjD,OAAO,eAAe,CAAC;;AAIvB;;;;;;;GAOG;AACH,qBAGM,8BAA+B,SAAQ,mCAA6C;IACxF,OAAuB,MAAM,EAAE,cAAc,CAAoC;IACjF,gBAAuB,MAAM;;MAElB;IAEX,iDAAiD;IACjD,SAEgB,YAAY,EAAE,MAAM,CAAM;IAI1C,OAAO,CAAC,QAAQ,CAAa;IAC7B,OAAO,CAAC,WAAW,CAAC,CAAc;IAElC,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,aAAa;cASF,cAAc,CAAC,KAAK,EAAE,cAAc,GAAG,cAAc;CAqCzE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,4BAA4B,EAAE,8BAA8B,CAAC;KAC9D;CACF"}

package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.js

@@ -0,0 +1,181 @@
+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 { __runInitializers, __esDecorate } from "tslib";
+import { css, LitElement } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { ref } from "lit/directives/ref.js";
+import { html } from "lit/static-html.js";
+import { slotState, forceType } from "../../core/decorators.js";
+import { i18nFileSelectorSubtitleLabel, i18nFileSelectorButtonLabel } from "../../core/i18n.js";
+import { SbbFileSelectorCommonElementMixin, fileSelectorCommonStyle } from "../common.js";
+import "../../button/secondary-button.js";
+import "../../button/secondary-button-static.js";
+import "../../icon.js";
+const style = css`*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+.sbb-file-selector__dropzone-area {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: var(--sbb-spacing-responsive-s);
+  background-color: var(--sbb-file-selector-background-color);
+  border: var(--sbb-border-width-1x) dashed var(--sbb-file-selector-border-color);
+  border-radius: var(--sbb-border-radius-4x);
+  transition-duration: var(--sbb-file-selector-transition-duration);
+  transition-timing-function: var(--sbb-file-selector-transition-easing-function);
+  transition-property: background-color, border-color;
+}
+
+.sbb-file-selector__dropzone-area--icon {
+  color: var(--sbb-file-selector-color);
+  line-height: 0;
+}
+
+.sbb-file-selector__dropzone-area--title {
+  font-weight: bold;
+  --sbb-title-line-height: var(--sbb-typo-line-height-titles);
+  --sbb-title-margin-block-start: 0;
+  --sbb-title-margin-block-end: 0;
+  margin: 0;
+  margin-block: var(--sbb-title-margin-block-start) var(--sbb-title-margin-block-end);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: bold;
+  line-height: var(--sbb-title-line-height);
+  letter-spacing: var(--sbb-typo-letter-spacing-titles);
+  font-size: var(--sbb-title-font-size);
+  --sbb-title-font-size: var(--sbb-font-size-title-6);
+  --sbb-title-line-height: var(--sbb-typo-line-height-body-text);
+  text-align: center;
+  color: var(--sbb-file-selector-color);
+}
+
+.sbb-file-selector__dropzone-area--subtitle {
+  --sbb-text-font-size: var(--sbb-font-size-text-xs);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  line-height: var(--sbb-typo-line-height-body-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-body-text);
+  font-size: var(--sbb-text-font-size);
+  text-align: center;
+  color: var(--sbb-file-selector-subtitle-color);
+  margin-block-end: var(--sbb-spacing-fixed-4x);
+}`;
+let SbbFileSelectorDropzoneElement = (() => {
+  var _titleContent_accessor_storage, _a;
+  let _classDecorators = [customElement("sbb-file-selector-dropzone"), slotState()];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbFileSelectorCommonElementMixin(LitElement);
+  let _titleContent_decorators;
+  let _titleContent_initializers = [];
+  let _titleContent_extraInitializers = [];
+  _a = class extends _classSuper {
+    constructor() {
+      super(...arguments);
+      __privateAdd(this, _titleContent_accessor_storage);
+      __privateSet(this, _titleContent_accessor_storage, __runInitializers(this, _titleContent_initializers, ""));
+      this._counter = (__runInitializers(this, _titleContent_extraInitializers), 0);
+    }
+    /** The title displayed in `dropzone` variant. */
+    get titleContent() {
+      return __privateGet(this, _titleContent_accessor_storage);
+    }
+    set titleContent(value) {
+      __privateSet(this, _titleContent_accessor_storage, value);
+    }
+    _blockEvent(event) {
+      event.stopPropagation();
+      event.preventDefault();
+    }
+    _onDragEnter(event) {
+      this._counter++;
+      if (!this.disabled && !this.formDisabled) {
+        this._setDragState(event.target, true);
+        this._blockEvent(event);
+      }
+    }
+    _onDragLeave(event) {
+      this._counter--;
+      if (!this.disabled && !this.formDisabled && event.target === this._dragTarget && this._counter === 0) {
+        this._setDragState();
+        this._blockEvent(event);
+      }
+    }
+    _onFileDrop(event) {
+      this._counter = 0;
+      if (!this.disabled && !this.formDisabled) {
+        this._setDragState();
+        this._blockEvent(event);
+        this.createFileList(event.dataTransfer.files);
+      }
+    }
+    _setDragState(dragTarget = void 0, isDragEnter = false) {
+      this._dragTarget = dragTarget;
+      this.toggleAttribute("data-active", isDragEnter);
+      this.loadButton.toggleAttribute("data-active", isDragEnter);
+    }
+    renderTemplate(input) {
+      return html`
+      <div
+        class="sbb-file-selector__input-container"
+        @dragenter=${this._onDragEnter}
+        @dragover=${this._blockEvent}
+        @dragleave=${this._onDragLeave}
+        @drop=${this._onFileDrop}
+      >
+        <label>
+          <span class="sbb-file-selector__dropzone-area">
+            <span class="sbb-file-selector__dropzone-area--icon">
+              <sbb-icon
+                name=${this.size === "m" ? "folder-open-medium" : "folder-open-small"}
+              ></sbb-icon>
+            </span>
+            <span class="sbb-file-selector__dropzone-area--title">${this.titleContent}</span>
+            <span class="sbb-file-selector__dropzone-area--subtitle">
+              ${i18nFileSelectorSubtitleLabel[this.language.current]}
+            </span>
+            <span class="sbb-file-selector__dropzone-area--button">
+              <sbb-secondary-button-static
+                size=${this.size}
+                ?disabled=${this.disabled || this.formDisabled}
+                ${ref((el) => {
+        this.loadButton = el;
+      })}
+              >
+                ${i18nFileSelectorButtonLabel[this.language.current]}
+              </sbb-secondary-button-static>
+            </span>
+          </span>
+          ${input}
+        </label>
+      </div>
+    `;
+    }
+  }, _titleContent_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _titleContent_decorators = [forceType(), property({ attribute: "title-content" })];
+    __esDecorate(_a, null, _titleContent_decorators, { kind: "accessor", name: "titleContent", static: false, private: false, access: { has: (obj) => "titleContent" in obj, get: (obj) => obj.titleContent, set: (obj, value) => {
+      obj.titleContent = value;
+    } }, metadata: _metadata }, _titleContent_initializers, _titleContent_extraInitializers);
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.styles = [fileSelectorCommonStyle, style], _a.events = {
+    fileChangedEvent: "fileChanged"
+  }, __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbFileSelectorDropzoneElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1zZWxlY3Rvci1kcm9wem9uZS5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9maWxlLXNlbGVjdG9yL2ZpbGUtc2VsZWN0b3ItZHJvcHpvbmUvZmlsZS1zZWxlY3Rvci1kcm9wem9uZS5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdHlwZSBDU1NSZXN1bHRHcm91cCwgTGl0RWxlbWVudCwgdHlwZSBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSwgY3VzdG9tRWxlbWVudCB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IHJlZiB9IGZyb20gJ2xpdC9kaXJlY3RpdmVzL3JlZi5qcyc7XG5pbXBvcnQgeyBodG1sIH0gZnJvbSAnbGl0L3N0YXRpYy1odG1sLmpzJztcblxuaW1wb3J0IHR5cGUgeyBTYmJTZWNvbmRhcnlCdXR0b25TdGF0aWNFbGVtZW50IH0gZnJvbSAnLi4vLi4vYnV0dG9uLmpzJztcbmltcG9ydCB7IGZvcmNlVHlwZSwgc2xvdFN0YXRlIH0gZnJvbSAnLi4vLi4vY29yZS9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IGkxOG5GaWxlU2VsZWN0b3JCdXR0b25MYWJlbCwgaTE4bkZpbGVTZWxlY3RvclN1YnRpdGxlTGFiZWwgfSBmcm9tICcuLi8uLi9jb3JlL2kxOG4uanMnO1xuaW1wb3J0IHsgZmlsZVNlbGVjdG9yQ29tbW9uU3R5bGUsIFNiYkZpbGVTZWxlY3RvckNvbW1vbkVsZW1lbnRNaXhpbiB9IGZyb20gJy4uL2NvbW1vbi5qcyc7XG5cbmltcG9ydCAnLi4vLi4vYnV0dG9uL3NlY29uZGFyeS1idXR0b24uanMnO1xuaW1wb3J0ICcuLi8uLi9idXR0b24vc2Vjb25kYXJ5LWJ1dHRvbi1zdGF0aWMuanMnO1xuaW1wb3J0ICcuLi8uLi9pY29uLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vZmlsZS1zZWxlY3Rvci1kcm9wem9uZS5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIEl0IGFsbG93cyB0byBzZWxlY3Qgb25lIG9yIG1vcmUgZmlsZSBmcm9tIHN0b3JhZ2UgZGV2aWNlcyB2aWEgYnV0dG9uIGNsaWNrIG9yIGRyYWcgYW5kIGRyb3AsIGFuZCBkaXNwbGF5IHRoZW0uXG4gKlxuICogQHNsb3QgZXJyb3IgLSBVc2UgdGhpcyB0byBwcm92aWRlIGEgYHNiYi1mb3JtLWVycm9yYCB0byBzaG93IGFuIGVycm9yIG1lc3NhZ2UuXG4gKiBAZXZlbnQge0N1c3RvbUV2ZW50PFJlYWRvbmx5PEZpbGU+W10+fSBmaWxlQ2hhbmdlZCAtIEFuIGV2ZW50IHdoaWNoIGlzIGVtaXR0ZWQgZWFjaCB0aW1lIHRoZSBmaWxlIGxpc3QgY2hhbmdlcy5cbiAqIEBldmVudCBjaGFuZ2UgLSBBbiBldmVudCB3aGljaCBpcyBlbWl0dGVkIGVhY2ggdGltZSB0aGUgdXNlciBtb2RpZmllcyB0aGUgdmFsdWUuIFVubGlrZSB0aGUgaW5wdXQgZXZlbnQsIHRoZSBjaGFuZ2UgZXZlbnQgaXMgbm90IG5lY2Vzc2FyaWx5IGZpcmVkIGZvciBlYWNoIGFsdGVyYXRpb24gdG8gYW4gZWxlbWVudCdzIHZhbHVlXG4gKiBAZXZlbnQgaW5wdXQgLSBBbiBldmVudCB3aGljaCBpcyBlbWl0dGVkIGVhY2ggdGltZSB0aGUgdmFsdWUgY2hhbmdlcyBhcyBhIGRpcmVjdCByZXN1bHQgb2YgYSB1c2VyIGFjdGlvbi5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLWZpbGUtc2VsZWN0b3ItZHJvcHpvbmUnKVxuQHNsb3RTdGF0ZSgpXG5jbGFzcyBTYmJGaWxlU2VsZWN0b3JEcm9wem9uZUVsZW1lbnQgZXh0ZW5kcyBTYmJGaWxlU2VsZWN0b3JDb21tb25FbGVtZW50TWl4aW4oTGl0RWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbZmlsZVNlbGVjdG9yQ29tbW9uU3R5bGUsIHN0eWxlXTtcbiAgcHVibGljIHN0YXRpYyByZWFkb25seSBldmVudHMgPSB7XG4gICAgZmlsZUNoYW5nZWRFdmVudDogJ2ZpbGVDaGFuZ2VkJyxcbiAgfSBhcyBjb25zdDtcblxuICAvKiogVGhlIHRpdGxlIGRpc3BsYXllZCBpbiBgZHJvcHpvbmVgIHZhcmlhbnQuICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICd0aXRsZS1jb250ZW50JyB9KVxuICBwdWJsaWMgYWNjZXNzb3IgdGl0bGVDb250ZW50OiBzdHJpbmcgPSAnJztcblxuICAvLyBTYWZhcmkgaGFzIGEgcGVjdWxpYXIgYmVoYXZpb3Igd2hlbiBkcmFnZ2luZyBmaWxlcyBvbiB0aGUgaW5uZXIgYnV0dG9uIGluICdkcm9wem9uZScgdmFyaWFudDtcbiAgLy8gdGhpcyB3aWxsIHJlcXVpcmUgYSBjb3VudGVyIHRvIGNvcnJlY3RseSBoYW5kbGUgdGhlIGRyYWdFbnRlci9kcmFnTGVhdmUuXG4gIHByaXZhdGUgX2NvdW50ZXI6IG51bWJlciA9IDA7XG4gIHByaXZhdGUgX2RyYWdUYXJnZXQ/OiBIVE1MRWxlbWVudDtcblxuICBwcml2YXRlIF9ibG9ja0V2ZW50KGV2ZW50OiBEcmFnRXZlbnQpOiB2b2lkIHtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICB9XG5cbiAgcHJpdmF0ZSBfb25EcmFnRW50ZXIoZXZlbnQ6IERyYWdFdmVudCk6IHZvaWQge1xuICAgIHRoaXMuX2NvdW50ZXIrKztcbiAgICBpZiAoIXRoaXMuZGlzYWJsZWQgJiYgIXRoaXMuZm9ybURpc2FibGVkKSB7XG4gICAgICB0aGlzLl9zZXREcmFnU3RhdGUoZXZlbnQudGFyZ2V0IGFzIEhUTUxFbGVtZW50LCB0cnVlKTtcbiAgICAgIHRoaXMuX2Jsb2NrRXZlbnQoZXZlbnQpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX29uRHJhZ0xlYXZlKGV2ZW50OiBEcmFnRXZlbnQpOiB2b2lkIHtcbiAgICB0aGlzLl9jb3VudGVyLS07XG4gICAgaWYgKFxuICAgICAgIXRoaXMuZGlzYWJsZWQgJiZcbiAgICAgICF0aGlzLmZvcm1EaXNhYmxlZCAmJlxuICAgICAgZXZlbnQudGFyZ2V0ID09PSB0aGlzLl9kcmFnVGFyZ2V0ICYmXG4gICAgICB0aGlzLl9jb3VudGVyID09PSAwXG4gICAgKSB7XG4gICAgICB0aGlzLl9zZXREcmFnU3RhdGUoKTtcbiAgICAgIHRoaXMuX2Jsb2NrRXZlbnQoZXZlbnQpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX29uRmlsZURyb3AoZXZlbnQ6IERyYWdFdmVudCk6IHZvaWQge1xuICAgIHRoaXMuX2NvdW50ZXIgPSAwO1xuICAgIGlmICghdGhpcy5kaXNhYmxlZCAmJiAhdGhpcy5mb3JtRGlzYWJsZWQpIHtcbiAgICAgIHRoaXMuX3NldERyYWdTdGF0ZSgpO1xuICAgICAgdGhpcy5fYmxvY2tFdmVudChldmVudCk7XG4gICAgICB0aGlzLmNyZWF0ZUZpbGVMaXN0KGV2ZW50LmRhdGFUcmFuc2ZlciEuZmlsZXMpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX3NldERyYWdTdGF0ZShcbiAgICBkcmFnVGFyZ2V0OiBIVE1MRWxlbWVudCB8IHVuZGVmaW5lZCA9IHVuZGVmaW5lZCxcbiAgICBpc0RyYWdFbnRlcjogYm9vbGVhbiA9IGZhbHNlLFxuICApOiB2b2lkIHtcbiAgICB0aGlzLl9kcmFnVGFyZ2V0ID0gZHJhZ1RhcmdldDtcbiAgICB0aGlzLnRvZ2dsZUF0dHJpYnV0ZSgnZGF0YS1hY3RpdmUnLCBpc0RyYWdFbnRlcik7XG4gICAgdGhpcy5sb2FkQnV0dG9uLnRvZ2dsZUF0dHJpYnV0ZSgnZGF0YS1hY3RpdmUnLCBpc0RyYWdFbnRlcik7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyVGVtcGxhdGUoaW5wdXQ6IFRlbXBsYXRlUmVzdWx0KTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdlxuICAgICAgICBjbGFzcz1cInNiYi1maWxlLXNlbGVjdG9yX19pbnB1dC1jb250YWluZXJcIlxuICAgICAgICBAZHJhZ2VudGVyPSR7dGhpcy5fb25EcmFnRW50ZXJ9XG4gICAgICAgIEBkcmFnb3Zlcj0ke3RoaXMuX2Jsb2NrRXZlbnR9XG4gICAgICAgIEBkcmFnbGVhdmU9JHt0aGlzLl9vbkRyYWdMZWF2ZX1cbiAgICAgICAgQGRyb3A9JHt0aGlzLl9vbkZpbGVEcm9wfVxuICAgICAgPlxuICAgICAgICA8bGFiZWw+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItZmlsZS1zZWxlY3Rvcl9fZHJvcHpvbmUtYXJlYVwiPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItZmlsZS1zZWxlY3Rvcl9fZHJvcHpvbmUtYXJlYS0taWNvblwiPlxuICAgICAgICAgICAgICA8c2JiLWljb25cbiAgICAgICAgICAgICAgICBuYW1lPSR7dGhpcy5zaXplID09PSAnbScgPyAnZm9sZGVyLW9wZW4tbWVkaXVtJyA6ICdmb2xkZXItb3Blbi1zbWFsbCd9XG4gICAgICAgICAgICAgID48L3NiYi1pY29uPlxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItZmlsZS1zZWxlY3Rvcl9fZHJvcHpvbmUtYXJlYS0tdGl0bGVcIj4ke3RoaXMudGl0bGVDb250ZW50fTwvc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWZpbGUtc2VsZWN0b3JfX2Ryb3B6b25lLWFyZWEtLXN1YnRpdGxlXCI+XG4gICAgICAgICAgICAgICR7aTE4bkZpbGVTZWxlY3RvclN1YnRpdGxlTGFiZWxbdGhpcy5sYW5ndWFnZS5jdXJyZW50XX1cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWZpbGUtc2VsZWN0b3JfX2Ryb3B6b25lLWFyZWEtLWJ1dHRvblwiPlxuICAgICAgICAgICAgICA8c2JiLXNlY29uZGFyeS1idXR0b24tc3RhdGljXG4gICAgICAgICAgICAgICAgc2l6ZT0ke3RoaXMuc2l6ZX1cbiAgICAgICAgICAgICAgICA/ZGlzYWJsZWQ9JHt0aGlzLmRpc2FibGVkIHx8IHRoaXMuZm9ybURpc2FibGVkfVxuICAgICAgICAgICAgICAgICR7cmVmKChlbD86IEVsZW1lbnQpOiB2b2lkID0+IHtcbiAgICAgICAgICAgICAgICAgIHRoaXMubG9hZEJ1dHRvbiA9IGVsIGFzIFNiYlNlY29uZGFyeUJ1dHRvblN0YXRpY0VsZW1lbnQ7XG4gICAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAke2kxOG5GaWxlU2VsZWN0b3JCdXR0b25MYWJlbFt0aGlzLmxhbmd1YWdlLmN1cnJlbnRdfVxuICAgICAgICAgICAgICA8L3NiYi1zZWNvbmRhcnktYnV0dG9uLXN0YXRpYz5cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgJHtpbnB1dH1cbiAgICAgICAgPC9sYWJlbD5cbiAgICAgIDwvZGl2PlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1maWxlLXNlbGVjdG9yLWRyb3B6b25lJzogU2JiRmlsZVNlbGVjdG9yRHJvcHpvbmVFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUEyQk0sa0NBQThCLE1BQUE7O0FBRm5DLE1BQUEsbUJBQUEsQ0FBQSxjQUFjLDRCQUE0QixHQUMxQyxXQUFXOzs7O29CQUNpQyxrQ0FBa0MsVUFBVTs7OztBQUFwRCxF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

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

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

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

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

package/development/file-selector/file-selector-dropzone.js

@@ -1,4 +1,4 @@
-import { SbbFileSelectorDropzoneElement } from "./file-selector-dropzone/file-selector-dropzone.js";
+import { SbbFileSelectorDropzoneElement } from "./file-selector-dropzone/file-selector-dropzone.component.js";
 export {
   SbbFileSelectorDropzoneElement
 };