@spscommerce/ds-web-components 8.7.3 → 8.7.5

package/dist/lib/index.es.js

@@ -1,11 +1,25 @@
-var it = Object.defineProperty;
-var rt = (e, t, s) => t in e ? it(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
-var a = (e, t, s) => (rt(e, typeof t != "symbol" ? t + "" : t, s), s);
-import { noI18nI18n as at, SpsIcon as Se, SpsInsightCardKind as ot, SpsInsightCardIcons as lt } from "@spscommerce/ds-shared";
-import { parseFileSize as ct, code as c } from "@spscommerce/utils";
-const _s = {};
-var h = {};
-Object.defineProperty(h, "__esModule", { value: !0 });
+import { noI18nI18n as Je, SpsIcon as be, SpsInsightCardKind as Ye, SpsInsightCardIcons as Me } from "@spscommerce/ds-shared";
+import { parseFileSize as et, code as l } from "@spscommerce/utils";
+const ds = {
+  /*
+   * 'Insight Cards': {
+   *     components: [SpsInsightCardComponent, SpsInsightsComponent],
+   *     examples: SpsInsightCardExamples,
+   * },
+   *
+   * "Tabbed Navigation": {
+   *   components: [SpsNavTabComponent, SpsNavTabSetComponent],
+   *   examples: SpsNavTabsExamples,
+   * },
+   *
+   * Photos: {
+   * components: [SpsPhotoComponent],
+   * examples: SpsPhotoExamples,
+   *},
+   */
+};
+var d = {};
+Object.defineProperty(d, "__esModule", { value: !0 });
 /**
  * @license
  * Copyright 2018 The Incremental DOM Authors. All Rights Reserved.
@@ -22,7 +36,7 @@ Object.defineProperty(h, "__esModule", { value: !0 });
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var fe = {
+var oe = {
   default: "__default"
 };
 /**
@@ -41,17 +55,17 @@ var fe = {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var pt = Object.prototype.hasOwnProperty;
-function ke() {
+var tt = Object.prototype.hasOwnProperty;
+function Se() {
 }
-ke.prototype = /* @__PURE__ */ Object.create(null);
-function dt(e, t) {
-  return pt.call(e, t);
+Se.prototype = /* @__PURE__ */ Object.create(null);
+function st(e, t) {
+  return tt.call(e, t);
 }
-function Le() {
-  return new ke();
+function Oe() {
+  return new Se();
 }
-function ge(e, t) {
+function le(e, t) {
   for (; e.length > t; )
     e.pop();
 }
@@ -71,45 +85,45 @@ function ge(e, t) {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-function ht(e) {
+function nt(e) {
   if (e.lastIndexOf("xml:", 0) === 0)
     return "http://www.w3.org/XML/1998/namespace";
   if (e.lastIndexOf("xlink:", 0) === 0)
     return "http://www.w3.org/1999/xlink";
 }
-function Fe(e, t, s) {
+function Ae(e, t, s) {
   if (s == null)
     e.removeAttribute(t);
   else {
-    var n = ht(t);
+    var n = nt(t);
     n ? e.setAttributeNS(n, t, String(s)) : e.setAttribute(t, String(s));
   }
 }
-function Re(e, t, s) {
+function De(e, t, s) {
   e[t] = s;
 }
-function ut(e, t, s) {
+function it(e, t, s) {
   t.indexOf("-") >= 0 ? e.setProperty(t, s) : e[t] = s;
 }
-function ft(e, t, s) {
+function rt(e, t, s) {
   if (typeof s == "string")
     e.style.cssText = s;
   else {
     e.style.cssText = "";
     var n = e.style;
     for (var i in s)
-      dt(s, i) && ut(n, i, s[i]);
+      st(s, i) && it(n, i, s[i]);
   }
 }
-function gt(e, t, s) {
+function at(e, t, s) {
   var n = typeof s;
-  n === "object" || n === "function" ? Re(e, t, s) : Fe(e, t, s);
+  n === "object" || n === "function" ? De(e, t, s) : Ae(e, t, s);
 }
-var W = Le();
-W[fe.default] = gt;
-W.style = ft;
+var W = Oe();
+W[oe.default] = at;
+W.style = rt;
 function z(e, t, s) {
-  var n = W[t] || W[fe.default];
+  var n = W[t] || W[oe.default];
   n(e, t, s);
 }
 /**
@@ -128,12 +142,12 @@ function z(e, t, s) {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var H = !1, oe = !1;
-function Be(e, t) {
+var V = !1, te = !1;
+function Pe(e, t) {
   if (!t)
     throw new Error("Cannot call " + e + "() unless in patch.");
 }
-function mt(e, t) {
+function ot(e, t) {
   if (e !== t) {
     for (var s = e, n = []; s && s !== t; )
       n.push(s.nodeName.toLowerCase()), s = s.parentNode;
@@ -142,48 +156,48 @@ function mt(e, t) {
 `));
   }
 }
-function vt(e) {
+function lt(e) {
   e || console.warn("patchOuter requires the node have a parent if there is a key.");
 }
 function B(e) {
-  if (H)
+  if (V)
     throw new Error(e + "() can not be called between elementOpenStart() and elementOpenEnd().");
 }
-function $e(e) {
-  if (oe)
+function Ee(e) {
+  if (te)
     throw new Error(e + "() may not be called inside an element that has called skip().");
 }
-function me(e) {
-  if (!H)
+function ce(e) {
+  if (!V)
     throw new Error(e + "() can only be called after calling elementOpenStart().");
 }
-function bt() {
-  if (H)
+function ct() {
+  if (V)
     throw new Error("elementOpenEnd() must be called after calling elementOpenStart().");
 }
-function Ct(e, t) {
+function pt(e, t) {
   if (e !== t)
     throw new Error('Received a call to close "' + t + '" but "' + e + '" was open.');
 }
-function wt(e, t) {
+function dt(e, t) {
   if (t !== null)
     throw new Error(e + "() must come before any child declarations inside the current element.");
 }
-function _t(e, t, s, n) {
-  se(e);
-  var i = e, r = t, l = r.nextSibling === s && r.previousSibling === n, d = r.nextSibling === i.nextSibling && r.previousSibling === n, g = r === i;
-  if (!l && !d && !g)
+function ht(e, t, s, n) {
+  Z(e);
+  var i = e, r = t, o = r.nextSibling === s && r.previousSibling === n, p = r.nextSibling === i.nextSibling && r.previousSibling === n, b = r === i;
+  if (!o && !p && !b)
     throw new Error("There must be exactly one top level call corresponding to the patched element.");
 }
-function M(e) {
-  var t = H;
-  return H = e, t;
+function K(e) {
+  var t = V;
+  return V = e, t;
 }
-function ee(e) {
-  var t = oe;
-  return oe = e, t;
+function Q(e) {
+  var t = te;
+  return te = e, t;
 }
-function se(e) {
+function Z(e) {
   if (process.env.NODE_ENV !== "production" && !e)
     throw new Error("Expected value to be defined");
   return e;
@@ -224,18 +238,21 @@ var U = {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var Nt = function() {
-  function e() {
-    this.created = [], this.deleted = [];
-  }
-  return e.prototype.markCreated = function(t) {
-    this.created.push(t);
-  }, e.prototype.markDeleted = function(t) {
-    this.deleted.push(t);
-  }, e.prototype.notifyChanges = function() {
-    U.nodesCreated && this.created.length > 0 && U.nodesCreated(this.created), U.nodesDeleted && this.deleted.length > 0 && U.nodesDeleted(this.deleted);
-  }, e;
-}();
+var ut = (
+  /** @class */
+  function() {
+    function e() {
+      this.created = [], this.deleted = [];
+    }
+    return e.prototype.markCreated = function(t) {
+      this.created.push(t);
+    }, e.prototype.markDeleted = function(t) {
+      this.deleted.push(t);
+    }, e.prototype.notifyChanges = function() {
+      U.nodesCreated && this.created.length > 0 && U.nodesCreated(this.created), U.nodesDeleted && this.deleted.length > 0 && U.nodesDeleted(this.deleted);
+    }, e;
+  }()
+);
 /**
  * @license
  * Copyright 2018 The Incremental DOM Authors. All Rights Reserved.
@@ -252,36 +269,39 @@ var Nt = function() {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-function xt(e) {
+function ft(e) {
   return e.nodeType === 11 || e.nodeType === 9;
 }
-function ae(e) {
+function ee(e) {
   return e.nodeType === 1;
 }
-function yt(e) {
+function gt(e) {
   return e.nodeType === 3;
 }
-function St(e, t) {
+function mt(e, t) {
   for (var s = [], n = e; n !== t; ) {
     var i = n;
     s.push(i), n = i.parentNode;
   }
   return s;
 }
-var Ot = Node.prototype.getRootNode || function() {
-  for (var e = this, t = e; e; )
-    t = e, e = e.parentNode;
-  return t;
-};
-function At(e) {
-  var t = Ot.call(e);
-  return xt(t) ? t.activeElement : null;
+var vt = (
+  // tslint:disable-next-line:no-any b/79476176
+  Node.prototype.getRootNode || function() {
+    for (var e = this, t = e; e; )
+      t = e, e = e.parentNode;
+    return t;
+  }
+);
+function bt(e) {
+  var t = vt.call(e);
+  return ft(t) ? t.activeElement : null;
 }
-function Dt(e, t) {
-  var s = At(e);
-  return !s || !e.contains(s) ? [] : St(s, t);
+function Ct(e, t) {
+  var s = bt(e);
+  return !s || !e.contains(s) ? [] : mt(s, t);
 }
-function Pt(e, t, s) {
+function wt(e, t, s) {
   for (var n = t.nextSibling, i = s; i !== null && i !== t; ) {
     var r = i.nextSibling;
     e.insertBefore(i, n), i = r;
@@ -303,52 +323,55 @@ function Pt(e, t, s) {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var Et = function() {
-  function e(t, s, n) {
-    this._attrsArr = null, this.staticsApplied = !1, this.nameOrCtor = t, this.key = s, this.text = n;
-  }
-  return e.prototype.hasEmptyAttrsArr = function() {
-    var t = this._attrsArr;
-    return !t || !t.length;
-  }, e.prototype.getAttrsArr = function(t) {
-    return this._attrsArr || (this._attrsArr = new Array(t));
-  }, e;
-}();
-function ve(e, t, s, n) {
-  var i = new Et(t, s, n);
+var _t = (
+  /** @class */
+  function() {
+    function e(t, s, n) {
+      this._attrsArr = null, this.staticsApplied = !1, this.nameOrCtor = t, this.key = s, this.text = n;
+    }
+    return e.prototype.hasEmptyAttrsArr = function() {
+      var t = this._attrsArr;
+      return !t || !t.length;
+    }, e.prototype.getAttrsArr = function(t) {
+      return this._attrsArr || (this._attrsArr = new Array(t));
+    }, e;
+  }()
+);
+function pe(e, t, s, n) {
+  var i = new _t(t, s, n);
   return e.__incrementalDOMData = i, i;
 }
 function $(e, t) {
-  return je(e, t);
+  return ke(e, t);
 }
-function It(e) {
-  return Boolean(e.__incrementalDOMData);
+function Nt(e) {
+  return !!e.__incrementalDOMData;
 }
-function kt(e) {
-  return se(e.__incrementalDOMData), $(e).key;
+function xt(e) {
+  return Z(e.__incrementalDOMData), $(e).key;
 }
-function je(e, t) {
+function ke(e, t) {
   if (e.__incrementalDOMData)
     return e.__incrementalDOMData;
-  var s = ae(e) ? e.localName : e.nodeName, n = ae(e) ? e.getAttribute("key") || t : null, i = yt(e) ? e.data : void 0, r = ve(e, s, n, i);
-  return ae(e) && Lt(e, r), r;
+  var s = ee(e) ? e.localName : e.nodeName, n = ee(e) ? e.getAttribute("key") || t : null, i = gt(e) ? e.data : void 0, r = pe(e, s, n, i);
+  return ee(e) && yt(e, r), r;
 }
-function Te(e) {
-  je(e);
+function Ie(e) {
+  ke(e);
   for (var t = e.firstChild; t; t = t.nextSibling)
-    Te(t);
+    Ie(t);
 }
-function Ue(e) {
+function Le(e) {
   e.__incrementalDOMData = null;
   for (var t = e.firstChild; t; t = t.nextSibling)
-    Ue(t);
+    Le(t);
 }
-function Lt(e, t) {
+function yt(e, t) {
   var s = e.attributes, n = s.length;
-  if (!!n)
-    for (var i = t.getAttrsArr(n), r = 0, l = 0; r < n; r += 1, l += 2) {
-      var d = s[r], g = d.name, m = d.value;
-      i[l] = g, i[l + 1] = m;
+  if (n)
+    for (var i = t.getAttrsArr(n), r = 0, o = 0; r < n; r += 1, o += 2) {
+      var p = s[r], b = p.name, f = p.value;
+      i[o] = b, i[o + 1] = f;
     }
 }
 /**
@@ -367,22 +390,22 @@ function Lt(e, t) {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-function Ft(e, t) {
+function St(e, t) {
   return e === "svg" ? "http://www.w3.org/2000/svg" : e === "math" ? "http://www.w3.org/1998/Math/MathML" : t == null || $(t).nameOrCtor === "foreignObject" ? null : t.namespaceURI;
 }
-function Rt(e, t, s, n) {
+function Ot(e, t, s, n) {
   var i;
   if (typeof s == "function")
     i = new s();
   else {
-    var r = Ft(s, t);
+    var r = St(s, t);
     r ? i = e.createElementNS(r, s) : i = e.createElement(s);
   }
-  return ve(i, s, n), i;
+  return pe(i, s, n), i;
 }
-function Bt(e) {
+function At(e) {
   var t = e.createTextNode("");
-  return ve(t, "#text", null), t;
+  return pe(t, "#text", null), t;
 }
 /**
  * @license
@@ -400,88 +423,88 @@ function Bt(e) {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var R = null, u = null, C = null, k = null, J = [], Y = [];
-function ne() {
-  return Y;
+var L = null, h = null, v = null, k = null, G = [], X = [];
+function J() {
+  return X;
 }
-function ze(e) {
+function Fe(e) {
   var t = function(s, n, i) {
-    var r = R, l = k, d = J, g = Y, m = u, w = C, S = !1, V = !1;
-    R = new Nt(), k = s.ownerDocument, Y = [], C = s.parentNode, J = Dt(s, C), process.env.NODE_ENV !== "production" && (S = M(!1), V = ee(!1));
+    var r = L, o = k, p = G, b = X, f = h, C = v, S = !1, q = !1;
+    L = new ut(), k = s.ownerDocument, X = [], v = s.parentNode, G = Ct(s, v), process.env.NODE_ENV !== "production" && (S = K(!1), q = Q(!1));
     try {
-      var nt = e(s, n, i);
-      return process.env.NODE_ENV !== "production" && bt(), nt;
+      var Ze = e(s, n, i);
+      return process.env.NODE_ENV !== "production" && ct(), Ze;
     } finally {
-      k = l, Y = g, u = m, C = w, J = d, R.notifyChanges(), M(S), ee(V), R = r;
+      k = o, X = b, h = f, v = C, G = p, L.notifyChanges(), K(S), Q(q), L = r;
     }
   };
   return t;
 }
-var We = ze(function(e, t, s) {
-  return u = e, qe(), t(s), Ge(), process.env.NODE_ENV !== "production" && mt(u, e), e;
-}), $t = ze(function(e, t, s) {
+var Re = Fe(function(e, t, s) {
+  return h = e, je(), t(s), Te(), process.env.NODE_ENV !== "production" && ot(h, e), e;
+}), Dt = Fe(function(e, t, s) {
   var n = { nextSibling: e }, i = null, r = null;
-  return process.env.NODE_ENV !== "production" && (i = e.nextSibling, r = e.previousSibling), u = n, t(s), process.env.NODE_ENV !== "production" && (vt(C), _t(n, u, i, r)), C && Ve(C, ie(), e.nextSibling), n === u ? null : u;
+  return process.env.NODE_ENV !== "production" && (i = e.nextSibling, r = e.previousSibling), h = n, t(s), process.env.NODE_ENV !== "production" && (lt(v), ht(n, h, i, r)), v && $e(v, Y(), e.nextSibling), n === h ? null : h;
 });
-function Oe(e, t, s) {
+function Ce(e, t, s) {
   var n = $(e, s);
   return t == n.nameOrCtor && s == n.key;
 }
-function jt(e, t, s) {
+function Pt(e, t, s) {
   if (!e)
     return null;
-  if (Oe(e, t, s))
+  if (Ce(e, t, s))
     return e;
   if (s) {
     for (; e = e.nextSibling; )
-      if (Oe(e, t, s))
+      if (Ce(e, t, s))
         return e;
   }
   return null;
 }
-function Tt(e, t) {
+function Et(e, t) {
   var s;
-  return e === "#text" ? s = Bt(k) : s = Rt(k, C, e, t), R.markCreated(s), s;
+  return e === "#text" ? s = At(k) : s = Ot(k, v, e, t), L.markCreated(s), s;
 }
-function He(e, t) {
-  var s = jt(u, e, t), n = s || Tt(e, t);
-  n !== u && (J.indexOf(n) >= 0 ? Pt(C, n, u) : C.insertBefore(n, u), u = n);
+function Be(e, t) {
+  var s = Pt(h, e, t), n = s || Et(e, t);
+  n !== h && (G.indexOf(n) >= 0 ? wt(v, n, h) : v.insertBefore(n, h), h = n);
 }
-function Ve(e, t, s) {
+function $e(e, t, s) {
   for (var n = e, i = t; i !== s; ) {
     var r = i.nextSibling;
-    n.removeChild(i), R.markDeleted(i), i = r;
+    n.removeChild(i), L.markDeleted(i), i = r;
   }
 }
-function qe() {
-  C = u, u = null;
+function je() {
+  v = h, h = null;
 }
-function ie() {
-  return u ? u.nextSibling : C.firstChild;
+function Y() {
+  return h ? h.nextSibling : v.firstChild;
 }
-function be() {
-  u = ie();
+function de() {
+  h = Y();
 }
-function Ge() {
-  Ve(C, ie(), null), u = C, C = C.parentNode;
+function Te() {
+  $e(v, Y(), null), h = v, v = v.parentNode;
 }
-function Xe(e, t) {
-  return be(), He(e, t), qe(), C;
+function Ue(e, t) {
+  return de(), Be(e, t), je(), v;
 }
-function Ke() {
-  return process.env.NODE_ENV !== "production" && ee(!1), Ge(), u;
+function ze() {
+  return process.env.NODE_ENV !== "production" && Q(!1), Te(), h;
 }
-function Ut() {
-  return be(), He("#text", null), u;
+function kt() {
+  return de(), Be("#text", null), h;
 }
-function zt() {
-  return process.env.NODE_ENV !== "production" && (Be("currentElement", k), B("currentElement")), C;
+function It() {
+  return process.env.NODE_ENV !== "production" && (Pe("currentElement", k), B("currentElement")), v;
 }
-function Wt() {
-  return process.env.NODE_ENV !== "production" && (Be("currentPointer", k), B("currentPointer")), ie();
+function Lt() {
+  return process.env.NODE_ENV !== "production" && (Pe("currentPointer", k), B("currentPointer")), Y();
 }
-function Ht() {
-  process.env.NODE_ENV !== "production" && (wt("skip", u), ee(!0)), u = C.lastChild;
+function Ft() {
+  process.env.NODE_ENV !== "production" && (dt("skip", h), Q(!0)), h = v.lastChild;
 }
 /**
  * @license
@@ -499,8 +522,8 @@ function Ht() {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var Ae = 3, x = Le();
-function Vt(e, t, s) {
+var we = 3, x = Oe();
+function Rt(e, t, s) {
   if (t.staticsApplied = !0, !(!s || !s.length)) {
     if (t.hasEmptyAttrsArr()) {
       for (var n = 0; n < s.length; n += 2)
@@ -510,76 +533,76 @@ function Vt(e, t, s) {
     for (var n = 0; n < s.length; n += 2)
       x[s[n]] = n + 1;
     for (var i = t.getAttrsArr(0), r = 0, n = 0; n < i.length; n += 2) {
-      var l = i[n], d = i[n + 1], g = x[l];
-      if (g) {
-        s[g] === d && delete x[l];
+      var o = i[n], p = i[n + 1], b = x[o];
+      if (b) {
+        s[b] === p && delete x[o];
         continue;
       }
-      i[r] = l, i[r + 1] = d, r += 2;
+      i[r] = o, i[r + 1] = p, r += 2;
     }
-    ge(i, r);
-    for (var l in x)
-      z(e, l, s[x[l]]), delete x[l];
+    le(i, r);
+    for (var o in x)
+      z(e, o, s[x[o]]), delete x[o];
   }
 }
-function Ce(e, t, s) {
-  process.env.NODE_ENV !== "production" && (B("elementOpen"), $e("elementOpen"));
-  var n = Xe(e, t), i = $(n);
-  i.staticsApplied || Vt(n, i, s);
-  var r = Math.max(0, arguments.length - Ae), l = i.hasEmptyAttrsArr();
-  if (!r && l)
+function he(e, t, s) {
+  process.env.NODE_ENV !== "production" && (B("elementOpen"), Ee("elementOpen"));
+  var n = Ue(e, t), i = $(n);
+  i.staticsApplied || Rt(n, i, s);
+  var r = Math.max(0, arguments.length - we), o = i.hasEmptyAttrsArr();
+  if (!r && o)
     return n;
-  for (var d = i.getAttrsArr(r), g = Ae, m = 0; g < arguments.length; g += 2, m += 2) {
-    var w = arguments[g];
-    if (l)
-      d[m] = w;
-    else if (d[m] !== w)
+  for (var p = i.getAttrsArr(r), b = we, f = 0; b < arguments.length; b += 2, f += 2) {
+    var C = arguments[b];
+    if (o)
+      p[f] = C;
+    else if (p[f] !== C)
       break;
-    var S = arguments[g + 1];
-    (l || d[m + 1] !== S) && (d[m + 1] = S, z(n, w, S));
+    var S = arguments[b + 1];
+    (o || p[f + 1] !== S) && (p[f + 1] = S, z(n, C, S));
   }
-  if (g < arguments.length || m < d.length) {
-    for (var V = m; m < d.length; m += 2)
-      x[d[m]] = d[m + 1];
-    for (m = V; g < arguments.length; g += 2, m += 2) {
-      var w = arguments[g], S = arguments[g + 1];
-      x[w] !== S && z(n, w, S), d[m] = w, d[m + 1] = S, delete x[w];
+  if (b < arguments.length || f < p.length) {
+    for (var q = f; f < p.length; f += 2)
+      x[p[f]] = p[f + 1];
+    for (f = q; b < arguments.length; b += 2, f += 2) {
+      var C = arguments[b], S = arguments[b + 1];
+      x[C] !== S && z(n, C, S), p[f] = C, p[f + 1] = S, delete x[C];
     }
-    ge(d, m);
-    for (var w in x)
-      z(n, w, void 0), delete x[w];
+    le(p, f);
+    for (var C in x)
+      z(n, C, void 0), delete x[C];
   }
   return n;
 }
-function qt(e, t, s) {
-  var n = ne();
-  process.env.NODE_ENV !== "production" && (B("elementOpenStart"), M(!0)), n[0] = e, n[1] = t, n[2] = s;
+function Bt(e, t, s) {
+  var n = J();
+  process.env.NODE_ENV !== "production" && (B("elementOpenStart"), K(!0)), n[0] = e, n[1] = t, n[2] = s;
 }
-function Gt(e) {
-  var t = ne();
-  process.env.NODE_ENV !== "production" && (me("key"), se(t)), t[1] = e;
+function $t(e) {
+  var t = J();
+  process.env.NODE_ENV !== "production" && (ce("key"), Z(t)), t[1] = e;
 }
-function Xt(e, t) {
-  var s = ne();
-  process.env.NODE_ENV !== "production" && me("attr"), s.push(e), s.push(t);
+function jt(e, t) {
+  var s = J();
+  process.env.NODE_ENV !== "production" && ce("attr"), s.push(e), s.push(t);
 }
-function Kt() {
-  var e = ne();
-  process.env.NODE_ENV !== "production" && (me("elementOpenEnd"), M(!1)), se(e);
-  var t = Ce.apply(null, e);
-  return ge(e, 0), t;
+function Tt() {
+  var e = J();
+  process.env.NODE_ENV !== "production" && (ce("elementOpenEnd"), K(!1)), Z(e);
+  var t = he.apply(null, e);
+  return le(e, 0), t;
 }
-function Qe(e) {
+function We(e) {
   process.env.NODE_ENV !== "production" && B("elementClose");
-  var t = Ke();
-  return process.env.NODE_ENV !== "production" && Ct($(t).nameOrCtor, e), t;
+  var t = ze();
+  return process.env.NODE_ENV !== "production" && pt($(t).nameOrCtor, e), t;
 }
-function Qt(e, t, s) {
-  return Ce.apply(null, arguments), Qe(e);
+function Ut(e, t, s) {
+  return he.apply(null, arguments), We(e);
 }
-function Zt(e) {
-  process.env.NODE_ENV !== "production" && (B("text"), $e("text"));
-  var t = Ut(), s = $(t);
+function zt(e) {
+  process.env.NODE_ENV !== "production" && (B("text"), Ee("text"));
+  var t = kt(), s = $(t);
   if (s.text !== e) {
     s.text = e;
     for (var n = e, i = 1; i < arguments.length; i += 1) {
@@ -606,121 +629,119 @@ function Zt(e) {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-h.applyAttr = Fe;
-h.applyProp = Re;
-h.attributes = W;
-h.close = Ke;
-var we = h.currentElement = zt, le = h.currentPointer = Wt;
-h.open = Xe;
-var Jt = h.patch = We;
-h.patchInner = We;
-h.patchOuter = $t;
-h.skip = Ht;
-var ce = h.skipNode = be;
-h.getKey = kt;
-h.clearCache = Ue;
-h.importNode = Te;
-h.isDataInitialized = It;
-h.notifications = U;
-h.symbols = fe;
-var De = h.attr = Xt, Yt = h.elementClose = Qe;
-h.elementOpen = Ce;
-var Mt = h.elementOpenEnd = Kt, es = h.elementOpenStart = qt;
-h.elementVoid = Qt;
-var ts = h.text = Zt;
-h.key = Gt;
-function Pe(e) {
-  let t = le();
-  return t instanceof Comment && t.data !== e ? t.data = e : (t = document.createComment(e), we().appendChild(t)), ce(), t;
-}
-let Ze = at;
-function Ns(e) {
-  Ze = e;
-}
-function ss() {
-  return Ze;
-}
-const I = Symbol("ComponentMetadata"), N = Object.freeze({
+d.applyAttr = Ae;
+d.applyProp = De;
+d.attributes = W;
+d.close = ze;
+var ue = d.currentElement = It, se = d.currentPointer = Lt;
+d.open = Ue;
+var Wt = d.patch = Re;
+d.patchInner = Re;
+d.patchOuter = Dt;
+d.skip = Ft;
+var ne = d.skipNode = de;
+d.getKey = xt;
+d.clearCache = Le;
+d.importNode = Ie;
+d.isDataInitialized = Nt;
+d.notifications = U;
+d.symbols = oe;
+var _e = d.attr = jt, Vt = d.elementClose = We;
+d.elementOpen = he;
+var Ht = d.elementOpenEnd = Tt, qt = d.elementOpenStart = Bt;
+d.elementVoid = Ut;
+var Gt = d.text = zt;
+d.key = $t;
+function Ne(e) {
+  let t = se();
+  return t instanceof Comment && t.data !== e ? t.data = e : (t = document.createComment(e), ue().appendChild(t)), ne(), t;
+}
+let Ve = Je;
+function hs(e) {
+  Ve = e;
+}
+function Xt() {
+  return Ve;
+}
+const E = Symbol("ComponentMetadata"), _ = Object.freeze({
   has(e, t) {
-    return Boolean(
-      e[I] && Object.prototype.hasOwnProperty.call(e[I], t)
-    );
+    return !!(e[E] && Object.prototype.hasOwnProperty.call(e[E], t));
   },
   add(e, t) {
-    e[I] ? Object.assign(e[I], t) : e[I] = t;
+    e[E] ? Object.assign(e[E], t) : e[E] = t;
   },
   get(e, t, s) {
-    return e[I] && e[I][t] || s;
+    return e[E] && e[E][t] || s;
   }
-}), Ee = Symbol("ds-web-components:pragma:listeners-attached"), Je = "idom-pragma:content-begin", pe = "idom-pragma:content-end";
-function de(e) {
+}), xe = Symbol("ds-web-components:pragma:listeners-attached"), He = "idom-pragma:content-begin", ie = "idom-pragma:content-end";
+function re(e) {
   for (const t of e)
     if (typeof t == "function")
       t();
     else if (typeof t == "string")
-      ts(t);
+      Gt(t);
     else if (t instanceof Set)
-      de(Array.from(t));
+      re(Array.from(t));
     else if (Array.isArray(t) && t.length > 0) {
-      let s = le();
-      if (Pe(Je), s === null) {
-        const n = we();
+      let s = se();
+      if (Ne(He), s === null) {
+        const n = ue();
         for (let i = 0; i < t.length; i += 1)
-          n.contains(t[i]) || n.appendChild(t[i]), ce();
+          n.contains(t[i]) || n.appendChild(t[i]), ne();
       }
-      for (; s && s.data !== pe; )
-        ce(), s = le();
-      Pe(pe);
+      for (; s && s.data !== ie; )
+        ne(), s = se();
+      Ne(ie);
     }
 }
-function o(e, t, ...s) {
+function a(e, t, ...s) {
   if (t) {
     for (const n of Object.keys(t))
       if (n.toUpperCase() === "DATA-FRAGMENT")
-        return () => de(s);
+        return () => re(s);
   }
   return () => {
-    es(e);
+    qt(e);
     const n = [];
     if (t)
       for (const r of Object.keys(t))
-        r.toUpperCase() === "CLASSNAME" ? De("class", t[r]) : /^on[A-Z]/.test(r) ? n.push(r) : De(r, t[r]);
-    Mt(e);
-    const i = we();
-    if (!i[Ee]) {
+        r.toUpperCase() === "CLASSNAME" ? _e("class", t[r]) : /^on[A-Z]/.test(r) ? n.push(r) : _e(r, t[r]);
+    Ht(e);
+    const i = ue();
+    if (!i[xe]) {
       for (const r of n)
         i.addEventListener(r.substr(2).toLowerCase(), t[r]);
-      i[Ee] = !0;
+      i[xe] = !0;
     }
-    de(s), Yt(e);
+    re(s), Vt(e);
   };
 }
-function Ye(e, t) {
+function qe(e, t) {
   customElements.get(e) || customElements.define(e, t);
 }
-function xs(...e) {
+function us(...e) {
   for (const t of e)
-    Ye(N.get(t, "tag"), t);
+    qe(_.get(t, "tag"), t);
 }
-function ys(e) {
+function fs(e) {
   return function(...s) {
     for (const n of s) {
-      const i = `${e}${N.get(n, "tag").substr(3)}`;
-      Ye(i, n);
+      const i = `${e}${_.get(n, "tag").substr(3)}`;
+      qe(i, n);
     }
   };
 }
-const Ie = Symbol("Component Attribute Bindings"), j = Symbol("Component Class Bindings"), he = Symbol("Component Style Bindings"), ns = {
+const ye = Symbol("Component Attribute Bindings"), j = Symbol("Component Class Bindings"), ae = Symbol("Component Style Bindings"), Kt = {
   __initialized: !1,
   __observer: null,
   __queuedUpdate: null,
   __managedClasses: /* @__PURE__ */ new Set(),
   __updateHostBindings() {
     const e = this;
-    for (const t of Object.keys(e[Ie] || {}))
-      e.setAttribute(t, e[Ie][t]);
-    for (const t of Object.keys(e[he] || {}))
-      e.style[t] = e[he][t];
+    for (const t of Object.keys(e[ye] || {}))
+      e.setAttribute(t, e[ye][t]);
+    for (const t of Object.keys(e[ae] || {}))
+      e.style[t] = e[ae][t];
     for (const t of e.__managedClasses)
       e.classList.remove(t);
     for (const t of (e[j] || []).filter(Boolean))
@@ -730,7 +751,7 @@ const Ie = Symbol("Component Attribute Bindings"), j = Symbol("Component Class B
   },
   __updateChildQueries(e) {
     const t = this;
-    for (const s of N.get(t.constructor, "childQueries", []))
+    for (const s of _.get(t.constructor, "childQueries", []))
       if (!e || e && s.refresh) {
         const n = s.all ? t.querySelectorAll : t.querySelector;
         t[s.key] = n.call(t, s.selector);
@@ -741,14 +762,14 @@ const Ie = Symbol("Component Attribute Bindings"), j = Symbol("Component Class B
     let t = Array.from(e.childNodes), s = null, n = t.length;
     for (let i = 0; i < t.length; i += 1) {
       const r = t[i];
-      r instanceof Comment && (r.data === Je ? s = i + 1 : r.data === pe && (n = i - 1));
+      r instanceof Comment && (r.data === He ? s = i + 1 : r.data === ie && (n = i - 1));
     }
     if (s === null)
       for (const i of t)
         i.parentNode.removeChild(i);
     else
       t = t.slice(s, n);
-    N.has(e.constructor, "contentProp") && (e[N.get(e.constructor, "contentProp")] = t);
+    _.has(e.constructor, "contentProp") && (e[_.get(e.constructor, "contentProp")] = t);
   },
   __startMutObs() {
     const e = this;
@@ -762,7 +783,7 @@ const Ie = Symbol("Component Attribute Bindings"), j = Symbol("Component Class B
   },
   __doRender() {
     const e = this;
-    e.__stopMutObs(), Jt(e, e.render(ss())), e.__startMutObs();
+    e.__stopMutObs(), Wt(e, e.render(Xt())), e.__startMutObs();
   },
   update() {
     const e = this;
@@ -779,7 +800,7 @@ const Ie = Symbol("Component Attribute Bindings"), j = Symbol("Component Class B
   connectedCallback() {
     const e = this;
     e.__cbConnected && e.__cbConnected();
-    const t = N.get(e.constructor, "eventListeners", []);
+    const t = _.get(e.constructor, "eventListeners", []);
     setTimeout(() => {
       if (!e.__initialized) {
         e.__gatherChildren();
@@ -797,26 +818,26 @@ const Ie = Symbol("Component Attribute Bindings"), j = Symbol("Component Class B
   disconnectedCallback() {
     const e = this;
     e.__cbDisconnected && e.__cbDisconnected();
-    for (const [t, s] of N.get(e.constructor, "eventListeners", []))
+    for (const [t, s] of _.get(e.constructor, "eventListeners", []))
       e.removeEventListener(t, e[s]);
     e.__stopMutObs();
   }
 };
 function T(e) {
   return (t) => {
-    N.add(t, e), Object.assign(t.prototype, {
+    _.add(t, e), Object.assign(t.prototype, {
       __cbAttributeChanged: t.prototype.attributeChangedCallback,
       __cbConnected: t.prototype.connectedCallback,
       __cbDisconnected: t.prototype.disconnectedCallback
-    }, ns);
+    }, Kt);
   };
 }
-function _e() {
+function fe() {
   return (e, t) => {
-    N.add(e.constructor, { contentProp: t });
+    _.add(e.constructor, { contentProp: t });
   };
 }
-function Ne(e) {
+function ge(e) {
   return (t, s) => {
     Object.defineProperty(t, s, {
       get() {
@@ -833,13 +854,13 @@ function Ne(e) {
     });
   };
 }
-function re(e) {
+function M(e) {
   return (t, s) => {
-    const n = N.get(t.constructor, "eventListeners", []);
-    n.push([e, s]), N.add(t.constructor, { eventListeners: n });
+    const n = _.get(t.constructor, "eventListeners", []);
+    n.push([e, s]), _.add(t.constructor, { eventListeners: n });
   };
 }
-function p(e) {
+function c(e) {
   return (t, s) => {
     const n = t.constructor, i = s.toLowerCase();
     if (n.observedAttributes = n.observedAttributes || [
@@ -859,32 +880,32 @@ function p(e) {
         get() {
           return this[r];
         },
-        set(l) {
-          let d = l;
-          e === Boolean && typeof l == "string" && l.toLowerCase() === "false" ? d = !1 : d = e(l), this[r] = d;
+        set(o) {
+          let p = o;
+          e === Boolean && typeof o == "string" && o.toLowerCase() === "false" ? p = !1 : p = e(o), this[r] = p;
         }
       });
     }
   };
 }
-function Me(e, t, s) {
+function Ge(e, t, s) {
   return (n, i) => {
-    const r = N.get(n.constructor, "childQueries", []);
+    const r = _.get(n.constructor, "childQueries", []);
     r.push({
       key: i,
       selector: e,
       all: s,
       refresh: t.refresh
-    }), N.add(n.constructor, { childQueries: r });
+    }), _.add(n.constructor, { childQueries: r });
   };
 }
-function xe(e, t = {}) {
-  return Me(e, t);
+function me(e, t = {}) {
+  return Ge(e, t);
 }
-function is(e, t = {}) {
-  return Me(e, t, !0);
+function Qt(e, t = {}) {
+  return Ge(e, t, !0);
 }
-function et() {
+function Xe() {
   return (e, t) => {
     const s = Symbol(t);
     Object.defineProperties(e, {
@@ -905,85 +926,65 @@ function et() {
     });
   };
 }
-var tt = /* @__PURE__ */ ((e) => (e["7Z"] = "application/x-7z-compressed", e.AAC = "audio/aac", e.ABW = "application/x-abiword", e.ARC = "application/octet-stream", e.AVI = "video/x-msvideo", e.AZW = "application/vnd.amazon.ebook", e.BIN = "application/octet-stream", e.BMP = "image/bmp", e.BZ = "application/x-bzip", e.BZ2 = "application/x-bzip2", e.CER = "application/pkix-cert", e.CSH = "application/x-csh", e.CSS = "text/css", e.CSV = "text/csv,application/vnd.ms-excel", e.DOC = "application/msword", e.DOCX = "application/vnd.openxmlformats-officedocument.wordprocessingml.document", e.EOT = "application/vnd.ms-fontobject", e.EPUB = "application/epub+zip", e.ES = "application/ecmascript", e.FLV = "video/x-flv", e.GIF = "image/gif", e.GZ = "application/x-gzip", e.HTM = "text/html", e.HTML = "text/html", e.ICO = "image/x-icon", e.ICS = "text/calendar", e.JAR = "application/java-archive", e.JPEG = "image/jpeg", e.JPG = "image/jpeg", e.JS = "application/javascript", e.JSON = "application/json", e.M3U = "audio/x-mpequrl", e.MID = "audio/midi", e.MIDI = "audio/midi", e.MOV = "video/quicktime", e.MP3 = "audio/mpeg3", e.MP4 = "video/mp4", e.MPEG = "video/mpeg", e.MPKG = "application/vnd.apple.installer+xml", e.ODP = "application/vnd.oasis.opendocument.presentation", e.ODS = "application/vnd.oasis.opendocument.spreadsheet", e.ODT = "application/vnd.oasis.opendocument.text", e.OGA = "audio/ogg", e.OGV = "video/ogg", e.OGX = "application/ogg", e.OTF = "font/otf", e.PNG = "image/png", e.PDF = "application/pdf", e.PPT = "application/vnd.ms-powerpoint", e.PPTX = "application/vnd.openxmlformats-officedocument.presentationml.presentation", e.RAR = "application/x-rar-compressed", e.RTF = "application/rtf", e.SH = "application/x-sh", e.SVG = "image/svg+xml", e.SWF = "application/x-shockwave-flash", e.TAR = "application/x-tar", e.TIF = "image/tiff", e.TIFF = "image/tiff", e.TS = "application/typescript", e.TTF = "font/ttf", e.TXT = "text/plain", e.VSD = "application/vnd.visio", e.WAV = "audio/wav", e.WEBA = "audio/webm", e.WEBM = "video/webm", e.WEBP = "image/webp", e.WOFF = "font/woff", e.WOFF2 = "font/woff2", e.XHTML = "application/xhtml+xml", e.XLS = "application/vnd.ms-excel", e.XLSX = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", e.XML = "application/xml", e.XUL = "application/vnd.mozilla.xul+xml", e.ZIP = "application/zip", e))(tt || {}), rs = Object.defineProperty, as = Object.getOwnPropertyDescriptor, b = (e, t, s, n) => {
-  for (var i = n > 1 ? void 0 : n ? as(t, s) : t, r = e.length - 1, l; r >= 0; r--)
-    (l = e[r]) && (i = (n ? l(t, s, i) : l(i)) || i);
-  return n && i && rs(t, s, i), i;
+var Ke = /* @__PURE__ */ ((e) => (e["7Z"] = "application/x-7z-compressed", e.AAC = "audio/aac", e.ABW = "application/x-abiword", e.ARC = "application/octet-stream", e.AVI = "video/x-msvideo", e.AZW = "application/vnd.amazon.ebook", e.BIN = "application/octet-stream", e.BMP = "image/bmp", e.BZ = "application/x-bzip", e.BZ2 = "application/x-bzip2", e.CER = "application/pkix-cert", e.CSH = "application/x-csh", e.CSS = "text/css", e.CSV = "text/csv,application/vnd.ms-excel", e.DOC = "application/msword", e.DOCX = "application/vnd.openxmlformats-officedocument.wordprocessingml.document", e.EOT = "application/vnd.ms-fontobject", e.EPUB = "application/epub+zip", e.ES = "application/ecmascript", e.FLV = "video/x-flv", e.GIF = "image/gif", e.GZ = "application/x-gzip", e.HTM = "text/html", e.HTML = "text/html", e.ICO = "image/x-icon", e.ICS = "text/calendar", e.JAR = "application/java-archive", e.JPEG = "image/jpeg", e.JPG = "image/jpeg", e.JS = "application/javascript", e.JSON = "application/json", e.M3U = "audio/x-mpequrl", e.MID = "audio/midi", e.MIDI = "audio/midi", e.MOV = "video/quicktime", e.MP3 = "audio/mpeg3", e.MP4 = "video/mp4", e.MPEG = "video/mpeg", e.MPKG = "application/vnd.apple.installer+xml", e.ODP = "application/vnd.oasis.opendocument.presentation", e.ODS = "application/vnd.oasis.opendocument.spreadsheet", e.ODT = "application/vnd.oasis.opendocument.text", e.OGA = "audio/ogg", e.OGV = "video/ogg", e.OGX = "application/ogg", e.OTF = "font/otf", e.PNG = "image/png", e.PDF = "application/pdf", e.PPT = "application/vnd.ms-powerpoint", e.PPTX = "application/vnd.openxmlformats-officedocument.presentationml.presentation", e.RAR = "application/x-rar-compressed", e.RTF = "application/rtf", e.SH = "application/x-sh", e.SVG = "image/svg+xml", e.SWF = "application/x-shockwave-flash", e.TAR = "application/x-tar", e.TIF = "image/tiff", e.TIFF = "image/tiff", e.TS = "application/typescript", e.TTF = "font/ttf", e.TXT = "text/plain", e.VSD = "application/vnd.visio", e.WAV = "audio/wav", e.WEBA = "audio/webm", e.WEBM = "video/webm", e.WEBP = "image/webp", e.WOFF = "font/woff", e.WOFF2 = "font/woff2", e.XHTML = "application/xhtml+xml", e.XLS = "application/vnd.ms-excel", e.XLSX = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", e.XML = "application/xml", e.XUL = "application/vnd.mozilla.xul+xml", e.ZIP = "application/zip", e))(Ke || {}), Zt = Object.defineProperty, Jt = Object.getOwnPropertyDescriptor, m = (e, t, s, n) => {
+  for (var i = n > 1 ? void 0 : n ? Jt(t, s) : t, r = e.length - 1, o; r >= 0; r--)
+    (o = e[r]) && (i = (n ? o(t, s, i) : o(i)) || i);
+  return n && i && Zt(t, s, i), i;
 };
-const v = "sps-file-upload";
-var q;
-let f = (q = class extends HTMLElement {
+const g = "sps-file-upload";
+let u = class extends HTMLElement {
   constructor() {
-    super();
-    a(this, "description");
-    a(this, "multiple");
-    a(this, "shown", !0);
-    a(this, "dismissable");
-    a(this, "processing");
-    a(this, "mini");
-    a(this, "constrainContentWidth");
-    a(this, "downloadLabel");
-    a(this, "acceptExtensions");
-    a(this, "maxSize");
-    a(this, "customRequirement");
-    a(this, "selection");
-    a(this, "dismissal");
-    a(this, "download");
-    a(this, "fileInput");
-    a(this, "files", []);
-    a(this, "accept");
-    a(this, "acceptMIMETypes", /* @__PURE__ */ new Set());
-    a(this, "acceptExtensionsDescription");
-    a(this, "maxSizeBytes");
-    a(this, "active", !1);
-    a(this, "error", !1);
-    a(this, "namesOfUnsupportedFiles", []);
-    this.handleBrowseLinkClick = this.handleBrowseLinkClick.bind(this), this.handleDownloadButtonClick = this.handleDownloadButtonClick.bind(this), this.handleFileInputChange = this.handleFileInputChange.bind(this), this.dismiss = this.dismiss.bind(this);
+    super(), this.shown = !0, this.files = [], this.acceptMIMETypes = /* @__PURE__ */ new Set(), this.active = !1, this.error = !1, this.namesOfUnsupportedFiles = [], this.handleBrowseLinkClick = this.handleBrowseLinkClick.bind(this), this.handleDownloadButtonClick = this.handleDownloadButtonClick.bind(this), this.handleFileInputChange = this.handleFileInputChange.bind(this), this.dismiss = this.dismiss.bind(this);
   }
   get [j]() {
     return [
-      v,
-      this.active && `${v}--active`,
-      this.error && `${v}--error`,
-      !this.shown && `${v}--hidden`,
-      this.mini && `${v}--mini`,
-      this.constrainContentWidth && `${v}--constrained-content-width`
+      g,
+      this.active && `${g}--active`,
+      this.error && `${g}--error`,
+      !this.shown && `${g}--hidden`,
+      this.mini && `${g}--mini`,
+      this.constrainContentWidth && `${g}--constrained-content-width`
     ];
   }
   connectedCallback() {
     this.description = this.description || (this.multiple ? "Files" : "File"), this.acceptExtensions && this.processAcceptExtensions(this.acceptExtensions), this.maxSize && this.parseAndValidateMaxSize(this.maxSize);
   }
-  attributeChangedCallback(t, s, n) {
-    t === "acceptExtensions" && this.processAcceptExtensions(n), t === "maxSize" && this.parseAndValidateMaxSize(n);
+  attributeChangedCallback(e, t, s) {
+    e === "acceptExtensions" && this.processAcceptExtensions(s), e === "maxSize" && this.parseAndValidateMaxSize(s);
   }
+  /**
+   * If the `dismissable` prop has been set, this will programmatically
+   * dismiss the component and fire the "dismissal" event.
+   */
   dismiss() {
     this.dismissable && (this.shown = !1, this.update(), this.dismissal.dispatch());
   }
+  /** If the `dismissable` prop has been set, this will programmatically show the component. */
   show() {
     this.dismissable && (this.shown = !0, this.update());
   }
-  render({ t }) {
-    const s = this.error ? Se.EXCLAMATION_CIRCLE : Se.UPLOAD_CLOUD, n = (this.multiple ? t("design-system:fileUpload.instructions_plural") : t("design-system:fileUpload.instructions")).split("|");
-    return /* @__PURE__ */ o("div", { "data-fragment": !0 }, /* @__PURE__ */ o("div", { className: `${v}__content` }, this.processing ? /* @__PURE__ */ o("div", { "data-fragment": !0 }, /* @__PURE__ */ o("i", { className: "sps-spinner sps-spinner--medium", "aria-hidden": "true" }), /* @__PURE__ */ o("div", { className: `${v}__instructions` }, t("design-system:fileUpload.processing"))) : /* @__PURE__ */ o("div", { "data-fragment": !0 }, /* @__PURE__ */ o("i", { className: `sps-icon sps-icon-${s} ${v}__icon-primary`, "aria-hidden": "true" }), /* @__PURE__ */ o("div", { className: `${v}__title` }, this.error ? /* @__PURE__ */ o("div", { "data-fragment": !0 }, t(
+  render({ t: e }) {
+    const t = this.error ? be.EXCLAMATION_CIRCLE : be.UPLOAD_CLOUD, s = (this.multiple ? e("design-system:fileUpload.instructions_plural") : e("design-system:fileUpload.instructions")).split("|");
+    return /* @__PURE__ */ a("div", { "data-fragment": !0 }, /* @__PURE__ */ a("div", { className: `${g}__content` }, this.processing ? /* @__PURE__ */ a("div", { "data-fragment": !0 }, /* @__PURE__ */ a("i", { className: "sps-spinner sps-spinner--medium", "aria-hidden": "true" }), /* @__PURE__ */ a("div", { className: `${g}__instructions` }, e("design-system:fileUpload.processing"))) : /* @__PURE__ */ a("div", { "data-fragment": !0 }, /* @__PURE__ */ a("i", { className: `sps-icon sps-icon-${t} ${g}__icon-primary`, "aria-hidden": "true" }), /* @__PURE__ */ a("div", { className: `${g}__title` }, this.error ? /* @__PURE__ */ a("div", { "data-fragment": !0 }, e(
       this.namesOfUnsupportedFiles.length > 1 ? "design-system:fileUpload.cancelled_plural" : "design-system:fileUpload.cancelled"
-    )) : /* @__PURE__ */ o("div", { "data-fragment": !0 }, t("design-system:fileUpload.title", { description: this.description }))), this.error ? /* @__PURE__ */ o("div", { className: `${v}__errored-files` }, new Set(this.namesOfUnsupportedFiles.map((i, r) => {
-      const l = Math.floor(i.length / 2);
-      return /* @__PURE__ */ o("div", { className: `${v}__errored-filename`, key: i }, /* @__PURE__ */ o("span", { className: `${v}__errored-filename-segment` }, i.substr(0, l)), /* @__PURE__ */ o("div", { className: `${v}__errored-filename-segment` }, /* @__PURE__ */ o("span", null, i.substr(l))), r < this.namesOfUnsupportedFiles.length - 1 ? "," : "");
-    }))) : /* @__PURE__ */ o("span", null), /* @__PURE__ */ o("div", { className: `${v}__instructions` }, /* @__PURE__ */ o("div", { "data-fragment": !0 }, /* @__PURE__ */ o("span", null, n[0]), /* @__PURE__ */ o("a", { href: "", onClick: this.handleBrowseLinkClick }, n[1]), /* @__PURE__ */ o("span", null, n[2]))), /* @__PURE__ */ o("div", { className: `${v}__requirements` }, this.acceptExtensions ? /* @__PURE__ */ o("span", null, "(", " ", t("design-system:fileUpload.acceptedTypes", { fileTypes: this.acceptExtensionsDescription }), " ", ")") : "", this.maxSize ? /* @__PURE__ */ o("span", null, "(", " ", t("design-system:fileUpload.maximumSize", { size: this.maxSize }), " ", ")") : "", this.customRequirement ? /* @__PURE__ */ o("span", null, " ", this.customRequirement, " ") : ""), this.downloadLabel && /* @__PURE__ */ o(
+    )) : /* @__PURE__ */ a("div", { "data-fragment": !0 }, e("design-system:fileUpload.title", { description: this.description }))), this.error ? /* @__PURE__ */ a("div", { className: `${g}__errored-files` }, new Set(this.namesOfUnsupportedFiles.map((n, i) => {
+      const r = Math.floor(n.length / 2);
+      return /* @__PURE__ */ a("div", { className: `${g}__errored-filename`, key: n }, /* @__PURE__ */ a("span", { className: `${g}__errored-filename-segment` }, n.substr(0, r)), /* @__PURE__ */ a("div", { className: `${g}__errored-filename-segment` }, /* @__PURE__ */ a("span", null, n.substr(r))), i < this.namesOfUnsupportedFiles.length - 1 ? "," : "");
+    }))) : /* @__PURE__ */ a("span", null), /* @__PURE__ */ a("div", { className: `${g}__instructions` }, /* @__PURE__ */ a("div", { "data-fragment": !0 }, /* @__PURE__ */ a("span", null, s[0]), /* @__PURE__ */ a("a", { href: "", onClick: this.handleBrowseLinkClick }, s[1]), /* @__PURE__ */ a("span", null, s[2]))), /* @__PURE__ */ a("div", { className: `${g}__requirements` }, this.acceptExtensions ? /* @__PURE__ */ a("span", null, "(", " ", e("design-system:fileUpload.acceptedTypes", { fileTypes: this.acceptExtensionsDescription }), " ", ")") : "", this.maxSize ? /* @__PURE__ */ a("span", null, "(", " ", e("design-system:fileUpload.maximumSize", { size: this.maxSize }), " ", ")") : "", this.customRequirement ? /* @__PURE__ */ a("span", null, " ", this.customRequirement, " ") : ""), this.downloadLabel && /* @__PURE__ */ a(
       "div",
       {
-        className: `sps-button sps-button--link ${v}__download-button`,
+        className: `sps-button sps-button--link ${g}__download-button`,
         onClick: this.handleDownloadButtonClick
       },
-      /* @__PURE__ */ o("button", { type: "button" }, /* @__PURE__ */ o("i", { className: "sps-icon sps-icon-download-cloud", "aria-hidden": "true" }), " ", this.downloadLabel)
-    ))), this.dismissable && !this.processing && /* @__PURE__ */ o(
+      /* @__PURE__ */ a("button", { type: "button" }, /* @__PURE__ */ a("i", { className: "sps-icon sps-icon-download-cloud", "aria-hidden": "true" }), " ", this.downloadLabel)
+    ))), this.dismissable && !this.processing && /* @__PURE__ */ a(
       "div",
       {
-        className: `sps-button sps-button--icon ${v}__close-button`,
+        className: `sps-button sps-button--icon ${g}__close-button`,
         onClick: this.dismiss
       },
-      /* @__PURE__ */ o("button", { type: "button", title: t("design-system:fileUpload.close") }, /* @__PURE__ */ o("i", { className: "sps-icon sps-icon-x", "aria-hidden": "true" }))
-    ), /* @__PURE__ */ o("form", null, /* @__PURE__ */ o(
+      /* @__PURE__ */ a("button", { type: "button", title: e("design-system:fileUpload.close") }, /* @__PURE__ */ a("i", { className: "sps-icon sps-icon-x", "aria-hidden": "true" }))
+    ), /* @__PURE__ */ a("form", null, /* @__PURE__ */ a(
       "input",
       {
         type: "file",
@@ -993,52 +994,55 @@ let f = (q = class extends HTMLElement {
       }
     )));
   }
-  parseAndValidateMaxSize(t) {
+  parseAndValidateMaxSize(e) {
     try {
-      this.maxSizeBytes = ct(t);
+      this.maxSizeBytes = et(e);
     } catch {
-      throw new Error(`Could not parse "${t}" as a file size.`);
+      throw new Error(`Could not parse "${e}" as a file size.`);
     }
   }
-  processAcceptExtensions(t) {
-    const n = (Array.isArray(t) ? t : t.trim().split(/\s?,\s?/)).map((r) => r.replace(/^\./, "")), i = n.map((r) => `.${r}`.toLowerCase());
-    this.acceptExtensionsDescription = i.map((r, l) => l > 0 && l === i.length - 1 ? `or ${r}` : r).join(i.length > 2 ? ", " : " "), this.acceptMIMETypes.clear();
-    for (const r of n)
-      for (const l of tt[r.toUpperCase()].split(","))
-        this.acceptMIMETypes.add(l);
-    this.accept = i.concat(Array.from(this.acceptMIMETypes)).join(",");
+  processAcceptExtensions(e) {
+    const s = (Array.isArray(e) ? e : e.trim().split(/\s?,\s?/)).map((i) => i.replace(/^\./, "")), n = s.map((i) => `.${i}`.toLowerCase());
+    this.acceptExtensionsDescription = n.map((i, r) => r > 0 && r === n.length - 1 ? `or ${i}` : i).join(n.length > 2 ? ", " : " "), this.acceptMIMETypes.clear();
+    for (const i of s)
+      for (const r of Ke[i.toUpperCase()].split(","))
+        this.acceptMIMETypes.add(r);
+    this.accept = n.concat(Array.from(this.acceptMIMETypes)).join(",");
   }
-  selectFiles(t) {
+  selectFiles(e) {
     this.namesOfUnsupportedFiles = [];
-    const s = Array.from(t);
-    for (const n of s)
-      this.acceptExtensions && !this.acceptMIMETypes.has(n.type) && this.namesOfUnsupportedFiles.push(n.name), this.maxSize && n.size > this.maxSizeBytes && this.namesOfUnsupportedFiles.indexOf(n.name) === -1 && this.namesOfUnsupportedFiles.push(n.name);
-    this.namesOfUnsupportedFiles.length ? (this.error = !0, this.fileInput.value = null, this.update()) : (this.files = s, this.selection.dispatch(s));
+    const t = Array.from(e);
+    for (const s of t)
+      this.acceptExtensions && !this.acceptMIMETypes.has(s.type) && this.namesOfUnsupportedFiles.push(s.name), this.maxSize && s.size > this.maxSizeBytes && this.namesOfUnsupportedFiles.indexOf(s.name) === -1 && this.namesOfUnsupportedFiles.push(s.name);
+    this.namesOfUnsupportedFiles.length ? (this.error = !0, this.fileInput.value = null, this.update()) : (this.files = t, this.selection.dispatch(t));
   }
-  handleDragOver(t) {
-    t.preventDefault(), t.stopPropagation();
+  handleDragOver(e) {
+    e.preventDefault(), e.stopPropagation();
   }
-  handleDragEnter(t) {
-    t.preventDefault(), this.active = !0, this.error = !1, this.update();
+  handleDragEnter(e) {
+    e.preventDefault(), this.active = !0, this.error = !1, this.update();
   }
-  handleDragLeave(t) {
-    t.preventDefault(), this.active = !1, this.update();
+  handleDragLeave(e) {
+    e.preventDefault(), this.active = !1, this.update();
   }
-  handleDrop(t) {
-    t.preventDefault(), t.stopPropagation(), this.active = !1, t.dataTransfer.items ? this.selectFiles(Array.from(t.dataTransfer.items).map(
-      (s) => s.getAsFile()
-    )) : this.selectFiles(t.dataTransfer.files), this.update();
+  handleDrop(e) {
+    e.preventDefault(), e.stopPropagation(), this.active = !1, e.dataTransfer.items ? this.selectFiles(Array.from(e.dataTransfer.items).map(
+      (t) => t.getAsFile()
+    )) : this.selectFiles(e.dataTransfer.files), this.update();
   }
-  handleBrowseLinkClick(t) {
-    t.preventDefault(), this.error = !1, this.update(), this.fileInput.click();
+  /* eslint-enable @typescript-eslint/member-ordering */
+  handleBrowseLinkClick(e) {
+    e.preventDefault(), this.error = !1, this.update(), this.fileInput.click();
   }
   handleDownloadButtonClick() {
     this.download.dispatch();
   }
-  handleFileInputChange(t) {
-    t.stopPropagation(), this.selectFiles(t.target.files);
+  handleFileInputChange(e) {
+    e.stopPropagation(), this.selectFiles(e.target.files);
   }
-}, a(q, "displayName", v), a(q, "props", {
+};
+u.displayName = g;
+u.props = {
   description: "string",
   multiple: "boolean",
   dismissable: "boolean",
@@ -1051,77 +1055,77 @@ let f = (q = class extends HTMLElement {
   selection: { event: !0, type: "CustomEvent<Array<File>>" },
   dismissal: { event: !0, type: "CustomEvent<void>" },
   download: { event: !0, type: "CustomEvent<void>" }
-}), q);
-b([
-  p()
-], f.prototype, "description", 2);
-b([
-  p(Boolean)
-], f.prototype, "multiple", 2);
-b([
-  p(Boolean)
-], f.prototype, "shown", 2);
-b([
-  p(Boolean)
-], f.prototype, "dismissable", 2);
-b([
-  p(Boolean)
-], f.prototype, "processing", 2);
-b([
-  p(Boolean)
-], f.prototype, "mini", 2);
-b([
-  p(Boolean)
-], f.prototype, "constrainContentWidth", 2);
-b([
-  p()
-], f.prototype, "downloadLabel", 2);
-b([
-  p()
-], f.prototype, "acceptExtensions", 2);
-b([
-  p()
-], f.prototype, "maxSize", 2);
-b([
-  p()
-], f.prototype, "customRequirement", 2);
-b([
-  Ne()
-], f.prototype, "selection", 2);
-b([
-  Ne()
-], f.prototype, "dismissal", 2);
-b([
-  Ne()
-], f.prototype, "download", 2);
-b([
-  xe("input[type='file']")
-], f.prototype, "fileInput", 2);
-b([
-  re("dragover")
-], f.prototype, "handleDragOver", 1);
-b([
-  re("dragenter")
-], f.prototype, "handleDragEnter", 1);
-b([
-  re("dragleave")
-], f.prototype, "handleDragLeave", 1);
-b([
-  re("drop")
-], f.prototype, "handleDrop", 1);
-f = b([
-  T({ tag: v })
-], f);
-const Ss = {
+};
+m([
+  c()
+], u.prototype, "description", 2);
+m([
+  c(Boolean)
+], u.prototype, "multiple", 2);
+m([
+  c(Boolean)
+], u.prototype, "shown", 2);
+m([
+  c(Boolean)
+], u.prototype, "dismissable", 2);
+m([
+  c(Boolean)
+], u.prototype, "processing", 2);
+m([
+  c(Boolean)
+], u.prototype, "mini", 2);
+m([
+  c(Boolean)
+], u.prototype, "constrainContentWidth", 2);
+m([
+  c()
+], u.prototype, "downloadLabel", 2);
+m([
+  c()
+], u.prototype, "acceptExtensions", 2);
+m([
+  c()
+], u.prototype, "maxSize", 2);
+m([
+  c()
+], u.prototype, "customRequirement", 2);
+m([
+  ge()
+], u.prototype, "selection", 2);
+m([
+  ge()
+], u.prototype, "dismissal", 2);
+m([
+  ge()
+], u.prototype, "download", 2);
+m([
+  me("input[type='file']")
+], u.prototype, "fileInput", 2);
+m([
+  M("dragover")
+], u.prototype, "handleDragOver", 1);
+m([
+  M("dragenter")
+], u.prototype, "handleDragEnter", 1);
+m([
+  M("dragleave")
+], u.prototype, "handleDragLeave", 1);
+m([
+  M("drop")
+], u.prototype, "handleDrop", 1);
+u = m([
+  T({ tag: g })
+], u);
+const gs = {
   basic: {
     label: "Basic File Upload",
-    description: c`
+    description: l`
             <p>Simply allow the user to drag-and-drop or select either a single file or multiple files at once.</p>
         `,
     examples: {
       single: {
         description: "<p>Single file upload</p>",
-        react: c`
+        react: l`
                     function Component() {
                         const ref = React.useRef()
 
@@ -1148,7 +1152,7 @@ const Ss = {
       },
       multiple: {
         description: "<p>Multiple file upload</p>",
-        react: c`
+        react: l`
                     function Component() {
                         const ref = React.useRef()
 
@@ -1177,13 +1181,13 @@ const Ss = {
   },
   restrictions: {
     label: "Restrictions",
-    description: c`
+    description: l`
             <p>You can place restrictions on what files will be accepted with an extension whitelist and/or a maximum size.</p>
         `,
     examples: {
       size: {
         description: "<p>Maximum size</p>",
-        react: c`
+        react: l`
                     function Component() {
                         const ref = React.useRef()
 
@@ -1210,7 +1214,7 @@ const Ss = {
       },
       type: {
         description: "<p>File type whitelist</p>",
-        react: c`
+        react: l`
                     function Component() {
                         const ref = React.useRef()
 
@@ -1242,7 +1246,7 @@ const Ss = {
       },
       both: {
         description: "<p>Both restrictions</p>",
-        react: c`
+        react: l`
                     function Component() {
                         const ref = React.useRef()
 
@@ -1277,13 +1281,13 @@ const Ss = {
   },
   dismissable: {
     label: "Dismissable",
-    description: c`
+    description: l`
             <p>With this option, the file upload component can be dismissed by the user. If the user does dismiss it, you can
             show it again programmatically if you need to.</p>
         `,
     examples: {
       dismissable: {
-        react: c`
+        react: l`
                     function Component() {
                         const [showFileUpload, setShowFileUpload] = React.useState(true)
                         const ref = React.useRef()
@@ -1322,13 +1326,13 @@ const Ss = {
   },
   downloadButton: {
     label: "Download Button",
-    description: c`
+    description: l`
             <p>You can optionally provide a button to download a file. Typically this will be a template for
             whatever the user is expected to upload. They can then fill out the template, save it, and upload it.</p>
         `,
     examples: {
       downloadButton: {
-        react: c`
+        react: l`
                     function Component() {
                         const ref = React.useRef()
 
@@ -1362,13 +1366,13 @@ const Ss = {
   },
   mini: {
     label: "Mini File Upload",
-    description: c`
+    description: l`
             <p>When the file upload component is to be placed in a small container,
             it should be marked as a mini file upload so that everything fits.</p>
         `,
     examples: {
       single: {
-        react: c`
+        react: l`
                     function Component() {
                         const ref = React.useRef()
 
@@ -1397,14 +1401,14 @@ const Ss = {
   },
   constrainContentWidth: {
     label: "Constrain Content Width",
-    description: c`
+    description: l`
             <p>If this prop is provided, the content will be restricted to 50% of
             the overall width of the component. Consult your product designer if
             you're not sure whether to use this variant.</p>
         `,
     examples: {
       constrainContentWidth: {
-        react: c`
+        react: l`
                     function Component() {
                         const ref = React.useRef()
 
@@ -1432,49 +1436,41 @@ const Ss = {
     }
   }
 };
-var os = Object.defineProperty, ls = Object.getOwnPropertyDescriptor, O = (e, t, s, n) => {
-  for (var i = n > 1 ? void 0 : n ? ls(t, s) : t, r = e.length - 1, l; r >= 0; r--)
-    (l = e[r]) && (i = (n ? l(t, s, i) : l(i)) || i);
-  return n && i && os(t, s, i), i;
+var Yt = Object.defineProperty, Mt = Object.getOwnPropertyDescriptor, A = (e, t, s, n) => {
+  for (var i = n > 1 ? void 0 : n ? Mt(t, s) : t, r = e.length - 1, o; r >= 0; r--)
+    (o = e[r]) && (i = (n ? o(t, s, i) : o(i)) || i);
+  return n && i && Yt(t, s, i), i;
 };
-const _ = "sps-insight-card";
-var G;
-let y = (G = class extends HTMLElement {
+const w = "sps-insight-card";
+let N = class extends HTMLElement {
   constructor() {
-    super(...arguments);
-    a(this, "icon");
-    a(this, "kind", ot.GENERAL);
-    a(this, "title");
-    a(this, "metric");
-    a(this, "partnerCount");
-    a(this, "totalPartners");
-    a(this, "secondary");
-    a(this, "content");
-    a(this, "detail");
+    super(...arguments), this.kind = Ye.GENERAL;
   }
   get [j]() {
     return [
-      _,
-      `${_}--${this.kind}`,
-      this.detail && this.detail.children.length ? `${_}--has-detail` : null
+      w,
+      `${w}--${this.kind}`,
+      this.detail && this.detail.children.length ? `${w}--has-detail` : null
     ];
   }
-  render({ t }) {
-    const s = /* @__PURE__ */ o("div", { className: `${_}__metric-count` }, this.metric), n = /* @__PURE__ */ o("div", { className: `${_}__description` }, /* @__PURE__ */ o(
+  render({ t: e }) {
+    const t = /* @__PURE__ */ a("div", { className: `${w}__metric-count` }, this.metric), s = /* @__PURE__ */ a("div", { className: `${w}__description` }, /* @__PURE__ */ a(
       "div",
       {
-        className: `${_}__title`,
+        className: `${w}__title`,
         style: { "-webkit-box-orient": "vertical" }
       },
       this.title
-    ), /* @__PURE__ */ o("div", { className: `${_}__detail` }, this.content)), i = this.partnercount, r = this.totalpartners, [
-      l,
-      d,
-      g
-    ] = (i ? t("design-system:insightCard.partnerCount", { count: i, total: r }) : "").split("|");
-    return /* @__PURE__ */ o("div", { "data-fragment": !0 }, /* @__PURE__ */ o("div", { className: `${_}__body` }, this.icon ? /* @__PURE__ */ o("i", { className: `sps-icon sps-icon-${this.icon}` }) : /* @__PURE__ */ o("i", { className: `sps-icon sps-icon-${lt[this.kind]}` }), s, n), i && /* @__PURE__ */ o("div", { className: `${_}__partner-count` }, i === r ? /* @__PURE__ */ o("div", null, t("design-system:insightCard.all")) : /* @__PURE__ */ o("div", { "data-fragment": !0 }, /* @__PURE__ */ o("div", null, l), /* @__PURE__ */ o("div", null, d), /* @__PURE__ */ o("div", null, g)), /* @__PURE__ */ o("div", { className: `${_}__partners-text` }, t("design-system:insightCard.partners"))));
+    ), /* @__PURE__ */ a("div", { className: `${w}__detail` }, this.content)), n = this.partnercount, i = this.totalpartners, [
+      r,
+      o,
+      p
+    ] = (n ? e("design-system:insightCard.partnerCount", { count: n, total: i }) : "").split("|");
+    return /* @__PURE__ */ a("div", { "data-fragment": !0 }, /* @__PURE__ */ a("div", { className: `${w}__body` }, this.icon ? /* @__PURE__ */ a("i", { className: `sps-icon sps-icon-${this.icon}` }) : /* @__PURE__ */ a("i", { className: `sps-icon sps-icon-${Me[this.kind]}` }), t, s), n && /* @__PURE__ */ a("div", { className: `${w}__partner-count` }, n === i ? /* @__PURE__ */ a("div", null, e("design-system:insightCard.all")) : /* @__PURE__ */ a("div", { "data-fragment": !0 }, /* @__PURE__ */ a("div", null, r), /* @__PURE__ */ a("div", null, o), /* @__PURE__ */ a("div", null, p)), /* @__PURE__ */ a("div", { className: `${w}__partners-text` }, e("design-system:insightCard.partners"))));
   }
-}, a(G, "displayName", _), a(G, "props", {
+};
+N.displayName = w;
+N.props = {
   icon: "SpsIcon",
   kind: "SpsInsightCardKind",
   title: "string",
@@ -1482,84 +1478,86 @@ let y = (G = class extends HTMLElement {
   partnerCount: "number",
   totalPartners: "number",
   secondary: "boolean"
-}), G);
-O([
-  p()
-], y.prototype, "icon", 2);
-O([
-  p()
-], y.prototype, "kind", 2);
-O([
-  p()
-], y.prototype, "title", 2);
-O([
-  p()
-], y.prototype, "metric", 2);
-O([
-  p()
-], y.prototype, "partnerCount", 2);
-O([
-  p()
-], y.prototype, "totalPartners", 2);
-O([
-  p()
-], y.prototype, "secondary", 2);
-O([
-  _e()
-], y.prototype, "content", 2);
-O([
-  xe(`.${_}__detail`)
-], y.prototype, "detail", 2);
-y = O([
-  T({ tag: _ })
-], y);
-var cs = Object.defineProperty, ps = Object.getOwnPropertyDescriptor, ye = (e, t, s, n) => {
-  for (var i = n > 1 ? void 0 : n ? ps(t, s) : t, r = e.length - 1, l; r >= 0; r--)
-    (l = e[r]) && (i = (n ? l(t, s, i) : l(i)) || i);
-  return n && i && cs(t, s, i), i;
+};
+A([
+  c()
+], N.prototype, "icon", 2);
+A([
+  c()
+], N.prototype, "kind", 2);
+A([
+  c()
+], N.prototype, "title", 2);
+A([
+  c()
+], N.prototype, "metric", 2);
+A([
+  c()
+], N.prototype, "partnerCount", 2);
+A([
+  c()
+], N.prototype, "totalPartners", 2);
+A([
+  c()
+], N.prototype, "secondary", 2);
+A([
+  fe()
+], N.prototype, "content", 2);
+A([
+  me(`.${w}__detail`)
+], N.prototype, "detail", 2);
+N = A([
+  T({ tag: w })
+], N);
+var es = Object.defineProperty, ts = Object.getOwnPropertyDescriptor, ve = (e, t, s, n) => {
+  for (var i = n > 1 ? void 0 : n ? ts(t, s) : t, r = e.length - 1, o; r >= 0; r--)
+    (o = e[r]) && (i = (n ? o(t, s, i) : o(i)) || i);
+  return n && i && es(t, s, i), i;
 };
 const D = "sps-insights";
-var X;
-let te = (X = class extends HTMLElement {
+let R = class extends HTMLElement {
   constructor() {
-    super();
-    a(this, "content", []);
-    a(this, "details");
-    a(this, "showAdditionalInsights", !1);
-    this.toggleAdditionalInsights = this.toggleAdditionalInsights.bind(this);
+    super(), this.content = [], this.showAdditionalInsights = !1, this.toggleAdditionalInsights = this.toggleAdditionalInsights.bind(this);
   }
   get [j]() {
     return [
       D,
       this.showAdditionalInsights && `${D}--show-additional`,
-      this.details && Array.from(this.details).every((t) => !t.textContent) ? `${D}--no-details` : null,
+      this.details && Array.from(this.details).every((e) => !e.textContent) ? `${D}--no-details` : null,
       this.content.length === 6 ? `${D}--break-4` : null,
       this.content.length === 7 ? `${D}--break-5` : null,
       this.content.length === 8 ? `${D}--break-5` : null
     ];
   }
+  /**
+   * Only the first ten Insight Cards are visible by default; the rest are behind
+   * the "Show Additional Insights"/"Hide Additional Insights" button. This method
+   * will toggle the additional insights.
+   */
   toggleAdditionalInsights() {
     this.showAdditionalInsights = !this.showAdditionalInsights, this.update();
   }
   render() {
-    return /* @__PURE__ */ o("div", { "data-fragment": !0 }, this.content, this.content.length > 10 && /* @__PURE__ */ o("div", { className: "sps-button sps-button--link", onClick: this.toggleAdditionalInsights }, /* @__PURE__ */ o("button", { type: "button" }, this.showAdditionalInsights ? "Hide " : "Show ", "Additional Insights")));
+    return /* @__PURE__ */ a("div", { "data-fragment": !0 }, this.content, this.content.length > 10 && /* @__PURE__ */ a("div", { className: "sps-button sps-button--link", onClick: this.toggleAdditionalInsights }, /* @__PURE__ */ a("button", { type: "button" }, this.showAdditionalInsights ? "Hide " : "Show ", "Additional Insights")));
   }
-}, a(X, "displayName", D), a(X, "props", {}), X);
-ye([
-  _e()
-], te.prototype, "content", 2);
-ye([
-  is(".sps-insight-card__detail")
-], te.prototype, "details", 2);
-te = ye([
+};
+R.displayName = D;
+R.props = {};
+ve([
+  fe()
+], R.prototype, "content", 2);
+ve([
+  Qt(".sps-insight-card__detail")
+], R.prototype, "details", 2);
+R = ve([
   T({ tag: D })
-], te);
-const Os = {
+], R);
+const ms = {
   basic: {
     label: "Basic Insight Cards",
     examples: {
       basic: {
-        jsx: c`
+        jsx: l`
             <sps-insights>
                 <sps-insight-card kind="general"
                     metric="1234"
@@ -1590,7 +1588,7 @@ const Os = {
     label: "With Details",
     examples: {
       details: {
-        jsx: c`
+        jsx: l`
             <sps-insights>
                 <sps-insight-card kind="general"
                     metric="1234"
@@ -1643,7 +1641,7 @@ const Os = {
     label: "Partner Count",
     examples: {
       partner_count: {
-        jsx: c`
+        jsx: l`
             <sps-insights>
                 <sps-insight-card kind="general"
                     metric="1234"
@@ -1684,7 +1682,7 @@ const Os = {
     label: "10+ Insight Cards",
     examples: {
       expansion: {
-        jsx: c`
+        jsx: l`
             <sps-insights>
                 <sps-insight-card kind="general"
                     metric="1234"
@@ -1799,13 +1797,13 @@ const Os = {
   },
   events: {
     label: "Adding a click handler",
-    description: c`
+    description: l`
           <p>Attaching event handlers to native web components in React cannot be done the usual way at this time.
           Here is how to do it:</p>
       `,
     examples: {
       events: {
-        react: c`
+        react: l`
                   function Component() {
                       function handleClick() {
                           window.alert("Insight card clicked");
@@ -1845,7 +1843,7 @@ const Os = {
     label: "Using alternate icons",
     examples: {
       basic: {
-        react: c`
+        react: l`
                     function DemoComponent() {
                         return (
                             <sps-insights>
@@ -1887,20 +1885,14 @@ const Os = {
     }
   }
 };
-var ds = Object.defineProperty, hs = Object.getOwnPropertyDescriptor, L = (e, t, s, n) => {
-  for (var i = n > 1 ? void 0 : n ? hs(t, s) : t, r = e.length - 1, l; r >= 0; r--)
-    (l = e[r]) && (i = (n ? l(t, s, i) : l(i)) || i);
-  return n && i && ds(t, s, i), i;
-}, K;
-let P = (K = class extends HTMLElement {
+var ss = Object.defineProperty, ns = Object.getOwnPropertyDescriptor, I = (e, t, s, n) => {
+  for (var i = n > 1 ? void 0 : n ? ns(t, s) : t, r = e.length - 1, o; r >= 0; r--)
+    (o = e[r]) && (i = (n ? o(t, s, i) : o(i)) || i);
+  return n && i && ss(t, s, i), i;
+};
+let O = class extends HTMLElement {
   constructor() {
-    super(...arguments);
-    a(this, "active", !1);
-    a(this, "label", "");
-    a(this, "icon");
-    a(this, "tag", "");
-    a(this, "href");
-    a(this, "target");
+    super(...arguments), this.active = !1, this.label = "", this.tag = "";
   }
   get [j]() {
     return [
@@ -1909,66 +1901,69 @@ let P = (K = class extends HTMLElement {
     ];
   }
   render() {
-    return /* @__PURE__ */ o("a", { href: this.href, target: this.target, className: "sps-tabbed-nav__nav-item-link", tabIndex: 0 }, this.icon && /* @__PURE__ */ o("i", { className: `sps-icon sps-icon-${this.icon}` }), this.label && /* @__PURE__ */ o("span", null, this.label), this.tag && /* @__PURE__ */ o("span", { className: "sps-tag sps-tag--default" }, this.tag));
+    return /* @__PURE__ */ a("a", { href: this.href, target: this.target, className: "sps-tabbed-nav__nav-item-link", tabIndex: 0 }, this.icon && /* @__PURE__ */ a("i", { className: `sps-icon sps-icon-${this.icon}` }), this.label && /* @__PURE__ */ a("span", null, this.label), this.tag && /* @__PURE__ */ a("span", { className: "sps-tag sps-tag--default" }, this.tag));
   }
-}, a(K, "displayName", "sps-nav-tab"), a(K, "props", {
+};
+O.displayName = "sps-nav-tab";
+O.props = {
   active: "boolean",
   label: "string",
   icon: "SpsIcon",
   tag: "string",
   href: "string",
   target: "string"
-}), K);
-L([
-  p()
-], P.prototype, "active", 2);
-L([
-  p()
-], P.prototype, "label", 2);
-L([
-  p()
-], P.prototype, "icon", 2);
-L([
-  p()
-], P.prototype, "tag", 2);
-L([
-  p()
-], P.prototype, "href", 2);
-L([
-  p()
-], P.prototype, "target", 2);
-P = L([
+};
+I([
+  c()
+], O.prototype, "active", 2);
+I([
+  c()
+], O.prototype, "label", 2);
+I([
+  c()
+], O.prototype, "icon", 2);
+I([
+  c()
+], O.prototype, "tag", 2);
+I([
+  c()
+], O.prototype, "href", 2);
+I([
+  c()
+], O.prototype, "target", 2);
+O = I([
   T({ tag: "sps-nav-tab" })
-], P);
-var us = Object.defineProperty, fs = Object.getOwnPropertyDescriptor, st = (e, t, s, n) => {
-  for (var i = n > 1 ? void 0 : n ? fs(t, s) : t, r = e.length - 1, l; r >= 0; r--)
-    (l = e[r]) && (i = (n ? l(t, s, i) : l(i)) || i);
-  return n && i && us(t, s, i), i;
-}, Q;
-let ue = (Q = class extends HTMLElement {
+], O);
+var is = Object.defineProperty, rs = Object.getOwnPropertyDescriptor, Qe = (e, t, s, n) => {
+  for (var i = n > 1 ? void 0 : n ? rs(t, s) : t, r = e.length - 1, o; r >= 0; r--)
+    (o = e[r]) && (i = (n ? o(t, s, i) : o(i)) || i);
+  return n && i && is(t, s, i), i;
+};
+let H = class extends HTMLElement {
   constructor() {
-    super(...arguments);
-    a(this, "content", []);
+    super(...arguments), this.content = [];
   }
   render() {
-    return /* @__PURE__ */ o("nav", { className: "sps-tabbed-nav" }, this.content);
+    return /* @__PURE__ */ a("nav", { className: "sps-tabbed-nav" }, this.content);
   }
-}, a(Q, "displayName", "sps-nav-tab-set"), a(Q, "props", {}), Q);
-st([
-  _e()
-], ue.prototype, "content", 2);
-ue = st([
+};
+H.displayName = "sps-nav-tab-set";
+H.props = {};
+Qe([
+  fe()
+], H.prototype, "content", 2);
+H = Qe([
   T({ tag: "sps-nav-tab-set" })
-], ue);
-const As = {
+], H);
+const vs = {
   basic: {
     label: "Basic Navigation Tabs",
-    description: c`
+    description: l`
           <p>Navigation tabs native web component</p>
         `,
     examples: {
       basic: {
-        react: c`
+        react: l`
                     function DemoComponent() {
                         const tabs = [
                             { label: "Tab A", icon: "chart-line" },
@@ -1998,36 +1993,26 @@ const As = {
     }
   }
 };
-var gs = Object.defineProperty, ms = Object.getOwnPropertyDescriptor, E = (e, t, s, n) => {
-  for (var i = n > 1 ? void 0 : n ? ms(t, s) : t, r = e.length - 1, l; r >= 0; r--)
-    (l = e[r]) && (i = (n ? l(t, s, i) : l(i)) || i);
-  return n && i && gs(t, s, i), i;
-}, vs = /* @__PURE__ */ ((e) => (e.FIT = "fit", e.FILL = "fill", e))(vs || {});
+var as = Object.defineProperty, os = Object.getOwnPropertyDescriptor, P = (e, t, s, n) => {
+  for (var i = n > 1 ? void 0 : n ? os(t, s) : t, r = e.length - 1, o; r >= 0; r--)
+    (o = e[r]) && (i = (n ? o(t, s, i) : o(i)) || i);
+  return n && i && as(t, s, i), i;
+}, ls = /* @__PURE__ */ ((e) => (e.FIT = "fit", e.FILL = "fill", e))(ls || {});
 const F = "sps-photo";
-var Z;
-let A = (Z = class extends HTMLElement {
+let y = class extends HTMLElement {
   constructor() {
-    super(...arguments);
-    a(this, "src");
-    a(this, "altText");
-    a(this, "mode", "fill");
-    a(this, "placeholderIcon");
-    a(this, "width");
-    a(this, "fitWidth");
-    a(this, "imageInternal");
-    a(this, "waitForWidthInterval");
-    a(this, "waitForImgHeightInterval");
+    super(...arguments), this.mode = "fill";
   }
   get image() {
     return this.imageInternal;
   }
-  set image(t) {
-    this.imageInternal = t, t && (this.waitForImgHeightInterval && window.clearInterval(this.waitForImgHeightInterval), this.waitForImgHeightInterval = window.setInterval(() => {
-      const s = t.getBoundingClientRect();
-      if (s.height) {
+  set image(e) {
+    this.imageInternal = e, e && (this.waitForImgHeightInterval && window.clearInterval(this.waitForImgHeightInterval), this.waitForImgHeightInterval = window.setInterval(() => {
+      const t = e.getBoundingClientRect();
+      if (t.height) {
         window.clearInterval(this.waitForImgHeightInterval), delete this.waitForImgHeightInterval;
-        let n = !0;
-        n = s.width / s.height > 1, this.fitWidth = n === (this.mode === "fit");
+        let s = !0;
+        s = t.width / t.height > 1, this.fitWidth = s === (this.mode === "fit");
       }
     }, 1e3 / 60));
   }
@@ -2038,7 +2023,7 @@ let A = (Z = class extends HTMLElement {
       this.placeholderIcon && `${F}--placeholder`
     ];
   }
-  get [he]() {
+  get [ae]() {
     return {
       fontSize: `${this.width * 0.05}rem`,
       width: `${this.width}rem`,
@@ -2047,56 +2032,58 @@ let A = (Z = class extends HTMLElement {
   }
   connectedCallback() {
     this.waitForWidthInterval = window.setInterval(() => {
-      const t = this.getBoundingClientRect();
-      t.width && (this.setWidth(t.width), window.clearInterval(this.waitForWidthInterval), delete this.waitForWidthInterval);
+      const e = this.getBoundingClientRect();
+      e.width && (this.setWidth(e.width), window.clearInterval(this.waitForWidthInterval), delete this.waitForWidthInterval);
     }, 1e3 / 60);
   }
   disconnectedCallback() {
     this.waitForWidthInterval && window.clearInterval(this.waitForWidthInterval), this.waitForImgHeightInterval && window.clearInterval(this.waitForImgHeightInterval);
   }
   render() {
-    return this.src ? this.width ? /* @__PURE__ */ o("img", { src: this.src, alt: this.altText }) : /* @__PURE__ */ o("span", null) : /* @__PURE__ */ o("i", { className: `sps-icon sps-icon-${this.placeholderIcon}` });
+    return this.src ? this.width ? /* @__PURE__ */ a("img", { src: this.src, alt: this.altText }) : /* @__PURE__ */ a("span", null) : /* @__PURE__ */ a("i", { className: `sps-icon sps-icon-${this.placeholderIcon}` });
   }
-  setWidth(t) {
-    if (t && !this.width) {
-      const s = document.body.parentElement.style.fontSize || "16px", n = Number(s.substr(0, s.length - 2));
-      this.width = t / n;
+  setWidth(e) {
+    if (e && !this.width) {
+      const t = document.body.parentElement.style.fontSize || "16px", s = Number(t.substr(0, t.length - 2));
+      this.width = e / s;
     }
   }
-}, a(Z, "displayName", F), a(Z, "props", {
+};
+y.displayName = F;
+y.props = {
   src: "string",
   altText: "string",
   mode: "SpsPhotoDisplayMode",
   placeholderIcon: "SpsIcon"
-}), Z);
-E([
-  p()
-], A.prototype, "src", 2);
-E([
-  p()
-], A.prototype, "altText", 2);
-E([
-  p()
-], A.prototype, "mode", 2);
-E([
-  p()
-], A.prototype, "placeholderIcon", 2);
-E([
-  et()
-], A.prototype, "width", 2);
-E([
-  et()
-], A.prototype, "fitWidth", 2);
-E([
-  xe("img", { refresh: !0 })
-], A.prototype, "image", 1);
-A = E([
+};
+P([
+  c()
+], y.prototype, "src", 2);
+P([
+  c()
+], y.prototype, "altText", 2);
+P([
+  c()
+], y.prototype, "mode", 2);
+P([
+  c()
+], y.prototype, "placeholderIcon", 2);
+P([
+  Xe()
+], y.prototype, "width", 2);
+P([
+  Xe()
+], y.prototype, "fitWidth", 2);
+P([
+  me("img", { refresh: !0 })
+], y.prototype, "image", 1);
+y = P([
   T({ tag: F })
-], A);
-const Ds = {
+], y);
+const bs = {
   sizing: {
     label: "Sizing",
-    description: c`
+    description: l`
         <p>
             Photos are block elements, so a photo fills its container's width unless
             an explicit width is set. It is always a 4:3 aspect ratio. In this example,
@@ -2106,7 +2093,7 @@ const Ds = {
     `,
     examples: {
       basic: {
-        jsx: c`
+        jsx: l`
             <div className="sfg-row">
                 <div className="sfg-col-2">
                     <sps-card>
@@ -2130,7 +2117,7 @@ const Ds = {
   },
   displayMode: {
     label: "Fill vs. Fit",
-    description: c`
+    description: l`
         <p>
             There are two display modes available:
             <ul>
@@ -2142,7 +2129,7 @@ const Ds = {
     examples: {
       landscape: {
         description: "<p>Landscape oriented photo (container outline added for illustrative purposes)</p>",
-        jsx: c`
+        jsx: l`
             <div className="sfg-row">
                 <div className="sfg-col-4">
                     <sps-photo src="assets/images/photo-landscape.jpg" mode="fill"></sps-photo>
@@ -2155,7 +2142,7 @@ const Ds = {
       },
       portrait: {
         description: "<p>Portrait oriented photo (container outline added for illustrative purposes)</p>",
-        jsx: c`
+        jsx: l`
             <div className="sfg-row">
                 <div className="sfg-col-4">
                     <sps-photo src="assets/images/photo-portrait.jpg" mode="fill"></sps-photo>
@@ -2170,7 +2157,7 @@ const Ds = {
   },
   placeholder: {
     label: "Placeholders",
-    description: c`
+    description: l`
         <p>
             When an image is not provided for a particular use case (such as a user avatar,
             a company photo, item image, etc.), a placeholder should be shown in its place.
@@ -2182,7 +2169,7 @@ const Ds = {
     examples: {
       general: {
         description: "<p>General Photo</p>",
-        jsx: c`
+        jsx: l`
                 <div className="sfg-row">
                     <div className="sfg-col-3">
                         <sps-photo placeholderIcon="photo"></sps-photo>
@@ -2192,7 +2179,7 @@ const Ds = {
       },
       photoAlt: {
         description: "<p>Photo Alt</p>",
-        jsx: c`
+        jsx: l`
                 <div className="sfg-row">
                     <div className="sfg-col-3">
                         <sps-photo placeholderIcon="camera"></sps-photo>
@@ -2202,7 +2189,7 @@ const Ds = {
       },
       user: {
         description: "<p>User / Single Person</p>",
-        jsx: c`
+        jsx: l`
                 <div className="sfg-row">
                     <div className="sfg-col-3">
                         <sps-photo placeholderIcon="user"></sps-photo>
@@ -2212,7 +2199,7 @@ const Ds = {
       },
       group: {
         description: "<p>Group / Multiple People</p>",
-        jsx: c`
+        jsx: l`
                 <div className="sfg-row">
                     <div className="sfg-col-3">
                         <sps-photo placeholderIcon="group"></sps-photo>
@@ -2222,7 +2209,7 @@ const Ds = {
       },
       company: {
         description: "<p>Company / Building</p>",
-        jsx: c`
+        jsx: l`
                 <div className="sfg-row">
                     <div className="sfg-col-3">
                         <sps-photo placeholderIcon="building"></sps-photo>
@@ -2234,32 +2221,32 @@ const Ds = {
   }
 };
 export {
-  Ie as AttrBindings,
+  ye as AttrBindings,
   j as ClassBindings,
   T as Component,
-  _e as Content,
-  Ne as EventDispatcher,
-  re as EventListener,
-  _s as MANIFEST,
-  tt as MIMEType,
-  p as Prop,
-  xe as QuerySelector,
-  is as QuerySelectorAll,
-  f as SpsFileUploadComponent,
-  Ss as SpsFileUploadExamples,
-  y as SpsInsightCardComponent,
-  Os as SpsInsightCardExamples,
-  te as SpsInsightsComponent,
-  P as SpsNavTabComponent,
-  ue as SpsNavTabSetComponent,
-  As as SpsNavTabsExamples,
-  A as SpsPhotoComponent,
-  vs as SpsPhotoDisplayMode,
-  Ds as SpsPhotoExamples,
-  he as StyleBindings,
-  et as Watch,
-  o as h,
-  ys as namespaceOverrideRegistrar,
-  xs as register,
-  Ns as webComponentsUseI18n
+  fe as Content,
+  ge as EventDispatcher,
+  M as EventListener,
+  ds as MANIFEST,
+  Ke as MIMEType,
+  c as Prop,
+  me as QuerySelector,
+  Qt as QuerySelectorAll,
+  u as SpsFileUploadComponent,
+  gs as SpsFileUploadExamples,
+  N as SpsInsightCardComponent,
+  ms as SpsInsightCardExamples,
+  R as SpsInsightsComponent,
+  O as SpsNavTabComponent,
+  H as SpsNavTabSetComponent,
+  vs as SpsNavTabsExamples,
+  y as SpsPhotoComponent,
+  ls as SpsPhotoDisplayMode,
+  bs as SpsPhotoExamples,
+  ae as StyleBindings,
+  Xe as Watch,
+  a as h,
+  fs as namespaceOverrideRegistrar,
+  us as register,
+  hs as webComponentsUseI18n
 };