@spscommerce/ds-web-components 8.33.1 → 8.33.5

package/dist/lib/index.js

@@ -1,6 +1,6 @@
-import { noI18nI18n as Ye, SpsIcon as be, SpsInsightCardKind as Je, SpsInsightCardIcons as Me } from "@spscommerce/ds-shared";
-import { parseFileSize as et, code as l } from "@spscommerce/utils";
-const ds = {
+import { noI18nI18n as $t, SpsIcon as Te, SpsInsightCardKind as Bt, SpsInsightCardIcons as jt } from "@spscommerce/ds-shared";
+import { parseFileSize as Tt, code as u } from "@spscommerce/utils";
+const rs = {
   /*
    * 'Insight Cards': {
    *     components: [SpsInsightCardComponent, SpsInsightsComponent],
@@ -18,758 +18,739 @@ const ds = {
    *},
    */
 };
-var d = {};
-Object.defineProperty(d, "__esModule", { value: !0 });
-/**
- * @license
- * Copyright 2018 The Incremental DOM Authors. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *      http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS-IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-var oe = {
-  default: "__default"
-};
-/**
- * @license
- * Copyright 2018 The Incremental DOM Authors. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *      http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS-IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-var tt = Object.prototype.hasOwnProperty;
-function Se() {
-}
-Se.prototype = /* @__PURE__ */ Object.create(null);
-function st(e, t) {
-  return tt.call(e, t);
-}
-function Ae() {
-  return new Se();
-}
-function le(e, t) {
-  for (; e.length > t; )
-    e.pop();
-}
-/**
- * @license
- * Copyright 2018 The Incremental DOM Authors. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *      http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS-IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-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 Oe(e, t, s) {
-  if (s == null)
-    e.removeAttribute(t);
-  else {
-    var n = nt(t);
-    n ? e.setAttributeNS(n, t, String(s)) : e.setAttribute(t, String(s));
+var g = {}, Ue;
+function Ut() {
+  if (Ue) return g;
+  Ue = 1, Object.defineProperty(g, "__esModule", { value: !0 });
+  /**
+   * @license
+   * Copyright 2018 The Incremental DOM Authors. All Rights Reserved.
+   *
+   * Licensed under the Apache License, Version 2.0 (the "License");
+   * you may not use this file except in compliance with the License.
+   * You may obtain a copy of the License at
+   *
+   *      http://www.apache.org/licenses/LICENSE-2.0
+   *
+   * Unless required by applicable law or agreed to in writing, software
+   * distributed under the License is distributed on an "AS-IS" BASIS,
+   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   * See the License for the specific language governing permissions and
+   * limitations under the License.
+   */
+  var e = {
+    default: "__default"
+  };
+  /**
+   * @license
+   * Copyright 2018 The Incremental DOM Authors. All Rights Reserved.
+   *
+   * Licensed under the Apache License, Version 2.0 (the "License");
+   * you may not use this file except in compliance with the License.
+   * You may obtain a copy of the License at
+   *
+   *      http://www.apache.org/licenses/LICENSE-2.0
+   *
+   * Unless required by applicable law or agreed to in writing, software
+   * distributed under the License is distributed on an "AS-IS" BASIS,
+   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   * See the License for the specific language governing permissions and
+   * limitations under the License.
+   */
+  var s = Object.prototype.hasOwnProperty;
+  function i() {
   }
-}
-function De(e, t, s) {
-  e[t] = s;
-}
-function it(e, t, s) {
-  t.indexOf("-") >= 0 ? e.setProperty(t, s) : 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)
-      st(s, i) && it(n, i, s[i]);
+  i.prototype = /* @__PURE__ */ Object.create(null);
+  function o(t, n) {
+    return s.call(t, n);
   }
-}
-function at(e, t, s) {
-  var n = typeof s;
-  n === "object" || n === "function" ? De(e, t, s) : Oe(e, t, s);
-}
-var V = Ae();
-V[oe.default] = at;
-V.style = rt;
-function z(e, t, s) {
-  var n = V[t] || V[oe.default];
-  n(e, t, s);
-}
-/**
- * @license
- * Copyright 2018 The Incremental DOM Authors. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *      http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS-IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-var W = !1, te = !1;
-function Pe(e, t) {
-  if (!t)
-    throw new Error("Cannot call " + e + "() unless in patch.");
-}
-function ot(e, t) {
-  if (e !== t) {
-    for (var s = e, n = []; s && s !== t; )
-      n.push(s.nodeName.toLowerCase()), s = s.parentNode;
-    throw new Error(`One or more tags were not closed:
-` + n.join(`
-`));
+  function r() {
+    return new i();
   }
-}
-function lt(e) {
-  e || console.warn("patchOuter requires the node have a parent if there is a key.");
-}
-function $(e) {
-  if (W)
-    throw new Error(e + "() can not be called between elementOpenStart() and elementOpenEnd().");
-}
-function Ee(e) {
-  if (te)
-    throw new Error(e + "() may not be called inside an element that has called skip().");
-}
-function ce(e) {
-  if (!W)
-    throw new Error(e + "() can only be called after calling elementOpenStart().");
-}
-function ct() {
-  if (W)
-    throw new Error("elementOpenEnd() must be called after calling elementOpenStart().");
-}
-function pt(e, t) {
-  if (e !== t)
-    throw new Error('Received a call to close "' + t + '" but "' + e + '" was open.');
-}
-function dt(e, t) {
-  if (t !== null)
-    throw new Error(e + "() must come before any child declarations inside the current element.");
-}
-function ut(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 K(e) {
-  var t = W;
-  return W = e, t;
-}
-function Q(e) {
-  var t = te;
-  return te = e, t;
-}
-function Z(e) {
-  if (process.env.NODE_ENV !== "production" && !e)
-    throw new Error("Expected value to be defined");
-  return e;
-}
-/**
- * @license
- * Copyright 2018 The Incremental DOM Authors. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *      http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS-IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-var U = {
-  nodesCreated: null,
-  nodesDeleted: null
-};
-/**
- * @license
- * Copyright 2018 The Incremental DOM Authors. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *      http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS-IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-var ht = (
-  /** @class */
-  function() {
-    function e() {
-      this.created = [], this.deleted = [];
+  function c(t, n) {
+    for (; t.length > n; )
+      t.pop();
+  }
+  /**
+   * @license
+   * Copyright 2018 The Incremental DOM Authors. All Rights Reserved.
+   *
+   * Licensed under the Apache License, Version 2.0 (the "License");
+   * you may not use this file except in compliance with the License.
+   * You may obtain a copy of the License at
+   *
+   *      http://www.apache.org/licenses/LICENSE-2.0
+   *
+   * Unless required by applicable law or agreed to in writing, software
+   * distributed under the License is distributed on an "AS-IS" BASIS,
+   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   * See the License for the specific language governing permissions and
+   * limitations under the License.
+   */
+  function f(t) {
+    if (t.lastIndexOf("xml:", 0) === 0)
+      return "http://www.w3.org/XML/1998/namespace";
+    if (t.lastIndexOf("xlink:", 0) === 0)
+      return "http://www.w3.org/1999/xlink";
+  }
+  function $(t, n, a) {
+    if (a == null)
+      t.removeAttribute(n);
+    else {
+      var l = f(n);
+      l ? t.setAttributeNS(l, n, String(a)) : t.setAttribute(n, String(a));
     }
-    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.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *      http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS-IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-function ft(e) {
-  return e.nodeType === 11 || e.nodeType === 9;
-}
-function ee(e) {
-  return e.nodeType === 1;
-}
-function gt(e) {
-  return e.nodeType === 3;
-}
-function mt(e, t) {
-  for (var s = [], n = e; n !== t; ) {
-    var i = n;
-    s.push(i), n = i.parentNode;
   }
-  return s;
-}
-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;
+  function Ne(t, n, a) {
+    t[n] = a;
+  }
+  function Ye(t, n, a) {
+    n.indexOf("-") >= 0 ? t.setProperty(n, a) : t[n] = a;
+  }
+  function Je(t, n, a) {
+    if (typeof a == "string")
+      t.style.cssText = a;
+    else {
+      t.style.cssText = "";
+      var l = t.style;
+      for (var d in a)
+        o(a, d) && Ye(l, d, a[d]);
+    }
+  }
+  function Me(t, n, a) {
+    var l = typeof a;
+    l === "object" || l === "function" ? Ne(t, n, a) : $(t, n, a);
+  }
+  var Q = r();
+  Q[e.default] = Me, Q.style = Je;
+  function Z(t, n, a) {
+    var l = Q[n] || Q[e.default];
+    l(t, n, a);
+  }
+  /**
+   * @license
+   * Copyright 2018 The Incremental DOM Authors. All Rights Reserved.
+   *
+   * Licensed under the Apache License, Version 2.0 (the "License");
+   * you may not use this file except in compliance with the License.
+   * You may obtain a copy of the License at
+   *
+   *      http://www.apache.org/licenses/LICENSE-2.0
+   *
+   * Unless required by applicable law or agreed to in writing, software
+   * distributed under the License is distributed on an "AS-IS" BASIS,
+   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   * See the License for the specific language governing permissions and
+   * limitations under the License.
+   */
+  var Y = !1, ce = !1;
+  function xe(t, n) {
+    if (!n)
+      throw new Error("Cannot call " + t + "() unless in patch.");
+  }
+  function et(t, n) {
+    if (t !== n) {
+      for (var a = t, l = []; a && a !== n; )
+        l.push(a.nodeName.toLowerCase()), a = a.parentNode;
+      throw new Error(`One or more tags were not closed:
+` + l.join(`
+`));
+    }
+  }
+  function tt(t) {
+    t || console.warn("patchOuter requires the node have a parent if there is a key.");
+  }
+  function V(t) {
+    if (Y)
+      throw new Error(t + "() can not be called between elementOpenStart() and elementOpenEnd().");
+  }
+  function ye(t) {
+    if (ce)
+      throw new Error(t + "() may not be called inside an element that has called skip().");
+  }
+  function pe(t) {
+    if (!Y)
+      throw new Error(t + "() can only be called after calling elementOpenStart().");
+  }
+  function st() {
+    if (Y)
+      throw new Error("elementOpenEnd() must be called after calling elementOpenStart().");
+  }
+  function nt(t, n) {
+    if (t !== n)
+      throw new Error('Received a call to close "' + n + '" but "' + t + '" was open.');
+  }
+  function it(t, n) {
+    if (n !== null)
+      throw new Error(t + "() must come before any child declarations inside the current element.");
+  }
+  function rt(t, n, a, l) {
+    se(t);
+    var d = t, h = n, y = h.nextSibling === a && h.previousSibling === l, C = h.nextSibling === d.nextSibling && h.previousSibling === l, S = h === d;
+    if (!y && !C && !S)
+      throw new Error("There must be exactly one top level call corresponding to the patched element.");
+  }
+  function ee(t) {
+    var n = Y;
+    return Y = t, n;
+  }
+  function te(t) {
+    var n = ce;
+    return ce = t, n;
+  }
+  function se(t) {
+    if (process.env.NODE_ENV !== "production" && !t)
+      throw new Error("Expected value to be defined");
     return t;
   }
-);
-function bt(e) {
-  var t = vt.call(e);
-  return ft(t) ? t.activeElement : null;
-}
-function Ct(e, t) {
-  var s = bt(e);
-  return !s || !e.contains(s) ? [] : mt(s, t);
-}
-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;
+  /**
+   * @license
+   * Copyright 2018 The Incremental DOM Authors. All Rights Reserved.
+   *
+   * Licensed under the Apache License, Version 2.0 (the "License");
+   * you may not use this file except in compliance with the License.
+   * You may obtain a copy of the License at
+   *
+   *      http://www.apache.org/licenses/LICENSE-2.0
+   *
+   * Unless required by applicable law or agreed to in writing, software
+   * distributed under the License is distributed on an "AS-IS" BASIS,
+   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   * See the License for the specific language governing permissions and
+   * limitations under the License.
+   */
+  var J = {
+    nodesCreated: null,
+    nodesDeleted: null
+  };
+  /**
+   * @license
+   * Copyright 2018 The Incremental DOM Authors. All Rights Reserved.
+   *
+   * Licensed under the Apache License, Version 2.0 (the "License");
+   * you may not use this file except in compliance with the License.
+   * You may obtain a copy of the License at
+   *
+   *      http://www.apache.org/licenses/LICENSE-2.0
+   *
+   * Unless required by applicable law or agreed to in writing, software
+   * distributed under the License is distributed on an "AS-IS" BASIS,
+   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   * See the License for the specific language governing permissions and
+   * limitations under the License.
+   */
+  var at = (
+    /** @class */
+    function() {
+      function t() {
+        this.created = [], this.deleted = [];
+      }
+      return t.prototype.markCreated = function(n) {
+        this.created.push(n);
+      }, t.prototype.markDeleted = function(n) {
+        this.deleted.push(n);
+      }, t.prototype.notifyChanges = function() {
+        J.nodesCreated && this.created.length > 0 && J.nodesCreated(this.created), J.nodesDeleted && this.deleted.length > 0 && J.nodesDeleted(this.deleted);
+      }, t;
+    }()
+  );
+  /**
+   * @license
+   * Copyright 2018 The Incremental DOM Authors. All Rights Reserved.
+   *
+   * Licensed under the Apache License, Version 2.0 (the "License");
+   * you may not use this file except in compliance with the License.
+   * You may obtain a copy of the License at
+   *
+   *      http://www.apache.org/licenses/LICENSE-2.0
+   *
+   * Unless required by applicable law or agreed to in writing, software
+   * distributed under the License is distributed on an "AS-IS" BASIS,
+   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   * See the License for the specific language governing permissions and
+   * limitations under the License.
+   */
+  function ot(t) {
+    return t.nodeType === 11 || t.nodeType === 9;
   }
-}
-/**
- * @license
- * Copyright 2018 The Incremental DOM Authors. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *      http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS-IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-var _t = (
-  /** @class */
-  function() {
-    function e(t, s, n) {
-      this._attrsArr = null, this.staticsApplied = !1, this.nameOrCtor = t, this.key = s, this.text = n;
+  function de(t) {
+    return t.nodeType === 1;
+  }
+  function lt(t) {
+    return t.nodeType === 3;
+  }
+  function ct(t, n) {
+    for (var a = [], l = t; l !== n; ) {
+      var d = l;
+      a.push(d), l = d.parentNode;
     }
-    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 B(e, t) {
-  return ke(e, t);
-}
-function Nt(e) {
-  return !!e.__incrementalDOMData;
-}
-function xt(e) {
-  return Z(e.__incrementalDOMData), B(e).key;
-}
-function ke(e, t) {
-  if (e.__incrementalDOMData)
-    return e.__incrementalDOMData;
-  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 Ie(e) {
-  ke(e);
-  for (var t = e.firstChild; t; t = t.nextSibling)
-    Ie(t);
-}
-function Le(e) {
-  e.__incrementalDOMData = null;
-  for (var t = e.firstChild; t; t = t.nextSibling)
-    Le(t);
-}
-function yt(e, t) {
-  var s = e.attributes, n = s.length;
-  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;
+    return a;
+  }
+  var pt = (
+    // tslint:disable-next-line:no-any b/79476176
+    Node.prototype.getRootNode || function() {
+      for (var t = this, n = t; t; )
+        n = t, t = t.parentNode;
+      return n;
     }
-}
-/**
- * @license
- * Copyright 2018 The Incremental DOM Authors. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *      http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS-IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-function St(e, t) {
-  return e === "svg" ? "http://www.w3.org/2000/svg" : e === "math" ? "http://www.w3.org/1998/Math/MathML" : t == null || B(t).nameOrCtor === "foreignObject" ? null : t.namespaceURI;
-}
-function At(e, t, s, n) {
-  var i;
-  if (typeof s == "function")
-    i = new s();
-  else {
-    var r = St(s, t);
-    r ? i = e.createElementNS(r, s) : i = e.createElement(s);
-  }
-  return pe(i, s, n), i;
-}
-function Ot(e) {
-  var t = e.createTextNode("");
-  return pe(t, "#text", null), t;
-}
-/**
- * @license
- * Copyright 2018 The Incremental DOM Authors. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *      http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS-IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-var L = null, u = null, v = null, k = null, G = [], X = [];
-function Y() {
-  return X;
-}
-function Fe(e) {
-  var t = function(s, n, i) {
-    var r = L, o = k, p = G, b = X, f = u, C = v, S = !1, q = !1;
-    L = new ht(), k = s.ownerDocument, X = [], v = s.parentNode, G = Ct(s, v), process.env.NODE_ENV !== "production" && (S = K(!1), q = Q(!1));
-    try {
-      var Ze = e(s, n, i);
-      return process.env.NODE_ENV !== "production" && ct(), Ze;
-    } finally {
-      k = o, X = b, u = f, v = C, G = p, L.notifyChanges(), K(S), Q(q), L = r;
+  );
+  function dt(t) {
+    var n = pt.call(t);
+    return ot(n) ? n.activeElement : null;
+  }
+  function ut(t, n) {
+    var a = dt(t);
+    return !a || !t.contains(a) ? [] : ct(a, n);
+  }
+  function ht(t, n, a) {
+    for (var l = n.nextSibling, d = a; d !== null && d !== n; ) {
+      var h = d.nextSibling;
+      t.insertBefore(d, l), d = h;
+    }
+  }
+  /**
+   * @license
+   * Copyright 2018 The Incremental DOM Authors. All Rights Reserved.
+   *
+   * Licensed under the Apache License, Version 2.0 (the "License");
+   * you may not use this file except in compliance with the License.
+   * You may obtain a copy of the License at
+   *
+   *      http://www.apache.org/licenses/LICENSE-2.0
+   *
+   * Unless required by applicable law or agreed to in writing, software
+   * distributed under the License is distributed on an "AS-IS" BASIS,
+   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   * See the License for the specific language governing permissions and
+   * limitations under the License.
+   */
+  var ft = (
+    /** @class */
+    function() {
+      function t(n, a, l) {
+        this._attrsArr = null, this.staticsApplied = !1, this.nameOrCtor = n, this.key = a, this.text = l;
+      }
+      return t.prototype.hasEmptyAttrsArr = function() {
+        var n = this._attrsArr;
+        return !n || !n.length;
+      }, t.prototype.getAttrsArr = function(n) {
+        return this._attrsArr || (this._attrsArr = new Array(n));
+      }, t;
+    }()
+  );
+  function ue(t, n, a, l) {
+    var d = new ft(n, a, l);
+    return t.__incrementalDOMData = d, d;
+  }
+  function W(t, n) {
+    return Se(t, n);
+  }
+  function gt(t) {
+    return !!t.__incrementalDOMData;
+  }
+  function mt(t) {
+    return se(t.__incrementalDOMData), W(t).key;
+  }
+  function Se(t, n) {
+    if (t.__incrementalDOMData)
+      return t.__incrementalDOMData;
+    var a = de(t) ? t.localName : t.nodeName, l = de(t) ? t.getAttribute("key") || n : null, d = lt(t) ? t.data : void 0, h = ue(t, a, l, d);
+    return de(t) && vt(t, h), h;
+  }
+  function Ae(t) {
+    Se(t);
+    for (var n = t.firstChild; n; n = n.nextSibling)
+      Ae(n);
+  }
+  function Oe(t) {
+    t.__incrementalDOMData = null;
+    for (var n = t.firstChild; n; n = n.nextSibling)
+      Oe(n);
+  }
+  function vt(t, n) {
+    var a = t.attributes, l = a.length;
+    if (l)
+      for (var d = n.getAttrsArr(l), h = 0, y = 0; h < l; h += 1, y += 2) {
+        var C = a[h], S = C.name, w = C.value;
+        d[y] = S, d[y + 1] = w;
+      }
+  }
+  /**
+   * @license
+   * Copyright 2018 The Incremental DOM Authors. All Rights Reserved.
+   *
+   * Licensed under the Apache License, Version 2.0 (the "License");
+   * you may not use this file except in compliance with the License.
+   * You may obtain a copy of the License at
+   *
+   *      http://www.apache.org/licenses/LICENSE-2.0
+   *
+   * Unless required by applicable law or agreed to in writing, software
+   * distributed under the License is distributed on an "AS-IS" BASIS,
+   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   * See the License for the specific language governing permissions and
+   * limitations under the License.
+   */
+  function bt(t, n) {
+    return t === "svg" ? "http://www.w3.org/2000/svg" : t === "math" ? "http://www.w3.org/1998/Math/MathML" : n == null || W(n).nameOrCtor === "foreignObject" ? null : n.namespaceURI;
+  }
+  function Ct(t, n, a, l) {
+    var d;
+    if (typeof a == "function")
+      d = new a();
+    else {
+      var h = bt(a, n);
+      h ? d = t.createElementNS(h, a) : d = t.createElement(a);
+    }
+    return ue(d, a, l), d;
+  }
+  function wt(t) {
+    var n = t.createTextNode("");
+    return ue(n, "#text", null), n;
+  }
+  /**
+   * @license
+   * Copyright 2018 The Incremental DOM Authors. All Rights Reserved.
+   *
+   * Licensed under the Apache License, Version 2.0 (the "License");
+   * you may not use this file except in compliance with the License.
+   * You may obtain a copy of the License at
+   *
+   *      http://www.apache.org/licenses/LICENSE-2.0
+   *
+   * Unless required by applicable law or agreed to in writing, software
+   * distributed under the License is distributed on an "AS-IS" BASIS,
+   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   * See the License for the specific language governing permissions and
+   * limitations under the License.
+   */
+  var H = null, v = null, x = null, T = null, ne = [], ie = [];
+  function re() {
+    return ie;
+  }
+  function De(t) {
+    var n = function(a, l, d) {
+      var h = H, y = T, C = ne, S = ie, w = v, O = x, L = !1, oe = !1;
+      H = new at(), T = a.ownerDocument, ie = [], x = a.parentNode, ne = ut(a, x), process.env.NODE_ENV !== "production" && (L = ee(!1), oe = te(!1));
+      try {
+        var Rt = t(a, l, d);
+        return process.env.NODE_ENV !== "production" && st(), Rt;
+      } finally {
+        T = y, ie = S, v = w, x = O, ne = C, H.notifyChanges(), ee(L), te(oe), H = h;
+      }
+    };
+    return n;
+  }
+  var Pe = De(function(t, n, a) {
+    return v = t, Le(), n(a), Fe(), process.env.NODE_ENV !== "production" && et(v, t), t;
+  }), _t = De(function(t, n, a) {
+    var l = { nextSibling: t }, d = null, h = null;
+    return process.env.NODE_ENV !== "production" && (d = t.nextSibling, h = t.previousSibling), v = l, n(a), process.env.NODE_ENV !== "production" && (tt(x), rt(l, v, d, h)), x && Ie(x, ae(), t.nextSibling), l === v ? null : v;
+  });
+  function Ee(t, n, a) {
+    var l = W(t, a);
+    return n == l.nameOrCtor && a == l.key;
+  }
+  function Nt(t, n, a) {
+    if (!t)
+      return null;
+    if (Ee(t, n, a))
+      return t;
+    if (a) {
+      for (; t = t.nextSibling; )
+        if (Ee(t, n, a))
+          return t;
     }
-  };
-  return t;
-}
-var Re = Fe(function(e, t, s) {
-  return u = e, je(), t(s), Te(), process.env.NODE_ENV !== "production" && ot(u, 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" && (lt(v), ut(n, u, i, r)), v && Be(v, J(), e.nextSibling), n === u ? null : u;
-});
-function Ce(e, t, s) {
-  var n = B(e, s);
-  return t == n.nameOrCtor && s == n.key;
-}
-function Pt(e, t, s) {
-  if (!e)
     return null;
-  if (Ce(e, t, s))
-    return e;
-  if (s) {
-    for (; e = e.nextSibling; )
-      if (Ce(e, t, s))
-        return e;
   }
-  return null;
-}
-function Et(e, t) {
-  var s;
-  return e === "#text" ? s = Ot(k) : s = At(k, v, e, t), L.markCreated(s), s;
-}
-function $e(e, t) {
-  var s = Pt(u, e, t), n = s || Et(e, t);
-  n !== u && (G.indexOf(n) >= 0 ? wt(v, n, u) : v.insertBefore(n, u), u = n);
-}
-function Be(e, t, s) {
-  for (var n = e, i = t; i !== s; ) {
-    var r = i.nextSibling;
-    n.removeChild(i), L.markDeleted(i), i = r;
+  function xt(t, n) {
+    var a;
+    return t === "#text" ? a = wt(T) : a = Ct(T, x, t, n), H.markCreated(a), a;
   }
-}
-function je() {
-  v = u, u = null;
-}
-function J() {
-  return u ? u.nextSibling : v.firstChild;
-}
-function de() {
-  u = J();
-}
-function Te() {
-  Be(v, J(), null), u = v, v = v.parentNode;
-}
-function Ue(e, t) {
-  return de(), $e(e, t), je(), v;
-}
-function ze() {
-  return process.env.NODE_ENV !== "production" && Q(!1), Te(), u;
-}
-function kt() {
-  return de(), $e("#text", null), u;
-}
-function It() {
-  return process.env.NODE_ENV !== "production" && (Pe("currentElement", k), $("currentElement")), v;
-}
-function Lt() {
-  return process.env.NODE_ENV !== "production" && (Pe("currentPointer", k), $("currentPointer")), J();
-}
-function Ft() {
-  process.env.NODE_ENV !== "production" && (dt("skip", u), Q(!0)), u = v.lastChild;
-}
-/**
- * @license
- * Copyright 2018 The Incremental DOM Authors. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *      http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS-IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-var we = 3, x = Ae();
-function Rt(e, t, s) {
-  if (t.staticsApplied = !0, !(!s || !s.length)) {
-    if (t.hasEmptyAttrsArr()) {
-      for (var n = 0; n < s.length; n += 2)
-        z(e, s[n], s[n + 1]);
-      return;
+  function ke(t, n) {
+    var a = Nt(v, t, n), l = a || xt(t, n);
+    l !== v && (ne.indexOf(l) >= 0 ? ht(x, l, v) : x.insertBefore(l, v), v = l);
+  }
+  function Ie(t, n, a) {
+    for (var l = t, d = n; d !== a; ) {
+      var h = d.nextSibling;
+      l.removeChild(d), H.markDeleted(d), d = h;
     }
-    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 o = i[n], p = i[n + 1], b = x[o];
-      if (b) {
-        s[b] === p && delete x[o];
-        continue;
+  }
+  function Le() {
+    x = v, v = null;
+  }
+  function ae() {
+    return v ? v.nextSibling : x.firstChild;
+  }
+  function he() {
+    v = ae();
+  }
+  function Fe() {
+    Ie(x, ae(), null), v = x, x = x.parentNode;
+  }
+  function Re(t, n) {
+    return he(), ke(t, n), Le(), x;
+  }
+  function $e() {
+    return process.env.NODE_ENV !== "production" && te(!1), Fe(), v;
+  }
+  function yt() {
+    return he(), ke("#text", null), v;
+  }
+  function St() {
+    return process.env.NODE_ENV !== "production" && (xe("currentElement", T), V("currentElement")), x;
+  }
+  function At() {
+    return process.env.NODE_ENV !== "production" && (xe("currentPointer", T), V("currentPointer")), ae();
+  }
+  function Ot() {
+    process.env.NODE_ENV !== "production" && (it("skip", v), te(!0)), v = x.lastChild;
+  }
+  /**
+   * @license
+   * Copyright 2018 The Incremental DOM Authors. All Rights Reserved.
+   *
+   * Licensed under the Apache License, Version 2.0 (the "License");
+   * you may not use this file except in compliance with the License.
+   * You may obtain a copy of the License at
+   *
+   *      http://www.apache.org/licenses/LICENSE-2.0
+   *
+   * Unless required by applicable law or agreed to in writing, software
+   * distributed under the License is distributed on an "AS-IS" BASIS,
+   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   * See the License for the specific language governing permissions and
+   * limitations under the License.
+   */
+  var Be = 3, k = r();
+  function Dt(t, n, a) {
+    if (n.staticsApplied = !0, !(!a || !a.length)) {
+      if (n.hasEmptyAttrsArr()) {
+        for (var l = 0; l < a.length; l += 2)
+          Z(t, a[l], a[l + 1]);
+        return;
       }
-      i[r] = o, i[r + 1] = p, r += 2;
+      for (var l = 0; l < a.length; l += 2)
+        k[a[l]] = l + 1;
+      for (var d = n.getAttrsArr(0), h = 0, l = 0; l < d.length; l += 2) {
+        var y = d[l], C = d[l + 1], S = k[y];
+        if (S) {
+          a[S] === C && delete k[y];
+          continue;
+        }
+        d[h] = y, d[h + 1] = C, h += 2;
+      }
+      c(d, h);
+      for (var y in k)
+        Z(t, y, a[k[y]]), delete k[y];
     }
-    le(i, r);
-    for (var o in x)
-      z(e, o, s[x[o]]), delete x[o];
   }
-}
-function ue(e, t, s) {
-  process.env.NODE_ENV !== "production" && ($("elementOpen"), Ee("elementOpen"));
-  var n = Ue(e, t), i = B(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 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[b + 1];
-    (o || p[f + 1] !== S) && (p[f + 1] = S, z(n, C, S));
-  }
-  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];
+  function fe(t, n, a) {
+    process.env.NODE_ENV !== "production" && (V("elementOpen"), ye("elementOpen"));
+    var l = Re(t, n), d = W(l);
+    d.staticsApplied || Dt(l, d, a);
+    var h = Math.max(0, arguments.length - Be), y = d.hasEmptyAttrsArr();
+    if (!h && y)
+      return l;
+    for (var C = d.getAttrsArr(h), S = Be, w = 0; S < arguments.length; S += 2, w += 2) {
+      var O = arguments[S];
+      if (y)
+        C[w] = O;
+      else if (C[w] !== O)
+        break;
+      var L = arguments[S + 1];
+      (y || C[w + 1] !== L) && (C[w + 1] = L, Z(l, O, L));
+    }
+    if (S < arguments.length || w < C.length) {
+      for (var oe = w; w < C.length; w += 2)
+        k[C[w]] = C[w + 1];
+      for (w = oe; S < arguments.length; S += 2, w += 2) {
+        var O = arguments[S], L = arguments[S + 1];
+        k[O] !== L && Z(l, O, L), C[w] = O, C[w + 1] = L, delete k[O];
+      }
+      c(C, w);
+      for (var O in k)
+        Z(l, O, void 0), delete k[O];
     }
-    le(p, f);
-    for (var C in x)
-      z(n, C, void 0), delete x[C];
+    return l;
   }
-  return n;
-}
-function $t(e, t, s) {
-  var n = Y();
-  process.env.NODE_ENV !== "production" && ($("elementOpenStart"), K(!0)), n[0] = e, n[1] = t, n[2] = s;
-}
-function Bt(e) {
-  var t = Y();
-  process.env.NODE_ENV !== "production" && (ce("key"), Z(t)), t[1] = e;
-}
-function jt(e, t) {
-  var s = Y();
-  process.env.NODE_ENV !== "production" && ce("attr"), s.push(e), s.push(t);
-}
-function Tt() {
-  var e = Y();
-  process.env.NODE_ENV !== "production" && (ce("elementOpenEnd"), K(!1)), Z(e);
-  var t = ue.apply(null, e);
-  return le(e, 0), t;
-}
-function Ve(e) {
-  process.env.NODE_ENV !== "production" && $("elementClose");
-  var t = ze();
-  return process.env.NODE_ENV !== "production" && pt(B(t).nameOrCtor, e), t;
-}
-function Ut(e, t, s) {
-  return ue.apply(null, arguments), Ve(e);
-}
-function zt(e) {
-  process.env.NODE_ENV !== "production" && ($("text"), Ee("text"));
-  var t = kt(), s = B(t);
-  if (s.text !== e) {
-    s.text = e;
-    for (var n = e, i = 1; i < arguments.length; i += 1) {
-      var r = arguments[i];
-      n = r(n);
+  function Pt(t, n, a) {
+    var l = re();
+    process.env.NODE_ENV !== "production" && (V("elementOpenStart"), ee(!0)), l[0] = t, l[1] = n, l[2] = a;
+  }
+  function Et(t) {
+    var n = re();
+    process.env.NODE_ENV !== "production" && (pe("key"), se(n)), n[1] = t;
+  }
+  function kt(t, n) {
+    var a = re();
+    process.env.NODE_ENV !== "production" && pe("attr"), a.push(t), a.push(n);
+  }
+  function It() {
+    var t = re();
+    process.env.NODE_ENV !== "production" && (pe("elementOpenEnd"), ee(!1)), se(t);
+    var n = fe.apply(null, t);
+    return c(t, 0), n;
+  }
+  function je(t) {
+    process.env.NODE_ENV !== "production" && V("elementClose");
+    var n = $e();
+    return process.env.NODE_ENV !== "production" && nt(W(n).nameOrCtor, t), n;
+  }
+  function Lt(t, n, a) {
+    return fe.apply(null, arguments), je(t);
+  }
+  function Ft(t) {
+    process.env.NODE_ENV !== "production" && (V("text"), ye("text"));
+    var n = yt(), a = W(n);
+    if (a.text !== t) {
+      a.text = t;
+      for (var l = t, d = 1; d < arguments.length; d += 1) {
+        var h = arguments[d];
+        l = h(l);
+      }
+      n.data = l;
     }
-    t.data = n;
+    return n;
   }
-  return t;
+  /**
+   * @license
+   * Copyright 2018 The Incremental DOM Authors. All Rights Reserved.
+   *
+   * Licensed under the Apache License, Version 2.0 (the "License");
+   * you may not use this file except in compliance with the License.
+   * You may obtain a copy of the License at
+   *
+   *      http://www.apache.org/licenses/LICENSE-2.0
+   *
+   * Unless required by applicable law or agreed to in writing, software
+   * distributed under the License is distributed on an "AS-IS" BASIS,
+   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   * See the License for the specific language governing permissions and
+   * limitations under the License.
+   */
+  return g.applyAttr = $, g.applyProp = Ne, g.attributes = Q, g.close = $e, g.currentElement = St, g.currentPointer = At, g.open = Re, g.patch = Pe, g.patchInner = Pe, g.patchOuter = _t, g.skip = Ot, g.skipNode = he, g.getKey = mt, g.clearCache = Oe, g.importNode = Ae, g.isDataInitialized = gt, g.notifications = J, g.symbols = e, g.attr = kt, g.elementClose = je, g.elementOpen = fe, g.elementOpenEnd = It, g.elementOpenStart = Pt, g.elementVoid = Lt, g.text = Ft, g.key = Et, g;
 }
-/**
- * @license
- * Copyright 2018 The Incremental DOM Authors. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *      http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS-IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-d.applyAttr = Oe;
-d.applyProp = De;
-d.attributes = V;
-d.close = ze;
-var he = d.currentElement = It, se = d.currentPointer = Lt;
-d.open = Ue;
-var Vt = 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, Wt = d.elementClose = Ve;
-d.elementOpen = ue;
-var Ht = d.elementOpenEnd = Tt, qt = d.elementOpenStart = $t;
-d.elementVoid = Ut;
-var Gt = d.text = zt;
-d.key = Bt;
-function Ne(e) {
-  let t = se();
-  return t instanceof Comment && t.data !== e ? t.data = e : (t = document.createComment(e), he().appendChild(t)), ne(), t;
+var A = Ut();
+function ze(e) {
+  let s = A.currentPointer();
+  return s instanceof Comment && s.data !== e ? s.data = e : (s = document.createComment(e), A.currentElement().appendChild(s)), A.skipNode(), s;
 }
-let We = Ye;
-function us(e) {
-  We = e;
+let He = $t;
+function as(e) {
+  He = e;
 }
-function Xt() {
-  return We;
+function zt() {
+  return He;
 }
-const E = Symbol("ComponentMetadata"), _ = Object.freeze({
-  has(e, t) {
-    return !!(e[E] && Object.prototype.hasOwnProperty.call(e[E], t));
+const U = Symbol("ComponentMetadata"), P = Object.freeze({
+  has(e, s) {
+    return !!(e[U] && Object.prototype.hasOwnProperty.call(e[U], s));
   },
-  add(e, t) {
-    e[E] ? Object.assign(e[E], t) : e[E] = t;
+  add(e, s) {
+    e[U] ? Object.assign(e[U], s) : e[U] = s;
   },
-  get(e, t, s) {
-    return e[E] && e[E][t] || s;
-  }
-}), 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")
-      Gt(t);
-    else if (t instanceof Set)
-      re(Array.from(t));
-    else if (Array.isArray(t) && t.length > 0) {
-      let s = se();
-      if (Ne(He), s === null) {
-        const n = he();
-        for (let i = 0; i < t.length; i += 1)
-          n.contains(t[i]) || n.appendChild(t[i]), ne();
+  get(e, s, i) {
+    return e[U] && e[U][s] || i;
+  }
+}), Ve = Symbol("ds-web-components:pragma:listeners-attached"), qe = "idom-pragma:content-begin", ge = "idom-pragma:content-end";
+function me(e) {
+  for (const s of e)
+    if (typeof s == "function")
+      s();
+    else if (typeof s == "string")
+      A.text(s);
+    else if (s instanceof Set)
+      me(Array.from(s));
+    else if (Array.isArray(s) && s.length > 0) {
+      let i = A.currentPointer();
+      if (ze(qe), i === null) {
+        const o = A.currentElement();
+        for (let r = 0; r < s.length; r += 1)
+          o.contains(s[r]) || o.appendChild(s[r]), A.skipNode();
       }
-      for (; s && s.data !== ie; )
-        ne(), s = se();
-      Ne(ie);
+      for (; i && i.data !== ge; )
+        A.skipNode(), i = A.currentPointer();
+      ze(ge);
     }
 }
-function a(e, t, ...s) {
-  if (t) {
-    for (const n of Object.keys(t))
-      if (n.toUpperCase() === "DATA-FRAGMENT")
-        return () => re(s);
+function p(e, s, ...i) {
+  if (s) {
+    for (const o of Object.keys(s))
+      if (o.toUpperCase() === "DATA-FRAGMENT")
+        return () => me(i);
   }
   return () => {
-    qt(e);
-    const n = [];
-    if (t)
-      for (const r of Object.keys(t))
-        r.toUpperCase() === "CLASSNAME" ? _e("class", t[r]) : /^on[A-Z]/.test(r) ? n.push(r) : _e(r, t[r]);
-    Ht(e);
-    const i = he();
-    if (!i[xe]) {
-      for (const r of n)
-        i.addEventListener(r.substr(2).toLowerCase(), t[r]);
-      i[xe] = !0;
+    A.elementOpenStart(e);
+    const o = [];
+    if (s)
+      for (const c of Object.keys(s))
+        c.toUpperCase() === "CLASSNAME" ? A.attr("class", s[c]) : /^on[A-Z]/.test(c) ? o.push(c) : A.attr(c, s[c]);
+    A.elementOpenEnd(e);
+    const r = A.currentElement();
+    if (!r[Ve]) {
+      for (const c of o)
+        r.addEventListener(c.substr(2).toLowerCase(), s[c]);
+      r[Ve] = !0;
     }
-    re(s), Wt(e);
+    me(i), A.elementClose(e);
   };
 }
-function qe(e, t) {
-  customElements.get(e) || customElements.define(e, t);
+function Ge(e, s) {
+  customElements.get(e) || customElements.define(e, s);
 }
-function hs(...e) {
-  for (const t of e)
-    qe(_.get(t, "tag"), t);
+function os(...e) {
+  for (const s of e)
+    Ge(P.get(s, "tag"), s);
 }
-function fs(e) {
-  return function(...s) {
-    for (const n of s) {
-      const i = `${e}${_.get(n, "tag").substr(3)}`;
-      qe(i, n);
+function ls(e) {
+  return function(...i) {
+    for (const o of i) {
+      const r = `${e}${P.get(o, "tag").substr(3)}`;
+      Ge(r, o);
     }
   };
 }
-const ye = Symbol("Component Attribute Bindings"), j = Symbol("Component Class Bindings"), ae = Symbol("Component Style Bindings"), Kt = {
+const We = Symbol("Component Attribute Bindings"), X = Symbol("Component Class Bindings"), ve = Symbol("Component Style Bindings"), Vt = {
   __initialized: !1,
   __observer: null,
   __queuedUpdate: null,
   __managedClasses: /* @__PURE__ */ new Set(),
   __updateHostBindings() {
     const e = this;
-    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))
-      e.__managedClasses.add(t), e.classList.add(t);
-    for (const t of (e.getAttribute("classname") || "").split(/\w+/).filter(Boolean))
-      e.classList.add(t);
+    for (const s of Object.keys(e[We] || {}))
+      e.setAttribute(s, e[We][s]);
+    for (const s of Object.keys(e[ve] || {}))
+      e.style[s] = e[ve][s];
+    for (const s of e.__managedClasses)
+      e.classList.remove(s);
+    for (const s of (e[X] || []).filter(Boolean))
+      e.__managedClasses.add(s), e.classList.add(s);
+    for (const s of (e.getAttribute("classname") || "").split(/\w+/).filter(Boolean))
+      e.classList.add(s);
   },
   __updateChildQueries(e) {
-    const t = this;
-    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);
+    const s = this;
+    for (const i of P.get(s.constructor, "childQueries", []))
+      if (!e || e && i.refresh) {
+        const o = i.all ? s.querySelectorAll : s.querySelector;
+        s[i.key] = o.call(s, i.selector);
       }
   },
   __gatherChildren() {
     const e = this;
-    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 === He ? s = i + 1 : r.data === ie && (n = i - 1));
+    let s = Array.from(e.childNodes), i = null, o = s.length;
+    for (let r = 0; r < s.length; r += 1) {
+      const c = s[r];
+      c instanceof Comment && (c.data === qe ? i = r + 1 : c.data === ge && (o = r - 1));
     }
-    if (s === null)
-      for (const i of t)
-        i.parentNode.removeChild(i);
+    if (i === null)
+      for (const r of s)
+        r.parentNode.removeChild(r);
     else
-      t = t.slice(s, n);
-    _.has(e.constructor, "contentProp") && (e[_.get(e.constructor, "contentProp")] = t);
+      s = s.slice(i, o);
+    P.has(e.constructor, "contentProp") && (e[P.get(e.constructor, "contentProp")] = s);
   },
   __startMutObs() {
     const e = this;
@@ -783,7 +764,7 @@ const ye = Symbol("Component Attribute Bindings"), j = Symbol("Component Class B
   },
   __doRender() {
     const e = this;
-    e.__stopMutObs(), Vt(e, e.render(Xt())), e.__startMutObs();
+    e.__stopMutObs(), A.patch(e, e.render(zt())), e.__startMutObs();
   },
   update() {
     const e = this;
@@ -793,23 +774,23 @@ const ye = Symbol("Component Attribute Bindings"), j = Symbol("Component Class B
       }, 0), e.__queuedUpdate = null;
     }));
   },
-  attributeChangedCallback(e, t, s) {
-    const n = this, i = s === "" ? !0 : s;
-    i !== t && (n.__cbAttributeChanged && n.__cbAttributeChanged(e, n[e], i), e !== "style" && (n[e] = i), n.__initialized && n.update());
+  attributeChangedCallback(e, s, i) {
+    const o = this, r = i === "" ? !0 : i;
+    r !== s && (o.__cbAttributeChanged && o.__cbAttributeChanged(e, o[e], r), e !== "style" && (o[e] = r), o.__initialized && o.update());
   },
   connectedCallback() {
     const e = this;
     e.__cbConnected && e.__cbConnected();
-    const t = _.get(e.constructor, "eventListeners", []);
+    const s = P.get(e.constructor, "eventListeners", []);
     setTimeout(() => {
       if (!e.__initialized) {
         e.__gatherChildren();
-        for (const [, s] of t)
-          e[s] = e[s].bind(e);
+        for (const [, i] of s)
+          e[i] = e[i].bind(e);
         e.__initialized = !0;
       }
-      for (const [s, n] of t)
-        e.addEventListener(s, e[n]);
+      for (const [i, o] of s)
+        e.addEventListener(i, e[o]);
       e.__doRender(), setTimeout(() => {
         e.__updateChildQueries(), e.__updateHostBindings();
       }, 0);
@@ -818,139 +799,139 @@ const ye = Symbol("Component Attribute Bindings"), j = Symbol("Component Class B
   disconnectedCallback() {
     const e = this;
     e.__cbDisconnected && e.__cbDisconnected();
-    for (const [t, s] of _.get(e.constructor, "eventListeners", []))
-      e.removeEventListener(t, e[s]);
+    for (const [s, i] of P.get(e.constructor, "eventListeners", []))
+      e.removeEventListener(s, e[i]);
     e.__stopMutObs();
   }
 };
-function T(e) {
-  return (t) => {
-    _.add(t, e), Object.assign(t.prototype, {
-      __cbAttributeChanged: t.prototype.attributeChangedCallback,
-      __cbConnected: t.prototype.connectedCallback,
-      __cbDisconnected: t.prototype.disconnectedCallback
-    }, Kt);
+function K(e) {
+  return (s) => {
+    P.add(s, e), Object.assign(s.prototype, {
+      __cbAttributeChanged: s.prototype.attributeChangedCallback,
+      __cbConnected: s.prototype.connectedCallback,
+      __cbDisconnected: s.prototype.disconnectedCallback
+    }, Vt);
   };
 }
-function fe() {
-  return (e, t) => {
-    _.add(e.constructor, { contentProp: t });
+function be() {
+  return (e, s) => {
+    P.add(e.constructor, { contentProp: s });
   };
 }
-function ge(e) {
-  return (t, s) => {
-    Object.defineProperty(t, s, {
+function Ce(e) {
+  return (s, i) => {
+    Object.defineProperty(s, i, {
       get() {
-        return Object.defineProperty(this, s, {
+        return Object.defineProperty(this, i, {
           value: {
-            dispatch: (n) => {
-              const i = new CustomEvent(e || s, { detail: n });
-              return this.dispatchEvent(i), i;
+            dispatch: (o) => {
+              const r = new CustomEvent(e || i, { detail: o });
+              return this.dispatchEvent(r), r;
             }
           }
-        }), this[s];
+        }), this[i];
       },
       configurable: !0
     });
   };
 }
-function M(e) {
-  return (t, s) => {
-    const n = _.get(t.constructor, "eventListeners", []);
-    n.push([e, s]), _.add(t.constructor, { eventListeners: n });
+function le(e) {
+  return (s, i) => {
+    const o = P.get(s.constructor, "eventListeners", []);
+    o.push([e, i]), P.add(s.constructor, { eventListeners: o });
   };
 }
-function c(e) {
-  return (t, s) => {
-    const n = t.constructor, i = s.toLowerCase();
-    if (n.observedAttributes = n.observedAttributes || [
+function m(e) {
+  return (s, i) => {
+    const o = s.constructor, r = i.toLowerCase();
+    if (o.observedAttributes = o.observedAttributes || [
       "classname",
       "className",
       "style"
-    ], n.observedAttributes.push(s), n.observedAttributes.push(i), i !== s && Object.defineProperty(t, s, {
+    ], o.observedAttributes.push(i), o.observedAttributes.push(r), r !== i && Object.defineProperty(s, i, {
       get() {
-        return this[i];
+        return this[r];
       },
-      set(r) {
-        this[i] = r;
+      set(c) {
+        this[r] = c;
       }
     }), e) {
-      const r = Symbol.for(s);
-      Object.defineProperty(t, i, {
+      const c = Symbol.for(i);
+      Object.defineProperty(s, r, {
         get() {
-          return this[r];
+          return this[c];
         },
-        set(o) {
-          let p = o;
-          e === Boolean && typeof o == "string" && o.toLowerCase() === "false" ? p = !1 : p = e(o), this[r] = p;
+        set(f) {
+          let $ = f;
+          e === Boolean && typeof f == "string" && f.toLowerCase() === "false" ? $ = !1 : $ = e(f), this[c] = $;
         }
       });
     }
   };
 }
-function Ge(e, t, s) {
-  return (n, i) => {
-    const r = _.get(n.constructor, "childQueries", []);
-    r.push({
-      key: i,
+function Xe(e, s, i) {
+  return (o, r) => {
+    const c = P.get(o.constructor, "childQueries", []);
+    c.push({
+      key: r,
       selector: e,
-      all: s,
-      refresh: t.refresh
-    }), _.add(n.constructor, { childQueries: r });
+      all: i,
+      refresh: s.refresh
+    }), P.add(o.constructor, { childQueries: c });
   };
 }
-function me(e, t = {}) {
-  return Ge(e, t);
+function we(e, s = {}) {
+  return Xe(e, s);
 }
-function Qt(e, t = {}) {
-  return Ge(e, t, !0);
+function Wt(e, s = {}) {
+  return Xe(e, s, !0);
 }
-function Xe() {
-  return (e, t) => {
-    const s = Symbol(t);
+function Ke() {
+  return (e, s) => {
+    const i = Symbol(s);
     Object.defineProperties(e, {
-      [s]: {
+      [i]: {
         writable: !0,
         enumerable: !1,
         configurable: !1,
-        value: e[t]
+        value: e[s]
       },
-      [t]: {
+      [s]: {
         get() {
-          return this[s];
+          return this[i];
         },
-        set(n) {
-          this[s] !== n && (this[s] = n, this.update());
+        set(o) {
+          this[i] !== o && (this[i] = o, this.update());
         }
       }
     });
   };
 }
-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, Yt = Object.getOwnPropertyDescriptor, m = (e, t, s, n) => {
-  for (var i = n > 1 ? void 0 : n ? Yt(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;
+var Qe = /* @__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))(Qe || {}), Ht = Object.defineProperty, qt = Object.getOwnPropertyDescriptor, N = (e, s, i, o) => {
+  for (var r = o > 1 ? void 0 : o ? qt(s, i) : s, c = e.length - 1, f; c >= 0; c--)
+    (f = e[c]) && (r = (o ? f(s, i, r) : f(r)) || r);
+  return o && r && Ht(s, i, r), r;
 };
-const g = "sps-file-upload";
-let h = class extends HTMLElement {
+const _ = "sps-file-upload";
+let b = class extends HTMLElement {
   constructor() {
     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]() {
+  get [X]() {
     return [
-      g,
-      this.active && `${g}--active`,
-      this.error && `${g}--error`,
-      !this.shown && `${g}--hidden`,
-      this.mini && `${g}--mini`,
-      this.constrainContentWidth && `${g}--constrained-content-width`
+      _,
+      this.active && `${_}--active`,
+      this.error && `${_}--error`,
+      !this.shown && `${_}--hidden`,
+      this.mini && `${_}--mini`,
+      this.constrainContentWidth && `${_}--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(e, t, s) {
-    e === "acceptExtensions" && this.processAcceptExtensions(s), e === "maxSize" && this.parseAndValidateMaxSize(s);
+  attributeChangedCallback(e, s, i) {
+    e === "acceptExtensions" && this.processAcceptExtensions(i), e === "maxSize" && this.parseAndValidateMaxSize(i);
   }
   /**
    * If the `dismissable` prop has been set, this will programmatically
@@ -964,28 +945,28 @@ let h = class extends HTMLElement {
     this.dismissable && (this.shown = !0, this.update());
   }
   render({ t: e }) {
-    const t = this.error ? be.EXCLAMATION_CIRCLE : be.UPLOAD_CLOUD, s = (this.multiple ? e("design-system:fileUpload.instructions_plural", { defaultValue: "Drag and drop your files here or |browse for files| on your desktop." }) : e("design-system:fileUpload.instructions", { defaultValue: "Drag and drop your file here or |browse for a file| on your desktop." })).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", { defaultValue: "Processing Upload..." }))) : /* @__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(
+    const s = this.error ? Te.EXCLAMATION_CIRCLE : Te.UPLOAD_CLOUD, i = (this.multiple ? e("design-system:fileUpload.instructions_plural", { defaultValue: "Drag and drop your files here or |browse for files| on your desktop." }) : e("design-system:fileUpload.instructions", { defaultValue: "Drag and drop your file here or |browse for a file| on your desktop." })).split("|");
+    return /* @__PURE__ */ p("div", { "data-fragment": !0 }, /* @__PURE__ */ p("div", { className: `${_}__content` }, this.processing ? /* @__PURE__ */ p("div", { "data-fragment": !0 }, /* @__PURE__ */ p("i", { className: "sps-spinner sps-spinner--medium", "aria-hidden": "true" }), /* @__PURE__ */ p("div", { className: `${_}__instructions` }, e("design-system:fileUpload.processing", { defaultValue: "Processing Upload..." }))) : /* @__PURE__ */ p("div", { "data-fragment": !0 }, /* @__PURE__ */ p("i", { className: `sps-icon sps-icon-${s} ${_}__icon-primary`, "aria-hidden": "true" }), /* @__PURE__ */ p("div", { className: `${_}__title` }, this.error ? /* @__PURE__ */ p("div", { "data-fragment": !0 }, e(
       this.namesOfUnsupportedFiles.length > 1 ? "design-system:fileUpload.cancelled_plural" : "design-system:fileUpload.cancelled",
       { defaultValue: this.namesOfUnsupportedFiles.length > 1 ? "File Upload(s) Failed" : "File Upload Failed" }
-    )) : /* @__PURE__ */ a("div", { "data-fragment": !0 }, e("design-system:fileUpload.title", { description: this.description, defaultValue: `Upload Your ${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, defaultValue: `${this.acceptExtensionsDescription} format accepted` }), " ", ")") : "", this.maxSize ? /* @__PURE__ */ a("span", null, "(", " ", e("design-system:fileUpload.maximumSize", { size: this.maxSize, defaultValue: `${this.maxSize} maximum` }), " ", ")") : "", this.customRequirement ? /* @__PURE__ */ a("span", null, " ", this.customRequirement, " ") : ""), this.downloadLabel && /* @__PURE__ */ a(
+    )) : /* @__PURE__ */ p("div", { "data-fragment": !0 }, e("design-system:fileUpload.title", { description: this.description, defaultValue: `Upload Your ${this.description}` }))), this.error ? /* @__PURE__ */ p("div", { className: `${_}__errored-files` }, new Set(this.namesOfUnsupportedFiles.map((o, r) => {
+      const c = Math.floor(o.length / 2);
+      return /* @__PURE__ */ p("div", { className: `${_}__errored-filename`, key: o }, /* @__PURE__ */ p("span", { className: `${_}__errored-filename-segment` }, o.substr(0, c)), /* @__PURE__ */ p("div", { className: `${_}__errored-filename-segment` }, /* @__PURE__ */ p("span", null, o.substr(c))), r < this.namesOfUnsupportedFiles.length - 1 ? "," : "");
+    }))) : /* @__PURE__ */ p("span", null), /* @__PURE__ */ p("div", { className: `${_}__instructions` }, /* @__PURE__ */ p("div", { "data-fragment": !0 }, /* @__PURE__ */ p("span", null, i[0]), /* @__PURE__ */ p("a", { href: "", onClick: this.handleBrowseLinkClick }, i[1]), /* @__PURE__ */ p("span", null, i[2]))), /* @__PURE__ */ p("div", { className: `${_}__requirements` }, this.acceptExtensions ? /* @__PURE__ */ p("span", null, "(", " ", e("design-system:fileUpload.acceptedTypes", { fileTypes: this.acceptExtensionsDescription, defaultValue: `${this.acceptExtensionsDescription} format accepted` }), " ", ")") : "", this.maxSize ? /* @__PURE__ */ p("span", null, "(", " ", e("design-system:fileUpload.maximumSize", { size: this.maxSize, defaultValue: `${this.maxSize} maximum` }), " ", ")") : "", this.customRequirement ? /* @__PURE__ */ p("span", null, " ", this.customRequirement, " ") : ""), this.downloadLabel && /* @__PURE__ */ p(
       "div",
       {
-        className: `sps-button sps-button--link ${g}__download-button`,
+        className: `sps-button sps-button--link ${_}__download-button`,
         onClick: this.handleDownloadButtonClick
       },
-      /* @__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(
+      /* @__PURE__ */ p("button", { type: "button" }, /* @__PURE__ */ p("i", { className: "sps-icon sps-icon-download-cloud", "aria-hidden": "true" }), " ", this.downloadLabel)
+    ))), this.dismissable && !this.processing && /* @__PURE__ */ p(
       "div",
       {
-        className: `sps-button sps-button--icon ${g}__close-button`,
+        className: `sps-button sps-button--icon ${_}__close-button`,
         onClick: this.dismiss
       },
-      /* @__PURE__ */ a("button", { type: "button", title: e("design-system:fileUpload.close", { defaultValue: "Close" }) }, /* @__PURE__ */ a("i", { className: "sps-icon sps-icon-x", "aria-hidden": "true" }))
-    ), /* @__PURE__ */ a("form", null, /* @__PURE__ */ a(
+      /* @__PURE__ */ p("button", { type: "button", title: e("design-system:fileUpload.close", { defaultValue: "Close" }) }, /* @__PURE__ */ p("i", { className: "sps-icon sps-icon-x", "aria-hidden": "true" }))
+    ), /* @__PURE__ */ p("form", null, /* @__PURE__ */ p(
       "input",
       {
         type: "file",
@@ -997,25 +978,25 @@ let h = class extends HTMLElement {
   }
   parseAndValidateMaxSize(e) {
     try {
-      this.maxSizeBytes = et(e);
+      this.maxSizeBytes = Tt(e);
     } catch {
       throw new Error(`Could not parse "${e}" as a file size.`);
     }
   }
   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(",");
+    const i = (Array.isArray(e) ? e : e.trim().split(/\s?,\s?/)).map((r) => r.replace(/^\./, "")), o = i.map((r) => `.${r}`.toLowerCase());
+    this.acceptExtensionsDescription = o.map((r, c) => c > 0 && c === o.length - 1 ? `or ${r}` : r).join(o.length > 2 ? ", " : " "), this.acceptMIMETypes.clear();
+    for (const r of i)
+      for (const c of Qe[r.toUpperCase()].split(","))
+        this.acceptMIMETypes.add(c);
+    this.accept = o.concat(Array.from(this.acceptMIMETypes)).join(",");
   }
   selectFiles(e) {
     this.namesOfUnsupportedFiles = [];
-    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));
+    const s = Array.from(e);
+    for (const i of s)
+      this.acceptExtensions && !this.acceptMIMETypes.has(i.type) && this.namesOfUnsupportedFiles.push(i.name), this.maxSize && i.size > this.maxSizeBytes && this.namesOfUnsupportedFiles.indexOf(i.name) === -1 && this.namesOfUnsupportedFiles.push(i.name);
+    this.namesOfUnsupportedFiles.length ? (this.error = !0, this.fileInput.value = null, this.update()) : (this.files = s, this.selection.dispatch(s));
   }
   handleDragOver(e) {
     e.preventDefault(), e.stopPropagation();
@@ -1028,7 +1009,7 @@ let h = class extends HTMLElement {
   }
   handleDrop(e) {
     e.preventDefault(), e.stopPropagation(), this.active = !1, e.dataTransfer.items ? this.selectFiles(Array.from(e.dataTransfer.items).map(
-      (t) => t.getAsFile()
+      (s) => s.getAsFile()
     )) : this.selectFiles(e.dataTransfer.files), this.update();
   }
   /* eslint-enable @typescript-eslint/member-ordering */
@@ -1042,8 +1023,8 @@ let h = class extends HTMLElement {
     e.stopPropagation(), this.selectFiles(e.target.files);
   }
 };
-h.displayName = g;
-h.props = {
+b.displayName = _;
+b.props = {
   description: "string",
   multiple: "boolean",
   dismissable: "boolean",
@@ -1057,76 +1038,76 @@ h.props = {
   dismissal: { event: !0, type: "CustomEvent<void>" },
   download: { event: !0, type: "CustomEvent<void>" }
 };
-m([
-  c()
-], h.prototype, "description", 2);
-m([
-  c(Boolean)
-], h.prototype, "multiple", 2);
-m([
-  c(Boolean)
-], h.prototype, "shown", 2);
-m([
-  c(Boolean)
-], h.prototype, "dismissable", 2);
-m([
-  c(Boolean)
-], h.prototype, "processing", 2);
-m([
-  c(Boolean)
-], h.prototype, "mini", 2);
-m([
-  c(Boolean)
-], h.prototype, "constrainContentWidth", 2);
-m([
-  c()
-], h.prototype, "downloadLabel", 2);
-m([
-  c()
-], h.prototype, "acceptExtensions", 2);
-m([
-  c()
-], h.prototype, "maxSize", 2);
-m([
-  c()
-], h.prototype, "customRequirement", 2);
-m([
-  ge()
-], h.prototype, "selection", 2);
-m([
-  ge()
-], h.prototype, "dismissal", 2);
-m([
-  ge()
-], h.prototype, "download", 2);
-m([
-  me("input[type='file']")
-], h.prototype, "fileInput", 2);
-m([
-  M("dragover")
-], h.prototype, "handleDragOver", 1);
-m([
-  M("dragenter")
-], h.prototype, "handleDragEnter", 1);
-m([
-  M("dragleave")
-], h.prototype, "handleDragLeave", 1);
-m([
-  M("drop")
-], h.prototype, "handleDrop", 1);
-h = m([
-  T({ tag: g })
-], h);
-const gs = {
+N([
+  m()
+], b.prototype, "description", 2);
+N([
+  m(Boolean)
+], b.prototype, "multiple", 2);
+N([
+  m(Boolean)
+], b.prototype, "shown", 2);
+N([
+  m(Boolean)
+], b.prototype, "dismissable", 2);
+N([
+  m(Boolean)
+], b.prototype, "processing", 2);
+N([
+  m(Boolean)
+], b.prototype, "mini", 2);
+N([
+  m(Boolean)
+], b.prototype, "constrainContentWidth", 2);
+N([
+  m()
+], b.prototype, "downloadLabel", 2);
+N([
+  m()
+], b.prototype, "acceptExtensions", 2);
+N([
+  m()
+], b.prototype, "maxSize", 2);
+N([
+  m()
+], b.prototype, "customRequirement", 2);
+N([
+  Ce()
+], b.prototype, "selection", 2);
+N([
+  Ce()
+], b.prototype, "dismissal", 2);
+N([
+  Ce()
+], b.prototype, "download", 2);
+N([
+  we("input[type='file']")
+], b.prototype, "fileInput", 2);
+N([
+  le("dragover")
+], b.prototype, "handleDragOver", 1);
+N([
+  le("dragenter")
+], b.prototype, "handleDragEnter", 1);
+N([
+  le("dragleave")
+], b.prototype, "handleDragLeave", 1);
+N([
+  le("drop")
+], b.prototype, "handleDrop", 1);
+b = N([
+  K({ tag: _ })
+], b);
+const cs = {
   basic: {
     label: "Basic File Upload",
-    description: l`
+    description: u`
             <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: l`
+        react: u`
                     function Component() {
                         const ref = React.useRef()
 
@@ -1153,7 +1134,7 @@ const gs = {
       },
       multiple: {
         description: "<p>Multiple file upload</p>",
-        react: l`
+        react: u`
                     function Component() {
                         const ref = React.useRef()
 
@@ -1182,13 +1163,13 @@ const gs = {
   },
   restrictions: {
     label: "Restrictions",
-    description: l`
+    description: u`
             <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: l`
+        react: u`
                     function Component() {
                         const ref = React.useRef()
 
@@ -1215,7 +1196,7 @@ const gs = {
       },
       type: {
         description: "<p>File type whitelist</p>",
-        react: l`
+        react: u`
                     function Component() {
                         const ref = React.useRef()
 
@@ -1247,7 +1228,7 @@ const gs = {
       },
       both: {
         description: "<p>Both restrictions</p>",
-        react: l`
+        react: u`
                     function Component() {
                         const ref = React.useRef()
 
@@ -1282,13 +1263,13 @@ const gs = {
   },
   dismissable: {
     label: "Dismissable",
-    description: l`
+    description: u`
             <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: l`
+        react: u`
                     function Component() {
                         const [showFileUpload, setShowFileUpload] = React.useState(true)
                         const ref = React.useRef()
@@ -1327,13 +1308,13 @@ const gs = {
   },
   downloadButton: {
     label: "Download Button",
-    description: l`
+    description: u`
             <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: l`
+        react: u`
                     function Component() {
                         const ref = React.useRef()
 
@@ -1367,13 +1348,13 @@ const gs = {
   },
   mini: {
     label: "Mini File Upload",
-    description: l`
+    description: u`
             <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: l`
+        react: u`
                     function Component() {
                         const ref = React.useRef()
 
@@ -1402,14 +1383,14 @@ const gs = {
   },
   constrainContentWidth: {
     label: "Constrain Content Width",
-    description: l`
+    description: u`
             <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: l`
+        react: u`
                     function Component() {
                         const ref = React.useRef()
 
@@ -1437,41 +1418,41 @@ const gs = {
     }
   }
 };
-var Jt = Object.defineProperty, Mt = Object.getOwnPropertyDescriptor, O = (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 && Jt(t, s, i), i;
+var Gt = Object.defineProperty, Xt = Object.getOwnPropertyDescriptor, R = (e, s, i, o) => {
+  for (var r = o > 1 ? void 0 : o ? Xt(s, i) : s, c = e.length - 1, f; c >= 0; c--)
+    (f = e[c]) && (r = (o ? f(s, i, r) : f(r)) || r);
+  return o && r && Gt(s, i, r), r;
 };
-const w = "sps-insight-card";
-let N = class extends HTMLElement {
+const D = "sps-insight-card";
+let E = class extends HTMLElement {
   constructor() {
-    super(...arguments), this.kind = Je.GENERAL;
+    super(...arguments), this.kind = Bt.GENERAL;
   }
-  get [j]() {
+  get [X]() {
     return [
-      w,
-      `${w}--${this.kind}`,
-      this.detail && this.detail.children.length ? `${w}--has-detail` : null
+      D,
+      `${D}--${this.kind}`,
+      this.detail && this.detail.children.length ? `${D}--has-detail` : null
     ];
   }
   render({ t: e }) {
-    const t = /* @__PURE__ */ a("div", { className: `${w}__metric-count` }, this.metric), s = /* @__PURE__ */ a("div", { className: `${w}__description` }, /* @__PURE__ */ a(
+    const s = /* @__PURE__ */ p("div", { className: `${D}__metric-count` }, this.metric), i = /* @__PURE__ */ p("div", { className: `${D}__description` }, /* @__PURE__ */ p(
       "div",
       {
-        className: `${w}__title`,
+        className: `${D}__title`,
         style: { "-webkit-box-orient": "vertical" }
       },
       this.title
-    ), /* @__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, defaultValue: `${n} |of| ${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", { defaultValue: "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", { defaultValue: "PARTNERS" }))));
+    ), /* @__PURE__ */ p("div", { className: `${D}__detail` }, this.content)), o = this.partnercount, r = this.totalpartners, [
+      c,
+      f,
+      $
+    ] = (o ? e("design-system:insightCard.partnerCount", { count: o, total: r, defaultValue: `${o} |of| ${r}` }) : "").split("|");
+    return /* @__PURE__ */ p("div", { "data-fragment": !0 }, /* @__PURE__ */ p("div", { className: `${D}__body` }, this.icon ? /* @__PURE__ */ p("i", { className: `sps-icon sps-icon-${this.icon}` }) : /* @__PURE__ */ p("i", { className: `sps-icon sps-icon-${jt[this.kind]}` }), s, i), o && /* @__PURE__ */ p("div", { className: `${D}__partner-count` }, o === r ? /* @__PURE__ */ p("div", null, e("design-system:insightCard.all", { defaultValue: "ALL" })) : /* @__PURE__ */ p("div", { "data-fragment": !0 }, /* @__PURE__ */ p("div", null, c), /* @__PURE__ */ p("div", null, f), /* @__PURE__ */ p("div", null, $)), /* @__PURE__ */ p("div", { className: `${D}__partners-text` }, e("design-system:insightCard.partners", { defaultValue: "PARTNERS" }))));
   }
 };
-N.displayName = w;
-N.props = {
+E.displayName = D;
+E.props = {
   icon: "SpsIcon",
   kind: "SpsInsightCardKind",
   title: "string",
@@ -1480,54 +1461,54 @@ N.props = {
   totalPartners: "number",
   secondary: "boolean"
 };
-O([
-  c()
-], N.prototype, "icon", 2);
-O([
-  c()
-], N.prototype, "kind", 2);
-O([
-  c()
-], N.prototype, "title", 2);
-O([
-  c()
-], N.prototype, "metric", 2);
-O([
-  c()
-], N.prototype, "partnerCount", 2);
-O([
-  c()
-], N.prototype, "totalPartners", 2);
-O([
-  c()
-], N.prototype, "secondary", 2);
-O([
-  fe()
-], N.prototype, "content", 2);
-O([
-  me(`.${w}__detail`)
-], N.prototype, "detail", 2);
-N = O([
-  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;
+R([
+  m()
+], E.prototype, "icon", 2);
+R([
+  m()
+], E.prototype, "kind", 2);
+R([
+  m()
+], E.prototype, "title", 2);
+R([
+  m()
+], E.prototype, "metric", 2);
+R([
+  m()
+], E.prototype, "partnerCount", 2);
+R([
+  m()
+], E.prototype, "totalPartners", 2);
+R([
+  m()
+], E.prototype, "secondary", 2);
+R([
+  be()
+], E.prototype, "content", 2);
+R([
+  we(`.${D}__detail`)
+], E.prototype, "detail", 2);
+E = R([
+  K({ tag: D })
+], E);
+var Kt = Object.defineProperty, Qt = Object.getOwnPropertyDescriptor, _e = (e, s, i, o) => {
+  for (var r = o > 1 ? void 0 : o ? Qt(s, i) : s, c = e.length - 1, f; c >= 0; c--)
+    (f = e[c]) && (r = (o ? f(s, i, r) : f(r)) || r);
+  return o && r && Kt(s, i, r), r;
 };
-const D = "sps-insights";
-let R = class extends HTMLElement {
+const B = "sps-insights";
+let G = class extends HTMLElement {
   constructor() {
     super(), this.content = [], this.showAdditionalInsights = !1, this.toggleAdditionalInsights = this.toggleAdditionalInsights.bind(this);
   }
-  get [j]() {
+  get [X]() {
     return [
-      D,
-      this.showAdditionalInsights && `${D}--show-additional`,
-      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
+      B,
+      this.showAdditionalInsights && `${B}--show-additional`,
+      this.details && Array.from(this.details).every((e) => !e.textContent) ? `${B}--no-details` : null,
+      this.content.length === 6 ? `${B}--break-4` : null,
+      this.content.length === 7 ? `${B}--break-5` : null,
+      this.content.length === 8 ? `${B}--break-5` : null
     ];
   }
   /**
@@ -1539,26 +1520,26 @@ let R = class extends HTMLElement {
     this.showAdditionalInsights = !this.showAdditionalInsights, this.update();
   }
   render() {
-    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")));
+    return /* @__PURE__ */ p("div", { "data-fragment": !0 }, this.content, this.content.length > 10 && /* @__PURE__ */ p("div", { className: "sps-button sps-button--link", onClick: this.toggleAdditionalInsights }, /* @__PURE__ */ p("button", { type: "button" }, this.showAdditionalInsights ? "Hide " : "Show ", "Additional Insights")));
   }
 };
-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 })
-], R);
-const ms = {
+G.displayName = B;
+G.props = {};
+_e([
+  be()
+], G.prototype, "content", 2);
+_e([
+  Wt(".sps-insight-card__detail")
+], G.prototype, "details", 2);
+G = _e([
+  K({ tag: B })
+], G);
+const ps = {
   basic: {
     label: "Basic Insight Cards",
     examples: {
       basic: {
-        jsx: l`
+        jsx: u`
             <sps-insights>
                 <sps-insight-card kind="general"
                     metric="1234"
@@ -1589,7 +1570,7 @@ const ms = {
     label: "With Details",
     examples: {
       details: {
-        jsx: l`
+        jsx: u`
             <sps-insights>
                 <sps-insight-card kind="general"
                     metric="1234"
@@ -1642,7 +1623,7 @@ const ms = {
     label: "Partner Count",
     examples: {
       partner_count: {
-        jsx: l`
+        jsx: u`
             <sps-insights>
                 <sps-insight-card kind="general"
                     metric="1234"
@@ -1683,7 +1664,7 @@ const ms = {
     label: "10+ Insight Cards",
     examples: {
       expansion: {
-        jsx: l`
+        jsx: u`
             <sps-insights>
                 <sps-insight-card kind="general"
                     metric="1234"
@@ -1798,13 +1779,13 @@ const ms = {
   },
   events: {
     label: "Adding a click handler",
-    description: l`
+    description: u`
           <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: l`
+        react: u`
                   function Component() {
                       function handleClick() {
                           window.alert("Insight card clicked");
@@ -1844,7 +1825,7 @@ const ms = {
     label: "Using alternate icons",
     examples: {
       basic: {
-        react: l`
+        react: u`
                     function DemoComponent() {
                         return (
                             <sps-insights>
@@ -1886,27 +1867,27 @@ const ms = {
     }
   }
 };
-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;
+var Zt = Object.defineProperty, Yt = Object.getOwnPropertyDescriptor, z = (e, s, i, o) => {
+  for (var r = o > 1 ? void 0 : o ? Yt(s, i) : s, c = e.length - 1, f; c >= 0; c--)
+    (f = e[c]) && (r = (o ? f(s, i, r) : f(r)) || r);
+  return o && r && Zt(s, i, r), r;
 };
-let A = class extends HTMLElement {
+let F = class extends HTMLElement {
   constructor() {
     super(...arguments), this.active = !1, this.label = "", this.tag = "";
   }
-  get [j]() {
+  get [X]() {
     return [
       "sps-tabbed-nav__nav-item",
       this.active && "sps-tabbed-nav__nav-item--active"
     ];
   }
   render() {
-    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));
+    return /* @__PURE__ */ p("a", { href: this.href, target: this.target, className: "sps-tabbed-nav__nav-item-link", tabIndex: 0 }, this.icon && /* @__PURE__ */ p("i", { className: `sps-icon sps-icon-${this.icon}` }), this.label && /* @__PURE__ */ p("span", null, this.label), this.tag && /* @__PURE__ */ p("span", { className: "sps-tag sps-tag--default" }, this.tag));
   }
 };
-A.displayName = "sps-nav-tab";
-A.props = {
+F.displayName = "sps-nav-tab";
+F.props = {
   active: "boolean",
   label: "string",
   icon: "SpsIcon",
@@ -1914,57 +1895,57 @@ A.props = {
   href: "string",
   target: "string"
 };
-I([
-  c()
-], A.prototype, "active", 2);
-I([
-  c()
-], A.prototype, "label", 2);
-I([
-  c()
-], A.prototype, "icon", 2);
-I([
-  c()
-], A.prototype, "tag", 2);
-I([
-  c()
-], A.prototype, "href", 2);
-I([
-  c()
-], A.prototype, "target", 2);
-A = I([
-  T({ tag: "sps-nav-tab" })
-], A);
-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;
+z([
+  m()
+], F.prototype, "active", 2);
+z([
+  m()
+], F.prototype, "label", 2);
+z([
+  m()
+], F.prototype, "icon", 2);
+z([
+  m()
+], F.prototype, "tag", 2);
+z([
+  m()
+], F.prototype, "href", 2);
+z([
+  m()
+], F.prototype, "target", 2);
+F = z([
+  K({ tag: "sps-nav-tab" })
+], F);
+var Jt = Object.defineProperty, Mt = Object.getOwnPropertyDescriptor, Ze = (e, s, i, o) => {
+  for (var r = o > 1 ? void 0 : o ? Mt(s, i) : s, c = e.length - 1, f; c >= 0; c--)
+    (f = e[c]) && (r = (o ? f(s, i, r) : f(r)) || r);
+  return o && r && Jt(s, i, r), r;
 };
-let H = class extends HTMLElement {
+let M = class extends HTMLElement {
   constructor() {
     super(...arguments), this.content = [];
   }
   render() {
-    return /* @__PURE__ */ a("nav", { className: "sps-tabbed-nav" }, this.content);
+    return /* @__PURE__ */ p("nav", { className: "sps-tabbed-nav" }, this.content);
   }
 };
-H.displayName = "sps-nav-tab-set";
-H.props = {};
-Qe([
-  fe()
-], H.prototype, "content", 2);
-H = Qe([
-  T({ tag: "sps-nav-tab-set" })
-], H);
-const vs = {
+M.displayName = "sps-nav-tab-set";
+M.props = {};
+Ze([
+  be()
+], M.prototype, "content", 2);
+M = Ze([
+  K({ tag: "sps-nav-tab-set" })
+], M);
+const ds = {
   basic: {
     label: "Basic Navigation Tabs",
-    description: l`
+    description: u`
           <p>Navigation tabs native web component</p>
         `,
     examples: {
       basic: {
-        react: l`
+        react: u`
                     function DemoComponent() {
                         const tabs = [
                             { label: "Tab A", icon: "chart-line" },
@@ -1994,13 +1975,13 @@ const 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";
-let y = class extends HTMLElement {
+var es = Object.defineProperty, ts = Object.getOwnPropertyDescriptor, j = (e, s, i, o) => {
+  for (var r = o > 1 ? void 0 : o ? ts(s, i) : s, c = e.length - 1, f; c >= 0; c--)
+    (f = e[c]) && (r = (o ? f(s, i, r) : f(r)) || r);
+  return o && r && es(s, i, r), r;
+}, ss = /* @__PURE__ */ ((e) => (e.FIT = "fit", e.FILL = "fill", e))(ss || {});
+const q = "sps-photo";
+let I = class extends HTMLElement {
   constructor() {
     super(...arguments), this.mode = "fill";
   }
@@ -2009,22 +1990,22 @@ let y = class extends HTMLElement {
   }
   set image(e) {
     this.imageInternal = e, e && (this.waitForImgHeightInterval && window.clearInterval(this.waitForImgHeightInterval), this.waitForImgHeightInterval = window.setInterval(() => {
-      const t = e.getBoundingClientRect();
-      if (t.height) {
+      const s = e.getBoundingClientRect();
+      if (s.height) {
         window.clearInterval(this.waitForImgHeightInterval), delete this.waitForImgHeightInterval;
-        let s = t.width / t.height > 1;
-        this.fitWidth = s === (this.mode === "fit");
+        let i = s.width / s.height > 1;
+        this.fitWidth = i === (this.mode === "fit");
       }
     }, 1e3 / 60));
   }
-  get [j]() {
+  get [X]() {
     return [
-      F,
-      this.fitWidth ? `${F}--fit-width` : `${F}--fit-height`,
-      this.placeholderIcon && `${F}--placeholder`
+      q,
+      this.fitWidth ? `${q}--fit-width` : `${q}--fit-height`,
+      this.placeholderIcon && `${q}--placeholder`
     ];
   }
-  get [ae]() {
+  get [ve]() {
     return {
       fontSize: `${this.width * 0.05}rem`,
       width: `${this.width}rem`,
@@ -2041,50 +2022,50 @@ let y = class extends HTMLElement {
     this.waitForWidthInterval && window.clearInterval(this.waitForWidthInterval), this.waitForImgHeightInterval && window.clearInterval(this.waitForImgHeightInterval);
   }
   render() {
-    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}` });
+    return this.src ? this.width ? /* @__PURE__ */ p("img", { src: this.src, alt: this.altText }) : /* @__PURE__ */ p("span", null) : /* @__PURE__ */ p("i", { className: `sps-icon sps-icon-${this.placeholderIcon}` });
   }
   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;
+      const s = document.body.parentElement.style.fontSize || "16px", i = Number(s.substr(0, s.length - 2));
+      this.width = e / i;
     }
   }
 };
-y.displayName = F;
-y.props = {
+I.displayName = q;
+I.props = {
   src: "string",
   altText: "string",
   mode: "SpsPhotoDisplayMode",
   placeholderIcon: "SpsIcon"
 };
-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 })
-], y);
-const bs = {
+j([
+  m()
+], I.prototype, "src", 2);
+j([
+  m()
+], I.prototype, "altText", 2);
+j([
+  m()
+], I.prototype, "mode", 2);
+j([
+  m()
+], I.prototype, "placeholderIcon", 2);
+j([
+  Ke()
+], I.prototype, "width", 2);
+j([
+  Ke()
+], I.prototype, "fitWidth", 2);
+j([
+  we("img", { refresh: !0 })
+], I.prototype, "image", 1);
+I = j([
+  K({ tag: q })
+], I);
+const us = {
   sizing: {
     label: "Sizing",
-    description: l`
+    description: u`
         <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,
@@ -2094,7 +2075,7 @@ const bs = {
     `,
     examples: {
       basic: {
-        jsx: l`
+        jsx: u`
             <div className="sfg-row">
                 <div className="sfg-col-2">
                     <sps-card>
@@ -2118,7 +2099,7 @@ const bs = {
   },
   displayMode: {
     label: "Fill vs. Fit",
-    description: l`
+    description: u`
         <p>
             There are two display modes available:
             <ul>
@@ -2130,7 +2111,7 @@ const bs = {
     examples: {
       landscape: {
         description: "<p>Landscape oriented photo (container outline added for illustrative purposes)</p>",
-        jsx: l`
+        jsx: u`
             <div className="sfg-row">
                 <div className="sfg-col-4">
                     <sps-photo src="assets/images/photo-landscape.jpg" mode="fill"></sps-photo>
@@ -2143,7 +2124,7 @@ const bs = {
       },
       portrait: {
         description: "<p>Portrait oriented photo (container outline added for illustrative purposes)</p>",
-        jsx: l`
+        jsx: u`
             <div className="sfg-row">
                 <div className="sfg-col-4">
                     <sps-photo src="assets/images/photo-portrait.jpg" mode="fill"></sps-photo>
@@ -2158,7 +2139,7 @@ const bs = {
   },
   placeholder: {
     label: "Placeholders",
-    description: l`
+    description: u`
         <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.
@@ -2170,7 +2151,7 @@ const bs = {
     examples: {
       general: {
         description: "<p>General Photo</p>",
-        jsx: l`
+        jsx: u`
                 <div className="sfg-row">
                     <div className="sfg-col-3">
                         <sps-photo placeholderIcon="photo"></sps-photo>
@@ -2180,7 +2161,7 @@ const bs = {
       },
       photoAlt: {
         description: "<p>Photo Alt</p>",
-        jsx: l`
+        jsx: u`
                 <div className="sfg-row">
                     <div className="sfg-col-3">
                         <sps-photo placeholderIcon="camera"></sps-photo>
@@ -2190,7 +2171,7 @@ const bs = {
       },
       user: {
         description: "<p>User / Single Person</p>",
-        jsx: l`
+        jsx: u`
                 <div className="sfg-row">
                     <div className="sfg-col-3">
                         <sps-photo placeholderIcon="user"></sps-photo>
@@ -2200,7 +2181,7 @@ const bs = {
       },
       group: {
         description: "<p>Group / Multiple People</p>",
-        jsx: l`
+        jsx: u`
                 <div className="sfg-row">
                     <div className="sfg-col-3">
                         <sps-photo placeholderIcon="group"></sps-photo>
@@ -2210,7 +2191,7 @@ const bs = {
       },
       company: {
         description: "<p>Company / Building</p>",
-        jsx: l`
+        jsx: u`
                 <div className="sfg-row">
                     <div className="sfg-col-3">
                         <sps-photo placeholderIcon="building"></sps-photo>
@@ -2222,32 +2203,32 @@ const bs = {
   }
 };
 export {
-  ye as AttrBindings,
-  j as ClassBindings,
-  T as Component,
-  fe as Content,
-  ge as EventDispatcher,
-  M as EventListener,
-  ds as MANIFEST,
-  Ke as MIMEType,
-  c as Prop,
-  me as QuerySelector,
-  Qt as QuerySelectorAll,
-  h as SpsFileUploadComponent,
-  gs as SpsFileUploadExamples,
-  N as SpsInsightCardComponent,
-  ms as SpsInsightCardExamples,
-  R as SpsInsightsComponent,
-  A 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,
-  hs as register,
-  us as webComponentsUseI18n
+  We as AttrBindings,
+  X as ClassBindings,
+  K as Component,
+  be as Content,
+  Ce as EventDispatcher,
+  le as EventListener,
+  rs as MANIFEST,
+  Qe as MIMEType,
+  m as Prop,
+  we as QuerySelector,
+  Wt as QuerySelectorAll,
+  b as SpsFileUploadComponent,
+  cs as SpsFileUploadExamples,
+  E as SpsInsightCardComponent,
+  ps as SpsInsightCardExamples,
+  G as SpsInsightsComponent,
+  F as SpsNavTabComponent,
+  M as SpsNavTabSetComponent,
+  ds as SpsNavTabsExamples,
+  I as SpsPhotoComponent,
+  ss as SpsPhotoDisplayMode,
+  us as SpsPhotoExamples,
+  ve as StyleBindings,
+  Ke as Watch,
+  p as h,
+  ls as namespaceOverrideRegistrar,
+  os as register,
+  as as webComponentsUseI18n
 };