@sbb-esta/lyne-elements 1.13.0 → 1.14.0

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

@@ -1 +1 @@
-{"version":3,"file":"expansion-panel-content.d.ts","sourceRoot":"","sources":["../../../../src/elements/expansion-panel/expansion-panel-content/expansion-panel-content.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAOvC;;;;GAIG;AACH,qBAKa,+BAAgC,SAAQ,UAAU;IAC7D,OAAuB,MAAM,EAAE,cAAc,CAAS;cAEnC,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,6BAA6B,EAAE,+BAA+B,CAAC;KAChE;CACF"}
+{"version":3,"file":"expansion-panel-content.d.ts","sourceRoot":"","sources":["../../../../src/elements/expansion-panel/expansion-panel-content/expansion-panel-content.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAOvC;;;;GAIG;AACH,qBAMM,+BAAgC,SAAQ,UAAU;IACtD,OAAuB,MAAM,EAAE,cAAc,CAAS;cAEnC,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,6BAA6B,EAAE,+BAA+B,CAAC;KAChE;CACF"}

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

@@ -1,29 +1,27 @@
-import { css as l, LitElement as b, html as r } from "lit";
+import { __esDecorate as o, __runInitializers as r } from "tslib";
+import { css as p, html as b, LitElement as c } from "lit";
 import { customElement as d } from "lit/decorators.js";
-import { hostAttributes as c } from "../core/decorators.js";
-const x = l`*,:before,:after{box-sizing:border-box}:host{--sbb-expansion-panel-content-padding-inline: var(--sbb-spacing-fixed-6x);--sbb-expansion-panel-content-padding-inline-start: var( --sbb-expansion-panel-content-padding-inline );display:block}:host([data-size=s]){--sbb-expansion-panel-content-padding-inline: var(--sbb-spacing-fixed-5x)}@media (min-width: 22.5rem){:host([data-icon-space]){--sbb-expansion-panel-content-padding-inline-start: calc( var(--sbb-expansion-panel-content-padding-inline) + var(--sbb-expansion-panel-icon-size) + var(--sbb-expansion-panel-title-gap) )}}.sbb-expansion-panel-content{padding-block-end:var(--sbb-spacing-responsive-s);padding-inline:var(--sbb-expansion-panel-content-padding-inline-start) var(--sbb-expansion-panel-content-padding-inline)}::slotted(:is(p,sbb-title):first-child){margin-block-start:0}`;
-var v = Object.defineProperty, g = Object.getOwnPropertyDescriptor, m = (p, e, t, s) => {
-  for (var n = s > 1 ? void 0 : s ? g(e, t) : e, i = p.length - 1, a; i >= 0; i--)
-    (a = p[i]) && (n = (s ? a(e, t, n) : a(n)) || n);
-  return s && n && v(e, t, n), n;
-};
-let o = class extends b {
-  render() {
-    return r`
+import { hostAttributes as m } from "../core/decorators.js";
+const x = p`*,:before,:after{box-sizing:border-box}:host{--sbb-expansion-panel-content-padding-inline: var(--sbb-spacing-fixed-6x);--sbb-expansion-panel-content-padding-inline-start: var( --sbb-expansion-panel-content-padding-inline );display:block}:host([data-size=s]){--sbb-expansion-panel-content-padding-inline: var(--sbb-spacing-fixed-5x)}@media (min-width: 22.5rem){:host([data-icon-space]){--sbb-expansion-panel-content-padding-inline-start: calc( var(--sbb-expansion-panel-content-padding-inline) + var(--sbb-expansion-panel-icon-size) + var(--sbb-expansion-panel-title-gap) )}}.sbb-expansion-panel-content{padding-block-end:var(--sbb-spacing-responsive-s);padding-inline:var(--sbb-expansion-panel-content-padding-inline-start) var(--sbb-expansion-panel-content-padding-inline)}::slotted(:is(p,sbb-title):first-child){margin-block-start:0}`;
+let h = (() => {
+  var e;
+  let l = [d("sbb-expansion-panel-content"), m({
+    role: "region",
+    slot: "content"
+  })], a, s = [], n, i = c;
+  return e = class extends i {
+    render() {
+      return b`
       <div class="sbb-expansion-panel-content">
         <slot></slot>
       </div>
     `;
-  }
-};
-o.styles = x;
-o = m([
-  d("sbb-expansion-panel-content"),
-  c({
-    role: "region",
-    slot: "content"
-  })
-], o);
+    }
+  }, n = e, (() => {
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
+    o(null, a = { value: n }, l, { kind: "class", name: n.name, metadata: t }, null, s), n = a.value, t && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), e.styles = x, r(n, s), n;
+})();
 export {
-  o as SbbExpansionPanelContentElement
+  h as SbbExpansionPanelContentElement
 };

package/expansion-panel/expansion-panel-header/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/expansion-panel-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAUnE;;;;;;GAMG;AACH,qBAIa,8BAA+B,SAAQ,mCAEnD;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX,6DAA6D;IAC7D,OAAO,CAAC,eAAe,CAMrB;IACF,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,WAAW,CAAwE;IAE3E,iBAAiB,IAAI,IAAI;IAQzC,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"}
+{"version":3,"file":"expansion-panel-header.d.ts","sourceRoot":"","sources":["../../../../src/elements/expansion-panel/expansion-panel-header/expansion-panel-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAUnE;;;;;;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,MAAM,CAAyC;IACvD,OAAO,CAAC,WAAW,CAAwE;IAE3E,iBAAiB,IAAI,IAAI;IAQzC,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/expansion-panel/expansion-panel-header.js

@@ -1,56 +1,51 @@
-import { css as l, html as b, nothing as p } from "lit";
-import { customElement as d } from "lit/decorators.js";
-import { SbbButtonBaseElement as c } from "../core/base-elements.js";
-import { SbbConnectedAbortController as h, SbbSlotStateController as x } from "../core/controllers.js";
-import { hostAttributes as g } from "../core/decorators.js";
-import { EventEmitter as m } from "../core/eventing.js";
-import { SbbDisabledTabIndexActionMixin as v } from "../core/mixins.js";
-import { SbbIconNameMixin as f } from "../icon.js";
-const u = l`*,: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([disabled]){--sbb-expansion-panel-header-cursor: default;--sbb-expansion-panel-header-text-color: var(--sbb-color-granite)}@media (forced-colors: active){:host([disabled]){--sbb-expansion-panel-header-text-color: GrayText}}:host(:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch])){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) 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: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;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-zero-time, var(--sbb-animation-duration-4x))}:host([aria-expanded]:not([aria-expanded=false])) .sbb-expansion-panel-header__toggle-icon{transform:rotate(-180deg)}`;
-var _ = Object.defineProperty, E = Object.getOwnPropertyDescriptor, w = (e, n, o, t) => {
-  for (var a = t > 1 ? void 0 : t ? E(n, o) : n, i = e.length - 1, r; i >= 0; i--)
-    (r = e[i]) && (a = (t ? r(n, o, a) : r(a)) || a);
-  return t && a && _(n, o, a), a;
-};
-let s = class extends v(
-  f(c)
-) {
-  constructor() {
-    super(...arguments), this._toggleExpanded = new m(
-      this,
-      s.events.toggleExpanded,
-      {
+import { __esDecorate as p, __runInitializers as d } from "tslib";
+import { css as c, html as b, nothing as h } from "lit";
+import { customElement as x } from "lit/decorators.js";
+import { SbbButtonBaseElement as m } from "../core/base-elements.js";
+import { SbbConnectedAbortController as g, SbbSlotStateController as u } from "../core/controllers.js";
+import { hostAttributes as v } from "../core/decorators.js";
+import { EventEmitter as f } from "../core/eventing.js";
+import { SbbDisabledTabIndexActionMixin as _ } from "../core/mixins.js";
+import { SbbIconNameMixin as y } from "../icon.js";
+const E = c`*,: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([disabled]){--sbb-expansion-panel-header-cursor: default;--sbb-expansion-panel-header-text-color: var(--sbb-color-granite)}@media (forced-colors: active){:host([disabled]){--sbb-expansion-panel-header-text-color: GrayText}}:host(:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch])){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) 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: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;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-zero-time, var(--sbb-animation-duration-4x))}:host([aria-expanded]:not([aria-expanded=false])) .sbb-expansion-panel-header__toggle-icon{transform:rotate(-180deg)}`;
+let T = (() => {
+  var a;
+  let l = [x("sbb-expansion-panel-header"), v({
+    slot: "header"
+  })], s, o = [], n, i = _(y(m));
+  var t = (a = class extends i {
+    constructor() {
+      super(...arguments), this._toggleExpanded = new f(this, t.events.toggleExpanded, {
         bubbles: !0
-      }
-    ), this._abort = new h(this), this._namedSlots = new x(this, () => this._setDataIconAttribute());
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    const e = this._abort.signal;
-    this.addEventListener("click", () => this._emitExpandedEvent(), { signal: e }), this.addEventListener("mouseenter", () => this._onMouseMovement(!0), { signal: e }), this.addEventListener("mouseleave", () => this._onMouseMovement(!1), { signal: e });
-  }
-  _emitExpandedEvent() {
-    this.disabled || this._toggleExpanded.emit();
-  }
-  _onMouseMovement(e) {
-    const n = this.closest("sbb-expansion-panel");
-    (!e || n && window.matchMedia("(any-hover: hover)").matches) && n.toggleAttribute("data-toggle-hover", e);
-  }
-  /**
-   * 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 'NamedSlotStateController' has run.
-   */
-  _setDataIconAttribute() {
-    this.toggleAttribute("data-icon", !!(this.iconName || this._namedSlots.slots.has("icon")));
-  }
-  renderTemplate() {
-    return this._setDataIconAttribute(), b`
+      }), this._abort = new g(this), this._namedSlots = new u(this, () => this._setDataIconAttribute());
+    }
+    connectedCallback() {
+      super.connectedCallback();
+      const e = this._abort.signal;
+      this.addEventListener("click", () => this._emitExpandedEvent(), { signal: e }), this.addEventListener("mouseenter", () => this._onMouseMovement(!0), { signal: e }), this.addEventListener("mouseleave", () => this._onMouseMovement(!1), { signal: e });
+    }
+    _emitExpandedEvent() {
+      this.disabled || this._toggleExpanded.emit();
+    }
+    _onMouseMovement(e) {
+      const r = this.closest("sbb-expansion-panel");
+      (!e || r && window.matchMedia("(any-hover: hover)").matches) && r.toggleAttribute("data-toggle-hover", e);
+    }
+    /**
+     * 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 'NamedSlotStateController' has run.
+     */
+    _setDataIconAttribute() {
+      this.toggleAttribute("data-icon", !!(this.iconName || this._namedSlots.slots.has("icon")));
+    }
+    renderTemplate() {
+      return this._setDataIconAttribute(), b`
       <span class="sbb-expansion-panel-header__title">
         <span class="sbb-expansion-panel-header__icon"> ${this.renderIconSlot()} </span>
         <slot></slot>
       </span>
-      ${this.disabled ? p : b`<span class="sbb-expansion-panel-header__toggle">
+      ${this.disabled ? h : b`<span class="sbb-expansion-panel-header__toggle">
             <sbb-icon
               name="chevron-small-down-medium"
               class="sbb-expansion-panel-header__toggle-icon"
@@ -58,18 +53,15 @@ let s = class extends v(
             </sbb-icon>
           </span>`}
     `;
-  }
-};
-s.styles = u;
-s.events = {
-  toggleExpanded: "toggleExpanded"
-};
-s = w([
-  d("sbb-expansion-panel-header"),
-  g({
-    slot: "header"
-  })
-], s);
+    }
+  }, n = a, (() => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
+    p(null, s = { value: n }, l, { kind: "class", name: n.name, metadata: e }, null, o), t = n = s.value, e && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), a.styles = E, a.events = {
+    toggleExpanded: "toggleExpanded"
+  }, d(n, o), a);
+  return t = n;
+})();
 export {
-  s as SbbExpansionPanelHeaderElement
+  T as SbbExpansionPanelHeaderElement
 };

package/expansion-panel/expansion-panel.js

@@ -1,105 +1,126 @@
-import { css as c, LitElement as h } from "lit";
-import { property as r, customElement as x } from "lit/decorators.js";
-import { html as _, unsafeStatic as p } from "lit/static-html.js";
-import { SbbConnectedAbortController as u } from "../core/controllers.js";
-import { EventEmitter as d } from "../core/eventing.js";
-import { SbbHydrationMixin as f } from "../core/mixins.js";
-const m = c`*,:before,:after{box-sizing:border-box}:host{--sbb-expansion-panel-animation-duration: var( --sbb-disable-animation-zero-time, 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}}`;
-var g = Object.defineProperty, v = Object.getOwnPropertyDescriptor, o = (e, a, t, s) => {
-  for (var i = s > 1 ? void 0 : s ? v(a, t) : a, b = e.length - 1, l; b >= 0; b--)
-    (l = e[b]) && (i = (s ? l(a, t, i) : l(i)) || i);
-  return s && i && g(a, t, i), i;
+var T = (s) => {
+  throw TypeError(s);
 };
-let w = 0, n = class extends f(h) {
-  constructor() {
-    super(...arguments), this.color = "white", this._expanded = !1, this._disabled = !1, this.borderless = !1, this.size = "l", this._willOpen = new d(
-      this,
-      n.events.willOpen
-    ), this._didOpen = new d(
-      this,
-      n.events.didOpen
-    ), this._willClose = new d(
-      this,
-      n.events.willClose
-    ), this._didClose = new d(
-      this,
-      n.events.didClose
-    ), this._progressiveId = `-${++w}`, this._abort = new u(this), this._initialized = !1;
-  }
-  set expanded(e) {
-    this._expanded = e, this._onExpandedChange();
-  }
-  get expanded() {
-    return this._expanded;
-  }
-  set disabled(e) {
-    this._disabled = e, this._updateDisabledOnHeader(this._disabled);
-  }
-  get disabled() {
-    return this._disabled;
-  }
-  /**
-   * The state of the notification.
-   */
-  set _state(e) {
-    this.setAttribute("data-state", e);
-  }
-  get _state() {
-    return this.getAttribute("data-state");
-  }
-  connectedCallback() {
-    var a;
-    super.connectedCallback();
-    const e = this._abort.signal;
-    this.addEventListener("toggleExpanded", () => this._toggleExpanded(), { signal: e }), this.toggleAttribute("data-accordion", !!((a = this.closest) != null && a.call(this, "sbb-accordion")));
-  }
-  willUpdate(e) {
-    var a, t;
-    super.willUpdate(e), e.has("size") && ((a = this._headerRef) == null || a.setAttribute("data-size", String(this.size)), (t = this._contentRef) == null || t.setAttribute("data-size", String(this.size)));
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.removeAttribute("data-accordion");
-  }
-  firstUpdated(e) {
-    super.firstUpdated(e), this._initialized = !0;
-  }
-  _toggleExpanded() {
-    this.expanded = !this.expanded;
-  }
-  _onExpandedChange() {
-    var e, a;
-    (e = this._headerRef) == null || e.setAttribute("aria-expanded", String(this.expanded)), (a = this._contentRef) == null || a.setAttribute("aria-hidden", String(!this.expanded)), this.expanded ? this._open(!this._initialized) : this._state === "opened" && this._close();
-  }
-  _open(e = !1) {
-    this._state = "opening", this._willOpen.emit(), e && (this._state = "opened", this._didOpen.emit());
-  }
-  _close() {
-    this._state = "closing", this._willClose.emit();
-  }
-  _updateDisabledOnHeader(e) {
-    this._headerRef && (this._headerRef.disabled = e);
-  }
-  _handleSlotchange() {
-    const e = Array.from(this.children ?? []), a = e.find(
-      (s) => s.localName === "sbb-expansion-panel-header"
-    ), t = e.find(
-      (s) => s.localName === "sbb-expansion-panel-content"
-    );
-    this._headerRef === a && this._contentRef === t || (a && this._headerRef !== a && (a.id || (a.id = `sbb-expansion-panel-header${this._progressiveId}`), a.setAttribute("aria-expanded", String(this.expanded)), a.toggleAttribute("disabled", this.disabled), a.setAttribute("data-size", String(this.size))), t && this._contentRef !== t && (t.id || (t.id = `sbb-expansion-panel-content${this._progressiveId}`), t.setAttribute("aria-hidden", String(!this.expanded)), t.setAttribute("data-size", String(this.size))), this._headerRef = a, this._contentRef = t, 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(e) {
-    e.animationName === "open-opacity" && this._state === "opening" ? (this._state = "opened", this._didOpen.emit()) : e.animationName === "close" && this._state === "closing" && (this._state = "closed", this._didClose.emit());
-  }
-  render() {
-    const e = this.titleLevel ? `h${this.titleLevel}` : "div";
-    return _`
+var U = (s, i, o) => i.has(s) || T("Cannot " + o);
+var m = (s, i, o) => (U(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) => (U(s, i, "write to private field"), r ? r.call(s, o) : i.set(s, o), o);
+import { __runInitializers as l, __esDecorate as b } from "tslib";
+import { css as G, LitElement as j } from "lit";
+import { customElement as M, property as u } from "lit/decorators.js";
+import { html as P, unsafeStatic as B } from "lit/static-html.js";
+import { SbbConnectedAbortController as q } from "../core/controllers.js";
+import { forceType as F } from "../core/decorators.js";
+import { EventEmitter as v } 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-zero-time, 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, ne = (() => {
+  var c, h, _, x, n;
+  let s = [M("sbb-expansion-panel")], i, o = [], r, k = J(j), g = [], z, y = [], A = [], S, R = [], E = [], C, O, L, I = [], $ = [], D, H = [], N = [];
+  var p = (n = class extends k {
+    constructor() {
+      super(...arguments);
+      f(this, c);
+      f(this, h);
+      f(this, _);
+      f(this, x);
+      d(this, c, (l(this, g), l(this, y, null))), d(this, h, (l(this, A), l(this, R, "white"))), this._expanded = (l(this, E), !1), this._disabled = !1, d(this, _, l(this, I, !1)), d(this, x, (l(this, $), l(this, H, "l"))), this._willOpen = (l(this, N), new v(this, p.events.willOpen)), this._didOpen = new v(this, p.events.didOpen), this._willClose = new v(this, p.events.willClose), this._didClose = new v(this, p.events.didClose), this._progressiveId = `-${++Q}`, this._abort = new q(this), this._initialized = !1;
+    }
+    /** 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. */
+    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 e;
+      super.connectedCallback();
+      const t = this._abort.signal;
+      this.addEventListener("toggleExpanded", () => this._toggleExpanded(), { signal: t }), this.toggleAttribute("data-accordion", !!((e = this.closest) != null && e.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");
+    }
+    firstUpdated(t) {
+      super.firstUpdated(t), this._initialized = !0;
+    }
+    _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._initialized) : this._state === "opened" && this._close();
+    }
+    _open(t = !1) {
+      this._state = "opening", this._willOpen.emit(), t && (this._state = "opened", this._didOpen.emit());
+    }
+    _close() {
+      this._state = "closing", this._willClose.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._state = "opened", this._didOpen.emit()) : t.animationName === "close" && this._state === "closing" && (this._state = "closed", this._didClose.emit());
+    }
+    render() {
+      const t = this.titleLevel ? `h${this.titleLevel}` : "div";
+      return P`
       <div class="sbb-expansion-panel">
-        <${p(e)} class="sbb-expansion-panel__header">
+        <${B(t)} class="sbb-expansion-panel__header">
           <slot name="header" @slotchange=${this._handleSlotchange}></slot>
-        </${p(e)}>
+        </${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>
@@ -107,36 +128,30 @@ let w = 0, n = class extends f(h) {
         </div>
       </div>
     `;
-  }
-};
-n.styles = m;
-n.events = {
-  willOpen: "willOpen",
-  didOpen: "didOpen",
-  willClose: "willClose",
-  didClose: "didClose"
-};
-o([
-  r({ attribute: "title-level" })
-], n.prototype, "titleLevel", 2);
-o([
-  r()
-], n.prototype, "color", 2);
-o([
-  r({ reflect: !0, type: Boolean })
-], n.prototype, "expanded", 1);
-o([
-  r({ reflect: !0, type: Boolean })
-], n.prototype, "disabled", 1);
-o([
-  r({ reflect: !0, type: Boolean })
-], n.prototype, "borderless", 2);
-o([
-  r({ reflect: !0 })
-], n.prototype, "size", 2);
-n = o([
-  x("sbb-expansion-panel")
-], n);
+    }
+  }, 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;
+    z = [u({ attribute: "title-level" })], S = [u()], C = [u({ reflect: !0, type: Boolean })], O = [u({ reflect: !0, type: Boolean })], L = [F(), u({ reflect: !0, type: Boolean })], D = [u({ reflect: !0 })], b(n, null, z, { 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 }, y, A), b(n, null, S, { 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 }, R, E), b(n, null, C, { kind: "setter", name: "expanded", static: !1, private: !1, access: { has: (e) => "expanded" in e, set: (e, a) => {
+      e.expanded = a;
+    } }, metadata: t }, null, g), 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, g), 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, $), b(n, null, D, { 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;
+})();
 export {
-  n as SbbExpansionPanelElement
+  ne as SbbExpansionPanelElement
 };

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

@@ -9,6 +9,7 @@ declare const SbbFileSelectorElement_base: import('../core/mixins.js').AbstractC
  * @event {CustomEvent<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.
+ * @overrideType value - string | null
  */
 export declare class SbbFileSelectorElement extends SbbFileSelectorElement_base {
     static styles: CSSResultGroup;
@@ -16,19 +17,19 @@ export declare class SbbFileSelectorElement extends SbbFileSelectorElement_base
         readonly fileChangedEvent: "fileChanged";
     };
     /** Whether the component has a dropzone area or not. */
-    variant: 'default' | 'dropzone';
+    accessor variant: 'default' | 'dropzone';
     /** Size variant, either s or m. */
-    size: 's' | 'm';
+    accessor size: 's' | 'm';
     /** Whether more than one file can be selected. */
-    multiple: boolean;
+    accessor multiple: boolean;
     /** Whether the newly added files should override the previously added ones. */
-    multipleMode: 'default' | 'persistent';
+    accessor multipleMode: 'default' | 'persistent';
     /** A comma-separated list of allowed unique file type specifiers. */
-    accept?: string;
+    accessor accept: string;
     /** The title displayed in `dropzone` variant. */
-    titleContent?: string;
+    accessor titleContent: string;
     /** This will be forwarded as aria-label to the native input element. */
-    accessibilityLabel: string | undefined;
+    accessor accessibilityLabel: string;
     /** The path of the first selected file. Empty string ('') if no file is selected */
     set value(value: string | null);
     get value(): string | null;

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

@@ -1 +1 @@
-{"version":3,"file":"file-selector.d.ts","sourceRoot":"","sources":["../../../src/elements/file-selector/file-selector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,UAAU,EAAW,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAgBpF,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAGtB,MAAM,mBAAmB,CAAC;AAI3B,OAAO,+BAA+B,CAAC;AACvC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,YAAY,CAAC;AAEpB,MAAM,MAAM,QAAQ,GAAG,UAAU,CAAC,KAAK,CAAC;;AAExC;;;;;;;GAOG;AACH,qBAEa,sBAAuB,SAAQ,2BAAoD;IAC9F,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX,wDAAwD;IACrC,OAAO,EAAE,SAAS,GAAG,UAAU,CAAa;IAE/D,mCAAmC;IACC,IAAI,EAAE,GAAG,GAAG,GAAG,CAAO;IAE1D,kDAAkD;IACd,QAAQ,EAAE,OAAO,CAAS;IAE9D,+EAA+E;IAExE,YAAY,EAAE,SAAS,GAAG,YAAY,CAAa;IAE1D,qEAAqE;IAClD,MAAM,CAAC,EAAE,MAAM,CAAC;IAEnC,iDAAiD;IACA,YAAY,CAAC,EAAE,MAAM,CAAC;IAEvE,wEAAwE;IACjB,kBAAkB,EAAE,MAAM,GAAG,SAAS,CAAC;IAE9F,oFAAoF;IACpF,IACoB,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAM7C;IACD,IAAoB,KAAK,IAAI,MAAM,GAAG,IAAI,CAEzC;IAED;;OAEG;IACH,IACW,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,EAS7B;IACD,IAAW,KAAK,IAAI,IAAI,EAAE,CAEzB;IACD,OAAO,CAAC,MAAM,CAAc;IAE5B,iEAAiE;IACjE,OAAO,CAAC,iBAAiB,CAGvB;IAIF,OAAO,CAAC,QAAQ,CAAa;IAE7B,OAAO,CAAC,WAAW,CAAmC;IACtD,OAAO,CAAC,WAAW,CAAC,CAAc;IAClC,OAAO,CAAC,YAAY,CAAoB;IACxC,OAAO,CAAC,SAAS,CAA2C;IAC5D,OAAO,CAAC,WAAW,CAAwB;IAE3C,OAAO,CAAC,SAAS,CAAmC;IAEpD;;OAEG;IACI,QAAQ,IAAI,IAAI,EAAE;IAIT,iBAAiB,IAAI,IAAI;IAIzB,wBAAwB,CACtC,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAC9B,OAAO,CAAC,EAAE,iBAAiB,GAC1B,IAAI;cAOY,eAAe,IAAI,IAAI;IAM1C,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,QAAQ;IAMhB,OAAO,CAAC,OAAO;IAMf,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,eAAe;IAiBvB,OAAO,CAAC,WAAW;IAUnB,uDAAuD;IACvD,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,qBAAqB;IAM7B,OAAO,CAAC,kBAAkB;IAe1B,OAAO,CAAC,mBAAmB;IA2B3B,OAAO,CAAC,eAAe;cA4BJ,MAAM,IAAI,cAAc;CA2C5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}
+{"version":3,"file":"file-selector.d.ts","sourceRoot":"","sources":["../../../src/elements/file-selector/file-selector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,UAAU,EAAW,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAgBpF,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAGtB,MAAM,mBAAmB,CAAC;AAI3B,OAAO,+BAA+B,CAAC;AACvC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,YAAY,CAAC;AAEpB,MAAM,MAAM,QAAQ,GAAG,UAAU,CAAC,KAAK,CAAC;;AAExC;;;;;;;;GAQG;AACH,qBAGM,sBAAuB,SAAQ,2BAAoD;IACvF,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX,wDAAwD;IACxD,SAA4B,OAAO,EAAE,SAAS,GAAG,UAAU,CAAa;IAExE,mCAAmC;IACnC,SAA6C,IAAI,EAAE,GAAG,GAAG,GAAG,CAAO;IAEnE,kDAAkD;IAClD,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C,+EAA+E;IAC/E,SACgB,YAAY,EAAE,SAAS,GAAG,YAAY,CAAa;IAEnE,qEAAqE;IACrE,SAEgB,MAAM,EAAE,MAAM,CAAM;IAEpC,iDAAiD;IACjD,SAEgB,YAAY,EAAE,MAAM,CAAM;IAE1C,wEAAwE;IACxE,SAEgB,kBAAkB,EAAE,MAAM,CAAM;IAEhD,oFAAoF;IACpF,IACoB,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAM7C;IACD,IAAoB,KAAK,IAAI,MAAM,GAAG,IAAI,CAEzC;IAED;;OAEG;IACH,IACW,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,EAS7B;IACD,IAAW,KAAK,IAAI,IAAI,EAAE,CAEzB;IACD,OAAO,CAAC,MAAM,CAAc;IAE5B,iEAAiE;IACjE,OAAO,CAAC,iBAAiB,CAGvB;IAIF,OAAO,CAAC,QAAQ,CAAa;IAE7B,OAAO,CAAC,WAAW,CAAmC;IACtD,OAAO,CAAC,WAAW,CAAC,CAAc;IAClC,OAAO,CAAC,YAAY,CAAoB;IACxC,OAAO,CAAC,SAAS,CAA2C;IAC5D,OAAO,CAAC,WAAW,CAAwB;IAE3C,OAAO,CAAC,SAAS,CAAmC;IAEpD;;OAEG;IACI,QAAQ,IAAI,IAAI,EAAE;IAIT,iBAAiB,IAAI,IAAI;IAIzB,wBAAwB,CACtC,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAC9B,OAAO,CAAC,EAAE,iBAAiB,GAC1B,IAAI;cAOY,eAAe,IAAI,IAAI;IAM1C,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,QAAQ;IAMhB,OAAO,CAAC,OAAO;IAMf,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,eAAe;IAiBvB,OAAO,CAAC,WAAW;IAUnB,uDAAuD;IACvD,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,qBAAqB;IAM7B,OAAO,CAAC,kBAAkB;IAe1B,OAAO,CAAC,mBAAmB;IA2B3B,OAAO,CAAC,eAAe;cA4BJ,MAAM,IAAI,cAAc;CA2C5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}