@spscommerce/ds-web-components 8.26.0 → 8.26.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib/index.js +145 -144
- package/dist/lib/index.umd.cjs +10 -10
- package/dist/package.json +1 -1
- package/lib/index.js +145 -144
- package/lib/index.umd.cjs +10 -10
- package/package.json +4 -4
package/lib/index.umd.cjs
CHANGED
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
44
44
|
* See the License for the specific language governing permissions and
|
|
45
45
|
* limitations under the License.
|
|
46
|
-
*/function Ze(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 be(e,t,n){if(n==null)e.removeAttribute(t);else{var s=Ze(t);s?e.setAttributeNS(s,t,String(n)):e.setAttribute(t,String(n))}}function we(e,t,n){e[t]=n}function
|
|
46
|
+
*/function Ze(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 be(e,t,n){if(n==null)e.removeAttribute(t);else{var s=Ze(t);s?e.setAttributeNS(s,t,String(n)):e.setAttribute(t,String(n))}}function we(e,t,n){e[t]=n}function Ye(e,t,n){t.indexOf("-")>=0?e.setProperty(t,n):e[t]=n}function Je(e,t,n){if(typeof n=="string")e.style.cssText=n;else{e.style.cssText="";var s=e.style;for(var i in n)Qe(n,i)&&Ye(s,i,n[i])}}function Me(e,t,n){var s=typeof n;s==="object"||s==="function"?we(e,t,n):be(e,t,n)}var R=Ce();R[ee.default]=Me,R.style=Je;function $(e,t,n){var s=R[t]||R[ee.default];s(e,t,n)}/**
|
|
47
47
|
* @license
|
|
48
48
|
* Copyright 2018 The Incremental DOM Authors. All Rights Reserved.
|
|
49
49
|
*
|
|
@@ -58,9 +58,9 @@
|
|
|
58
58
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
59
59
|
* See the License for the specific language governing permissions and
|
|
60
60
|
* limitations under the License.
|
|
61
|
-
*/var
|
|
61
|
+
*/var B=!1,ne=!1;function _e(e,t){if(!t)throw new Error("Cannot call "+e+"() unless in patch.")}function et(e,t){if(e!==t){for(var n=e,s=[];n&&n!==t;)s.push(n.nodeName.toLowerCase()),n=n.parentNode;throw new Error(`One or more tags were not closed:
|
|
62
62
|
`+s.join(`
|
|
63
|
-
`))}}function tt(e){e||console.warn("patchOuter requires the node have a parent if there is a key.")}function k(e){if(
|
|
63
|
+
`))}}function tt(e){e||console.warn("patchOuter requires the node have a parent if there is a key.")}function k(e){if(B)throw new Error(e+"() can not be called between elementOpenStart() and elementOpenEnd().")}function Se(e){if(ne)throw new Error(e+"() may not be called inside an element that has called skip().")}function se(e){if(!B)throw new Error(e+"() can only be called after calling elementOpenStart().")}function nt(){if(B)throw new Error("elementOpenEnd() must be called after calling elementOpenStart().")}function st(e,t){if(e!==t)throw new Error('Received a call to close "'+t+'" but "'+e+'" was open.')}function it(e,t){if(t!==null)throw new Error(e+"() must come before any child declarations inside the current element.")}function at(e,t,n,s){H(e);var i=e,r=t,l=r.nextSibling===n&&r.previousSibling===s,h=r.nextSibling===i.nextSibling&&r.previousSibling===s,g=r===i;if(!l&&!h&&!g)throw new Error("There must be exactly one top level call corresponding to the patched element.")}function V(e){var t=B;return B=e,t}function W(e){var t=ne;return ne=e,t}function H(e){if(process.env.NODE_ENV!=="production"&&!e)throw new Error("Expected value to be defined");return e}/**
|
|
64
64
|
* @license
|
|
65
65
|
* Copyright 2018 The Incremental DOM Authors. All Rights Reserved.
|
|
66
66
|
*
|
|
@@ -150,7 +150,7 @@
|
|
|
150
150
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
151
151
|
* See the License for the specific language governing permissions and
|
|
152
152
|
* limitations under the License.
|
|
153
|
-
*/var T=null,u=null,C=null,P=null,q=[],G=[];function X(){return G}function Oe(e){var t=function(n,s,i){var r=T,l=P,h=q,g=G,v=u,_=C,y=!1,M=!1;T=new rt,P=n.ownerDocument,G=[],C=n.parentNode,q=ht(n,C),process.env.NODE_ENV!=="production"&&(y=
|
|
153
|
+
*/var T=null,u=null,C=null,P=null,q=[],G=[];function X(){return G}function Oe(e){var t=function(n,s,i){var r=T,l=P,h=q,g=G,v=u,_=C,y=!1,M=!1;T=new rt,P=n.ownerDocument,G=[],C=n.parentNode,q=ht(n,C),process.env.NODE_ENV!=="production"&&(y=V(!1),M=W(!1));try{var ln=e(n,s,i);return process.env.NODE_ENV!=="production"&&nt(),ln}finally{P=l,G=g,u=v,C=_,q=h,T.notifyChanges(),V(y),W(M),T=r}};return t}var De=Oe(function(e,t,n){return u=e,Fe(),t(n),xe(),process.env.NODE_ENV!=="production"&&et(u,e),e}),_t=Oe(function(e,t,n){var s={nextSibling:e},i=null,r=null;return process.env.NODE_ENV!=="production"&&(i=e.nextSibling,r=e.previousSibling),u=s,t(n),process.env.NODE_ENV!=="production"&&(tt(C),at(s,u,i,r)),C&&Ie(C,K(),e.nextSibling),s===u?null:u});function Pe(e,t,n){var s=L(e,n);return t==s.nameOrCtor&&n==s.key}function St(e,t,n){if(!e)return null;if(Pe(e,t,n))return e;if(n){for(;e=e.nextSibling;)if(Pe(e,t,n))return e}return null}function Nt(e,t){var n;return e==="#text"?n=wt(P):n=bt(P,C,e,t),T.markCreated(n),n}function Ee(e,t){var n=St(u,e,t),s=n||Nt(e,t);s!==u&&(q.indexOf(s)>=0?ut(C,s,u):C.insertBefore(s,u),u=s)}function Ie(e,t,n){for(var s=e,i=t;i!==n;){var r=i.nextSibling;s.removeChild(i),T.markDeleted(i),i=r}}function Fe(){C=u,u=null}function K(){return u?u.nextSibling:C.firstChild}function re(){u=K()}function xe(){Ie(C,K(),null),u=C,C=C.parentNode}function ke(e,t){return re(),Ee(e,t),Fe(),C}function Le(){return process.env.NODE_ENV!=="production"&&W(!1),xe(),u}function yt(){return re(),Ee("#text",null),u}function At(){return process.env.NODE_ENV!=="production"&&(_e("currentElement",P),k("currentElement")),C}function Ot(){return process.env.NODE_ENV!=="production"&&(_e("currentPointer",P),k("currentPointer")),K()}function Dt(){process.env.NODE_ENV!=="production"&&(it("skip",u),W(!0)),u=C.lastChild}/**
|
|
154
154
|
* @license
|
|
155
155
|
* Copyright 2018 The Incremental DOM Authors. All Rights Reserved.
|
|
156
156
|
*
|
|
@@ -165,7 +165,7 @@
|
|
|
165
165
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
166
166
|
* See the License for the specific language governing permissions and
|
|
167
167
|
* limitations under the License.
|
|
168
|
-
*/var Te=3,S=Ce();function Pt(e,t,n){if(t.staticsApplied=!0,!(!n||!n.length)){if(t.hasEmptyAttrsArr()){for(var s=0;s<n.length;s+=2)
|
|
168
|
+
*/var Te=3,S=Ce();function Pt(e,t,n){if(t.staticsApplied=!0,!(!n||!n.length)){if(t.hasEmptyAttrsArr()){for(var s=0;s<n.length;s+=2)$(e,n[s],n[s+1]);return}for(var s=0;s<n.length;s+=2)S[n[s]]=s+1;for(var i=t.getAttrsArr(0),r=0,s=0;s<i.length;s+=2){var l=i[s],h=i[s+1],g=S[l];if(g){n[g]===h&&delete S[l];continue}i[r]=l,i[r+1]=h,r+=2}te(i,r);for(var l in S)$(e,l,n[S[l]]),delete S[l]}}function oe(e,t,n){process.env.NODE_ENV!=="production"&&(k("elementOpen"),Se("elementOpen"));var s=ke(e,t),i=L(s);i.staticsApplied||Pt(s,i,n);var r=Math.max(0,arguments.length-Te),l=i.hasEmptyAttrsArr();if(!r&&l)return s;for(var h=i.getAttrsArr(r),g=Te,v=0;g<arguments.length;g+=2,v+=2){var _=arguments[g];if(l)h[v]=_;else if(h[v]!==_)break;var y=arguments[g+1];(l||h[v+1]!==y)&&(h[v+1]=y,$(s,_,y))}if(g<arguments.length||v<h.length){for(var M=v;v<h.length;v+=2)S[h[v]]=h[v+1];for(v=M;g<arguments.length;g+=2,v+=2){var _=arguments[g],y=arguments[g+1];S[_]!==y&&$(s,_,y),h[v]=_,h[v+1]=y,delete S[_]}te(h,v);for(var _ in S)$(s,_,void 0),delete S[_]}return s}function Et(e,t,n){var s=X();process.env.NODE_ENV!=="production"&&(k("elementOpenStart"),V(!0)),s[0]=e,s[1]=t,s[2]=n}function It(e){var t=X();process.env.NODE_ENV!=="production"&&(se("key"),H(t)),t[1]=e}function Ft(e,t){var n=X();process.env.NODE_ENV!=="production"&&se("attr"),n.push(e),n.push(t)}function xt(){var e=X();process.env.NODE_ENV!=="production"&&(se("elementOpenEnd"),V(!1)),H(e);var t=oe.apply(null,e);return te(e,0),t}function Ue(e){process.env.NODE_ENV!=="production"&&k("elementClose");var t=Le();return process.env.NODE_ENV!=="production"&&st(L(t).nameOrCtor,e),t}function kt(e,t,n){return oe.apply(null,arguments),Ue(e)}function Lt(e){process.env.NODE_ENV!=="production"&&(k("text"),Se("text"));var t=yt(),n=L(t);if(n.text!==e){n.text=e;for(var s=e,i=1;i<arguments.length;i+=1){var r=arguments[i];s=r(s)}t.data=s}return t}/**
|
|
169
169
|
* @license
|
|
170
170
|
* Copyright 2018 The Incremental DOM Authors. All Rights Reserved.
|
|
171
171
|
*
|
|
@@ -180,7 +180,7 @@
|
|
|
180
180
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
181
181
|
* See the License for the specific language governing permissions and
|
|
182
182
|
* limitations under the License.
|
|
183
|
-
*/d.applyAttr=be,d.applyProp=we,d.attributes=R,d.close=Le;var le=d.currentElement=At,ce=d.currentPointer=Ot;d.open=ke;var Tt=d.patch=De;d.patchInner=De,d.patchOuter=_t,d.skip=Dt;var pe=d.skipNode=re;d.getKey=gt,d.clearCache=Ae,d.importNode=ye,d.isDataInitialized=mt,d.notifications=j,d.symbols=ee;var Re=d.attr=xt,Ut=d.elementClose=Ue;d.elementOpen=oe;var Rt=d.elementOpenEnd=Ft,Bt=d.elementOpenStart=Et;d.elementVoid=kt;var $t=d.text=Lt;d.key=It;function Be(e){let t=ce();return t instanceof Comment&&t.data!==e?t.data=e:(t=document.createComment(e),le().appendChild(t)),pe(),t}let $e=A.noI18nI18n;function jt(e){$e=e}function zt(){return $e}const E=Symbol("ComponentMetadata"),b=Object.freeze({has(e,t){return!!(e[E]&&Object.prototype.hasOwnProperty.call(e[E],t))},add(e,t){e[E]?Object.assign(e[E],t):e[E]=t},get(e,t,n){return e[E]&&e[E][t]||n}}),je=Symbol("ds-web-components:pragma:listeners-attached"),ze="idom-pragma:content-begin",de="idom-pragma:content-end";function he(e){for(const t of e)if(typeof t=="function")t();else if(typeof t=="string")$t(t);else if(t instanceof Set)he(Array.from(t));else if(Array.isArray(t)&&t.length>0){let n=ce();if(Be(ze),n===null){const s=le();for(let i=0;i<t.length;i+=1)s.contains(t[i])||s.appendChild(t[i]),pe()}for(;n&&n.data!==de;)pe(),n=ce();Be(de)}}function o(e,t,...n){if(t){for(const s of Object.keys(t))if(s.toUpperCase()==="DATA-FRAGMENT")return()=>he(n)}return()=>{Bt(e);const s=[];if(t)for(const r of Object.keys(t))r.toUpperCase()==="CLASSNAME"?Re("class",t[r]):/^on[A-Z]/.test(r)?s.push(r):Re(r,t[r]);Rt(e);const i=le();if(!i[je]){for(const r of s)i.addEventListener(r.substr(2).toLowerCase(),t[r]);i[je]=!0}he(n),Ut(e)}}function We(e,t){customElements.get(e)||customElements.define(e,t)}function Wt(...e){for(const t of e)We(b.get(t,"tag"),t)}function Vt(e){return function(...n){for(const s of n){const i=`${e}${b.get(s,"tag").substr(3)}`;We(i,s)}}}const ue=Symbol("Component Attribute Bindings"),I=Symbol("Component Class Bindings"),Q=Symbol("Component Style Bindings"),Ht={__initialized:!1,__observer:null,__queuedUpdate:null,__managedClasses:new Set,__updateHostBindings(){const e=this;for(const t of Object.keys(e[ue]||{}))e.setAttribute(t,e[ue][t]);for(const t of Object.keys(e[Q]||{}))e.style[t]=e[Q][t];for(const t of e.__managedClasses)e.classList.remove(t);for(const t of(e[I]||[]).filter(Boolean))e.__managedClasses.add(t),e.classList.add(t);for(const t of(e.getAttribute("classname")||"").split(/\w+/).filter(Boolean))e.classList.add(t)},__updateChildQueries(e){const t=this;for(const n of b.get(t.constructor,"childQueries",[]))if(!e||e&&n.refresh){const s=n.all?t.querySelectorAll:t.querySelector;t[n.key]=s.call(t,n.selector)}},__gatherChildren(){const e=this;let t=Array.from(e.childNodes),n=null,s=t.length;for(let i=0;i<t.length;i+=1){const r=t[i];r instanceof Comment&&(r.data===ze?n=i+1:r.data===de&&(s=i-1))}if(n===null)for(const i of t)i.parentNode.removeChild(i);else t=t.slice(n,s);b.has(e.constructor,"contentProp")&&(e[b.get(e.constructor,"contentProp")]=t)},__startMutObs(){const e=this;e.__observer||(e.__observer=new MutationObserver(()=>{e.contentChangedCallback&&e.contentChangedCallback(),e.__gatherChildren(),e.update()})),e.__observer.observe(e,{childList:!0})},__stopMutObs(){const e=this;e.__observer&&e.__observer.disconnect()},__doRender(){const e=this;e.__stopMutObs(),Tt(e,e.render(zt())),e.__startMutObs()},update(){const 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){const s=this,i=n===""?!0:n;i!==t&&(s.__cbAttributeChanged&&s.__cbAttributeChanged(e,s[e],i),e!=="style"&&(s[e]=i),s.__initialized&&s.update())},connectedCallback(){const e=this;e.__cbConnected&&e.__cbConnected();const t=b.get(e.constructor,"eventListeners",[]);setTimeout(()=>{if(!e.__initialized){e.__gatherChildren();for(const[,n]of t)e[n]=e[n].bind(e);e.__initialized=!0}for(const[n,s]of t)e.addEventListener(n,e[s]);e.__doRender(),setTimeout(()=>{e.__updateChildQueries(),e.__updateHostBindings()},0)},0)},disconnectedCallback(){const e=this;e.__cbDisconnected&&e.__cbDisconnected();for(const[t,n]of b.get(e.constructor,"eventListeners",[]))e.removeEventListener(t,e[n]);e.__stopMutObs()}};function x(e){return t=>{b.add(t,e),Object.assign(t.prototype,{__cbAttributeChanged:t.prototype.attributeChangedCallback,__cbConnected:t.prototype.connectedCallback,__cbDisconnected:t.prototype.disconnectedCallback},Ht)}}function Z(){return(e,t)=>{b.add(e.constructor,{contentProp:t})}}function J(e){return(t,n)=>{Object.defineProperty(t,n,{get(){return Object.defineProperty(this,n,{value:{dispatch:s=>{const i=new CustomEvent(e||n,{detail:s});return this.dispatchEvent(i),i}}}),this[n]},configurable:!0})}}function z(e){return(t,n)=>{const s=b.get(t.constructor,"eventListeners",[]);s.push([e,n]),b.add(t.constructor,{eventListeners:s})}}function p(e){return(t,n)=>{const s=t.constructor,i=n.toLowerCase();if(s.observedAttributes=s.observedAttributes||["classname","className","style"],s.observedAttributes.push(n),s.observedAttributes.push(i),i!==n&&Object.defineProperty(t,n,{get(){return this[i]},set(r){this[i]=r}}),e){const r=Symbol.for(n);Object.defineProperty(t,i,{get(){return this[r]},set(l){let h=l;e===Boolean&&typeof l=="string"&&l.toLowerCase()==="false"?h=!1:h=e(l),this[r]=h}})}}}function Ve(e,t,n){return(s,i)=>{const r=b.get(s.constructor,"childQueries",[]);r.push({key:i,selector:e,all:n,refresh:t.refresh}),b.add(s.constructor,{childQueries:r})}}function Y(e,t={}){return Ve(e,t)}function He(e,t={}){return Ve(e,t,!0)}function fe(){return(e,t)=>{const n=Symbol(t);Object.defineProperties(e,{[n]:{writable:!0,enumerable:!1,configurable:!1,value:e[t]},[t]:{get(){return this[n]},set(s){this[n]!==s&&(this[n]=s,this.update())}}})}}var me=(e=>(e["7Z"]="application/x-7z-compressed",e.AAC="audio/aac",e.ABW="application/x-abiword",e.ARC="application/octet-stream",e.AVI="video/x-msvideo",e.AZW="application/vnd.amazon.ebook",e.BIN="application/octet-stream",e.BMP="image/bmp",e.BZ="application/x-bzip",e.BZ2="application/x-bzip2",e.CER="application/pkix-cert",e.CSH="application/x-csh",e.CSS="text/css",e.CSV="text/csv,application/vnd.ms-excel",e.DOC="application/msword",e.DOCX="application/vnd.openxmlformats-officedocument.wordprocessingml.document",e.EOT="application/vnd.ms-fontobject",e.EPUB="application/epub+zip",e.ES="application/ecmascript",e.FLV="video/x-flv",e.GIF="image/gif",e.GZ="application/x-gzip",e.HTM="text/html",e.HTML="text/html",e.ICO="image/x-icon",e.ICS="text/calendar",e.JAR="application/java-archive",e.JPEG="image/jpeg",e.JPG="image/jpeg",e.JS="application/javascript",e.JSON="application/json",e.M3U="audio/x-mpequrl",e.MID="audio/midi",e.MIDI="audio/midi",e.MOV="video/quicktime",e.MP3="audio/mpeg3",e.MP4="video/mp4",e.MPEG="video/mpeg",e.MPKG="application/vnd.apple.installer+xml",e.ODP="application/vnd.oasis.opendocument.presentation",e.ODS="application/vnd.oasis.opendocument.spreadsheet",e.ODT="application/vnd.oasis.opendocument.text",e.OGA="audio/ogg",e.OGV="video/ogg",e.OGX="application/ogg",e.OTF="font/otf",e.PNG="image/png",e.PDF="application/pdf",e.PPT="application/vnd.ms-powerpoint",e.PPTX="application/vnd.openxmlformats-officedocument.presentationml.presentation",e.RAR="application/x-rar-compressed",e.RTF="application/rtf",e.SH="application/x-sh",e.SVG="image/svg+xml",e.SWF="application/x-shockwave-flash",e.TAR="application/x-tar",e.TIF="image/tiff",e.TIFF="image/tiff",e.TS="application/typescript",e.TTF="font/ttf",e.TXT="text/plain",e.VSD="application/vnd.visio",e.WAV="audio/wav",e.WEBA="audio/webm",e.WEBM="video/webm",e.WEBP="image/webp",e.WOFF="font/woff",e.WOFF2="font/woff2",e.XHTML="application/xhtml+xml",e.XLS="application/vnd.ms-excel",e.XLSX="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",e.XML="application/xml",e.XUL="application/vnd.mozilla.xul+xml",e.ZIP="application/zip",e))(me||{}),qt=Object.defineProperty,Gt=Object.getOwnPropertyDescriptor,f=(e,t,n,s)=>{for(var i=s>1?void 0:s?Gt(t,n):t,r=e.length-1,l;r>=0;r--)(l=e[r])&&(i=(s?l(t,n,i):l(i))||i);return s&&i&&qt(t,n,i),i};const m="sps-file-upload";a.SpsFileUploadComponent=class extends HTMLElement{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)}get[I](){return[m,this.active&&`${m}--active`,this.error&&`${m}--error`,!this.shown&&`${m}--hidden`,this.mini&&`${m}--mini`,this.constrainContentWidth&&`${m}--constrained-content-width`]}connectedCallback(){this.description=this.description||(this.multiple?"Files":"File"),this.acceptExtensions&&this.processAcceptExtensions(this.acceptExtensions),this.maxSize&&this.parseAndValidateMaxSize(this.maxSize)}attributeChangedCallback(t,n,s){t==="acceptExtensions"&&this.processAcceptExtensions(s),t==="maxSize"&&this.parseAndValidateMaxSize(s)}dismiss(){this.dismissable&&(this.shown=!1,this.update(),this.dismissal.dispatch())}show(){this.dismissable&&(this.shown=!0,this.update())}render({t}){const n=this.error?A.SpsIcon.EXCLAMATION_CIRCLE:A.SpsIcon.UPLOAD_CLOUD,s=(this.multiple?t("design-system:fileUpload.instructions_plural"):t("design-system:fileUpload.instructions")).split("|");return o("div",{"data-fragment":!0},o("div",{className:`${m}__content`},this.processing?o("div",{"data-fragment":!0},o("i",{className:"sps-spinner sps-spinner--medium","aria-hidden":"true"}),o("div",{className:`${m}__instructions`},t("design-system:fileUpload.processing"))):o("div",{"data-fragment":!0},o("i",{className:`sps-icon sps-icon-${n} ${m}__icon-primary`,"aria-hidden":"true"}),o("div",{className:`${m}__title`},this.error?o("div",{"data-fragment":!0},t(this.namesOfUnsupportedFiles.length>1?"design-system:fileUpload.cancelled_plural":"design-system:fileUpload.cancelled")):o("div",{"data-fragment":!0},t("design-system:fileUpload.title",{description:this.description}))),this.error?o("div",{className:`${m}__errored-files`},new Set(this.namesOfUnsupportedFiles.map((i,r)=>{const l=Math.floor(i.length/2);return o("div",{className:`${m}__errored-filename`,key:i},o("span",{className:`${m}__errored-filename-segment`},i.substr(0,l)),o("div",{className:`${m}__errored-filename-segment`},o("span",null,i.substr(l))),r<this.namesOfUnsupportedFiles.length-1?",":"")}))):o("span",null),o("div",{className:`${m}__instructions`},o("div",{"data-fragment":!0},o("span",null,s[0]),o("a",{href:"",onClick:this.handleBrowseLinkClick},s[1]),o("span",null,s[2]))),o("div",{className:`${m}__requirements`},this.acceptExtensions?o("span",null,"("," ",t("design-system:fileUpload.acceptedTypes",{fileTypes:this.acceptExtensionsDescription})," ",")"):"",this.maxSize?o("span",null,"("," ",t("design-system:fileUpload.maximumSize",{size:this.maxSize})," ",")"):"",this.customRequirement?o("span",null," ",this.customRequirement," "):""),this.downloadLabel&&o("div",{className:`sps-button sps-button--link ${m}__download-button`,onClick:this.handleDownloadButtonClick},o("button",{type:"button"},o("i",{className:"sps-icon sps-icon-download-cloud","aria-hidden":"true"})," ",this.downloadLabel)))),this.dismissable&&!this.processing&&o("div",{className:`sps-button sps-button--icon ${m}__close-button`,onClick:this.dismiss},o("button",{type:"button",title:t("design-system:fileUpload.close")},o("i",{className:"sps-icon sps-icon-x","aria-hidden":"true"}))),o("form",null,o("input",{type:"file",accept:this.accept||"*/*",multiple:this.multiple||null,onChange:this.handleFileInputChange})))}parseAndValidateMaxSize(t){try{this.maxSizeBytes=c.parseFileSize(t)}catch{throw new Error(`Could not parse "${t}" as a file size.`)}}processAcceptExtensions(t){const s=(Array.isArray(t)?t:t.trim().split(/\s?,\s?/)).map(r=>r.replace(/^\./,"")),i=s.map(r=>`.${r}`.toLowerCase());this.acceptExtensionsDescription=i.map((r,l)=>l>0&&l===i.length-1?`or ${r}`:r).join(i.length>2?", ":" "),this.acceptMIMETypes.clear();for(const r of s)for(const l of me[r.toUpperCase()].split(","))this.acceptMIMETypes.add(l);this.accept=i.concat(Array.from(this.acceptMIMETypes)).join(",")}selectFiles(t){this.namesOfUnsupportedFiles=[];const n=Array.from(t);for(const s of n)this.acceptExtensions&&!this.acceptMIMETypes.has(s.type)&&this.namesOfUnsupportedFiles.push(s.name),this.maxSize&&s.size>this.maxSizeBytes&&this.namesOfUnsupportedFiles.indexOf(s.name)===-1&&this.namesOfUnsupportedFiles.push(s.name);this.namesOfUnsupportedFiles.length?(this.error=!0,this.fileInput.value=null,this.update()):(this.files=n,this.selection.dispatch(n))}handleDragOver(t){t.preventDefault(),t.stopPropagation()}handleDragEnter(t){t.preventDefault(),this.active=!0,this.error=!1,this.update()}handleDragLeave(t){t.preventDefault(),this.active=!1,this.update()}handleDrop(t){t.preventDefault(),t.stopPropagation(),this.active=!1,t.dataTransfer.items?this.selectFiles(Array.from(t.dataTransfer.items).map(n=>n.getAsFile())):this.selectFiles(t.dataTransfer.files),this.update()}handleBrowseLinkClick(t){t.preventDefault(),this.error=!1,this.update(),this.fileInput.click()}handleDownloadButtonClick(){this.download.dispatch()}handleFileInputChange(t){t.stopPropagation(),this.selectFiles(t.target.files)}},a.SpsFileUploadComponent.displayName=m,a.SpsFileUploadComponent.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>"}},f([p()],a.SpsFileUploadComponent.prototype,"description",2),f([p(Boolean)],a.SpsFileUploadComponent.prototype,"multiple",2),f([p(Boolean)],a.SpsFileUploadComponent.prototype,"shown",2),f([p(Boolean)],a.SpsFileUploadComponent.prototype,"dismissable",2),f([p(Boolean)],a.SpsFileUploadComponent.prototype,"processing",2),f([p(Boolean)],a.SpsFileUploadComponent.prototype,"mini",2),f([p(Boolean)],a.SpsFileUploadComponent.prototype,"constrainContentWidth",2),f([p()],a.SpsFileUploadComponent.prototype,"downloadLabel",2),f([p()],a.SpsFileUploadComponent.prototype,"acceptExtensions",2),f([p()],a.SpsFileUploadComponent.prototype,"maxSize",2),f([p()],a.SpsFileUploadComponent.prototype,"customRequirement",2),f([J()],a.SpsFileUploadComponent.prototype,"selection",2),f([J()],a.SpsFileUploadComponent.prototype,"dismissal",2),f([J()],a.SpsFileUploadComponent.prototype,"download",2),f([Y("input[type='file']")],a.SpsFileUploadComponent.prototype,"fileInput",2),f([z("dragover")],a.SpsFileUploadComponent.prototype,"handleDragOver",1),f([z("dragenter")],a.SpsFileUploadComponent.prototype,"handleDragEnter",1),f([z("dragleave")],a.SpsFileUploadComponent.prototype,"handleDragLeave",1),f([z("drop")],a.SpsFileUploadComponent.prototype,"handleDrop",1),a.SpsFileUploadComponent=f([x({tag:m})],a.SpsFileUploadComponent);const Xt={basic:{label:"Basic File Upload",description:c.code`
|
|
183
|
+
*/d.applyAttr=be,d.applyProp=we,d.attributes=R,d.close=Le;var le=d.currentElement=At,ce=d.currentPointer=Ot;d.open=ke;var Tt=d.patch=De;d.patchInner=De,d.patchOuter=_t,d.skip=Dt;var pe=d.skipNode=re;d.getKey=gt,d.clearCache=Ae,d.importNode=ye,d.isDataInitialized=mt,d.notifications=j,d.symbols=ee;var Re=d.attr=Ft,Ut=d.elementClose=Ue;d.elementOpen=oe;var Rt=d.elementOpenEnd=xt,$t=d.elementOpenStart=Et;d.elementVoid=kt;var Bt=d.text=Lt;d.key=It;function $e(e){let t=ce();return t instanceof Comment&&t.data!==e?t.data=e:(t=document.createComment(e),le().appendChild(t)),pe(),t}let Be=A.noI18nI18n;function jt(e){Be=e}function zt(){return Be}const E=Symbol("ComponentMetadata"),b=Object.freeze({has(e,t){return!!(e[E]&&Object.prototype.hasOwnProperty.call(e[E],t))},add(e,t){e[E]?Object.assign(e[E],t):e[E]=t},get(e,t,n){return e[E]&&e[E][t]||n}}),je=Symbol("ds-web-components:pragma:listeners-attached"),ze="idom-pragma:content-begin",de="idom-pragma:content-end";function he(e){for(const t of e)if(typeof t=="function")t();else if(typeof t=="string")Bt(t);else if(t instanceof Set)he(Array.from(t));else if(Array.isArray(t)&&t.length>0){let n=ce();if($e(ze),n===null){const s=le();for(let i=0;i<t.length;i+=1)s.contains(t[i])||s.appendChild(t[i]),pe()}for(;n&&n.data!==de;)pe(),n=ce();$e(de)}}function o(e,t,...n){if(t){for(const s of Object.keys(t))if(s.toUpperCase()==="DATA-FRAGMENT")return()=>he(n)}return()=>{$t(e);const s=[];if(t)for(const r of Object.keys(t))r.toUpperCase()==="CLASSNAME"?Re("class",t[r]):/^on[A-Z]/.test(r)?s.push(r):Re(r,t[r]);Rt(e);const i=le();if(!i[je]){for(const r of s)i.addEventListener(r.substr(2).toLowerCase(),t[r]);i[je]=!0}he(n),Ut(e)}}function Ve(e,t){customElements.get(e)||customElements.define(e,t)}function Vt(...e){for(const t of e)Ve(b.get(t,"tag"),t)}function Wt(e){return function(...n){for(const s of n){const i=`${e}${b.get(s,"tag").substr(3)}`;Ve(i,s)}}}const ue=Symbol("Component Attribute Bindings"),I=Symbol("Component Class Bindings"),Q=Symbol("Component Style Bindings"),Ht={__initialized:!1,__observer:null,__queuedUpdate:null,__managedClasses:new Set,__updateHostBindings(){const e=this;for(const t of Object.keys(e[ue]||{}))e.setAttribute(t,e[ue][t]);for(const t of Object.keys(e[Q]||{}))e.style[t]=e[Q][t];for(const t of e.__managedClasses)e.classList.remove(t);for(const t of(e[I]||[]).filter(Boolean))e.__managedClasses.add(t),e.classList.add(t);for(const t of(e.getAttribute("classname")||"").split(/\w+/).filter(Boolean))e.classList.add(t)},__updateChildQueries(e){const t=this;for(const n of b.get(t.constructor,"childQueries",[]))if(!e||e&&n.refresh){const s=n.all?t.querySelectorAll:t.querySelector;t[n.key]=s.call(t,n.selector)}},__gatherChildren(){const e=this;let t=Array.from(e.childNodes),n=null,s=t.length;for(let i=0;i<t.length;i+=1){const r=t[i];r instanceof Comment&&(r.data===ze?n=i+1:r.data===de&&(s=i-1))}if(n===null)for(const i of t)i.parentNode.removeChild(i);else t=t.slice(n,s);b.has(e.constructor,"contentProp")&&(e[b.get(e.constructor,"contentProp")]=t)},__startMutObs(){const e=this;e.__observer||(e.__observer=new MutationObserver(()=>{e.contentChangedCallback&&e.contentChangedCallback(),e.__gatherChildren(),e.update()})),e.__observer.observe(e,{childList:!0})},__stopMutObs(){const e=this;e.__observer&&e.__observer.disconnect()},__doRender(){const e=this;e.__stopMutObs(),Tt(e,e.render(zt())),e.__startMutObs()},update(){const 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){const s=this,i=n===""?!0:n;i!==t&&(s.__cbAttributeChanged&&s.__cbAttributeChanged(e,s[e],i),e!=="style"&&(s[e]=i),s.__initialized&&s.update())},connectedCallback(){const e=this;e.__cbConnected&&e.__cbConnected();const t=b.get(e.constructor,"eventListeners",[]);setTimeout(()=>{if(!e.__initialized){e.__gatherChildren();for(const[,n]of t)e[n]=e[n].bind(e);e.__initialized=!0}for(const[n,s]of t)e.addEventListener(n,e[s]);e.__doRender(),setTimeout(()=>{e.__updateChildQueries(),e.__updateHostBindings()},0)},0)},disconnectedCallback(){const e=this;e.__cbDisconnected&&e.__cbDisconnected();for(const[t,n]of b.get(e.constructor,"eventListeners",[]))e.removeEventListener(t,e[n]);e.__stopMutObs()}};function F(e){return t=>{b.add(t,e),Object.assign(t.prototype,{__cbAttributeChanged:t.prototype.attributeChangedCallback,__cbConnected:t.prototype.connectedCallback,__cbDisconnected:t.prototype.disconnectedCallback},Ht)}}function Z(){return(e,t)=>{b.add(e.constructor,{contentProp:t})}}function Y(e){return(t,n)=>{Object.defineProperty(t,n,{get(){return Object.defineProperty(this,n,{value:{dispatch:s=>{const i=new CustomEvent(e||n,{detail:s});return this.dispatchEvent(i),i}}}),this[n]},configurable:!0})}}function z(e){return(t,n)=>{const s=b.get(t.constructor,"eventListeners",[]);s.push([e,n]),b.add(t.constructor,{eventListeners:s})}}function p(e){return(t,n)=>{const s=t.constructor,i=n.toLowerCase();if(s.observedAttributes=s.observedAttributes||["classname","className","style"],s.observedAttributes.push(n),s.observedAttributes.push(i),i!==n&&Object.defineProperty(t,n,{get(){return this[i]},set(r){this[i]=r}}),e){const r=Symbol.for(n);Object.defineProperty(t,i,{get(){return this[r]},set(l){let h=l;e===Boolean&&typeof l=="string"&&l.toLowerCase()==="false"?h=!1:h=e(l),this[r]=h}})}}}function We(e,t,n){return(s,i)=>{const r=b.get(s.constructor,"childQueries",[]);r.push({key:i,selector:e,all:n,refresh:t.refresh}),b.add(s.constructor,{childQueries:r})}}function J(e,t={}){return We(e,t)}function He(e,t={}){return We(e,t,!0)}function fe(){return(e,t)=>{const n=Symbol(t);Object.defineProperties(e,{[n]:{writable:!0,enumerable:!1,configurable:!1,value:e[t]},[t]:{get(){return this[n]},set(s){this[n]!==s&&(this[n]=s,this.update())}}})}}var me=(e=>(e["7Z"]="application/x-7z-compressed",e.AAC="audio/aac",e.ABW="application/x-abiword",e.ARC="application/octet-stream",e.AVI="video/x-msvideo",e.AZW="application/vnd.amazon.ebook",e.BIN="application/octet-stream",e.BMP="image/bmp",e.BZ="application/x-bzip",e.BZ2="application/x-bzip2",e.CER="application/pkix-cert",e.CSH="application/x-csh",e.CSS="text/css",e.CSV="text/csv,application/vnd.ms-excel",e.DOC="application/msword",e.DOCX="application/vnd.openxmlformats-officedocument.wordprocessingml.document",e.EOT="application/vnd.ms-fontobject",e.EPUB="application/epub+zip",e.ES="application/ecmascript",e.FLV="video/x-flv",e.GIF="image/gif",e.GZ="application/x-gzip",e.HTM="text/html",e.HTML="text/html",e.ICO="image/x-icon",e.ICS="text/calendar",e.JAR="application/java-archive",e.JPEG="image/jpeg",e.JPG="image/jpeg",e.JS="application/javascript",e.JSON="application/json",e.M3U="audio/x-mpequrl",e.MID="audio/midi",e.MIDI="audio/midi",e.MOV="video/quicktime",e.MP3="audio/mpeg3",e.MP4="video/mp4",e.MPEG="video/mpeg",e.MPKG="application/vnd.apple.installer+xml",e.ODP="application/vnd.oasis.opendocument.presentation",e.ODS="application/vnd.oasis.opendocument.spreadsheet",e.ODT="application/vnd.oasis.opendocument.text",e.OGA="audio/ogg",e.OGV="video/ogg",e.OGX="application/ogg",e.OTF="font/otf",e.PNG="image/png",e.PDF="application/pdf",e.PPT="application/vnd.ms-powerpoint",e.PPTX="application/vnd.openxmlformats-officedocument.presentationml.presentation",e.RAR="application/x-rar-compressed",e.RTF="application/rtf",e.SH="application/x-sh",e.SVG="image/svg+xml",e.SWF="application/x-shockwave-flash",e.TAR="application/x-tar",e.TIF="image/tiff",e.TIFF="image/tiff",e.TS="application/typescript",e.TTF="font/ttf",e.TXT="text/plain",e.VSD="application/vnd.visio",e.WAV="audio/wav",e.WEBA="audio/webm",e.WEBM="video/webm",e.WEBP="image/webp",e.WOFF="font/woff",e.WOFF2="font/woff2",e.XHTML="application/xhtml+xml",e.XLS="application/vnd.ms-excel",e.XLSX="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",e.XML="application/xml",e.XUL="application/vnd.mozilla.xul+xml",e.ZIP="application/zip",e))(me||{}),qt=Object.defineProperty,Gt=Object.getOwnPropertyDescriptor,f=(e,t,n,s)=>{for(var i=s>1?void 0:s?Gt(t,n):t,r=e.length-1,l;r>=0;r--)(l=e[r])&&(i=(s?l(t,n,i):l(i))||i);return s&&i&&qt(t,n,i),i};const m="sps-file-upload";a.SpsFileUploadComponent=class extends HTMLElement{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)}get[I](){return[m,this.active&&`${m}--active`,this.error&&`${m}--error`,!this.shown&&`${m}--hidden`,this.mini&&`${m}--mini`,this.constrainContentWidth&&`${m}--constrained-content-width`]}connectedCallback(){this.description=this.description||(this.multiple?"Files":"File"),this.acceptExtensions&&this.processAcceptExtensions(this.acceptExtensions),this.maxSize&&this.parseAndValidateMaxSize(this.maxSize)}attributeChangedCallback(t,n,s){t==="acceptExtensions"&&this.processAcceptExtensions(s),t==="maxSize"&&this.parseAndValidateMaxSize(s)}dismiss(){this.dismissable&&(this.shown=!1,this.update(),this.dismissal.dispatch())}show(){this.dismissable&&(this.shown=!0,this.update())}render({t}){const n=this.error?A.SpsIcon.EXCLAMATION_CIRCLE:A.SpsIcon.UPLOAD_CLOUD,s=(this.multiple?t("design-system:fileUpload.instructions_plural",{defaultValue:"Drag and drop your files here or |browse for files| on your desktop."}):t("design-system:fileUpload.instructions",{defaultValue:"Drag and drop your file here or |browse for a file| on your desktop."})).split("|");return o("div",{"data-fragment":!0},o("div",{className:`${m}__content`},this.processing?o("div",{"data-fragment":!0},o("i",{className:"sps-spinner sps-spinner--medium","aria-hidden":"true"}),o("div",{className:`${m}__instructions`},t("design-system:fileUpload.processing",{defaultValue:"Processing Upload..."}))):o("div",{"data-fragment":!0},o("i",{className:`sps-icon sps-icon-${n} ${m}__icon-primary`,"aria-hidden":"true"}),o("div",{className:`${m}__title`},this.error?o("div",{"data-fragment":!0},t(this.namesOfUnsupportedFiles.length>1?"design-system:fileUpload.cancelled_plural":"design-system:fileUpload.cancelled",{defaultValue:this.namesOfUnsupportedFiles.length>1?"File Upload(s) Failed":"File Upload Failed"})):o("div",{"data-fragment":!0},t("design-system:fileUpload.title",{description:this.description,defaultValue:`Upload Your ${this.description}`}))),this.error?o("div",{className:`${m}__errored-files`},new Set(this.namesOfUnsupportedFiles.map((i,r)=>{const l=Math.floor(i.length/2);return o("div",{className:`${m}__errored-filename`,key:i},o("span",{className:`${m}__errored-filename-segment`},i.substr(0,l)),o("div",{className:`${m}__errored-filename-segment`},o("span",null,i.substr(l))),r<this.namesOfUnsupportedFiles.length-1?",":"")}))):o("span",null),o("div",{className:`${m}__instructions`},o("div",{"data-fragment":!0},o("span",null,s[0]),o("a",{href:"",onClick:this.handleBrowseLinkClick},s[1]),o("span",null,s[2]))),o("div",{className:`${m}__requirements`},this.acceptExtensions?o("span",null,"("," ",t("design-system:fileUpload.acceptedTypes",{fileTypes:this.acceptExtensionsDescription,defaultValue:`${this.acceptExtensionsDescription} format accepted`})," ",")"):"",this.maxSize?o("span",null,"("," ",t("design-system:fileUpload.maximumSize",{size:this.maxSize,defaultValue:`${this.maxSize} maximum`})," ",")"):"",this.customRequirement?o("span",null," ",this.customRequirement," "):""),this.downloadLabel&&o("div",{className:`sps-button sps-button--link ${m}__download-button`,onClick:this.handleDownloadButtonClick},o("button",{type:"button"},o("i",{className:"sps-icon sps-icon-download-cloud","aria-hidden":"true"})," ",this.downloadLabel)))),this.dismissable&&!this.processing&&o("div",{className:`sps-button sps-button--icon ${m}__close-button`,onClick:this.dismiss},o("button",{type:"button",title:t("design-system:fileUpload.close",{defaultValue:"Close"})},o("i",{className:"sps-icon sps-icon-x","aria-hidden":"true"}))),o("form",null,o("input",{type:"file",accept:this.accept||"*/*",multiple:this.multiple||null,onChange:this.handleFileInputChange})))}parseAndValidateMaxSize(t){try{this.maxSizeBytes=c.parseFileSize(t)}catch{throw new Error(`Could not parse "${t}" as a file size.`)}}processAcceptExtensions(t){const s=(Array.isArray(t)?t:t.trim().split(/\s?,\s?/)).map(r=>r.replace(/^\./,"")),i=s.map(r=>`.${r}`.toLowerCase());this.acceptExtensionsDescription=i.map((r,l)=>l>0&&l===i.length-1?`or ${r}`:r).join(i.length>2?", ":" "),this.acceptMIMETypes.clear();for(const r of s)for(const l of me[r.toUpperCase()].split(","))this.acceptMIMETypes.add(l);this.accept=i.concat(Array.from(this.acceptMIMETypes)).join(",")}selectFiles(t){this.namesOfUnsupportedFiles=[];const n=Array.from(t);for(const s of n)this.acceptExtensions&&!this.acceptMIMETypes.has(s.type)&&this.namesOfUnsupportedFiles.push(s.name),this.maxSize&&s.size>this.maxSizeBytes&&this.namesOfUnsupportedFiles.indexOf(s.name)===-1&&this.namesOfUnsupportedFiles.push(s.name);this.namesOfUnsupportedFiles.length?(this.error=!0,this.fileInput.value=null,this.update()):(this.files=n,this.selection.dispatch(n))}handleDragOver(t){t.preventDefault(),t.stopPropagation()}handleDragEnter(t){t.preventDefault(),this.active=!0,this.error=!1,this.update()}handleDragLeave(t){t.preventDefault(),this.active=!1,this.update()}handleDrop(t){t.preventDefault(),t.stopPropagation(),this.active=!1,t.dataTransfer.items?this.selectFiles(Array.from(t.dataTransfer.items).map(n=>n.getAsFile())):this.selectFiles(t.dataTransfer.files),this.update()}handleBrowseLinkClick(t){t.preventDefault(),this.error=!1,this.update(),this.fileInput.click()}handleDownloadButtonClick(){this.download.dispatch()}handleFileInputChange(t){t.stopPropagation(),this.selectFiles(t.target.files)}},a.SpsFileUploadComponent.displayName=m,a.SpsFileUploadComponent.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>"}},f([p()],a.SpsFileUploadComponent.prototype,"description",2),f([p(Boolean)],a.SpsFileUploadComponent.prototype,"multiple",2),f([p(Boolean)],a.SpsFileUploadComponent.prototype,"shown",2),f([p(Boolean)],a.SpsFileUploadComponent.prototype,"dismissable",2),f([p(Boolean)],a.SpsFileUploadComponent.prototype,"processing",2),f([p(Boolean)],a.SpsFileUploadComponent.prototype,"mini",2),f([p(Boolean)],a.SpsFileUploadComponent.prototype,"constrainContentWidth",2),f([p()],a.SpsFileUploadComponent.prototype,"downloadLabel",2),f([p()],a.SpsFileUploadComponent.prototype,"acceptExtensions",2),f([p()],a.SpsFileUploadComponent.prototype,"maxSize",2),f([p()],a.SpsFileUploadComponent.prototype,"customRequirement",2),f([Y()],a.SpsFileUploadComponent.prototype,"selection",2),f([Y()],a.SpsFileUploadComponent.prototype,"dismissal",2),f([Y()],a.SpsFileUploadComponent.prototype,"download",2),f([J("input[type='file']")],a.SpsFileUploadComponent.prototype,"fileInput",2),f([z("dragover")],a.SpsFileUploadComponent.prototype,"handleDragOver",1),f([z("dragenter")],a.SpsFileUploadComponent.prototype,"handleDragEnter",1),f([z("dragleave")],a.SpsFileUploadComponent.prototype,"handleDragLeave",1),f([z("drop")],a.SpsFileUploadComponent.prototype,"handleDrop",1),a.SpsFileUploadComponent=f([F({tag:m})],a.SpsFileUploadComponent);const Xt={basic:{label:"Basic File Upload",description:c.code`
|
|
184
184
|
<p>Simply allow the user to drag-and-drop or select either a single file or multiple files at once.</p>
|
|
185
185
|
`,examples:{single:{description:"<p>Single file upload</p>",react:c.code`
|
|
186
186
|
function Component() {
|
|
@@ -430,7 +430,7 @@
|
|
|
430
430
|
</div>
|
|
431
431
|
)
|
|
432
432
|
}
|
|
433
|
-
`}}}};var Kt=Object.defineProperty,Qt=Object.getOwnPropertyDescriptor,N=(e,t,n,s)=>{for(var i=s>1?void 0:s?Qt(t,n):t,r=e.length-1,l;r>=0;r--)(l=e[r])&&(i=(s?l(t,n,i):l(i))||i);return s&&i&&Kt(t,n,i),i};const w="sps-insight-card";a.SpsInsightCardComponent=class extends HTMLElement{constructor(){super(...arguments),this.kind=A.SpsInsightCardKind.GENERAL}get[I](){return[w,`${w}--${this.kind}`,this.detail&&this.detail.children.length?`${w}--has-detail`:null]}render({t}){const n=o("div",{className:`${w}__metric-count`},this.metric),s=o("div",{className:`${w}__description`},o("div",{className:`${w}__title`,style:{"-webkit-box-orient":"vertical"}},this.title),o("div",{className:`${w}__detail`},this.content)),i=this.partnercount,r=this.totalpartners,[l,h,g]=(i?t("design-system:insightCard.partnerCount",{count:i,total:r}):"").split("|");return o("div",{"data-fragment":!0},o("div",{className:`${w}__body`},this.icon?o("i",{className:`sps-icon sps-icon-${this.icon}`}):o("i",{className:`sps-icon sps-icon-${A.SpsInsightCardIcons[this.kind]}`}),n,s),i&&o("div",{className:`${w}__partner-count`},i===r?o("div",null,t("design-system:insightCard.all")):o("div",{"data-fragment":!0},o("div",null,l),o("div",null,h),o("div",null,g)),o("div",{className:`${w}__partners-text`},t("design-system:insightCard.partners"))))}},a.SpsInsightCardComponent.displayName=w,a.SpsInsightCardComponent.props={icon:"SpsIcon",kind:"SpsInsightCardKind",title:"string",metric:"number",partnerCount:"number",totalPartners:"number",secondary:"boolean"},N([p()],a.SpsInsightCardComponent.prototype,"icon",2),N([p()],a.SpsInsightCardComponent.prototype,"kind",2),N([p()],a.SpsInsightCardComponent.prototype,"title",2),N([p()],a.SpsInsightCardComponent.prototype,"metric",2),N([p()],a.SpsInsightCardComponent.prototype,"partnerCount",2),N([p()],a.SpsInsightCardComponent.prototype,"totalPartners",2),N([p()],a.SpsInsightCardComponent.prototype,"secondary",2),N([Z()],a.SpsInsightCardComponent.prototype,"content",2),N([
|
|
433
|
+
`}}}};var Kt=Object.defineProperty,Qt=Object.getOwnPropertyDescriptor,N=(e,t,n,s)=>{for(var i=s>1?void 0:s?Qt(t,n):t,r=e.length-1,l;r>=0;r--)(l=e[r])&&(i=(s?l(t,n,i):l(i))||i);return s&&i&&Kt(t,n,i),i};const w="sps-insight-card";a.SpsInsightCardComponent=class extends HTMLElement{constructor(){super(...arguments),this.kind=A.SpsInsightCardKind.GENERAL}get[I](){return[w,`${w}--${this.kind}`,this.detail&&this.detail.children.length?`${w}--has-detail`:null]}render({t}){const n=o("div",{className:`${w}__metric-count`},this.metric),s=o("div",{className:`${w}__description`},o("div",{className:`${w}__title`,style:{"-webkit-box-orient":"vertical"}},this.title),o("div",{className:`${w}__detail`},this.content)),i=this.partnercount,r=this.totalpartners,[l,h,g]=(i?t("design-system:insightCard.partnerCount",{count:i,total:r,defaultValue:`${i} |of| ${r}`}):"").split("|");return o("div",{"data-fragment":!0},o("div",{className:`${w}__body`},this.icon?o("i",{className:`sps-icon sps-icon-${this.icon}`}):o("i",{className:`sps-icon sps-icon-${A.SpsInsightCardIcons[this.kind]}`}),n,s),i&&o("div",{className:`${w}__partner-count`},i===r?o("div",null,t("design-system:insightCard.all",{defaultValue:"ALL"})):o("div",{"data-fragment":!0},o("div",null,l),o("div",null,h),o("div",null,g)),o("div",{className:`${w}__partners-text`},t("design-system:insightCard.partners",{defaultValue:"PARTNERS"}))))}},a.SpsInsightCardComponent.displayName=w,a.SpsInsightCardComponent.props={icon:"SpsIcon",kind:"SpsInsightCardKind",title:"string",metric:"number",partnerCount:"number",totalPartners:"number",secondary:"boolean"},N([p()],a.SpsInsightCardComponent.prototype,"icon",2),N([p()],a.SpsInsightCardComponent.prototype,"kind",2),N([p()],a.SpsInsightCardComponent.prototype,"title",2),N([p()],a.SpsInsightCardComponent.prototype,"metric",2),N([p()],a.SpsInsightCardComponent.prototype,"partnerCount",2),N([p()],a.SpsInsightCardComponent.prototype,"totalPartners",2),N([p()],a.SpsInsightCardComponent.prototype,"secondary",2),N([Z()],a.SpsInsightCardComponent.prototype,"content",2),N([J(`.${w}__detail`)],a.SpsInsightCardComponent.prototype,"detail",2),a.SpsInsightCardComponent=N([F({tag:w})],a.SpsInsightCardComponent);var Zt=Object.defineProperty,Yt=Object.getOwnPropertyDescriptor,ge=(e,t,n,s)=>{for(var i=s>1?void 0:s?Yt(t,n):t,r=e.length-1,l;r>=0;r--)(l=e[r])&&(i=(s?l(t,n,i):l(i))||i);return s&&i&&Zt(t,n,i),i};const O="sps-insights";a.SpsInsightsComponent=class extends HTMLElement{constructor(){super(),this.content=[],this.showAdditionalInsights=!1,this.toggleAdditionalInsights=this.toggleAdditionalInsights.bind(this)}get[I](){return[O,this.showAdditionalInsights&&`${O}--show-additional`,this.details&&Array.from(this.details).every(t=>!t.textContent)?`${O}--no-details`:null,this.content.length===6?`${O}--break-4`:null,this.content.length===7?`${O}--break-5`:null,this.content.length===8?`${O}--break-5`:null]}toggleAdditionalInsights(){this.showAdditionalInsights=!this.showAdditionalInsights,this.update()}render(){return o("div",{"data-fragment":!0},this.content,this.content.length>10&&o("div",{className:"sps-button sps-button--link",onClick:this.toggleAdditionalInsights},o("button",{type:"button"},this.showAdditionalInsights?"Hide ":"Show ","Additional Insights")))}},a.SpsInsightsComponent.displayName=O,a.SpsInsightsComponent.props={},ge([Z()],a.SpsInsightsComponent.prototype,"content",2),ge([He(".sps-insight-card__detail")],a.SpsInsightsComponent.prototype,"details",2),a.SpsInsightsComponent=ge([F({tag:O})],a.SpsInsightsComponent);const Jt={basic:{label:"Basic Insight Cards",examples:{basic:{jsx:c.code`
|
|
434
434
|
<sps-insights>
|
|
435
435
|
<sps-insight-card kind="general"
|
|
436
436
|
metric="1234"
|
|
@@ -712,7 +712,7 @@
|
|
|
712
712
|
</sps-insights>
|
|
713
713
|
)
|
|
714
714
|
}
|
|
715
|
-
`}}}};var Mt=Object.defineProperty,en=Object.getOwnPropertyDescriptor,
|
|
715
|
+
`}}}};var Mt=Object.defineProperty,en=Object.getOwnPropertyDescriptor,x=(e,t,n,s)=>{for(var i=s>1?void 0:s?en(t,n):t,r=e.length-1,l;r>=0;r--)(l=e[r])&&(i=(s?l(t,n,i):l(i))||i);return s&&i&&Mt(t,n,i),i};a.SpsNavTabComponent=class extends HTMLElement{constructor(){super(...arguments),this.active=!1,this.label="",this.tag=""}get[I](){return["sps-tabbed-nav__nav-item",this.active&&"sps-tabbed-nav__nav-item--active"]}render(){return o("a",{href:this.href,target:this.target,className:"sps-tabbed-nav__nav-item-link",tabIndex:0},this.icon&&o("i",{className:`sps-icon sps-icon-${this.icon}`}),this.label&&o("span",null,this.label),this.tag&&o("span",{className:"sps-tag sps-tag--default"},this.tag))}},a.SpsNavTabComponent.displayName="sps-nav-tab",a.SpsNavTabComponent.props={active:"boolean",label:"string",icon:"SpsIcon",tag:"string",href:"string",target:"string"},x([p()],a.SpsNavTabComponent.prototype,"active",2),x([p()],a.SpsNavTabComponent.prototype,"label",2),x([p()],a.SpsNavTabComponent.prototype,"icon",2),x([p()],a.SpsNavTabComponent.prototype,"tag",2),x([p()],a.SpsNavTabComponent.prototype,"href",2),x([p()],a.SpsNavTabComponent.prototype,"target",2),a.SpsNavTabComponent=x([F({tag:"sps-nav-tab"})],a.SpsNavTabComponent);var tn=Object.defineProperty,nn=Object.getOwnPropertyDescriptor,qe=(e,t,n,s)=>{for(var i=s>1?void 0:s?nn(t,n):t,r=e.length-1,l;r>=0;r--)(l=e[r])&&(i=(s?l(t,n,i):l(i))||i);return s&&i&&tn(t,n,i),i};a.SpsNavTabSetComponent=class extends HTMLElement{constructor(){super(...arguments),this.content=[]}render(){return o("nav",{className:"sps-tabbed-nav"},this.content)}},a.SpsNavTabSetComponent.displayName="sps-nav-tab-set",a.SpsNavTabSetComponent.props={},qe([Z()],a.SpsNavTabSetComponent.prototype,"content",2),a.SpsNavTabSetComponent=qe([F({tag:"sps-nav-tab-set"})],a.SpsNavTabSetComponent);const sn={basic:{label:"Basic Navigation Tabs",description:c.code`
|
|
716
716
|
<p>Navigation tabs native web component</p>
|
|
717
717
|
`,examples:{basic:{react:c.code`
|
|
718
718
|
function DemoComponent() {
|
|
@@ -739,7 +739,7 @@
|
|
|
739
739
|
</sps-nav-tab-set>
|
|
740
740
|
)
|
|
741
741
|
}
|
|
742
|
-
`}}}};var an=Object.defineProperty,rn=Object.getOwnPropertyDescriptor,D=(e,t,n,s)=>{for(var i=s>1?void 0:s?rn(t,n):t,r=e.length-1,l;r>=0;r--)(l=e[r])&&(i=(s?l(t,n,i):l(i))||i);return s&&i&&an(t,n,i),i},Ge=(e=>(e.FIT="fit",e.FILL="fill",e))(Ge||{});const U="sps-photo";a.SpsPhotoComponent=class extends HTMLElement{constructor(){super(...arguments),this.mode="fill"}get image(){return this.imageInternal}set image(t){this.imageInternal=t,t&&(this.waitForImgHeightInterval&&window.clearInterval(this.waitForImgHeightInterval),this.waitForImgHeightInterval=window.setInterval(()=>{const n=t.getBoundingClientRect();if(n.height){window.clearInterval(this.waitForImgHeightInterval),delete this.waitForImgHeightInterval;let s=n.width/n.height>1;this.fitWidth=s===(this.mode==="fit")}},1e3/60))}get[I](){return[U,this.fitWidth?`${U}--fit-width`:`${U}--fit-height`,this.placeholderIcon&&`${U}--placeholder`]}get[Q](){return{fontSize:`${this.width*.05}rem`,width:`${this.width}rem`,height:`${.75*this.width}rem`}}connectedCallback(){this.waitForWidthInterval=window.setInterval(()=>{const t=this.getBoundingClientRect();t.width&&(this.setWidth(t.width),window.clearInterval(this.waitForWidthInterval),delete this.waitForWidthInterval)},1e3/60)}disconnectedCallback(){this.waitForWidthInterval&&window.clearInterval(this.waitForWidthInterval),this.waitForImgHeightInterval&&window.clearInterval(this.waitForImgHeightInterval)}render(){return this.src?this.width?o("img",{src:this.src,alt:this.altText}):o("span",null):o("i",{className:`sps-icon sps-icon-${this.placeholderIcon}`})}setWidth(t){if(t&&!this.width){const n=document.body.parentElement.style.fontSize||"16px",s=Number(n.substr(0,n.length-2));this.width=t/s}}},a.SpsPhotoComponent.displayName=U,a.SpsPhotoComponent.props={src:"string",altText:"string",mode:"SpsPhotoDisplayMode",placeholderIcon:"SpsIcon"},D([p()],a.SpsPhotoComponent.prototype,"src",2),D([p()],a.SpsPhotoComponent.prototype,"altText",2),D([p()],a.SpsPhotoComponent.prototype,"mode",2),D([p()],a.SpsPhotoComponent.prototype,"placeholderIcon",2),D([fe()],a.SpsPhotoComponent.prototype,"width",2),D([fe()],a.SpsPhotoComponent.prototype,"fitWidth",2),D([
|
|
742
|
+
`}}}};var an=Object.defineProperty,rn=Object.getOwnPropertyDescriptor,D=(e,t,n,s)=>{for(var i=s>1?void 0:s?rn(t,n):t,r=e.length-1,l;r>=0;r--)(l=e[r])&&(i=(s?l(t,n,i):l(i))||i);return s&&i&&an(t,n,i),i},Ge=(e=>(e.FIT="fit",e.FILL="fill",e))(Ge||{});const U="sps-photo";a.SpsPhotoComponent=class extends HTMLElement{constructor(){super(...arguments),this.mode="fill"}get image(){return this.imageInternal}set image(t){this.imageInternal=t,t&&(this.waitForImgHeightInterval&&window.clearInterval(this.waitForImgHeightInterval),this.waitForImgHeightInterval=window.setInterval(()=>{const n=t.getBoundingClientRect();if(n.height){window.clearInterval(this.waitForImgHeightInterval),delete this.waitForImgHeightInterval;let s=n.width/n.height>1;this.fitWidth=s===(this.mode==="fit")}},1e3/60))}get[I](){return[U,this.fitWidth?`${U}--fit-width`:`${U}--fit-height`,this.placeholderIcon&&`${U}--placeholder`]}get[Q](){return{fontSize:`${this.width*.05}rem`,width:`${this.width}rem`,height:`${.75*this.width}rem`}}connectedCallback(){this.waitForWidthInterval=window.setInterval(()=>{const t=this.getBoundingClientRect();t.width&&(this.setWidth(t.width),window.clearInterval(this.waitForWidthInterval),delete this.waitForWidthInterval)},1e3/60)}disconnectedCallback(){this.waitForWidthInterval&&window.clearInterval(this.waitForWidthInterval),this.waitForImgHeightInterval&&window.clearInterval(this.waitForImgHeightInterval)}render(){return this.src?this.width?o("img",{src:this.src,alt:this.altText}):o("span",null):o("i",{className:`sps-icon sps-icon-${this.placeholderIcon}`})}setWidth(t){if(t&&!this.width){const n=document.body.parentElement.style.fontSize||"16px",s=Number(n.substr(0,n.length-2));this.width=t/s}}},a.SpsPhotoComponent.displayName=U,a.SpsPhotoComponent.props={src:"string",altText:"string",mode:"SpsPhotoDisplayMode",placeholderIcon:"SpsIcon"},D([p()],a.SpsPhotoComponent.prototype,"src",2),D([p()],a.SpsPhotoComponent.prototype,"altText",2),D([p()],a.SpsPhotoComponent.prototype,"mode",2),D([p()],a.SpsPhotoComponent.prototype,"placeholderIcon",2),D([fe()],a.SpsPhotoComponent.prototype,"width",2),D([fe()],a.SpsPhotoComponent.prototype,"fitWidth",2),D([J("img",{refresh:!0})],a.SpsPhotoComponent.prototype,"image",1),a.SpsPhotoComponent=D([F({tag:U})],a.SpsPhotoComponent);const on={sizing:{label:"Sizing",description:c.code`
|
|
743
743
|
<p>
|
|
744
744
|
Photos are block elements, so a photo fills its container's width unless
|
|
745
745
|
an explicit width is set. It is always a 4:3 aspect ratio. In this example,
|
|
@@ -828,4 +828,4 @@
|
|
|
828
828
|
<sps-photo placeholderIcon="building"></sps-photo>
|
|
829
829
|
</div>
|
|
830
830
|
</div>
|
|
831
|
-
`}}}};a.AttrBindings=ue,a.ClassBindings=I,a.Component=
|
|
831
|
+
`}}}};a.AttrBindings=ue,a.ClassBindings=I,a.Component=F,a.Content=Z,a.EventDispatcher=Y,a.EventListener=z,a.MANIFEST=Xe,a.MIMEType=me,a.Prop=p,a.QuerySelector=J,a.QuerySelectorAll=He,a.SpsFileUploadExamples=Xt,a.SpsInsightCardExamples=Jt,a.SpsNavTabsExamples=sn,a.SpsPhotoDisplayMode=Ge,a.SpsPhotoExamples=on,a.StyleBindings=Q,a.Watch=fe,a.h=o,a.namespaceOverrideRegistrar=Wt,a.register=Vt,a.webComponentsUseI18n=jt,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})});
|
package/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": "8.26.
|
|
4
|
+
"version": "8.26.2",
|
|
5
5
|
"author": "SPS Commerce",
|
|
6
6
|
"license": "UNLICENSED",
|
|
7
7
|
"repository": "https://github.com/spscommerce/woodland/tree/main/packages/@spscommerce/ds-web-components",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
},
|
|
27
27
|
"peerDependencies": {
|
|
28
28
|
"@spscommerce/utils": "^7.0.0",
|
|
29
|
-
"@spscommerce/ds-shared": "8.26.
|
|
29
|
+
"@spscommerce/ds-shared": "8.26.2"
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|
|
32
32
|
"@spscommerce/utils": "^7.0.0",
|
|
@@ -35,8 +35,8 @@
|
|
|
35
35
|
"package-json": "10.0.0",
|
|
36
36
|
"react": "^16.9.0",
|
|
37
37
|
"react-dom": "^16.9.0",
|
|
38
|
-
"@spscommerce/ds-shared": "8.26.
|
|
39
|
-
"test": "8.26.
|
|
38
|
+
"@spscommerce/ds-shared": "8.26.2",
|
|
39
|
+
"test": "8.26.2"
|
|
40
40
|
},
|
|
41
41
|
"scripts": {
|
|
42
42
|
"build": "pnpm run build:js && pnpm run build:types && pnpm run build:create-dist && pnpm run build:copy-dist",
|