@sbb-esta/lyne-elements 2.6.0 → 2.7.1

package/expansion-panel/expansion-panel.js

@@ -1,165 +1,4 @@
-var T = (s) => {
-  throw TypeError(s);
-};
-var Z = (s, i, o) => i.has(s) || T("Cannot " + o);
-var m = (s, i, o) => (Z(s, i, "read from private field"), o ? o.call(s) : i.get(s)), f = (s, i, o) => i.has(s) ? T("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(s) : i.set(s, o), d = (s, i, o, r) => (Z(s, i, "write to private field"), r ? r.call(s, o) : i.set(s, o), o);
-import { __esDecorate as b, __runInitializers as l } from "tslib";
-import { css as G, LitElement as U } from "lit";
-import { customElement as j, property as u } from "lit/decorators.js";
-import { unsafeStatic as B, html as M } from "lit/static-html.js";
-import { forceType as P } from "../core/decorators.js";
-import { isLean as q, isZeroAnimationDuration as F } from "../core/dom.js";
-import { EventEmitter as g } from "../core/eventing.js";
-import { SbbHydrationMixin as J } from "../core/mixins.js";
-const K = G`*,:before,:after{box-sizing:border-box}:host{--sbb-expansion-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-expansion-panel-background-color: var(--sbb-color-white);--sbb-expansion-panel-content-visibility: hidden;--sbb-expansion-panel-border-width: var(--sbb-border-width-1x);--sbb-expansion-panel-border-color: var(--sbb-color-cloud);--sbb-expansion-panel-border-block-start-width: var(--sbb-expansion-panel-border-width);--sbb-expansion-panel-border-block-start-color: var(--sbb-color-cloud);--sbb-expansion-panel-border-radius: var(--sbb-border-radius-4x);--sbb-expansion-panel-start-end-radius: var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-start-start-radius: var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-end-end-radius: var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-end-start-radius: var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-title-gap: var(--sbb-spacing-fixed-4x);--sbb-expansion-panel-icon-size: var(--sbb-size-icon-ui-medium);display:block}:host([size=s]){--sbb-expansion-panel-title-gap: var(--sbb-spacing-fixed-2x)}@media (forced-colors: active){:host([disabled]){--sbb-expansion-panel-border-color: GrayText;--sbb-expansion-panel-border-block-start-color: GrayText}}:host([expanded]){--sbb-expansion-panel-content-visibility: visible}:host([data-accordion][data-accordion-first]){--sbb-expansion-panel-start-end-radius: var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-start-start-radius: var(--sbb-expansion-panel-border-radius)}:host([data-accordion]:not([data-accordion-first])){--sbb-expansion-panel-border-block-start-width: 0;--sbb-expansion-panel-border-block-start-color: transparent;--sbb-expansion-panel-start-end-radius: 0;--sbb-expansion-panel-start-start-radius: 0}:host([data-accordion][data-accordion-last]){--sbb-expansion-panel-end-end-radius: var(--sbb-expansion-panel-border-radius);--sbb-expansion-panel-end-start-radius: var(--sbb-expansion-panel-border-radius)}:host([data-accordion]:not([data-accordion-last])){--sbb-expansion-panel-end-end-radius: 0;--sbb-expansion-panel-end-start-radius: 0}:host([color=milk]){--sbb-expansion-panel-background-color: var(--sbb-color-milk)}:host([borderless]){--sbb-expansion-panel-border-width: 0;--sbb-expansion-panel-border-color: transparent;--sbb-expansion-panel-border-block-start-width: 0;--sbb-expansion-panel-border-block-start-color: transparent}@media (forced-colors: active){:host([borderless]){--sbb-expansion-panel-border-width: var(--sbb-border-width-1x);--sbb-expansion-panel-border-block-start-width: var(--sbb-expansion-panel-border-width)}}:host([borderless][data-accordion]:not([data-accordion-first])){--sbb-expansion-panel-border-block-start-width: var(--sbb-spacing-fixed-1x)}@media (forced-colors: active){:host([borderless][data-accordion]:not([data-accordion-first])){--sbb-expansion-panel-border-block-start-width: 0}}:host(:not([disabled])[data-toggle-hover]){--sbb-expansion-panel-background-color: var(--sbb-color-milk)}@media (forced-colors: active){:host(:not([disabled])[data-toggle-hover]){--sbb-expansion-panel-border-color: Highlight;--sbb-expansion-panel-border-block-start-color: Highlight}}:host(:not([disabled])[color=milk][data-toggle-hover]){--sbb-expansion-panel-background-color: var(--sbb-color-white)}.sbb-expansion-panel{background-color:var(--sbb-expansion-panel-background-color);border:var(--sbb-expansion-panel-border-width) solid var(--sbb-expansion-panel-border-color);border-block-start-color:var(--sbb-expansion-panel-border-block-start-color);border-block-start-width:var(--sbb-expansion-panel-border-block-start-width);border-radius:var(--sbb-expansion-panel-start-start-radius) var(--sbb-expansion-panel-start-end-radius) var(--sbb-expansion-panel-end-end-radius) var(--sbb-expansion-panel-end-start-radius);background-clip:padding-box}.sbb-expansion-panel__header{margin:0}.sbb-expansion-panel__content-wrapper{display:grid;visibility:var(--sbb-expansion-panel-content-visibility);grid-template-rows:0fr;opacity:0}:host([data-state=opened]) .sbb-expansion-panel__content-wrapper{grid-template-rows:1fr;opacity:1}:host([data-state=opening]) .sbb-expansion-panel__content-wrapper{animation-name:open,open-opacity;animation-fill-mode:forwards;animation-duration:var(--sbb-expansion-panel-animation-duration);animation-timing-function:var(--sbb-animation-easing);animation-delay:0s,var(--sbb-expansion-panel-animation-duration)}:host([data-state=closing]) .sbb-expansion-panel__content-wrapper{animation-name:close;animation-duration:var(--sbb-expansion-panel-animation-duration);animation-timing-function:var(--sbb-animation-easing)}.sbb-expansion-panel__content{overflow:hidden}@keyframes open{0%{grid-template-rows:0fr}to{grid-template-rows:1fr}}@keyframes open-opacity{0%{opacity:0}to{opacity:1}}@keyframes close{0%{grid-template-rows:1fr;opacity:1}to{grid-template-rows:0fr;opacity:0}}`;
-let Q = 0, oe = (() => {
-  var c, h, _, x, n;
-  let s = [j("sbb-expansion-panel")], i, o = [], r, k = J(U), v = [], y, z = [], A = [], R, S = [], C = [], E, O, L, I = [], D = [], $, H = [], N = [];
-  var p = (n = class extends k {
-    constructor() {
-      var t;
-      super();
-      f(this, c);
-      f(this, h);
-      f(this, _);
-      f(this, x);
-      d(this, c, (l(this, v), l(this, z, null))), d(this, h, (l(this, A), l(this, S, "white"))), this._expanded = (l(this, C), !1), this._disabled = !1, d(this, _, l(this, I, !1)), d(this, x, (l(this, D), l(this, H, q() ? "s" : "l"))), this._willOpen = (l(this, N), new g(this, p.events.willOpen, { cancelable: !0 })), this._didOpen = new g(this, p.events.didOpen, { cancelable: !0 }), this._willClose = new g(this, p.events.willClose, { cancelable: !0 }), this._didClose = new g(this, p.events.didClose, { cancelable: !0 }), this._progressiveId = `-${++Q}`, (t = this.addEventListener) == null || t.call(this, "toggleExpanded", () => this._toggleExpanded());
-    }
-    /** Heading level; if unset, a `div` will be rendered. */
-    get titleLevel() {
-      return m(this, c);
-    }
-    set titleLevel(t) {
-      d(this, c, t);
-    }
-    /** The background color of the panel. */
-    get color() {
-      return m(this, h);
-    }
-    set color(t) {
-      d(this, h, t);
-    }
-    /** Whether the panel is expanded. */
-    set expanded(t) {
-      this._expanded = t, this._onExpandedChange();
-    }
-    get expanded() {
-      return this._expanded;
-    }
-    /** Whether the panel is disabled, so its expanded state can't be changed. */
-    set disabled(t) {
-      this._disabled = t, this._updateDisabledOnHeader(this._disabled);
-    }
-    get disabled() {
-      return this._disabled;
-    }
-    /** Whether the panel has no border. */
-    get borderless() {
-      return m(this, _);
-    }
-    set borderless(t) {
-      d(this, _, t);
-    }
-    /**
-     * Size variant, either l or s.
-     * @default 'l' / 's' (lean)
-     */
-    get size() {
-      return m(this, x);
-    }
-    set size(t) {
-      d(this, x, t);
-    }
-    /**
-     * The state of the notification.
-     */
-    set _state(t) {
-      this.setAttribute("data-state", t);
-    }
-    get _state() {
-      return this.getAttribute("data-state");
-    }
-    connectedCallback() {
-      var t;
-      super.connectedCallback(), this.toggleAttribute("data-accordion", !!((t = this.closest) != null && t.call(this, "sbb-accordion")));
-    }
-    willUpdate(t) {
-      var e, a;
-      super.willUpdate(t), t.has("size") && ((e = this._headerRef) == null || e.setAttribute("data-size", String(this.size)), (a = this._contentRef) == null || a.setAttribute("data-size", String(this.size)));
-    }
-    disconnectedCallback() {
-      super.disconnectedCallback(), this.removeAttribute("data-accordion");
-    }
-    _toggleExpanded() {
-      this.expanded = !this.expanded;
-    }
-    _onExpandedChange() {
-      var t, e;
-      (t = this._headerRef) == null || t.setAttribute("aria-expanded", String(this.expanded)), (e = this._contentRef) == null || e.setAttribute("aria-hidden", String(!this.expanded)), this.expanded ? this._open() : this._state === "opened" && this._close();
-    }
-    _open() {
-      this._state = "opening", this._willOpen.emit(), (!this.hasUpdated || this._isZeroAnimationDuration()) && this._handleOpening();
-    }
-    _close() {
-      this._state = "closing", this._willClose.emit(), this._isZeroAnimationDuration() && this._handleClosing();
-    }
-    _isZeroAnimationDuration() {
-      return F(this, "--sbb-expansion-panel-animation-duration");
-    }
-    _handleOpening() {
-      this._state = "opened", this._didOpen.emit();
-    }
-    _handleClosing() {
-      this._state = "closed", this._didClose.emit();
-    }
-    _updateDisabledOnHeader(t) {
-      this._headerRef && (this._headerRef.disabled = t);
-    }
-    _handleSlotchange() {
-      const t = Array.from(this.children ?? []), e = t.find((w) => w.localName === "sbb-expansion-panel-header"), a = t.find((w) => w.localName === "sbb-expansion-panel-content");
-      this._headerRef === e && this._contentRef === a || (e && this._headerRef !== e && (e.id || (e.id = `sbb-expansion-panel-header${this._progressiveId}`), e.setAttribute("aria-expanded", String(this.expanded)), e.toggleAttribute("disabled", this.disabled), e.setAttribute("data-size", String(this.size))), a && this._contentRef !== a && (a.id || (a.id = `sbb-expansion-panel-content${this._progressiveId}`), a.setAttribute("aria-hidden", String(!this.expanded)), a.setAttribute("data-size", String(this.size))), this._headerRef = e, this._contentRef = a, this._headerRef && this._contentRef && (this._headerRef.setAttribute("aria-controls", this._contentRef.id), this._contentRef.setAttribute("aria-labelledby", this._headerRef.id), this._contentRef.toggleAttribute("data-icon-space", this._headerRef.hasAttribute("data-icon"))));
-    }
-    _onAnimationEnd(t) {
-      t.animationName === "open-opacity" && this._state === "opening" ? this._handleOpening() : t.animationName === "close" && this._state === "closing" && this._handleClosing();
-    }
-    render() {
-      const t = this.titleLevel ? `h${this.titleLevel}` : "div";
-      return M`
-      <div class="sbb-expansion-panel">
-        <${B(t)} class="sbb-expansion-panel__header">
-          <slot name="header" @slotchange=${this._handleSlotchange}></slot>
-        </${B(t)}>
-        <div class="sbb-expansion-panel__content-wrapper" @animationend=${this._onAnimationEnd}>
-          <span class="sbb-expansion-panel__content">
-            <slot name="content" @slotchange=${this._handleSlotchange}></slot>
-          </span>
-        </div>
-      </div>
-    `;
-    }
-  }, c = new WeakMap(), h = new WeakMap(), _ = new WeakMap(), x = new WeakMap(), r = n, (() => {
-    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(k[Symbol.metadata] ?? null) : void 0;
-    y = [u({ attribute: "title-level" })], R = [u({ reflect: !0 })], E = [u({ reflect: !0, type: Boolean })], O = [u({ reflect: !0, type: Boolean })], L = [P(), u({ reflect: !0, type: Boolean })], $ = [u({ reflect: !0 })], b(n, null, y, { kind: "accessor", name: "titleLevel", static: !1, private: !1, access: { has: (e) => "titleLevel" in e, get: (e) => e.titleLevel, set: (e, a) => {
-      e.titleLevel = a;
-    } }, metadata: t }, z, A), b(n, null, R, { kind: "accessor", name: "color", static: !1, private: !1, access: { has: (e) => "color" in e, get: (e) => e.color, set: (e, a) => {
-      e.color = a;
-    } }, metadata: t }, S, C), b(n, null, E, { kind: "setter", name: "expanded", static: !1, private: !1, access: { has: (e) => "expanded" in e, set: (e, a) => {
-      e.expanded = a;
-    } }, metadata: t }, null, v), b(n, null, O, { kind: "setter", name: "disabled", static: !1, private: !1, access: { has: (e) => "disabled" in e, set: (e, a) => {
-      e.disabled = a;
-    } }, metadata: t }, null, v), b(n, null, L, { kind: "accessor", name: "borderless", static: !1, private: !1, access: { has: (e) => "borderless" in e, get: (e) => e.borderless, set: (e, a) => {
-      e.borderless = a;
-    } }, metadata: t }, I, D), b(n, null, $, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (e) => "size" in e, get: (e) => e.size, set: (e, a) => {
-      e.size = a;
-    } }, metadata: t }, H, N), b(null, i = { value: r }, s, { kind: "class", name: r.name, metadata: t }, null, o), p = r = i.value, t && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), n.styles = K, n.events = {
-    willOpen: "willOpen",
-    didOpen: "didOpen",
-    willClose: "willClose",
-    didClose: "didClose"
-  }, l(r, o), n);
-  return p = r;
-})();
+import { SbbExpansionPanelElement as o } from "./expansion-panel/expansion-panel.js";
 export {
-  oe as SbbExpansionPanelElement
+  o as SbbExpansionPanelElement
 };

package/expansion-panel.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @entrypoint
+ */
 export * from './expansion-panel/expansion-panel.js';
 export * from './expansion-panel/expansion-panel-content.js';
 export * from './expansion-panel/expansion-panel-header.js';

package/expansion-panel.d.ts.map

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

package/expansion-panel.js

@@ -1,3 +1,8 @@
-export * from "./expansion-panel/expansion-panel.js";
-export * from "./expansion-panel/expansion-panel-content.js";
-export * from "./expansion-panel/expansion-panel-header.js";
+import { SbbExpansionPanelElement as o } from "./expansion-panel/expansion-panel/expansion-panel.js";
+import { SbbExpansionPanelContentElement as a } from "./expansion-panel/expansion-panel-content/expansion-panel-content.js";
+import { SbbExpansionPanelHeaderElement as b } from "./expansion-panel/expansion-panel-header/expansion-panel-header.js";
+export {
+  a as SbbExpansionPanelContentElement,
+  o as SbbExpansionPanelElement,
+  b as SbbExpansionPanelHeaderElement
+};

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

@@ -1 +1 @@
-{"version":3,"file":"file-selector-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/file-selector/common/file-selector-common.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAMtD,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,iBAAiB,CAAC;AAEvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AASlE,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAGrB,KAAK,0BAA0B,EAC/B,KAAK,WAAW,EACjB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,kCAAkC,CAAC;AAC1C,OAAO,yCAAyC,CAAC;AACjD,OAAO,eAAe,CAAC;AAEvB,MAAM,CAAC,OAAO,CAAC,QAAQ,OAAO,qCAAsC,SAAQ,0BAA0B;IACpG,SAAgB,IAAI,EAAE,GAAG,GAAG,GAAG,CAAC;IAChC,SAAgB,QAAQ,EAAE,OAAO,CAAC;IAClC,SAAgB,YAAY,EAAE,SAAS,GAAG,YAAY,CAAC;IACvD,SAAgB,MAAM,EAAE,MAAM,CAAC;IAC/B,SAAgB,kBAAkB,EAAE,MAAM,CAAC;IAC3C,SAAgB,QAAQ,EAAE,OAAO,CAAC;IAClC,SAAgB,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;IACxC,SAAS,CAAC,YAAY,EAAE,OAAO,CAAC;IAChC,SAAS,CAAC,UAAU,EAAE,+BAA+B,CAAC;IACtD,SAAS,CAAC,QAAQ,EAAE,qBAAqB,CAAC;IAC1C,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,KAAK,EAAE,cAAc,GAAG,cAAc;IACxE,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI;IAC/C,SAAS,CAAC,eAAe,IAAI,IAAI;IAC1B,iBAAiB,IAAI,IAAI;IACzB,wBAAwB,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAAE,MAAM,EAAE,iBAAiB,GAAG,IAAI;CACjG;AAGD,eAAO,MAAM,iCAAiC,GAAI,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,EACjF,YAAY,CAAC,KACZ,WAAW,CAAC,qCAAqC,CAAC,GAAG,CAmPvD,CAAC"}
+{"version":3,"file":"file-selector-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/file-selector/common/file-selector-common.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAMtD,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,iBAAiB,CAAC;AAEvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AASlE,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAGrB,KAAK,0BAA0B,EAC/B,KAAK,WAAW,EACjB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,kCAAkC,CAAC;AAC1C,OAAO,yCAAyC,CAAC;AACjD,OAAO,eAAe,CAAC;AAEvB,MAAM,CAAC,OAAO,CAAC,QAAQ,OAAO,qCAAsC,SAAQ,0BAA0B;IACpG,SAAgB,IAAI,EAAE,GAAG,GAAG,GAAG,CAAC;IAChC,SAAgB,QAAQ,EAAE,OAAO,CAAC;IAClC,SAAgB,YAAY,EAAE,SAAS,GAAG,YAAY,CAAC;IACvD,SAAgB,MAAM,EAAE,MAAM,CAAC;IAC/B,SAAgB,kBAAkB,EAAE,MAAM,CAAC;IAC3C,SAAgB,QAAQ,EAAE,OAAO,CAAC;IAClC,SAAgB,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;IACxC,SAAS,CAAC,YAAY,EAAE,OAAO,CAAC;IAChC,SAAS,CAAC,UAAU,EAAE,+BAA+B,CAAC;IACtD,SAAS,CAAC,QAAQ,EAAE,qBAAqB,CAAC;IAC1C,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,KAAK,EAAE,cAAc,GAAG,cAAc;IACxE,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI;IAC/C,SAAS,CAAC,eAAe,IAAI,IAAI;IAC1B,iBAAiB,IAAI,IAAI;IACzB,wBAAwB,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAAE,MAAM,EAAE,iBAAiB,GAAG,IAAI;CACjG;AAGD,eAAO,MAAM,iCAAiC,GAAI,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,EACjF,YAAY,CAAC,KACZ,WAAW,CAAC,qCAAqC,CAAC,GAAG,CAiPvD,CAAC"}

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

@@ -0,0 +1,209 @@
+var V = (s) => {
+  throw TypeError(s);
+};
+var W = (s, l, r) => l.has(s) || V("Cannot " + r);
+var b = (s, l, r) => (W(s, l, "read from private field"), r ? r.call(s) : l.get(s)), g = (s, l, r) => l.has(s) ? V("Cannot add the same private member more than once") : l instanceof WeakSet ? l.add(s) : l.set(s, r), n = (s, l, r, u) => (W(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 E } from "lit";
+import { property as h } from "lit/decorators.js";
+import { ref as q } from "lit/directives/ref.js";
+import { unsafeStatic as v, html as y } from "lit/static-html.js";
+import { sbbInputModalityDetector as G } from "../../core/a11y.js";
+import { SbbLanguageController as O } from "../../core/controllers.js";
+import { forceType as z } from "../../core/decorators.js";
+import { isLean as H } from "../../core/dom.js";
+import { EventEmitter as J, forwardEvent as K } from "../../core/eventing.js";
+import { i18nFileSelectorCurrentlySelected as Q, i18nFileSelectorDeleteFile as U, i18nFileSelectorButtonLabel as X } from "../../core/i18n.js";
+import { SbbDisabledMixin as Y, SbbFormAssociatedMixin as Z } from "../../core/mixins.js";
+import "../../button/secondary-button.js";
+import "../../button/secondary-button-static.js";
+import "../../icon.js";
+const be = (s) => (() => {
+  var f, d, p, m, _, a;
+  let r = Y(Z(s)), u = [], M, L = [], $ = [], F, x = [], R = [], k, A = [], I = [], B, T = [], w = [], P, D = [], S = [], C, N;
+  return a = class extends r {
+    constructor() {
+      super(...arguments);
+      g(this, f);
+      g(this, d);
+      g(this, p);
+      g(this, m);
+      g(this, _);
+      n(this, f, (c(this, u), c(this, L, H() ? "s" : "m"))), n(this, d, (c(this, $), c(this, x, !1))), n(this, p, (c(this, R), c(this, A, "default"))), n(this, m, (c(this, I), c(this, T, ""))), n(this, _, (c(this, w), c(this, D, ""))), this._files = (c(this, S), []), this._fileChangedEvent = new J(this, a.events.fileChangedEvent), this._suffixes = ["B", "kB", "MB", "GB", "TB"], this.language = new O(this);
+    }
+    /**
+     * Size variant, either s or m.
+     * @default 'm' / 's' (lean)
+     */
+    get size() {
+      return b(this, f);
+    }
+    set size(t) {
+      n(this, f, t);
+    }
+    /** Whether more than one file can be selected. */
+    get multiple() {
+      return b(this, d);
+    }
+    set multiple(t) {
+      n(this, d, t);
+    }
+    /** Whether the newly added files should override the previously added ones. */
+    get multipleMode() {
+      return b(this, p);
+    }
+    set multipleMode(t) {
+      n(this, p, t);
+    }
+    /** A comma-separated list of allowed unique file type specifiers. */
+    get accept() {
+      return b(this, m);
+    }
+    set accept(t) {
+      n(this, m, t);
+    }
+    /** This will be forwarded as aria-label to the native input element. */
+    get accessibilityLabel() {
+      return b(this, _);
+    }
+    set accessibilityLabel(t) {
+      n(this, _, t);
+    }
+    /** The path of the first selected file. Empty string ('') if no file is selected */
+    set value(t) {
+      this._hiddenInput.value = t ?? "", t || (this.files = []);
+    }
+    get value() {
+      var t;
+      return (t = this._hiddenInput) == null ? void 0 : t.value;
+    }
+    /** The list of selected files. */
+    set files(t) {
+      this._files = t ?? [];
+      const e = new DataTransfer();
+      this.files.forEach((i) => e.items.add(i)), this._hiddenInput.files = e.files, this.updateFormValue();
+    }
+    get files() {
+      return this._files;
+    }
+    /**
+     * Form type of element.
+     * @default 'file'
+     */
+    get type() {
+      return "file";
+    }
+    formResetCallback() {
+      this.files = [];
+    }
+    formStateRestoreCallback(t, e) {
+      t && (this.files = t.map(([i, j]) => j));
+    }
+    updateFormValue() {
+      const t = new FormData();
+      this.files.forEach((e) => t.append(this.name, e)), this.internals.setFormValue(t);
+    }
+    _checkFileEquality(t, e) {
+      return t.name === e.name && t.size === e.size && t.lastModified === e.lastModified;
+    }
+    _onFocus() {
+      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), K(t, this);
+    }
+    createFileList(t) {
+      !this.multiple || this.multipleMode !== "persistent" || this.files.length === 0 ? this.files = Array.from(t) : this.files = Array.from(t).filter(
+        // Remove duplicates
+        (e) => this.files.findIndex((i) => this._checkFileEquality(e, i)) === -1
+      ).concat(this.files), this._updateA11yLiveRegion(), this._fileChangedEvent.emit(this.files);
+    }
+    _removeFile(t) {
+      this.files = this.files.filter((e) => !this._checkFileEquality(t, e)), this._updateA11yLiveRegion(), this.dispatchEvent(new Event("input", { composed: !0, bubbles: !0 })), this.dispatchEvent(new Event("change", { bubbles: !0 })), this._fileChangedEvent.emit(this.files);
+    }
+    /** Calculates the correct unit for the file's size. */
+    _formatFileSize(t) {
+      const e = Math.floor(Math.log(t) / Math.log(1024));
+      return `${(t / Math.pow(1024, e)).toFixed(0)} ${this._suffixes[e]}`;
+    }
+    _updateA11yLiveRegion() {
+      this._liveRegion.innerText = Q(this.files.map((t) => t.name))[this.language.current];
+    }
+    _renderFileList() {
+      const t = this.files.length > 1 ? { WRAPPER: "ul", ELEMENT: "li" } : { WRAPPER: "div", ELEMENT: "span" };
+      return y`
+      <${v(t.WRAPPER)} class='sbb-file-selector__file-list'>
+        ${this.files.map((e) => y`
+            <${v(t.ELEMENT)} class='sbb-file-selector__file'>
+                <span class='sbb-file-selector__file-details'>
+                  <span class='sbb-file-selector__file-name'>${e.name}</span>
+                  <span class='sbb-file-selector__file-size'>${this._formatFileSize(e.size)}</span>
+                </span>
+              <sbb-secondary-button
+                size='${this.size}'
+                icon-name='trash-small'
+                @click='${() => this._removeFile(e)}'
+                aria-label='${`${U[this.language.current]} - ${e.name}`}'
+              ></sbb-secondary-button>
+            </${v(t.ELEMENT)}>`)}
+      </${v(t.WRAPPER)}>
+    `;
+    }
+    render() {
+      const t = this.accessibilityLabel ? `${X[this.language.current]} - ${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 || E}"
+              aria-label="${t || E}"
+              @change="${this._readFiles}"
+              @focus="${this._onFocus}"
+              @blur="${this._onBlur}"
+              ${q((e) => {
+        this._hiddenInput = e;
+      })}
+            />`)}
+          <p
+            role="status"
+            class="sbb-file-selector__visually-hidden"
+            ${q((e) => this._liveRegion = e)}
+          ></p>
+          ${this.files.length > 0 ? this._renderFileList() : E}
+          <div class="sbb-file-selector__error">
+            <slot name="error"></slot>
+          </div>
+        </div>
+      `;
+    }
+  }, f = new WeakMap(), d = new WeakMap(), p = new WeakMap(), m = new WeakMap(), _ = new WeakMap(), (() => {
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
+    M = [h({ reflect: !0 })], F = [z(), h({ type: Boolean })], k = [h({ attribute: "multiple-mode" })], B = [z(), h()], P = [z(), h({ attribute: "accessibility-label" })], C = [h({ attribute: !1 })], N = [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 }, 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, i) => {
+      e.multiple = i;
+    } }, metadata: t }, x, R), o(a, null, k, { 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 }, A, I), 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 }, 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, i) => {
+      e.accessibilityLabel = i;
+    } }, metadata: t }, D, S), o(a, null, C, { 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, N, { 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 = {
+    fileChangedEvent: "fileChanged"
+  }, a;
+})();
+export {
+  be as SbbFileSelectorCommonElementMixin
+};

package/file-selector/common.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../src/elements/file-selector/common.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAC;AAEjD,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,+CAA+C,CAAC"}
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../src/elements/file-selector/common.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,kCAAkC,CAAC;AAEjD,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,+CAA+C,CAAC"}

package/file-selector/common.js

@@ -1,210 +1,6 @@
-var N = (s) => {
-  throw TypeError(s);
-};
-var j = (s, a, r) => a.has(s) || N("Cannot " + r);
-var _ = (s, a, r) => (j(s, a, "read from private field"), r ? r.call(s) : a.get(s)), g = (s, a, r) => a.has(s) ? N("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(s) : a.set(s, r), o = (s, a, r, f) => (j(s, a, "write to private field"), f ? f.call(s, r) : a.set(s, r), r);
-import { __runInitializers as n, __esDecorate as c } from "tslib";
-import { nothing as x, css as O } from "lit";
-import { property as b } from "lit/decorators.js";
-import { ref as V } from "lit/directives/ref.js";
-import { unsafeStatic as v, html as y } from "lit/static-html.js";
-import { sbbInputModalityDetector as W } from "../core/a11y.js";
-import { SbbLanguageController as H } from "../core/controllers.js";
-import { forceType as z } from "../core/decorators.js";
-import { isLean as J } from "../core/dom.js";
-import { EventEmitter as K, forwardEvent as Q } from "../core/eventing.js";
-import { i18nFileSelectorCurrentlySelected as U, i18nFileSelectorDeleteFile as X, i18nFileSelectorButtonLabel as Y } from "../core/i18n.js";
-import { SbbDisabledMixin as Z, SbbFormAssociatedMixin as ee } from "../core/mixins.js";
-import "../button/secondary-button.js";
-import "../button/secondary-button-static.js";
-import "../icon.js";
-const ge = (s) => (() => {
-  var h, d, u, p, m, l;
-  let r = Z(ee(s)), f = [], E, M = [], w = [], L, $ = [], k = [], F, R = [], A = [], I, T = [], B = [], P, S = [], C = [], D, G;
-  return l = class extends r {
-    constructor() {
-      super(...arguments);
-      g(this, h);
-      g(this, d);
-      g(this, u);
-      g(this, p);
-      g(this, m);
-      o(this, h, (n(this, f), n(this, M, J() ? "s" : "m"))), o(this, d, (n(this, w), n(this, $, !1))), o(this, u, (n(this, k), n(this, R, "default"))), o(this, p, (n(this, A), n(this, T, ""))), o(this, m, (n(this, B), n(this, S, ""))), this._files = (n(this, C), []), this._fileChangedEvent = new K(this, l.events.fileChangedEvent), this._suffixes = ["B", "kB", "MB", "GB", "TB"], this.language = new H(this);
-    }
-    /**
-     * Size variant, either s or m.
-     * @default 'm' / 's' (lean)
-     */
-    get size() {
-      return _(this, h);
-    }
-    set size(t) {
-      o(this, h, t);
-    }
-    /** Whether more than one file can be selected. */
-    get multiple() {
-      return _(this, d);
-    }
-    set multiple(t) {
-      o(this, d, t);
-    }
-    /** Whether the newly added files should override the previously added ones. */
-    get multipleMode() {
-      return _(this, u);
-    }
-    set multipleMode(t) {
-      o(this, u, t);
-    }
-    /** A comma-separated list of allowed unique file type specifiers. */
-    get accept() {
-      return _(this, p);
-    }
-    set accept(t) {
-      o(this, p, t);
-    }
-    /** This will be forwarded as aria-label to the native input element. */
-    get accessibilityLabel() {
-      return _(this, m);
-    }
-    set accessibilityLabel(t) {
-      o(this, m, t);
-    }
-    /** The path of the first selected file. Empty string ('') if no file is selected */
-    set value(t) {
-      this._hiddenInput.value = t ?? "", t || (this.files = []);
-    }
-    get value() {
-      var t;
-      return (t = this._hiddenInput) == null ? void 0 : t.value;
-    }
-    /** The list of selected files. */
-    set files(t) {
-      this._files = t ?? [];
-      const e = new DataTransfer();
-      this.files.forEach((i) => e.items.add(i)), this._hiddenInput.files = e.files, this.updateFormValue();
-    }
-    get files() {
-      return this._files;
-    }
-    /**
-     * Form type of element.
-     * @default 'file'
-     */
-    get type() {
-      return "file";
-    }
-    formResetCallback() {
-      this.files = [];
-    }
-    formStateRestoreCallback(t, e) {
-      t && (this.files = t.map(([i, q]) => q));
-    }
-    updateFormValue() {
-      const t = new FormData();
-      this.files.forEach((e) => t.append(this.name, e)), this.internals.setFormValue(t);
-    }
-    _checkFileEquality(t, e) {
-      return t.name === e.name && t.size === e.size && t.lastModified === e.lastModified;
-    }
-    _onFocus() {
-      W.mostRecentModality === "keyboard" && this.loadButton.toggleAttribute("data-focus-visible", !0);
-    }
-    _onBlur() {
-      W.mostRecentModality === "keyboard" && this.loadButton.removeAttribute("data-focus-visible");
-    }
-    _readFiles(t) {
-      const e = t.target;
-      e.files && this.createFileList(e.files), Q(t, this);
-    }
-    createFileList(t) {
-      !this.multiple || this.multipleMode !== "persistent" || this.files.length === 0 ? this.files = Array.from(t) : this.files = Array.from(t).filter(
-        // Remove duplicates
-        (e) => this.files.findIndex((i) => this._checkFileEquality(e, i)) === -1
-      ).concat(this.files), this._updateA11yLiveRegion(), this._fileChangedEvent.emit(this.files);
-    }
-    _removeFile(t) {
-      this.files = this.files.filter((e) => !this._checkFileEquality(t, e)), this._updateA11yLiveRegion(), this.dispatchEvent(new Event("input", { composed: !0, bubbles: !0 })), this.dispatchEvent(new Event("change", { bubbles: !0 })), this._fileChangedEvent.emit(this.files);
-    }
-    /** Calculates the correct unit for the file's size. */
-    _formatFileSize(t) {
-      const e = Math.floor(Math.log(t) / Math.log(1024));
-      return `${(t / Math.pow(1024, e)).toFixed(0)} ${this._suffixes[e]}`;
-    }
-    _updateA11yLiveRegion() {
-      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" };
-      return y`
-      <${v(t.WRAPPER)} class='sbb-file-selector__file-list'>
-        ${this.files.map((e) => y`
-            <${v(t.ELEMENT)} class='sbb-file-selector__file'>
-                <span class='sbb-file-selector__file-details'>
-                  <span class='sbb-file-selector__file-name'>${e.name}</span>
-                  <span class='sbb-file-selector__file-size'>${this._formatFileSize(e.size)}</span>
-                </span>
-              <sbb-secondary-button
-                size='${this.size}'
-                icon-name='trash-small'
-                @click='${() => this._removeFile(e)}'
-                aria-label='${`${X[this.language.current]} - ${e.name}`}'
-              ></sbb-secondary-button>
-            </${v(t.ELEMENT)}>`)}
-      </${v(t.WRAPPER)}>
-    `;
-    }
-    render() {
-      const t = this.accessibilityLabel ? `${Y[this.language.current]} - ${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 || x}"
-              aria-label="${t || x}"
-              @change="${this._readFiles}"
-              @focus="${this._onFocus}"
-              @blur="${this._onBlur}"
-              ${V((e) => {
-        this._hiddenInput = e;
-      })}
-            />`)}
-          <p
-            role="status"
-            class="sbb-file-selector__visually-hidden"
-            ${V((e) => this._liveRegion = e)}
-          ></p>
-          ${this.files.length > 0 ? this._renderFileList() : x}
-          <div class="sbb-file-selector__error">
-            <slot name="error"></slot>
-          </div>
-        </div>
-      `;
-    }
-  }, h = new WeakMap(), d = new WeakMap(), u = new WeakMap(), p = new WeakMap(), m = new WeakMap(), (() => {
-    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
-    E = [b({ reflect: !0 })], L = [z(), b({ type: Boolean })], F = [b({ attribute: "multiple-mode" })], I = [z(), b()], P = [z(), b({ attribute: "accessibility-label" })], D = [b({ attribute: !1 })], G = [b({ attribute: !1 })], c(l, null, E, { 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 }, M, w), c(l, null, L, { 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 }, $, k), c(l, null, F, { 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 }, R, A), c(l, null, I, { 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 }, T, B), c(l, 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 }, S, C), c(l, null, D, { kind: "setter", name: "value", static: !1, private: !1, access: { has: (e) => "value" in e, set: (e, i) => {
-      e.value = i;
-    } }, metadata: t }, null, f), c(l, null, G, { kind: "setter", name: "files", static: !1, private: !1, access: { has: (e) => "files" in e, set: (e, i) => {
-      e.files = i;
-    } }, metadata: t }, null, f), t && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), l.events = {
-    fileChangedEvent: "fileChanged"
-  }, l;
-})(), ve = O`*,: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([data-active]){--sbb-file-selector-background-color: var(--sbb-color-milk);--sbb-file-selector-border-color: var(--sbb-color-storm)}@media (forced-colors: active){:host([data-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}`;
+import { SbbFileSelectorCommonElementMixin as m } from "./common/file-selector-common.js";
+import { f as r } from "../file-selector-common-Dw5d8vA4.js";
 export {
-  ge as SbbFileSelectorCommonElementMixin,
-  ve as fileSelectorCommonStyle
+  m as SbbFileSelectorCommonElementMixin,
+  r as fileSelectorCommonStyle
 };