@spscommerce/ds-web-components 8.56.21 → 8.56.22

package/dist/lib/index.js

@@ -1,8 +1,8 @@
 import { SpsIcon as e, SpsInsightCardIcons as t, SpsInsightCardKind as n } from "@spscommerce/ds-shared";
 import { code as r, parseFileSize as i } from "@spscommerce/utils";
 import { i18nWoodland as a } from "@spscommerce/i18n";
-//#region \0rolldown/runtime.js
-var o = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), s = {}, c = (/* @__PURE__ */ o(((e) => {
+// \0rolldown/runtime.js
+var o = (e, t) => () => (t || (e((t = { exports: {} }).exports, t, t.exports), e = null), t.exports), s = {}, c = (/* @__PURE__ */ o(((e) => {
 	Object.defineProperty(e, "__esModule", { value: !0 });
 	var t = { default: "__default" }, n = Object.prototype.hasOwnProperty;
 	function r() {}
@@ -329,8 +329,7 @@ function l(e) {
 	let t = (0, c.currentPointer)();
 	return t instanceof Comment && t.data !== e ? t.data = e : (t = document.createComment(e), (0, c.currentElement)().appendChild(t)), (0, c.skipNode)(), t;
 }
-//#endregion
-//#region src/utils/metadata.ts
+// src/utils/metadata.ts
 var u = Symbol("ComponentMetadata"), d = Object.freeze({
 	has(e, t) {
 		return !!(e[u] && Object.prototype.hasOwnProperty.call(e[u], t));
@@ -373,8 +372,7 @@ function g(e, t, ...n) {
 		h(n), (0, c.elementClose)(e);
 	};
 }
-//#endregion
-//#region src/utils/register.ts
+// src/utils/register.ts
 function _(e, t) {
 	customElements.get(e) || customElements.define(e, t);
 }
@@ -386,8 +384,7 @@ function v(e) {
 		for (let n of t) _(`${e}${d.get(n, "tag").substr(3)}`, n);
 	};
 }
-//#endregion
-//#region src/decorators/component.ts
+// src/decorators/component.ts
 var y = Symbol("Component Attribute Bindings"), b = Symbol("Component Class Bindings"), x = Symbol("Component Style Bindings"), S = {
 	__initialized: !1,
 	__observer: null,
@@ -476,15 +473,13 @@ function C(e) {
 		}, S);
 	};
 }
-//#endregion
-//#region src/decorators/content.ts
+// src/decorators/content.ts
 function w() {
 	return (e, t) => {
 		d.add(e.constructor, { contentProp: t });
 	};
 }
-//#endregion
-//#region src/decorators/event-dispatcher.ts
+// src/decorators/event-dispatcher.ts
 function T(e) {
 	return (t, n) => {
 		Object.defineProperty(t, n, {
@@ -498,16 +493,14 @@ function T(e) {
 		});
 	};
 }
-//#endregion
-//#region src/decorators/event-listener.ts
+// src/decorators/event-listener.ts
 function E(e) {
 	return (t, n) => {
 		let r = d.get(t.constructor, "eventListeners", []);
 		r.push([e, n]), d.add(t.constructor, { eventListeners: r });
 	};
 }
-//#endregion
-//#region src/decorators/prop.ts
+// src/decorators/prop.ts
 function D(e) {
 	return (t, n) => {
 		let r = t.constructor, i = n.toLowerCase();
@@ -536,8 +529,7 @@ function D(e) {
 		}
 	};
 }
-//#endregion
-//#region src/decorators/query-selector.ts
+// src/decorators/query-selector.ts
 function O(e, t, n) {
 	return (r, i) => {
 		let a = d.get(r.constructor, "childQueries", []);
@@ -555,8 +547,7 @@ function k(e, t = {}) {
 function A(e, t = {}) {
 	return O(e, t, !0);
 }
-//#endregion
-//#region src/decorators/watch.ts
+// src/decorators/watch.ts
 function j() {
 	return (e, t) => {
 		let n = Symbol(t);
@@ -578,26 +569,22 @@ function j() {
 		});
 	};
 }
-//#endregion
-//#region src/components/file-upload/mime-type.enum.ts
+// src/components/file-upload/mime-type.enum.ts
 var M = /* @__PURE__ */ function(e) {
 	return 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;
 }({});
-//#endregion
-//#region \0@oxc-project+runtime@0.153.0/helpers/esm/decorateMetadata.js
+// \0@oxc-project+runtime@0.156.0/helpers/esm/decorateMetadata.js
 function N(e, t) {
 	if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(e, t);
 }
-//#endregion
-//#region \0@oxc-project+runtime@0.153.0/helpers/esm/decorate.js
+// \0@oxc-project+runtime@0.156.0/helpers/esm/decorate.js
 function P(e, t, n, r) {
 	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
 	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
 	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
 	return i > 3 && a && Object.defineProperty(t, n, a), a;
 }
-//#endregion
-//#region src/components/file-upload/file-upload.tsx
+// src/components/file-upload/file-upload.tsx
 var F = "sps-file-upload", I = class extends HTMLElement {
 	static {
 		this.displayName = F;
@@ -762,8 +749,7 @@ P([D(), N("design:type", Object)], I.prototype, "description", void 0), P([D(Boo
 	N("design:paramtypes", [Object]),
 	N("design:returntype", void 0)
 ], I.prototype, "handleDrop", null), I = P([C({ tag: F }), N("design:paramtypes", [])], I);
-//#endregion
-//#region src/components/file-upload/file-upload.examples.ts
+// src/components/file-upload/file-upload.examples.ts
 var L = {
 	basic: {
 		label: "Basic File Upload",
@@ -1105,8 +1091,7 @@ var L = {
 	}
 };
 P([D(), N("design:type", e === void 0 ? Object : e)], z.prototype, "icon", void 0), P([D(), N("design:type", Object)], z.prototype, "kind", void 0), P([D(), N("design:type", String)], z.prototype, "title", void 0), P([D(), N("design:type", Number)], z.prototype, "metric", void 0), P([D(), N("design:type", Number)], z.prototype, "partnerCount", void 0), P([D(), N("design:type", Number)], z.prototype, "totalPartners", void 0), P([D(), N("design:type", Boolean)], z.prototype, "secondary", void 0), P([w(), N("design:type", Object)], z.prototype, "content", void 0), P([k(`.${R}__detail`), N("design:type", Object)], z.prototype, "detail", void 0), z = P([C({ tag: R })], z);
-//#endregion
-//#region src/components/insight-card/insights.tsx
+// src/components/insight-card/insights.tsx
 var B = "sps-insights", V = class extends HTMLElement {
 	static {
 		this.displayName = B;
@@ -1138,8 +1123,7 @@ var B = "sps-insights", V = class extends HTMLElement {
 	}
 };
 P([w(), N("design:type", Object)], V.prototype, "content", void 0), P([A(".sps-insight-card__detail"), N("design:type", typeof NodeList > "u" ? Object : NodeList)], V.prototype, "details", void 0), V = P([C({ tag: B }), N("design:paramtypes", [])], V);
-//#endregion
-//#region src/components/insight-card/insight-card.examples.ts
+// src/components/insight-card/insight-card.examples.ts
 var te = {
 	basic: {
 		label: "Basic Insight Cards",
@@ -1478,8 +1462,7 @@ var te = {
 	}
 };
 P([D(), N("design:type", Object)], H.prototype, "active", void 0), P([D(), N("design:type", Object)], H.prototype, "label", void 0), P([D(), N("design:type", e === void 0 ? Object : e)], H.prototype, "icon", void 0), P([D(), N("design:type", Object)], H.prototype, "tag", void 0), P([D(), N("design:type", String)], H.prototype, "href", void 0), P([D(), N("design:type", String)], H.prototype, "target", void 0), H = P([C({ tag: "sps-nav-tab" })], H);
-//#endregion
-//#region src/components/nav-tabs/nav-tab-set.tsx
+// src/components/nav-tabs/nav-tab-set.tsx
 var U = class extends HTMLElement {
 	constructor(...e) {
 		super(...e), this.content = [];
@@ -1495,8 +1478,7 @@ var U = class extends HTMLElement {
 	}
 };
 P([w(), N("design:type", Object)], U.prototype, "content", void 0), U = P([C({ tag: "sps-nav-tab-set" })], U);
-//#endregion
-//#region src/components/nav-tabs/nav-tabs.examples.ts
+// src/components/nav-tabs/nav-tabs.examples.ts
 var W = { basic: {
 	label: "Basic Navigation Tabs",
 	description: r`
@@ -1599,8 +1581,7 @@ P([D(), N("design:type", String)], q.prototype, "src", void 0), P([D(), N("desig
 	N("design:type", Object),
 	N("design:paramtypes", [])
 ], q.prototype, "image", null), q = P([C({ tag: K })], q);
-//#endregion
-//#region src/components/photo/photo.examples.ts
+// src/components/photo/photo.examples.ts
 var J = {
 	sizing: {
 		label: "Sizing",
@@ -1737,5 +1718,4 @@ var J = {
 		}
 	}
 };
-//#endregion
 export { y as AttrBindings, b as ClassBindings, C as Component, w as Content, T as EventDispatcher, E as EventListener, s as MANIFEST, M as MIMEType, D as Prop, k as QuerySelector, A as QuerySelectorAll, I as SpsFileUploadComponent, L as SpsFileUploadExamples, z as SpsInsightCardComponent, te as SpsInsightCardExamples, V as SpsInsightsComponent, H as SpsNavTabComponent, U as SpsNavTabSetComponent, W as SpsNavTabsExamples, q as SpsPhotoComponent, G as SpsPhotoDisplayMode, J as SpsPhotoExamples, x as StyleBindings, j as Watch, g as h, v as namespaceOverrideRegistrar, ee as register };

package/dist/lib/index.umd.cjs

@@ -1,4 +1,4 @@
-(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("@spscommerce/ds-shared"),require("@spscommerce/utils"),require("@spscommerce/i18n")):typeof define==`function`&&define.amd?define([`exports`,`@spscommerce/ds-shared`,`@spscommerce/utils`,`@spscommerce/i18n`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.DSWebComponents={},e.spscommerceDsShared,e.spscommerceUtils,e.spscommerceI18n))})(this,function(e,t,n,r){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var i=(e,t)=>()=>(t||(e((t={exports:{}}).exports,t),e=null),t.exports),a={},o=i((e=>{Object.defineProperty(e,"__esModule",{value:!0});var t={default:`__default`},n=Object.prototype.hasOwnProperty;function r(){}r.prototype=Object.create(null);function i(e,t){return n.call(e,t)}function a(){return new r}function o(e,t){for(;e.length>t;)e.pop()}function s(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 c(e,t,n){if(n==null)e.removeAttribute(t);else{var r=s(t);r?e.setAttributeNS(r,t,String(n)):e.setAttribute(t,String(n))}}function l(e,t,n){e[t]=n}function u(e,t,n){t.indexOf(`-`)>=0?e.setProperty(t,n):e[t]=n}function d(e,t,n){if(typeof n==`string`)e.style.cssText=n;else{e.style.cssText=``;var r=e.style;for(var a in n)i(n,a)&&u(r,a,n[a])}}function f(e,t,n){var r=typeof n;r===`object`||r===`function`?l(e,t,n):c(e,t,n)}var p=a();p[t.default]=f,p.style=d;function m(e,n,r){(p[n]||p[t.default])(e,n,r)}var h=!1,g=!1;function _(e,t){if(!t)throw Error(`Cannot call `+e+`() unless in patch.`)}function v(e,t){if(e!==t){for(var n=e,r=[];n&&n!==t;)r.push(n.nodeName.toLowerCase()),n=n.parentNode;throw Error(`One or more tags were not closed:
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("@spscommerce/ds-shared"),require("@spscommerce/utils"),require("@spscommerce/i18n")):typeof define==`function`&&define.amd?define([`exports`,`@spscommerce/ds-shared`,`@spscommerce/utils`,`@spscommerce/i18n`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.DSWebComponents={},e.spscommerceDsShared,e.spscommerceUtils,e.spscommerceI18n))})(this,function(e,t,n,r){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var i=(e,t)=>()=>(t||(e((t={exports:{}}).exports,t,t.exports),e=null),t.exports),a={},o=i((e=>{Object.defineProperty(e,"__esModule",{value:!0});var t={default:`__default`},n=Object.prototype.hasOwnProperty;function r(){}r.prototype=Object.create(null);function i(e,t){return n.call(e,t)}function a(){return new r}function o(e,t){for(;e.length>t;)e.pop()}function s(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 c(e,t,n){if(n==null)e.removeAttribute(t);else{var r=s(t);r?e.setAttributeNS(r,t,String(n)):e.setAttribute(t,String(n))}}function l(e,t,n){e[t]=n}function u(e,t,n){t.indexOf(`-`)>=0?e.setProperty(t,n):e[t]=n}function d(e,t,n){if(typeof n==`string`)e.style.cssText=n;else{e.style.cssText=``;var r=e.style;for(var a in n)i(n,a)&&u(r,a,n[a])}}function f(e,t,n){var r=typeof n;r===`object`||r===`function`?l(e,t,n):c(e,t,n)}var p=a();p[t.default]=f,p.style=d;function m(e,n,r){(p[n]||p[t.default])(e,n,r)}var h=!1,g=!1;function _(e,t){if(!t)throw Error(`Cannot call `+e+`() unless in patch.`)}function v(e,t){if(e!==t){for(var n=e,r=[];n&&n!==t;)r.push(n.nodeName.toLowerCase()),n=n.parentNode;throw Error(`One or more tags were not closed:
 `+r.join(`
 `))}}function y(e){if(h)throw Error(e+`() can not be called between elementOpenStart() and elementOpenEnd().`)}function b(e){if(g)throw Error(e+`() may not be called inside an element that has called skip().`)}function x(e){if(!h)throw Error(e+`() can only be called after calling elementOpenStart().`)}function S(){if(h)throw Error(`elementOpenEnd() must be called after calling elementOpenStart().`)}function C(e,t){if(e!==t)throw Error(`Received a call to close "`+t+`" but "`+e+`" was open.`)}function w(e){var t=h;return h=e,t}function T(e){var t=g;return g=e,t}function E(e){if(process.env.NODE_ENV!==`production`&&!e)throw Error(`Expected value to be defined`);return e}var D={nodesCreated:null,nodesDeleted:null},O=function(){function e(){this.created=[],this.deleted=[]}return e.prototype.markCreated=function(e){this.created.push(e)},e.prototype.markDeleted=function(e){this.deleted.push(e)},e.prototype.notifyChanges=function(){D.nodesCreated&&this.created.length>0&&D.nodesCreated(this.created),D.nodesDeleted&&this.deleted.length>0&&D.nodesDeleted(this.deleted)},e}();function k(e){return e.nodeType===11||e.nodeType===9}function A(e){return e.nodeType===1}function j(e){return e.nodeType===3}function M(e,t){for(var n=[],r=e;r!==t;){var i=r;n.push(i),r=i.parentNode}return n}var N=Node.prototype.getRootNode||function(){for(var e=this,t=e;e;)t=e,e=e.parentNode;return t};function P(e){var t=N.call(e);return k(t)?t.activeElement:null}function F(e,t){var n=P(e);return!n||!e.contains(n)?[]:M(n,t)}function ee(e,t,n){for(var r=t.nextSibling,i=n;i!==null&&i!==t;){var a=i.nextSibling;e.insertBefore(i,r),i=a}}var I=function(){function e(e,t,n){this._attrsArr=null,this.staticsApplied=!1,this.nameOrCtor=e,this.key=t,this.text=n}return e.prototype.hasEmptyAttrsArr=function(){var e=this._attrsArr;return!e||!e.length},e.prototype.getAttrsArr=function(e){return this._attrsArr||=Array(e)},e}();function L(e,t,n,r){var i=new I(t,n,r);return e.__incrementalDOMData=i,i}function R(e,t){return z(e,t)}function z(e,t){if(e.__incrementalDOMData)return e.__incrementalDOMData;var n=L(e,A(e)?e.localName:e.nodeName,A(e)?e.getAttribute(`key`)||t:null,j(e)?e.data:void 0);return A(e)&&B(e,n),n}function B(e,t){var n=e.attributes,r=n.length;if(r)for(var i=t.getAttrsArr(r),a=0,o=0;a<r;a+=1,o+=2){var s=n[a],c=s.name,l=s.value;i[o]=c,i[o+1]=l}}function V(e,t){return e===`svg`?`http://www.w3.org/2000/svg`:e===`math`?`http://www.w3.org/1998/Math/MathML`:t==null||R(t).nameOrCtor===`foreignObject`?null:t.namespaceURI}function H(e,t,n,r){var i;if(typeof n==`function`)i=new n;else{var a=V(n,t);i=a?e.createElementNS(a,n):e.createElement(n)}return L(i,n,r),i}function U(e){var t=e.createTextNode(``);return L(t,`#text`,null),t}var W=null,G=null,K=null,q=null,J=[],Y=[];function X(){return Y}function te(e){return function(t,n,r){var i=W,a=q,o=J,s=Y,c=G,l=K,u=!1,d=!1;W=new O,q=t.ownerDocument,Y=[],K=t.parentNode,J=F(t,K),process.env.NODE_ENV!==`production`&&(u=w(!1),d=T(!1));try{var f=e(t,n,r);return process.env.NODE_ENV!==`production`&&S(),f}finally{q=a,Y=s,G=c,K=l,J=o,W.notifyChanges(),w(u),T(d),W=i}}}var ne=te(function(e,t,n){return G=e,ce(),t(n),le(),process.env.NODE_ENV!==`production`&&v(G,e),e});function re(e,t,n){var r=R(e,n);return t==r.nameOrCtor&&n==r.key}function ie(e,t,n){if(!e)return null;if(re(e,t,n))return e;if(n){for(;e=e.nextSibling;)if(re(e,t,n))return e}return null}function ae(e,t){var n=e===`#text`?U(q):H(q,K,e,t);return W.markCreated(n),n}function oe(e,t){var n=ie(G,e,t)||ae(e,t);n!==G&&(J.indexOf(n)>=0?ee(K,n,G):K.insertBefore(n,G),G=n)}function se(e,t,n){for(var r=e,i=t;i!==n;){var a=i.nextSibling;r.removeChild(i),W.markDeleted(i),i=a}}function ce(){K=G,G=null}function Z(){return G?G.nextSibling:K.firstChild}function Q(){G=Z()}function le(){se(K,Z(),null),G=K,K=K.parentNode}function ue(e,t){return Q(),oe(e,t),ce(),K}function de(){return process.env.NODE_ENV!==`production`&&T(!1),le(),G}function fe(){return Q(),oe(`#text`,null),G}function pe(){return process.env.NODE_ENV!==`production`&&(_(`currentElement`,q),y(`currentElement`)),K}function me(){return process.env.NODE_ENV!==`production`&&(_(`currentPointer`,q),y(`currentPointer`)),Z()}var he=3,$=a();function ge(e,t,n){if(t.staticsApplied=!0,n&&n.length){if(t.hasEmptyAttrsArr())for(var r=0;r<n.length;r+=2)m(e,n[r],n[r+1]);else{for(var r=0;r<n.length;r+=2)$[n[r]]=r+1;for(var i=t.getAttrsArr(0),a=0,r=0;r<i.length;r+=2){var s=i[r],c=i[r+1],l=$[s];l?n[l]===c&&delete $[s]:(i[a]=s,i[a+1]=c,a+=2)}for(var s in o(i,a),$)m(e,s,n[$[s]]),delete $[s]}}}function _e(e,t,n){for(var r=[],i=3;i<arguments.length;i++)r[i-3]=arguments[i];process.env.NODE_ENV!==`production`&&(y(`elementOpen`),b(`elementOpen`));var a=ue(e,t),s=R(a);s.staticsApplied||ge(a,s,n);var c=Math.max(0,arguments.length-he),l=s.hasEmptyAttrsArr();if(!c&&l)return a;for(var u=s.getAttrsArr(c),d=he,f=0;d<arguments.length;d+=2,f+=2){var p=arguments[d];if(l)u[f]=p;else if(u[f]!==p)break;var h=arguments[d+1];(l||u[f+1]!==h)&&(u[f+1]=h,m(a,p,h))}if(d<arguments.length||f<u.length){for(var g=f;f<u.length;f+=2)$[u[f]]=u[f+1];for(f=g;d<arguments.length;d+=2,f+=2){var p=arguments[d],h=arguments[d+1];$[p]!==h&&m(a,p,h),u[f]=p,u[f+1]=h,delete $[p]}for(var p in o(u,f),$)m(a,p,void 0),delete $[p]}return a}function ve(e,t,n){var r=X();process.env.NODE_ENV!==`production`&&(y(`elementOpenStart`),w(!0)),r[0]=e,r[1]=t,r[2]=n}function ye(e,t){var n=X();process.env.NODE_ENV!==`production`&&x(`attr`),n.push(e),n.push(t)}function be(){var e=X();process.env.NODE_ENV!==`production`&&(x(`elementOpenEnd`),w(!1)),E(e);var t=_e.apply(null,e);return o(e,0),t}function xe(e){process.env.NODE_ENV!==`production`&&y(`elementClose`);var t=de();return process.env.NODE_ENV!==`production`&&C(R(t).nameOrCtor,e),t}function Se(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];process.env.NODE_ENV!==`production`&&(y(`text`),b(`text`));var r=fe(),i=R(r);if(i.text!==e){i.text=e;for(var a=e,o=1;o<arguments.length;o+=1){var s=arguments[o];a=s(a)}r.data=a}return r}e.currentElement=pe,e.currentPointer=me,e.patch=ne,e.skipNode=Q,e.attr=ye,e.elementClose=xe,e.elementOpenEnd=be,e.elementOpenStart=ve,e.text=Se}))();function s(e){let t=(0,o.currentPointer)();return t instanceof Comment&&t.data!==e?t.data=e:(t=document.createComment(e),(0,o.currentElement)().appendChild(t)),(0,o.skipNode)(),t}var c=Symbol(`ComponentMetadata`),l=Object.freeze({has(e,t){return!!(e[c]&&Object.prototype.hasOwnProperty.call(e[c],t))},add(e,t){e[c]?Object.assign(e[c],t):e[c]=t},get(e,t,n){return e[c]&&e[c][t]||n}}),u=Symbol(`ds-web-components:pragma:listeners-attached`),d=`idom-pragma:content-begin`,f=`idom-pragma:content-end`;function p(e){for(let t of e)if(typeof t==`function`)t();else if(typeof t==`string`)(0,o.text)(t);else if(t instanceof Set)p(Array.from(t));else if(Array.isArray(t)&&t.length>0){let e=(0,o.currentPointer)();if(s(d),e===null){let e=(0,o.currentElement)();for(let n=0;n<t.length;n+=1)e.contains(t[n])||e.appendChild(t[n]),(0,o.skipNode)()}for(;e&&e.data!==`idom-pragma:content-end`;)(0,o.skipNode)(),e=(0,o.currentPointer)();s(f)}}function m(e,t,...n){if(t){for(let e of Object.keys(t))if(e.toUpperCase()===`DATA-FRAGMENT`)return()=>p(n)}return()=>{(0,o.elementOpenStart)(e);let r=[];if(t)for(let e of Object.keys(t))e.toUpperCase()===`CLASSNAME`?(0,o.attr)(`class`,t[e]):/^on[A-Z]/.test(e)?r.push(e):(0,o.attr)(e,t[e]);(0,o.elementOpenEnd)(e);let i=(0,o.currentElement)();if(!i[u]){for(let e of r)i.addEventListener(e.substr(2).toLowerCase(),t[e]);i[u]=!0}p(n),(0,o.elementClose)(e)}}function h(e,t){customElements.get(e)||customElements.define(e,t)}function g(...e){for(let t of e)h(l.get(t,`tag`),t)}function _(e){return function(...t){for(let n of t)h(`${e}${l.get(n,`tag`).substr(3)}`,n)}}var v=Symbol(`Component Attribute Bindings`),y=Symbol(`Component Class Bindings`),b=Symbol(`Component Style Bindings`),x={__initialized:!1,__observer:null,__queuedUpdate:null,__managedClasses:new Set,__updateHostBindings(){let e=this;for(let t of Object.keys(e[v]||{}))e.setAttribute(t,e[v][t]);for(let t of Object.keys(e[b]||{}))e.style[t]=e[b][t];for(let t of e.__managedClasses)e.classList.remove(t);for(let t of(e[y]||[]).filter(Boolean))e.__managedClasses.add(t),e.classList.add(t);for(let t of(e.getAttribute(`classname`)||``).split(/\w+/).filter(Boolean))e.classList.add(t)},__updateChildQueries(e){let t=this;for(let n of l.get(t.constructor,`childQueries`,[]))if(!e||e&&n.refresh){let e=n.all?t.querySelectorAll:t.querySelector;t[n.key]=e.call(t,n.selector)}},__gatherChildren(){let e=this,t=Array.from(e.childNodes),n=null,r=t.length;for(let e=0;e<t.length;e+=1){let i=t[e];i instanceof Comment&&(i.data===`idom-pragma:content-begin`?n=e+1:i.data===`idom-pragma:content-end`&&(r=e-1))}if(n===null)for(let e of t)e.parentNode.removeChild(e);else t=t.slice(n,r);l.has(e.constructor,`contentProp`)&&(e[l.get(e.constructor,`contentProp`)]=t)},__startMutObs(){let e=this;e.__observer||=new MutationObserver(()=>{e.contentChangedCallback&&e.contentChangedCallback(),e.__gatherChildren(),e.update()}),e.__observer.observe(e,{childList:!0})},__stopMutObs(){let e=this;e.__observer&&e.__observer.disconnect()},__doRender(){let e=this;e.__stopMutObs(),(0,o.patch)(e,e.render()),e.__startMutObs()},update(){let e=this;e.__initialized&&!e.__queuedUpdate&&(e.__queuedUpdate=window.requestAnimationFrame(()=>{e.__doRender(),setTimeout(()=>{e.__updateChildQueries(!0),e.__updateHostBindings()},0),e.__queuedUpdate=null}))},attributeChangedCallback(e,t,n){let r=this,i=n===``||n;i!==t&&(r.__cbAttributeChanged&&r.__cbAttributeChanged(e,r[e],i),e!==`style`&&(r[e]=i),r.__initialized&&r.update())},connectedCallback(){let e=this;e.__cbConnected&&e.__cbConnected();let t=l.get(e.constructor,`eventListeners`,[]);setTimeout(()=>{if(!e.__initialized){e.__gatherChildren();for(let[,n]of t)e[n]=e[n].bind(e);e.__initialized=!0}for(let[n,r]of t)e.addEventListener(n,e[r]);e.__doRender(),setTimeout(()=>{e.__updateChildQueries(),e.__updateHostBindings()},0)},0)},disconnectedCallback(){let e=this;e.__cbDisconnected&&e.__cbDisconnected();for(let[t,n]of l.get(e.constructor,`eventListeners`,[]))e.removeEventListener(t,e[n]);e.__stopMutObs()}};function S(e){return t=>{l.add(t,e),Object.assign(t.prototype,{__cbAttributeChanged:t.prototype.attributeChangedCallback,__cbConnected:t.prototype.connectedCallback,__cbDisconnected:t.prototype.disconnectedCallback},x)}}function C(){return(e,t)=>{l.add(e.constructor,{contentProp:t})}}function w(e){return(t,n)=>{Object.defineProperty(t,n,{get(){return Object.defineProperty(this,n,{value:{dispatch:t=>{let r=new CustomEvent(e||n,{detail:t});return this.dispatchEvent(r),r}}}),this[n]},configurable:!0})}}function T(e){return(t,n)=>{let r=l.get(t.constructor,`eventListeners`,[]);r.push([e,n]),l.add(t.constructor,{eventListeners:r})}}function E(e){return(t,n)=>{let r=t.constructor,i=n.toLowerCase();if(r.observedAttributes=r.observedAttributes||[`classname`,`className`,`style`],r.observedAttributes.push(n),r.observedAttributes.push(i),i!==n&&Object.defineProperty(t,n,{get(){return this[i]},set(e){this[i]=e}}),e){let r=Symbol.for(n);Object.defineProperty(t,i,{get(){return this[r]},set(t){let n=t;n=e===Boolean&&typeof t==`string`&&t.toLowerCase()===`false`?!1:e(t),this[r]=n}})}}}function D(e,t,n){return(r,i)=>{let a=l.get(r.constructor,`childQueries`,[]);a.push({key:i,selector:e,all:n,refresh:t.refresh}),l.add(r.constructor,{childQueries:a})}}function O(e,t={}){return D(e,t)}function k(e,t={}){return D(e,t,!0)}function A(){return(e,t)=>{let n=Symbol(t);Object.defineProperties(e,{[n]:{writable:!0,enumerable:!1,configurable:!1,value:e[t]},[t]:{get(){return this[n]},set(e){this[n]!==e&&(this[n]=e,this.update())}}})}}var j=function(e){return 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}({});function M(e,t){if(typeof Reflect==`object`&&typeof Reflect.metadata==`function`)return Reflect.metadata(e,t)}function N(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}var P=`sps-file-upload`,F=class extends HTMLElement{static{this.displayName=P}static{this.props={description:`string`,multiple:`boolean`,dismissable:`boolean`,processing:`boolean`,mini:`boolean`,downloadLabel:`string`,acceptExtensions:`Array<string> | string`,maxSize:`string`,customRequirement:`string`,selection:{event:!0,type:`CustomEvent<Array<File>>`},dismissal:{event:!0,type:`CustomEvent<void>`},download:{event:!0,type:`CustomEvent<void>`}}}get[y](){return[P,this.active&&`${P}--active`,this.error&&`${P}--error`,!this.shown&&`${P}--hidden`,this.mini&&`${P}--mini`,this.constrainContentWidth&&`${P}--constrained-content-width`]}constructor(){super(),this.shown=!0,this.files=[],this.acceptMIMETypes=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)}connectedCallback(){this.description=this.description||(this.multiple?`Files`:`File`),this.acceptExtensions&&this.processAcceptExtensions(this.acceptExtensions),this.maxSize&&this.parseAndValidateMaxSize(this.maxSize)}attributeChangedCallback(e,t,n){e===`acceptExtensions`&&this.processAcceptExtensions(n),e===`maxSize`&&this.parseAndValidateMaxSize(n)}dismiss(){this.dismissable&&(this.shown=!1,this.update(),this.dismissal.dispatch())}show(){this.dismissable&&(this.shown=!0,this.update())}render(){let e=this.error?t.SpsIcon.EXCLAMATION_CIRCLE:t.SpsIcon.UPLOAD_CLOUD,n=(this.multiple?r.i18nWoodland.t(`fileUpload.instructions.other`,{defaultValue:`Drag and drop your files here or |browse for files| on your desktop.`}):r.i18nWoodland.t(`fileUpload.instructions.one`,{defaultValue:`Drag and drop your file here or |browse for a file| on your desktop.`})).split(`|`);return m(`div`,{"data-fragment":!0},m(`div`,{className:`${P}__content`},this.processing?m(`div`,{"data-fragment":!0},m(`i`,{className:`sps-spinner sps-spinner--medium`,"aria-hidden":`true`}),m(`div`,{className:`${P}__instructions`},r.i18nWoodland.t(`fileUpload.processing`,{defaultValue:`Processing Upload...`}))):m(`div`,{"data-fragment":!0},m(`i`,{className:`sps-icon sps-icon-${e} ${P}__icon-primary`,"aria-hidden":`true`}),m(`div`,{className:`${P}__title`},this.error?m(`div`,{"data-fragment":!0},r.i18nWoodland.t(this.namesOfUnsupportedFiles.length>1?`fileUpload.cancelled_plural`:`fileUpload.cancelled`,{defaultValue:this.namesOfUnsupportedFiles.length>1?`File Upload(s) Failed`:`File Upload Failed`})):m(`div`,{"data-fragment":!0},r.i18nWoodland.t(`fileUpload.title`,{description:this.description,defaultValue:`Upload Your ${this.description}`}))),this.error?m(`div`,{className:`${P}__errored-files`},new Set(this.namesOfUnsupportedFiles.map((e,t)=>{let n=Math.floor(e.length/2);return m(`div`,{className:`${P}__errored-filename`,key:e},m(`span`,{className:`${P}__errored-filename-segment`},e.substr(0,n)),m(`div`,{className:`${P}__errored-filename-segment`},m(`span`,null,e.substr(n))),t<this.namesOfUnsupportedFiles.length-1?`,`:``)}))):m(`span`,null),m(`div`,{className:`${P}__instructions`},m(`div`,{"data-fragment":!0},m(`span`,null,n[0]),m(`a`,{href:``,onClick:this.handleBrowseLinkClick},n[1]),m(`span`,null,n[2]))),m(`div`,{className:`${P}__requirements`},this.acceptExtensions?m(`span`,null,`(`,` `,r.i18nWoodland.t(`fileUpload.acceptedTypes`,{fileTypes:this.acceptExtensionsDescription,defaultValue:`${this.acceptExtensionsDescription} format accepted`}),` `,`)`):``,this.maxSize?m(`span`,null,`(`,` `,r.i18nWoodland.t(`fileUpload.maximumSize`,{size:this.maxSize,defaultValue:`${this.maxSize} maximum`}),` `,`)`):``,this.customRequirement?m(`span`,null,` `,this.customRequirement,` `):``),this.downloadLabel&&m(`div`,{className:`sps-button sps-button--link ${P}__download-button`,onClick:this.handleDownloadButtonClick},m(`button`,{type:`button`},m(`i`,{className:`sps-icon sps-icon-download-cloud`,"aria-hidden":`true`}),` `,this.downloadLabel)))),this.dismissable&&!this.processing&&m(`div`,{className:`sps-button sps-button--icon ${P}__close-button`,onClick:this.dismiss},m(`button`,{type:`button`,title:r.i18nWoodland.t(`fileUpload.close`,{defaultValue:`Close`})},m(`i`,{className:`sps-icon sps-icon-x`,"aria-hidden":`true`}))),m(`form`,null,m(`input`,{type:`file`,accept:this.accept||`*/*`,multiple:this.multiple||null,onChange:this.handleFileInputChange})))}parseAndValidateMaxSize(e){try{this.maxSizeBytes=(0,n.parseFileSize)(e)}catch{throw Error(`Could not parse "${e}" as a file size.`)}}processAcceptExtensions(e){let t=(Array.isArray(e)?e:e.trim().split(/\s?,\s?/)).map(e=>e.replace(/^\./,``)),n=t.map(e=>`.${e}`.toLowerCase());this.acceptExtensionsDescription=n.map((e,t)=>t>0&&t===n.length-1?`or ${e}`:e).join(n.length>2?`, `:` `),this.acceptMIMETypes.clear();for(let e of t)for(let t of j[e.toUpperCase()].split(`,`))this.acceptMIMETypes.add(t);this.accept=n.concat(Array.from(this.acceptMIMETypes)).join(`,`)}selectFiles(e){this.namesOfUnsupportedFiles=[];let t=Array.from(e);for(let e of t)this.acceptExtensions&&!this.acceptMIMETypes.has(e.type)&&this.namesOfUnsupportedFiles.push(e.name),this.maxSize&&e.size>this.maxSizeBytes&&!this.namesOfUnsupportedFiles.includes(e.name)&&this.namesOfUnsupportedFiles.push(e.name);this.namesOfUnsupportedFiles.length?(this.error=!0,this.fileInput.value=null,this.update()):(this.files=t,this.selection.dispatch(t))}handleDragOver(e){e.preventDefault(),e.stopPropagation()}handleDragEnter(e){e.preventDefault(),this.active=!0,this.error=!1,this.update()}handleDragLeave(e){e.preventDefault(),this.active=!1,this.update()}handleDrop(e){e.preventDefault(),e.stopPropagation(),this.active=!1,e.dataTransfer.items?this.selectFiles(Array.from(e.dataTransfer.items).map(e=>e.getAsFile())):this.selectFiles(e.dataTransfer.files),this.update()}handleBrowseLinkClick(e){e.preventDefault(),this.error=!1,this.update(),this.fileInput.click()}handleDownloadButtonClick(){this.download.dispatch()}handleFileInputChange(e){e.stopPropagation(),this.selectFiles(e.target.files)}};N([E(),M(`design:type`,Object)],F.prototype,`description`,void 0),N([E(Boolean),M(`design:type`,Boolean)],F.prototype,`multiple`,void 0),N([E(Boolean),M(`design:type`,Object)],F.prototype,`shown`,void 0),N([E(Boolean),M(`design:type`,Boolean)],F.prototype,`dismissable`,void 0),N([E(Boolean),M(`design:type`,Boolean)],F.prototype,`processing`,void 0),N([E(Boolean),M(`design:type`,Boolean)],F.prototype,`mini`,void 0),N([E(Boolean),M(`design:type`,Boolean)],F.prototype,`constrainContentWidth`,void 0),N([E(),M(`design:type`,String)],F.prototype,`downloadLabel`,void 0),N([E(),M(`design:type`,Object)],F.prototype,`acceptExtensions`,void 0),N([E(),M(`design:type`,String)],F.prototype,`maxSize`,void 0),N([E(),M(`design:type`,String)],F.prototype,`customRequirement`,void 0),N([w(),M(`design:type`,Object)],F.prototype,`selection`,void 0),N([w(),M(`design:type`,Object)],F.prototype,`dismissal`,void 0),N([w(),M(`design:type`,Object)],F.prototype,`download`,void 0),N([O(`input[type='file']`),M(`design:type`,typeof HTMLInputElement>`u`?Object:HTMLInputElement)],F.prototype,`fileInput`,void 0),N([T(`dragover`),M(`design:type`,Function),M(`design:paramtypes`,[typeof Event>`u`?Object:Event]),M(`design:returntype`,void 0)],F.prototype,`handleDragOver`,null),N([T(`dragenter`),M(`design:type`,Function),M(`design:paramtypes`,[typeof Event>`u`?Object:Event]),M(`design:returntype`,void 0)],F.prototype,`handleDragEnter`,null),N([T(`dragleave`),M(`design:type`,Function),M(`design:paramtypes`,[typeof Event>`u`?Object:Event]),M(`design:returntype`,void 0)],F.prototype,`handleDragLeave`,null),N([T(`drop`),M(`design:type`,Function),M(`design:paramtypes`,[Object]),M(`design:returntype`,void 0)],F.prototype,`handleDrop`,null),F=N([S({tag:P}),M(`design:paramtypes`,[])],F);var ee={basic:{label:`Basic File Upload`,description:n.code`
             <p>Simply allow the user to drag-and-drop or select either a single file or multiple files at once.</p>

package/dist/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@spscommerce/ds-web-components",
   "description": "SPS Design System Native Web Components",
-  "version": "8.56.21",
+  "version": "8.56.22",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "repository": "https://github.com/spscommerce/woodland/tree/main/packages/@spscommerce/ds-web-components",

package/lib/index.js

@@ -1,8 +1,8 @@
 import { SpsIcon as e, SpsInsightCardIcons as t, SpsInsightCardKind as n } from "@spscommerce/ds-shared";
 import { code as r, parseFileSize as i } from "@spscommerce/utils";
 import { i18nWoodland as a } from "@spscommerce/i18n";
-//#region \0rolldown/runtime.js
-var o = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), s = {}, c = (/* @__PURE__ */ o(((e) => {
+// \0rolldown/runtime.js
+var o = (e, t) => () => (t || (e((t = { exports: {} }).exports, t, t.exports), e = null), t.exports), s = {}, c = (/* @__PURE__ */ o(((e) => {
 	Object.defineProperty(e, "__esModule", { value: !0 });
 	var t = { default: "__default" }, n = Object.prototype.hasOwnProperty;
 	function r() {}
@@ -329,8 +329,7 @@ function l(e) {
 	let t = (0, c.currentPointer)();
 	return t instanceof Comment && t.data !== e ? t.data = e : (t = document.createComment(e), (0, c.currentElement)().appendChild(t)), (0, c.skipNode)(), t;
 }
-//#endregion
-//#region src/utils/metadata.ts
+// src/utils/metadata.ts
 var u = Symbol("ComponentMetadata"), d = Object.freeze({
 	has(e, t) {
 		return !!(e[u] && Object.prototype.hasOwnProperty.call(e[u], t));
@@ -373,8 +372,7 @@ function g(e, t, ...n) {
 		h(n), (0, c.elementClose)(e);
 	};
 }
-//#endregion
-//#region src/utils/register.ts
+// src/utils/register.ts
 function _(e, t) {
 	customElements.get(e) || customElements.define(e, t);
 }
@@ -386,8 +384,7 @@ function v(e) {
 		for (let n of t) _(`${e}${d.get(n, "tag").substr(3)}`, n);
 	};
 }
-//#endregion
-//#region src/decorators/component.ts
+// src/decorators/component.ts
 var y = Symbol("Component Attribute Bindings"), b = Symbol("Component Class Bindings"), x = Symbol("Component Style Bindings"), S = {
 	__initialized: !1,
 	__observer: null,
@@ -476,15 +473,13 @@ function C(e) {
 		}, S);
 	};
 }
-//#endregion
-//#region src/decorators/content.ts
+// src/decorators/content.ts
 function w() {
 	return (e, t) => {
 		d.add(e.constructor, { contentProp: t });
 	};
 }
-//#endregion
-//#region src/decorators/event-dispatcher.ts
+// src/decorators/event-dispatcher.ts
 function T(e) {
 	return (t, n) => {
 		Object.defineProperty(t, n, {
@@ -498,16 +493,14 @@ function T(e) {
 		});
 	};
 }
-//#endregion
-//#region src/decorators/event-listener.ts
+// src/decorators/event-listener.ts
 function E(e) {
 	return (t, n) => {
 		let r = d.get(t.constructor, "eventListeners", []);
 		r.push([e, n]), d.add(t.constructor, { eventListeners: r });
 	};
 }
-//#endregion
-//#region src/decorators/prop.ts
+// src/decorators/prop.ts
 function D(e) {
 	return (t, n) => {
 		let r = t.constructor, i = n.toLowerCase();
@@ -536,8 +529,7 @@ function D(e) {
 		}
 	};
 }
-//#endregion
-//#region src/decorators/query-selector.ts
+// src/decorators/query-selector.ts
 function O(e, t, n) {
 	return (r, i) => {
 		let a = d.get(r.constructor, "childQueries", []);
@@ -555,8 +547,7 @@ function k(e, t = {}) {
 function A(e, t = {}) {
 	return O(e, t, !0);
 }
-//#endregion
-//#region src/decorators/watch.ts
+// src/decorators/watch.ts
 function j() {
 	return (e, t) => {
 		let n = Symbol(t);
@@ -578,26 +569,22 @@ function j() {
 		});
 	};
 }
-//#endregion
-//#region src/components/file-upload/mime-type.enum.ts
+// src/components/file-upload/mime-type.enum.ts
 var M = /* @__PURE__ */ function(e) {
 	return 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;
 }({});
-//#endregion
-//#region \0@oxc-project+runtime@0.153.0/helpers/esm/decorateMetadata.js
+// \0@oxc-project+runtime@0.156.0/helpers/esm/decorateMetadata.js
 function N(e, t) {
 	if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(e, t);
 }
-//#endregion
-//#region \0@oxc-project+runtime@0.153.0/helpers/esm/decorate.js
+// \0@oxc-project+runtime@0.156.0/helpers/esm/decorate.js
 function P(e, t, n, r) {
 	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
 	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
 	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
 	return i > 3 && a && Object.defineProperty(t, n, a), a;
 }
-//#endregion
-//#region src/components/file-upload/file-upload.tsx
+// src/components/file-upload/file-upload.tsx
 var F = "sps-file-upload", I = class extends HTMLElement {
 	static {
 		this.displayName = F;
@@ -762,8 +749,7 @@ P([D(), N("design:type", Object)], I.prototype, "description", void 0), P([D(Boo
 	N("design:paramtypes", [Object]),
 	N("design:returntype", void 0)
 ], I.prototype, "handleDrop", null), I = P([C({ tag: F }), N("design:paramtypes", [])], I);
-//#endregion
-//#region src/components/file-upload/file-upload.examples.ts
+// src/components/file-upload/file-upload.examples.ts
 var L = {
 	basic: {
 		label: "Basic File Upload",
@@ -1105,8 +1091,7 @@ var L = {
 	}
 };
 P([D(), N("design:type", e === void 0 ? Object : e)], z.prototype, "icon", void 0), P([D(), N("design:type", Object)], z.prototype, "kind", void 0), P([D(), N("design:type", String)], z.prototype, "title", void 0), P([D(), N("design:type", Number)], z.prototype, "metric", void 0), P([D(), N("design:type", Number)], z.prototype, "partnerCount", void 0), P([D(), N("design:type", Number)], z.prototype, "totalPartners", void 0), P([D(), N("design:type", Boolean)], z.prototype, "secondary", void 0), P([w(), N("design:type", Object)], z.prototype, "content", void 0), P([k(`.${R}__detail`), N("design:type", Object)], z.prototype, "detail", void 0), z = P([C({ tag: R })], z);
-//#endregion
-//#region src/components/insight-card/insights.tsx
+// src/components/insight-card/insights.tsx
 var B = "sps-insights", V = class extends HTMLElement {
 	static {
 		this.displayName = B;
@@ -1138,8 +1123,7 @@ var B = "sps-insights", V = class extends HTMLElement {
 	}
 };
 P([w(), N("design:type", Object)], V.prototype, "content", void 0), P([A(".sps-insight-card__detail"), N("design:type", typeof NodeList > "u" ? Object : NodeList)], V.prototype, "details", void 0), V = P([C({ tag: B }), N("design:paramtypes", [])], V);
-//#endregion
-//#region src/components/insight-card/insight-card.examples.ts
+// src/components/insight-card/insight-card.examples.ts
 var te = {
 	basic: {
 		label: "Basic Insight Cards",
@@ -1478,8 +1462,7 @@ var te = {
 	}
 };
 P([D(), N("design:type", Object)], H.prototype, "active", void 0), P([D(), N("design:type", Object)], H.prototype, "label", void 0), P([D(), N("design:type", e === void 0 ? Object : e)], H.prototype, "icon", void 0), P([D(), N("design:type", Object)], H.prototype, "tag", void 0), P([D(), N("design:type", String)], H.prototype, "href", void 0), P([D(), N("design:type", String)], H.prototype, "target", void 0), H = P([C({ tag: "sps-nav-tab" })], H);
-//#endregion
-//#region src/components/nav-tabs/nav-tab-set.tsx
+// src/components/nav-tabs/nav-tab-set.tsx
 var U = class extends HTMLElement {
 	constructor(...e) {
 		super(...e), this.content = [];
@@ -1495,8 +1478,7 @@ var U = class extends HTMLElement {
 	}
 };
 P([w(), N("design:type", Object)], U.prototype, "content", void 0), U = P([C({ tag: "sps-nav-tab-set" })], U);
-//#endregion
-//#region src/components/nav-tabs/nav-tabs.examples.ts
+// src/components/nav-tabs/nav-tabs.examples.ts
 var W = { basic: {
 	label: "Basic Navigation Tabs",
 	description: r`
@@ -1599,8 +1581,7 @@ P([D(), N("design:type", String)], q.prototype, "src", void 0), P([D(), N("desig
 	N("design:type", Object),
 	N("design:paramtypes", [])
 ], q.prototype, "image", null), q = P([C({ tag: K })], q);
-//#endregion
-//#region src/components/photo/photo.examples.ts
+// src/components/photo/photo.examples.ts
 var J = {
 	sizing: {
 		label: "Sizing",
@@ -1737,5 +1718,4 @@ var J = {
 		}
 	}
 };
-//#endregion
 export { y as AttrBindings, b as ClassBindings, C as Component, w as Content, T as EventDispatcher, E as EventListener, s as MANIFEST, M as MIMEType, D as Prop, k as QuerySelector, A as QuerySelectorAll, I as SpsFileUploadComponent, L as SpsFileUploadExamples, z as SpsInsightCardComponent, te as SpsInsightCardExamples, V as SpsInsightsComponent, H as SpsNavTabComponent, U as SpsNavTabSetComponent, W as SpsNavTabsExamples, q as SpsPhotoComponent, G as SpsPhotoDisplayMode, J as SpsPhotoExamples, x as StyleBindings, j as Watch, g as h, v as namespaceOverrideRegistrar, ee as register };

package/lib/index.umd.cjs

@@ -1,4 +1,4 @@
-(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("@spscommerce/ds-shared"),require("@spscommerce/utils"),require("@spscommerce/i18n")):typeof define==`function`&&define.amd?define([`exports`,`@spscommerce/ds-shared`,`@spscommerce/utils`,`@spscommerce/i18n`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.DSWebComponents={},e.spscommerceDsShared,e.spscommerceUtils,e.spscommerceI18n))})(this,function(e,t,n,r){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var i=(e,t)=>()=>(t||(e((t={exports:{}}).exports,t),e=null),t.exports),a={},o=i((e=>{Object.defineProperty(e,"__esModule",{value:!0});var t={default:`__default`},n=Object.prototype.hasOwnProperty;function r(){}r.prototype=Object.create(null);function i(e,t){return n.call(e,t)}function a(){return new r}function o(e,t){for(;e.length>t;)e.pop()}function s(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 c(e,t,n){if(n==null)e.removeAttribute(t);else{var r=s(t);r?e.setAttributeNS(r,t,String(n)):e.setAttribute(t,String(n))}}function l(e,t,n){e[t]=n}function u(e,t,n){t.indexOf(`-`)>=0?e.setProperty(t,n):e[t]=n}function d(e,t,n){if(typeof n==`string`)e.style.cssText=n;else{e.style.cssText=``;var r=e.style;for(var a in n)i(n,a)&&u(r,a,n[a])}}function f(e,t,n){var r=typeof n;r===`object`||r===`function`?l(e,t,n):c(e,t,n)}var p=a();p[t.default]=f,p.style=d;function m(e,n,r){(p[n]||p[t.default])(e,n,r)}var h=!1,g=!1;function _(e,t){if(!t)throw Error(`Cannot call `+e+`() unless in patch.`)}function v(e,t){if(e!==t){for(var n=e,r=[];n&&n!==t;)r.push(n.nodeName.toLowerCase()),n=n.parentNode;throw Error(`One or more tags were not closed:
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("@spscommerce/ds-shared"),require("@spscommerce/utils"),require("@spscommerce/i18n")):typeof define==`function`&&define.amd?define([`exports`,`@spscommerce/ds-shared`,`@spscommerce/utils`,`@spscommerce/i18n`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.DSWebComponents={},e.spscommerceDsShared,e.spscommerceUtils,e.spscommerceI18n))})(this,function(e,t,n,r){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var i=(e,t)=>()=>(t||(e((t={exports:{}}).exports,t,t.exports),e=null),t.exports),a={},o=i((e=>{Object.defineProperty(e,"__esModule",{value:!0});var t={default:`__default`},n=Object.prototype.hasOwnProperty;function r(){}r.prototype=Object.create(null);function i(e,t){return n.call(e,t)}function a(){return new r}function o(e,t){for(;e.length>t;)e.pop()}function s(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 c(e,t,n){if(n==null)e.removeAttribute(t);else{var r=s(t);r?e.setAttributeNS(r,t,String(n)):e.setAttribute(t,String(n))}}function l(e,t,n){e[t]=n}function u(e,t,n){t.indexOf(`-`)>=0?e.setProperty(t,n):e[t]=n}function d(e,t,n){if(typeof n==`string`)e.style.cssText=n;else{e.style.cssText=``;var r=e.style;for(var a in n)i(n,a)&&u(r,a,n[a])}}function f(e,t,n){var r=typeof n;r===`object`||r===`function`?l(e,t,n):c(e,t,n)}var p=a();p[t.default]=f,p.style=d;function m(e,n,r){(p[n]||p[t.default])(e,n,r)}var h=!1,g=!1;function _(e,t){if(!t)throw Error(`Cannot call `+e+`() unless in patch.`)}function v(e,t){if(e!==t){for(var n=e,r=[];n&&n!==t;)r.push(n.nodeName.toLowerCase()),n=n.parentNode;throw Error(`One or more tags were not closed:
 `+r.join(`
 `))}}function y(e){if(h)throw Error(e+`() can not be called between elementOpenStart() and elementOpenEnd().`)}function b(e){if(g)throw Error(e+`() may not be called inside an element that has called skip().`)}function x(e){if(!h)throw Error(e+`() can only be called after calling elementOpenStart().`)}function S(){if(h)throw Error(`elementOpenEnd() must be called after calling elementOpenStart().`)}function C(e,t){if(e!==t)throw Error(`Received a call to close "`+t+`" but "`+e+`" was open.`)}function w(e){var t=h;return h=e,t}function T(e){var t=g;return g=e,t}function E(e){if(process.env.NODE_ENV!==`production`&&!e)throw Error(`Expected value to be defined`);return e}var D={nodesCreated:null,nodesDeleted:null},O=function(){function e(){this.created=[],this.deleted=[]}return e.prototype.markCreated=function(e){this.created.push(e)},e.prototype.markDeleted=function(e){this.deleted.push(e)},e.prototype.notifyChanges=function(){D.nodesCreated&&this.created.length>0&&D.nodesCreated(this.created),D.nodesDeleted&&this.deleted.length>0&&D.nodesDeleted(this.deleted)},e}();function k(e){return e.nodeType===11||e.nodeType===9}function A(e){return e.nodeType===1}function j(e){return e.nodeType===3}function M(e,t){for(var n=[],r=e;r!==t;){var i=r;n.push(i),r=i.parentNode}return n}var N=Node.prototype.getRootNode||function(){for(var e=this,t=e;e;)t=e,e=e.parentNode;return t};function P(e){var t=N.call(e);return k(t)?t.activeElement:null}function F(e,t){var n=P(e);return!n||!e.contains(n)?[]:M(n,t)}function ee(e,t,n){for(var r=t.nextSibling,i=n;i!==null&&i!==t;){var a=i.nextSibling;e.insertBefore(i,r),i=a}}var I=function(){function e(e,t,n){this._attrsArr=null,this.staticsApplied=!1,this.nameOrCtor=e,this.key=t,this.text=n}return e.prototype.hasEmptyAttrsArr=function(){var e=this._attrsArr;return!e||!e.length},e.prototype.getAttrsArr=function(e){return this._attrsArr||=Array(e)},e}();function L(e,t,n,r){var i=new I(t,n,r);return e.__incrementalDOMData=i,i}function R(e,t){return z(e,t)}function z(e,t){if(e.__incrementalDOMData)return e.__incrementalDOMData;var n=L(e,A(e)?e.localName:e.nodeName,A(e)?e.getAttribute(`key`)||t:null,j(e)?e.data:void 0);return A(e)&&B(e,n),n}function B(e,t){var n=e.attributes,r=n.length;if(r)for(var i=t.getAttrsArr(r),a=0,o=0;a<r;a+=1,o+=2){var s=n[a],c=s.name,l=s.value;i[o]=c,i[o+1]=l}}function V(e,t){return e===`svg`?`http://www.w3.org/2000/svg`:e===`math`?`http://www.w3.org/1998/Math/MathML`:t==null||R(t).nameOrCtor===`foreignObject`?null:t.namespaceURI}function H(e,t,n,r){var i;if(typeof n==`function`)i=new n;else{var a=V(n,t);i=a?e.createElementNS(a,n):e.createElement(n)}return L(i,n,r),i}function U(e){var t=e.createTextNode(``);return L(t,`#text`,null),t}var W=null,G=null,K=null,q=null,J=[],Y=[];function X(){return Y}function te(e){return function(t,n,r){var i=W,a=q,o=J,s=Y,c=G,l=K,u=!1,d=!1;W=new O,q=t.ownerDocument,Y=[],K=t.parentNode,J=F(t,K),process.env.NODE_ENV!==`production`&&(u=w(!1),d=T(!1));try{var f=e(t,n,r);return process.env.NODE_ENV!==`production`&&S(),f}finally{q=a,Y=s,G=c,K=l,J=o,W.notifyChanges(),w(u),T(d),W=i}}}var ne=te(function(e,t,n){return G=e,ce(),t(n),le(),process.env.NODE_ENV!==`production`&&v(G,e),e});function re(e,t,n){var r=R(e,n);return t==r.nameOrCtor&&n==r.key}function ie(e,t,n){if(!e)return null;if(re(e,t,n))return e;if(n){for(;e=e.nextSibling;)if(re(e,t,n))return e}return null}function ae(e,t){var n=e===`#text`?U(q):H(q,K,e,t);return W.markCreated(n),n}function oe(e,t){var n=ie(G,e,t)||ae(e,t);n!==G&&(J.indexOf(n)>=0?ee(K,n,G):K.insertBefore(n,G),G=n)}function se(e,t,n){for(var r=e,i=t;i!==n;){var a=i.nextSibling;r.removeChild(i),W.markDeleted(i),i=a}}function ce(){K=G,G=null}function Z(){return G?G.nextSibling:K.firstChild}function Q(){G=Z()}function le(){se(K,Z(),null),G=K,K=K.parentNode}function ue(e,t){return Q(),oe(e,t),ce(),K}function de(){return process.env.NODE_ENV!==`production`&&T(!1),le(),G}function fe(){return Q(),oe(`#text`,null),G}function pe(){return process.env.NODE_ENV!==`production`&&(_(`currentElement`,q),y(`currentElement`)),K}function me(){return process.env.NODE_ENV!==`production`&&(_(`currentPointer`,q),y(`currentPointer`)),Z()}var he=3,$=a();function ge(e,t,n){if(t.staticsApplied=!0,n&&n.length){if(t.hasEmptyAttrsArr())for(var r=0;r<n.length;r+=2)m(e,n[r],n[r+1]);else{for(var r=0;r<n.length;r+=2)$[n[r]]=r+1;for(var i=t.getAttrsArr(0),a=0,r=0;r<i.length;r+=2){var s=i[r],c=i[r+1],l=$[s];l?n[l]===c&&delete $[s]:(i[a]=s,i[a+1]=c,a+=2)}for(var s in o(i,a),$)m(e,s,n[$[s]]),delete $[s]}}}function _e(e,t,n){for(var r=[],i=3;i<arguments.length;i++)r[i-3]=arguments[i];process.env.NODE_ENV!==`production`&&(y(`elementOpen`),b(`elementOpen`));var a=ue(e,t),s=R(a);s.staticsApplied||ge(a,s,n);var c=Math.max(0,arguments.length-he),l=s.hasEmptyAttrsArr();if(!c&&l)return a;for(var u=s.getAttrsArr(c),d=he,f=0;d<arguments.length;d+=2,f+=2){var p=arguments[d];if(l)u[f]=p;else if(u[f]!==p)break;var h=arguments[d+1];(l||u[f+1]!==h)&&(u[f+1]=h,m(a,p,h))}if(d<arguments.length||f<u.length){for(var g=f;f<u.length;f+=2)$[u[f]]=u[f+1];for(f=g;d<arguments.length;d+=2,f+=2){var p=arguments[d],h=arguments[d+1];$[p]!==h&&m(a,p,h),u[f]=p,u[f+1]=h,delete $[p]}for(var p in o(u,f),$)m(a,p,void 0),delete $[p]}return a}function ve(e,t,n){var r=X();process.env.NODE_ENV!==`production`&&(y(`elementOpenStart`),w(!0)),r[0]=e,r[1]=t,r[2]=n}function ye(e,t){var n=X();process.env.NODE_ENV!==`production`&&x(`attr`),n.push(e),n.push(t)}function be(){var e=X();process.env.NODE_ENV!==`production`&&(x(`elementOpenEnd`),w(!1)),E(e);var t=_e.apply(null,e);return o(e,0),t}function xe(e){process.env.NODE_ENV!==`production`&&y(`elementClose`);var t=de();return process.env.NODE_ENV!==`production`&&C(R(t).nameOrCtor,e),t}function Se(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];process.env.NODE_ENV!==`production`&&(y(`text`),b(`text`));var r=fe(),i=R(r);if(i.text!==e){i.text=e;for(var a=e,o=1;o<arguments.length;o+=1){var s=arguments[o];a=s(a)}r.data=a}return r}e.currentElement=pe,e.currentPointer=me,e.patch=ne,e.skipNode=Q,e.attr=ye,e.elementClose=xe,e.elementOpenEnd=be,e.elementOpenStart=ve,e.text=Se}))();function s(e){let t=(0,o.currentPointer)();return t instanceof Comment&&t.data!==e?t.data=e:(t=document.createComment(e),(0,o.currentElement)().appendChild(t)),(0,o.skipNode)(),t}var c=Symbol(`ComponentMetadata`),l=Object.freeze({has(e,t){return!!(e[c]&&Object.prototype.hasOwnProperty.call(e[c],t))},add(e,t){e[c]?Object.assign(e[c],t):e[c]=t},get(e,t,n){return e[c]&&e[c][t]||n}}),u=Symbol(`ds-web-components:pragma:listeners-attached`),d=`idom-pragma:content-begin`,f=`idom-pragma:content-end`;function p(e){for(let t of e)if(typeof t==`function`)t();else if(typeof t==`string`)(0,o.text)(t);else if(t instanceof Set)p(Array.from(t));else if(Array.isArray(t)&&t.length>0){let e=(0,o.currentPointer)();if(s(d),e===null){let e=(0,o.currentElement)();for(let n=0;n<t.length;n+=1)e.contains(t[n])||e.appendChild(t[n]),(0,o.skipNode)()}for(;e&&e.data!==`idom-pragma:content-end`;)(0,o.skipNode)(),e=(0,o.currentPointer)();s(f)}}function m(e,t,...n){if(t){for(let e of Object.keys(t))if(e.toUpperCase()===`DATA-FRAGMENT`)return()=>p(n)}return()=>{(0,o.elementOpenStart)(e);let r=[];if(t)for(let e of Object.keys(t))e.toUpperCase()===`CLASSNAME`?(0,o.attr)(`class`,t[e]):/^on[A-Z]/.test(e)?r.push(e):(0,o.attr)(e,t[e]);(0,o.elementOpenEnd)(e);let i=(0,o.currentElement)();if(!i[u]){for(let e of r)i.addEventListener(e.substr(2).toLowerCase(),t[e]);i[u]=!0}p(n),(0,o.elementClose)(e)}}function h(e,t){customElements.get(e)||customElements.define(e,t)}function g(...e){for(let t of e)h(l.get(t,`tag`),t)}function _(e){return function(...t){for(let n of t)h(`${e}${l.get(n,`tag`).substr(3)}`,n)}}var v=Symbol(`Component Attribute Bindings`),y=Symbol(`Component Class Bindings`),b=Symbol(`Component Style Bindings`),x={__initialized:!1,__observer:null,__queuedUpdate:null,__managedClasses:new Set,__updateHostBindings(){let e=this;for(let t of Object.keys(e[v]||{}))e.setAttribute(t,e[v][t]);for(let t of Object.keys(e[b]||{}))e.style[t]=e[b][t];for(let t of e.__managedClasses)e.classList.remove(t);for(let t of(e[y]||[]).filter(Boolean))e.__managedClasses.add(t),e.classList.add(t);for(let t of(e.getAttribute(`classname`)||``).split(/\w+/).filter(Boolean))e.classList.add(t)},__updateChildQueries(e){let t=this;for(let n of l.get(t.constructor,`childQueries`,[]))if(!e||e&&n.refresh){let e=n.all?t.querySelectorAll:t.querySelector;t[n.key]=e.call(t,n.selector)}},__gatherChildren(){let e=this,t=Array.from(e.childNodes),n=null,r=t.length;for(let e=0;e<t.length;e+=1){let i=t[e];i instanceof Comment&&(i.data===`idom-pragma:content-begin`?n=e+1:i.data===`idom-pragma:content-end`&&(r=e-1))}if(n===null)for(let e of t)e.parentNode.removeChild(e);else t=t.slice(n,r);l.has(e.constructor,`contentProp`)&&(e[l.get(e.constructor,`contentProp`)]=t)},__startMutObs(){let e=this;e.__observer||=new MutationObserver(()=>{e.contentChangedCallback&&e.contentChangedCallback(),e.__gatherChildren(),e.update()}),e.__observer.observe(e,{childList:!0})},__stopMutObs(){let e=this;e.__observer&&e.__observer.disconnect()},__doRender(){let e=this;e.__stopMutObs(),(0,o.patch)(e,e.render()),e.__startMutObs()},update(){let e=this;e.__initialized&&!e.__queuedUpdate&&(e.__queuedUpdate=window.requestAnimationFrame(()=>{e.__doRender(),setTimeout(()=>{e.__updateChildQueries(!0),e.__updateHostBindings()},0),e.__queuedUpdate=null}))},attributeChangedCallback(e,t,n){let r=this,i=n===``||n;i!==t&&(r.__cbAttributeChanged&&r.__cbAttributeChanged(e,r[e],i),e!==`style`&&(r[e]=i),r.__initialized&&r.update())},connectedCallback(){let e=this;e.__cbConnected&&e.__cbConnected();let t=l.get(e.constructor,`eventListeners`,[]);setTimeout(()=>{if(!e.__initialized){e.__gatherChildren();for(let[,n]of t)e[n]=e[n].bind(e);e.__initialized=!0}for(let[n,r]of t)e.addEventListener(n,e[r]);e.__doRender(),setTimeout(()=>{e.__updateChildQueries(),e.__updateHostBindings()},0)},0)},disconnectedCallback(){let e=this;e.__cbDisconnected&&e.__cbDisconnected();for(let[t,n]of l.get(e.constructor,`eventListeners`,[]))e.removeEventListener(t,e[n]);e.__stopMutObs()}};function S(e){return t=>{l.add(t,e),Object.assign(t.prototype,{__cbAttributeChanged:t.prototype.attributeChangedCallback,__cbConnected:t.prototype.connectedCallback,__cbDisconnected:t.prototype.disconnectedCallback},x)}}function C(){return(e,t)=>{l.add(e.constructor,{contentProp:t})}}function w(e){return(t,n)=>{Object.defineProperty(t,n,{get(){return Object.defineProperty(this,n,{value:{dispatch:t=>{let r=new CustomEvent(e||n,{detail:t});return this.dispatchEvent(r),r}}}),this[n]},configurable:!0})}}function T(e){return(t,n)=>{let r=l.get(t.constructor,`eventListeners`,[]);r.push([e,n]),l.add(t.constructor,{eventListeners:r})}}function E(e){return(t,n)=>{let r=t.constructor,i=n.toLowerCase();if(r.observedAttributes=r.observedAttributes||[`classname`,`className`,`style`],r.observedAttributes.push(n),r.observedAttributes.push(i),i!==n&&Object.defineProperty(t,n,{get(){return this[i]},set(e){this[i]=e}}),e){let r=Symbol.for(n);Object.defineProperty(t,i,{get(){return this[r]},set(t){let n=t;n=e===Boolean&&typeof t==`string`&&t.toLowerCase()===`false`?!1:e(t),this[r]=n}})}}}function D(e,t,n){return(r,i)=>{let a=l.get(r.constructor,`childQueries`,[]);a.push({key:i,selector:e,all:n,refresh:t.refresh}),l.add(r.constructor,{childQueries:a})}}function O(e,t={}){return D(e,t)}function k(e,t={}){return D(e,t,!0)}function A(){return(e,t)=>{let n=Symbol(t);Object.defineProperties(e,{[n]:{writable:!0,enumerable:!1,configurable:!1,value:e[t]},[t]:{get(){return this[n]},set(e){this[n]!==e&&(this[n]=e,this.update())}}})}}var j=function(e){return 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}({});function M(e,t){if(typeof Reflect==`object`&&typeof Reflect.metadata==`function`)return Reflect.metadata(e,t)}function N(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}var P=`sps-file-upload`,F=class extends HTMLElement{static{this.displayName=P}static{this.props={description:`string`,multiple:`boolean`,dismissable:`boolean`,processing:`boolean`,mini:`boolean`,downloadLabel:`string`,acceptExtensions:`Array<string> | string`,maxSize:`string`,customRequirement:`string`,selection:{event:!0,type:`CustomEvent<Array<File>>`},dismissal:{event:!0,type:`CustomEvent<void>`},download:{event:!0,type:`CustomEvent<void>`}}}get[y](){return[P,this.active&&`${P}--active`,this.error&&`${P}--error`,!this.shown&&`${P}--hidden`,this.mini&&`${P}--mini`,this.constrainContentWidth&&`${P}--constrained-content-width`]}constructor(){super(),this.shown=!0,this.files=[],this.acceptMIMETypes=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)}connectedCallback(){this.description=this.description||(this.multiple?`Files`:`File`),this.acceptExtensions&&this.processAcceptExtensions(this.acceptExtensions),this.maxSize&&this.parseAndValidateMaxSize(this.maxSize)}attributeChangedCallback(e,t,n){e===`acceptExtensions`&&this.processAcceptExtensions(n),e===`maxSize`&&this.parseAndValidateMaxSize(n)}dismiss(){this.dismissable&&(this.shown=!1,this.update(),this.dismissal.dispatch())}show(){this.dismissable&&(this.shown=!0,this.update())}render(){let e=this.error?t.SpsIcon.EXCLAMATION_CIRCLE:t.SpsIcon.UPLOAD_CLOUD,n=(this.multiple?r.i18nWoodland.t(`fileUpload.instructions.other`,{defaultValue:`Drag and drop your files here or |browse for files| on your desktop.`}):r.i18nWoodland.t(`fileUpload.instructions.one`,{defaultValue:`Drag and drop your file here or |browse for a file| on your desktop.`})).split(`|`);return m(`div`,{"data-fragment":!0},m(`div`,{className:`${P}__content`},this.processing?m(`div`,{"data-fragment":!0},m(`i`,{className:`sps-spinner sps-spinner--medium`,"aria-hidden":`true`}),m(`div`,{className:`${P}__instructions`},r.i18nWoodland.t(`fileUpload.processing`,{defaultValue:`Processing Upload...`}))):m(`div`,{"data-fragment":!0},m(`i`,{className:`sps-icon sps-icon-${e} ${P}__icon-primary`,"aria-hidden":`true`}),m(`div`,{className:`${P}__title`},this.error?m(`div`,{"data-fragment":!0},r.i18nWoodland.t(this.namesOfUnsupportedFiles.length>1?`fileUpload.cancelled_plural`:`fileUpload.cancelled`,{defaultValue:this.namesOfUnsupportedFiles.length>1?`File Upload(s) Failed`:`File Upload Failed`})):m(`div`,{"data-fragment":!0},r.i18nWoodland.t(`fileUpload.title`,{description:this.description,defaultValue:`Upload Your ${this.description}`}))),this.error?m(`div`,{className:`${P}__errored-files`},new Set(this.namesOfUnsupportedFiles.map((e,t)=>{let n=Math.floor(e.length/2);return m(`div`,{className:`${P}__errored-filename`,key:e},m(`span`,{className:`${P}__errored-filename-segment`},e.substr(0,n)),m(`div`,{className:`${P}__errored-filename-segment`},m(`span`,null,e.substr(n))),t<this.namesOfUnsupportedFiles.length-1?`,`:``)}))):m(`span`,null),m(`div`,{className:`${P}__instructions`},m(`div`,{"data-fragment":!0},m(`span`,null,n[0]),m(`a`,{href:``,onClick:this.handleBrowseLinkClick},n[1]),m(`span`,null,n[2]))),m(`div`,{className:`${P}__requirements`},this.acceptExtensions?m(`span`,null,`(`,` `,r.i18nWoodland.t(`fileUpload.acceptedTypes`,{fileTypes:this.acceptExtensionsDescription,defaultValue:`${this.acceptExtensionsDescription} format accepted`}),` `,`)`):``,this.maxSize?m(`span`,null,`(`,` `,r.i18nWoodland.t(`fileUpload.maximumSize`,{size:this.maxSize,defaultValue:`${this.maxSize} maximum`}),` `,`)`):``,this.customRequirement?m(`span`,null,` `,this.customRequirement,` `):``),this.downloadLabel&&m(`div`,{className:`sps-button sps-button--link ${P}__download-button`,onClick:this.handleDownloadButtonClick},m(`button`,{type:`button`},m(`i`,{className:`sps-icon sps-icon-download-cloud`,"aria-hidden":`true`}),` `,this.downloadLabel)))),this.dismissable&&!this.processing&&m(`div`,{className:`sps-button sps-button--icon ${P}__close-button`,onClick:this.dismiss},m(`button`,{type:`button`,title:r.i18nWoodland.t(`fileUpload.close`,{defaultValue:`Close`})},m(`i`,{className:`sps-icon sps-icon-x`,"aria-hidden":`true`}))),m(`form`,null,m(`input`,{type:`file`,accept:this.accept||`*/*`,multiple:this.multiple||null,onChange:this.handleFileInputChange})))}parseAndValidateMaxSize(e){try{this.maxSizeBytes=(0,n.parseFileSize)(e)}catch{throw Error(`Could not parse "${e}" as a file size.`)}}processAcceptExtensions(e){let t=(Array.isArray(e)?e:e.trim().split(/\s?,\s?/)).map(e=>e.replace(/^\./,``)),n=t.map(e=>`.${e}`.toLowerCase());this.acceptExtensionsDescription=n.map((e,t)=>t>0&&t===n.length-1?`or ${e}`:e).join(n.length>2?`, `:` `),this.acceptMIMETypes.clear();for(let e of t)for(let t of j[e.toUpperCase()].split(`,`))this.acceptMIMETypes.add(t);this.accept=n.concat(Array.from(this.acceptMIMETypes)).join(`,`)}selectFiles(e){this.namesOfUnsupportedFiles=[];let t=Array.from(e);for(let e of t)this.acceptExtensions&&!this.acceptMIMETypes.has(e.type)&&this.namesOfUnsupportedFiles.push(e.name),this.maxSize&&e.size>this.maxSizeBytes&&!this.namesOfUnsupportedFiles.includes(e.name)&&this.namesOfUnsupportedFiles.push(e.name);this.namesOfUnsupportedFiles.length?(this.error=!0,this.fileInput.value=null,this.update()):(this.files=t,this.selection.dispatch(t))}handleDragOver(e){e.preventDefault(),e.stopPropagation()}handleDragEnter(e){e.preventDefault(),this.active=!0,this.error=!1,this.update()}handleDragLeave(e){e.preventDefault(),this.active=!1,this.update()}handleDrop(e){e.preventDefault(),e.stopPropagation(),this.active=!1,e.dataTransfer.items?this.selectFiles(Array.from(e.dataTransfer.items).map(e=>e.getAsFile())):this.selectFiles(e.dataTransfer.files),this.update()}handleBrowseLinkClick(e){e.preventDefault(),this.error=!1,this.update(),this.fileInput.click()}handleDownloadButtonClick(){this.download.dispatch()}handleFileInputChange(e){e.stopPropagation(),this.selectFiles(e.target.files)}};N([E(),M(`design:type`,Object)],F.prototype,`description`,void 0),N([E(Boolean),M(`design:type`,Boolean)],F.prototype,`multiple`,void 0),N([E(Boolean),M(`design:type`,Object)],F.prototype,`shown`,void 0),N([E(Boolean),M(`design:type`,Boolean)],F.prototype,`dismissable`,void 0),N([E(Boolean),M(`design:type`,Boolean)],F.prototype,`processing`,void 0),N([E(Boolean),M(`design:type`,Boolean)],F.prototype,`mini`,void 0),N([E(Boolean),M(`design:type`,Boolean)],F.prototype,`constrainContentWidth`,void 0),N([E(),M(`design:type`,String)],F.prototype,`downloadLabel`,void 0),N([E(),M(`design:type`,Object)],F.prototype,`acceptExtensions`,void 0),N([E(),M(`design:type`,String)],F.prototype,`maxSize`,void 0),N([E(),M(`design:type`,String)],F.prototype,`customRequirement`,void 0),N([w(),M(`design:type`,Object)],F.prototype,`selection`,void 0),N([w(),M(`design:type`,Object)],F.prototype,`dismissal`,void 0),N([w(),M(`design:type`,Object)],F.prototype,`download`,void 0),N([O(`input[type='file']`),M(`design:type`,typeof HTMLInputElement>`u`?Object:HTMLInputElement)],F.prototype,`fileInput`,void 0),N([T(`dragover`),M(`design:type`,Function),M(`design:paramtypes`,[typeof Event>`u`?Object:Event]),M(`design:returntype`,void 0)],F.prototype,`handleDragOver`,null),N([T(`dragenter`),M(`design:type`,Function),M(`design:paramtypes`,[typeof Event>`u`?Object:Event]),M(`design:returntype`,void 0)],F.prototype,`handleDragEnter`,null),N([T(`dragleave`),M(`design:type`,Function),M(`design:paramtypes`,[typeof Event>`u`?Object:Event]),M(`design:returntype`,void 0)],F.prototype,`handleDragLeave`,null),N([T(`drop`),M(`design:type`,Function),M(`design:paramtypes`,[Object]),M(`design:returntype`,void 0)],F.prototype,`handleDrop`,null),F=N([S({tag:P}),M(`design:paramtypes`,[])],F);var ee={basic:{label:`Basic File Upload`,description:n.code`
             <p>Simply allow the user to drag-and-drop or select either a single file or multiple files at once.</p>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@spscommerce/ds-web-components",
   "description": "SPS Design System Native Web Components",
-  "version": "8.56.21",
+  "version": "8.56.22",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "repository": "https://github.com/spscommerce/woodland/tree/main/packages/@spscommerce/ds-web-components",
@@ -26,19 +26,19 @@
   },
   "peerDependencies": {
     "@spscommerce/utils": "^7.0.0 || ^8.0.0 || ^9.0.0",
-    "@spscommerce/ds-shared": "8.56.21",
-    "@spscommerce/i18n": "8.56.21"
+    "@spscommerce/ds-shared": "8.56.22",
+    "@spscommerce/i18n": "8.56.22"
   },
   "devDependencies": {
-    "@spscommerce/utils": "9.3.3",
+    "@spscommerce/utils": "9.5.0",
     "@testing-library/react": "12.1.5",
     "npm-check": "6.0.1",
     "package-json": "10.0.0",
     "react": "16.14.0",
     "react-dom": "16.14.0",
-    "@spscommerce/ds-shared": "8.56.21",
-    "@spscommerce/i18n": "8.56.21",
-    "test": "8.56.21"
+    "@spscommerce/ds-shared": "8.56.22",
+    "@spscommerce/i18n": "8.56.22",
+    "test": "8.56.22"
   },
   "scripts": {
     "build": "pnpm run build:js && pnpm run build:types && pnpm run build:create-dist && pnpm run build:copy-dist",