@spscommerce/ds-web-components 7.6.0 → 7.6.1
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.cjs.js +13 -13
- package/dist/lib/index.es.js +111 -111
- package/dist/package.json +1 -1
- package/lib/index.cjs.js +13 -13
- package/lib/index.es.js +111 -111
- package/package.json +4 -4
package/dist/lib/index.es.js
CHANGED
|
@@ -3,8 +3,8 @@ var rt = (e, t, s) => t in e ? it(e, t, { enumerable: !0, configurable: !0, writ
|
|
|
3
3
|
var a = (e, t, s) => (rt(e, typeof t != "symbol" ? t + "" : t, s), s);
|
|
4
4
|
import { noI18nI18n as at, SpsIcon as Se, SpsInsightCardKind as ot, SpsInsightCardIcons as lt } from "@spscommerce/ds-shared";
|
|
5
5
|
import { code as c, parseFileSize as ct } from "@spscommerce/utils";
|
|
6
|
-
var
|
|
7
|
-
Object.defineProperty(
|
|
6
|
+
var h = {};
|
|
7
|
+
Object.defineProperty(h, "__esModule", { value: !0 });
|
|
8
8
|
/**
|
|
9
9
|
* @license
|
|
10
10
|
* Copyright 2018 The Incremental DOM Authors. All Rights Reserved.
|
|
@@ -170,8 +170,8 @@ function wt(e, t) {
|
|
|
170
170
|
}
|
|
171
171
|
function _t(e, t, s, n) {
|
|
172
172
|
se(e);
|
|
173
|
-
var i = e, r = t, l = r.nextSibling === s && r.previousSibling === n,
|
|
174
|
-
if (!l && !
|
|
173
|
+
var i = e, r = t, l = r.nextSibling === s && r.previousSibling === n, d = r.nextSibling === i.nextSibling && r.previousSibling === n, g = r === i;
|
|
174
|
+
if (!l && !d && !g)
|
|
175
175
|
throw new Error("There must be exactly one top level call corresponding to the patched element.");
|
|
176
176
|
}
|
|
177
177
|
function M(e) {
|
|
@@ -346,8 +346,8 @@ function Lt(e, t) {
|
|
|
346
346
|
var s = e.attributes, n = s.length;
|
|
347
347
|
if (!!n)
|
|
348
348
|
for (var i = t.getAttrsArr(n), r = 0, l = 0; r < n; r += 1, l += 2) {
|
|
349
|
-
var
|
|
350
|
-
i[l] =
|
|
349
|
+
var d = s[r], g = d.name, m = d.value;
|
|
350
|
+
i[l] = g, i[l + 1] = m;
|
|
351
351
|
}
|
|
352
352
|
}
|
|
353
353
|
/**
|
|
@@ -399,19 +399,19 @@ function Bt(e) {
|
|
|
399
399
|
* See the License for the specific language governing permissions and
|
|
400
400
|
* limitations under the License.
|
|
401
401
|
*/
|
|
402
|
-
var R = null, u = null,
|
|
402
|
+
var R = null, u = null, C = null, k = null, J = [], Y = [];
|
|
403
403
|
function ne() {
|
|
404
404
|
return Y;
|
|
405
405
|
}
|
|
406
406
|
function ze(e) {
|
|
407
407
|
var t = function(s, n, i) {
|
|
408
|
-
var r = R, l = k,
|
|
409
|
-
R = new Nt(), k = s.ownerDocument, Y = [],
|
|
408
|
+
var r = R, l = k, d = J, g = Y, m = u, w = C, S = !1, V = !1;
|
|
409
|
+
R = new Nt(), k = s.ownerDocument, Y = [], C = s.parentNode, J = Dt(s, C), process.env.NODE_ENV !== "production" && (S = M(!1), V = ee(!1));
|
|
410
410
|
try {
|
|
411
411
|
var nt = e(s, n, i);
|
|
412
412
|
return process.env.NODE_ENV !== "production" && bt(), nt;
|
|
413
413
|
} finally {
|
|
414
|
-
k = l, Y =
|
|
414
|
+
k = l, Y = g, u = m, C = w, J = d, R.notifyChanges(), M(S), ee(V), R = r;
|
|
415
415
|
}
|
|
416
416
|
};
|
|
417
417
|
return t;
|
|
@@ -420,7 +420,7 @@ var We = ze(function(e, t, s) {
|
|
|
420
420
|
return u = e, qe(), t(s), Ge(), process.env.NODE_ENV !== "production" && mt(u, e), e;
|
|
421
421
|
}), $t = ze(function(e, t, s) {
|
|
422
422
|
var n = { nextSibling: e }, i = null, r = null;
|
|
423
|
-
return process.env.NODE_ENV !== "production" && (i = e.nextSibling, r = e.previousSibling), u = n, t(s), process.env.NODE_ENV !== "production" && (vt(
|
|
423
|
+
return process.env.NODE_ENV !== "production" && (i = e.nextSibling, r = e.previousSibling), u = n, t(s), process.env.NODE_ENV !== "production" && (vt(C), _t(n, u, i, r)), C && Ve(C, ie(), e.nextSibling), n === u ? null : u;
|
|
424
424
|
});
|
|
425
425
|
function Oe(e, t, s) {
|
|
426
426
|
var n = $(e, s);
|
|
@@ -440,11 +440,11 @@ function Tt(e, t, s) {
|
|
|
440
440
|
}
|
|
441
441
|
function jt(e, t) {
|
|
442
442
|
var s;
|
|
443
|
-
return e === "#text" ? s = Bt(k) : s = Rt(k,
|
|
443
|
+
return e === "#text" ? s = Bt(k) : s = Rt(k, C, e, t), R.markCreated(s), s;
|
|
444
444
|
}
|
|
445
445
|
function He(e, t) {
|
|
446
446
|
var s = Tt(u, e, t), n = s || jt(e, t);
|
|
447
|
-
n !== u && (J.indexOf(n) >= 0 ? Pt(
|
|
447
|
+
n !== u && (J.indexOf(n) >= 0 ? Pt(C, n, u) : C.insertBefore(n, u), u = n);
|
|
448
448
|
}
|
|
449
449
|
function Ve(e, t, s) {
|
|
450
450
|
for (var n = e, i = t; i !== s; ) {
|
|
@@ -453,19 +453,19 @@ function Ve(e, t, s) {
|
|
|
453
453
|
}
|
|
454
454
|
}
|
|
455
455
|
function qe() {
|
|
456
|
-
|
|
456
|
+
C = u, u = null;
|
|
457
457
|
}
|
|
458
458
|
function ie() {
|
|
459
|
-
return u ? u.nextSibling :
|
|
459
|
+
return u ? u.nextSibling : C.firstChild;
|
|
460
460
|
}
|
|
461
461
|
function be() {
|
|
462
462
|
u = ie();
|
|
463
463
|
}
|
|
464
464
|
function Ge() {
|
|
465
|
-
Ve(
|
|
465
|
+
Ve(C, ie(), null), u = C, C = C.parentNode;
|
|
466
466
|
}
|
|
467
467
|
function Xe(e, t) {
|
|
468
|
-
return be(), He(e, t), qe(),
|
|
468
|
+
return be(), He(e, t), qe(), C;
|
|
469
469
|
}
|
|
470
470
|
function Ke() {
|
|
471
471
|
return process.env.NODE_ENV !== "production" && ee(!1), Ge(), u;
|
|
@@ -474,13 +474,13 @@ function Ut() {
|
|
|
474
474
|
return be(), He("#text", null), u;
|
|
475
475
|
}
|
|
476
476
|
function zt() {
|
|
477
|
-
return process.env.NODE_ENV !== "production" && (Be("currentElement", k), B("currentElement")),
|
|
477
|
+
return process.env.NODE_ENV !== "production" && (Be("currentElement", k), B("currentElement")), C;
|
|
478
478
|
}
|
|
479
479
|
function Wt() {
|
|
480
480
|
return process.env.NODE_ENV !== "production" && (Be("currentPointer", k), B("currentPointer")), ie();
|
|
481
481
|
}
|
|
482
482
|
function Ht() {
|
|
483
|
-
process.env.NODE_ENV !== "production" && (wt("skip", u), ee(!0)), u =
|
|
483
|
+
process.env.NODE_ENV !== "production" && (wt("skip", u), ee(!0)), u = C.lastChild;
|
|
484
484
|
}
|
|
485
485
|
/**
|
|
486
486
|
* @license
|
|
@@ -509,12 +509,12 @@ function Vt(e, t, s) {
|
|
|
509
509
|
for (var n = 0; n < s.length; n += 2)
|
|
510
510
|
x[s[n]] = n + 1;
|
|
511
511
|
for (var i = t.getAttrsArr(0), r = 0, n = 0; n < i.length; n += 2) {
|
|
512
|
-
var l = i[n],
|
|
513
|
-
if (
|
|
514
|
-
s[
|
|
512
|
+
var l = i[n], d = i[n + 1], g = x[l];
|
|
513
|
+
if (g) {
|
|
514
|
+
s[g] === d && delete x[l];
|
|
515
515
|
continue;
|
|
516
516
|
}
|
|
517
|
-
i[r] = l, i[r + 1] =
|
|
517
|
+
i[r] = l, i[r + 1] = d, r += 2;
|
|
518
518
|
}
|
|
519
519
|
ge(i, r);
|
|
520
520
|
for (var l in x)
|
|
@@ -528,23 +528,23 @@ function Ce(e, t, s) {
|
|
|
528
528
|
var r = Math.max(0, arguments.length - Ae), l = i.hasEmptyAttrsArr();
|
|
529
529
|
if (!r && l)
|
|
530
530
|
return n;
|
|
531
|
-
for (var
|
|
532
|
-
var w = arguments[
|
|
531
|
+
for (var d = i.getAttrsArr(r), g = Ae, m = 0; g < arguments.length; g += 2, m += 2) {
|
|
532
|
+
var w = arguments[g];
|
|
533
533
|
if (l)
|
|
534
|
-
|
|
535
|
-
else if (
|
|
534
|
+
d[m] = w;
|
|
535
|
+
else if (d[m] !== w)
|
|
536
536
|
break;
|
|
537
|
-
var S = arguments[
|
|
538
|
-
(l ||
|
|
537
|
+
var S = arguments[g + 1];
|
|
538
|
+
(l || d[m + 1] !== S) && (d[m + 1] = S, z(n, w, S));
|
|
539
539
|
}
|
|
540
|
-
if (
|
|
541
|
-
for (var V =
|
|
542
|
-
x[
|
|
543
|
-
for (
|
|
544
|
-
var w = arguments[
|
|
545
|
-
x[w] !== S && z(n, w, S),
|
|
540
|
+
if (g < arguments.length || m < d.length) {
|
|
541
|
+
for (var V = m; m < d.length; m += 2)
|
|
542
|
+
x[d[m]] = d[m + 1];
|
|
543
|
+
for (m = V; g < arguments.length; g += 2, m += 2) {
|
|
544
|
+
var w = arguments[g], S = arguments[g + 1];
|
|
545
|
+
x[w] !== S && z(n, w, S), d[m] = w, d[m + 1] = S, delete x[w];
|
|
546
546
|
}
|
|
547
|
-
ge(
|
|
547
|
+
ge(d, m);
|
|
548
548
|
for (var w in x)
|
|
549
549
|
z(n, w, void 0), delete x[w];
|
|
550
550
|
}
|
|
@@ -605,29 +605,29 @@ function Zt(e) {
|
|
|
605
605
|
* See the License for the specific language governing permissions and
|
|
606
606
|
* limitations under the License.
|
|
607
607
|
*/
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
var we =
|
|
613
|
-
|
|
614
|
-
var Jt =
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
var ce =
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
var De =
|
|
626
|
-
|
|
627
|
-
var Mt =
|
|
628
|
-
|
|
629
|
-
var ts =
|
|
630
|
-
|
|
608
|
+
h.applyAttr = Fe;
|
|
609
|
+
h.applyProp = Re;
|
|
610
|
+
h.attributes = W;
|
|
611
|
+
h.close = Ke;
|
|
612
|
+
var we = h.currentElement = zt, le = h.currentPointer = Wt;
|
|
613
|
+
h.open = Xe;
|
|
614
|
+
var Jt = h.patch = We;
|
|
615
|
+
h.patchInner = We;
|
|
616
|
+
h.patchOuter = $t;
|
|
617
|
+
h.skip = Ht;
|
|
618
|
+
var ce = h.skipNode = be;
|
|
619
|
+
h.getKey = kt;
|
|
620
|
+
h.clearCache = Ue;
|
|
621
|
+
h.importNode = je;
|
|
622
|
+
h.isDataInitialized = It;
|
|
623
|
+
h.notifications = U;
|
|
624
|
+
h.symbols = fe;
|
|
625
|
+
var De = h.attr = Xt, Yt = h.elementClose = Qe;
|
|
626
|
+
h.elementOpen = Ce;
|
|
627
|
+
var Mt = h.elementOpenEnd = Kt, es = h.elementOpenStart = qt;
|
|
628
|
+
h.elementVoid = Qt;
|
|
629
|
+
var ts = h.text = Zt;
|
|
630
|
+
h.key = Gt;
|
|
631
631
|
function Pe(e) {
|
|
632
632
|
let t = le();
|
|
633
633
|
return t instanceof Comment && t.data !== e ? t.data = e : (t = document.createComment(e), we().appendChild(t)), ce(), t;
|
|
@@ -859,8 +859,8 @@ function p(e) {
|
|
|
859
859
|
return this[r];
|
|
860
860
|
},
|
|
861
861
|
set(l) {
|
|
862
|
-
let
|
|
863
|
-
e === Boolean && typeof l == "string" && l.toLowerCase() === "false" ?
|
|
862
|
+
let d = l;
|
|
863
|
+
e === Boolean && typeof l == "string" && l.toLowerCase() === "false" ? d = !1 : d = e(l), this[r] = d;
|
|
864
864
|
}
|
|
865
865
|
});
|
|
866
866
|
}
|
|
@@ -1149,12 +1149,12 @@ const ls = {
|
|
|
1149
1149
|
examples: ls
|
|
1150
1150
|
}
|
|
1151
1151
|
};
|
|
1152
|
-
var tt = /* @__PURE__ */ ((e) => (e["7Z"] = "application/x-7z-compressed", e.AAC = "audio/aac", e.ABW = "application/x-abiword", e.ARC = "application/octet-stream", e.AVI = "video/x-msvideo", e.AZW = "application/vnd.amazon.ebook", e.BIN = "application/octet-stream", e.BMP = "image/bmp", e.BZ = "application/x-bzip", e.BZ2 = "application/x-bzip2", e.CSH = "application/x-csh", e.CSS = "text/css", e.CSV = "text/csv,application/vnd.ms-excel", e.DOC = "application/msword", e.DOCX = "application/vnd.openxmlformats-officedocument.wordprocessingml.document", e.EOT = "application/vnd.ms-fontobject", e.EPUB = "application/epub+zip", e.ES = "application/ecmascript", e.FLV = "video/x-flv", e.GIF = "image/gif", e.GZ = "application/x-gzip", e.HTM = "text/html", e.HTML = "text/html", e.ICO = "image/x-icon", e.ICS = "text/calendar", e.JAR = "application/java-archive", e.JPEG = "image/jpeg", e.JPG = "image/jpeg", e.JS = "application/javascript", e.JSON = "application/json", e.M3U = "audio/x-mpequrl", e.MID = "audio/midi", e.MIDI = "audio/midi", e.MOV = "video/quicktime", e.MP3 = "audio/mpeg3", e.MP4 = "video/mp4", e.MPEG = "video/mpeg", e.MPKG = "application/vnd.apple.installer+xml", e.ODP = "application/vnd.oasis.opendocument.presentation", e.ODS = "application/vnd.oasis.opendocument.spreadsheet", e.ODT = "application/vnd.oasis.opendocument.text", e.OGA = "audio/ogg", e.OGV = "video/ogg", e.OGX = "application/ogg", e.OTF = "font/otf", e.PNG = "image/png", e.PDF = "application/pdf", e.PPT = "application/vnd.ms-powerpoint", e.PPTX = "application/vnd.openxmlformats-officedocument.presentationml.presentation", e.RAR = "application/x-rar-compressed", e.RTF = "application/rtf", e.SH = "application/x-sh", e.SVG = "image/svg+xml", e.SWF = "application/x-shockwave-flash", e.TAR = "application/x-tar", e.TIF = "image/tiff", e.TIFF = "image/tiff", e.TS = "application/typescript", e.TTF = "font/ttf", e.TXT = "text/plain", e.VSD = "application/vnd.visio", e.WAV = "audio/wav", e.WEBA = "audio/webm", e.WEBM = "video/webm", e.WEBP = "image/webp", e.WOFF = "font/woff", e.WOFF2 = "font/woff2", e.XHTML = "application/xhtml+xml", e.XLS = "application/vnd.ms-excel", e.XLSX = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", e.XML = "application/xml", e.XUL = "application/vnd.mozilla.xul+xml", e.ZIP = "application/zip", e))(tt || {}), cs = Object.defineProperty, ps = Object.getOwnPropertyDescriptor,
|
|
1152
|
+
var tt = /* @__PURE__ */ ((e) => (e["7Z"] = "application/x-7z-compressed", e.AAC = "audio/aac", e.ABW = "application/x-abiword", e.ARC = "application/octet-stream", e.AVI = "video/x-msvideo", e.AZW = "application/vnd.amazon.ebook", e.BIN = "application/octet-stream", e.BMP = "image/bmp", e.BZ = "application/x-bzip", e.BZ2 = "application/x-bzip2", e.CSH = "application/x-csh", e.CSS = "text/css", e.CSV = "text/csv,application/vnd.ms-excel", e.DOC = "application/msword", e.DOCX = "application/vnd.openxmlformats-officedocument.wordprocessingml.document", e.EOT = "application/vnd.ms-fontobject", e.EPUB = "application/epub+zip", e.ES = "application/ecmascript", e.FLV = "video/x-flv", e.GIF = "image/gif", e.GZ = "application/x-gzip", e.HTM = "text/html", e.HTML = "text/html", e.ICO = "image/x-icon", e.ICS = "text/calendar", e.JAR = "application/java-archive", e.JPEG = "image/jpeg", e.JPG = "image/jpeg", e.JS = "application/javascript", e.JSON = "application/json", e.M3U = "audio/x-mpequrl", e.MID = "audio/midi", e.MIDI = "audio/midi", e.MOV = "video/quicktime", e.MP3 = "audio/mpeg3", e.MP4 = "video/mp4", e.MPEG = "video/mpeg", e.MPKG = "application/vnd.apple.installer+xml", e.ODP = "application/vnd.oasis.opendocument.presentation", e.ODS = "application/vnd.oasis.opendocument.spreadsheet", e.ODT = "application/vnd.oasis.opendocument.text", e.OGA = "audio/ogg", e.OGV = "video/ogg", e.OGX = "application/ogg", e.OTF = "font/otf", e.PNG = "image/png", e.PDF = "application/pdf", e.PPT = "application/vnd.ms-powerpoint", e.PPTX = "application/vnd.openxmlformats-officedocument.presentationml.presentation", e.RAR = "application/x-rar-compressed", e.RTF = "application/rtf", e.SH = "application/x-sh", e.SVG = "image/svg+xml", e.SWF = "application/x-shockwave-flash", e.TAR = "application/x-tar", e.TIF = "image/tiff", e.TIFF = "image/tiff", e.TS = "application/typescript", e.TTF = "font/ttf", e.TXT = "text/plain", e.VSD = "application/vnd.visio", e.WAV = "audio/wav", e.WEBA = "audio/webm", e.WEBM = "video/webm", e.WEBP = "image/webp", e.WOFF = "font/woff", e.WOFF2 = "font/woff2", e.XHTML = "application/xhtml+xml", e.XLS = "application/vnd.ms-excel", e.XLSX = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", e.XML = "application/xml", e.XUL = "application/vnd.mozilla.xul+xml", e.ZIP = "application/zip", e))(tt || {}), cs = Object.defineProperty, ps = Object.getOwnPropertyDescriptor, b = (e, t, s, n) => {
|
|
1153
1153
|
for (var i = n > 1 ? void 0 : n ? ps(t, s) : t, r = e.length - 1, l; r >= 0; r--)
|
|
1154
1154
|
(l = e[r]) && (i = (n ? l(t, s, i) : l(i)) || i);
|
|
1155
1155
|
return n && i && cs(t, s, i), i;
|
|
1156
1156
|
};
|
|
1157
|
-
const
|
|
1157
|
+
const v = "sps-file-upload";
|
|
1158
1158
|
var G;
|
|
1159
1159
|
let f = (G = class extends HTMLElement {
|
|
1160
1160
|
constructor() {
|
|
@@ -1186,12 +1186,12 @@ let f = (G = class extends HTMLElement {
|
|
|
1186
1186
|
}
|
|
1187
1187
|
get [T]() {
|
|
1188
1188
|
return [
|
|
1189
|
-
|
|
1190
|
-
this.active && `${
|
|
1191
|
-
this.error && `${
|
|
1192
|
-
!this.shown && `${
|
|
1193
|
-
this.mini && `${
|
|
1194
|
-
this.constrainContentWidth && `${
|
|
1189
|
+
v,
|
|
1190
|
+
this.active && `${v}--active`,
|
|
1191
|
+
this.error && `${v}--error`,
|
|
1192
|
+
!this.shown && `${v}--hidden`,
|
|
1193
|
+
this.mini && `${v}--mini`,
|
|
1194
|
+
this.constrainContentWidth && `${v}--constrained-content-width`
|
|
1195
1195
|
];
|
|
1196
1196
|
}
|
|
1197
1197
|
connectedCallback() {
|
|
@@ -1211,21 +1211,21 @@ let f = (G = class extends HTMLElement {
|
|
|
1211
1211
|
return /* @__PURE__ */ o("div", {
|
|
1212
1212
|
"data-fragment": !0
|
|
1213
1213
|
}, /* @__PURE__ */ o("div", {
|
|
1214
|
-
className: `${
|
|
1214
|
+
className: `${v}__content`
|
|
1215
1215
|
}, this.processing ? /* @__PURE__ */ o("div", {
|
|
1216
1216
|
"data-fragment": !0
|
|
1217
1217
|
}, /* @__PURE__ */ o("i", {
|
|
1218
1218
|
className: "sps-spinner sps-spinner--medium",
|
|
1219
1219
|
"aria-hidden": "true"
|
|
1220
1220
|
}), /* @__PURE__ */ o("div", {
|
|
1221
|
-
className: `${
|
|
1221
|
+
className: `${v}__instructions`
|
|
1222
1222
|
}, t("design-system:fileUpload.processing"))) : /* @__PURE__ */ o("div", {
|
|
1223
1223
|
"data-fragment": !0
|
|
1224
1224
|
}, /* @__PURE__ */ o("i", {
|
|
1225
|
-
className: `sps-icon sps-icon-${s} ${
|
|
1225
|
+
className: `sps-icon sps-icon-${s} ${v}__icon-primary`,
|
|
1226
1226
|
"aria-hidden": "true"
|
|
1227
1227
|
}), /* @__PURE__ */ o("div", {
|
|
1228
|
-
className: `${
|
|
1228
|
+
className: `${v}__title`
|
|
1229
1229
|
}, this.error ? /* @__PURE__ */ o("div", {
|
|
1230
1230
|
"data-fragment": !0
|
|
1231
1231
|
}, t(
|
|
@@ -1233,28 +1233,28 @@ let f = (G = class extends HTMLElement {
|
|
|
1233
1233
|
)) : /* @__PURE__ */ o("div", {
|
|
1234
1234
|
"data-fragment": !0
|
|
1235
1235
|
}, t("design-system:fileUpload.title", { description: this.description }))), this.error ? /* @__PURE__ */ o("div", {
|
|
1236
|
-
className: `${
|
|
1236
|
+
className: `${v}__errored-files`
|
|
1237
1237
|
}, new Set(this.namesOfUnsupportedFiles.map((i, r) => {
|
|
1238
1238
|
const l = Math.floor(i.length / 2);
|
|
1239
1239
|
return /* @__PURE__ */ o("div", {
|
|
1240
|
-
className: `${
|
|
1240
|
+
className: `${v}__errored-filename`,
|
|
1241
1241
|
key: i
|
|
1242
1242
|
}, /* @__PURE__ */ o("span", {
|
|
1243
|
-
className: `${
|
|
1243
|
+
className: `${v}__errored-filename-segment`
|
|
1244
1244
|
}, i.substr(0, l)), /* @__PURE__ */ o("div", {
|
|
1245
|
-
className: `${
|
|
1245
|
+
className: `${v}__errored-filename-segment`
|
|
1246
1246
|
}, /* @__PURE__ */ o("span", null, i.substr(l))), r < this.namesOfUnsupportedFiles.length - 1 ? "," : "");
|
|
1247
1247
|
}))) : /* @__PURE__ */ o("span", null), /* @__PURE__ */ o("div", {
|
|
1248
|
-
className: `${
|
|
1248
|
+
className: `${v}__instructions`
|
|
1249
1249
|
}, /* @__PURE__ */ o("div", {
|
|
1250
1250
|
"data-fragment": !0
|
|
1251
1251
|
}, /* @__PURE__ */ o("span", null, n[0]), /* @__PURE__ */ o("a", {
|
|
1252
1252
|
href: "",
|
|
1253
1253
|
onClick: this.handleBrowseLinkClick
|
|
1254
1254
|
}, n[1]), /* @__PURE__ */ o("span", null, n[2]))), /* @__PURE__ */ o("div", {
|
|
1255
|
-
className: `${
|
|
1255
|
+
className: `${v}__requirements`
|
|
1256
1256
|
}, this.acceptExtensions ? /* @__PURE__ */ o("span", null, "(", " ", t("design-system:fileUpload.acceptedTypes", { fileTypes: this.acceptExtensionsDescription }), " ", ")") : "", this.maxSize ? /* @__PURE__ */ o("span", null, "(", " ", t("design-system:fileUpload.maximumSize", { size: this.maxSize }), " ", ")") : "", this.customRequirement ? /* @__PURE__ */ o("span", null, " ", this.customRequirement, " ") : ""), this.downloadLabel && /* @__PURE__ */ o("div", {
|
|
1257
|
-
className: `sps-button sps-button--link ${
|
|
1257
|
+
className: `sps-button sps-button--link ${v}__download-button`,
|
|
1258
1258
|
onClick: this.handleDownloadButtonClick
|
|
1259
1259
|
}, /* @__PURE__ */ o("button", {
|
|
1260
1260
|
type: "button"
|
|
@@ -1262,7 +1262,7 @@ let f = (G = class extends HTMLElement {
|
|
|
1262
1262
|
className: "sps-icon sps-icon-download-cloud",
|
|
1263
1263
|
"aria-hidden": "true"
|
|
1264
1264
|
}), " ", this.downloadLabel)))), this.dismissable && !this.processing && /* @__PURE__ */ o("div", {
|
|
1265
|
-
className: `sps-button sps-button--icon ${
|
|
1265
|
+
className: `sps-button sps-button--icon ${v}__close-button`,
|
|
1266
1266
|
onClick: this.dismiss
|
|
1267
1267
|
}, /* @__PURE__ */ o("button", {
|
|
1268
1268
|
type: "button",
|
|
@@ -1322,7 +1322,7 @@ let f = (G = class extends HTMLElement {
|
|
|
1322
1322
|
handleFileInputChange(t) {
|
|
1323
1323
|
t.stopPropagation(), this.selectFiles(t.target.files);
|
|
1324
1324
|
}
|
|
1325
|
-
}, a(G, "displayName",
|
|
1325
|
+
}, a(G, "displayName", v), a(G, "props", {
|
|
1326
1326
|
description: "string",
|
|
1327
1327
|
multiple: "boolean",
|
|
1328
1328
|
dismissable: "boolean",
|
|
@@ -1336,65 +1336,65 @@ let f = (G = class extends HTMLElement {
|
|
|
1336
1336
|
dismissal: { event: !0, type: "CustomEvent<void>" },
|
|
1337
1337
|
download: { event: !0, type: "CustomEvent<void>" }
|
|
1338
1338
|
}), G);
|
|
1339
|
-
|
|
1339
|
+
b([
|
|
1340
1340
|
p()
|
|
1341
1341
|
], f.prototype, "description", 2);
|
|
1342
|
-
|
|
1342
|
+
b([
|
|
1343
1343
|
p(Boolean)
|
|
1344
1344
|
], f.prototype, "multiple", 2);
|
|
1345
|
-
|
|
1345
|
+
b([
|
|
1346
1346
|
p(Boolean)
|
|
1347
1347
|
], f.prototype, "shown", 2);
|
|
1348
|
-
|
|
1348
|
+
b([
|
|
1349
1349
|
p(Boolean)
|
|
1350
1350
|
], f.prototype, "dismissable", 2);
|
|
1351
|
-
|
|
1351
|
+
b([
|
|
1352
1352
|
p(Boolean)
|
|
1353
1353
|
], f.prototype, "processing", 2);
|
|
1354
|
-
|
|
1354
|
+
b([
|
|
1355
1355
|
p(Boolean)
|
|
1356
1356
|
], f.prototype, "mini", 2);
|
|
1357
|
-
|
|
1357
|
+
b([
|
|
1358
1358
|
p(Boolean)
|
|
1359
1359
|
], f.prototype, "constrainContentWidth", 2);
|
|
1360
|
-
|
|
1360
|
+
b([
|
|
1361
1361
|
p()
|
|
1362
1362
|
], f.prototype, "downloadLabel", 2);
|
|
1363
|
-
|
|
1363
|
+
b([
|
|
1364
1364
|
p()
|
|
1365
1365
|
], f.prototype, "acceptExtensions", 2);
|
|
1366
|
-
|
|
1366
|
+
b([
|
|
1367
1367
|
p()
|
|
1368
1368
|
], f.prototype, "maxSize", 2);
|
|
1369
|
-
|
|
1369
|
+
b([
|
|
1370
1370
|
p()
|
|
1371
1371
|
], f.prototype, "customRequirement", 2);
|
|
1372
|
-
|
|
1372
|
+
b([
|
|
1373
1373
|
Ne()
|
|
1374
1374
|
], f.prototype, "selection", 2);
|
|
1375
|
-
|
|
1375
|
+
b([
|
|
1376
1376
|
Ne()
|
|
1377
1377
|
], f.prototype, "dismissal", 2);
|
|
1378
|
-
|
|
1378
|
+
b([
|
|
1379
1379
|
Ne()
|
|
1380
1380
|
], f.prototype, "download", 2);
|
|
1381
|
-
|
|
1381
|
+
b([
|
|
1382
1382
|
xe("input[type='file']")
|
|
1383
1383
|
], f.prototype, "fileInput", 2);
|
|
1384
|
-
|
|
1384
|
+
b([
|
|
1385
1385
|
re("dragover")
|
|
1386
1386
|
], f.prototype, "handleDragOver", 1);
|
|
1387
|
-
|
|
1387
|
+
b([
|
|
1388
1388
|
re("dragenter")
|
|
1389
1389
|
], f.prototype, "handleDragEnter", 1);
|
|
1390
|
-
|
|
1390
|
+
b([
|
|
1391
1391
|
re("dragleave")
|
|
1392
1392
|
], f.prototype, "handleDragLeave", 1);
|
|
1393
|
-
|
|
1393
|
+
b([
|
|
1394
1394
|
re("drop")
|
|
1395
1395
|
], f.prototype, "handleDrop", 1);
|
|
1396
|
-
f =
|
|
1397
|
-
j({ tag:
|
|
1396
|
+
f = b([
|
|
1397
|
+
j({ tag: v })
|
|
1398
1398
|
], f);
|
|
1399
1399
|
const Os = {
|
|
1400
1400
|
basic: {
|
|
@@ -1753,11 +1753,11 @@ let y = (X = class extends HTMLElement {
|
|
|
1753
1753
|
style: { "-webkit-box-orient": "vertical" }
|
|
1754
1754
|
}, this.title), /* @__PURE__ */ o("div", {
|
|
1755
1755
|
className: `${_}__detail`
|
|
1756
|
-
}, this.content)), [
|
|
1757
|
-
|
|
1758
|
-
|
|
1759
|
-
|
|
1760
|
-
] = (
|
|
1756
|
+
}, this.content)), i = this.partnercount, r = this.totalpartners, [
|
|
1757
|
+
l,
|
|
1758
|
+
d,
|
|
1759
|
+
g
|
|
1760
|
+
] = (i ? t("design-system:insightCard.partnerCount", { count: i, total: r }) : "").split("|");
|
|
1761
1761
|
return /* @__PURE__ */ o("div", {
|
|
1762
1762
|
"data-fragment": !0
|
|
1763
1763
|
}, /* @__PURE__ */ o("div", {
|
|
@@ -1766,11 +1766,11 @@ let y = (X = class extends HTMLElement {
|
|
|
1766
1766
|
className: `sps-icon sps-icon-${this.icon}`
|
|
1767
1767
|
}) : /* @__PURE__ */ o("i", {
|
|
1768
1768
|
className: `sps-icon sps-icon-${lt[this.kind]}`
|
|
1769
|
-
}), s, n),
|
|
1769
|
+
}), s, n), i && /* @__PURE__ */ o("div", {
|
|
1770
1770
|
className: `${_}__partner-count`
|
|
1771
|
-
},
|
|
1771
|
+
}, i === r ? /* @__PURE__ */ o("div", null, t("design-system:insightCard.all")) : /* @__PURE__ */ o("div", {
|
|
1772
1772
|
"data-fragment": !0
|
|
1773
|
-
}, /* @__PURE__ */ o("div", null,
|
|
1773
|
+
}, /* @__PURE__ */ o("div", null, l), /* @__PURE__ */ o("div", null, d), /* @__PURE__ */ o("div", null, g)), /* @__PURE__ */ o("div", {
|
|
1774
1774
|
className: `${_}__partners-text`
|
|
1775
1775
|
}, t("design-system:insightCard.partners"))));
|
|
1776
1776
|
}
|
package/dist/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spscommerce/ds-web-components",
|
|
3
3
|
"description": "SPS Design System Native Web Components",
|
|
4
|
-
"version": "7.6.
|
|
4
|
+
"version": "7.6.1",
|
|
5
5
|
"author": "SPS Commerce",
|
|
6
6
|
"license": "UNLICENSED",
|
|
7
7
|
"repository": "https://github.com/spscommerce/woodland/tree/main/packages/@spscommerce/ds-web-components",
|