@sbb-esta/lyne-elements 3.3.2 → 3.4.0

package/file-selector/common/file-selector-common.js

@@ -1,35 +1,33 @@
-var W = (i) => {
-  throw TypeError(i);
+var q = (s) => {
+  throw TypeError(s);
 };
-var q = (i, l, r) => l.has(i) || W("Cannot " + r);
-var b = (i, l, r) => (q(i, l, "read from private field"), r ? r.call(i) : l.get(i)), g = (i, l, r) => l.has(i) ? W("Cannot add the same private member more than once") : l instanceof WeakSet ? l.add(i) : l.set(i, r), n = (i, l, r, u) => (q(i, l, "write to private field"), u ? u.call(i, r) : l.set(i, r), r);
+var C = (s, l, r) => l.has(s) || q("Cannot " + r);
+var b = (s, l, r) => (C(s, l, "read from private field"), r ? r.call(s) : l.get(s)), g = (s, l, r) => l.has(s) ? q("Cannot add the same private member more than once") : l instanceof WeakSet ? l.add(s) : l.set(s, r), n = (s, l, r, u) => (C(s, l, "write to private field"), u ? u.call(s, r) : l.set(s, r), r);
 import { __runInitializers as c, __esDecorate as o } from "tslib";
-import { nothing as z } from "lit";
+import { nothing as L } from "lit";
 import { property as h } from "lit/decorators.js";
-import { ref as C } from "lit/directives/ref.js";
+import { ref as j } from "lit/directives/ref.js";
 import { unsafeStatic as v, html as y } from "lit/static-html.js";
-import { sbbInputModalityDetector as j } from "../../core/a11y.js";
-import { SbbLanguageController as G } from "../../core/controllers.js";
-import { forceType as E } from "../../core/decorators.js";
-import { isLean as O } from "../../core/dom.js";
-import { forwardEvent as H } from "../../core/eventing.js";
-import { i18nFileSelectorCurrentlySelected as J, i18nFileSelectorDeleteFile as K, i18nFileSelectorButtonLabel as Q } from "../../core/i18n.js";
-import { SbbDisabledMixin as U, SbbFormAssociatedMixin as X, SbbElementInternalsMixin as Y } from "../../core/mixins.js";
+import { sbbInputModalityDetector as G } from "../../core/a11y.js";
+import { SbbLanguageController as O } from "../../core/controllers.js";
+import { forceType as $ } from "../../core/decorators.js";
+import { isLean as H } from "../../core/dom.js";
+import { forwardEvent as J } from "../../core/eventing.js";
+import { i18nFileSelectorButtonLabelMultiple as K, i18nFileSelectorButtonLabel as Q, i18nFileSelectorCurrentlySelected as U, i18nFileSelectorDeleteFile as X } from "../../core/i18n.js";
+import { SbbDisabledMixin as Y, SbbFormAssociatedMixin as Z, SbbElementInternalsMixin as ee } from "../../core/mixins.js";
 import "../../button/secondary-button.js";
-import "../../button/secondary-button-static.js";
-import "../../icon.js";
-const _e = (i) => (() => {
-  var d, f, p, m, _, a;
-  let r = U(X(Y(i))), u = [], M, L = [], $ = [], F, x = [], I = [], R, k = [], A = [], B, T = [], w = [], P, D = [], S = [], N, V;
+const me = (s) => (() => {
+  var d, f, p, _, m, a;
+  let r = Y(Z(ee(s))), u = [], M, z = [], F = [], k, D = [], x = [], A, I = [], R = [], B, S = [], T = [], P, w = [], N = [], W, V;
   return a = class extends r {
     constructor() {
       super(...arguments);
       g(this, d);
       g(this, f);
       g(this, p);
-      g(this, m);
       g(this, _);
-      n(this, d, (c(this, u), c(this, L, O() ? "s" : "m"))), n(this, f, (c(this, $), c(this, x, !1))), n(this, p, (c(this, I), c(this, k, "default"))), n(this, m, (c(this, A), c(this, T, ""))), n(this, _, (c(this, w), c(this, D, ""))), this._files = (c(this, S), []), this._suffixes = ["B", "kB", "MB", "GB", "TB"], this.language = new G(this);
+      g(this, m);
+      n(this, d, (c(this, u), c(this, z, H() ? "s" : "m"))), n(this, f, (c(this, F), c(this, D, !1))), n(this, p, (c(this, x), c(this, I, "default"))), n(this, _, (c(this, R), c(this, S, ""))), n(this, m, (c(this, T), c(this, w, ""))), this._files = (c(this, N), []), this._suffixes = ["B", "kB", "MB", "GB", "TB"], this.language = new O(this), this._counter = 0;
     }
     /**
      * Size variant, either s or m.
@@ -57,17 +55,17 @@ const _e = (i) => (() => {
     }
     /** A comma-separated list of allowed unique file type specifiers. */
     get accept() {
-      return b(this, m);
+      return b(this, _);
     }
     set accept(t) {
-      n(this, m, t);
+      n(this, _, t);
     }
     /** This will be forwarded as aria-label to the native input element. */
     get accessibilityLabel() {
-      return b(this, _);
+      return b(this, m);
     }
     set accessibilityLabel(t) {
-      n(this, _, t);
+      n(this, m, t);
     }
     /** The path of the first selected file. Empty string ('') if no file is selected */
     set value(t) {
@@ -80,7 +78,7 @@ const _e = (i) => (() => {
     set files(t) {
       this._files = t ?? [];
       const e = new DataTransfer();
-      this.files.forEach((s) => e.items.add(s)), this._hiddenInput.files = e.files, this.updateFormValue();
+      this.files.forEach((i) => e.items.add(i)), this._hiddenInput.files = e.files, this.updateFormValue();
     }
     get files() {
       return this._files;
@@ -106,20 +104,24 @@ const _e = (i) => (() => {
       return t.name === e.name && t.size === e.size && t.lastModified === e.lastModified;
     }
     _onFocus() {
-      j.mostRecentModality === "keyboard" && this.loadButton.toggleAttribute("data-focus-visible", !0);
+      G.mostRecentModality === "keyboard" && this.loadButton.toggleAttribute("data-focus-visible", !0);
     }
     _onBlur() {
       this.loadButton.removeAttribute("data-focus-visible");
     }
     _readFiles(t) {
       const e = t.target;
-      e.files && this.createFileList(e.files), H(t, this);
+      e.files && this.createFileList(e.files), J(t, this);
     }
     createFileList(t) {
-      !this.multiple || this.multipleMode !== "persistent" || this.files.length === 0 ? this.files = Array.from(t) : this.files = Array.from(t).filter(
+      const e = Array.from(t);
+      !this.multiple && t.length > 1 || this.accept && e.some((i) => !this.accept.split(",").some((E) => i.name.endsWith(E.trim()))) || (!this.multiple || this.multipleMode !== "persistent" || this.files.length === 0 ? this.files = e : this.files = e.filter(
         // Remove duplicates
-        (e) => this.files.findIndex((s) => this._checkFileEquality(e, s)) === -1
-      ).concat(this.files), this._updateA11yLiveRegion(), this._dispatchFileChangedEvent();
+        (i) => this.files.findIndex((E) => this._checkFileEquality(i, E)) === -1
+      ).concat(this.files), this._updateA11yLiveRegion(), this._dispatchFileChangedEvent());
+    }
+    getButtonLabel() {
+      return this.multiple ? K[this.language.current] : Q[this.language.current];
     }
     _removeFile(t) {
       this.files = this.files.filter((e) => !this._checkFileEquality(t, e)), this._updateA11yLiveRegion(), this.dispatchEvent(new InputEvent("input", {
@@ -140,7 +142,7 @@ const _e = (i) => (() => {
       return `${(t / Math.pow(1024, e)).toFixed(0)} ${this._suffixes[e]}`;
     }
     _updateA11yLiveRegion() {
-      this._liveRegion.innerText = J(this.files.map((t) => t.name))[this.language.current];
+      this._liveRegion.innerText = U(this.files.map((t) => t.name))[this.language.current];
     }
     _renderFileList() {
       const t = this.files.length > 1 ? { WRAPPER: "ul", ELEMENT: "li" } : { WRAPPER: "div", ELEMENT: "span" };
@@ -156,63 +158,86 @@ const _e = (i) => (() => {
                 size='${this.size}'
                 icon-name='trash-small'
                 @click='${() => this._removeFile(e)}'
-                aria-label='${`${K[this.language.current]} - ${e.name}`}'
+                aria-label='${`${X[this.language.current]} - ${e.name}`}'
               ></sbb-secondary-button>
             </${v(t.ELEMENT)}>`)}
       </${v(t.WRAPPER)}>
     `;
     }
+    _onDragEnter(t) {
+      this._counter++, !this.disabled && !this.formDisabled && (this._setDragState(t.target, !0), this._blockEvent(t));
+    }
+    _onDragLeave(t) {
+      this._counter--, !this.disabled && !this.formDisabled && t.target === this._dragTarget && this._counter === 0 && (this._setDragState(), this._blockEvent(t));
+    }
+    _onFileDrop(t) {
+      this._counter = 0, !this.disabled && !this.formDisabled && (this._setDragState(), this._blockEvent(t), this.createFileList(t.dataTransfer.files));
+    }
+    _blockEvent(t) {
+      t.stopPropagation(), t.preventDefault();
+    }
+    _setDragState(t = void 0, e = !1) {
+      this._dragTarget = t, this.toggleState("active", e), this.loadButton.toggleAttribute("data-active", e);
+    }
     render() {
-      const t = this.accessibilityLabel ? `${Q[this.language.current]} - ${this.accessibilityLabel}` : void 0;
+      const t = this.accessibilityLabel ? `${this.getButtonLabel()} - ${this.accessibilityLabel}` : void 0;
       return y`
         <div class="sbb-file-selector">
-          ${this.renderTemplate(y`<input
-              class="sbb-file-selector__visually-hidden"
-              type="file"
-              ?disabled="${this.disabled || this.formDisabled}"
-              ?multiple="${this.multiple}"
-              accept="${this.accept || z}"
-              aria-label="${t || z}"
-              @change="${this._readFiles}"
-              @focus="${this._onFocus}"
-              @blur="${this._onBlur}"
-              ${C((e) => {
+          <div
+            class="sbb-file-selector__input-container"
+            @dragenter=${this._onDragEnter}
+            @dragover=${this._blockEvent}
+            @dragleave=${this._onDragLeave}
+            @drop=${this._onFileDrop}
+          >
+            ${this.renderTemplate(y`<input
+                class="sbb-file-selector__visually-hidden"
+                type="file"
+                ?disabled="${this.disabled || this.formDisabled}"
+                ?multiple="${this.multiple}"
+                accept="${this.accept || L}"
+                aria-label="${t || L}"
+                @change="${this._readFiles}"
+                @focus="${this._onFocus}"
+                @blur="${this._onBlur}"
+                ${j((e) => {
         this._hiddenInput = e;
       })}
-            />`)}
+              />`)}
+          </div>
           <p
             role="status"
             class="sbb-file-selector__visually-hidden"
-            ${C((e) => this._liveRegion = e)}
+            ${j((e) => this._liveRegion = e)}
           ></p>
-          ${this.files.length > 0 ? this._renderFileList() : z}
+          ${this.files.length > 0 ? this._renderFileList() : L}
           <div class="sbb-file-selector__error">
             <slot name="error"></slot>
           </div>
         </div>
       `;
     }
-  }, d = new WeakMap(), f = new WeakMap(), p = new WeakMap(), m = new WeakMap(), _ = new WeakMap(), (() => {
+  }, d = new WeakMap(), f = new WeakMap(), p = new WeakMap(), _ = new WeakMap(), m = new WeakMap(), (() => {
     const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
-    M = [h({ reflect: !0 })], F = [E(), h({ type: Boolean })], R = [h({ attribute: "multiple-mode" })], B = [E(), h()], P = [E(), h({ attribute: "accessibility-label" })], N = [h({ attribute: !1 })], V = [h({ attribute: !1 })], o(a, null, M, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (e) => "size" in e, get: (e) => e.size, set: (e, s) => {
-      e.size = s;
-    } }, metadata: t }, L, $), o(a, null, F, { kind: "accessor", name: "multiple", static: !1, private: !1, access: { has: (e) => "multiple" in e, get: (e) => e.multiple, set: (e, s) => {
-      e.multiple = s;
-    } }, metadata: t }, x, I), o(a, null, R, { kind: "accessor", name: "multipleMode", static: !1, private: !1, access: { has: (e) => "multipleMode" in e, get: (e) => e.multipleMode, set: (e, s) => {
-      e.multipleMode = s;
-    } }, metadata: t }, k, A), o(a, null, B, { kind: "accessor", name: "accept", static: !1, private: !1, access: { has: (e) => "accept" in e, get: (e) => e.accept, set: (e, s) => {
-      e.accept = s;
-    } }, metadata: t }, T, w), o(a, null, P, { kind: "accessor", name: "accessibilityLabel", static: !1, private: !1, access: { has: (e) => "accessibilityLabel" in e, get: (e) => e.accessibilityLabel, set: (e, s) => {
-      e.accessibilityLabel = s;
-    } }, metadata: t }, D, S), o(a, null, N, { kind: "setter", name: "value", static: !1, private: !1, access: { has: (e) => "value" in e, set: (e, s) => {
-      e.value = s;
-    } }, metadata: t }, null, u), o(a, null, V, { kind: "setter", name: "files", static: !1, private: !1, access: { has: (e) => "files" in e, set: (e, s) => {
-      e.files = s;
+    M = [h({ reflect: !0 })], k = [$(), h({ type: Boolean })], A = [h({ attribute: "multiple-mode" })], B = [$(), h()], P = [$(), h({ attribute: "accessibility-label" })], W = [h({ attribute: !1 })], V = [h({ attribute: !1 })], o(a, null, M, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (e) => "size" in e, get: (e) => e.size, set: (e, i) => {
+      e.size = i;
+    } }, metadata: t }, z, F), o(a, null, k, { kind: "accessor", name: "multiple", static: !1, private: !1, access: { has: (e) => "multiple" in e, get: (e) => e.multiple, set: (e, i) => {
+      e.multiple = i;
+    } }, metadata: t }, D, x), o(a, null, A, { kind: "accessor", name: "multipleMode", static: !1, private: !1, access: { has: (e) => "multipleMode" in e, get: (e) => e.multipleMode, set: (e, i) => {
+      e.multipleMode = i;
+    } }, metadata: t }, I, R), o(a, null, B, { kind: "accessor", name: "accept", static: !1, private: !1, access: { has: (e) => "accept" in e, get: (e) => e.accept, set: (e, i) => {
+      e.accept = i;
+    } }, metadata: t }, S, T), o(a, null, P, { kind: "accessor", name: "accessibilityLabel", static: !1, private: !1, access: { has: (e) => "accessibilityLabel" in e, get: (e) => e.accessibilityLabel, set: (e, i) => {
+      e.accessibilityLabel = i;
+    } }, metadata: t }, w, N), o(a, null, W, { kind: "setter", name: "value", static: !1, private: !1, access: { has: (e) => "value" in e, set: (e, i) => {
+      e.value = i;
+    } }, metadata: t }, null, u), o(a, null, V, { kind: "setter", name: "files", static: !1, private: !1, access: { has: (e) => "files" in e, set: (e, i) => {
+      e.files = i;
     } }, metadata: t }, null, u), t && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
   })(), a.events = {
     filechanged: "filechanged"
   }, a;
 })();
 export {
-  _e as SbbFileSelectorCommonElementMixin
+  me as SbbFileSelectorCommonElementMixin
 };

package/file-selector/common.js

@@ -1,5 +1,5 @@
 import { SbbFileSelectorCommonElementMixin as m } from "./common/file-selector-common.js";
-import { f as r } from "../file-selector-common-Dw5d8vA4.js";
+import { f as r } from "../file-selector-common-Cn6U8goV.js";
 export {
   m as SbbFileSelectorCommonElementMixin,
   r as fileSelectorCommonStyle

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

@@ -1 +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;;;;GAIG;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"}
+{"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;AAS3E,OAAO,yCAAyC,CAAC;;AAEjD;;;;GAIG;AACH,qBAGM,sBAAuB,SAAQ,2BAA6C;IAChF,OAAuB,MAAM,EAAE,cAAc,CAA2B;IACxE,gBAAuB,MAAM;;MAElB;cAEQ,cAAc,CAAC,KAAK,EAAE,cAAc,GAAG,cAAc;CAiBzE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}

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

@@ -1,44 +1,39 @@
 import { __esDecorate as m, __runInitializers as n } from "tslib";
 import { LitElement as c } from "lit";
 import { customElement as b } from "lit/decorators.js";
-import { ref as u } from "lit/directives/ref.js";
-import { html as d } from "lit/static-html.js";
+import { ref as d } from "lit/directives/ref.js";
+import { html as u } from "lit/static-html.js";
 import { slotState as f } from "../../core/decorators.js";
-import { i18nFileSelectorButtonLabel as p } from "../../core/i18n.js";
-import { SbbFileSelectorCommonElementMixin as S, fileSelectorCommonStyle as h } from "../common.js";
-import "../../button/secondary-button.js";
+import { SbbFileSelectorCommonElementMixin as p, fileSelectorCommonStyle as h } from "../common.js";
 import "../../button/secondary-button-static.js";
-import "../../icon.js";
-let B = (() => {
-  var e;
-  let o = [b("sbb-file-selector"), f()], i, a = [], t, r = S(c);
-  return e = class extends r {
+let z = (() => {
+  var t;
+  let o = [b("sbb-file-selector"), f()], a, s = [], e, i = p(c);
+  return t = class extends i {
     renderTemplate(l) {
-      return d`
-      <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}
-            ${u((s) => {
-        this.loadButton = s;
+      return u`
+      <label>
+        <sbb-secondary-button-static
+          size=${this.size}
+          icon-name="folder-open-small"
+          ?disabled=${this.disabled || this.formDisabled}
+          ${d((r) => {
+        this.loadButton = r;
       })}
-          >
-            ${p[this.language.current]}
-          </sbb-secondary-button-static>
-          ${l}
-        </label>
-      </div>
+        >
+          ${this.getButtonLabel()}
+        </sbb-secondary-button-static>
+        ${l}
+      </label>
     `;
     }
-  }, t = e, (() => {
-    const l = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
-    m(null, i = { value: t }, o, { kind: "class", name: t.name, metadata: l }, null, a), t = i.value, l && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: l });
-  })(), e.styles = h, e.events = {
+  }, e = t, (() => {
+    const l = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
+    m(null, a = { value: e }, o, { kind: "class", name: e.name, metadata: l }, null, s), e = a.value, l && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: l });
+  })(), t.styles = h, t.events = {
     filechanged: "filechanged"
-  }, n(t, a), t;
+  }, n(e, s), e;
 })();
 export {
-  B as SbbFileSelectorElement
+  z as SbbFileSelectorElement
 };

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

@@ -12,13 +12,6 @@ export declare class SbbFileSelectorDropzoneElement extends SbbFileSelectorDropz
     };
     /** 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 {

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

@@ -1 +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;;;;GAIG;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"}
+{"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;AAa3E,OAAO,yCAAyC,CAAC;AACjD,OAAO,eAAe,CAAC;;AAIvB;;;;GAIG;AACH,qBAGM,8BAA+B,SAAQ,mCAA6C;IACxF,OAAuB,MAAM,EAAE,cAAc,CAAoC;IACjF,gBAAuB,MAAM;;MAElB;IAEX,iDAAiD;IACjD,SAEgB,YAAY,EAAE,MAAM,CAAM;cAEvB,cAAc,CAAC,KAAK,EAAE,cAAc,GAAG,cAAc;CA+BzE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,4BAA4B,EAAE,8BAA8B,CAAC;KAC9D;CACF"}

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

@@ -1,97 +1,73 @@
-var p = (e) => {
+var d = (e) => {
   throw TypeError(e);
 };
-var m = (e, i, s) => i.has(e) || p("Cannot " + s);
-var g = (e, i, s) => (m(e, i, "read from private field"), s ? s.call(e) : i.get(e)), _ = (e, i, s) => i.has(e) ? p("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(e) : i.set(e, s), n = (e, i, s, r) => (m(e, i, "write to private field"), r ? r.call(e, s) : i.set(e, s), s);
-import { __runInitializers as b, __esDecorate as u } from "tslib";
+var m = (e, t, i) => t.has(e) || d("Cannot " + i);
+var u = (e, t, i) => (m(e, t, "read from private field"), i ? i.call(e) : t.get(e)), g = (e, t, i) => t.has(e) ? d("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, i), h = (e, t, i, s) => (m(e, t, "write to private field"), s ? s.call(e, i) : t.set(e, i), i);
+import { __esDecorate as _, __runInitializers as n } from "tslib";
 import { css as y, LitElement as z } from "lit";
 import { customElement as x, property as S } from "lit/decorators.js";
-import { ref as D } from "lit/directives/ref.js";
+import { ref as C } from "lit/directives/ref.js";
 import { html as k } from "lit/static-html.js";
-import { slotState as C, forceType as $ } from "../../core/decorators.js";
-import { i18nFileSelectorSubtitleLabel as E, i18nFileSelectorButtonLabel as F } from "../../core/i18n.js";
-import { SbbFileSelectorCommonElementMixin as L, fileSelectorCommonStyle as T } from "../common.js";
-import "../../button/secondary-button.js";
+import { slotState as $, forceType as D } from "../../core/decorators.js";
+import { i18nFileSelectorSubtitleLabelMultiple as E, i18nFileSelectorSubtitleLabel as w } from "../../core/i18n.js";
+import { SbbFileSelectorCommonElementMixin as F, fileSelectorCommonStyle as L } from "../common.js";
 import "../../button/secondary-button-static.js";
 import "../../icon.js";
-const w = y`*,: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{--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:700;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:400;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 Q = (() => {
-  var l, a;
-  let e = [x("sbb-file-selector-dropzone"), C()], i, s = [], r, c = L(z), d, f = [], h = [];
-  return a = class extends c {
+const I = y`*,: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{--sbb-title-font-size: var(--sbb-title-font-size-level-6);--sbb-title-line-height: var(--sbb-typo-line-height-body-text);margin-block:var(--sbb-title-margin-block-start, 0) var(--sbb-title-margin-block-end, 0);margin-inline:0;font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height, var(--sbb-typo-line-height-titles));letter-spacing:var(--sbb-typo-letter-spacing-titles);font-size:var(--sbb-title-font-size);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:400;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 N = (() => {
+  var a, o;
+  let e = [x("sbb-file-selector-dropzone"), $()], t, i = [], s, b = F(z), c, f = [], p = [];
+  return o = class extends b {
     constructor() {
       super(...arguments);
-      _(this, l);
-      n(this, l, b(this, f, "")), this._counter = (b(this, h), 0);
+      g(this, a, n(this, f, ""));
+      n(this, p);
     }
     /** The title displayed in `dropzone` variant. */
     get titleContent() {
-      return g(this, l);
+      return u(this, a);
     }
-    set titleContent(t) {
-      n(this, l, t);
+    set titleContent(r) {
+      h(this, a, r);
     }
-    _blockEvent(t) {
-      t.stopPropagation(), t.preventDefault();
-    }
-    _onDragEnter(t) {
-      this._counter++, !this.disabled && !this.formDisabled && (this._setDragState(t.target, !0), this._blockEvent(t));
-    }
-    _onDragLeave(t) {
-      this._counter--, !this.disabled && !this.formDisabled && t.target === this._dragTarget && this._counter === 0 && (this._setDragState(), this._blockEvent(t));
-    }
-    _onFileDrop(t) {
-      this._counter = 0, !this.disabled && !this.formDisabled && (this._setDragState(), this._blockEvent(t), this.createFileList(t.dataTransfer.files));
-    }
-    _setDragState(t = void 0, o = !1) {
-      this._dragTarget = t, this.toggleAttribute("data-active", o), this.loadButton.toggleAttribute("data-active", o);
-    }
-    renderTemplate(t) {
+    renderTemplate(r) {
       return k`
-      <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">
-              ${E[this.language.current]}
-            </span>
-            <span class="sbb-file-selector__dropzone-area--button">
-              <sbb-secondary-button-static
-                size=${this.size}
-                ?disabled=${this.disabled || this.formDisabled}
-                ${D((o) => {
-        this.loadButton = o;
+      <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">
+            ${this.multiple ? E[this.language.current] : w[this.language.current]}
+          </span>
+          <span class="sbb-file-selector__dropzone-area--button">
+            <sbb-secondary-button-static
+              size=${this.size}
+              ?disabled=${this.disabled || this.formDisabled}
+              ${C((l) => {
+        this.loadButton = l;
       })}
-              >
-                ${F[this.language.current]}
-              </sbb-secondary-button-static>
-            </span>
+            >
+              ${this.getButtonLabel()}
+            </sbb-secondary-button-static>
           </span>
-          ${t}
-        </label>
-      </div>
+        </span>
+        ${r}
+      </label>
     `;
     }
-  }, l = new WeakMap(), r = a, (() => {
-    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
-    d = [$(), S({ attribute: "title-content" })], u(a, null, d, { kind: "accessor", name: "titleContent", static: !1, private: !1, access: { has: (o) => "titleContent" in o, get: (o) => o.titleContent, set: (o, v) => {
-      o.titleContent = v;
-    } }, metadata: t }, f, h), u(null, i = { value: r }, e, { kind: "class", name: r.name, metadata: t }, null, s), r = i.value, t && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), a.styles = [T, w], a.events = {
+  }, a = new WeakMap(), s = o, (() => {
+    const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(b[Symbol.metadata] ?? null) : void 0;
+    c = [D(), S({ attribute: "title-content" })], _(o, null, c, { kind: "accessor", name: "titleContent", static: !1, private: !1, access: { has: (l) => "titleContent" in l, get: (l) => l.titleContent, set: (l, v) => {
+      l.titleContent = v;
+    } }, metadata: r }, f, p), _(null, t = { value: s }, e, { kind: "class", name: s.name, metadata: r }, null, i), s = t.value, r && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
+  })(), o.styles = [L, I], o.events = {
     filechanged: "filechanged"
-  }, b(r, s), r;
+  }, n(s, i), s;
 })();
 export {
-  Q as SbbFileSelectorDropzoneElement
+  N as SbbFileSelectorDropzoneElement
 };

package/file-selector-common-Cn6U8goV.js

@@ -0,0 +1,5 @@
+import { css as e } from "lit";
+const i = e`*,:before,:after{box-sizing:border-box}:host{--sbb-file-selector-color: var(--sbb-color-black);--sbb-file-selector-subtitle-color: var(--sbb-color-granite);--sbb-file-selector-background-color: var(--sbb-color-white);--sbb-file-selector-border-color: var(--sbb-color-cloud);--sbb-file-selector-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-file-selector-transition-easing-function: var(--sbb-animation-easing);display:block;width:20rem}@media (forced-colors: active){:host(:disabled){--sbb-file-selector-color: GrayText;--sbb-file-selector-subtitle-color: GrayText;--sbb-file-selector-border-color: GrayText}}:host(:is(:state(active),[state--active])){--sbb-file-selector-background-color: var(--sbb-color-milk);--sbb-file-selector-border-color: var(--sbb-color-storm)}@media (forced-colors: active){:host(:is(:state(active),[state--active])){--sbb-file-selector-border-color: Highlight}}.sbb-file-selector__input-container{-webkit-tap-highlight-color:transparent;display:flex;flex-direction:column}.sbb-file-selector__visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sbb-file-selector__file-list{display:flex;flex-direction:column;row-gap:var(--sbb-spacing-fixed-3x);margin-block:0;padding-inline:0;padding-block:var(--sbb-spacing-fixed-6x) var(--sbb-spacing-fixed-1x)}.sbb-file-selector__file{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;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;gap:var(--sbb-spacing-fixed-4x);align-items:center;justify-content:space-between}.sbb-file-selector__file-details{display:flex;flex:1;justify-content:space-between;gap:var(--sbb-spacing-fixed-4x);overflow:auto}.sbb-file-selector__file-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sbb-file-selector__file-size{white-space:nowrap;color:var(--sbb-color-metal)}:host(:not([data-slot-names~=error])) .sbb-file-selector__error{display:none}`;
+export {
+  i as f
+};

package/file-selector.js

@@ -1,5 +1,5 @@
 import { SbbFileSelectorCommonElementMixin as r } from "./file-selector/common/file-selector-common.js";
-import { f as t } from "./file-selector-common-Dw5d8vA4.js";
+import { f as t } from "./file-selector-common-Cn6U8goV.js";
 import { SbbFileSelectorDropzoneElement as S } from "./file-selector/file-selector-dropzone/file-selector-dropzone.component.js";
 import { SbbFileSelectorElement as b } from "./file-selector/file-selector/file-selector.component.js";
 export {

package/form-field/form-field/form-field.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-field.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/form-field/form-field/form-field.component.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"form-field.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/form-field/form-field/form-field.component.ts"],"names":[],"mappings":"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"}

package/form-field/form-field/form-field.component.js

@@ -43,8 +43,8 @@ let qe = (() => {
       this._excludedFocusElements = ["button", "sbb-popover", "sbb-option", "sbb-chip"], this._floatingLabelSupportedInputElements = [
         "input",
         "select",
-        "sbb-select",
-        "textarea"
+        "textarea",
+        "sbb-select"
       ], this._floatingLabelSupportedInputTypes = [
         "email",
         "number",
@@ -238,7 +238,7 @@ let qe = (() => {
       t && (Object.defineProperty(e, "value", t), z.delete(e));
     }
     _checkAndUpdateInputEmpty() {
-      this.toggleState("empty", this._control?.empty ?? (this._floatingLabelSupportedInputElements.includes(this._input?.localName) && this._isInputEmpty()));
+      this.toggleState("empty", this._control?.empty ?? (((this._floatingLabelSupportedInputElements.includes(this._input?.localName) || this._input?.constructor?.formFieldAssociated) ?? !1) && this._isInputEmpty()));
     }
     _isInputEmpty() {
       const e = this.querySelector("sbb-chip-group");