@spscommerce/ds-web-components 8.33.9 → 8.34.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/lib/index.js CHANGED
@@ -1,6 +1,7 @@
1
- import { noI18nI18n as $t, SpsIcon as Te, SpsInsightCardKind as Bt, SpsInsightCardIcons as jt } from "@spscommerce/ds-shared";
2
- import { parseFileSize as Tt, code as u } from "@spscommerce/utils";
3
- const rs = {
1
+ import { SpsIcon as Ue, SpsInsightCardKind as $t, SpsInsightCardIcons as Bt } from "@spscommerce/ds-shared";
2
+ import { parseFileSize as jt, code as u } from "@spscommerce/utils";
3
+ import { i18nWoodland as P } from "@spscommerce/i18n";
4
+ const is = {
4
5
  /*
5
6
  * 'Insight Cards': {
6
7
  * components: [SpsInsightCardComponent, SpsInsightsComponent],
@@ -18,10 +19,10 @@ const rs = {
18
19
  *},
19
20
  */
20
21
  };
21
- var g = {}, Ue;
22
- function Ut() {
23
- if (Ue) return g;
24
- Ue = 1, Object.defineProperty(g, "__esModule", { value: !0 });
22
+ var g = {}, ze;
23
+ function Tt() {
24
+ if (ze) return g;
25
+ ze = 1, Object.defineProperty(g, "__esModule", { value: !0 });
25
26
  /**
26
27
  * @license
27
28
  * Copyright 2018 The Incremental DOM Authors. All Rights Reserved.
@@ -67,7 +68,7 @@ function Ut() {
67
68
  function r() {
68
69
  return new i();
69
70
  }
70
- function c(t, n) {
71
+ function p(t, n) {
71
72
  for (; t.length > n; )
72
73
  t.pop();
73
74
  }
@@ -93,7 +94,7 @@ function Ut() {
93
94
  if (t.lastIndexOf("xlink:", 0) === 0)
94
95
  return "http://www.w3.org/1999/xlink";
95
96
  }
96
- function $(t, n, a) {
97
+ function V(t, n, a) {
97
98
  if (a == null)
98
99
  t.removeAttribute(n);
99
100
  else {
@@ -101,7 +102,7 @@ function Ut() {
101
102
  l ? t.setAttributeNS(l, n, String(a)) : t.setAttribute(n, String(a));
102
103
  }
103
104
  }
104
- function Ne(t, n, a) {
105
+ function xe(t, n, a) {
105
106
  t[n] = a;
106
107
  }
107
108
  function Ye(t, n, a) {
@@ -119,12 +120,12 @@ function Ut() {
119
120
  }
120
121
  function Me(t, n, a) {
121
122
  var l = typeof a;
122
- l === "object" || l === "function" ? Ne(t, n, a) : $(t, n, a);
123
+ l === "object" || l === "function" ? xe(t, n, a) : V(t, n, a);
123
124
  }
124
- var Q = r();
125
- Q[e.default] = Me, Q.style = Je;
126
- function Z(t, n, a) {
127
- var l = Q[n] || Q[e.default];
125
+ var Z = r();
126
+ Z[e.default] = Me, Z.style = Je;
127
+ function Y(t, n, a) {
128
+ var l = Z[n] || Z[e.default];
128
129
  l(t, n, a);
129
130
  }
130
131
  /**
@@ -143,8 +144,8 @@ function Ut() {
143
144
  * See the License for the specific language governing permissions and
144
145
  * limitations under the License.
145
146
  */
146
- var Y = !1, ce = !1;
147
- function xe(t, n) {
147
+ var J = !1, pe = !1;
148
+ function ye(t, n) {
148
149
  if (!n)
149
150
  throw new Error("Cannot call " + t + "() unless in patch.");
150
151
  }
@@ -160,20 +161,20 @@ function Ut() {
160
161
  function tt(t) {
161
162
  t || console.warn("patchOuter requires the node have a parent if there is a key.");
162
163
  }
163
- function V(t) {
164
- if (Y)
164
+ function W(t) {
165
+ if (J)
165
166
  throw new Error(t + "() can not be called between elementOpenStart() and elementOpenEnd().");
166
167
  }
167
- function ye(t) {
168
- if (ce)
168
+ function Se(t) {
169
+ if (pe)
169
170
  throw new Error(t + "() may not be called inside an element that has called skip().");
170
171
  }
171
- function pe(t) {
172
- if (!Y)
172
+ function de(t) {
173
+ if (!J)
173
174
  throw new Error(t + "() can only be called after calling elementOpenStart().");
174
175
  }
175
176
  function st() {
176
- if (Y)
177
+ if (J)
177
178
  throw new Error("elementOpenEnd() must be called after calling elementOpenStart().");
178
179
  }
179
180
  function nt(t, n) {
@@ -185,20 +186,20 @@ function Ut() {
185
186
  throw new Error(t + "() must come before any child declarations inside the current element.");
186
187
  }
187
188
  function rt(t, n, a, l) {
188
- se(t);
189
+ ne(t);
189
190
  var d = t, h = n, y = h.nextSibling === a && h.previousSibling === l, C = h.nextSibling === d.nextSibling && h.previousSibling === l, S = h === d;
190
191
  if (!y && !C && !S)
191
192
  throw new Error("There must be exactly one top level call corresponding to the patched element.");
192
193
  }
193
- function ee(t) {
194
- var n = Y;
195
- return Y = t, n;
196
- }
197
194
  function te(t) {
198
- var n = ce;
199
- return ce = t, n;
195
+ var n = J;
196
+ return J = t, n;
200
197
  }
201
198
  function se(t) {
199
+ var n = pe;
200
+ return pe = t, n;
201
+ }
202
+ function ne(t) {
202
203
  if (process.env.NODE_ENV !== "production" && !t)
203
204
  throw new Error("Expected value to be defined");
204
205
  return t;
@@ -219,7 +220,7 @@ function Ut() {
219
220
  * See the License for the specific language governing permissions and
220
221
  * limitations under the License.
221
222
  */
222
- var J = {
223
+ var M = {
223
224
  nodesCreated: null,
224
225
  nodesDeleted: null
225
226
  };
@@ -250,7 +251,7 @@ function Ut() {
250
251
  }, t.prototype.markDeleted = function(n) {
251
252
  this.deleted.push(n);
252
253
  }, t.prototype.notifyChanges = function() {
253
- J.nodesCreated && this.created.length > 0 && J.nodesCreated(this.created), J.nodesDeleted && this.deleted.length > 0 && J.nodesDeleted(this.deleted);
254
+ M.nodesCreated && this.created.length > 0 && M.nodesCreated(this.created), M.nodesDeleted && this.deleted.length > 0 && M.nodesDeleted(this.deleted);
254
255
  }, t;
255
256
  }()
256
257
  );
@@ -273,7 +274,7 @@ function Ut() {
273
274
  function ot(t) {
274
275
  return t.nodeType === 11 || t.nodeType === 9;
275
276
  }
276
- function de(t) {
277
+ function ue(t) {
277
278
  return t.nodeType === 1;
278
279
  }
279
280
  function lt(t) {
@@ -338,34 +339,34 @@ function Ut() {
338
339
  }, t;
339
340
  }()
340
341
  );
341
- function ue(t, n, a, l) {
342
+ function he(t, n, a, l) {
342
343
  var d = new ft(n, a, l);
343
344
  return t.__incrementalDOMData = d, d;
344
345
  }
345
- function W(t, n) {
346
- return Se(t, n);
346
+ function H(t, n) {
347
+ return Ae(t, n);
347
348
  }
348
349
  function gt(t) {
349
350
  return !!t.__incrementalDOMData;
350
351
  }
351
352
  function mt(t) {
352
- return se(t.__incrementalDOMData), W(t).key;
353
+ return ne(t.__incrementalDOMData), H(t).key;
353
354
  }
354
- function Se(t, n) {
355
+ function Ae(t, n) {
355
356
  if (t.__incrementalDOMData)
356
357
  return t.__incrementalDOMData;
357
- 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);
358
- return de(t) && vt(t, h), h;
358
+ var a = ue(t) ? t.localName : t.nodeName, l = ue(t) ? t.getAttribute("key") || n : null, d = lt(t) ? t.data : void 0, h = he(t, a, l, d);
359
+ return ue(t) && vt(t, h), h;
359
360
  }
360
- function Ae(t) {
361
- Se(t);
361
+ function Oe(t) {
362
+ Ae(t);
362
363
  for (var n = t.firstChild; n; n = n.nextSibling)
363
- Ae(n);
364
+ Oe(n);
364
365
  }
365
- function Oe(t) {
366
+ function De(t) {
366
367
  t.__incrementalDOMData = null;
367
368
  for (var n = t.firstChild; n; n = n.nextSibling)
368
- Oe(n);
369
+ De(n);
369
370
  }
370
371
  function vt(t, n) {
371
372
  var a = t.attributes, l = a.length;
@@ -392,7 +393,7 @@ function Ut() {
392
393
  * limitations under the License.
393
394
  */
394
395
  function bt(t, n) {
395
- 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;
396
+ return t === "svg" ? "http://www.w3.org/2000/svg" : t === "math" ? "http://www.w3.org/1998/Math/MathML" : n == null || H(n).nameOrCtor === "foreignObject" ? null : n.namespaceURI;
396
397
  }
397
398
  function Ct(t, n, a, l) {
398
399
  var d;
@@ -402,11 +403,11 @@ function Ut() {
402
403
  var h = bt(a, n);
403
404
  h ? d = t.createElementNS(h, a) : d = t.createElement(a);
404
405
  }
405
- return ue(d, a, l), d;
406
+ return he(d, a, l), d;
406
407
  }
407
408
  function wt(t) {
408
409
  var n = t.createTextNode("");
409
- return ue(n, "#text", null), n;
410
+ return he(n, "#text", null), n;
410
411
  }
411
412
  /**
412
413
  * @license
@@ -424,88 +425,88 @@ function Ut() {
424
425
  * See the License for the specific language governing permissions and
425
426
  * limitations under the License.
426
427
  */
427
- var H = null, v = null, x = null, T = null, ne = [], ie = [];
428
- function re() {
429
- return ie;
428
+ var q = null, v = null, x = null, T = null, ie = [], re = [];
429
+ function ae() {
430
+ return re;
430
431
  }
431
- function De(t) {
432
+ function Pe(t) {
432
433
  var n = function(a, l, d) {
433
- var h = H, y = T, C = ne, S = ie, w = v, O = x, L = !1, oe = !1;
434
- 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));
434
+ var h = q, y = T, C = ie, S = re, w = v, O = x, F = !1, le = !1;
435
+ q = new at(), T = a.ownerDocument, re = [], x = a.parentNode, ie = ut(a, x), process.env.NODE_ENV !== "production" && (F = te(!1), le = se(!1));
435
436
  try {
436
437
  var Rt = t(a, l, d);
437
438
  return process.env.NODE_ENV !== "production" && st(), Rt;
438
439
  } finally {
439
- T = y, ie = S, v = w, x = O, ne = C, H.notifyChanges(), ee(L), te(oe), H = h;
440
+ T = y, re = S, v = w, x = O, ie = C, q.notifyChanges(), te(F), se(le), q = h;
440
441
  }
441
442
  };
442
443
  return n;
443
444
  }
444
- var Pe = De(function(t, n, a) {
445
- return v = t, Le(), n(a), Fe(), process.env.NODE_ENV !== "production" && et(v, t), t;
446
- }), _t = De(function(t, n, a) {
445
+ var Ee = Pe(function(t, n, a) {
446
+ return v = t, Fe(), n(a), Re(), process.env.NODE_ENV !== "production" && et(v, t), t;
447
+ }), _t = Pe(function(t, n, a) {
447
448
  var l = { nextSibling: t }, d = null, h = null;
448
- 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;
449
+ 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 && Le(x, oe(), t.nextSibling), l === v ? null : v;
449
450
  });
450
- function Ee(t, n, a) {
451
- var l = W(t, a);
451
+ function ke(t, n, a) {
452
+ var l = H(t, a);
452
453
  return n == l.nameOrCtor && a == l.key;
453
454
  }
454
455
  function Nt(t, n, a) {
455
456
  if (!t)
456
457
  return null;
457
- if (Ee(t, n, a))
458
+ if (ke(t, n, a))
458
459
  return t;
459
460
  if (a) {
460
461
  for (; t = t.nextSibling; )
461
- if (Ee(t, n, a))
462
+ if (ke(t, n, a))
462
463
  return t;
463
464
  }
464
465
  return null;
465
466
  }
466
467
  function xt(t, n) {
467
468
  var a;
468
- return t === "#text" ? a = wt(T) : a = Ct(T, x, t, n), H.markCreated(a), a;
469
+ return t === "#text" ? a = wt(T) : a = Ct(T, x, t, n), q.markCreated(a), a;
469
470
  }
470
- function ke(t, n) {
471
+ function Ie(t, n) {
471
472
  var a = Nt(v, t, n), l = a || xt(t, n);
472
- l !== v && (ne.indexOf(l) >= 0 ? ht(x, l, v) : x.insertBefore(l, v), v = l);
473
+ l !== v && (ie.indexOf(l) >= 0 ? ht(x, l, v) : x.insertBefore(l, v), v = l);
473
474
  }
474
- function Ie(t, n, a) {
475
+ function Le(t, n, a) {
475
476
  for (var l = t, d = n; d !== a; ) {
476
477
  var h = d.nextSibling;
477
- l.removeChild(d), H.markDeleted(d), d = h;
478
+ l.removeChild(d), q.markDeleted(d), d = h;
478
479
  }
479
480
  }
480
- function Le() {
481
+ function Fe() {
481
482
  x = v, v = null;
482
483
  }
483
- function ae() {
484
+ function oe() {
484
485
  return v ? v.nextSibling : x.firstChild;
485
486
  }
486
- function he() {
487
- v = ae();
487
+ function fe() {
488
+ v = oe();
488
489
  }
489
- function Fe() {
490
- Ie(x, ae(), null), v = x, x = x.parentNode;
490
+ function Re() {
491
+ Le(x, oe(), null), v = x, x = x.parentNode;
491
492
  }
492
- function Re(t, n) {
493
- return he(), ke(t, n), Le(), x;
493
+ function $e(t, n) {
494
+ return fe(), Ie(t, n), Fe(), x;
494
495
  }
495
- function $e() {
496
- return process.env.NODE_ENV !== "production" && te(!1), Fe(), v;
496
+ function Be() {
497
+ return process.env.NODE_ENV !== "production" && se(!1), Re(), v;
497
498
  }
498
499
  function yt() {
499
- return he(), ke("#text", null), v;
500
+ return fe(), Ie("#text", null), v;
500
501
  }
501
502
  function St() {
502
- return process.env.NODE_ENV !== "production" && (xe("currentElement", T), V("currentElement")), x;
503
+ return process.env.NODE_ENV !== "production" && (ye("currentElement", T), W("currentElement")), x;
503
504
  }
504
505
  function At() {
505
- return process.env.NODE_ENV !== "production" && (xe("currentPointer", T), V("currentPointer")), ae();
506
+ return process.env.NODE_ENV !== "production" && (ye("currentPointer", T), W("currentPointer")), oe();
506
507
  }
507
508
  function Ot() {
508
- process.env.NODE_ENV !== "production" && (it("skip", v), te(!0)), v = x.lastChild;
509
+ process.env.NODE_ENV !== "production" && (it("skip", v), se(!0)), v = x.lastChild;
509
510
  }
510
511
  /**
511
512
  * @license
@@ -523,87 +524,87 @@ function Ut() {
523
524
  * See the License for the specific language governing permissions and
524
525
  * limitations under the License.
525
526
  */
526
- var Be = 3, k = r();
527
+ var je = 3, I = r();
527
528
  function Dt(t, n, a) {
528
529
  if (n.staticsApplied = !0, !(!a || !a.length)) {
529
530
  if (n.hasEmptyAttrsArr()) {
530
531
  for (var l = 0; l < a.length; l += 2)
531
- Z(t, a[l], a[l + 1]);
532
+ Y(t, a[l], a[l + 1]);
532
533
  return;
533
534
  }
534
535
  for (var l = 0; l < a.length; l += 2)
535
- k[a[l]] = l + 1;
536
+ I[a[l]] = l + 1;
536
537
  for (var d = n.getAttrsArr(0), h = 0, l = 0; l < d.length; l += 2) {
537
- var y = d[l], C = d[l + 1], S = k[y];
538
+ var y = d[l], C = d[l + 1], S = I[y];
538
539
  if (S) {
539
- a[S] === C && delete k[y];
540
+ a[S] === C && delete I[y];
540
541
  continue;
541
542
  }
542
543
  d[h] = y, d[h + 1] = C, h += 2;
543
544
  }
544
- c(d, h);
545
- for (var y in k)
546
- Z(t, y, a[k[y]]), delete k[y];
545
+ p(d, h);
546
+ for (var y in I)
547
+ Y(t, y, a[I[y]]), delete I[y];
547
548
  }
548
549
  }
549
- function fe(t, n, a) {
550
- process.env.NODE_ENV !== "production" && (V("elementOpen"), ye("elementOpen"));
551
- var l = Re(t, n), d = W(l);
550
+ function ge(t, n, a) {
551
+ process.env.NODE_ENV !== "production" && (W("elementOpen"), Se("elementOpen"));
552
+ var l = $e(t, n), d = H(l);
552
553
  d.staticsApplied || Dt(l, d, a);
553
- var h = Math.max(0, arguments.length - Be), y = d.hasEmptyAttrsArr();
554
+ var h = Math.max(0, arguments.length - je), y = d.hasEmptyAttrsArr();
554
555
  if (!h && y)
555
556
  return l;
556
- for (var C = d.getAttrsArr(h), S = Be, w = 0; S < arguments.length; S += 2, w += 2) {
557
+ for (var C = d.getAttrsArr(h), S = je, w = 0; S < arguments.length; S += 2, w += 2) {
557
558
  var O = arguments[S];
558
559
  if (y)
559
560
  C[w] = O;
560
561
  else if (C[w] !== O)
561
562
  break;
562
- var L = arguments[S + 1];
563
- (y || C[w + 1] !== L) && (C[w + 1] = L, Z(l, O, L));
563
+ var F = arguments[S + 1];
564
+ (y || C[w + 1] !== F) && (C[w + 1] = F, Y(l, O, F));
564
565
  }
565
566
  if (S < arguments.length || w < C.length) {
566
- for (var oe = w; w < C.length; w += 2)
567
- k[C[w]] = C[w + 1];
568
- for (w = oe; S < arguments.length; S += 2, w += 2) {
569
- var O = arguments[S], L = arguments[S + 1];
570
- k[O] !== L && Z(l, O, L), C[w] = O, C[w + 1] = L, delete k[O];
567
+ for (var le = w; w < C.length; w += 2)
568
+ I[C[w]] = C[w + 1];
569
+ for (w = le; S < arguments.length; S += 2, w += 2) {
570
+ var O = arguments[S], F = arguments[S + 1];
571
+ I[O] !== F && Y(l, O, F), C[w] = O, C[w + 1] = F, delete I[O];
571
572
  }
572
- c(C, w);
573
- for (var O in k)
574
- Z(l, O, void 0), delete k[O];
573
+ p(C, w);
574
+ for (var O in I)
575
+ Y(l, O, void 0), delete I[O];
575
576
  }
576
577
  return l;
577
578
  }
578
579
  function Pt(t, n, a) {
579
- var l = re();
580
- process.env.NODE_ENV !== "production" && (V("elementOpenStart"), ee(!0)), l[0] = t, l[1] = n, l[2] = a;
580
+ var l = ae();
581
+ process.env.NODE_ENV !== "production" && (W("elementOpenStart"), te(!0)), l[0] = t, l[1] = n, l[2] = a;
581
582
  }
582
583
  function Et(t) {
583
- var n = re();
584
- process.env.NODE_ENV !== "production" && (pe("key"), se(n)), n[1] = t;
584
+ var n = ae();
585
+ process.env.NODE_ENV !== "production" && (de("key"), ne(n)), n[1] = t;
585
586
  }
586
587
  function kt(t, n) {
587
- var a = re();
588
- process.env.NODE_ENV !== "production" && pe("attr"), a.push(t), a.push(n);
588
+ var a = ae();
589
+ process.env.NODE_ENV !== "production" && de("attr"), a.push(t), a.push(n);
589
590
  }
590
591
  function It() {
591
- var t = re();
592
- process.env.NODE_ENV !== "production" && (pe("elementOpenEnd"), ee(!1)), se(t);
593
- var n = fe.apply(null, t);
594
- return c(t, 0), n;
592
+ var t = ae();
593
+ process.env.NODE_ENV !== "production" && (de("elementOpenEnd"), te(!1)), ne(t);
594
+ var n = ge.apply(null, t);
595
+ return p(t, 0), n;
595
596
  }
596
- function je(t) {
597
- process.env.NODE_ENV !== "production" && V("elementClose");
598
- var n = $e();
599
- return process.env.NODE_ENV !== "production" && nt(W(n).nameOrCtor, t), n;
597
+ function Te(t) {
598
+ process.env.NODE_ENV !== "production" && W("elementClose");
599
+ var n = Be();
600
+ return process.env.NODE_ENV !== "production" && nt(H(n).nameOrCtor, t), n;
600
601
  }
601
602
  function Lt(t, n, a) {
602
- return fe.apply(null, arguments), je(t);
603
+ return ge.apply(null, arguments), Te(t);
603
604
  }
604
605
  function Ft(t) {
605
- process.env.NODE_ENV !== "production" && (V("text"), ye("text"));
606
- var n = yt(), a = W(n);
606
+ process.env.NODE_ENV !== "production" && (W("text"), Se("text"));
607
+ var n = yt(), a = H(n);
607
608
  if (a.text !== t) {
608
609
  a.text = t;
609
610
  for (var l = t, d = 1; d < arguments.length; d += 1) {
@@ -630,21 +631,14 @@ function Ut() {
630
631
  * See the License for the specific language governing permissions and
631
632
  * limitations under the License.
632
633
  */
633
- 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;
634
+ return g.applyAttr = V, g.applyProp = xe, g.attributes = Z, g.close = Be, g.currentElement = St, g.currentPointer = At, g.open = $e, g.patch = Ee, g.patchInner = Ee, g.patchOuter = _t, g.skip = Ot, g.skipNode = fe, g.getKey = mt, g.clearCache = De, g.importNode = Oe, g.isDataInitialized = gt, g.notifications = M, g.symbols = e, g.attr = kt, g.elementClose = Te, g.elementOpen = ge, g.elementOpenEnd = It, g.elementOpenStart = Pt, g.elementVoid = Lt, g.text = Ft, g.key = Et, g;
634
635
  }
635
- var A = Ut();
636
- function ze(e) {
636
+ var A = Tt();
637
+ function Ve(e) {
637
638
  let s = A.currentPointer();
638
639
  return s instanceof Comment && s.data !== e ? s.data = e : (s = document.createComment(e), A.currentElement().appendChild(s)), A.skipNode(), s;
639
640
  }
640
- let He = $t;
641
- function as(e) {
642
- He = e;
643
- }
644
- function zt() {
645
- return He;
646
- }
647
- const U = Symbol("ComponentMetadata"), P = Object.freeze({
641
+ const U = Symbol("ComponentMetadata"), E = Object.freeze({
648
642
  has(e, s) {
649
643
  return !!(e[U] && Object.prototype.hasOwnProperty.call(e[U], s));
650
644
  },
@@ -654,85 +648,85 @@ const U = Symbol("ComponentMetadata"), P = Object.freeze({
654
648
  get(e, s, i) {
655
649
  return e[U] && e[U][s] || i;
656
650
  }
657
- }), Ve = Symbol("ds-web-components:pragma:listeners-attached"), qe = "idom-pragma:content-begin", ge = "idom-pragma:content-end";
658
- function me(e) {
651
+ }), We = Symbol("ds-web-components:pragma:listeners-attached"), qe = "idom-pragma:content-begin", me = "idom-pragma:content-end";
652
+ function ve(e) {
659
653
  for (const s of e)
660
654
  if (typeof s == "function")
661
655
  s();
662
656
  else if (typeof s == "string")
663
657
  A.text(s);
664
658
  else if (s instanceof Set)
665
- me(Array.from(s));
659
+ ve(Array.from(s));
666
660
  else if (Array.isArray(s) && s.length > 0) {
667
661
  let i = A.currentPointer();
668
- if (ze(qe), i === null) {
662
+ if (Ve(qe), i === null) {
669
663
  const o = A.currentElement();
670
664
  for (let r = 0; r < s.length; r += 1)
671
665
  o.contains(s[r]) || o.appendChild(s[r]), A.skipNode();
672
666
  }
673
- for (; i && i.data !== ge; )
667
+ for (; i && i.data !== me; )
674
668
  A.skipNode(), i = A.currentPointer();
675
- ze(ge);
669
+ Ve(me);
676
670
  }
677
671
  }
678
- function p(e, s, ...i) {
672
+ function c(e, s, ...i) {
679
673
  if (s) {
680
674
  for (const o of Object.keys(s))
681
675
  if (o.toUpperCase() === "DATA-FRAGMENT")
682
- return () => me(i);
676
+ return () => ve(i);
683
677
  }
684
678
  return () => {
685
679
  A.elementOpenStart(e);
686
680
  const o = [];
687
681
  if (s)
688
- for (const c of Object.keys(s))
689
- c.toUpperCase() === "CLASSNAME" ? A.attr("class", s[c]) : /^on[A-Z]/.test(c) ? o.push(c) : A.attr(c, s[c]);
682
+ for (const p of Object.keys(s))
683
+ p.toUpperCase() === "CLASSNAME" ? A.attr("class", s[p]) : /^on[A-Z]/.test(p) ? o.push(p) : A.attr(p, s[p]);
690
684
  A.elementOpenEnd(e);
691
685
  const r = A.currentElement();
692
- if (!r[Ve]) {
693
- for (const c of o)
694
- r.addEventListener(c.substr(2).toLowerCase(), s[c]);
695
- r[Ve] = !0;
686
+ if (!r[We]) {
687
+ for (const p of o)
688
+ r.addEventListener(p.substr(2).toLowerCase(), s[p]);
689
+ r[We] = !0;
696
690
  }
697
- me(i), A.elementClose(e);
691
+ ve(i), A.elementClose(e);
698
692
  };
699
693
  }
700
694
  function Ge(e, s) {
701
695
  customElements.get(e) || customElements.define(e, s);
702
696
  }
703
- function os(...e) {
697
+ function rs(...e) {
704
698
  for (const s of e)
705
- Ge(P.get(s, "tag"), s);
699
+ Ge(E.get(s, "tag"), s);
706
700
  }
707
- function ls(e) {
701
+ function as(e) {
708
702
  return function(...i) {
709
703
  for (const o of i) {
710
- const r = `${e}${P.get(o, "tag").substr(3)}`;
704
+ const r = `${e}${E.get(o, "tag").substr(3)}`;
711
705
  Ge(r, o);
712
706
  }
713
707
  };
714
708
  }
715
- const We = Symbol("Component Attribute Bindings"), X = Symbol("Component Class Bindings"), ve = Symbol("Component Style Bindings"), Vt = {
709
+ const He = Symbol("Component Attribute Bindings"), K = Symbol("Component Class Bindings"), be = Symbol("Component Style Bindings"), Ut = {
716
710
  __initialized: !1,
717
711
  __observer: null,
718
712
  __queuedUpdate: null,
719
713
  __managedClasses: /* @__PURE__ */ new Set(),
720
714
  __updateHostBindings() {
721
715
  const e = this;
722
- for (const s of Object.keys(e[We] || {}))
723
- e.setAttribute(s, e[We][s]);
724
- for (const s of Object.keys(e[ve] || {}))
725
- e.style[s] = e[ve][s];
716
+ for (const s of Object.keys(e[He] || {}))
717
+ e.setAttribute(s, e[He][s]);
718
+ for (const s of Object.keys(e[be] || {}))
719
+ e.style[s] = e[be][s];
726
720
  for (const s of e.__managedClasses)
727
721
  e.classList.remove(s);
728
- for (const s of (e[X] || []).filter(Boolean))
722
+ for (const s of (e[K] || []).filter(Boolean))
729
723
  e.__managedClasses.add(s), e.classList.add(s);
730
724
  for (const s of (e.getAttribute("classname") || "").split(/\w+/).filter(Boolean))
731
725
  e.classList.add(s);
732
726
  },
733
727
  __updateChildQueries(e) {
734
728
  const s = this;
735
- for (const i of P.get(s.constructor, "childQueries", []))
729
+ for (const i of E.get(s.constructor, "childQueries", []))
736
730
  if (!e || e && i.refresh) {
737
731
  const o = i.all ? s.querySelectorAll : s.querySelector;
738
732
  s[i.key] = o.call(s, i.selector);
@@ -742,15 +736,15 @@ const We = Symbol("Component Attribute Bindings"), X = Symbol("Component Class B
742
736
  const e = this;
743
737
  let s = Array.from(e.childNodes), i = null, o = s.length;
744
738
  for (let r = 0; r < s.length; r += 1) {
745
- const c = s[r];
746
- c instanceof Comment && (c.data === qe ? i = r + 1 : c.data === ge && (o = r - 1));
739
+ const p = s[r];
740
+ p instanceof Comment && (p.data === qe ? i = r + 1 : p.data === me && (o = r - 1));
747
741
  }
748
742
  if (i === null)
749
743
  for (const r of s)
750
744
  r.parentNode.removeChild(r);
751
745
  else
752
746
  s = s.slice(i, o);
753
- P.has(e.constructor, "contentProp") && (e[P.get(e.constructor, "contentProp")] = s);
747
+ E.has(e.constructor, "contentProp") && (e[E.get(e.constructor, "contentProp")] = s);
754
748
  },
755
749
  __startMutObs() {
756
750
  const e = this;
@@ -764,7 +758,7 @@ const We = Symbol("Component Attribute Bindings"), X = Symbol("Component Class B
764
758
  },
765
759
  __doRender() {
766
760
  const e = this;
767
- e.__stopMutObs(), A.patch(e, e.render(zt())), e.__startMutObs();
761
+ e.__stopMutObs(), A.patch(e, e.render()), e.__startMutObs();
768
762
  },
769
763
  update() {
770
764
  const e = this;
@@ -781,7 +775,7 @@ const We = Symbol("Component Attribute Bindings"), X = Symbol("Component Class B
781
775
  connectedCallback() {
782
776
  const e = this;
783
777
  e.__cbConnected && e.__cbConnected();
784
- const s = P.get(e.constructor, "eventListeners", []);
778
+ const s = E.get(e.constructor, "eventListeners", []);
785
779
  setTimeout(() => {
786
780
  if (!e.__initialized) {
787
781
  e.__gatherChildren();
@@ -799,26 +793,26 @@ const We = Symbol("Component Attribute Bindings"), X = Symbol("Component Class B
799
793
  disconnectedCallback() {
800
794
  const e = this;
801
795
  e.__cbDisconnected && e.__cbDisconnected();
802
- for (const [s, i] of P.get(e.constructor, "eventListeners", []))
796
+ for (const [s, i] of E.get(e.constructor, "eventListeners", []))
803
797
  e.removeEventListener(s, e[i]);
804
798
  e.__stopMutObs();
805
799
  }
806
800
  };
807
- function K(e) {
801
+ function Q(e) {
808
802
  return (s) => {
809
- P.add(s, e), Object.assign(s.prototype, {
803
+ E.add(s, e), Object.assign(s.prototype, {
810
804
  __cbAttributeChanged: s.prototype.attributeChangedCallback,
811
805
  __cbConnected: s.prototype.connectedCallback,
812
806
  __cbDisconnected: s.prototype.disconnectedCallback
813
- }, Vt);
807
+ }, Ut);
814
808
  };
815
809
  }
816
- function be() {
810
+ function Ce() {
817
811
  return (e, s) => {
818
- P.add(e.constructor, { contentProp: s });
812
+ E.add(e.constructor, { contentProp: s });
819
813
  };
820
814
  }
821
- function Ce(e) {
815
+ function we(e) {
822
816
  return (s, i) => {
823
817
  Object.defineProperty(s, i, {
824
818
  get() {
@@ -835,10 +829,10 @@ function Ce(e) {
835
829
  });
836
830
  };
837
831
  }
838
- function le(e) {
832
+ function ce(e) {
839
833
  return (s, i) => {
840
- const o = P.get(s.constructor, "eventListeners", []);
841
- o.push([e, i]), P.add(s.constructor, { eventListeners: o });
834
+ const o = E.get(s.constructor, "eventListeners", []);
835
+ o.push([e, i]), E.add(s.constructor, { eventListeners: o });
842
836
  };
843
837
  }
844
838
  function m(e) {
@@ -852,18 +846,18 @@ function m(e) {
852
846
  get() {
853
847
  return this[r];
854
848
  },
855
- set(c) {
856
- this[r] = c;
849
+ set(p) {
850
+ this[r] = p;
857
851
  }
858
852
  }), e) {
859
- const c = Symbol.for(i);
853
+ const p = Symbol.for(i);
860
854
  Object.defineProperty(s, r, {
861
855
  get() {
862
- return this[c];
856
+ return this[p];
863
857
  },
864
858
  set(f) {
865
- let $ = f;
866
- e === Boolean && typeof f == "string" && f.toLowerCase() === "false" ? $ = !1 : $ = e(f), this[c] = $;
859
+ let V = f;
860
+ e === Boolean && typeof f == "string" && f.toLowerCase() === "false" ? V = !1 : V = e(f), this[p] = V;
867
861
  }
868
862
  });
869
863
  }
@@ -871,19 +865,19 @@ function m(e) {
871
865
  }
872
866
  function Xe(e, s, i) {
873
867
  return (o, r) => {
874
- const c = P.get(o.constructor, "childQueries", []);
875
- c.push({
868
+ const p = E.get(o.constructor, "childQueries", []);
869
+ p.push({
876
870
  key: r,
877
871
  selector: e,
878
872
  all: i,
879
873
  refresh: s.refresh
880
- }), P.add(o.constructor, { childQueries: c });
874
+ }), E.add(o.constructor, { childQueries: p });
881
875
  };
882
876
  }
883
- function we(e, s = {}) {
877
+ function _e(e, s = {}) {
884
878
  return Xe(e, s);
885
879
  }
886
- function Wt(e, s = {}) {
880
+ function zt(e, s = {}) {
887
881
  return Xe(e, s, !0);
888
882
  }
889
883
  function Ke() {
@@ -907,17 +901,17 @@ function Ke() {
907
901
  });
908
902
  };
909
903
  }
910
- 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) => {
911
- for (var r = o > 1 ? void 0 : o ? qt(s, i) : s, c = e.length - 1, f; c >= 0; c--)
912
- (f = e[c]) && (r = (o ? f(s, i, r) : f(r)) || r);
913
- return o && r && Ht(s, i, r), r;
904
+ 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 || {}), Vt = Object.defineProperty, Wt = Object.getOwnPropertyDescriptor, N = (e, s, i, o) => {
905
+ for (var r = o > 1 ? void 0 : o ? Wt(s, i) : s, p = e.length - 1, f; p >= 0; p--)
906
+ (f = e[p]) && (r = (o ? f(s, i, r) : f(r)) || r);
907
+ return o && r && Vt(s, i, r), r;
914
908
  };
915
909
  const _ = "sps-file-upload";
916
910
  let b = class extends HTMLElement {
917
911
  constructor() {
918
912
  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);
919
913
  }
920
- get [X]() {
914
+ get [K]() {
921
915
  return [
922
916
  _,
923
917
  this.active && `${_}--active`,
@@ -944,29 +938,29 @@ let b = class extends HTMLElement {
944
938
  show() {
945
939
  this.dismissable && (this.shown = !0, this.update());
946
940
  }
947
- render({ t: e }) {
948
- 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("|");
949
- 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(
950
- this.namesOfUnsupportedFiles.length > 1 ? "design-system:fileUpload.cancelled_plural" : "design-system:fileUpload.cancelled",
941
+ render() {
942
+ const e = this.error ? Ue.EXCLAMATION_CIRCLE : Ue.UPLOAD_CLOUD, s = (this.multiple ? P.t("fileUpload.instructions.other", { defaultValue: "Drag and drop your files here or |browse for files| on your desktop." }) : P.t("fileUpload.instructions.one", { defaultValue: "Drag and drop your file here or |browse for a file| on your desktop." })).split("|");
943
+ return /* @__PURE__ */ c("div", { "data-fragment": !0 }, /* @__PURE__ */ c("div", { className: `${_}__content` }, this.processing ? /* @__PURE__ */ c("div", { "data-fragment": !0 }, /* @__PURE__ */ c("i", { className: "sps-spinner sps-spinner--medium", "aria-hidden": "true" }), /* @__PURE__ */ c("div", { className: `${_}__instructions` }, P.t("fileUpload.processing", { defaultValue: "Processing Upload..." }))) : /* @__PURE__ */ c("div", { "data-fragment": !0 }, /* @__PURE__ */ c("i", { className: `sps-icon sps-icon-${e} ${_}__icon-primary`, "aria-hidden": "true" }), /* @__PURE__ */ c("div", { className: `${_}__title` }, this.error ? /* @__PURE__ */ c("div", { "data-fragment": !0 }, P.t(
944
+ this.namesOfUnsupportedFiles.length > 1 ? "fileUpload.cancelled_plural" : "fileUpload.cancelled",
951
945
  { defaultValue: this.namesOfUnsupportedFiles.length > 1 ? "File Upload(s) Failed" : "File Upload Failed" }
952
- )) : /* @__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) => {
953
- const c = Math.floor(o.length / 2);
954
- 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 ? "," : "");
955
- }))) : /* @__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(
946
+ )) : /* @__PURE__ */ c("div", { "data-fragment": !0 }, P.t("fileUpload.title", { description: this.description, defaultValue: `Upload Your ${this.description}` }))), this.error ? /* @__PURE__ */ c("div", { className: `${_}__errored-files` }, new Set(this.namesOfUnsupportedFiles.map((i, o) => {
947
+ const r = Math.floor(i.length / 2);
948
+ return /* @__PURE__ */ c("div", { className: `${_}__errored-filename`, key: i }, /* @__PURE__ */ c("span", { className: `${_}__errored-filename-segment` }, i.substr(0, r)), /* @__PURE__ */ c("div", { className: `${_}__errored-filename-segment` }, /* @__PURE__ */ c("span", null, i.substr(r))), o < this.namesOfUnsupportedFiles.length - 1 ? "," : "");
949
+ }))) : /* @__PURE__ */ c("span", null), /* @__PURE__ */ c("div", { className: `${_}__instructions` }, /* @__PURE__ */ c("div", { "data-fragment": !0 }, /* @__PURE__ */ c("span", null, s[0]), /* @__PURE__ */ c("a", { href: "", onClick: this.handleBrowseLinkClick }, s[1]), /* @__PURE__ */ c("span", null, s[2]))), /* @__PURE__ */ c("div", { className: `${_}__requirements` }, this.acceptExtensions ? /* @__PURE__ */ c("span", null, "(", " ", P.t("fileUpload.acceptedTypes", { fileTypes: this.acceptExtensionsDescription, defaultValue: `${this.acceptExtensionsDescription} format accepted` }), " ", ")") : "", this.maxSize ? /* @__PURE__ */ c("span", null, "(", " ", P.t("fileUpload.maximumSize", { size: this.maxSize, defaultValue: `${this.maxSize} maximum` }), " ", ")") : "", this.customRequirement ? /* @__PURE__ */ c("span", null, " ", this.customRequirement, " ") : ""), this.downloadLabel && /* @__PURE__ */ c(
956
950
  "div",
957
951
  {
958
952
  className: `sps-button sps-button--link ${_}__download-button`,
959
953
  onClick: this.handleDownloadButtonClick
960
954
  },
961
- /* @__PURE__ */ p("button", { type: "button" }, /* @__PURE__ */ p("i", { className: "sps-icon sps-icon-download-cloud", "aria-hidden": "true" }), " ", this.downloadLabel)
962
- ))), this.dismissable && !this.processing && /* @__PURE__ */ p(
955
+ /* @__PURE__ */ c("button", { type: "button" }, /* @__PURE__ */ c("i", { className: "sps-icon sps-icon-download-cloud", "aria-hidden": "true" }), " ", this.downloadLabel)
956
+ ))), this.dismissable && !this.processing && /* @__PURE__ */ c(
963
957
  "div",
964
958
  {
965
959
  className: `sps-button sps-button--icon ${_}__close-button`,
966
960
  onClick: this.dismiss
967
961
  },
968
- /* @__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" }))
969
- ), /* @__PURE__ */ p("form", null, /* @__PURE__ */ p(
962
+ /* @__PURE__ */ c("button", { type: "button", title: P.t("fileUpload.close", { defaultValue: "Close" }) }, /* @__PURE__ */ c("i", { className: "sps-icon sps-icon-x", "aria-hidden": "true" }))
963
+ ), /* @__PURE__ */ c("form", null, /* @__PURE__ */ c(
970
964
  "input",
971
965
  {
972
966
  type: "file",
@@ -978,17 +972,17 @@ let b = class extends HTMLElement {
978
972
  }
979
973
  parseAndValidateMaxSize(e) {
980
974
  try {
981
- this.maxSizeBytes = Tt(e);
975
+ this.maxSizeBytes = jt(e);
982
976
  } catch {
983
977
  throw new Error(`Could not parse "${e}" as a file size.`);
984
978
  }
985
979
  }
986
980
  processAcceptExtensions(e) {
987
981
  const i = (Array.isArray(e) ? e : e.trim().split(/\s?,\s?/)).map((r) => r.replace(/^\./, "")), o = i.map((r) => `.${r}`.toLowerCase());
988
- this.acceptExtensionsDescription = o.map((r, c) => c > 0 && c === o.length - 1 ? `or ${r}` : r).join(o.length > 2 ? ", " : " "), this.acceptMIMETypes.clear();
982
+ this.acceptExtensionsDescription = o.map((r, p) => p > 0 && p === o.length - 1 ? `or ${r}` : r).join(o.length > 2 ? ", " : " "), this.acceptMIMETypes.clear();
989
983
  for (const r of i)
990
- for (const c of Qe[r.toUpperCase()].split(","))
991
- this.acceptMIMETypes.add(c);
984
+ for (const p of Qe[r.toUpperCase()].split(","))
985
+ this.acceptMIMETypes.add(p);
992
986
  this.accept = o.concat(Array.from(this.acceptMIMETypes)).join(",");
993
987
  }
994
988
  selectFiles(e) {
@@ -1072,33 +1066,33 @@ N([
1072
1066
  m()
1073
1067
  ], b.prototype, "customRequirement", 2);
1074
1068
  N([
1075
- Ce()
1069
+ we()
1076
1070
  ], b.prototype, "selection", 2);
1077
1071
  N([
1078
- Ce()
1072
+ we()
1079
1073
  ], b.prototype, "dismissal", 2);
1080
1074
  N([
1081
- Ce()
1075
+ we()
1082
1076
  ], b.prototype, "download", 2);
1083
1077
  N([
1084
- we("input[type='file']")
1078
+ _e("input[type='file']")
1085
1079
  ], b.prototype, "fileInput", 2);
1086
1080
  N([
1087
- le("dragover")
1081
+ ce("dragover")
1088
1082
  ], b.prototype, "handleDragOver", 1);
1089
1083
  N([
1090
- le("dragenter")
1084
+ ce("dragenter")
1091
1085
  ], b.prototype, "handleDragEnter", 1);
1092
1086
  N([
1093
- le("dragleave")
1087
+ ce("dragleave")
1094
1088
  ], b.prototype, "handleDragLeave", 1);
1095
1089
  N([
1096
- le("drop")
1090
+ ce("drop")
1097
1091
  ], b.prototype, "handleDrop", 1);
1098
1092
  b = N([
1099
- K({ tag: _ })
1093
+ Q({ tag: _ })
1100
1094
  ], b);
1101
- const cs = {
1095
+ const os = {
1102
1096
  basic: {
1103
1097
  label: "Basic File Upload",
1104
1098
  description: u`
@@ -1418,41 +1412,41 @@ const cs = {
1418
1412
  }
1419
1413
  }
1420
1414
  };
1421
- var Gt = Object.defineProperty, Xt = Object.getOwnPropertyDescriptor, R = (e, s, i, o) => {
1422
- for (var r = o > 1 ? void 0 : o ? Xt(s, i) : s, c = e.length - 1, f; c >= 0; c--)
1423
- (f = e[c]) && (r = (o ? f(s, i, r) : f(r)) || r);
1424
- return o && r && Gt(s, i, r), r;
1415
+ var Ht = Object.defineProperty, qt = Object.getOwnPropertyDescriptor, $ = (e, s, i, o) => {
1416
+ for (var r = o > 1 ? void 0 : o ? qt(s, i) : s, p = e.length - 1, f; p >= 0; p--)
1417
+ (f = e[p]) && (r = (o ? f(s, i, r) : f(r)) || r);
1418
+ return o && r && Ht(s, i, r), r;
1425
1419
  };
1426
1420
  const D = "sps-insight-card";
1427
- let E = class extends HTMLElement {
1421
+ let k = class extends HTMLElement {
1428
1422
  constructor() {
1429
- super(...arguments), this.kind = Bt.GENERAL;
1423
+ super(...arguments), this.kind = $t.GENERAL;
1430
1424
  }
1431
- get [X]() {
1425
+ get [K]() {
1432
1426
  return [
1433
1427
  D,
1434
1428
  `${D}--${this.kind}`,
1435
1429
  this.detail && this.detail.children.length ? `${D}--has-detail` : null
1436
1430
  ];
1437
1431
  }
1438
- render({ t: e }) {
1439
- const s = /* @__PURE__ */ p("div", { className: `${D}__metric-count` }, this.metric), i = /* @__PURE__ */ p("div", { className: `${D}__description` }, /* @__PURE__ */ p(
1432
+ render() {
1433
+ const e = /* @__PURE__ */ c("div", { className: `${D}__metric-count` }, this.metric), s = /* @__PURE__ */ c("div", { className: `${D}__description` }, /* @__PURE__ */ c(
1440
1434
  "div",
1441
1435
  {
1442
1436
  className: `${D}__title`,
1443
1437
  style: { "-webkit-box-orient": "vertical" }
1444
1438
  },
1445
1439
  this.title
1446
- ), /* @__PURE__ */ p("div", { className: `${D}__detail` }, this.content)), o = this.partnercount, r = this.totalpartners, [
1447
- c,
1448
- f,
1449
- $
1450
- ] = (o ? e("design-system:insightCard.partnerCount", { count: o, total: r, defaultValue: `${o} |of| ${r}` }) : "").split("|");
1451
- 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" }))));
1440
+ ), /* @__PURE__ */ c("div", { className: `${D}__detail` }, this.content)), i = this.partnercount, o = this.totalpartners, [
1441
+ r,
1442
+ p,
1443
+ f
1444
+ ] = (i ? P.t("insightCard.partnerCount", { count: i, total: o, defaultValue: `${i} |of| ${o}` }) : "").split("|");
1445
+ return /* @__PURE__ */ c("div", { "data-fragment": !0 }, /* @__PURE__ */ c("div", { className: `${D}__body` }, this.icon ? /* @__PURE__ */ c("i", { className: `sps-icon sps-icon-${this.icon}` }) : /* @__PURE__ */ c("i", { className: `sps-icon sps-icon-${Bt[this.kind]}` }), e, s), i && /* @__PURE__ */ c("div", { className: `${D}__partner-count` }, i === o ? /* @__PURE__ */ c("div", null, P.t("insightCard.all", { defaultValue: "ALL" })) : /* @__PURE__ */ c("div", { "data-fragment": !0 }, /* @__PURE__ */ c("div", null, r), /* @__PURE__ */ c("div", null, p), /* @__PURE__ */ c("div", null, f)), /* @__PURE__ */ c("div", { className: `${D}__partners-text` }, P.t("insightCard.partners", { defaultValue: "PARTNERS" }))));
1452
1446
  }
1453
1447
  };
1454
- E.displayName = D;
1455
- E.props = {
1448
+ k.displayName = D;
1449
+ k.props = {
1456
1450
  icon: "SpsIcon",
1457
1451
  kind: "SpsInsightCardKind",
1458
1452
  title: "string",
@@ -1461,47 +1455,47 @@ E.props = {
1461
1455
  totalPartners: "number",
1462
1456
  secondary: "boolean"
1463
1457
  };
1464
- R([
1458
+ $([
1465
1459
  m()
1466
- ], E.prototype, "icon", 2);
1467
- R([
1460
+ ], k.prototype, "icon", 2);
1461
+ $([
1468
1462
  m()
1469
- ], E.prototype, "kind", 2);
1470
- R([
1463
+ ], k.prototype, "kind", 2);
1464
+ $([
1471
1465
  m()
1472
- ], E.prototype, "title", 2);
1473
- R([
1466
+ ], k.prototype, "title", 2);
1467
+ $([
1474
1468
  m()
1475
- ], E.prototype, "metric", 2);
1476
- R([
1469
+ ], k.prototype, "metric", 2);
1470
+ $([
1477
1471
  m()
1478
- ], E.prototype, "partnerCount", 2);
1479
- R([
1472
+ ], k.prototype, "partnerCount", 2);
1473
+ $([
1480
1474
  m()
1481
- ], E.prototype, "totalPartners", 2);
1482
- R([
1475
+ ], k.prototype, "totalPartners", 2);
1476
+ $([
1483
1477
  m()
1484
- ], E.prototype, "secondary", 2);
1485
- R([
1486
- be()
1487
- ], E.prototype, "content", 2);
1488
- R([
1489
- we(`.${D}__detail`)
1490
- ], E.prototype, "detail", 2);
1491
- E = R([
1492
- K({ tag: D })
1493
- ], E);
1494
- var Kt = Object.defineProperty, Qt = Object.getOwnPropertyDescriptor, _e = (e, s, i, o) => {
1495
- for (var r = o > 1 ? void 0 : o ? Qt(s, i) : s, c = e.length - 1, f; c >= 0; c--)
1496
- (f = e[c]) && (r = (o ? f(s, i, r) : f(r)) || r);
1497
- return o && r && Kt(s, i, r), r;
1478
+ ], k.prototype, "secondary", 2);
1479
+ $([
1480
+ Ce()
1481
+ ], k.prototype, "content", 2);
1482
+ $([
1483
+ _e(`.${D}__detail`)
1484
+ ], k.prototype, "detail", 2);
1485
+ k = $([
1486
+ Q({ tag: D })
1487
+ ], k);
1488
+ var Gt = Object.defineProperty, Xt = Object.getOwnPropertyDescriptor, Ne = (e, s, i, o) => {
1489
+ for (var r = o > 1 ? void 0 : o ? Xt(s, i) : s, p = e.length - 1, f; p >= 0; p--)
1490
+ (f = e[p]) && (r = (o ? f(s, i, r) : f(r)) || r);
1491
+ return o && r && Gt(s, i, r), r;
1498
1492
  };
1499
1493
  const B = "sps-insights";
1500
- let G = class extends HTMLElement {
1494
+ let X = class extends HTMLElement {
1501
1495
  constructor() {
1502
1496
  super(), this.content = [], this.showAdditionalInsights = !1, this.toggleAdditionalInsights = this.toggleAdditionalInsights.bind(this);
1503
1497
  }
1504
- get [X]() {
1498
+ get [K]() {
1505
1499
  return [
1506
1500
  B,
1507
1501
  this.showAdditionalInsights && `${B}--show-additional`,
@@ -1520,21 +1514,21 @@ let G = class extends HTMLElement {
1520
1514
  this.showAdditionalInsights = !this.showAdditionalInsights, this.update();
1521
1515
  }
1522
1516
  render() {
1523
- 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")));
1517
+ return /* @__PURE__ */ c("div", { "data-fragment": !0 }, this.content, this.content.length > 10 && /* @__PURE__ */ c("div", { className: "sps-button sps-button--link", onClick: this.toggleAdditionalInsights }, /* @__PURE__ */ c("button", { type: "button" }, this.showAdditionalInsights ? P.t("insights.hideAdditionalInsights", { defaultValue: "Hide Additional Insights" }) : P.t("insights.showAdditionalInsights", { defaultValue: "Show Additional Insights" }))));
1524
1518
  }
1525
1519
  };
1526
- G.displayName = B;
1527
- G.props = {};
1528
- _e([
1529
- be()
1530
- ], G.prototype, "content", 2);
1531
- _e([
1532
- Wt(".sps-insight-card__detail")
1533
- ], G.prototype, "details", 2);
1534
- G = _e([
1535
- K({ tag: B })
1536
- ], G);
1537
- const ps = {
1520
+ X.displayName = B;
1521
+ X.props = {};
1522
+ Ne([
1523
+ Ce()
1524
+ ], X.prototype, "content", 2);
1525
+ Ne([
1526
+ zt(".sps-insight-card__detail")
1527
+ ], X.prototype, "details", 2);
1528
+ X = Ne([
1529
+ Q({ tag: B })
1530
+ ], X);
1531
+ const ls = {
1538
1532
  basic: {
1539
1533
  label: "Basic Insight Cards",
1540
1534
  examples: {
@@ -1867,27 +1861,27 @@ const ps = {
1867
1861
  }
1868
1862
  }
1869
1863
  };
1870
- var Zt = Object.defineProperty, Yt = Object.getOwnPropertyDescriptor, z = (e, s, i, o) => {
1871
- for (var r = o > 1 ? void 0 : o ? Yt(s, i) : s, c = e.length - 1, f; c >= 0; c--)
1872
- (f = e[c]) && (r = (o ? f(s, i, r) : f(r)) || r);
1873
- return o && r && Zt(s, i, r), r;
1864
+ var Kt = Object.defineProperty, Qt = Object.getOwnPropertyDescriptor, z = (e, s, i, o) => {
1865
+ for (var r = o > 1 ? void 0 : o ? Qt(s, i) : s, p = e.length - 1, f; p >= 0; p--)
1866
+ (f = e[p]) && (r = (o ? f(s, i, r) : f(r)) || r);
1867
+ return o && r && Kt(s, i, r), r;
1874
1868
  };
1875
- let F = class extends HTMLElement {
1869
+ let R = class extends HTMLElement {
1876
1870
  constructor() {
1877
1871
  super(...arguments), this.active = !1, this.label = "", this.tag = "";
1878
1872
  }
1879
- get [X]() {
1873
+ get [K]() {
1880
1874
  return [
1881
1875
  "sps-tabbed-nav__nav-item",
1882
1876
  this.active && "sps-tabbed-nav__nav-item--active"
1883
1877
  ];
1884
1878
  }
1885
1879
  render() {
1886
- 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));
1880
+ return /* @__PURE__ */ c("a", { href: this.href, target: this.target, className: "sps-tabbed-nav__nav-item-link", tabIndex: 0 }, this.icon && /* @__PURE__ */ c("i", { className: `sps-icon sps-icon-${this.icon}` }), this.label && /* @__PURE__ */ c("span", null, this.label), this.tag && /* @__PURE__ */ c("span", { className: "sps-tag sps-tag--default" }, this.tag));
1887
1881
  }
1888
1882
  };
1889
- F.displayName = "sps-nav-tab";
1890
- F.props = {
1883
+ R.displayName = "sps-nav-tab";
1884
+ R.props = {
1891
1885
  active: "boolean",
1892
1886
  label: "string",
1893
1887
  icon: "SpsIcon",
@@ -1897,47 +1891,47 @@ F.props = {
1897
1891
  };
1898
1892
  z([
1899
1893
  m()
1900
- ], F.prototype, "active", 2);
1894
+ ], R.prototype, "active", 2);
1901
1895
  z([
1902
1896
  m()
1903
- ], F.prototype, "label", 2);
1897
+ ], R.prototype, "label", 2);
1904
1898
  z([
1905
1899
  m()
1906
- ], F.prototype, "icon", 2);
1900
+ ], R.prototype, "icon", 2);
1907
1901
  z([
1908
1902
  m()
1909
- ], F.prototype, "tag", 2);
1903
+ ], R.prototype, "tag", 2);
1910
1904
  z([
1911
1905
  m()
1912
- ], F.prototype, "href", 2);
1906
+ ], R.prototype, "href", 2);
1913
1907
  z([
1914
1908
  m()
1915
- ], F.prototype, "target", 2);
1916
- F = z([
1917
- K({ tag: "sps-nav-tab" })
1918
- ], F);
1919
- var Jt = Object.defineProperty, Mt = Object.getOwnPropertyDescriptor, Ze = (e, s, i, o) => {
1920
- for (var r = o > 1 ? void 0 : o ? Mt(s, i) : s, c = e.length - 1, f; c >= 0; c--)
1921
- (f = e[c]) && (r = (o ? f(s, i, r) : f(r)) || r);
1922
- return o && r && Jt(s, i, r), r;
1909
+ ], R.prototype, "target", 2);
1910
+ R = z([
1911
+ Q({ tag: "sps-nav-tab" })
1912
+ ], R);
1913
+ var Zt = Object.defineProperty, Yt = Object.getOwnPropertyDescriptor, Ze = (e, s, i, o) => {
1914
+ for (var r = o > 1 ? void 0 : o ? Yt(s, i) : s, p = e.length - 1, f; p >= 0; p--)
1915
+ (f = e[p]) && (r = (o ? f(s, i, r) : f(r)) || r);
1916
+ return o && r && Zt(s, i, r), r;
1923
1917
  };
1924
- let M = class extends HTMLElement {
1918
+ let ee = class extends HTMLElement {
1925
1919
  constructor() {
1926
1920
  super(...arguments), this.content = [];
1927
1921
  }
1928
1922
  render() {
1929
- return /* @__PURE__ */ p("nav", { className: "sps-tabbed-nav" }, this.content);
1923
+ return /* @__PURE__ */ c("nav", { className: "sps-tabbed-nav" }, this.content);
1930
1924
  }
1931
1925
  };
1932
- M.displayName = "sps-nav-tab-set";
1933
- M.props = {};
1926
+ ee.displayName = "sps-nav-tab-set";
1927
+ ee.props = {};
1934
1928
  Ze([
1935
- be()
1936
- ], M.prototype, "content", 2);
1937
- M = Ze([
1938
- K({ tag: "sps-nav-tab-set" })
1939
- ], M);
1940
- const ds = {
1929
+ Ce()
1930
+ ], ee.prototype, "content", 2);
1931
+ ee = Ze([
1932
+ Q({ tag: "sps-nav-tab-set" })
1933
+ ], ee);
1934
+ const cs = {
1941
1935
  basic: {
1942
1936
  label: "Basic Navigation Tabs",
1943
1937
  description: u`
@@ -1975,13 +1969,13 @@ const ds = {
1975
1969
  }
1976
1970
  }
1977
1971
  };
1978
- var es = Object.defineProperty, ts = Object.getOwnPropertyDescriptor, j = (e, s, i, o) => {
1979
- for (var r = o > 1 ? void 0 : o ? ts(s, i) : s, c = e.length - 1, f; c >= 0; c--)
1980
- (f = e[c]) && (r = (o ? f(s, i, r) : f(r)) || r);
1981
- return o && r && es(s, i, r), r;
1982
- }, ss = /* @__PURE__ */ ((e) => (e.FIT = "fit", e.FILL = "fill", e))(ss || {});
1983
- const q = "sps-photo";
1984
- let I = class extends HTMLElement {
1972
+ var Jt = Object.defineProperty, Mt = Object.getOwnPropertyDescriptor, j = (e, s, i, o) => {
1973
+ for (var r = o > 1 ? void 0 : o ? Mt(s, i) : s, p = e.length - 1, f; p >= 0; p--)
1974
+ (f = e[p]) && (r = (o ? f(s, i, r) : f(r)) || r);
1975
+ return o && r && Jt(s, i, r), r;
1976
+ }, es = /* @__PURE__ */ ((e) => (e.FIT = "fit", e.FILL = "fill", e))(es || {});
1977
+ const G = "sps-photo";
1978
+ let L = class extends HTMLElement {
1985
1979
  constructor() {
1986
1980
  super(...arguments), this.mode = "fill";
1987
1981
  }
@@ -1998,14 +1992,14 @@ let I = class extends HTMLElement {
1998
1992
  }
1999
1993
  }, 1e3 / 60));
2000
1994
  }
2001
- get [X]() {
1995
+ get [K]() {
2002
1996
  return [
2003
- q,
2004
- this.fitWidth ? `${q}--fit-width` : `${q}--fit-height`,
2005
- this.placeholderIcon && `${q}--placeholder`
1997
+ G,
1998
+ this.fitWidth ? `${G}--fit-width` : `${G}--fit-height`,
1999
+ this.placeholderIcon && `${G}--placeholder`
2006
2000
  ];
2007
2001
  }
2008
- get [ve]() {
2002
+ get [be]() {
2009
2003
  return {
2010
2004
  fontSize: `${this.width * 0.05}rem`,
2011
2005
  width: `${this.width}rem`,
@@ -2022,7 +2016,7 @@ let I = class extends HTMLElement {
2022
2016
  this.waitForWidthInterval && window.clearInterval(this.waitForWidthInterval), this.waitForImgHeightInterval && window.clearInterval(this.waitForImgHeightInterval);
2023
2017
  }
2024
2018
  render() {
2025
- 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}` });
2019
+ return this.src ? this.width ? /* @__PURE__ */ c("img", { src: this.src, alt: this.altText }) : /* @__PURE__ */ c("span", null) : /* @__PURE__ */ c("i", { className: `sps-icon sps-icon-${this.placeholderIcon}` });
2026
2020
  }
2027
2021
  setWidth(e) {
2028
2022
  if (e && !this.width) {
@@ -2031,8 +2025,8 @@ let I = class extends HTMLElement {
2031
2025
  }
2032
2026
  }
2033
2027
  };
2034
- I.displayName = q;
2035
- I.props = {
2028
+ L.displayName = G;
2029
+ L.props = {
2036
2030
  src: "string",
2037
2031
  altText: "string",
2038
2032
  mode: "SpsPhotoDisplayMode",
@@ -2040,29 +2034,29 @@ I.props = {
2040
2034
  };
2041
2035
  j([
2042
2036
  m()
2043
- ], I.prototype, "src", 2);
2037
+ ], L.prototype, "src", 2);
2044
2038
  j([
2045
2039
  m()
2046
- ], I.prototype, "altText", 2);
2040
+ ], L.prototype, "altText", 2);
2047
2041
  j([
2048
2042
  m()
2049
- ], I.prototype, "mode", 2);
2043
+ ], L.prototype, "mode", 2);
2050
2044
  j([
2051
2045
  m()
2052
- ], I.prototype, "placeholderIcon", 2);
2046
+ ], L.prototype, "placeholderIcon", 2);
2053
2047
  j([
2054
2048
  Ke()
2055
- ], I.prototype, "width", 2);
2049
+ ], L.prototype, "width", 2);
2056
2050
  j([
2057
2051
  Ke()
2058
- ], I.prototype, "fitWidth", 2);
2052
+ ], L.prototype, "fitWidth", 2);
2059
2053
  j([
2060
- we("img", { refresh: !0 })
2061
- ], I.prototype, "image", 1);
2062
- I = j([
2063
- K({ tag: q })
2064
- ], I);
2065
- const us = {
2054
+ _e("img", { refresh: !0 })
2055
+ ], L.prototype, "image", 1);
2056
+ L = j([
2057
+ Q({ tag: G })
2058
+ ], L);
2059
+ const ps = {
2066
2060
  sizing: {
2067
2061
  label: "Sizing",
2068
2062
  description: u`
@@ -2203,32 +2197,31 @@ const us = {
2203
2197
  }
2204
2198
  };
2205
2199
  export {
2206
- We as AttrBindings,
2207
- X as ClassBindings,
2208
- K as Component,
2209
- be as Content,
2210
- Ce as EventDispatcher,
2211
- le as EventListener,
2212
- rs as MANIFEST,
2200
+ He as AttrBindings,
2201
+ K as ClassBindings,
2202
+ Q as Component,
2203
+ Ce as Content,
2204
+ we as EventDispatcher,
2205
+ ce as EventListener,
2206
+ is as MANIFEST,
2213
2207
  Qe as MIMEType,
2214
2208
  m as Prop,
2215
- we as QuerySelector,
2216
- Wt as QuerySelectorAll,
2209
+ _e as QuerySelector,
2210
+ zt as QuerySelectorAll,
2217
2211
  b as SpsFileUploadComponent,
2218
- cs as SpsFileUploadExamples,
2219
- E as SpsInsightCardComponent,
2220
- ps as SpsInsightCardExamples,
2221
- G as SpsInsightsComponent,
2222
- F as SpsNavTabComponent,
2223
- M as SpsNavTabSetComponent,
2224
- ds as SpsNavTabsExamples,
2225
- I as SpsPhotoComponent,
2226
- ss as SpsPhotoDisplayMode,
2227
- us as SpsPhotoExamples,
2228
- ve as StyleBindings,
2212
+ os as SpsFileUploadExamples,
2213
+ k as SpsInsightCardComponent,
2214
+ ls as SpsInsightCardExamples,
2215
+ X as SpsInsightsComponent,
2216
+ R as SpsNavTabComponent,
2217
+ ee as SpsNavTabSetComponent,
2218
+ cs as SpsNavTabsExamples,
2219
+ L as SpsPhotoComponent,
2220
+ es as SpsPhotoDisplayMode,
2221
+ ps as SpsPhotoExamples,
2222
+ be as StyleBindings,
2229
2223
  Ke as Watch,
2230
- p as h,
2231
- ls as namespaceOverrideRegistrar,
2232
- os as register,
2233
- as as webComponentsUseI18n
2224
+ c as h,
2225
+ as as namespaceOverrideRegistrar,
2226
+ rs as register
2234
2227
  };