@viasat/beam-web-components 2.21.0 → 2.21.1

package/local/ProgressBar/ProgressBar.js

@@ -1,4 +1,4 @@
-import { r as k, a as y, x as m, E as p } from "../chunks/lit-element.CJtt9wj5.js";
+import { r as _, a as y, x as m, E as b } from "../chunks/lit-element.CJtt9wj5.js";
 import { n as o, c as $ } from "../chunks/register-custom-element.vod7zfGv.js";
 import { c as x, g as w } from "../chunks/classNames.C6fNrXWF.js";
 import { t as z } from "../chunks/constants.jOWREYQE.js";
@@ -23,39 +23,39 @@ function T(r) {
     hideIcon: !0
   };
 }
-const C = ':root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--bm-comp-progress-bar-color-indicator-default: var( --bm-utility-color-accent-default, #00768f );--bm-comp-progress-bar-color-indicator-success: var( --bm-sem-color-surface-positive-strong, #187c36 );--bm-comp-progress-bar-color-indicator-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-progress-bar-color-track: var(--bm-sem-color-border-02, #d1dae0);--bm-comp-progress-bar-color-label: var(--bm-sem-color-text-primary, #141d24);--bm-comp-progress-bar-radius: var(--bm-sem-radius-round, 624.938rem);--bm-comp-progress-bar-space-label-bottom: var(--bm-sem-space-50, .5rem);--bm-comp-progress-bar-space-status-top: var(--bm-sem-space-25, .25rem);--bm-comp-progress-bar-size-sm-height: var( --bm-primitive-dimension-25, .25rem );--bm-comp-progress-bar-size-md-height: var( --bm-primitive-dimension-50, .5rem );--bm-comp-progress-bar-size-lg-height: var( --bm-primitive-dimension-75, .75rem );--bm-comp-progress-bar-typo-label: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" )}:host,.bm-dark,.bm-light .bm-inverse,[data-bm-theme~=bm-dark]{--bm-comp-progress-bar-color-indicator-default: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-progress-bar-color-indicator-success: var( --bm-sem-color-surface-positive-strong, #b3eb9e );--bm-comp-progress-bar-color-indicator-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-progress-bar-color-track: var(--bm-sem-color-border-02, #465967);--bm-comp-progress-bar-color-label: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-progress-bar-radius: var(--bm-sem-radius-round, 624.938rem);--bm-comp-progress-bar-space-label-bottom: var(--bm-sem-space-50, .5rem);--bm-comp-progress-bar-space-status-top: var(--bm-sem-space-25, .25rem);--bm-comp-progress-bar-size-sm-height: var( --bm-primitive-dimension-25, .25rem );--bm-comp-progress-bar-size-md-height: var( --bm-primitive-dimension-50, .5rem );--bm-comp-progress-bar-size-lg-height: var( --bm-primitive-dimension-75, .75rem );--bm-comp-progress-bar-typo-label: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" )}.bm-progress-bar{display:flex;align-items:stretch;flex-direction:column}.bm-progress-bar .bm-progress-bar__label{margin-bottom:var(--bm-comp-progress-bar-space-label-bottom);font:var(--bm-comp-progress-bar-typo-label);color:var(--bm-comp-progress-bar-color-label)}.bm-progress-bar .bm-progress-bar__track{height:var(--bm-comp-progress-bar-size-md-height);border-radius:var(--bm-comp-progress-bar-radius);background-color:var(--bm-comp-progress-bar-color-track);display:flex;overflow:hidden}.bm-progress-bar .bm-progress-bar__status{margin-top:var(--bm-comp-progress-bar-space-status-top)}.bm-progress-bar--sm .bm-progress-bar__track{height:var(--bm-comp-progress-bar-size-sm-height)}.bm-progress-bar--lg .bm-progress-bar__track{height:var(--bm-comp-progress-bar-size-lg-height)}.bm-progress-bar--full-width .bm-progress-bar__track{border-radius:0}.bm-progress-bar--active .bm-progress-bar__indicator{background-color:var(--bm-comp-progress-bar-color-indicator-default)}.bm-progress-bar--success .bm-progress-bar__indicator{background-color:var(--bm-comp-progress-bar-color-indicator-success)}.bm-progress-bar--error .bm-progress-bar__indicator{background-color:var(--bm-comp-progress-bar-color-indicator-error)}.bm-progress-bar--determinate .bm-progress-bar__indicator{transition-property:width;transition-duration:.3s;transition-timing-function:ease-out}.bm-progress-bar--indeterminate.bm-progress-bar--active .bm-progress-bar__indicator{width:100%;-webkit-mask-image:linear-gradient(to right,transparent 43.0555555556%,black 50%,transparent 56.9444444444%);mask-image:linear-gradient(to right,transparent 43.0555555556%,black 50%,transparent 56.9444444444%);-webkit-mask-size:240%;mask-size:240%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;animation:2s linear infinite bm-progress-bar-indeterminate-indicator-animation}.bm-progress-bar--indeterminate.bm-progress-bar--active .bm-progress-bar__indicator:dir(rtl){animation-direction:reverse}@keyframes bm-progress-bar-indeterminate-indicator-animation{0%{-webkit-mask-position:right;mask-position:right}to{-webkit-mask-position:left;mask-position:left}}';
-var W = Object.defineProperty, M = Object.getOwnPropertyDescriptor, _ = (r) => {
+const C = ':root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-progress-bar-color-indicator-default: var( --bm-utility-color-accent-default, #00768f );--bm-comp-progress-bar-color-indicator-success: var( --bm-sem-color-surface-positive-strong, #187c36 );--bm-comp-progress-bar-color-indicator-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-progress-bar-color-track: var(--bm-sem-color-border-02, #d1dae0);--bm-comp-progress-bar-color-label: var(--bm-sem-color-text-primary, #141d24);--bm-comp-progress-bar-radius: var(--bm-sem-radius-round, 624.938rem);--bm-comp-progress-bar-space-label-bottom: var(--bm-sem-space-50, .5rem);--bm-comp-progress-bar-space-status-top: var(--bm-sem-space-25, .25rem);--bm-comp-progress-bar-size-sm-height: var( --bm-primitive-dimension-25, .25rem );--bm-comp-progress-bar-size-md-height: var( --bm-primitive-dimension-50, .5rem );--bm-comp-progress-bar-size-lg-height: var( --bm-primitive-dimension-75, .75rem );--bm-comp-progress-bar-typo-label: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" )}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-progress-bar-color-indicator-default: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-progress-bar-color-indicator-success: var( --bm-sem-color-surface-positive-strong, #b3eb9e );--bm-comp-progress-bar-color-indicator-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-progress-bar-color-track: var(--bm-sem-color-border-02, #465967);--bm-comp-progress-bar-color-label: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-progress-bar-radius: var(--bm-sem-radius-round, 624.938rem);--bm-comp-progress-bar-space-label-bottom: var(--bm-sem-space-50, .5rem);--bm-comp-progress-bar-space-status-top: var(--bm-sem-space-25, .25rem);--bm-comp-progress-bar-size-sm-height: var( --bm-primitive-dimension-25, .25rem );--bm-comp-progress-bar-size-md-height: var( --bm-primitive-dimension-50, .5rem );--bm-comp-progress-bar-size-lg-height: var( --bm-primitive-dimension-75, .75rem );--bm-comp-progress-bar-typo-label: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" )}.bm-progress-bar{display:flex;align-items:stretch;flex-direction:column}.bm-progress-bar .bm-progress-bar__label{margin-bottom:var(--bm-comp-progress-bar-space-label-bottom);font:var(--bm-comp-progress-bar-typo-label);color:var(--bm-comp-progress-bar-color-label)}.bm-progress-bar .bm-progress-bar__track{height:var(--bm-comp-progress-bar-size-md-height);border-radius:var(--bm-comp-progress-bar-radius);background-color:var(--bm-comp-progress-bar-color-track);display:flex;overflow:hidden}.bm-progress-bar .bm-progress-bar__status{margin-top:var(--bm-comp-progress-bar-space-status-top)}.bm-progress-bar--sm .bm-progress-bar__track{height:var(--bm-comp-progress-bar-size-sm-height)}.bm-progress-bar--lg .bm-progress-bar__track{height:var(--bm-comp-progress-bar-size-lg-height)}.bm-progress-bar--full-width .bm-progress-bar__track{border-radius:0}.bm-progress-bar--active .bm-progress-bar__indicator{background-color:var(--bm-comp-progress-bar-color-indicator-default)}.bm-progress-bar--success .bm-progress-bar__indicator{background-color:var(--bm-comp-progress-bar-color-indicator-success)}.bm-progress-bar--error .bm-progress-bar__indicator{background-color:var(--bm-comp-progress-bar-color-indicator-error)}.bm-progress-bar--determinate .bm-progress-bar__indicator{transition-property:width;transition-duration:.3s;transition-timing-function:ease-out}.bm-progress-bar--indeterminate.bm-progress-bar--active .bm-progress-bar__indicator{width:100%;-webkit-mask-image:linear-gradient(to right,transparent 43.0555555556%,black 50%,transparent 56.9444444444%);mask-image:linear-gradient(to right,transparent 43.0555555556%,black 50%,transparent 56.9444444444%);-webkit-mask-size:240%;mask-size:240%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;animation:2s linear infinite bm-progress-bar-indeterminate-indicator-animation}.bm-progress-bar--indeterminate.bm-progress-bar--active .bm-progress-bar__indicator:dir(rtl){animation-direction:reverse}@keyframes bm-progress-bar-indeterminate-indicator-animation{0%{-webkit-mask-position:right;mask-position:right}to{-webkit-mask-position:left;mask-position:left}}';
+var W = Object.defineProperty, M = Object.getOwnPropertyDescriptor, k = (r) => {
   throw TypeError(r);
 }, t = (r, e, s, c) => {
-  for (var i = c > 1 ? void 0 : c ? M(e, s) : e, l = r.length - 1, g; l >= 0; l--)
-    (g = r[l]) && (i = (c ? g(e, s, i) : g(i)) || i);
+  for (var i = c > 1 ? void 0 : c ? M(e, s) : e, l = r.length - 1, d; l >= 0; l--)
+    (d = r[l]) && (i = (c ? d(e, s, i) : d(i)) || i);
   return c && i && W(e, s, i), i;
-}, E = (r, e, s) => e.has(r) || _("Cannot " + s), d = (r, e, s) => (E(r, e, "read from private field"), s ? s.call(r) : e.get(r)), h = (r, e, s) => e.has(r) ? _("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(r) : e.set(r, s), v, u, f;
-const { baseClassNamePrefix: N, subElementClassPrefix: b, classModifierPrefix: n } = w("progress-bar");
+}, E = (r, e, s) => e.has(r) || k("Cannot " + s), g = (r, e, s) => (E(r, e, "read from private field"), s ? s.call(r) : e.get(r)), h = (r, e, s) => e.has(r) ? k("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(r) : e.set(r, s), v, u, f;
+const { baseClassNamePrefix: N, subElementClassPrefix: p, classModifierPrefix: n } = w("progress-bar");
 let a = class extends y {
   constructor() {
     super(...arguments), this.state = "active", this.size = "md", this.fullWidth = !1, h(this, v, () => this.label ? m`<label
       id="label"
       for="progress"
-      class=${`${b}label`}
+      class=${`${p}label`}
       >${this.label}</label
     >` : ""), h(this, u, (r) => {
       const { progressbarAriaLabel: e } = this, s = S(this.state, this.value);
       return m`<div
       id="progress"
       role="progressbar"
-      aria-label=${e ?? p}
-      aria-labelledby=${this.label ? "label" : p}
-      aria-describedby=${this.helperText ? "status" : p}
+      aria-label=${e ?? b}
+      aria-labelledby=${this.label ? "label" : b}
+      aria-describedby=${this.helperText ? "status" : b}
       aria-valuemin="0"
       aria-valuemax="100"
-      aria-valuenow=${this.value ?? p}
-      class=${`${b}track`}
+      aria-valuenow=${this.value ?? b}
+      class=${`${p}track`}
     >
       ${r === "determinate" ? m`<div
-            class=${`${b}indicator`}
-            style=${s !== void 0 ? `width: ${s}%` : p}
-          ></div>` : m`<div class=${`${b}indicator`}></div>`}
+            class=${`${p}indicator`}
+            style=${s !== void 0 ? `width: ${s}%` : b}
+          ></div>` : m`<div class=${`${p}indicator`}></div>`}
     </div>`;
     }), h(this, f, () => {
       if (!this.helperText)
@@ -64,7 +64,7 @@ let a = class extends y {
       return m`
       <bm-helper-text
         id="status"
-        class=${`${b}status`}
+        class=${`${p}status`}
         .hideIcon=${r.hideIcon}
         appearance=${r.appearance}
         text=${this.helperText}
@@ -84,7 +84,7 @@ let a = class extends y {
     );
     return m`
       <div class=${e}>
-        ${d(this, v).call(this)} ${d(this, u).call(this, r)} ${d(this, f).call(this)}
+        ${g(this, v).call(this)} ${g(this, u).call(this, r)} ${g(this, f).call(this)}
       </div>
     `;
   }
@@ -93,7 +93,7 @@ v = /* @__PURE__ */ new WeakMap();
 u = /* @__PURE__ */ new WeakMap();
 f = /* @__PURE__ */ new WeakMap();
 P(a);
-a.styles = [k(C)];
+a.styles = [_(C)];
 t([
   o({ type: String })
 ], a.prototype, "state", 2);

package/local/SegmentedControl/SegmentedControl.js

@@ -4,7 +4,7 @@ import { n as m, c as E } from "../chunks/register-custom-element.vod7zfGv.js";
 import { r as z } from "../chunks/state.CqiuSzAl.js";
 import { g as B } from "../chunks/classNames.C6fNrXWF.js";
 import "../chunks/constants.jOWREYQE.js";
-import { s as I } from "../chunks/segmentedControl.module.BPXEWodj.js";
+import { s as I } from "../chunks/segmentedControl.module.5EsIjpJa.js";
 import { segmentedControlContext as O } from "./SegmentedControl.context.js";
 import "./SegmentedControlItem.js";
 import "./SegmentedControlList.js";

package/local/SegmentedControl/SegmentedControlItem.js

@@ -6,7 +6,7 @@ import { e as O } from "../chunks/query.lbpOn5CD.js";
 import { b as T, c as b, g as $ } from "../chunks/classNames.C6fNrXWF.js";
 import { a as E } from "../chunks/constants.jOWREYQE.js";
 import { r as S } from "../chunks/dom.CroF8n1N.js";
-import { s as A } from "../chunks/segmentedControl.module.BPXEWodj.js";
+import { s as A } from "../chunks/segmentedControl.module.5EsIjpJa.js";
 import { g as I } from "../chunks/helpers.BWcXAteC.js";
 import "../Tooltip/Tooltip.js";
 import { stateLayerStyles as D, stateLayerClassName as N } from "../StateLayer/StateLayer.js";

package/local/SegmentedControl/SegmentedControlList.js

@@ -3,7 +3,7 @@ import { r as c, a as C, x as p } from "../chunks/lit-element.CJtt9wj5.js";
 import { n as u, c as f } from "../chunks/register-custom-element.vod7zfGv.js";
 import { c as g, g as h } from "../chunks/classNames.C6fNrXWF.js";
 import "../chunks/constants.jOWREYQE.js";
-import { s as x } from "../chunks/segmentedControl.module.BPXEWodj.js";
+import { s as x } from "../chunks/segmentedControl.module.5EsIjpJa.js";
 import { segmentedControlContext as b } from "./SegmentedControl.context.js";
 var v = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, a = (s, t, o, n) => {
   for (var e = n > 1 ? void 0 : n ? _(t, o) : t, l = s.length - 1, m; l >= 0; l--)

package/local/SegmentedControl/SegmentedControlPanel.js

@@ -3,7 +3,7 @@ import { r as i, a as u, x as d } from "../chunks/lit-element.CJtt9wj5.js";
 import { n as c, c as f } from "../chunks/register-custom-element.vod7zfGv.js";
 import { c as C, g } from "../chunks/classNames.C6fNrXWF.js";
 import "../chunks/constants.jOWREYQE.js";
-import { s as v } from "../chunks/segmentedControl.module.BPXEWodj.js";
+import { s as v } from "../chunks/segmentedControl.module.5EsIjpJa.js";
 import { segmentedControlContext as b } from "./SegmentedControl.context.js";
 var x = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, m = (r, e, o, t) => {
   for (var s = t > 1 ? void 0 : t ? _(e, o) : e, n = r.length - 1, a; n >= 0; n--)

package/local/Spinner/Spinner.js

@@ -1,5 +1,5 @@
 import { r as D, a as I, x as b, E as d } from "../chunks/lit-element.CJtt9wj5.js";
-import { n as g, c as M } from "../chunks/register-custom-element.vod7zfGv.js";
+import { n as v, c as M } from "../chunks/register-custom-element.vod7zfGv.js";
 import { o as B } from "../chunks/query-assigned-elements.Drkgpk9q.js";
 import { g as E, c as $ } from "../chunks/classNames.C6fNrXWF.js";
 import "../chunks/constants.jOWREYQE.js";
@@ -28,18 +28,18 @@ const W = 10, H = {
   sideLength: e,
   strokeWidth: n
 }) => {
-  const r = e - n, p = r / 2, i = Math.PI * r, v = `0 0 ${e} ${e}`;
+  const r = e - n, t = r / 2, s = Math.PI * r, g = `0 0 ${e} ${e}`;
   return {
     sideLength: e,
     strokeWidth: n,
     cx: e / 2,
     cy: e / 2,
     diameter: r,
-    circumference: i,
-    r: p,
-    viewBox: v
+    circumference: s,
+    r: t,
+    viewBox: g
   };
-}, l = `${w}-wrap`, t = {
+}, l = `${w}-wrap`, p = {
   spinnerWrap: l,
   spinnerSvgWrap: w,
   spinnerSvgWrapIndeterminate: `${w}--indeterminate`,
@@ -60,42 +60,42 @@ const W = 10, H = {
 }, O = "--bm-spinner-value", T = ({ value: e }) => {
   const n = typeof e == "number" && Number.isInteger(e) || !1, r = n && e >= 0 && e <= 100;
   return n && !r && console.warn("The allowed range for the spinner values is 0 to 100"), n && r;
-}, V = '@charset "UTF-8";:root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--bm-comp-spinner-color-heading: var(--bm-sem-color-text-primary, #141d24);--bm-comp-spinner-color-body: var(--bm-sem-color-text-primary, #141d24);--bm-comp-spinner-color-track: var( --bm-sem-color-surface-highlight, rgba(159, 175, 188, .16) );--bm-comp-spinner-color-indicator: var( --bm-utility-color-accent-default, #00768f );--bm-comp-spinner-color-indicator-neutral: var( --bm-sem-color-border-strong, #8697a5 );--bm-comp-spinner-space-xs-gap: var(--bm-sem-space-50, .5rem);--bm-comp-spinner-space-sm-gap: var(--bm-sem-space-100, 1rem);--bm-comp-spinner-space-md-gap: var(--bm-sem-space-150, 1.5rem);--bm-comp-spinner-space-lg-gap: var(--bm-sem-space-150, 1.5rem);--bm-comp-spinner-space-content-gap: var(--bm-sem-space-50, .5rem);--bm-comp-spinner-space-nudge-y: var(--bm-sem-space-12, .125rem);--bm-comp-spinner-size-xxs-track: var(--bm-primitive-dimension-100, 1rem);--bm-comp-spinner-size-xxs-border-width: var( --bm-primitive-dimension-12, .125rem );--bm-comp-spinner-size-xs-track: var(--bm-primitive-dimension-125, 1.25rem);--bm-comp-spinner-size-xs-border-width: var( --bm-primitive-dimension-12, .125rem );--bm-comp-spinner-size-sm-track: var(--bm-primitive-dimension-250, 2.5rem);--bm-comp-spinner-size-sm-border-width: var( --bm-primitive-dimension-25, .25rem );--bm-comp-spinner-size-md-track: var(--bm-primitive-dimension-400, 4rem);--bm-comp-spinner-size-md-border-width: var( --bm-primitive-dimension-37, .375rem );--bm-comp-spinner-size-lg-track: var(--bm-primitive-dimension-550, 5.5rem);--bm-comp-spinner-size-lg-border-width: var( --bm-primitive-dimension-50, .5rem );--bm-comp-spinner-size-width: 27.5rem;--bm-comp-spinner-typo-heading: var( --bm-sem-typo-label-md, 600 1rem/1.5rem "Source Sans Pro" );--bm-comp-spinner-typo-body: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" )}:host,.bm-dark,.bm-light .bm-inverse,[data-bm-theme~=bm-dark]{--bm-comp-spinner-color-heading: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-spinner-color-body: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-spinner-color-track: var( --bm-sem-color-surface-highlight, rgba(134, 151, 165, .16) );--bm-comp-spinner-color-indicator: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-spinner-color-indicator-neutral: var( --bm-sem-color-border-strong, #9fafbc );--bm-comp-spinner-space-xs-gap: var(--bm-sem-space-50, .5rem);--bm-comp-spinner-space-sm-gap: var(--bm-sem-space-100, 1rem);--bm-comp-spinner-space-md-gap: var(--bm-sem-space-150, 1.5rem);--bm-comp-spinner-space-lg-gap: var(--bm-sem-space-150, 1.5rem);--bm-comp-spinner-space-content-gap: var(--bm-sem-space-50, .5rem);--bm-comp-spinner-space-nudge-y: var(--bm-sem-space-12, .125rem);--bm-comp-spinner-size-xxs-track: var(--bm-primitive-dimension-100, 1rem);--bm-comp-spinner-size-xxs-border-width: var( --bm-primitive-dimension-12, .125rem );--bm-comp-spinner-size-xs-track: var(--bm-primitive-dimension-125, 1.25rem);--bm-comp-spinner-size-xs-border-width: var( --bm-primitive-dimension-12, .125rem );--bm-comp-spinner-size-sm-track: var(--bm-primitive-dimension-250, 2.5rem);--bm-comp-spinner-size-sm-border-width: var( --bm-primitive-dimension-25, .25rem );--bm-comp-spinner-size-md-track: var(--bm-primitive-dimension-400, 4rem);--bm-comp-spinner-size-md-border-width: var( --bm-primitive-dimension-37, .375rem );--bm-comp-spinner-size-lg-track: var(--bm-primitive-dimension-550, 5.5rem);--bm-comp-spinner-size-lg-border-width: var( --bm-primitive-dimension-50, .5rem );--bm-comp-spinner-size-width: 27.5rem;--bm-comp-spinner-typo-heading: var( --bm-sem-typo-label-md, 600 1rem/1.5rem "Source Sans Pro" );--bm-comp-spinner-typo-body: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" )}.bm-spinner{position:relative;margin:0 auto;width:var(--bm-spinner-side-length);height:var(--bm-spinner-side-length)}.bm-spinner__circle-bg,.bm-spinner__circle{r:calc((var(--bm-spinner-side-length) - var(--bm-spinner-stroke-width)) / 2);stroke-width:var(--bm-spinner-stroke-width)}.bm-spinner__svg{position:relative;transform:rotate(-90deg) translateZ(0);width:calc(var(--bm-spinner-side-length));height:calc(var(--bm-spinner-side-length))}.bm-spinner__circle{stroke:var(--bm-comp-spinner-color-indicator);stroke-linecap:round;transform-origin:center}.bm-spinner__circle-bg{stroke:var(--bm-comp-spinner-color-track)}@keyframes dash{0%{stroke-dashoffset:0;stroke-dasharray:1,calc((var(--bm-spinner-side-length) - var(--bm-spinner-stroke-width)) * 3.1415926536 * 1.6)}50%{stroke-dasharray:calc((var(--bm-spinner-side-length) - var(--bm-spinner-stroke-width)) * 3.1415926536 * .712),500;stroke-dashoffset:calc((var(--bm-spinner-side-length) - var(--bm-spinner-stroke-width)) * 3.1415926536 * -.278)}to{stroke-dasharray:calc((var(--bm-spinner-side-length) - var(--bm-spinner-stroke-width)) * 3.1415926536 * .708),500;stroke-dashoffset:calc((var(--bm-spinner-side-length) - var(--bm-spinner-stroke-width)) * 3.1415926536 * -.992)}}.bm-spinner__content-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--bm-spinner-label-to-description-spacing)}.bm-spinner__heading{display:inline-flex;color:var(--bm-comp-spinner-color-heading);font:var(--bm-comp-spinner-typo-heading)}.bm-spinner__percentage-indicator:before{content:" "}.bm-spinner__body{margin:0;color:var(--bm-comp-spinner-color-body);font:var(--bm-comp-spinner-typo-body);text-align:center}@keyframes rotation{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}.bm-spinner--indeterminate .bm-spinner__svg{animation:rotation calc(var(--bm-spinner-animation-speed) / 2) linear infinite}.bm-spinner--indeterminate .bm-spinner__circle{animation:dash calc(var(--bm-spinner-animation-speed) / 2) ease infinite}.bm-spinner--determinate .bm-spinner__circle{transition:stroke-dasharray .5s ease;stroke-dasharray:calc((var(--bm-spinner-side-length) - var(--bm-spinner-stroke-width)) * 3.1415926536 * var(--bm-spinner-value) / 100) 300px;stroke-dashoffset:0}.bm-spinner-wrap{--bm-spinner-animation-speed: 3s;max-width:var(--bm-comp-spinner-size-width);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--bm-spinner-label-to-spinner-spacing)}.bm-spinner-wrap progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;position:absolute;visibility:hidden;width:0}.bm-spinner-wrap ::-moz-progress-bar,.bm-spinner-wrap ::-webkit-progress-bar,.bm-spinner-wrap ::-webkit-progress-value,.bm-spinner-wrap ::-webkit-progress-inner-element{-webkit-appearance:none;-moz-appearance:none;appearance:none}.bm-spinner-wrap--xs,.bm-spinner-wrap--xxs{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;max-width:unset}.bm-spinner-wrap--xs .bm-spinner,.bm-spinner-wrap--xxs .bm-spinner{box-sizing:content-box;margin-bottom:0;padding:var(--bm-comp-spinner-space-nudge-y) 0}.bm-spinner-wrap--xs .bm-spinner__content-wrapper,.bm-spinner-wrap--xxs .bm-spinner__content-wrapper{display:inline-flex;flex-direction:row}.bm-spinner-wrap--xs .bm-spinner__body,.bm-spinner-wrap--xxs .bm-spinner__body{text-align:left}.bm-spinner-wrap--xxs .bm-spinner__heading{font:var(--bm-sem-typo-label-sm)}.bm-spinner-wrap--xxs .bm-spinner__body{font:var(--bm-sem-typo-body-sm)}.bm-spinner-wrap--xxs{--bm-spinner-side-length: var(--bm-comp-spinner-size-xxs-track);--bm-spinner-stroke-width: var(--bm-comp-spinner-size-xxs-border-width);--bm-spinner-label-to-spinner-spacing: var(--bm-comp-spinner-space-xs-gap);--bm-spinner-label-to-description-spacing: var(--bm-comp-spinner-space-content-gap)}.bm-spinner-wrap--xs{--bm-spinner-side-length: var(--bm-comp-spinner-size-xs-track);--bm-spinner-stroke-width: var(--bm-comp-spinner-size-xs-border-width);--bm-spinner-label-to-spinner-spacing: var(--bm-comp-spinner-space-xs-gap);--bm-spinner-label-to-description-spacing: var(--bm-comp-spinner-space-content-gap)}.bm-spinner-wrap--sm{--bm-spinner-side-length: var(--bm-comp-spinner-size-sm-track);--bm-spinner-stroke-width: var(--bm-comp-spinner-size-sm-border-width);--bm-spinner-label-to-spinner-spacing: var(--bm-comp-spinner-space-sm-gap);--bm-spinner-label-to-description-spacing: var(--bm-comp-spinner-space-content-gap)}.bm-spinner-wrap--md{--bm-spinner-side-length: var(--bm-comp-spinner-size-md-track);--bm-spinner-stroke-width: var(--bm-comp-spinner-size-md-border-width);--bm-spinner-label-to-spinner-spacing: var(--bm-comp-spinner-space-md-gap);--bm-spinner-label-to-description-spacing: var(--bm-comp-spinner-space-content-gap)}.bm-spinner-wrap--lg{--bm-spinner-side-length: var(--bm-comp-spinner-size-lg-track);--bm-spinner-stroke-width: var(--bm-comp-spinner-size-lg-border-width);--bm-spinner-label-to-spinner-spacing: var(--bm-comp-spinner-space-lg-gap);--bm-spinner-label-to-description-spacing: var(--bm-comp-spinner-space-content-gap)}';
+}, V = '@charset "UTF-8";:root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-spinner-color-heading: var(--bm-sem-color-text-primary, #141d24);--bm-comp-spinner-color-body: var(--bm-sem-color-text-primary, #141d24);--bm-comp-spinner-color-track: var( --bm-sem-color-surface-highlight, rgba(159, 175, 188, .16) );--bm-comp-spinner-color-indicator: var( --bm-utility-color-accent-default, #00768f );--bm-comp-spinner-color-indicator-neutral: var( --bm-sem-color-border-strong, #8697a5 );--bm-comp-spinner-space-xs-gap: var(--bm-sem-space-50, .5rem);--bm-comp-spinner-space-sm-gap: var(--bm-sem-space-100, 1rem);--bm-comp-spinner-space-md-gap: var(--bm-sem-space-150, 1.5rem);--bm-comp-spinner-space-lg-gap: var(--bm-sem-space-150, 1.5rem);--bm-comp-spinner-space-content-gap: var(--bm-sem-space-50, .5rem);--bm-comp-spinner-space-nudge-y: var(--bm-sem-space-12, .125rem);--bm-comp-spinner-size-xxs-track: var(--bm-primitive-dimension-100, 1rem);--bm-comp-spinner-size-xxs-border-width: var( --bm-primitive-dimension-12, .125rem );--bm-comp-spinner-size-xs-track: var(--bm-primitive-dimension-125, 1.25rem);--bm-comp-spinner-size-xs-border-width: var( --bm-primitive-dimension-12, .125rem );--bm-comp-spinner-size-sm-track: var(--bm-primitive-dimension-250, 2.5rem);--bm-comp-spinner-size-sm-border-width: var( --bm-primitive-dimension-25, .25rem );--bm-comp-spinner-size-md-track: var(--bm-primitive-dimension-400, 4rem);--bm-comp-spinner-size-md-border-width: var( --bm-primitive-dimension-37, .375rem );--bm-comp-spinner-size-lg-track: var(--bm-primitive-dimension-550, 5.5rem);--bm-comp-spinner-size-lg-border-width: var( --bm-primitive-dimension-50, .5rem );--bm-comp-spinner-size-width: 27.5rem;--bm-comp-spinner-typo-heading: var( --bm-sem-typo-label-md, 600 1rem/1.5rem "Source Sans Pro" );--bm-comp-spinner-typo-body: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" )}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-spinner-color-heading: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-spinner-color-body: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-spinner-color-track: var( --bm-sem-color-surface-highlight, rgba(134, 151, 165, .16) );--bm-comp-spinner-color-indicator: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-spinner-color-indicator-neutral: var( --bm-sem-color-border-strong, #9fafbc );--bm-comp-spinner-space-xs-gap: var(--bm-sem-space-50, .5rem);--bm-comp-spinner-space-sm-gap: var(--bm-sem-space-100, 1rem);--bm-comp-spinner-space-md-gap: var(--bm-sem-space-150, 1.5rem);--bm-comp-spinner-space-lg-gap: var(--bm-sem-space-150, 1.5rem);--bm-comp-spinner-space-content-gap: var(--bm-sem-space-50, .5rem);--bm-comp-spinner-space-nudge-y: var(--bm-sem-space-12, .125rem);--bm-comp-spinner-size-xxs-track: var(--bm-primitive-dimension-100, 1rem);--bm-comp-spinner-size-xxs-border-width: var( --bm-primitive-dimension-12, .125rem );--bm-comp-spinner-size-xs-track: var(--bm-primitive-dimension-125, 1.25rem);--bm-comp-spinner-size-xs-border-width: var( --bm-primitive-dimension-12, .125rem );--bm-comp-spinner-size-sm-track: var(--bm-primitive-dimension-250, 2.5rem);--bm-comp-spinner-size-sm-border-width: var( --bm-primitive-dimension-25, .25rem );--bm-comp-spinner-size-md-track: var(--bm-primitive-dimension-400, 4rem);--bm-comp-spinner-size-md-border-width: var( --bm-primitive-dimension-37, .375rem );--bm-comp-spinner-size-lg-track: var(--bm-primitive-dimension-550, 5.5rem);--bm-comp-spinner-size-lg-border-width: var( --bm-primitive-dimension-50, .5rem );--bm-comp-spinner-size-width: 27.5rem;--bm-comp-spinner-typo-heading: var( --bm-sem-typo-label-md, 600 1rem/1.5rem "Source Sans Pro" );--bm-comp-spinner-typo-body: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" )}.bm-spinner{position:relative;margin:0 auto;width:var(--bm-spinner-side-length);height:var(--bm-spinner-side-length)}.bm-spinner__circle-bg,.bm-spinner__circle{r:calc((var(--bm-spinner-side-length) - var(--bm-spinner-stroke-width)) / 2);stroke-width:var(--bm-spinner-stroke-width)}.bm-spinner__svg{position:relative;transform:rotate(-90deg) translateZ(0);width:calc(var(--bm-spinner-side-length));height:calc(var(--bm-spinner-side-length))}.bm-spinner__circle{stroke:var(--bm-comp-spinner-color-indicator);stroke-linecap:round;transform-origin:center}.bm-spinner__circle-bg{stroke:var(--bm-comp-spinner-color-track)}@keyframes dash{0%{stroke-dashoffset:0;stroke-dasharray:1,calc((var(--bm-spinner-side-length) - var(--bm-spinner-stroke-width)) * 3.1415926536 * 1.6)}50%{stroke-dasharray:calc((var(--bm-spinner-side-length) - var(--bm-spinner-stroke-width)) * 3.1415926536 * .712),500;stroke-dashoffset:calc((var(--bm-spinner-side-length) - var(--bm-spinner-stroke-width)) * 3.1415926536 * -.278)}to{stroke-dasharray:calc((var(--bm-spinner-side-length) - var(--bm-spinner-stroke-width)) * 3.1415926536 * .708),500;stroke-dashoffset:calc((var(--bm-spinner-side-length) - var(--bm-spinner-stroke-width)) * 3.1415926536 * -.992)}}.bm-spinner__content-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--bm-spinner-label-to-description-spacing)}.bm-spinner__heading{display:inline-flex;color:var(--bm-comp-spinner-color-heading);font:var(--bm-comp-spinner-typo-heading)}.bm-spinner__percentage-indicator:before{content:" "}.bm-spinner__body{margin:0;color:var(--bm-comp-spinner-color-body);font:var(--bm-comp-spinner-typo-body);text-align:center}@keyframes rotation{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}.bm-spinner--indeterminate .bm-spinner__svg{animation:rotation calc(var(--bm-spinner-animation-speed) / 2) linear infinite}.bm-spinner--indeterminate .bm-spinner__circle{animation:dash calc(var(--bm-spinner-animation-speed) / 2) ease infinite}.bm-spinner--determinate .bm-spinner__circle{transition:stroke-dasharray .5s ease;stroke-dasharray:calc((var(--bm-spinner-side-length) - var(--bm-spinner-stroke-width)) * 3.1415926536 * var(--bm-spinner-value) / 100) 300px;stroke-dashoffset:0}.bm-spinner-wrap{--bm-spinner-animation-speed: 3s;max-width:var(--bm-comp-spinner-size-width);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--bm-spinner-label-to-spinner-spacing)}.bm-spinner-wrap progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;position:absolute;visibility:hidden;width:0}.bm-spinner-wrap ::-moz-progress-bar,.bm-spinner-wrap ::-webkit-progress-bar,.bm-spinner-wrap ::-webkit-progress-value,.bm-spinner-wrap ::-webkit-progress-inner-element{-webkit-appearance:none;-moz-appearance:none;appearance:none}.bm-spinner-wrap--xs,.bm-spinner-wrap--xxs{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;max-width:unset}.bm-spinner-wrap--xs .bm-spinner,.bm-spinner-wrap--xxs .bm-spinner{box-sizing:content-box;margin-bottom:0;padding:var(--bm-comp-spinner-space-nudge-y) 0}.bm-spinner-wrap--xs .bm-spinner__content-wrapper,.bm-spinner-wrap--xxs .bm-spinner__content-wrapper{display:inline-flex;flex-direction:row}.bm-spinner-wrap--xs .bm-spinner__body,.bm-spinner-wrap--xxs .bm-spinner__body{text-align:left}.bm-spinner-wrap--xxs .bm-spinner__heading{font:var(--bm-sem-typo-label-sm)}.bm-spinner-wrap--xxs .bm-spinner__body{font:var(--bm-sem-typo-body-sm)}.bm-spinner-wrap--xxs{--bm-spinner-side-length: var(--bm-comp-spinner-size-xxs-track);--bm-spinner-stroke-width: var(--bm-comp-spinner-size-xxs-border-width);--bm-spinner-label-to-spinner-spacing: var(--bm-comp-spinner-space-xs-gap);--bm-spinner-label-to-description-spacing: var(--bm-comp-spinner-space-content-gap)}.bm-spinner-wrap--xs{--bm-spinner-side-length: var(--bm-comp-spinner-size-xs-track);--bm-spinner-stroke-width: var(--bm-comp-spinner-size-xs-border-width);--bm-spinner-label-to-spinner-spacing: var(--bm-comp-spinner-space-xs-gap);--bm-spinner-label-to-description-spacing: var(--bm-comp-spinner-space-content-gap)}.bm-spinner-wrap--sm{--bm-spinner-side-length: var(--bm-comp-spinner-size-sm-track);--bm-spinner-stroke-width: var(--bm-comp-spinner-size-sm-border-width);--bm-spinner-label-to-spinner-spacing: var(--bm-comp-spinner-space-sm-gap);--bm-spinner-label-to-description-spacing: var(--bm-comp-spinner-space-content-gap)}.bm-spinner-wrap--md{--bm-spinner-side-length: var(--bm-comp-spinner-size-md-track);--bm-spinner-stroke-width: var(--bm-comp-spinner-size-md-border-width);--bm-spinner-label-to-spinner-spacing: var(--bm-comp-spinner-space-md-gap);--bm-spinner-label-to-description-spacing: var(--bm-comp-spinner-space-content-gap)}.bm-spinner-wrap--lg{--bm-spinner-side-length: var(--bm-comp-spinner-size-lg-track);--bm-spinner-stroke-width: var(--bm-comp-spinner-size-lg-border-width);--bm-spinner-label-to-spinner-spacing: var(--bm-comp-spinner-space-lg-gap);--bm-spinner-label-to-description-spacing: var(--bm-comp-spinner-space-content-gap)}';
 var F = Object.defineProperty, A = Object.getOwnPropertyDescriptor, P = (e) => {
   throw TypeError(e);
-}, o = (e, n, r, p) => {
-  for (var i = p > 1 ? void 0 : p ? A(n, r) : n, v = e.length - 1, f; v >= 0; v--)
-    (f = e[v]) && (i = (p ? f(n, r, i) : f(i)) || i);
-  return p && i && F(n, r, i), i;
-}, G = (e, n, r) => n.has(e) || P("Cannot " + r), s = (e, n, r) => (G(e, n, "read from private field"), r ? r.call(e) : n.get(e)), h = (e, n, r) => n.has(e) ? P("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(e) : n.set(e, r), m, k, N, y, x, u, _, z, S;
+}, o = (e, n, r, t) => {
+  for (var s = t > 1 ? void 0 : t ? A(n, r) : n, g = e.length - 1, f; g >= 0; g--)
+    (f = e[g]) && (s = (t ? f(n, r, s) : f(s)) || s);
+  return t && s && F(n, r, s), s;
+}, G = (e, n, r) => n.has(e) || P("Cannot " + r), i = (e, n, r) => (G(e, n, "read from private field"), r ? r.call(e) : n.get(e)), h = (e, n, r) => n.has(e) ? P("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(e) : n.set(e, r), m, k, N, y, x, u, _, z, S;
 let a = class extends I {
   constructor() {
     super(...arguments), h(this, m), this.size = "md", h(this, u, () => {
-      const e = s(this, m, y), { viewBox: n } = s(this, m, N), r = t[s(this, m, y) ? "spinnerSvgWrapDeterminate" : "spinnerSvgWrapIndeterminate"], p = $(
-        t.spinnerSvgWrap,
+      const e = i(this, m, y), { viewBox: n } = i(this, m, N), r = p[i(this, m, y) ? "spinnerSvgWrapDeterminate" : "spinnerSvgWrapIndeterminate"], t = $(
+        p.spinnerSvgWrap,
         C[this.size],
         r,
         this.className
-      ), i = s(this, m, y) ? `${O}: ${s(this, m, x)}` : "";
-      return b`<div class=${p} style=${i}>
+      ), s = i(this, m, y) ? `${O}: ${i(this, m, x)}` : "";
+      return b`<div class=${t} style=${s}>
       <progress
-        ${e ? b`.value=${s(this, m, x)}` : d}
+        ${e ? b`.value=${i(this, m, x)}` : d}
         max="100"
       ></progress>
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        class=${t.spinnerSvg}
+        class=${p.spinnerSvg}
         viewBox="${n}"
       >
         <circle
-          class=${t.spinnerSvgCircleBg}
+          class=${p.spinnerSvgCircleBg}
           stroke-miterlimit="${W}"
           fill="none"
           cx="50%"
           cy="50%"
         ></circle>
         <circle
-          class=${t.spinnerSvgCircle}
+          class=${p.spinnerSvgCircle}
           stroke-miterlimit="${W}"
           fill="none"
           cx="50%"
@@ -103,30 +103,30 @@ let a = class extends I {
         ></circle>
       </svg>
     </div>`;
-    }), h(this, _, () => s(this, m, k) ? b`<span class=${t.spinnerSvgLabelPercentageIndicator}
-          >${s(this, m, x)}%</span
+    }), h(this, _, () => i(this, m, k) ? b`<span class=${p.spinnerSvgLabelPercentageIndicator}
+          >${i(this, m, x)}%</span
         >` : d), h(this, z, () => {
       const e = this.headingSlot.length > 0;
-      return !(this.heading || s(this, m, k) || e) ? d : b` <strong class=${t.spinnerSvgHeading}>
+      return !(this.heading || i(this, m, k) || e) ? d : b` <strong class=${p.spinnerSvgHeading}>
       <slot name="heading"> ${this.heading || d} </slot>
-      ${s(this, _).call(this)}
+      ${i(this, _).call(this)}
     </strong>`;
     }), h(this, S, () => {
       const e = this.bodySlot.length > 0;
-      return !!(this.body || e) ? b`<p class=${t.spinnerBody}>
+      return !!(this.body || e) ? b`<p class=${p.spinnerBody}>
           <slot name="body"> ${this.body || d} </slot>
         </p>` : d;
     });
   }
   render() {
     const e = $(
-      t.spinnerWrap,
+      p.spinnerWrap,
       C[this.size],
       this.className
-    ), n = s(this, u).call(this), r = s(this, z).call(this), p = s(this, S).call(this);
+    ), n = i(this, u).call(this), r = i(this, z).call(this), t = i(this, S).call(this);
     return b`<div class=${e}>
       ${n}
-      <div class=${t.spinnerContentWrapper}>${r} ${p}</div>
+      <div class=${p.spinnerContentWrapper}>${r} ${t}</div>
     </div>`;
   }
 };
@@ -154,22 +154,22 @@ z = /* @__PURE__ */ new WeakMap();
 S = /* @__PURE__ */ new WeakMap();
 a.styles = D(V);
 o([
-  g({ type: String })
+  v({ type: String })
 ], a.prototype, "size", 2);
 o([
-  g({ type: Number })
+  v({ type: Number })
 ], a.prototype, "value", 2);
 o([
-  g({ type: Boolean })
+  v({ type: Boolean })
 ], a.prototype, "showPercentage", 2);
 o([
-  g()
+  v()
 ], a.prototype, "heading", 2);
 o([
-  g()
+  v()
 ], a.prototype, "body", 2);
 o([
-  g({ type: String })
+  v({ type: String })
 ], a.prototype, "theme", 2);
 o([
   B({ slot: "heading" })