@spscommerce/ds-web-components 7.6.0 → 7.6.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.cjs.js +13 -13
- package/dist/lib/index.es.js +111 -111
- package/dist/package.json +1 -1
- package/lib/index.cjs.js +13 -13
- package/lib/index.es.js +111 -111
- package/package.json +4 -4
package/dist/lib/index.cjs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var tt=Object.defineProperty;var nt=(e,t,n)=>t in e?tt(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;var a=(e,t,n)=>(nt(e,typeof t!="symbol"?t+"":t,n),n);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const U=require("@spscommerce/ds-shared"),c=require("@spscommerce/utils");var
|
|
1
|
+
"use strict";var tt=Object.defineProperty;var nt=(e,t,n)=>t in e?tt(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;var a=(e,t,n)=>(nt(e,typeof t!="symbol"?t+"":t,n),n);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const U=require("@spscommerce/ds-shared"),c=require("@spscommerce/utils");var h={};Object.defineProperty(h,"__esModule",{value:!0});/**
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright 2018 The Incremental DOM Authors. All Rights Reserved.
|
|
4
4
|
*
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
29
29
|
* See the License for the specific language governing permissions and
|
|
30
30
|
* limitations under the License.
|
|
31
|
-
*/var st=Object.prototype.hasOwnProperty;function
|
|
31
|
+
*/var st=Object.prototype.hasOwnProperty;function De(){}De.prototype=Object.create(null);function it(e,t){return st.call(e,t)}function Pe(){return new De}function fe(e,t){for(;e.length>t;)e.pop()}/**
|
|
32
32
|
* @license
|
|
33
33
|
* Copyright 2018 The Incremental DOM Authors. All Rights Reserved.
|
|
34
34
|
*
|
|
@@ -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 rt(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 Ee(e,t,n){if(n==null)e.removeAttribute(t);else{var s=rt(t);s?e.setAttributeNS(s,t,String(n)):e.setAttribute(t,String(n))}}function Ie(e,t,n){e[t]=n}function at(e,t,n){t.indexOf("-")>=0?e.setProperty(t,n):e[t]=n}function ot(e,t,n){if(typeof n=="string")e.style.cssText=n;else{e.style.cssText="";var s=e.style;for(var i in n)it(n,i)&&at(s,i,n[i])}}function lt(e,t,n){var s=typeof n;s==="object"||s==="function"?Ie(e,t,n):Ee(e,t,n)}var $=
|
|
46
|
+
*/function rt(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 Ee(e,t,n){if(n==null)e.removeAttribute(t);else{var s=rt(t);s?e.setAttributeNS(s,t,String(n)):e.setAttribute(t,String(n))}}function Ie(e,t,n){e[t]=n}function at(e,t,n){t.indexOf("-")>=0?e.setProperty(t,n):e[t]=n}function ot(e,t,n){if(typeof n=="string")e.style.cssText=n;else{e.style.cssText="";var s=e.style;for(var i in n)it(n,i)&&at(s,i,n[i])}}function lt(e,t,n){var s=typeof n;s==="object"||s==="function"?Ie(e,t,n):Ee(e,t,n)}var $=Pe();$[ue.default]=lt;$.style=ot;function R(e,t,n){var s=$[t]||$[ue.default];s(e,t,n)}/**
|
|
47
47
|
* @license
|
|
48
48
|
* Copyright 2018 The Incremental DOM Authors. All Rights Reserved.
|
|
49
49
|
*
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
* limitations under the License.
|
|
61
61
|
*/var j=!1,oe=!1;function Fe(e,t){if(!t)throw new Error("Cannot call "+e+"() unless in patch.")}function ct(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 pt(e){e||console.warn("patchOuter requires the node have a parent if there is a key.")}function L(e){if(j)throw new Error(e+"() can not be called between elementOpenStart() and elementOpenEnd().")}function ke(e){if(oe)throw new Error(e+"() may not be called inside an element that has called skip().")}function me(e){if(!j)throw new Error(e+"() can only be called after calling elementOpenStart().")}function dt(){if(j)throw new Error("elementOpenEnd() must be called after calling elementOpenStart().")}function ht(e,t){if(e!==t)throw new Error('Received a call to close "'+t+'" but "'+e+'" was open.')}function ut(e,t){if(t!==null)throw new Error(e+"() must come before any child declarations inside the current element.")}function ft(e,t,n,s){ee(e);var i=e,r=t,l=r.nextSibling===n&&r.previousSibling===s,
|
|
63
|
+
`))}}function pt(e){e||console.warn("patchOuter requires the node have a parent if there is a key.")}function L(e){if(j)throw new Error(e+"() can not be called between elementOpenStart() and elementOpenEnd().")}function ke(e){if(oe)throw new Error(e+"() may not be called inside an element that has called skip().")}function me(e){if(!j)throw new Error(e+"() can only be called after calling elementOpenStart().")}function dt(){if(j)throw new Error("elementOpenEnd() must be called after calling elementOpenStart().")}function ht(e,t){if(e!==t)throw new Error('Received a call to close "'+t+'" but "'+e+'" was open.')}function ut(e,t){if(t!==null)throw new Error(e+"() must come before any child declarations inside the current element.")}function ft(e,t,n,s){ee(e);var i=e,r=t,l=r.nextSibling===n&&r.previousSibling===s,d=r.nextSibling===i.nextSibling&&r.previousSibling===s,f=r===i;if(!l&&!d&&!f)throw new Error("There must be exactly one top level call corresponding to the patched element.")}function J(e){var t=j;return j=e,t}function Y(e){var t=oe;return oe=e,t}function ee(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
|
*
|
|
@@ -120,7 +120,7 @@
|
|
|
120
120
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
121
121
|
* See the License for the specific language governing permissions and
|
|
122
122
|
* limitations under the License.
|
|
123
|
-
*/var Nt=function(){function e(t,n,s){this._attrsArr=null,this.staticsApplied=!1,this.nameOrCtor=t,this.key=n,this.text=s}return e.prototype.hasEmptyAttrsArr=function(){var t=this._attrsArr;return!t||!t.length},e.prototype.getAttrsArr=function(t){return this._attrsArr||(this._attrsArr=new Array(t))},e}();function ge(e,t,n,s){var i=new Nt(t,n,s);return e.__incrementalDOMData=i,i}function T(e,t){return Le(e,t)}function xt(e){return Boolean(e.__incrementalDOMData)}function yt(e){return ee(e.__incrementalDOMData),T(e).key}function Le(e,t){if(e.__incrementalDOMData)return e.__incrementalDOMData;var n=ae(e)?e.localName:e.nodeName,s=ae(e)?e.getAttribute("key")||t:null,i=vt(e)?e.data:void 0,r=ge(e,n,s,i);return ae(e)&&At(e,r),r}function Te(e){Le(e);for(var t=e.firstChild;t;t=t.nextSibling)Te(t)}function Be(e){e.__incrementalDOMData=null;for(var t=e.firstChild;t;t=t.nextSibling)Be(t)}function At(e,t){var n=e.attributes,s=n.length;if(!!s)for(var i=t.getAttrsArr(s),r=0,l=0;r<s;r+=1,l+=2){var
|
|
123
|
+
*/var Nt=function(){function e(t,n,s){this._attrsArr=null,this.staticsApplied=!1,this.nameOrCtor=t,this.key=n,this.text=s}return e.prototype.hasEmptyAttrsArr=function(){var t=this._attrsArr;return!t||!t.length},e.prototype.getAttrsArr=function(t){return this._attrsArr||(this._attrsArr=new Array(t))},e}();function ge(e,t,n,s){var i=new Nt(t,n,s);return e.__incrementalDOMData=i,i}function T(e,t){return Le(e,t)}function xt(e){return Boolean(e.__incrementalDOMData)}function yt(e){return ee(e.__incrementalDOMData),T(e).key}function Le(e,t){if(e.__incrementalDOMData)return e.__incrementalDOMData;var n=ae(e)?e.localName:e.nodeName,s=ae(e)?e.getAttribute("key")||t:null,i=vt(e)?e.data:void 0,r=ge(e,n,s,i);return ae(e)&&At(e,r),r}function Te(e){Le(e);for(var t=e.firstChild;t;t=t.nextSibling)Te(t)}function Be(e){e.__incrementalDOMData=null;for(var t=e.firstChild;t;t=t.nextSibling)Be(t)}function At(e,t){var n=e.attributes,s=n.length;if(!!s)for(var i=t.getAttrsArr(s),r=0,l=0;r<s;r+=1,l+=2){var d=n[r],f=d.name,m=d.value;i[l]=f,i[l+1]=m}}/**
|
|
124
124
|
* @license
|
|
125
125
|
* Copyright 2018 The Incremental DOM Authors. All Rights Reserved.
|
|
126
126
|
*
|
|
@@ -135,7 +135,7 @@
|
|
|
135
135
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
136
136
|
* See the License for the specific language governing permissions and
|
|
137
137
|
* limitations under the License.
|
|
138
|
-
*/function Ot(e,t){return e==="svg"?"http://www.w3.org/2000/svg":e==="math"?"http://www.w3.org/1998/Math/MathML":t==null||T(t).nameOrCtor==="foreignObject"?null:t.namespaceURI}function
|
|
138
|
+
*/function Ot(e,t){return e==="svg"?"http://www.w3.org/2000/svg":e==="math"?"http://www.w3.org/1998/Math/MathML":t==null||T(t).nameOrCtor==="foreignObject"?null:t.namespaceURI}function Dt(e,t,n,s){var i;if(typeof n=="function")i=new n;else{var r=Ot(n,t);r?i=e.createElementNS(r,n):i=e.createElement(n)}return ge(i,n,s),i}function Pt(e){var t=e.createTextNode("");return ge(t,"#text",null),t}/**
|
|
139
139
|
* @license
|
|
140
140
|
* Copyright 2018 The Incremental DOM Authors. All Rights Reserved.
|
|
141
141
|
*
|
|
@@ -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 k=null,u=null,
|
|
153
|
+
*/var k=null,u=null,C=null,D=null,Q=[],Z=[];function te(){return Z}function Re(e){var t=function(n,s,i){var r=k,l=D,d=Q,f=Z,m=u,b=C,N=!1,W=!1;k=new mt,D=n.ownerDocument,Z=[],C=n.parentNode,Q=_t(n,C),process.env.NODE_ENV!=="production"&&(N=J(!1),W=Y(!1));try{var et=e(n,s,i);return process.env.NODE_ENV!=="production"&&dt(),et}finally{D=l,Z=f,u=m,C=b,Q=d,k.notifyChanges(),J(N),Y(W),k=r}};return t}var Ue=Re(function(e,t,n){return u=e,ze(),t(n),We(),process.env.NODE_ENV!=="production"&&ct(u,e),e}),Et=Re(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"&&(pt(C),ft(s,u,i,r)),C&&je(C,ne(),e.nextSibling),s===u?null:u});function Ne(e,t,n){var s=T(e,n);return t==s.nameOrCtor&&n==s.key}function It(e,t,n){if(!e)return null;if(Ne(e,t,n))return e;if(n){for(;e=e.nextSibling;)if(Ne(e,t,n))return e}return null}function Ft(e,t){var n;return e==="#text"?n=Pt(D):n=Dt(D,C,e,t),k.markCreated(n),n}function $e(e,t){var n=It(u,e,t),s=n||Ft(e,t);s!==u&&(Q.indexOf(s)>=0?St(C,s,u):C.insertBefore(s,u),u=s)}function je(e,t,n){for(var s=e,i=t;i!==n;){var r=i.nextSibling;s.removeChild(i),k.markDeleted(i),i=r}}function ze(){C=u,u=null}function ne(){return u?u.nextSibling:C.firstChild}function ve(){u=ne()}function We(){je(C,ne(),null),u=C,C=C.parentNode}function He(e,t){return ve(),$e(e,t),ze(),C}function Ve(){return process.env.NODE_ENV!=="production"&&Y(!1),We(),u}function kt(){return ve(),$e("#text",null),u}function Lt(){return process.env.NODE_ENV!=="production"&&(Fe("currentElement",D),L("currentElement")),C}function Tt(){return process.env.NODE_ENV!=="production"&&(Fe("currentPointer",D),L("currentPointer")),ne()}function Bt(){process.env.NODE_ENV!=="production"&&(ut("skip",u),Y(!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 xe=3,S=
|
|
168
|
+
*/var xe=3,S=Pe();function Rt(e,t,n){if(t.staticsApplied=!0,!(!n||!n.length)){if(t.hasEmptyAttrsArr()){for(var s=0;s<n.length;s+=2)R(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],d=i[s+1],f=S[l];if(f){n[f]===d&&delete S[l];continue}i[r]=l,i[r+1]=d,r+=2}fe(i,r);for(var l in S)R(e,l,n[S[l]]),delete S[l]}}function Ce(e,t,n){process.env.NODE_ENV!=="production"&&(L("elementOpen"),ke("elementOpen"));var s=He(e,t),i=T(s);i.staticsApplied||Rt(s,i,n);var r=Math.max(0,arguments.length-xe),l=i.hasEmptyAttrsArr();if(!r&&l)return s;for(var d=i.getAttrsArr(r),f=xe,m=0;f<arguments.length;f+=2,m+=2){var b=arguments[f];if(l)d[m]=b;else if(d[m]!==b)break;var N=arguments[f+1];(l||d[m+1]!==N)&&(d[m+1]=N,R(s,b,N))}if(f<arguments.length||m<d.length){for(var W=m;m<d.length;m+=2)S[d[m]]=d[m+1];for(m=W;f<arguments.length;f+=2,m+=2){var b=arguments[f],N=arguments[f+1];S[b]!==N&&R(s,b,N),d[m]=b,d[m+1]=N,delete S[b]}fe(d,m);for(var b in S)R(s,b,void 0),delete S[b]}return s}function Ut(e,t,n){var s=te();process.env.NODE_ENV!=="production"&&(L("elementOpenStart"),J(!0)),s[0]=e,s[1]=t,s[2]=n}function $t(e){var t=te();process.env.NODE_ENV!=="production"&&(me("key"),ee(t)),t[1]=e}function jt(e,t){var n=te();process.env.NODE_ENV!=="production"&&me("attr"),n.push(e),n.push(t)}function zt(){var e=te();process.env.NODE_ENV!=="production"&&(me("elementOpenEnd"),J(!1)),ee(e);var t=Ce.apply(null,e);return fe(e,0),t}function qe(e){process.env.NODE_ENV!=="production"&&L("elementClose");var t=Ve();return process.env.NODE_ENV!=="production"&&ht(T(t).nameOrCtor,e),t}function Wt(e,t,n){return Ce.apply(null,arguments),qe(e)}function Ht(e){process.env.NODE_ENV!=="production"&&(L("text"),ke("text"));var t=kt(),n=T(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
|
-
*/
|
|
183
|
+
*/h.applyAttr=Ee;h.applyProp=Ie;h.attributes=$;h.close=Ve;var be=h.currentElement=Lt,le=h.currentPointer=Tt;h.open=He;var Vt=h.patch=Ue;h.patchInner=Ue;h.patchOuter=Et;h.skip=Bt;var ce=h.skipNode=ve;h.getKey=yt;h.clearCache=Be;h.importNode=Te;h.isDataInitialized=xt;h.notifications=B;h.symbols=ue;var ye=h.attr=jt,qt=h.elementClose=qe;h.elementOpen=Ce;var Gt=h.elementOpenEnd=zt,Xt=h.elementOpenStart=Ut;h.elementVoid=Wt;var Kt=h.text=Ht;h.key=$t;function Ae(e){let t=le();return t instanceof Comment&&t.data!==e?t.data=e:(t=document.createComment(e),be().appendChild(t)),ce(),t}let Ge=U.noI18nI18n;function Qt(e){Ge=e}function Zt(){return Ge}const O=Symbol("ComponentMetadata"),_=Object.freeze({has(e,t){return Boolean(e[O]&&Object.prototype.hasOwnProperty.call(e[O],t))},add(e,t){e[O]?Object.assign(e[O],t):e[O]=t},get(e,t,n){return e[O]&&e[O][t]||n}}),Oe=Symbol("ds-web-components:pragma:listeners-attached"),Xe="idom-pragma:content-begin",pe="idom-pragma:content-end";function de(e){for(const t of e)if(typeof t=="function")t();else if(typeof t=="string")Kt(t);else if(t instanceof Set)de(Array.from(t));else if(Array.isArray(t)&&t.length>0){let n=le();if(Ae(Xe),n===null){const s=be();for(let i=0;i<t.length;i+=1)s.contains(t[i])||s.appendChild(t[i]),ce()}for(;n&&n.data!==pe;)ce(),n=le();Ae(pe)}}function o(e,t,...n){if(t){for(const s of Object.keys(t))if(s.toUpperCase()==="DATA-FRAGMENT")return()=>de(n)}return()=>{Xt(e);const s=[];if(t)for(const r of Object.keys(t))r.toUpperCase()==="CLASSNAME"?ye("class",t[r]):/^on[A-Z]/.test(r)?s.push(r):ye(r,t[r]);Gt(e);const i=be();if(!i[Oe]){for(const r of s)i.addEventListener(r.substr(2).toLowerCase(),t[r]);i[Oe]=!0}de(n),qt(e)}}function Ke(e,t){customElements.get(e)||customElements.define(e,t)}function Jt(...e){for(const t of e)Ke(_.get(t,"tag"),t)}function Yt(e){return function(...n){for(const s of n){const i=`${e}${_.get(s,"tag").substr(3)}`;Ke(i,s)}}}const he=Symbol("Component Attribute Bindings"),P=Symbol("Component Class Bindings"),M=Symbol("Component Style Bindings"),Mt={__initialized:!1,__observer:null,__queuedUpdate:null,__managedClasses:new Set,__updateHostBindings(){const e=this;for(const t of Object.keys(e[he]||{}))e.setAttribute(t,e[he][t]);for(const t of Object.keys(e[M]||{}))e.style[t]=e[M][t];for(const t of e.__managedClasses)e.classList.remove(t);for(const t of(e[P]||[]).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 _.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===Xe?n=i+1:r.data===pe&&(s=i-1))}if(n===null)for(const i of t)i.parentNode.removeChild(i);else t=t.slice(n,s);_.has(e.constructor,"contentProp")&&(e[_.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(),Vt(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=_.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 _.get(e.constructor,"eventListeners",[]))e.removeEventListener(t,e[n]);e.__stopMutObs()}};function E(e){return t=>{_.add(t,e),Object.assign(t.prototype,{__cbAttributeChanged:t.prototype.attributeChangedCallback,__cbConnected:t.prototype.connectedCallback,__cbDisconnected:t.prototype.disconnectedCallback},Mt)}}function se(){return(e,t)=>{_.add(e.constructor,{contentProp:t})}}function ie(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=_.get(t.constructor,"eventListeners",[]);s.push([e,n]),_.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 d=l;e===Boolean&&typeof l=="string"&&l.toLowerCase()==="false"?d=!1:d=e(l),this[r]=d}})}}}function Qe(e,t,n){return(s,i)=>{const r=_.get(s.constructor,"childQueries",[]);r.push({key:i,selector:e,all:n,refresh:t.refresh}),_.add(s.constructor,{childQueries:r})}}function re(e,t={}){return Qe(e,t)}function Ze(e,t={}){return Qe(e,t,!0)}function we(){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 en=Object.defineProperty,tn=Object.getOwnPropertyDescriptor,A=(e,t,n,s)=>{for(var i=s>1?void 0:s?tn(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&&en(t,n,i),i},Je=(e=>(e.FIT="fit",e.FILL="fill",e))(Je||{});const F="sps-photo";var H;exports.SpsPhotoComponent=(H=class extends HTMLElement{constructor(){super(...arguments);a(this,"src");a(this,"altText");a(this,"mode","fill");a(this,"placeholderIcon");a(this,"width");a(this,"fitWidth");a(this,"imageInternal");a(this,"waitForWidthInterval");a(this,"waitForImgHeightInterval")}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=!0;s=n.width/n.height>1,this.fitWidth=s===(this.mode==="fit")}},1e3/60))}get[P](){return[F,this.fitWidth?`${F}--fit-width`:`${F}--fit-height`,this.placeholderIcon&&`${F}--placeholder`]}get[M](){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(H,"displayName",F),a(H,"props",{src:"string",altText:"string",mode:"SpsPhotoDisplayMode",placeholderIcon:"SpsIcon"}),H);A([p()],exports.SpsPhotoComponent.prototype,"src",2);A([p()],exports.SpsPhotoComponent.prototype,"altText",2);A([p()],exports.SpsPhotoComponent.prototype,"mode",2);A([p()],exports.SpsPhotoComponent.prototype,"placeholderIcon",2);A([we()],exports.SpsPhotoComponent.prototype,"width",2);A([we()],exports.SpsPhotoComponent.prototype,"fitWidth",2);A([re("img",{refresh:!0})],exports.SpsPhotoComponent.prototype,"image",1);exports.SpsPhotoComponent=A([E({tag:F})],exports.SpsPhotoComponent);const Ye={sizing:{label:"Sizing",description:c.code`
|
|
184
184
|
<p>
|
|
185
185
|
Photos are block elements, so a photo fills its container's width unless
|
|
186
186
|
an explicit width is set. It is always a 4:3 aspect ratio. In this example,
|
|
@@ -269,7 +269,7 @@
|
|
|
269
269
|
<sps-photo placeholderIcon="building"></sps-photo>
|
|
270
270
|
</div>
|
|
271
271
|
</div>
|
|
272
|
-
`}}}},nn={Photos:{components:[exports.SpsPhotoComponent],examples:Ye}};var _e=(e=>(e["7Z"]="application/x-7z-compressed",e.AAC="audio/aac",e.ABW="application/x-abiword",e.ARC="application/octet-stream",e.AVI="video/x-msvideo",e.AZW="application/vnd.amazon.ebook",e.BIN="application/octet-stream",e.BMP="image/bmp",e.BZ="application/x-bzip",e.BZ2="application/x-bzip2",e.CSH="application/x-csh",e.CSS="text/css",e.CSV="text/csv,application/vnd.ms-excel",e.DOC="application/msword",e.DOCX="application/vnd.openxmlformats-officedocument.wordprocessingml.document",e.EOT="application/vnd.ms-fontobject",e.EPUB="application/epub+zip",e.ES="application/ecmascript",e.FLV="video/x-flv",e.GIF="image/gif",e.GZ="application/x-gzip",e.HTM="text/html",e.HTML="text/html",e.ICO="image/x-icon",e.ICS="text/calendar",e.JAR="application/java-archive",e.JPEG="image/jpeg",e.JPG="image/jpeg",e.JS="application/javascript",e.JSON="application/json",e.M3U="audio/x-mpequrl",e.MID="audio/midi",e.MIDI="audio/midi",e.MOV="video/quicktime",e.MP3="audio/mpeg3",e.MP4="video/mp4",e.MPEG="video/mpeg",e.MPKG="application/vnd.apple.installer+xml",e.ODP="application/vnd.oasis.opendocument.presentation",e.ODS="application/vnd.oasis.opendocument.spreadsheet",e.ODT="application/vnd.oasis.opendocument.text",e.OGA="audio/ogg",e.OGV="video/ogg",e.OGX="application/ogg",e.OTF="font/otf",e.PNG="image/png",e.PDF="application/pdf",e.PPT="application/vnd.ms-powerpoint",e.PPTX="application/vnd.openxmlformats-officedocument.presentationml.presentation",e.RAR="application/x-rar-compressed",e.RTF="application/rtf",e.SH="application/x-sh",e.SVG="image/svg+xml",e.SWF="application/x-shockwave-flash",e.TAR="application/x-tar",e.TIF="image/tiff",e.TIFF="image/tiff",e.TS="application/typescript",e.TTF="font/ttf",e.TXT="text/plain",e.VSD="application/vnd.visio",e.WAV="audio/wav",e.WEBA="audio/webm",e.WEBM="video/webm",e.WEBP="image/webp",e.WOFF="font/woff",e.WOFF2="font/woff2",e.XHTML="application/xhtml+xml",e.XLS="application/vnd.ms-excel",e.XLSX="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",e.XML="application/xml",e.XUL="application/vnd.mozilla.xul+xml",e.ZIP="application/zip",e))(_e||{}),sn=Object.defineProperty,rn=Object.getOwnPropertyDescriptor,
|
|
272
|
+
`}}}},nn={Photos:{components:[exports.SpsPhotoComponent],examples:Ye}};var _e=(e=>(e["7Z"]="application/x-7z-compressed",e.AAC="audio/aac",e.ABW="application/x-abiword",e.ARC="application/octet-stream",e.AVI="video/x-msvideo",e.AZW="application/vnd.amazon.ebook",e.BIN="application/octet-stream",e.BMP="image/bmp",e.BZ="application/x-bzip",e.BZ2="application/x-bzip2",e.CSH="application/x-csh",e.CSS="text/css",e.CSV="text/csv,application/vnd.ms-excel",e.DOC="application/msword",e.DOCX="application/vnd.openxmlformats-officedocument.wordprocessingml.document",e.EOT="application/vnd.ms-fontobject",e.EPUB="application/epub+zip",e.ES="application/ecmascript",e.FLV="video/x-flv",e.GIF="image/gif",e.GZ="application/x-gzip",e.HTM="text/html",e.HTML="text/html",e.ICO="image/x-icon",e.ICS="text/calendar",e.JAR="application/java-archive",e.JPEG="image/jpeg",e.JPG="image/jpeg",e.JS="application/javascript",e.JSON="application/json",e.M3U="audio/x-mpequrl",e.MID="audio/midi",e.MIDI="audio/midi",e.MOV="video/quicktime",e.MP3="audio/mpeg3",e.MP4="video/mp4",e.MPEG="video/mpeg",e.MPKG="application/vnd.apple.installer+xml",e.ODP="application/vnd.oasis.opendocument.presentation",e.ODS="application/vnd.oasis.opendocument.spreadsheet",e.ODT="application/vnd.oasis.opendocument.text",e.OGA="audio/ogg",e.OGV="video/ogg",e.OGX="application/ogg",e.OTF="font/otf",e.PNG="image/png",e.PDF="application/pdf",e.PPT="application/vnd.ms-powerpoint",e.PPTX="application/vnd.openxmlformats-officedocument.presentationml.presentation",e.RAR="application/x-rar-compressed",e.RTF="application/rtf",e.SH="application/x-sh",e.SVG="image/svg+xml",e.SWF="application/x-shockwave-flash",e.TAR="application/x-tar",e.TIF="image/tiff",e.TIFF="image/tiff",e.TS="application/typescript",e.TTF="font/ttf",e.TXT="text/plain",e.VSD="application/vnd.visio",e.WAV="audio/wav",e.WEBA="audio/webm",e.WEBM="video/webm",e.WEBP="image/webp",e.WOFF="font/woff",e.WOFF2="font/woff2",e.XHTML="application/xhtml+xml",e.XLS="application/vnd.ms-excel",e.XLSX="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",e.XML="application/xml",e.XUL="application/vnd.mozilla.xul+xml",e.ZIP="application/zip",e))(_e||{}),sn=Object.defineProperty,rn=Object.getOwnPropertyDescriptor,v=(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&&sn(t,n,i),i};const g="sps-file-upload";var V;exports.SpsFileUploadComponent=(V=class extends HTMLElement{constructor(){super();a(this,"description");a(this,"multiple");a(this,"shown",!0);a(this,"dismissable");a(this,"processing");a(this,"mini");a(this,"constrainContentWidth");a(this,"downloadLabel");a(this,"acceptExtensions");a(this,"maxSize");a(this,"customRequirement");a(this,"selection");a(this,"dismissal");a(this,"download");a(this,"fileInput");a(this,"files",[]);a(this,"accept");a(this,"acceptMIMETypes",new Set);a(this,"acceptExtensionsDescription");a(this,"maxSizeBytes");a(this,"active",!1);a(this,"error",!1);a(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[P](){return[g,this.active&&`${g}--active`,this.error&&`${g}--error`,!this.shown&&`${g}--hidden`,this.mini&&`${g}--mini`,this.constrainContentWidth&&`${g}--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?U.SpsIcon.EXCLAMATION_CIRCLE:U.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:`${g}__content`},this.processing?o("div",{"data-fragment":!0},o("i",{className:"sps-spinner sps-spinner--medium","aria-hidden":"true"}),o("div",{className:`${g}__instructions`},t("design-system:fileUpload.processing"))):o("div",{"data-fragment":!0},o("i",{className:`sps-icon sps-icon-${n} ${g}__icon-primary`,"aria-hidden":"true"}),o("div",{className:`${g}__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:`${g}__errored-files`},new Set(this.namesOfUnsupportedFiles.map((i,r)=>{const l=Math.floor(i.length/2);return o("div",{className:`${g}__errored-filename`,key:i},o("span",{className:`${g}__errored-filename-segment`},i.substr(0,l)),o("div",{className:`${g}__errored-filename-segment`},o("span",null,i.substr(l))),r<this.namesOfUnsupportedFiles.length-1?",":"")}))):o("span",null),o("div",{className:`${g}__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:`${g}__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 ${g}__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 ${g}__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 _e[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(V,"displayName",g),a(V,"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>"}}),V);v([p()],exports.SpsFileUploadComponent.prototype,"description",2);v([p(Boolean)],exports.SpsFileUploadComponent.prototype,"multiple",2);v([p(Boolean)],exports.SpsFileUploadComponent.prototype,"shown",2);v([p(Boolean)],exports.SpsFileUploadComponent.prototype,"dismissable",2);v([p(Boolean)],exports.SpsFileUploadComponent.prototype,"processing",2);v([p(Boolean)],exports.SpsFileUploadComponent.prototype,"mini",2);v([p(Boolean)],exports.SpsFileUploadComponent.prototype,"constrainContentWidth",2);v([p()],exports.SpsFileUploadComponent.prototype,"downloadLabel",2);v([p()],exports.SpsFileUploadComponent.prototype,"acceptExtensions",2);v([p()],exports.SpsFileUploadComponent.prototype,"maxSize",2);v([p()],exports.SpsFileUploadComponent.prototype,"customRequirement",2);v([ie()],exports.SpsFileUploadComponent.prototype,"selection",2);v([ie()],exports.SpsFileUploadComponent.prototype,"dismissal",2);v([ie()],exports.SpsFileUploadComponent.prototype,"download",2);v([re("input[type='file']")],exports.SpsFileUploadComponent.prototype,"fileInput",2);v([z("dragover")],exports.SpsFileUploadComponent.prototype,"handleDragOver",1);v([z("dragenter")],exports.SpsFileUploadComponent.prototype,"handleDragEnter",1);v([z("dragleave")],exports.SpsFileUploadComponent.prototype,"handleDragLeave",1);v([z("drop")],exports.SpsFileUploadComponent.prototype,"handleDrop",1);exports.SpsFileUploadComponent=v([E({tag:g})],exports.SpsFileUploadComponent);const an={basic:{label:"Basic File Upload",description:c.code`
|
|
273
273
|
<p>Simply allow the user to drag-and-drop or select either a single file or multiple files at once.</p>
|
|
274
274
|
`,examples:{single:{description:"<p>Single file upload</p>",react:c.code`
|
|
275
275
|
function Component() {
|
|
@@ -519,7 +519,7 @@
|
|
|
519
519
|
</div>
|
|
520
520
|
)
|
|
521
521
|
}
|
|
522
|
-
`}}}};var on=Object.defineProperty,ln=Object.getOwnPropertyDescriptor,x=(e,t,n,s)=>{for(var i=s>1?void 0:s?ln(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&&on(t,n,i),i};const w="sps-insight-card";var q;exports.SpsInsightCardComponent=(q=class extends HTMLElement{constructor(){super(...arguments);a(this,"icon");a(this,"kind",U.SpsInsightCardKind.GENERAL);a(this,"title");a(this,"metric");a(this,"partnerCount");a(this,"totalPartners");a(this,"secondary");a(this,"content");a(this,"detail")}get[
|
|
522
|
+
`}}}};var on=Object.defineProperty,ln=Object.getOwnPropertyDescriptor,x=(e,t,n,s)=>{for(var i=s>1?void 0:s?ln(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&&on(t,n,i),i};const w="sps-insight-card";var q;exports.SpsInsightCardComponent=(q=class extends HTMLElement{constructor(){super(...arguments);a(this,"icon");a(this,"kind",U.SpsInsightCardKind.GENERAL);a(this,"title");a(this,"metric");a(this,"partnerCount");a(this,"totalPartners");a(this,"secondary");a(this,"content");a(this,"detail")}get[P](){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,d,f]=(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-${U.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,d),o("div",null,f)),o("div",{className:`${w}__partners-text`},t("design-system:insightCard.partners"))))}},a(q,"displayName",w),a(q,"props",{icon:"SpsIcon",kind:"SpsInsightCardKind",title:"string",metric:"number",partnerCount:"number",totalPartners:"number",secondary:"boolean"}),q);x([p()],exports.SpsInsightCardComponent.prototype,"icon",2);x([p()],exports.SpsInsightCardComponent.prototype,"kind",2);x([p()],exports.SpsInsightCardComponent.prototype,"title",2);x([p()],exports.SpsInsightCardComponent.prototype,"metric",2);x([p()],exports.SpsInsightCardComponent.prototype,"partnerCount",2);x([p()],exports.SpsInsightCardComponent.prototype,"totalPartners",2);x([p()],exports.SpsInsightCardComponent.prototype,"secondary",2);x([se()],exports.SpsInsightCardComponent.prototype,"content",2);x([re(`.${w}__detail`)],exports.SpsInsightCardComponent.prototype,"detail",2);exports.SpsInsightCardComponent=x([E({tag:w})],exports.SpsInsightCardComponent);var cn=Object.defineProperty,pn=Object.getOwnPropertyDescriptor,Se=(e,t,n,s)=>{for(var i=s>1?void 0:s?pn(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&&cn(t,n,i),i};const y="sps-insights";var G;exports.SpsInsightsComponent=(G=class extends HTMLElement{constructor(){super();a(this,"content",[]);a(this,"details");a(this,"showAdditionalInsights",!1);this.toggleAdditionalInsights=this.toggleAdditionalInsights.bind(this)}get[P](){return[y,this.showAdditionalInsights&&`${y}--show-additional`,this.details&&Array.from(this.details).every(t=>!t.textContent)?`${y}--no-details`:null,this.content.length===6?`${y}--break-4`:null,this.content.length===7?`${y}--break-5`:null,this.content.length===8?`${y}--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(G,"displayName",y),a(G,"props",{}),G);Se([se()],exports.SpsInsightsComponent.prototype,"content",2);Se([Ze(".sps-insight-card__detail")],exports.SpsInsightsComponent.prototype,"details",2);exports.SpsInsightsComponent=Se([E({tag:y})],exports.SpsInsightsComponent);const dn={basic:{label:"Basic Insight Cards",examples:{basic:{jsx:c.code`
|
|
523
523
|
<sps-insights>
|
|
524
524
|
<sps-insight-card kind="general"
|
|
525
525
|
metric="1234"
|
|
@@ -801,7 +801,7 @@
|
|
|
801
801
|
</sps-insights>
|
|
802
802
|
)
|
|
803
803
|
}
|
|
804
|
-
`}}}};var hn=Object.defineProperty,un=Object.getOwnPropertyDescriptor,I=(e,t,n,s)=>{for(var i=s>1?void 0:s?un(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&&hn(t,n,i),i},X;exports.SpsNavTabComponent=(X=class extends HTMLElement{constructor(){super(...arguments);a(this,"active",!1);a(this,"label","");a(this,"icon");a(this,"tag","");a(this,"href");a(this,"target")}get[
|
|
804
|
+
`}}}};var hn=Object.defineProperty,un=Object.getOwnPropertyDescriptor,I=(e,t,n,s)=>{for(var i=s>1?void 0:s?un(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&&hn(t,n,i),i},X;exports.SpsNavTabComponent=(X=class extends HTMLElement{constructor(){super(...arguments);a(this,"active",!1);a(this,"label","");a(this,"icon");a(this,"tag","");a(this,"href");a(this,"target")}get[P](){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(X,"displayName","sps-nav-tab"),a(X,"props",{active:"boolean",label:"string",icon:"SpsIcon",tag:"string",href:"string",target:"string"}),X);I([p()],exports.SpsNavTabComponent.prototype,"active",2);I([p()],exports.SpsNavTabComponent.prototype,"label",2);I([p()],exports.SpsNavTabComponent.prototype,"icon",2);I([p()],exports.SpsNavTabComponent.prototype,"tag",2);I([p()],exports.SpsNavTabComponent.prototype,"href",2);I([p()],exports.SpsNavTabComponent.prototype,"target",2);exports.SpsNavTabComponent=I([E({tag:"sps-nav-tab"})],exports.SpsNavTabComponent);var fn=Object.defineProperty,mn=Object.getOwnPropertyDescriptor,Me=(e,t,n,s)=>{for(var i=s>1?void 0:s?mn(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&&fn(t,n,i),i},K;exports.SpsNavTabSetComponent=(K=class extends HTMLElement{constructor(){super(...arguments);a(this,"content",[])}render(){return o("nav",{className:"sps-tabbed-nav"},this.content)}},a(K,"displayName","sps-nav-tab-set"),a(K,"props",{}),K);Me([se()],exports.SpsNavTabSetComponent.prototype,"content",2);exports.SpsNavTabSetComponent=Me([E({tag:"sps-nav-tab-set"})],exports.SpsNavTabSetComponent);const gn={basic:{label:"Basic Navigation Tabs",description:c.code`
|
|
805
805
|
<p>Navigation tabs native web component</p>
|
|
806
806
|
`,examples:{basic:{react:c.code`
|
|
807
807
|
function DemoComponent() {
|
|
@@ -828,4 +828,4 @@
|
|
|
828
828
|
</sps-nav-tab-set>
|
|
829
829
|
)
|
|
830
830
|
}
|
|
831
|
-
`}}}};exports.AttrBindings=he;exports.ClassBindings=
|
|
831
|
+
`}}}};exports.AttrBindings=he;exports.ClassBindings=P;exports.Component=E;exports.Content=se;exports.EventDispatcher=ie;exports.EventListener=z;exports.MANIFEST=nn;exports.MIMEType=_e;exports.Prop=p;exports.QuerySelector=re;exports.QuerySelectorAll=Ze;exports.SpsFileUploadExamples=an;exports.SpsInsightCardExamples=dn;exports.SpsNavTabsExamples=gn;exports.SpsPhotoDisplayMode=Je;exports.SpsPhotoExamples=Ye;exports.StyleBindings=M;exports.Watch=we;exports.h=o;exports.namespaceOverrideRegistrar=Yt;exports.register=Jt;exports.webComponentsUseI18n=Qt;
|